lil oopsies

Author: Union-Crax

CHANGELOG.md

@@ -1,5 +1,5 @@
 # Changelog
-## v2.6 - Launch Reliability
+## v2.6.0 - Launch Reliability
 
 ### Game launching
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "unioncrax-direct",
-  "version": "2.6.BETA",
+  "version": "2.6.0",
   "description": "UC.D",
   "type": "module",
   "main": "electron/main.cjs",

renderer/src/app/pages/LauncherPage.tsx

@@ -1247,8 +1247,12 @@ function StatsRow({
               <span className="whitespace-nowrap text-xs text-muted-foreground/80 font-medium">Updated (7d)</span>
             </div>
             <div className="w-px h-4 bg-white/[.07] hidden sm:block" />
-            <Link
-              to="/settings?section=leaderboard"
+            <a
+              href="https://union-crax.xyz/leaderboard"
+              onClick={(e) => {
+                e.preventDefault();
+                (window as any).ucSystem?.openExternal?.("https://union-crax.xyz/leaderboard");
+              }}
               className="group flex shrink-0 items-center gap-2 whitespace-nowrap"
               title="UC.Direct users online right now — open the leaderboard"
             >
@@ -1260,10 +1264,14 @@ function StatsRow({
                 <AnimatedCounter value={usersOnline} format={formatNumber} />
               </span>
               <span className="text-xs text-muted-foreground/80 group-hover:text-muted-foreground transition-colors font-medium">Now online</span>
-            </Link>
+            </a>
             <div className="w-px h-4 bg-white/[.07] hidden sm:block" />
-            <Link
-              to="/settings?section=leaderboard"
+            <a
+              href="https://union-crax.xyz/leaderboard"
+              onClick={(e) => {
+                e.preventDefault();
+                (window as any).ucSystem?.openExternal?.("https://union-crax.xyz/leaderboard");
+              }}
               className="group flex shrink-0 items-center gap-2 whitespace-nowrap"
               title="People in a running game right now — open the leaderboard"
             >
@@ -1275,18 +1283,22 @@ function StatsRow({
                 <AnimatedCounter value={playersNow} format={formatNumber} />
               </span>
               <span className="text-xs text-muted-foreground/80 group-hover:text-muted-foreground transition-colors font-medium">Now playing</span>
-            </Link>
+            </a>
             <div className="w-px h-4 bg-white/[.07] hidden sm:block" />
-            <Link
-              to="/settings?section=leaderboard"
+            <a
+              href="https://union-crax.xyz/leaderboard"
+              onClick={(e) => {
+                e.preventDefault();
+                (window as any).ucSystem?.openExternal?.("https://union-crax.xyz/leaderboard");
+              }}
               className="group flex shrink-0 items-center gap-2 whitespace-nowrap"
               title="All-time playtime tracked by UC.Direct — open the leaderboard"
             >
               <span className="text-sm font-semibold text-amber-400 group-hover:text-amber-300 transition-colors">
                 {formatPlaytimeCompact(totalPlaytimeSeconds)}
               </span>
               <span className="text-xs text-muted-foreground/80 group-hover:text-muted-foreground transition-colors font-medium">Total playtime</span>
-            </Link>
+            </a>
             <div className="flex shrink-0 items-center gap-1 whitespace-nowrap" title="These stats are tracked by UC.Direct">
               <span className="text-xs text-muted-foreground/60 font-medium italic">Tracked by</span>
               <span className="text-xs font-semibold text-violet-400">UC.Direct</span>

renderer/src/components/GameExperience.tsx

@@ -171,6 +171,7 @@ export function GameExperience({
   const [notes, setNotes] = useState("")
   const [submitting, setSubmitting] = useState(false)
   const [submitted, setSubmitted] = useState(false)
+  const [hasRated, setHasRated] = useState(false)
   const [submitError, setSubmitError] = useState<string | null>(null)
   const { user, loading: authLoading } = useDiscordAccount()
 
@@ -183,6 +184,20 @@ export function GameExperience({
         if (j?.success) {
           setExperiences(j.experiences || [])
           if (j.stats) setStats(j.stats as Stats)
+          if (j.myRating) {
+            setHasRated(true)
+            setRating(j.myRating.rating)
+            const d = (j.myRating.distro || "").toLowerCase()
+            if (d === "windows") {
+              setPlatform("windows")
+              setDistro("")
+            } else {
+              setPlatform("linux")
+              setDistro(j.myRating.distro || "")
+            }
+            setProtonVersion(j.myRating.proton_version || "")
+            setNotes(j.myRating.notes || "")
+          }
         }
       })
       .catch(() => { })
@@ -233,11 +248,14 @@ export function GameExperience({
       if (!res.ok || !json.success) {
         setSubmitError(json.error || "Failed to submit. Please try again.")
       } else {
+        if (json.updated) setHasRated(true)
         setSubmitted(true)
-        setDistro("")
-        setProtonVersion("")
-        setRating(null)
-        setNotes("")
+        if (!json.updated && !hasRated) {
+          setDistro("")
+          setProtonVersion("")
+          setRating(null)
+          setNotes("")
+        }
         fetchExperiences()
       }
     } catch {
@@ -318,7 +336,7 @@ export function GameExperience({
           <div className="flex items-start gap-3 p-4 rounded-xl bg-emerald-500/10 border border-emerald-500/20">
             <CheckCircle2 className="h-5 w-5 text-emerald-500 mt-0.5 shrink-0" />
             <div className="flex-1">
-              <div className="text-sm font-semibold text-emerald-500">Thanks for the rating!</div>
+              <div className="text-sm font-semibold text-emerald-500">{hasRated ? "Thanks for updating your rating!" : "Thanks for the rating!"}</div>
               <div className="text-xs text-muted-foreground mt-1">Your report is now part of the average above.</div>
               <div className="flex flex-wrap items-center gap-3 mt-3">
                 {onLeaveComment && (
@@ -327,13 +345,15 @@ export function GameExperience({
                     Leave a detailed comment
                   </Button>
                 )}
-                <button onClick={() => setSubmitted(false)} className="text-xs text-muted-foreground underline hover:text-foreground">Rate again</button>
+                <button onClick={() => setSubmitted(false)} className="text-xs text-muted-foreground underline hover:text-foreground">
+                  {hasRated ? "Edit rating" : "Rate again"}
+                </button>
               </div>
             </div>
           </div>
         ) : (
           <div className="space-y-4">
-            <div className="text-sm font-semibold text-foreground">How is it running for you?</div>
+            <div className="text-sm font-semibold text-foreground">{hasRated ? "Update your rating" : "How is it running for you?"}</div>
 
             <div className="space-y-1.5">
               <StarRating value={rating} onChange={setRating} />
@@ -436,7 +456,7 @@ export function GameExperience({
               className="gap-2"
             >
               {submitting ? <Loader2 className="h-4 w-4 animate-spin" /> : <Send className="h-4 w-4" />}
-              {submitting ? "Submitting…" : "Submit rating"}
+              {submitting ? "Submitting…" : hasRated ? "Update rating" : "Submit rating"}
             </Button>
           </div>
         )}

renderer/src/components/home/TopPlayerOfTheWeekSection.tsx

@@ -84,18 +84,28 @@ export function TopPlayerOfTheWeekSection() {
           </span>
         </div>
         <Button asChild variant="ghost" size="sm" className="rounded-full text-xs">
-          <Link to="/settings?section=leaderboard">
+          <a
+            href="https://union-crax.xyz/leaderboard"
+            onClick={(e) => {
+              e.preventDefault();
+              (window as any).ucSystem?.openExternal?.("https://union-crax.xyz/leaderboard");
+            }}
+          >
             View full leaderboard
             <ArrowUpRight className="ml-1 h-3.5 w-3.5" />
-          </Link>
+          </a>
         </Button>
       </div>
 
       <Card className="rounded-3xl border border-amber-400/15 bg-gradient-to-br from-amber-500/5 via-card/60 to-card/40 backdrop-blur-md">
         <CardContent className="p-6 sm:p-8">
           <div className="flex flex-col gap-6 sm:flex-row sm:items-center sm:justify-between">
-            <Link
-              to={`/settings?section=profile&user=${entry.username}`}
+            <a
+              href={`https://union-crax.xyz/user/${entry.username}`}
+              onClick={(e) => {
+                e.preventDefault();
+                (window as any).ucSystem?.openExternal?.(`https://union-crax.xyz/user/${entry.username}`);
+              }}
               className="group flex items-center gap-4"
             >
               <div className="relative">
@@ -135,16 +145,20 @@ export function TopPlayerOfTheWeekSection() {
                   </div>
                 ) : null}
               </div>
-            </Link>
+            </a>
 
             {runnersUp.length > 0 ? (
               <div className="flex flex-wrap items-center gap-2 sm:flex-nowrap sm:justify-end">
                 {runnersUp.map((runner) => {
                   const runnerName = runner.displayName || runner.username
                   return (
-                    <Link
+                    <a
                       key={runner.userId}
-                      to={`/settings?section=profile&user=${runner.username}`}
+                      href={`https://union-crax.xyz/user/${runner.username}`}
+                      onClick={(e) => {
+                        e.preventDefault();
+                        (window as any).ucSystem?.openExternal?.(`https://union-crax.xyz/user/${runner.username}`);
+                      }}
                       className="flex items-center gap-2 rounded-full border border-white/[.07] bg-card/60 px-3 py-1.5 text-xs transition-colors hover:bg-secondary/70"
                       title={`${runnerName} · ${formatPlaytime(runner.weekSeconds)}`}
                     >
@@ -163,7 +177,7 @@ export function TopPlayerOfTheWeekSection() {
                       <span className="hidden sm:inline text-foreground/80">{runnerName}</span>
                       {runner.ucPlus ? <UcPlusBadge compact /> : null}
                       <span className="text-muted-foreground/80">{formatPlaytime(runner.weekSeconds)}</span>
-                    </Link>
+                    </a>
                   )
                 })}
               </div>

renderer/src/components/ui/badge.tsx

@@ -5,20 +5,20 @@ import { cva, type VariantProps } from "class-variance-authority"
 import { cn } from "@/lib/utils"
 
 const badgeVariants = cva(
-  "inline-flex items-center justify-center rounded-full border px-2.5 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none transition-colors overflow-hidden",
+  "inline-flex items-center justify-center rounded-full border px-2.5 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-0 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
     variants: {
       variant: {
         default:
-          "border-transparent bg-primary text-primary-foreground",
+          "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
         secondary:
-          "border-transparent bg-secondary text-foreground/80",
+          "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
         online:
-          "bg-black/60 text-white border border-white/10",
+          "bg-black/60 text-white border border-border/50 shadow-md",
         destructive:
-          "bg-red-500/10 text-red-400 border border-red-500/20",
+          "border-transparent bg-destructive/60 text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/40",
         outline:
-          "border-white/20 text-foreground/80",
+          "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
       },
     },
     defaultVariants: {

renderer/src/components/ui/card.tsx

@@ -7,7 +7,7 @@ function Card({ className, ...props }: React.ComponentProps<"div">) {
     <div
       data-slot="card"
       className={cn(
-        "bg-card text-foreground flex flex-col gap-6 rounded-2xl border border-white/[.07] py-6 shadow-sm",
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
         className
       )}
       {...props}

renderer/src/components/ui/checkbox.tsx

@@ -4,16 +4,15 @@ import { Check as CheckIcon } from "@/components/icons"
 
 import { cn } from '../../lib/utils'
 
-function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>) {
+function Checkbox({
+  className,
+  ...props
+}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {
   return (
     <CheckboxPrimitive.Root
       data-slot="checkbox"
       className={cn(
-        'peer size-4 shrink-0 rounded-[4px] border border-white/[.15] bg-card transition-colors outline-none',
-        'data-[state=checked]:bg-primary data-[state=checked]:border-white data-[state=checked]:text-black',
-        'focus-visible:ring-2 focus-visible:ring-white/20 focus-visible:border-white/40',
-        'disabled:cursor-not-allowed disabled:opacity-30',
-        'active:scale-95',
+        "peer border-input bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
         className
       )}
       {...props}

renderer/src/components/ui/input.tsx

@@ -10,9 +10,9 @@ const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<"input">>(
         type={type}
         data-slot="input"
         className={cn(
-          "file:text-foreground/90 placeholder:text-muted-foreground/60 selection:bg-white/20 selection:text-white border-border flex h-9 w-full min-w-0 rounded-2xl border bg-card px-4 py-1 text-sm text-foreground/90 transition-colors outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-30",
-          "focus-visible:border-white",
-          "aria-invalid:border-red-500/60",
+          "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground bg-card border-border flex h-9 w-full min-w-0 rounded-2xl border px-4 py-2 text-base shadow-xs transition-colors outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          "focus-visible:border-ring focus-visible:ring-0",
+          "aria-invalid:border-destructive",
           className
         )}
         {...props}

renderer/src/components/ui/select.tsx

@@ -38,7 +38,7 @@ function SelectTrigger({
       data-slot="select-trigger"
       data-size={size}
       className={cn(
-        "bg-card border border-border text-foreground/90 data-[placeholder]:text-muted-foreground/60 [&_svg:not([class*='text-'])]:text-muted-foreground/80 flex w-fit items-center justify-between gap-2 rounded-2xl px-3 py-2 text-sm whitespace-nowrap transition-colors outline-none focus-visible:border-white disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "flex w-fit items-center justify-between gap-2 rounded-full border border-white/[.07] bg-background/70 px-3 py-2 text-sm text-foreground/90 whitespace-nowrap backdrop-blur-md transition-[color,box-shadow,border-color,background-color] outline-none hover:bg-white/[.03] focus-visible:border-white/20 focus-visible:ring-[3px] focus-visible:ring-white/10 disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 data-[placeholder]:text-muted-foreground/80 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground/80 aria-invalid:border-red-500/60",
         className
       )}
       {...props}