Add Docker BuildKit layer caching to CI builds

.github/workflows/ci.yml

@@ -99,6 +99,8 @@ jobs:
         with:
           context: ./backend
           push: true
+          cache-from: type=registry,ref=ptrlrd/spire-codex-backend:buildcache
+          cache-to: type=registry,ref=ptrlrd/spire-codex-backend:buildcache,mode=max
           tags: |
             ptrlrd/spire-codex-backend:latest
             ptrlrd/spire-codex-backend:${{ github.sha }}
@@ -109,6 +111,8 @@ jobs:
           context: ./frontend
           file: ./frontend/Dockerfile
           push: true
+          cache-from: type=registry,ref=ptrlrd/spire-codex-frontend:buildcache
+          cache-to: type=registry,ref=ptrlrd/spire-codex-frontend:buildcache,mode=max
           build-args: |
             NEXT_PUBLIC_API_URL=
             NEXT_PUBLIC_SITE_URL=https://spire-codex.com
@@ -140,6 +144,8 @@ jobs:
         with:
           context: ./backend
           push: true
+          cache-from: type=registry,ref=ptrlrd/spire-codex-backend:buildcache-beta
+          cache-to: type=registry,ref=ptrlrd/spire-codex-backend:buildcache-beta,mode=max
           tags: |
             ptrlrd/spire-codex-backend:beta
             ptrlrd/spire-codex-backend:beta-${{ github.sha }}
@@ -150,6 +156,8 @@ jobs:
           context: ./frontend
           file: ./frontend/Dockerfile
           push: true
+          cache-from: type=registry,ref=ptrlrd/spire-codex-frontend:buildcache-beta
+          cache-to: type=registry,ref=ptrlrd/spire-codex-frontend:buildcache-beta,mode=max
           build-args: |
             NEXT_PUBLIC_API_URL=
             NEXT_PUBLIC_SITE_URL=https://beta.spire-codex.com
@@ -181,6 +189,8 @@ jobs:
         with:
           context: ./backend
           push: true
+          cache-from: type=registry,ref=ptrlrd/spire-codex-backend:buildcache-staging
+          cache-to: type=registry,ref=ptrlrd/spire-codex-backend:buildcache-staging,mode=max
           tags: |
             ptrlrd/spire-codex-backend:staging
             ptrlrd/spire-codex-backend:staging-${{ github.sha }}
@@ -191,6 +201,8 @@ jobs:
           context: ./frontend
           file: ./frontend/Dockerfile
           push: true
+          cache-from: type=registry,ref=ptrlrd/spire-codex-frontend:buildcache-staging
+          cache-to: type=registry,ref=ptrlrd/spire-codex-frontend:buildcache-staging,mode=max
           build-args: |
             NEXT_PUBLIC_API_URL=
             NEXT_PUBLIC_SITE_URL=https://staging.spire-codex.com

frontend/app/components/RunFileHelp.tsx

@@ -7,18 +7,7 @@ export default function RunFileHelp() {
   const { lang } = useLanguage();
 
   return (
-    <div className="text-left text-xs text-[var(--text-muted)] space-y-3" onClick={(e) => e.stopPropagation()}>
-      <div className="flex flex-col sm:flex-row sm:items-center gap-2">
-        <a
-          href="https://www.overwolf.com/app/ptrlrd-spire_codex"
-          target="_blank"
-          rel="noopener noreferrer"
-          className="inline-flex items-center justify-center w-full sm:w-auto px-4 py-2 rounded-lg text-sm font-medium bg-[var(--accent-gold)] text-[var(--bg-primary)] hover:opacity-90 transition-opacity"
-        >
-          Download Overwolf Companion App
-        </a>
-      </div>
-
+    <div className="text-left text-xs text-[var(--text-muted)]" onClick={(e) => e.stopPropagation()}>
       <div className="space-y-1.5">
         <p className="text-[var(--text-secondary)]">
           {t("Your .run files live here:", lang)}

frontend/app/leaderboards/submit/SubmitRunClient.tsx

@@ -392,11 +392,37 @@ export default function SubmitRunClient() {
             {t("Drop files here...", lang)}
           </p>
         ) : (
-          <p className="text-[var(--text-primary)] font-medium">
+          <p className="text-[var(--text-primary)] font-medium mb-3">
             Drop .run files here or click to browse
           </p>
         )}
 
+        {!isDragging && (
+          <div className="flex flex-col sm:flex-row sm:items-center sm:justify-center gap-2 sm:gap-3" onClick={(e) => e.stopPropagation()}>
+            <a
+              href="https://www.overwolf.com/app/ptrlrd-spire_codex"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="inline-flex items-center justify-center w-full sm:w-auto px-5 py-2.5 sm:py-2 rounded-lg text-sm font-medium bg-[var(--accent-gold)] text-white hover:opacity-90 transition-opacity"
+            >
+              Download Overwolf Companion App
+            </a>
+            <label className="inline-flex items-center justify-center w-full sm:w-auto px-5 py-2.5 sm:py-2 rounded-lg text-sm font-medium bg-[var(--bg-primary)] text-[var(--text-primary)] border border-[var(--border-accent)] hover:bg-[var(--bg-card-hover)] transition-colors cursor-pointer">
+              {t("Choose Files", lang)}
+              <input
+                type="file"
+                multiple
+                accept=".run,.json"
+                className="hidden"
+                onChange={(e) => {
+                  if (e.target.files) handleFileUpload(e.target.files);
+                  e.target.value = "";
+                }}
+              />
+            </label>
+          </div>
+        )}
+
         {uploadProgress && (
           <div className="mt-4">
             <div className="w-full bg-[var(--bg-primary)] rounded-full h-2 mb-2">

frontend/app/profile/ProfileClient.tsx

@@ -200,7 +200,15 @@ export default function ProfileClient() {
           )}
         </div>
 
-        <div className="mt-4">
+        <div className="mt-4 space-y-3">
+          <a
+            href="https://www.overwolf.com/app/ptrlrd-spire_codex"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="inline-flex items-center justify-center px-4 py-2 rounded-lg text-sm font-medium bg-[var(--accent-gold)] text-white hover:opacity-90 transition-opacity"
+          >
+            Download Overwolf Companion App
+          </a>
           <RunFileHelp />
         </div>