1.8.2-BETA

Union-Crax · Union-Crax · commit 7a418f8e6452 · 2026-04-30T21:48:32.000+01:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,8 @@
 
 ### Fixes & Improvements
 
+- Reworked installed-game actions so Library covers now support right-click context menus, visible hover tools, and a shared action surface across Library and game Details instead of hiding everything behind a tiny settings gear.
+- Polished the Library command header with clearer hierarchy, better search guidance, and direct affordance hints so advanced actions are easier to discover.
 - Simplified UC.Files download behavior to use Electron's standard downloader path (same flow as other hosts) now that storage is Backblaze-backed, removing reliance on the custom parallel UC.Files path.
 - Fixed UC.Files share-link resolution for `/download/{token}` URLs by treating them as share tokens (not file IDs), preventing false "link could not be resolved" failures during game downloads.
 - Fixed UC.Files-backed artwork and animated hero media on mirror domains by routing them through the active website domain instead of loading `files.union-crax.xyz` directly. This also covers remaining overlay and avatar media paths that were still bypassing the shared proxy helper.
diff --git a/electron/main.cjs b/electron/main.cjs
@@ -2201,8 +2201,32 @@ async function getDownloadsStateStore() {
   }
   if (!downloadsStateStorePromise) {
     downloadsStateStorePromise = (async () => {
-      const db = new ClassicLevel(downloadsStateDbPath, { valueEncoding: 'json' })
-      await db.open()
+      async function openDbWithRecovery() {
+        let db = new ClassicLevel(downloadsStateDbPath, { valueEncoding: 'json' })
+        try {
+          await db.open()
+          return db
+        } catch {
+          // Step 1: stale LOCK file from a previous crash — delete and retry
+          const lockPath = path.join(downloadsStateDbPath, 'LOCK')
+          if (fs.existsSync(lockPath)) {
+            try { fs.unlinkSync(lockPath) } catch { }
+            try {
+              await db.open()
+              ucLog('[State] Recovered LevelDB after stale LOCK removal', 'warn')
+              return db
+            } catch { }
+          }
+          // Step 2: DB is corrupted / unrecoverable — wipe directory and start fresh
+          ucLog('[State] LevelDB unrecoverable, wiping state-db and starting fresh', 'warn')
+          try { await db.close() } catch { }
+          try { fs.rmSync(downloadsStateDbPath, { recursive: true, force: true }) } catch { }
+          db = new ClassicLevel(downloadsStateDbPath, { valueEncoding: 'json' })
+          await db.open()
+          return db
+        }
+      }
+      const db = await openDbWithRecovery()
       const store = db.sublevel('downloads', { valueEncoding: 'json' })
       await store.open()
       return store
@@ -6490,11 +6514,17 @@ function createWindow(existingSplash) {
     const url = item.getURL()
     const normalizedUrl = normalizeDownloadUrl(url)
     const itemFilename = item.getFilename()
+    // Collect all URLs in the redirect chain (original + any intermediate + final CDN URL)
+    const itemUrlChain = (item.getURLChain ? item.getURLChain() : [url]).filter(Boolean)
+    const itemNormalizedChain = new Set(itemUrlChain.map(normalizeDownloadUrl))
     const matchIndex = pendingDownloads.findIndex((entry) =>
       entry.url === url ||
       (entry.normalizedUrl && entry.normalizedUrl === normalizedUrl) ||
       (entry.filename && entry.filename === itemFilename) ||
-      (Array.isArray(entry.urlChain) && entry.urlChain.includes(url))
+      (Array.isArray(entry.urlChain) && entry.urlChain.some((u) => itemUrlChain.includes(u))) ||
+      // Match original pending URL against any URL in the redirect chain (handles CDN redirects)
+      (entry.url && itemNormalizedChain.has(normalizeDownloadUrl(entry.url))) ||
+      (entry.normalizedUrl && itemNormalizedChain.has(entry.normalizedUrl))
     )
     const match = matchIndex >= 0 ? pendingDownloads.splice(matchIndex, 1)[0] : null
     const downloadId = match?.downloadId || `${Date.now()}-${Math.random().toString(16).slice(2)}`
@@ -6506,8 +6536,11 @@ function createWindow(existingSplash) {
       return
     }
 
-    // Always use match.filename if available to ensure consistency with parser logic, even if server sends different Content-Disposition
-    const filename = match?.filename ? match.filename : itemFilename
+    // Prefer the CDN-served filename (has a real extension from Content-Disposition) over match.filename,
+    // which may be a token hash with no extension (e.g. redirect via files.union-crax.xyz/download/<token>).
+    const filename = (itemFilename && path.extname(itemFilename))
+      ? itemFilename
+      : (match?.filename || itemFilename || 'download')
     uc_log(`will-download - url=${item.getURL()}`)
     uc_log(`will-download - match.filename=${match?.filename}, item.getFilename()=${item.getFilename()}, final filename=${filename}`)
     const partIndex = match?.partIndex
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "unioncrax-direct",
-  "version": "1.8.1",
+  "version": "1.8.2-BETA",
   "description": "Standalone Electron app for managing and launching games from UnionCrax",
   "type": "module",
   "main": "electron/main.cjs",
diff --git a/renderer/src/app/pages/GameDetailPage.tsx b/renderer/src/app/pages/GameDetailPage.tsx
@@ -1,5 +1,5 @@
 
-import { useEffect, useCallback, useMemo, useRef, useState } from "react"
+import { useEffect, useCallback, useMemo, useRef, useState, type MouseEvent as ReactMouseEvent } from "react"
 import { createPortal } from "react-dom"
 import { useParams } from "react-router-dom"
 import { Badge } from "@/components/ui/badge"
@@ -40,6 +40,7 @@ import {
   Layers3,
   Loader2,
   Minus,
+  MoreHorizontal,
   Plus,
   Play,
   Tags,
@@ -52,6 +53,7 @@ import { LinuxExperiences } from "@/components/LinuxExperiences"
 import { DownloadCheckModal } from "@/components/DownloadCheckModal"
 import { DesktopShortcutModal } from "@/components/DesktopShortcutModal"
 import { EditGameMetadataModal } from "@/components/EditGameMetadataModal"
+import { GameActionContextMenu, GameActionMenuPanel } from "@/components/GameActionMenu"
 import { UpdateBackupWarningModal } from "@/components/VersionConflictModal"
 import { GameLinuxConfigModal } from "@/components/GameLinuxConfigModal"
 import { gameLogger } from "@/lib/logger"
@@ -126,6 +128,7 @@ export function GameDetailPage() {
   const [exePickerFolder, setExePickerFolder] = useState<string | null>(null)
   const [exePickerMode, setExePickerMode] = useState<"launch" | "set">("launch")
   const [actionMenuOpen, setActionMenuOpen] = useState(false)
+  const [actionMenuContextPosition, setActionMenuContextPosition] = useState<{ x: number; y: number } | null>(null)
   const [shortcutFeedback, setShortcutFeedback] = useState<{ type: 'success' | 'error'; message: string } | null>(null)
   const [pendingDeleteAction, setPendingDeleteAction] = useState<"installed" | "installing" | null>(null)
   const [editMetadataOpen, setEditMetadataOpen] = useState(false)
@@ -1065,6 +1068,13 @@ export function GameDetailPage() {
     setPendingDeleteAction("installed")
   }
 
+  const handleActionCardContextMenu = (event: ReactMouseEvent<HTMLDivElement>) => {
+    if (!showActionMenu) return
+    event.preventDefault()
+    setActionMenuOpen(false)
+    setActionMenuContextPosition({ x: event.clientX, y: event.clientY })
+  }
+
   const runDeleteGame = async (action: "installed" | "installing") => {
     if (!game) return
     try {
@@ -1431,7 +1441,10 @@ export function GameDetailPage() {
 
             </div>
             <div className="space-y-6">
-              <div className="p-8 rounded-3xl bg-zinc-950/60 border border-white/[.07] backdrop-blur-md shadow-xl">
+              <div
+                className={`p-8 rounded-3xl bg-zinc-950/60 border border-white/[.07] backdrop-blur-md shadow-xl ${showActionMenu ? "cursor-context-menu" : ""}`}
+                onContextMenu={handleActionCardContextMenu}
+              >
                 <div className="flex items-center gap-3">
                   <Button
                     size="lg"
@@ -1473,93 +1486,46 @@ export function GameDetailPage() {
                       <PopoverTrigger asChild>
                         <Button
                           variant="outline"
-                          size="icon"
-                          className="h-[52px] w-[52px] rounded-full border-white/[.07] bg-zinc-900/60 text-zinc-300 hover:bg-zinc-800 hover:text-white backdrop-blur-md active:scale-95"
+                          size="lg"
+                          onClick={() => setActionMenuContextPosition(null)}
+                          className="h-[52px] rounded-full border-white/[.07] bg-zinc-900/60 px-4 text-zinc-300 hover:bg-zinc-800 hover:text-white backdrop-blur-md active:scale-95"
                           aria-label="Game actions"
                         >
-                          <Settings className="h-5 w-5" />
+                          <MoreHorizontal className="h-4.5 w-4.5" />
+                          <span className="text-sm font-medium">Actions</span>
                         </Button>
                       </PopoverTrigger>
-                      <PopoverContent align="end" className="w-56 rounded-2xl p-2 bg-zinc-950/95 border border-white/[.07] text-white shadow-2xl backdrop-blur-xl">
-                        <button
-                          type="button"
-                          onClick={() => {
+                      <PopoverContent align="end" className="w-auto border-none bg-transparent p-0 shadow-none">
+                        <GameActionMenuPanel
+                          gameName={game?.name || "Game"}
+                          gameSource={game?.source}
+                          isExternal={Boolean(installedManifest?.isExternal)}
+                          isLinux={isLinux}
+                          shortcutFeedback={shortcutFeedback}
+                          onSetExecutable={() => {
+                            setActionMenuOpen(false)
                             void openExecutablePicker()
                           }}
-                          className="flex w-full items-center rounded-lg px-3 py-2 text-left text-sm text-zinc-400 transition-colors hover:text-white hover:bg-white/10"
-                        >
-                          <Settings className="mr-2 h-4 w-4" />
-                          Set Executable
-                        </button>
-                        <button
-                          type="button"
-                          onClick={() => {
+                          onOpenFiles={() => {
                             setActionMenuOpen(false)
+                            void openGameFiles()
+                          }}
+                          onCreateShortcut={() => {
                             void handleCreateShortcut()
                           }}
-                          className="flex w-full items-center rounded-lg px-3 py-2 text-left text-sm text-zinc-400 transition-colors hover:text-white hover:bg-white/10"
-                        >
-                          <ExternalLink className="mr-2 h-4 w-4" />
-                          Create Desktop Shortcut
-                        </button>
-                        <button
-                          type="button"
-                          onClick={() => {
+                          onEditDetails={isExternalGame ? () => {
                             setActionMenuOpen(false)
-                            void openGameFiles()
-                          }}
-                          className="flex w-full items-center rounded-lg px-3 py-2 text-left text-sm text-zinc-400 transition-colors hover:text-white hover:bg-white/10"
-                        >
-                          <FolderOpen className="mr-2 h-4 w-4" />
-                          Open Game Files
-                        </button>
-                        {isExternalGame && (
-                          <button
-                            type="button"
-                            onClick={() => {
-                              setActionMenuOpen(false)
-                              setEditMetadataOpen(true)
-                            }}
-                            className="flex w-full items-center rounded-lg px-3 py-2 text-left text-sm text-zinc-400 transition-colors hover:text-white hover:bg-white/10"
-                          >
-                            <Settings className="mr-2 h-4 w-4" />
-                            Edit Details
-                          </button>
-                        )}
-                        {isLinux && (
-                          <button
-                            type="button"
-                            onClick={() => {
-                              setActionMenuOpen(false)
-                              setLinuxConfigOpen(true)
-                            }}
-                            className="flex w-full items-center rounded-lg px-3 py-2 text-left text-sm text-zinc-400 transition-colors hover:text-white hover:bg-white/10"
-                          >
-                            <Terminal className="mr-2 h-4 w-4" />
-                            Linux / VR Config
-                          </button>
-                        )}
-                        <div className="my-1 h-px bg-white/10" />
-                        <button
-                          type="button"
-                          onClick={() => {
+                            setEditMetadataOpen(true)
+                          } : undefined}
+                          onLinuxConfig={isLinux ? () => {
+                            setActionMenuOpen(false)
+                            setLinuxConfigOpen(true)
+                          } : undefined}
+                          onDelete={() => {
                             setActionMenuOpen(false)
                             void handleDeleteGame()
                           }}
-                          className="flex w-full items-center rounded-lg px-3 py-2 text-left text-sm text-destructive transition-colors hover:bg-destructive/10"
-                        >
-                          {installedManifest?.isExternal ? (
-                            <>
-                              <Unlink2 className="mr-2 h-4 w-4" />
-                              Unlink Game
-                            </>
-                          ) : (
-                            <>
-                              <Trash2 className="mr-2 h-4 w-4" />
-                              Delete Game
-                            </>
-                          )}
-                        </button>
+                        />
                       </PopoverContent>
                     </Popover>
                   ) : null}
@@ -1599,6 +1565,41 @@ export function GameDetailPage() {
                 )}
               </div>
 
+              <GameActionContextMenu
+                open={Boolean(actionMenuContextPosition && showActionMenu)}
+                position={actionMenuContextPosition}
+                onClose={() => setActionMenuContextPosition(null)}
+                gameName={game?.name || "Game"}
+                gameSource={game?.source}
+                isExternal={Boolean(installedManifest?.isExternal)}
+                isLinux={isLinux}
+                shortcutFeedback={null}
+                onSetExecutable={() => {
+                  setActionMenuContextPosition(null)
+                  void openExecutablePicker()
+                }}
+                onOpenFiles={() => {
+                  setActionMenuContextPosition(null)
+                  void openGameFiles()
+                }}
+                onCreateShortcut={() => {
+                  setActionMenuContextPosition(null)
+                  void handleCreateShortcut()
+                }}
+                onEditDetails={isExternalGame ? () => {
+                  setActionMenuContextPosition(null)
+                  setEditMetadataOpen(true)
+                } : undefined}
+                onLinuxConfig={isLinux ? () => {
+                  setActionMenuContextPosition(null)
+                  setLinuxConfigOpen(true)
+                } : undefined}
+                onDelete={() => {
+                  setActionMenuContextPosition(null)
+                  void handleDeleteGame()
+                }}
+              />
+
               <div className={`grid grid-cols-2 gap-4${isUCMatched ? ' opacity-40 blur-[2px] pointer-events-none select-none' : ''}`}>
                 <div className="p-5 rounded-3xl bg-zinc-900/60 border border-white/[.07] backdrop-blur-md text-center shadow-xl">
                   <Download className="h-6 w-6 text-white mx-auto mb-3 drop-shadow-md" />
diff --git a/renderer/src/app/pages/LibraryPage.tsx b/renderer/src/app/pages/LibraryPage.tsx
diff --git a/renderer/src/components/GameActionMenu.tsx b/renderer/src/components/GameActionMenu.tsx

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "unioncrax-direct",`
`3`		`- "version": "1.8.1",`
	`3`	`+ "version": "1.8.2-BETA",`
`4`	`4`	`"description": "Standalone Electron app for managing and launching games from UnionCrax",`
`5`	`5`	`"type": "module",`
`6`	`6`	`"main": "electron/main.cjs",`