diff --git a/.github/workflows/lighthouse.yml b/.github/workflows/lighthouse.yml
new file mode 100644
index 00000000..999aa347
--- /dev/null
+++ b/.github/workflows/lighthouse.yml
@@ -0,0 +1,110 @@
+name: Lighthouse (warn-only)
+
+on:
+  pull_request:
+    paths:
+      - 'web/**'
+      - 'app.py'
+      - 'requirements.txt'
+      - 'package.json'
+      - '.github/workflows/lighthouse.yml'
+      - 'lighthouse-budget.json'
+  workflow_dispatch:
+
+jobs:
+  lighthouse:
+    name: Desktop Lighthouse (pipeline, library, reader)
+    runs-on: ubuntu-latest
+    continue-on-error: true
+
+    steps:
+      - uses: actions/checkout@v4
+
+      - uses: actions/setup-python@v5
+        with:
+          python-version: '3.11'
+          cache: pip
+
+      - uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: npm
+
+      - name: Install Python deps
+        run: |
+          python -m pip install --upgrade pip
+          pip install -r requirements.txt
+
+      - name: Install Node deps
+        run: npm ci --no-audit --no-fund
+
+      - name: Build runtime bundle
+        run: npm run build
+
+      - name: Start backend
+        env:
+          OPENAI_API_KEY: dummy-ci-key
+          STORYFORGE_LOG_LEVEL: WARNING
+        run: |
+          nohup python app.py >server.log 2>&1 &
+          for i in {1..30}; do
+            curl -fsS http://localhost:7860/api/health && exit 0 || sleep 1
+          done
+          echo "::error::Backend never became healthy"
+          tail -n 80 server.log
+          exit 1
+
+      - name: Run Lighthouse on 3 routes
+        run: |
+          mkdir -p lh-reports
+          for route in pipeline library reader; do
+            npx --yes lighthouse \
+              "http://localhost:7860/#${route}" \
+              --preset=desktop \
+              --quiet \
+              --chrome-flags="--headless=new --no-sandbox" \
+              --budget-path=lighthouse-budget.json \
+              --output=json \
+              --output=html \
+              --output-path="lh-reports/${route}" \
+              --only-categories=performance,accessibility,best-practices \
+            || echo "::warning::Lighthouse run for ${route} returned non-zero (warn-only)"
+          done
+
+      - name: Summarize scores
+        if: always()
+        run: |
+          echo "## Lighthouse summary (desktop, warn-only)" >> "$GITHUB_STEP_SUMMARY"
+          echo "" >> "$GITHUB_STEP_SUMMARY"
+          echo "| Route | Perf | A11y | BP | FCP (ms) | LCP (ms) | TBT (ms) | CLS |" >> "$GITHUB_STEP_SUMMARY"
+          echo "|---|---:|---:|---:|---:|---:|---:|---:|" >> "$GITHUB_STEP_SUMMARY"
+          for route in pipeline library reader; do
+            f="lh-reports/${route}.report.json"
+            if [ -f "$f" ]; then
+              node -e "
+                const j=require('./${f}');
+                const a=j.audits;
+                const c=j.categories;
+                const row=['${route}',
+                  Math.round(c.performance.score*100),
+                  Math.round(c.accessibility.score*100),
+                  Math.round(c['best-practices'].score*100),
+                  Math.round(a['first-contentful-paint'].numericValue),
+                  Math.round(a['largest-contentful-paint'].numericValue),
+                  Math.round(a['total-blocking-time'].numericValue),
+                  (a['cumulative-layout-shift'].numericValue).toFixed(3)
+                ];
+                console.log('| ' + row.join(' | ') + ' |');
+              " >> "$GITHUB_STEP_SUMMARY"
+            else
+              echo "| ${route} | (no report) | | | | | | |" >> "$GITHUB_STEP_SUMMARY"
+            fi
+          done
+
+      - name: Upload Lighthouse artifacts
+        if: always()
+        uses: actions/upload-artifact@v4
+        with:
+          name: lighthouse-reports
+          path: lh-reports/
+          retention-days: 14
diff --git a/.gitignore b/.gitignore
index 22799418..d49920ab 100644
--- a/.gitignore
+++ b/.gitignore
@@ -60,7 +60,13 @@ web/js/**/*.js.map
 # Vitest global setup is plain JS with no .ts source — keep it tracked
 !web/js/__tests__/setup.js
 # Playwright visual test spec output is .ts source — no exceptions needed for .js
-web/dist/
+web/dist/*
+# …but track the runtime bundle (perf/forge-shell P2): production prefers it,
+# and rebuilding it on every container boot would add ~3s to startup.
+!web/dist/
+!web/dist/js/
+web/dist/js/*
+!web/dist/js/runtime-bundle.min.js
 
 # ── IDE & OS ───────────────────────────────────────────────────────
 .DS_Store
diff --git a/lighthouse-budget.json b/lighthouse-budget.json
new file mode 100644
index 00000000..360e2bd0
--- /dev/null
+++ b/lighthouse-budget.json
@@ -0,0 +1,24 @@
+[
+  {
+    "path": "/*",
+    "timings": [
+      { "metric": "first-contentful-paint", "budget": 2000 },
+      { "metric": "largest-contentful-paint", "budget": 2800 },
+      { "metric": "total-blocking-time", "budget": 200 },
+      { "metric": "cumulative-layout-shift", "budget": 0.1 },
+      { "metric": "speed-index", "budget": 2200 },
+      { "metric": "interactive", "budget": 3000 }
+    ],
+    "resourceSizes": [
+      { "resourceType": "script", "budget": 200 },
+      { "resourceType": "stylesheet", "budget": 80 },
+      { "resourceType": "image", "budget": 200 },
+      { "resourceType": "font", "budget": 100 },
+      { "resourceType": "document", "budget": 80 },
+      { "resourceType": "total", "budget": 600 }
+    ],
+    "resourceCounts": [
+      { "resourceType": "third-party", "budget": 10 }
+    ]
+  }
+]
diff --git a/package.json b/package.json
index 108d388b..bd74fa52 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,8 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "tsc -p tsconfig.build.json",
+    "build": "tsc -p tsconfig.build.json && node scripts/build-runtime-bundle.mjs",
+    "build:bundle": "node scripts/build-runtime-bundle.mjs",
     "build:css": "tailwindcss -i web/css/main.css -o web/css/main.built.css --minify",
     "build:vite": "vite build",
     "preview": "vite preview",
diff --git a/scripts/build-runtime-bundle.mjs b/scripts/build-runtime-bundle.mjs
new file mode 100644
index 00000000..335fa954
--- /dev/null
+++ b/scripts/build-runtime-bundle.mjs
@@ -0,0 +1,108 @@
+#!/usr/bin/env node
+/**
+ * build-runtime-bundle.mjs — concat + minify the 13 runtime <script src> files
+ * referenced at the bottom of web/index.html into a single bundle.
+ *
+ * Sprint perf/forge-shell P2: collapses 13 HTTP requests + parse round-trips
+ * into one. The source files use classic-script globals (no ES module syntax),
+ * so plain concatenation preserves semantics — they share window scope today
+ * and they share it after bundling.
+ *
+ * Output: web/dist/js/runtime-bundle.min.js  (committed for prod serving)
+ * Re-run: npm run build:bundle
+ */
+
+import { promises as fs } from 'node:fs';
+import { fileURLToPath } from 'node:url';
+import path from 'node:path';
+import { build } from 'esbuild';
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const ROOT = path.resolve(__dirname, '..');
+
+// Order MUST match the 13 <script src> tags at the bottom of web/index.html.
+// storage-manager + api-client define globals consumed by pages/*; app.js boots
+// Alpine after every page function is registered, so it MUST come last.
+const SOURCES = [
+  'web/js/storage-manager.js',
+  'web/js/api-client.js',
+  'web/js/pages/library.js',
+  'web/js/pages/export.js',
+  'web/js/pages/analytics.js',
+  'web/js/pages/branching.js',
+  'web/js/pages/pipeline.js',
+  'web/js/pages/providers.js',
+  'web/js/pages/settings.js',
+  'web/js/branch-reader.js',
+  'web/js/tree-visualizer.js',
+  'web/js/i18n.js',
+  'web/js/app.js',
+];
+
+const OUT_DIR = path.join(ROOT, 'web', 'dist', 'js');
+const OUT_FILE = path.join(OUT_DIR, 'runtime-bundle.min.js');
+
+async function main() {
+  const missing = [];
+  for (const rel of SOURCES) {
+    try {
+      await fs.access(path.join(ROOT, rel));
+    } catch {
+      missing.push(rel);
+    }
+  }
+  if (missing.length) {
+    console.error('[bundle] missing sources (run `npm run build` first?):\n  ' + missing.join('\n  '));
+    process.exit(1);
+  }
+
+  const parts = [];
+  parts.push('/* runtime-bundle.min.js — concat of ' + SOURCES.length + ' source files (perf/forge-shell P2) */');
+  for (const rel of SOURCES) {
+    let code = await fs.readFile(path.join(ROOT, rel), 'utf8');
+    // tsc emits `export function`/`export const` even with isolatedModules=true; the
+    // pre-bundling world treated these as window globals, so strip the `export ` prefix
+    // to keep the classic-script semantics under concatenation.
+    code = code.replace(/^\s*export\s+(function|const|let|var|class|async\s+function)\s+/gm, '$1 ');
+    // Strip any stray ESM marker that would force module mode at runtime.
+    code = code.replace(/^Object\.defineProperty\(exports,\s*"__esModule",[^)]*\);?\s*$/gm, '');
+    // Drop `import { X, Y } from '...';` lines — concatenation already puts every
+    // symbol in shared global scope, and the import binding collides with the
+    // `function X` declaration once `export` is stripped from the source module.
+    code = code.replace(/^\s*import\s+(?:[\s\S]*?)\s+from\s+['"][^'"]+['"];?\s*$/gm, '');
+    code = code.replace(/^\s*import\s+['"][^'"]+['"];?\s*$/gm, '');
+    parts.push(`/* === ${rel} === */`);
+    parts.push(code);
+  }
+  const concatenated = parts.join('\n');
+
+  await fs.mkdir(OUT_DIR, { recursive: true });
+
+  const result = await build({
+    stdin: { contents: concatenated, loader: 'js', resolveDir: ROOT },
+    write: false,
+    bundle: false,
+    minify: true,
+    target: 'es2020',
+    // No format: classic-script semantics — every top-level `function name()` stays
+    // a window-scoped global so Alpine.data() and inline event handlers can resolve
+    // them, exactly as they did before bundling.
+    legalComments: 'none',
+    logLevel: 'warning',
+  });
+
+  const out = result.outputFiles[0].text;
+  await fs.writeFile(OUT_FILE, out, 'utf8');
+
+  const sizeRaw = Buffer.byteLength(concatenated, 'utf8');
+  const sizeMin = Buffer.byteLength(out, 'utf8');
+  console.log(`[bundle] wrote ${path.relative(ROOT, OUT_FILE)}`);
+  console.log(`[bundle]   sources: ${SOURCES.length} files`);
+  console.log(`[bundle]   raw:     ${sizeRaw.toLocaleString()} bytes`);
+  console.log(`[bundle]   minified: ${sizeMin.toLocaleString()} bytes (${((sizeMin / sizeRaw) * 100).toFixed(1)}% of raw)`);
+}
+
+main().catch((err) => {
+  console.error('[bundle] failed:', err);
+  process.exit(1);
+});
diff --git a/web/dist/js/runtime-bundle.min.js b/web/dist/js/runtime-bundle.min.js
new file mode 100644
index 00000000..1f169a9f
--- /dev/null
+++ b/web/dist/js/runtime-bundle.min.js
@@ -0,0 +1,6 @@
+"use strict";const _StorageManager=(()=>{const e="storyforge_storage";let r=null,i=!1,a=!0;function c(){return new Promise((n,l)=>{let h;try{h=indexedDB.open(e,1)}catch(u){return l(u)}h.onupgradeneeded=u=>{const p=u.target.result;p.objectStoreNames.contains("kv")||p.createObjectStore("kv",{keyPath:"key"})},h.onsuccess=u=>n(u.target.result),h.onerror=u=>l(u.target.error),h.onblocked=()=>l(new Error("IndexedDB blocked"))})}function o(n){return new Promise((l,h)=>{if(!r)return l(null);const u=r.transaction("kv","readonly").objectStore("kv").get(n);u.onsuccess=p=>{const b=p.target.result;l(b?b.value:null)},u.onerror=p=>h(p.target.error)})}function f(n,l){return new Promise((h,u)=>{if(!r)return u(new Error("IndexedDB not open"));const p=r.transaction("kv","readwrite").objectStore("kv").put({key:n,value:l});p.onsuccess=()=>h(),p.onerror=b=>u(b.target.error)})}function g(n){return new Promise((l,h)=>{if(!r)return l();const u=r.transaction("kv","readwrite").objectStore("kv").delete(n);u.onsuccess=()=>l(),u.onerror=p=>h(p.target.error)})}function d(){return new Promise((n,l)=>{if(!r)return n();const h=r.transaction("kv","readwrite").objectStore("kv").clear();h.onsuccess=()=>n(),h.onerror=u=>l(u.target.error)})}function m(){try{return sessionStorage.setItem("__sf_probe__","1"),sessionStorage.removeItem("__sf_probe__"),!0}catch{return!1}}return{async init(){if(a=m(),a||console.warn("[StorageManager] sessionStorage unavailable, using IndexedDB only."),typeof indexedDB>"u"){console.warn("[StorageManager] IndexedDB unavailable. Storage is best-effort.");return}if(!r)try{r=await c()}catch(n){console.warn("[StorageManager] IndexedDB open failed:",n.message),r=null}},async setItem(n,l){if(a)try{sessionStorage.setItem(n,l),i=!1;return}catch(h){h instanceof DOMException&&(h.code===22||h.name==="QuotaExceededError"||h.name==="NS_ERROR_DOM_QUOTA_REACHED")||console.warn("[StorageManager] sessionStorage.setItem unexpected error:",h.message)}if(r)try{await f(n,l),i=!0}catch(h){console.warn("[StorageManager] IndexedDB setItem failed:",h.message),window.dispatchEvent(new CustomEvent("storage-error",{detail:{key:n,error:h}}))}else console.warn("[StorageManager] No storage backend available for key:",n),window.dispatchEvent(new CustomEvent("storage-error",{detail:{key:n,error:new Error("No storage backend available")}}))},async getItem(n){if(a)try{const l=sessionStorage.getItem(n);if(l!==null)return l}catch(l){console.warn("[StorageManager] sessionStorage.getItem error:",l.message)}if(r)try{return await o(n)}catch(l){console.warn("[StorageManager] IndexedDB getItem failed:",l.message)}return null},async removeItem(n){if(a)try{sessionStorage.removeItem(n)}catch{}if(r)try{await g(n)}catch(l){console.warn("[StorageManager] IndexedDB removeItem failed:",l.message)}},async clear(){if(a)try{sessionStorage.clear()}catch{}if(r)try{await d()}catch(n){console.warn("[StorageManager] IndexedDB clear failed:",n.message)}i=!1},isUsingFallback(){return i}}})();window.storageManager=_StorageManager;function getCookie(e){const t=document.cookie.match(new RegExp("(?:^|; )"+e+"=([^;]*)"));return t?decodeURIComponent(t[1]):null}function mutationHeaders(){const e={"Content-Type":"application/json"},t=getCookie("csrf_token");return t&&(e["X-CSRF-Token"]=t),e}const DEFAULT_TIMEOUT_MS=3e4,STREAM_TIMEOUT_MS=3e5,GET_MAX_RETRIES=2;async function fetchWithTimeout(e,t,s){const r=new AbortController,i=setTimeout(()=>r.abort(),s);try{return await fetch(e,{...t,signal:r.signal})}finally{clearTimeout(i)}}var API={base:"/api",async get(e){let t;for(let s=0;s<=GET_MAX_RETRIES;s++)try{const r=await fetchWithTimeout(this.base+e,{},DEFAULT_TIMEOUT_MS);if(!r.ok){let i=`GET ${e}: ${r.status}`;try{const a=await r.json();a.detail&&(i=a.detail)}catch{}throw new Error(i)}return r.json()}catch(r){if(r instanceof Error&&r.message.startsWith("GET "))throw r;if(t=r,s===GET_MAX_RETRIES)break;await new Promise(i=>setTimeout(i,200*(s+1)))}throw t},async post(e,t={}){const s=await fetchWithTimeout(this.base+e,{method:"POST",headers:mutationHeaders(),body:JSON.stringify(t)},DEFAULT_TIMEOUT_MS);if(!s.ok){let r=`POST ${e}: ${s.status}`;try{const i=await s.json();i.detail&&(r=i.detail)}catch{}throw new Error(r)}return s.json()},async put(e,t={}){const s=await fetchWithTimeout(this.base+e,{method:"PUT",headers:mutationHeaders(),body:JSON.stringify(t)},DEFAULT_TIMEOUT_MS);if(!s.ok){let r=`PUT ${e}: ${s.status}`;try{const i=await s.json();i.detail&&(r=i.detail)}catch{}throw new Error(r)}return s.json()},async patch(e,t){const s=await fetchWithTimeout(this.base+e,{method:"PATCH",headers:mutationHeaders(),...t!==void 0?{body:JSON.stringify(t)}:{}},DEFAULT_TIMEOUT_MS);if(!s.ok){let r=`PATCH ${e}: ${s.status}`;try{const i=await s.json();i.detail&&(r=i.detail)}catch{}throw new Error(r)}return s.json()},async del(e){const t=await fetchWithTimeout(this.base+e,{method:"DELETE",headers:mutationHeaders()},DEFAULT_TIMEOUT_MS);if(!t.ok){let s=`DELETE ${e}: ${t.status}`;try{const r=await t.json();r.detail&&(s=r.detail)}catch{}throw new Error(s)}return t.json()},async*stream(e,t){const s=await fetchWithTimeout(this.base+e,{method:"POST",headers:mutationHeaders(),body:JSON.stringify(t)},STREAM_TIMEOUT_MS);if(!s.ok){let o=`SSE ${e}: ${s.status}`;try{const f=await s.json();f.detail&&(o=f.detail)}catch{}throw new Error(o)}const r=s.body.getReader(),i=new TextDecoder;let a="",c=!1;try{for(;;){const{done:o,value:f}=await r.read();if(o)break;a+=i.decode(f,{stream:!0});const g=a.split(`
+`);a=g.pop()??"";for(const d of g)if(d.startsWith("data: "))try{const m=JSON.parse(d.slice(6));(m.type==="done"||m.type==="error")&&(c=!0),yield m}catch{console.warn("[SSE] JSON parse failed:",d)}}}catch(o){yield{type:"interrupted",data:"Connection lost: "+(o instanceof Error?o.message:String(o))};return}if(a+=i.decode(),a.trim().startsWith("data: "))try{const o=JSON.parse(a.trim().slice(6));(o.type==="done"||o.type==="error")&&(c=!0),yield o}catch{console.warn("[SSE] JSON parse failed (flush):",a.trim())}c||(yield{type:"interrupted",data:"Stream ended unexpectedly"})},async*streamBuffered(e,t,s=500){let r=[],i=Date.now();for await(const a of this.stream(e,t)){if(["done","error","interrupted"].includes(a.type)){for(const o of r)yield o;r=[],yield a;return}if(r.push(a),Date.now()-i>=s){for(const o of r)yield o;r=[],i=Date.now()}}for(const a of r)yield a},async download(e,t){const s=await fetchWithTimeout(this.base+e,{method:"POST",headers:mutationHeaders()},DEFAULT_TIMEOUT_MS);if(!s.ok){let c=`Download ${e}: ${s.status}`;try{const o=await s.json();o.detail&&(c=o.detail)}catch{}throw new Error(c)}const r=await s.blob(),i=URL.createObjectURL(r),a=document.createElement("a");a.href=i,a.download=t,a.click(),URL.revokeObjectURL(i)}};const GENRE_LABEL_TO_SLUG=Object.freeze({"ti\xEAn hi\u1EC7p":"tien-hiep","tien hiep":"tien-hiep","\u0111\xF4 th\u1ECB":"do-thi","do thi":"do-thi","huy\u1EC1n huy\u1EC5n":"huyen-huyen","huyen huyen":"huyen-huyen","xuy\xEAn kh\xF4ng":"xuyen-khong","xuyen khong":"xuyen-khong"}),GENRE_DEFAULT_HUE=Object.freeze({"tien-hiep":"#10B981","do-thi":"#F43F5E","huyen-huyen":"#8B5CF6","xuyen-khong":"#F59E0B"});function libraryPage(){return{stories:[],loading:!1,error:"",loadingStory:null,confirmDelete:null,searchQuery:"",qualityFilter:"all",qualitySummaries:{},generatingImages:null,generatingChapterImage:null,rebuildingProfile:null,uploadingReference:null,imageStatus:"",selectedStory:null,chapter:0,fontSize:18,characterProfiles:[],showCharacterPanel:!1,qualityScores:null,showQualityPanel:!1,readerUsage:null,latestContinuation:null,jumpDismissed:!1,viewMode:"grid",get isReading(){return this.selectedStory!==null},get story(){return this.selectedStory&&(this.selectedStory.enhanced||this.selectedStory.draft)||null},get chapters(){return this.story?this.story.chapters||[]:[]},get currentChapter(){return this.chapters[this.chapter]||null},get filteredStories(){const e=this.searchQuery.toLowerCase();return this.stories.filter(t=>{if(e&&!((t.title||t.path).toLowerCase().includes(e)||(t.genre||"").toLowerCase().includes(e)))return!1;if(this.qualityFilter==="all")return!0;const s=this.qualitySummaries[t.path];return this.qualityFilter==="scored"?!!s:!s})},init(){this.loadStories().then(()=>this.loadQualitySummaries())},async loadStories(){this.loading=!0,this.error="";try{const e=await API.get("/pipeline/checkpoints");this.stories=e.checkpoints||[]}catch(e){this.error="Failed to load stories: "+e.message,this.stories=[]}this.loading=!1},async loadQualitySummaries(){try{const e=await API.get("/quality");this.qualitySummaries=e.summaries||{}}catch{this.qualitySummaries={}}},qualityForStory(e){return this.qualitySummaries[e]||null},recentContinuationFor(e){const t=e.latest_continuation;if(!t||!t.ts)return null;const s=Date.parse(t.ts);if(!Number.isFinite(s))return null;const r=(Date.now()-s)/864e5;return r>=0&&r<=7?t:null},relativeTimeVi(e){const t=Date.parse(e);if(!Number.isFinite(t))return"";const s=Math.max(0,Date.now()-t),r=Math.floor(s/6e4);if(r<1)return"v\u1EEBa xong";if(r<60)return`${r} ph\xFAt tr\u01B0\u1EDBc`;const i=Math.floor(r/60);return i<24?`${i} gi\u1EDD tr\u01B0\u1EDBc`:`${Math.floor(i/24)} ng\xE0y tr\u01B0\u1EDBc`},get firstNewChapter(){const e=this.latestContinuation;if(!e)return null;const t=(Date.now()-Date.parse(e.ts))/864e5;return!Number.isFinite(t)||t>7?null:e.previous_chapter_count+1},get showJumpToNew(){return this.jumpDismissed||!this.firstNewChapter?!1:this.chapter+1<this.firstNewChapter},jumpToNewChapter(){const e=this.firstNewChapter;if(e==null)return;const t=Math.min(e-1,Math.max(0,this.chapters.length-1));this.chapter=t,this.jumpDismissed=!0},overallPillClass(e){return e>=4?"bg-emerald-100 text-emerald-700 border-emerald-200":e>=3?"bg-amber-100 text-amber-700 border-amber-200":"bg-rose-100 text-rose-700 border-rose-200"},usageForStory(e){const t=e.usage_summary;return!t||t.call_count<=0?null:t},formatTokens(e){return e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${Math.round(e/1e3)}k`:String(e)},formatUsageLabel(e){const t=`${this.formatTokens(e.total_tokens)} tokens`,s=`${e.call_count} calls`;return e.total_cost_usd<=0?`${t} \xB7 ${s}`:`${e.total_cost_usd>=1?`$${e.total_cost_usd.toFixed(2)}`:`$${e.total_cost_usd.toFixed(3)}`} \xB7 ${t} \xB7 ${s}`},usagePillClass(e){return e.total_cost_usd<=0?"bg-slate-100 text-slate-600 border-slate-200":e.total_cost_usd<.5?"bg-emerald-100 text-emerald-700 border-emerald-200":e.total_cost_usd<2?"bg-amber-100 text-amber-700 border-amber-200":"bg-rose-100 text-rose-700 border-rose-200"},async openStory(e){this.loadingStory=e,this.error="";try{const t=await API.get("/pipeline/checkpoints/"+encodeURIComponent(e));if(t.error){this.error=t.error,this.loadingStory=null;return}this.selectedStory=t,this.chapter=0,this.characterProfiles=[],this.qualityScores=null,this.jumpDismissed=!1,this.latestContinuation=this.stories.find(r=>r.path===e)?.latest_continuation||null,Alpine.store("pipeline").result=t,Alpine.store("pipeline").status="done",Alpine.store("pipeline").progress=4,Alpine.store("app").pipelineResult=t;const s=Alpine.store("pipeline");s.pendingJumpAfterOpen&&(s.pendingJumpAfterOpen=!1,this.jumpToNewChapter()),this.loadCharacterProfiles(e),this.loadQuality(e),this.loadUsage(e)}catch(t){this.error="Failed to load story: "+t.message}this.loadingStory=null},async loadCharacterProfiles(e){try{const t=await API.get("/images/"+encodeURIComponent(e)+"/profiles");this.characterProfiles=t.profiles||[]}catch{this.characterProfiles=[]}},async loadQuality(e){try{const t=await API.get("/quality/"+encodeURIComponent(e));this.qualityScores=t}catch{this.qualityScores=null}},async loadUsage(e){try{const s=(await API.get("/usage/story/"+encodeURIComponent(e)))?.totals;this.readerUsage=s&&s.call_count>0?s:null}catch{this.readerUsage=null}},chapterScore(e){return(this.qualityScores?.chapters||[]).find(s=>s.chapter_number===e)||null},scoreColor(e){return e>=3.75?"bg-emerald-100 text-emerald-700 border-emerald-200":e>=2.5?"bg-amber-100 text-amber-700 border-amber-200":"bg-rose-100 text-rose-700 border-rose-200"},backToList(){this.selectedStory=null,this.chapter=0,this.characterProfiles=[],this.showCharacterPanel=!1,this.qualityScores=null,this.showQualityPanel=!1,this.readerUsage=null,this.latestContinuation=null,this.jumpDismissed=!1},async deleteStory(e){this.error="";try{const t=await API.del("/pipeline/checkpoints/"+encodeURIComponent(e));t.error?this.error=t.error:this.stories=this.stories.filter(s=>s.path!==e)}catch(t){this.error="Failed to delete: "+t.message}this.confirmDelete=null},continueStory(e){const t=e||(this.selectedStory?{path:this.selectedStory.filename||"",title:this.story?.title||"",chapter_count:this.chapters.length,genre:this.story?.genre||""}:null);t&&(Alpine.store("pipeline").startContinuation({checkpoint:t.path,title:t.title||t.path,chapterCount:t.chapter_count||0,genre:t.genre||""}),Alpine.store("app").navigate("pipeline"))},resumeStory(e){if(!e?.path)return;const t=e.target_chapters||0,s=e.chapter_count||0,r=Math.max(1,t-s),i=Alpine.store("pipeline");i.form&&(i.form.num_chapters=r),i.startContinuation({checkpoint:e.path,title:e.title||e.path,chapterCount:s,genre:e.genre||"",resumeFromChapter:e.resume_from_chapter||s+1,targetChapters:t,interruptedAt:e.modified||""}),Alpine.store("app").navigate("pipeline")},interruptedInfo(e){return!e.interrupted||!e.resume_from_chapter?null:{resumeFrom:e.resume_from_chapter,target:e.target_chapters||0}},async generateImages(e){if(e?.path){this.generatingImages=e.path,this.imageStatus="",this.error="";try{const t=await API.post("/images/"+encodeURIComponent(e.path)+"/generate",{});if(this.imageStatus=t.message||`\u0110\xE3 t\u1EA1o ${t.count} \u1EA3nh`,this.selectedStory&&this.selectedStory.filename===e.path&&t.chapter_images){const s=t.chapter_images;(this.selectedStory.enhanced||this.selectedStory.draft)?.chapters?.forEach(i=>{const a=i.chapter_number;a!=null&&s[String(a)]&&(i.images=s[String(a)])})}}catch(t){this.error="T\u1EA1o \u1EA3nh th\u1EA5t b\u1EA1i: "+t.message}this.generatingImages=null,setTimeout(()=>{this.imageStatus=""},5e3)}},async generateChapterImage(e){const t=this.selectedStory?.filename;if(!(!t||e==null)){this.generatingChapterImage=e,this.imageStatus="",this.error="";try{const s=await API.post("/images/"+encodeURIComponent(t)+"/generate",{chapter:e});this.imageStatus=s.message||`\u0110\xE3 t\u1EA1o ${s.count} \u1EA3nh cho ch\u01B0\u01A1ng ${e}`;const r=s.chapter_images||{},a=(this.selectedStory?.enhanced||this.selectedStory?.draft)?.chapters?.find(c=>c.chapter_number===e);a&&r[String(e)]&&(a.images=r[String(e)])}catch(s){this.error="T\u1EA1o \u1EA3nh ch\u01B0\u01A1ng th\u1EA5t b\u1EA1i: "+s.message}this.generatingChapterImage=null,setTimeout(()=>{this.imageStatus=""},5e3)}},async rebuildCharacterProfile(e){const t=this.selectedStory?.filename;if(!(!t||!e||this.rebuildingProfile)){this.rebuildingProfile=e,this.error="";try{const s=await API.post("/images/"+encodeURIComponent(t)+"/profiles/"+encodeURIComponent(e)+"/rebuild",{}),r=this.characterProfiles.findIndex(a=>a.name===s.name),i={name:s.name,frozen_prompt:s.frozen_prompt,prompt_version:s.prompt_version,has_reference_image:s.has_reference_image,reference_url:s.reference_url};r>=0?this.characterProfiles.splice(r,1,i):this.characterProfiles.push(i)}catch(s){this.error="T\u1EA1o l\u1EA1i h\u1ED3 s\u01A1 th\u1EA5t b\u1EA1i: "+s.message}this.rebuildingProfile=null}},async uploadReference(e,t){const s=this.selectedStory?.filename;if(!(!s||!e||!t||this.uploadingReference)){this.uploadingReference=e,this.error="";try{const r=new FormData;r.append("file",t);const i=document.cookie.match(/(?:^|; )csrf_token=([^;]*)/),a={};i&&(a["X-CSRF-Token"]=decodeURIComponent(i[1]));const c=await fetch("/api/images/"+encodeURIComponent(s)+"/profiles/"+encodeURIComponent(e)+"/reference",{method:"POST",headers:a,body:r});if(!c.ok){let d=`Upload: ${c.status}`;try{const m=await c.json();m.detail&&(d=m.detail)}catch{}throw new Error(d)}const o=await c.json(),f=this.characterProfiles.findIndex(d=>d.name===o.name),g={name:o.name,frozen_prompt:o.frozen_prompt,prompt_version:o.prompt_version,has_reference_image:o.has_reference_image,reference_url:o.reference_url};f>=0?this.characterProfiles.splice(f,1,g):this.characterProfiles.push(g)}catch(r){this.error="T\u1EA3i \u1EA3nh tham chi\u1EBFu th\u1EA5t b\u1EA1i: "+r.message}this.uploadingReference=null}},layerLabel(e){return{1:"Draft",2:"Enhanced",3:"Complete"}[e]||"Draft"},layerColor(e){return e>=3?"bg-green-100 text-green-700":e===2?"bg-blue-100 text-blue-700":"bg-amber-100 text-amber-700"},forgeStatusFor(e){return e.interrupted?"error":(e.current_layer??e.layer??1)>=2?"done":"idle"},forgeGenreSlug(e){const t=(e.genre||"").trim().toLowerCase();return GENRE_LABEL_TO_SLUG[t]||"tien-hiep"},forgeGenreHue(e){return GENRE_DEFAULT_HUE[this.forgeGenreSlug(e)]||"#10B981"},setViewMode(e){this.viewMode=e==="list"?"list":"grid"},onStoryOpen(e){this.openStory(e)},onStoryContinue(e){const t=this.stories.find(s=>s.path===e);t&&this.continueStory(t)},onStoryBranch(e){const t=this.stories.find(s=>s.path===e);t&&this.continueStory(t)},onStoryDelete(e){this.confirmDelete===e?this.deleteStory(e):this.confirmDelete=e},prev(){this.chapter>0&&this.chapter--},next(){this.chapter<this.chapters.length-1&&this.chapter++}}}function exportPage(){return{exporting:null,message:"",stories:[],selectedStory:"",loading:!1,get sessionId(){return Alpine.store("app").sessionId},get hasStory(){return!!this.sessionId||!!this.selectedStory},get exportId(){return this.selectedStory||this.sessionId||""},_resultTitle(){const e=Alpine.store("app").pipelineResult;return(e?.enhanced?.title||e?.draft?.title||"").trim()},_matchCheckpointByTitle(){const e=this._resultTitle();return e&&this.stories.find(s=>(s.title||"").trim()===e)?.filename||""},_downloadTitle(){if(this.selectedStory){const t=this.stories.find(s=>s.filename===this.selectedStory);if(t?.title)return t.title}const e=this._resultTitle();return e||"storyforge"},_safeFilename(e,t){return`${(e.replace(/[\\/:*?"<>|]+/g,"").replace(/\s+/g," ").trim()||"storyforge").slice(0,120)}.${t}`},async init(){if(this.message="",await this.loadStories(),!this.selectedStory&&this.sessionId){const e=this._matchCheckpointByTitle();e&&(this.selectedStory=e)}},async loadStories(){this.loading=!0;try{const e=await API.get("/pipeline/stories?limit=50");this.stories=e.items||[]}catch{this.stories=[]}this.loading=!1},async _downloadWithFallback(e,t){try{await API.download(`/export/${e}/${encodeURIComponent(this.exportId)}`,t);return}catch(s){const i=(s.message||"").includes("404"),a=!this.selectedStory&&!!this.sessionId;if(!i||!a)throw s;const c=this._matchCheckpointByTitle();if(!c)throw s;this.selectedStory=c,await API.download(`/export/${e}/${encodeURIComponent(c)}`,t)}},async exportFormat(e){if(!this.exportId){this.message="Vui l\xF2ng ch\u1ECDn truy\u1EC7n \u0111\u1EC3 xu\u1EA5t.";return}this.exporting=e,this.message="";try{const t=this._safeFilename(this._downloadTitle(),e.toLowerCase());await this._downloadWithFallback(e,t),this.message=`Xu\u1EA5t ${e.toUpperCase()} th\xE0nh c\xF4ng!`,setTimeout(()=>{this.message.startsWith("Error")||(this.message="")},5e3)}catch(t){this.message="Error: "+t.message}this.exporting=null},async exportZip(){if(!this.exportId){this.message="Vui l\xF2ng ch\u1ECDn truy\u1EC7n \u0111\u1EC3 xu\u1EA5t.";return}this.exporting="zip",this.message="";try{const e=this._safeFilename(this._downloadTitle(),"zip");await this._downloadWithFallback("zip",e),this.message="Xu\u1EA5t ZIP th\xE0nh c\xF4ng!",setTimeout(()=>{this.message.startsWith("Error")||(this.message="")},5e3)}catch(e){this.message="Error: "+e.message}this.exporting=null}}}const FORGE_EXPORT_FORMATS=[{id:"pdf",label:"PDF",hint:"Print-ready \xB7 A4",color:"#EF4444"},{id:"epub",label:"EPUB",hint:"Kindle \xB7 digital read",color:"#10B981"},{id:"html",label:"HTML",hint:"Web \xB7 share online",color:"#3B82F6"},{id:"zip",label:"ZIP",hint:"Archive \xB7 all files",color:"#8B5CF6"}];function forgeExportCards(){return{selectedFormat:null,panelVisible:!1,formats:FORGE_EXPORT_FORMATS,selectFormat(e){this.selectedFormat===e?this.panelVisible=!this.panelVisible:(this.selectedFormat=e,this.panelVisible=!0)},closePanel(){this.panelVisible=!1,this.selectedFormat=null}}}function analyticsPage(){return{loaded:!1,stats:null,_lastResultRef:null,stories:[],loadingStories:!1,loadingCheckpoint:!1,selectedStory:null,loadedResult:null,storySource:"current",$watch:null,get result(){return this.storySource==="saved"&&this.loadedResult?this.loadedResult:Alpine.store("app").pipelineResult},get hasCurrentResult(){return!!Alpine.store("app").pipelineResult},get currentStoryTitle(){const e=this.result;return e?(e.enhanced||e.draft)?.title||"Untitled Story":""},init(){this.fetchStories(),this.$watch("result",e=>{e?this.compute():(this.stats=null,this.loaded=!1)}),this.$watch(()=>Alpine.store("pipeline").status,e=>{e==="running"&&(this.stats=null,this.loaded=!1,this._lastResultRef=null)}),this.result&&this.compute()},async fetchStories(){this.loadingStories=!0;try{const e=await API.get("/pipeline/stories?limit=50");this.stories=e.items||[]}catch{this.stories=[]}finally{this.loadingStories=!1}},async loadStory(e){this.loadingCheckpoint=!0,this.selectedStory=e;try{const t=await API.get(`/pipeline/checkpoints/${encodeURIComponent(e)}`);this.loadedResult=t,this.storySource="saved",this._lastResultRef=null,this.compute()}catch(t){console.error("Failed to load story:",t)}finally{this.loadingCheckpoint=!1}},useCurrent(){this.storySource="current",this.loadedResult=null,this.selectedStory=null,this._lastResultRef=null,this.compute()},compute(){if(!this.result){this.stats=null,this.loaded=!1;return}const e=this.result.enhanced||this.result.draft;if(!e||!e.chapters){this.stats=null,this.loaded=!1;return}const t=e.chapters;if(this.loaded&&this._lastResultRef===this.result)return;const s=t.reduce((a,c)=>a+(c.content||"").split(/\s+/).length,0),r=t.length>0?Math.round(s/t.length):0,i=Math.ceil(s/200);this.stats={totalChapters:t.length,totalWords:s,avgWords:r,readingTime:i,quality:this.result.quality||null,hasSimulation:!!this.result.simulation,eventsCount:this.result.simulation?.events_count||0},this._lastResultRef=this.result,this.loaded=!0}}}function branchingPage(){return{selectedChapter:null,stories:[],loadedStory:null,loadingStories:!1,loadingCheckpoint:!1,showStoryPicker:!1,storySource:"current",loadError:"",restoringSession:!1,pendingRestoreSessionId:null,bookmarks:[],analytics:null,showBookmarksPanel:!1,showAnalyticsPanel:!1,showMergeDialog:!1,mergeNodeA:"",mergeNodeB:"",mergeStrategy:"auto",mergePreview:null,mergeLoading:!1,mergeError:"",showAutoExplore:!1,autoExploreNumPaths:3,autoExploreDepth:2,autoExplorePaths:[],autoExploreLoading:!1,init(){this.fetchStories(),this.$el.addEventListener("branch-close",()=>{this.selectedChapter=null,clearBranchSession()}),document.addEventListener("branch:started",(e=>{this.selectedChapter!==null&&saveBranchSession(e.detail.sessionId,this.selectedChapter,this.storyTitle)})),this.tryRestoreSession()},async tryRestoreSession(){const e=loadBranchSession();if(e){this.restoringSession=!0;try{(await fetch(`/api/branch/${e.sessionId}/current`)).ok?(this.pendingRestoreSessionId=e.sessionId,this.selectedChapter=e.chapterIndex):clearBranchSession()}catch{clearBranchSession()}finally{this.restoringSession=!1}}},get hasCurrentStory(){return!!Alpine.store("app").pipelineResult},get hasAnyStory(){return this.hasCurrentStory||this.loadedStory!==null},get activeResult(){return this.storySource==="saved"&&this.loadedStory?this.loadedStory:Alpine.store("app").pipelineResult},get chapters(){const e=this.activeResult;return e?(e.enhanced||e.draft)?.chapters||[]:[]},get storyTitle(){const e=this.activeResult;return e?(e.enhanced||e.draft)?.title||"Untitled":""},getChapterContent(e){const t=this.activeResult;if(!t)return"";const s=t.enhanced?.chapters?.[e],r=t.draft?.chapters?.[e];return s?.content||r?.content||""},async fetchStories(){this.loadingStories=!0;try{const e=await API.get("/pipeline/stories?limit=50");this.stories=e.items||[]}catch{this.stories=[]}finally{this.loadingStories=!1}},async loadStory(e){this.loadingCheckpoint=!0,this.loadError="";try{const t=await API.get(`/pipeline/checkpoints/${encodeURIComponent(e)}`);this.loadedStory=t,this.storySource="saved",this.selectedChapter=null,this.showStoryPicker=!1}catch(t){this.loadError=t.message||"Failed to load story"}finally{this.loadingCheckpoint=!1}},useCurrent(){this.storySource="current",this.loadedStory=null,this.selectedChapter=null,this.showStoryPicker=!1},selectChapter(e){if(this.selectedChapter===e){this.selectedChapter=null,clearBranchSession();return}this.selectedChapter=e},getSelectedContent(){return this.selectedChapter===null?"":this.getChapterContent(this.selectedChapter)},getStoryContext(){const e=this.activeResult;if(!e)return{};const t=e.enhanced||e.draft;if(!t)return{};const s=(t.characters||[]).slice(0,10).map(o=>({name:o.name||"",role:o.role||"",personality:o.personality||""})),r=t.world,i=r?`${r.name||""}: ${r.description||""}`.slice(0,500):"",c=(t.conflict_web||[]).filter(o=>o.status==="active").slice(0,5).map(o=>o.description||"").join("; ").slice(0,500);return{genre:t.genre||"",characters:s,world_summary:i,conflict_summary:c}},async loadBookmarks(e){try{const t=await API.get(`/branch/${e}/bookmarks`);this.bookmarks=t.bookmarks||[]}catch{this.bookmarks=[]}},async addBookmark(e,t,s){try{await API.post(`/branch/${e}/bookmarks`,{node_id:t,label:s}),await this.loadBookmarks(e)}catch(r){console.error("Failed to add bookmark:",r)}},async removeBookmark(e,t){try{await API.del(`/branch/${e}/bookmarks/${t}`),await this.loadBookmarks(e)}catch(s){console.error("Failed to remove bookmark:",s)}},async gotoBookmark(e,t){try{await API.post(`/branch/${e}/bookmarks/${t}/goto`),document.dispatchEvent(new CustomEvent("branch:refresh"))}catch(s){console.error("Failed to goto bookmark:",s)}},async loadAnalytics(e){try{this.analytics=await API.get(`/branch/${e}/analytics`)}catch{this.analytics=null}},async loadMergePreview(e){if(!this.mergeNodeA||!this.mergeNodeB){this.mergeError="Select two nodes to merge";return}this.mergeLoading=!0,this.mergeError="";try{this.mergePreview=await API.get(`/branch/${e}/merge/preview?node_a=${this.mergeNodeA}&node_b=${this.mergeNodeB}`)}catch(t){this.mergeError=t.message||"Failed to load preview",this.mergePreview=null}finally{this.mergeLoading=!1}},async executeMerge(e){this.mergeLoading=!0,this.mergeError="";try{await API.post(`/branch/${e}/merge`,{node_a_id:this.mergeNodeA,node_b_id:this.mergeNodeB,strategy:this.mergeStrategy}),this.showMergeDialog=!1,this.mergePreview=null,document.dispatchEvent(new CustomEvent("branch:refresh"))}catch(t){this.mergeError=t.message||"Merge failed"}finally{this.mergeLoading=!1}},async runAutoExplore(e){this.autoExploreLoading=!0,this.autoExplorePaths=[];try{const t=await API.post(`/branch/${e}/auto-explore`,{num_paths:this.autoExploreNumPaths,depth:this.autoExploreDepth});this.autoExplorePaths=t.paths||[]}catch(t){console.error("Auto-explore failed:",t)}finally{this.autoExploreLoading=!1}},async undo(e){try{await API.post(`/branch/${e}/undo`),document.dispatchEvent(new CustomEvent("branch:refresh"))}catch(t){console.error("Undo failed:",t)}},async redo(e){try{await API.post(`/branch/${e}/redo`),document.dispatchEvent(new CustomEvent("branch:refresh"))}catch(t){console.error("Redo failed:",t)}}}}function treeApiToBranchNodes(e){return!e||!e.nodes?[]:Object.values(e.nodes).map(t=>({id:t.id,label:t.text.slice(0,40)+(t.text.length>40?"\u2026":""),parentId:t.parent,depth:t.depth}))}function forgeBranchTreeMount(){return{_sessionId:null,nodes:[],currentNode:null,loading:!1,error:null,loaded:!1,setSession(e){e!==this._sessionId&&(this._sessionId=e,this.nodes=[],this.currentNode=null,this.loaded=!1,this.error=null)},async refresh(){if(this._sessionId){this.loading=!0,this.error=null;try{const e=await fetch(`/api/branch/${this._sessionId}/tree`);if(!e.ok)throw new Error(`HTTP ${e.status}`);const t=await e.json();this.nodes=treeApiToBranchNodes(t),this.currentNode=t.current??null,this.loaded=!0}catch(e){this.error=e instanceof Error?e.message:String(e),this.loaded=!1}finally{this.loading=!1}}}}}function pipelinePage(){return{activeTab:"draft",branchOpen:!1,_branchComp:null,handoffDiagLoading:!1,handoffDiagData:null,semanticDiagLoading:!1,semanticDiagData:null,ideaExamples:[{title:"Ti\xEAn Hi\u1EC7p",genre:"Ti\xEAn Hi\u1EC7p",idea:"M\u1ED9t thi\u1EBFu ni\xEAn b\xECnh th\u01B0\u1EDDng ph\xE1t hi\u1EC7n m\xECnh s\u1EDF h\u1EEFu linh c\u0103n hi\u1EBFm c\xF3",teaser:"Tu ti\xEAn gi\u1EA3 t\u01B0\u1EDFng v\u1EDBi h\u1EC7 th\u1ED1ng c\u1EA3nh gi\u1EDBi"},{title:"\u0110\xF4 Th\u1ECB",genre:"\u0110\xF4 Th\u1ECB",idea:"CEO tr\u1EBB tu\u1ED5i g\u1EB7p l\u1EA1i m\u1ED1i t\xECnh \u0111\u1EA7u sau 10 n\u0103m xa c\xE1ch",teaser:"T\xECnh y\xEAu l\xE3ng m\u1EA1n gi\u1EEFa ph\u1ED1 th\u1ECB hi\u1EC7n \u0111\u1EA1i"},{title:"Huy\u1EC1n Huy\u1EC5n",genre:"Huy\u1EC1n Huy\u1EC5n",idea:"M\u1ED9t ph\xE1p s\u01B0 y\u1EBFu \u0111u\u1ED1i t\xECnh c\u1EDD \u0111\xE1nh th\u1EE9c s\u1EE9c m\u1EA1nh c\u1ED5 \u0111\u1EA1i",teaser:"Ma ph\xE1p v\xE0 phi\xEAu l\u01B0u trong th\u1EBF gi\u1EDBi fantasy"},{title:"Xuy\xEAn Kh\xF4ng",genre:"Xuy\xEAn Kh\xF4ng",idea:"N\u1EEF b\xE1c s\u0129 hi\u1EC7n \u0111\u1EA1i xuy\xEAn v\u1EC1 th\u1EDDi c\u1ED5 \u0111\u1EA1i l\xE0m ho\xE0ng phi",teaser:"Tri th\u1EE9c hi\u1EC7n \u0111\u1EA1i g\u1EB7p \xE2m m\u01B0u cung \u0111\xECnh"}],$watch:null,$nextTick:null,$refs:null,_saveFormState(){try{const e=Alpine.store("pipeline").form,t={genre:e.genre,idea:e.idea,style:e.style,num_chapters:e.num_chapters};localStorage.setItem("sf_form_state",JSON.stringify(t))}catch{}},async _restoreFormState(){try{const e=localStorage.getItem("sf_form_state");if(!e)return;const t=JSON.parse(e),s=Alpine.store("pipeline").form;t.genre&&(s.genre=t.genre),t.idea&&(s.idea=t.idea),t.style&&(s.style=t.style),t.num_chapters&&(s.num_chapters=t.num_chapters)}catch{}},_watchFormState(){const e=()=>this._saveFormState();this.$watch(()=>Alpine.store("pipeline").form.genre,e),this.$watch(()=>Alpine.store("pipeline").form.idea,e),this.$watch(()=>Alpine.store("pipeline").form.style,e),this.$watch(()=>Alpine.store("pipeline").form.num_chapters,e)},async init(){await this._restoreFormState(),this._watchFormState()},relativeTimeVi(e){const t=Date.parse(e);if(!Number.isFinite(t))return"";const s=Math.max(0,Date.now()-t),r=Math.floor(s/6e4);if(r<1)return"v\u1EEBa xong";if(r<60)return`${r} ph\xFAt tr\u01B0\u1EDBc`;const i=Math.floor(r/60);return i<24?`${i} gi\u1EDD tr\u01B0\u1EDBc`:`${Math.floor(i/24)} ng\xE0y tr\u01B0\u1EDBc`},formatElapsedVi(e,t){if(e==null||t==null||t<e)return"";const s=t-e;return s<6e4?`${Math.max(1,Math.floor(s/1e3))} gi\xE2y`:`${Math.floor(s/6e4)} ph\xFAt`},resumeRangeEnd(){const e=Alpine.store("pipeline"),t=e.continuationMeta;if(!t)return 0;const s=t.resumeFromChapter||1;return t.targetChapters&&t.targetChapters>=s?t.targetChapters:s+Math.max(0,(e.form?.num_chapters||1)-1)},openReaderFromRibbon(){const e=Alpine.store("pipeline"),t=e.result?.filename;e.pendingJumpAfterOpen=!0,e.clearResumeRibbon(),Alpine.store("app").navigate("library"),t&&setTimeout(()=>{const r=document.querySelector('[x-data*="libraryPage"]')?._x_dataStack?.[0];r?.openStory&&r.openStory(t)},50)},get isContinuation(){return Alpine.store("pipeline").continuationMode},getPhaseState(e){const t=Alpine.store("pipeline");if(t.status==="idle"||t.status==="error")return"idle";if(t.status==="done")return"done";const s=t.progress/100*6,r=Math.floor(s);return e<r?"done":e===r?"active":"idle"},get estimateTime(){const e=Alpine.store("pipeline"),t=(e.continuationMode,e.form.num_chapters),s=Math.ceil(t*1.5);return s<60?`${s}m`:`${Math.floor(s/60)}h ${s%60}m`},get estimateCost(){return`$${(Alpine.store("pipeline").form.num_chapters*.02).toFixed(2)}`},async runPipeline(){this.activeTab="draft",this.isContinuation?await Alpine.store("pipeline").runContinuation():await Alpine.store("pipeline").run()},async loadHandoffDiagnostics(){const e=Alpine.store("pipeline").result?.story_id;if(!(!e||this.handoffDiagData)){this.handoffDiagLoading=!0;try{const t=await fetch(`/api/diagnostics/handoff/${e}`);t.ok&&(this.handoffDiagData=await t.json())}catch{}finally{this.handoffDiagLoading=!1}}},async loadSemanticDiagnostics(){const e=Alpine.store("pipeline").result?.story_id;if(!(!e||this.semanticDiagData)){this.semanticDiagLoading=!0;try{const t=await fetch(`/api/diagnostics/semantic/${e}`);t.ok&&(this.semanticDiagData=await t.json())}catch{}finally{this.semanticDiagLoading=!1}}},async openBranchMode(){const e=Alpine.store("pipeline").result;if(!e)return;const t=e.enhanced||e.draft;if(!t)return;const r=(t.chapters||[]).map(a=>(a.title?a.title+`
+`:"")+a.content).join(`
+
+`);this.branchOpen=!0,await this.$nextTick();const i=this.$refs.branchPanel;if(i&&i._x_dataStack){const a=i._x_dataStack[0];a&&typeof a.startSession=="function"&&a.startSession(r)}}}}const REFRESH_INTERVAL_MS=1e4,TICK_INTERVAL_MS=1e3;function providersPage(){return{snapshot:null,loading:!1,error:"",lastFetchAt:0,_refreshTimer:0,_tickTimer:0,async init(){await this.loadHealth(),this._refreshTimer=window.setInterval(()=>{this.loadHealth()},REFRESH_INTERVAL_MS),this._tickTimer=window.setInterval(()=>this._tickCooldowns(),TICK_INTERVAL_MS)},destroy(){this._refreshTimer&&window.clearInterval(this._refreshTimer),this._tickTimer&&window.clearInterval(this._tickTimer)},async loadHealth(){this.loading=!this.snapshot,this.error="";try{const e=await API.get("/providers/health");this.snapshot=e,this.lastFetchAt=Date.now()}catch(e){this.error=e instanceof Error?e.message:"Failed to load health snapshot"}finally{this.loading=!1}},_tickCooldowns(){if(this.snapshot){for(const e of this.snapshot.providers)e.cooldown_remaining_s>0&&(e.cooldown_remaining_s=Math.max(0,e.cooldown_remaining_s-1));for(const e of this.snapshot.rate_limited_keys)e.cooldown_remaining_s>0&&(e.cooldown_remaining_s=Math.max(0,e.cooldown_remaining_s-1));for(const e of this.snapshot.rate_limited_models)e.cooldown_remaining_s>0&&(e.cooldown_remaining_s=Math.max(0,e.cooldown_remaining_s-1))}},statusLabel(e){return e.healthy?e.cooldown_remaining_s>0?"Cooldown":"Kho\u1EBB":"L\u1ED7i"},statusDotClass(e){return e.healthy?e.cooldown_remaining_s>0?"bg-amber-500":"bg-green-500":"bg-red-500"},statusBadgeClass(e){return e.healthy?e.cooldown_remaining_s>0?"bg-amber-50 text-amber-700":"bg-green-50 text-green-700":"bg-red-50 text-red-700"},formatLatency(e){return e==null?"\u2014":`${e} ms`},formatCooldown(e){if(e<=0)return"\u2014";if(e<60)return`${e}s`;const t=Math.floor(e/60),s=e%60;return`${t}m ${s}s`},get providers(){return this.snapshot?.providers||[]},get rateLimitedKeys(){return this.snapshot?.rate_limited_keys||[]},get rateLimitedModels(){return this.snapshot?.rate_limited_models||[]},get isEmpty(){return this.providers.length===0&&this.rateLimitedKeys.length===0&&this.rateLimitedModels.length===0}}}function settingsPage(){return{showAddKey:!1,newKeyInput:"",showAddProfile:!1,editingProfile:null,profileForm:{name:"",base_url:"",api_key:"",model:"",enabled:!0},profileDetected:null,profiles:[],form:{api_key:"",base_url:"https://api.openai.com/v1",model:"gpt-4o-mini",temperature:.8,max_tokens:4096,cheap_model:"",cheap_base_url:"",image_provider:"none",hf_token:"",hf_image_model:"black-forest-labs/FLUX.1-schnell",image_prompt_style:"cinematic"},maskedKey:"",maskedHfToken:"",savedKeysMasked:[],saving:!1,testing:!1,message:"",showKey:!1,selectedProvider:"openai",presetApplied:"",$watch:null,providers:[{id:"openai",name:"OpenAI",icon:"chip",hint:"GPT-5.4, o3, o4",url:"https://api.openai.com/v1",keyPlaceholder:"sk-proj-...",guide:'Get your API key at <a href="https://platform.openai.com/api-keys" target="_blank" class="text-brand-600 underline font-medium">platform.openai.com</a> \u2192 Create new secret key \u2192 Copy and paste here.',models:[{id:"gpt-5.4-nano",label:"GPT-5.4 Nano (cheapest)"},{id:"gpt-5.4-mini",label:"GPT-5.4 Mini"},{id:"gpt-5.4",label:"GPT-5.4"},{id:"o4-mini",label:"o4-mini (reasoning)"},{id:"o3",label:"o3 (advanced reasoning)"}]},{id:"gemini",name:"Google Gemini",icon:"sparkles",hint:"Gemini 2.5 / 3.1",url:"https://generativelanguage.googleapis.com/v1beta/openai/",keyPlaceholder:"AIza...",guide:'Get a free API key at <a href="https://aistudio.google.com/apikey" target="_blank" class="text-brand-600 underline font-medium">aistudio.google.com</a> \u2192 Create API Key \u2192 Copy.',models:[{id:"gemini-2.5-flash-lite",label:"Gemini 2.5 Flash Lite (cheapest)"},{id:"gemini-2.5-flash",label:"Gemini 2.5 Flash"},{id:"gemini-2.5-pro",label:"Gemini 2.5 Pro"},{id:"gemini-3-flash-preview",label:"Gemini 3 Flash (preview)"},{id:"gemini-3.1-pro-preview",label:"Gemini 3.1 Pro (latest)"},{id:"gemini-3.1-flash-lite-preview",label:"Gemini 3.1 Flash Lite (preview)"},{id:"gemma-4-31b-it",label:"Gemma 4 31B (free, 262K ctx)"},{id:"gemma-4-26b-a4b-it",label:"Gemma 4 26B MoE (free, 262K ctx)"}]},{id:"anthropic",name:"Anthropic",icon:"academic-cap",hint:"Claude 4.5 / 4.6",url:"https://api.anthropic.com/v1/",keyPlaceholder:"sk-ant-...",guide:'Get your API key at <a href="https://console.anthropic.com/settings/keys" target="_blank" class="text-brand-600 underline font-medium">console.anthropic.com</a> \u2192 Create Key \u2192 Copy.',models:[{id:"claude-haiku-4-5-20251001",label:"Haiku 4.5 (cheapest)"},{id:"claude-sonnet-4-6-20260217",label:"Sonnet 4.6"},{id:"claude-opus-4-6-20260205",label:"Opus 4.6 (most powerful)"}]},{id:"openrouter",name:"OpenRouter",icon:"arrows-right-left",hint:"290+ models",url:"https://openrouter.ai/api/v1",keyPlaceholder:"sk-or-...",guide:'Register at <a href="https://openrouter.ai/keys" target="_blank" class="text-brand-600 underline font-medium">openrouter.ai</a> \u2192 Keys \u2192 Create Key. 29+ free models available!',models:[{id:"openrouter/free",label:"\u{1F3AF} Auto Router (free, auto-picks best model)"},{id:"qwen/qwen3-next-80b-a3b-instruct:free",label:"Qwen3 Next 80B (free, 262K ctx)"},{id:"nousresearch/hermes-3-llama-3.1-405b:free",label:"Hermes 3 405B (free, 131K ctx)"},{id:"nvidia/nemotron-3-super-120b-a12b:free",label:"Nemotron 3 Super 120B (free)"},{id:"meta-llama/llama-3.3-70b-instruct:free",label:"Llama 3.3 70B (free, 65K ctx)"},{id:"google/gemma-4-31b-it:free",label:"Gemma 4 31B (free, 262K ctx)"},{id:"google/gemma-4-26b-a4b-it:free",label:"Gemma 4 26B MoE (free, 262K ctx)"},{id:"google/gemma-3-27b-it:free",label:"Gemma 3 27B (free, 131K ctx)"},{id:"z-ai/glm-4.5-air:free",label:"GLM 4.5 Air (free, 131K ctx)"},{id:"openai/gpt-oss-120b:free",label:"GPT-OSS 120B (free)"},{id:"deepseek/deepseek-r1",label:"DeepSeek R1"},{id:"anthropic/claude-sonnet-4-6",label:"Claude Sonnet 4.6"}]},{id:"kyma",name:"Kyma",icon:"bolt",hint:"Auto-failover, $0.50 free",url:"https://kymaapi.com/v1",keyPlaceholder:"ky-... or kyma-...",guide:'Register at <a href="https://kymaapi.com" target="_blank" class="text-brand-600 underline font-medium">kymaapi.com</a> \u2192 Get $0.50 free credits. <strong>Auto-failover</strong>: automatically retries on backup providers if primary fails.',models:[{id:"qwen-3.6-plus",label:"Qwen 3.6 Plus (recommended)"},{id:"deepseek-v3",label:"DeepSeek V3"},{id:"deepseek-r1",label:"DeepSeek R1 (reasoning)"},{id:"kimi-k2.5",label:"Kimi K2.5"},{id:"llama-3.3-70b",label:"Llama 3.3 70B"},{id:"qwen-3-32b",label:"Qwen 3 32B"},{id:"gemini-2.5-flash",label:"Gemini 2.5 Flash"},{id:"minimax-m2.5",label:"MiniMax M2.5"},{id:"gpt-oss-120b",label:"GPT-OSS 120B"}]},{id:"zai",name:"Z.AI",icon:"sparkles",hint:"Free GLM models",url:"https://api.z.ai/api/paas/v4",keyPlaceholder:"Your Z.AI API key...",guide:'Register at <a href="https://z.ai" target="_blank" class="text-brand-600 underline font-medium">z.ai</a> \u2192 Get API key. Free models: GLM-4.7-Flash (200K context).',models:[{id:"glm-4.7-flash",label:"GLM 4.7 Flash (free, 200K ctx)"},{id:"glm-4.5-flash",label:"GLM 4.5 Flash (free, 200K ctx)"},{id:"glm-4.6v-flash",label:"GLM 4.6V Flash (free, vision)"}]},{id:"local",name:"Local / Ollama",icon:"computer-desktop",hint:"Free, self-hosted",url:"http://localhost:11434/v1",keyPlaceholder:"Leave blank or enter token...",guide:'Install <a href="https://ollama.com" target="_blank" class="text-brand-600 underline font-medium">Ollama</a> \u2192 run <code class="bg-slate-100 px-1.5 py-0.5 rounded text-xs">ollama run qwen3.5:9b</code> \u2192 ready to use, no API key needed.',models:[{id:"qwen3.5:9b",label:"Qwen 3.5 9B (recommended)"},{id:"llama3.1:8b",label:"Llama 3.1 8B"},{id:"deepseek-r1",label:"DeepSeek R1"},{id:"mistral-large-2",label:"Mistral Large 2"},{id:"gemma2:9b",label:"Gemma 2 9B"}]},{id:"custom",name:"Custom",icon:"cog-6-tooth",hint:"Any URL",url:"",keyPlaceholder:"API key...",guide:"Enter the base URL and model name manually in the <strong>Advanced Settings</strong> section below.",models:[]}],get currentProvider(){return this.providers.find(e=>e.id===this.selectedProvider)},async applyModelPreset(e){try{const t=await API.post(`/config/model-presets/${e}`);if(t.status==="ok"){this.presetApplied=`Applied: ${t.label}`,this.selectedProvider="openrouter",await Alpine.store("settings").load();const s=Alpine.store("settings").config;s?.llm&&(this.form.base_url=s.llm.base_url,this.form.model=s.llm.model,this.form.cheap_model=s.llm.cheap_model||"",this.form.cheap_base_url=s.llm.cheap_base_url||""),setTimeout(()=>{this.presetApplied=""},4e3)}}catch(t){this.message="Preset error: "+t.message}},providerIconIds:{openai:"chip",gemini:"sparkles",anthropic:"academic-cap",openrouter:"arrows-right-left",kyma:"bolt",zai:"sparkles",local:"computer-desktop",custom:"cog-6-tooth"},openAddProfile(){this.profileForm={name:"",base_url:"",api_key:"",model:"",enabled:!0},this.profileDetected=null,this.profileModelsList=[],this.editingProfile=null,this.showAddProfile=!0},openEditProfile(e){const t=this.profiles[e];this.profileForm={name:t.name,base_url:t.base_url,api_key:"",model:t.model,enabled:t.enabled},this.profileDetected=null,this.editingProfile=e,this.showAddProfile=!0,this.updateProfileModels()},async detectFromKey(){const e=this.profileForm.api_key.trim();if(e.length<4){this.profileDetected=null;return}try{const t=await API.post("/config/profiles/detect",{api_key:e});t.detected?(this.profileDetected={provider:t.provider,name:t.name,model:t.model},this.profileForm.name=t.name,this.profileForm.base_url=t.base_url,this.profileForm.model=t.model,this.updateProfileModels()):this.profileDetected=null}catch{this.profileDetected=null}},async saveProfile(){if(!(!this.profileForm.api_key&&this.editingProfile===null))try{this.editingProfile!==null?await API.put(`/config/profiles/${this.editingProfile}`,this.profileForm):await API.post("/config/profiles",{api_key:this.profileForm.api_key,name:this.profileForm.name,base_url:this.profileForm.base_url,model:this.profileForm.model,enabled:!0}),this.showAddProfile=!1;const e=this.editingProfile===null,t=this.profileDetected?.provider;if(this.editingProfile=null,this.profileDetected=null,await Alpine.store("settings").load(),e&&t){const s=this.providers.find(r=>r.id===t);s&&this.selectProvider(s.id)}this.message="Provider added.",setTimeout(()=>{this.message=""},2e3)}catch(e){this.message="Error: "+e.message}},async deleteProfile(e){try{await API.del(`/config/profiles/${e}`),await Alpine.store("settings").load(),this.message="Profile removed.",setTimeout(()=>{this.message=""},2e3)}catch(t){this.message="Error: "+t.message}},async toggleProfile(e){try{const t=await API.patch(`/config/profiles/${e}/toggle`);this.profiles[e].enabled=t.enabled}catch(t){this.message="Error: "+t.message}},setProfileProvider(e){const t=this.providers.find(s=>s.id===e);t?.url&&(this.profileForm.base_url=t.url),t?.models?.length&&(this.profileForm.model=t.models[0].id)},profileModelsList:[],updateProfileModels(){const e=(this.profileForm.base_url||"").toLowerCase(),t=this.providers.find(s=>s.id==="openai"?e.includes("openai.com"):s.id==="gemini"?e.includes("googleapis.com")||e.includes("generativelanguage"):s.id==="anthropic"?e.includes("anthropic.com"):s.id==="openrouter"?e.includes("openrouter.ai"):s.id==="kyma"?e.includes("kymaapi.com"):s.id==="zai"?e.includes("z.ai"):s.id==="local"?e.includes("localhost")||e.includes("127.0.0.1"):!1);this.profileModelsList=t?.models||[]},async addKey(){const e=this.newKeyInput.trim();if(e)try{await API.put("/config",{append_api_keys:[e]}),this.newKeyInput="",this.showAddKey=!1,await Alpine.store("settings").load(),this.message="API key added.",setTimeout(()=>{this.message=""},2e3)}catch(t){this.message="Error: "+t.message}},async removeKey(e){try{await API.del(`/config/api-keys/${e}`),this.savedKeysMasked.splice(e,1),this.message="API key removed.",setTimeout(()=>{this.message=""},2e3)}catch(t){this.message="Error: "+t.message}},async selectProvider(e){this.selectedProvider=e;const t=this.providers.find(s=>s.id===e);if(t?.url&&(this.form.base_url=t.url),["openrouter","kyma"].includes(e)&&t?.url)try{const s=await API.post("/config/provider/models",{base_url:t.url,api_key:this.form.api_key||""});if(s.models?.length){t.models=s.models.map(r=>({id:r.id,label:r.label||r.id})),this.form.model=s.models[0].id;return}}catch(s){console.warn("Failed to fetch models:",s)}t?.models?.length&&(this.form.model=t.models[0].id)},init(){const e=()=>{const t=Alpine.store("settings").config;if(!t?.llm)return;this.form.base_url=t.llm.base_url||this.form.base_url,this.form.model=t.llm.model||this.form.model,this.form.temperature=t.llm.temperature??this.form.temperature,this.form.max_tokens=t.llm.max_tokens||this.form.max_tokens,this.form.cheap_model=t.llm.cheap_model||"",this.form.cheap_base_url=t.llm.cheap_base_url||"",this.maskedKey=t.llm.api_key_masked||"",this.savedKeysMasked=t.llm.api_keys_masked||[],this.profiles=t.llm.profiles||[],t.pipeline&&(this.form.image_provider=t.pipeline.image_provider||"none",this.form.hf_image_model=t.pipeline.hf_image_model||"black-forest-labs/FLUX.1-schnell",this.form.image_prompt_style=t.pipeline.image_prompt_style||"cinematic",this.maskedHfToken=t.pipeline.hf_token_masked||"");const s=(t.llm.base_url||"").toLowerCase();s.includes("openai.com")?this.selectedProvider="openai":s.includes("googleapis.com")||s.includes("generativelanguage")?this.selectedProvider="gemini":s.includes("anthropic.com")?this.selectedProvider="anthropic":s.includes("openrouter.ai")?this.selectedProvider="openrouter":s.includes("kymaapi.com")?this.selectedProvider="kyma":s.includes("z.ai")?this.selectedProvider="zai":s.includes("localhost")||s.includes("127.0.0.1")?this.selectedProvider="local":this.selectedProvider="custom"};e(),this.$watch(()=>Alpine.store("settings").config,()=>e())},async save(){this.saving=!0,this.message="";try{const e={...this.form};e.api_key||delete e.api_key,e.hf_token||delete e.hf_token,delete e.api_keys,e.backend_type="api",await API.put("/config",e),this.message="Settings saved successfully!",await Alpine.store("settings").load()}catch(e){this.message="Error: "+e.message}this.saving=!1},async testConn(){this.testing=!0,this.message="Testing connection...",this.message=await Alpine.store("settings").testConnection(),this.testing=!1}}}const WIZARD_DISMISSED_KEY="sf:settings-wizard-dismissed",WIZARD_GENRES=[{id:"fantasy",label:"Fantasy"},{id:"xianxia",label:"Ti\xEAn Hi\u1EC7p / Wuxia"},{id:"romance",label:"Ng\xF4n T\xECnh"},{id:"thriller",label:"Trinh Th\xE1m / Thriller"},{id:"scifi",label:"Khoa H\u1ECDc Vi\u1EC5n T\u01B0\u1EDFng"}];function forgeSettingsWizard(){return{show:!1,step:1,selectedProvider:"openai",apiKey:"",selectedGenre:"fantasy",genres:WIZARD_GENRES,shouldShow(){try{if(localStorage.getItem(WIZARD_DISMISSED_KEY)==="1")return!1}catch{return!1}try{return!!!Alpine.store("settings")?.config?.llm?.api_key}catch{return!1}},next(){this.step<3&&(this.step=this.step+1)},dismiss(){try{localStorage.setItem(WIZARD_DISMISSED_KEY,"1")}catch{}this.show=!1},async finish(){try{const e=Alpine.store("settings");if(e?.save&&e?.config?.llm){const t=this.selectedProvider,s={openai:"https://api.openai.com/v1",gemini:"https://generativelanguage.googleapis.com/v1beta/openai/",anthropic:"https://api.anthropic.com/v1",openrouter:"https://openrouter.ai/api/v1"};await e.save({llm:{...e.config.llm,api_key:this.apiKey.trim(),base_url:s[t]||e.config.llm.base_url||""}})}}catch{}this.dismiss()}}}const BRANCH_STORAGE_KEY="sf_branch_session";function saveBranchSession(e,t,s){try{localStorage.setItem(BRANCH_STORAGE_KEY,JSON.stringify({sessionId:e,chapterIndex:t,storyTitle:s}))}catch{}}function loadBranchSession(){try{const e=localStorage.getItem(BRANCH_STORAGE_KEY);return e?JSON.parse(e):null}catch{return null}}function clearBranchSession(){localStorage.removeItem(BRANCH_STORAGE_KEY)}document.addEventListener("alpine:init",()=>{Alpine.data("branchReader",()=>Object.assign({},{sessionId:null,currentNode:null,history:[],loading:!1,streaming:!1,streamingText:"",error:"",treeData:null,treeLayout:null,minimapData:null,active:!1,useStreaming:!0,canUndo:!1,canRedo:!1,zoom:1,panX:0,panY:0,showMinimap:!0,bookmarks:[],showBookmarks:!1,analytics:null,showAnalytics:!1,wsConnected:!1,userCount:1,exportingEpub:!1,_ws:null,async startSession(t,s){if(!t||t.trim().length<10){this.error="Need at least 10 characters of story text.";return}this.loading=!0,this.error="",this.history=[],this.treeData=null;try{const r={text:t.trim(),...s},i=await fetch("/api/branch/start",{method:"POST",headers:mutationHeaders(),body:JSON.stringify(r)});if(!i.ok)throw new Error((await i.json()).detail||i.statusText);const a=await i.json();this.sessionId=a.session_id,this.currentNode=a.node,this.active=!0,document.dispatchEvent(new CustomEvent("branch:started",{detail:{sessionId:a.session_id}}))}catch(r){this.error=r.message}finally{this.loading=!1}},async restoreSession(t){this.loading=!0,this.error="",this.history=[];try{const s=await fetch(`/api/branch/${t}/current`);if(!s.ok)return clearBranchSession(),!1;const r=await s.json();return this.sessionId=t,this.currentNode=r.node,this.active=!0,!0}catch{return clearBranchSession(),!1}finally{this.loading=!1}},async choose(t){if(this.useStreaming)return this.chooseStream(t);if(!this.sessionId||this.loading)return;const s=this.currentNode?.choices?.[t]||`Choice ${t+1}`;this.loading=!0,this.error="";try{const r=await fetch(`/api/branch/${this.sessionId}/choose`,{method:"POST",headers:mutationHeaders(),body:JSON.stringify({choice_index:t})});if(!r.ok)throw new Error((await r.json()).detail||r.statusText);const i=await r.json();this.history.push({id:this.currentNode.id,preview:this.currentNode.text.slice(0,60)+"...",choiceLabel:s}),this.currentNode=i.node,document.dispatchEvent(new CustomEvent("branch:navigated"))}catch(r){this.error=r.message}finally{this.loading=!1}},async chooseStream(t){if(!this.sessionId||this.loading||this.streaming)return;const s=this.currentNode?.choices?.[t]||`Choice ${t+1}`;this.loading=!0,this.streaming=!0,this.streamingText="",this.error="";try{const r=await fetch(`/api/branch/${this.sessionId}/choose/stream`,{method:"POST",headers:mutationHeaders(),body:JSON.stringify({choice_index:t})});if(!r.ok)throw new Error((await r.json()).detail||r.statusText);if(!r.body)throw new Error("No response body");const i=r.body.getReader(),a=new TextDecoder;let c="";for(;;){const{done:o,value:f}=await i.read();if(o)break;c+=a.decode(f,{stream:!0});const g=c.split(`
+`);c=g.pop()||"";for(const d of g){if(!d.startsWith("data: "))continue;const m=d.slice(6);if(m)try{const n=JSON.parse(m);n.type==="chunk"?this.streamingText+=n.text:n.type==="complete"?(this.history.push({id:this.currentNode.id,preview:this.currentNode.text.slice(0,60)+"...",choiceLabel:s}),this.currentNode=n.node,this.streamingText="",document.dispatchEvent(new CustomEvent("branch:navigated"))):n.type==="error"&&(this.error=n.message)}catch{}}}}catch(r){this.error=r.message}finally{this.loading=!1,this.streaming=!1}},async goBack(){if(!(!this.sessionId||this.loading)){this.loading=!0,this.error="";try{const t=await fetch(`/api/branch/${this.sessionId}/back`,{method:"POST",headers:mutationHeaders()});if(!t.ok)throw new Error((await t.json()).detail||t.statusText);const s=await t.json();this.currentNode=s.node,this.history.pop(),document.dispatchEvent(new CustomEvent("branch:navigated"))}catch(t){this.error=t.message}finally{this.loading=!1}}},async undo(){if(!(!this.sessionId||this.loading||!this.canUndo)){this.loading=!0,this.error="";try{const t=await fetch(`/api/branch/${this.sessionId}/undo`,{method:"POST",headers:mutationHeaders()});if(!t.ok)throw new Error((await t.json()).detail||t.statusText);const s=await t.json();this.currentNode=s.node,this.canUndo=s.can_undo,this.canRedo=s.can_redo,document.dispatchEvent(new CustomEvent("branch:navigated"))}catch(t){this.error=t.message}finally{this.loading=!1}}},async redo(){if(!(!this.sessionId||this.loading||!this.canRedo)){this.loading=!0,this.error="";try{const t=await fetch(`/api/branch/${this.sessionId}/redo`,{method:"POST",headers:mutationHeaders()});if(!t.ok)throw new Error((await t.json()).detail||t.statusText);const s=await t.json();this.currentNode=s.node,this.canUndo=s.can_undo,this.canRedo=s.can_redo,document.dispatchEvent(new CustomEvent("branch:navigated"))}catch(t){this.error=t.message}finally{this.loading=!1}}},async loadTree(){if(this.sessionId)try{const t=await fetch(`/api/branch/${this.sessionId}/tree`);if(!t.ok)throw new Error((await t.json()).detail||t.statusText);this.treeData=await t.json()}catch(t){this.error=t.message}},async loadTreeLayout(){if(this.sessionId)try{const t=await fetch(`/api/branch/${this.sessionId}/tree/layout`);if(!t.ok)throw new Error((await t.json()).detail||t.statusText);this.treeLayout=await t.json()}catch(t){this.error=t.message}},async loadMinimap(){if(this.sessionId)try{const t=await fetch(`/api/branch/${this.sessionId}/tree/minimap`);if(!t.ok)throw new Error((await t.json()).detail||t.statusText);this.minimapData=await t.json()}catch(t){this.error=t.message}},zoomIn(){this.zoom=Math.min(this.zoom*1.2,3)},zoomOut(){this.zoom=Math.max(this.zoom/1.2,.3)},resetZoom(){this.zoom=1,this.panX=0,this.panY=0},centerOnCurrent(){if(!this.treeLayout||!this.currentNode)return;const t=this.treeLayout.layout[this.currentNode.id];t&&(this.panX=-t.x*100,this.panY=-t.y*100)},get depth(){return this.history.length},get isAtRoot(){return this.history.length===0},get nodeCount(){return this.treeData?Object.keys(this.treeData.nodes||{}).length:0},async addBookmark(t){if(!(!this.sessionId||!this.currentNode))try{const s=await fetch(`/api/branch/${this.sessionId}/bookmarks`,{method:"POST",headers:mutationHeaders(),body:JSON.stringify({node_id:this.currentNode.id,name:t})});if(!s.ok)throw new Error((await s.json()).detail||s.statusText);await this.loadBookmarks()}catch(s){this.error=s.message}},async removeBookmark(t){if(this.sessionId)try{const s=await fetch(`/api/branch/${this.sessionId}/bookmarks/${t}`,{method:"DELETE",headers:mutationHeaders()});if(!s.ok)throw new Error((await s.json()).detail||s.statusText);this.bookmarks=this.bookmarks.filter(r=>r.id!==t)}catch(s){this.error=s.message}},async loadBookmarks(){if(this.sessionId)try{const t=await fetch(`/api/branch/${this.sessionId}/bookmarks`);if(!t.ok)throw new Error((await t.json()).detail||t.statusText);const s=await t.json();this.bookmarks=s.bookmarks||[]}catch(t){this.error=t.message}},async gotoBookmark(t){if(this.sessionId){this.loading=!0;try{const s=await fetch(`/api/branch/${this.sessionId}/bookmarks/${t}/goto`,{method:"POST",headers:mutationHeaders()});if(!s.ok)throw new Error((await s.json()).detail||s.statusText);const r=await s.json();this.currentNode=r.node,this.history=[],document.dispatchEvent(new CustomEvent("branch:navigated"))}catch(s){this.error=s.message}finally{this.loading=!1}}},async loadAnalytics(){if(this.sessionId)try{const t=await fetch(`/api/branch/${this.sessionId}/analytics`);if(!t.ok)throw new Error((await t.json()).detail||t.statusText);this.analytics=await t.json()}catch(t){this.error=t.message}},async exportEpub(){if(this.sessionId){this.exportingEpub=!0;try{const t=await fetch(`/api/branch/${this.sessionId}/export/epub`,{method:"POST",headers:mutationHeaders()});if(!t.ok)throw new Error((await t.json()).detail||t.statusText);const s=await t.blob(),r=URL.createObjectURL(s),i=document.createElement("a");i.href=r,i.download=`branch-story-${this.sessionId.slice(0,8)}.epub`,document.body.appendChild(i),i.click(),document.body.removeChild(i),URL.revokeObjectURL(r)}catch(t){this.error=t.message}finally{this.exportingEpub=!1}}},connectWebSocket(){if(!this.sessionId||this._ws)return;const t=window.location.protocol==="https:"?"wss:":"ws:",s=new WebSocket(`${t}//${window.location.host}/api/ws/branch/${this.sessionId}`);s.onopen=()=>{this.wsConnected=!0},s.onmessage=r=>{try{const i=JSON.parse(r.data);i.type==="sync"||i.type==="navigation"?(this.currentNode=i.node,this.userCount=i.user_count||1,i.type==="navigation"&&document.dispatchEvent(new CustomEvent("branch:navigated"))):(i.type==="user_joined"||i.type==="user_left")&&(this.userCount=i.user_count||1)}catch{}},s.onclose=()=>{this.wsConnected=!1,this._ws=null},s.onerror=()=>{this.wsConnected=!1},this._ws=s},disconnectWebSocket(){this._ws&&(this._ws.close(),this._ws=null,this.wsConnected=!1)},close(){this.disconnectWebSocket(),this.active=!1,clearBranchSession()}}))});const TREE_H_SPACING=100,TREE_V_SPACING=80,TREE_PADDING=40;function computeTreeLayout(e){const t=e.nodes,s=e.root,r=e.current;if(!s||!t[s])return{nodes:[],edges:[],width:0,height:0};const i=[],a=[];let c=0;function o(d,m,n){const l=t[d];if(!l)return n;const h=l.text.slice(0,16)+(l.text.length>16?"...":"");if(l.child_ids.length===0){const w=TREE_PADDING+c*TREE_H_SPACING,y=TREE_PADDING+m*TREE_V_SPACING;return i.push({id:d,x:w,y,label:h,isCurrent:d===r,depth:m}),c++,w}const u=[];for(const w of l.child_ids){const y=o(w,m+1,n);u.push(y)}const p=u.reduce((w,y)=>w+y,0)/u.length,b=TREE_PADDING+m*TREE_V_SPACING;i.push({id:d,x:p,y:b,label:h,isCurrent:d===r,depth:m});for(const w of l.child_ids){const y=i.find(_=>_.id===w);y&&a.push({x1:p,y1:b,x2:y.x,y2:y.y})}return p}o(s,0,0);const f=Math.max(...i.map(d=>d.x),0)+TREE_PADDING,g=Math.max(...i.map(d=>d.y),0)+TREE_PADDING;return{nodes:i,edges:a,width:f,height:g}}document.addEventListener("alpine:init",()=>{Alpine.data("treeVisualizer",()=>{let e=null;return{showTree:!1,treeLayout:null,treeLoading:!1,treeError:"",_sessionId:null,init(){e=()=>{this.refreshTree(this._sessionId)},document.addEventListener("branch:navigated",e)},destroy(){e&&document.removeEventListener("branch:navigated",e)},setSession(t){this._sessionId=t},async toggleTree(t){this._sessionId=t,this.showTree=!this.showTree,this.showTree&&await this.refreshTree(t)},async refreshTree(t){if(!(!t||!this.showTree)){this.treeLoading=!0,this.treeError="";try{const s=await fetch(`/api/branch/${t}/tree`);if(!s.ok){this.treeError=`Failed to load tree (${s.status})`;return}const r=await s.json();this.treeLayout=computeTreeLayout(r)}catch(s){this.treeError=s.message||"Failed to load tree"}finally{this.treeLoading=!1}}},async gotoNode(t,s){if(!t)return null;try{const r=await fetch(`/api/branch/${t}/goto`,{method:"POST",headers:mutationHeaders(),body:JSON.stringify({node_id:s})});return r.ok?(await r.json()).node:null}catch{return null}},get viewBox(){const t=this;return t.treeLayout?`0 0 ${t.treeLayout.width} ${t.treeLayout.height}`:"0 0 200 100"}}})}),(()=>{const e={locale:typeof localStorage<"u"&&localStorage.getItem("storyforge_locale")||"vi",translations:{},t(t){return this.translations[this.locale]?.[t]||this.translations.en?.[t]||t},setLocale(t){this.locale=t,typeof localStorage<"u"&&localStorage.setItem("storyforge_locale",t)},async loadTranslations(){try{const[t,s]=await Promise.all([fetch("/static/locales/vi.json").then(r=>r.json()),fetch("/static/locales/en.json").then(r=>r.json())]);this.translations={vi:t,en:s}}catch(t){console.warn("Failed to load translations:",t)}}};window.__sf_i18n=e})();const i18n=window.__sf_i18n;document.addEventListener("alpine:init",()=>{Alpine.store("i18n",i18n);const e=isForgeUiEnabled();if(Alpine.store("flags",{forgeUi:e}),registerStores(),e){Alpine.data("forgeButton",forgeButton),Alpine.data("phaseTimeline",phaseTimeline),Alpine.data("genreOrb",genreOrb),Alpine.data("configPanel",configPanel),Alpine.data("storyCard",storyCard),Alpine.data("toastItem",toastItem),Alpine.data("agentBubble",agentBubble),Alpine.data("qualityGauge",qualityGauge),Alpine.data("characterGraph",characterGraph),Alpine.data("branchTree",branchTree),Alpine.data("forgeBranchTreeMount",forgeBranchTreeMount),Alpine.data("forgeSettingsWizard",forgeSettingsWizard),Alpine.data("forgeExportCards",forgeExportCards),Alpine.store("theater",createTheaterStore()),Alpine.store("reader",createReaderStore());const t=createToastStore();Alpine.store("toasts",t),attachToastHelper(t),typeof document<"u"&&document.documentElement&&document.documentElement.setAttribute("data-forge-ui","on")}Alpine.store("pipeline").loadChoices(),Alpine.store("pipeline").loadTemplates(),Alpine.store("settings").load()});
diff --git a/web/index.html b/web/index.html
index db812c58..dcafbbc2 100644
--- a/web/index.html
+++ b/web/index.html
@@ -27,12 +27,14 @@
        Run `npm run build:vite` to produce production bundle, or `npm run dev` for HMR. -->
   <!-- Tailwind CSS + tokens + supplementary styles — all bundled via PostCSS -->
   <link rel="stylesheet" href="/static/css/main.built.css">
-  <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script>
+  <script defer src="/static/vendor/alpine/alpine.min.js"></script>
   <script defer src="/static/js/feedback-widget.js"></script>
   <script defer src="/static/js/report-issue.js"></script>
   <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
   <style>
+    /* forge-critical: inline (StaticFiles doesn't gzip; inline rides HTML gzip). */
     [x-cloak] { display: none !important; }
     .page-enter { animation: fadeSlideIn 0.25s ease-out; }
     @keyframes fadeSlideIn { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
@@ -44,8 +46,6 @@
     .btn-primary:hover { background: linear-gradient(135deg,#1D4ED8,#2563EB); box-shadow:0 4px 14px rgba(37,99,235,0.35); transform:translateY(-1px); }
     .btn-primary:active { transform:translateY(0); box-shadow:0 1px 4px rgba(37,99,235,0.2); }
     .card { background:white; border:1px solid #E2E8F0; border-radius:12px; transition: border-color 0.2s ease, box-shadow 0.2s ease; }
-    /* Explicit light-mode backgrounds for form controls — prevents OS dark
-       color-scheme from leaking dark native inputs when theme is light */
     input:not([type=range]):not([type=checkbox]),
     textarea { background: #fff; color: #1e293b; }
     textarea:focus, input:focus, select:focus { outline:none; border-color:#3B82F6; box-shadow:0 0 0 3px rgba(59,130,246,0.15); }
@@ -61,11 +61,6 @@
       0% { background-position: 200% 0; }
       100% { background-position: -200% 0; }
     }
-
-    /* ── Dark mode overrides ──
-       Uses CSS custom properties defined in tokens.css (.dark class block).
-       Raw hex values removed — single source of truth is tokens.css.
-    */
     .dark body { background: var(--dm-bg); color: var(--dm-text); }
     .dark .card { background: var(--dm-surface); border-color: var(--dm-border); }
     .dark .text-slate-800 { color: var(--dm-text); }
@@ -96,8 +91,6 @@
       background: linear-gradient(90deg, var(--dm-surface) 25%, var(--dm-border) 50%, var(--dm-surface) 75%);
       background-size: 200% 100%;
     }
-
-    /* ── Pipeline page redesign ── */
     .sf-card-hero {
       position: relative; overflow: hidden;
       border-color: #DBEAFE;
@@ -128,8 +121,6 @@
     .sf-config-pill:hover { border-color: #93c5fd; background: #F0F7FF; }
     .dark .sf-config-pill { background: var(--dm-bg); border-color: var(--dm-border); }
     .dark .sf-config-pill:hover { border-color: rgba(96,165,250,0.35); background: rgba(37,99,235,0.06); }
-
-    /* ── Segmented pill group (drama level, etc) ── */
     .sf-pill-group {
       display: flex; gap: 3px;
       padding: 3px;
@@ -166,8 +157,6 @@
       font-weight: 600;
       box-shadow: 0 2px 8px rgba(59,130,246,0.4);
     }
-
-    /* ── Toggle chip (advanced quick toggles) ── */
     .sf-toggle-chip {
       display: inline-flex; align-items: center; gap: 6px;
       padding: 6px 10px;
@@ -190,8 +179,6 @@
     .dark .sf-toggle-chip { background: var(--dm-surface); border-color: var(--dm-border); color: #E2E8F0; }
     .dark .sf-toggle-chip:hover { border-color: rgba(96,165,250,0.4); }
     .dark .sf-toggle-chip.active { color: #60A5FA; border-color: #3B82F6; background: rgba(37,99,235,0.12); }
-
-    /* ── Hero CTA with shimmer ── */
     .sf-cta-hero {
       position: relative; overflow: hidden;
       background: linear-gradient(135deg, #2563EB 0%, #4F46E5 50%, #8B5CF6 100%);
@@ -215,8 +202,6 @@
       transition: left 0.65s ease;
     }
     .sf-cta-hero:hover:not(:disabled)::after { left: 150%; }
-
-    /* ── Pipeline phase timeline (compact vertical cells) ── */
     .sf-phase {
       display: flex; flex-direction: column; align-items: center; gap: 5px;
       padding: 10px 4px;
@@ -257,8 +242,6 @@
     .dark .sf-phase.active { background: rgba(37,99,235,0.1); }
     .dark .sf-phase.active .sf-phase-label { color: #60A5FA; }
     .dark .sf-phase.done .sf-phase-label { color: #34D399; }
-
-    /* ── Example idea chips ── */
     .sf-example-chip {
       padding: 11px 12px;
       background: white;
@@ -277,8 +260,6 @@
     }
     .dark .sf-example-chip { background: var(--dm-surface); border-color: var(--dm-border); }
     .dark .sf-example-chip:hover { border-color: #60A5FA; background: rgba(37,99,235,0.08); box-shadow: 0 4px 12px rgba(37,99,235,0.15); }
-
-    /* ── Estimate badge (cost / time) ── */
     .sf-estimate {
       display: inline-flex; align-items: center; gap: 4px;
       font-size: 10.5px;
@@ -290,8 +271,6 @@
       font-variant-numeric: tabular-nums;
     }
     .dark .sf-estimate { background: rgba(30,41,59,0.6); color: #CBD5E1; }
-
-    /* ── Inline select (genre/style/lang) ── */
     .sf-select-compact {
       font-size: 13px; font-weight: 500;
       padding: 7px 28px 7px 10px;
@@ -305,16 +284,12 @@
       border-color: var(--dm-border);
       background: linear-gradient(135deg, rgba(30,41,59,0.3), rgba(15,23,42,0.3));
     }
-
-    /* ── Field label — tighter uppercase ── */
     .sf-label {
       font-size: 10.5px; font-weight: 600; letter-spacing: 0.04em;
       text-transform: uppercase;
       color: #64748b;
     }
     .dark .sf-label { color: #CBD5E1; }
-
-    /* ── Hero page header (shared across Library/Settings/etc.) ── */
     .sf-page-hero {
       position: relative; overflow: hidden;
       padding: 18px 20px 16px;
@@ -337,8 +312,6 @@
     .dark .sf-page-hero h1 { color: var(--dm-text); }
     .sf-page-hero p { font-size: 12.5px; color: #64748b; margin-top: 2px; }
     .dark .sf-page-hero p { color: var(--dm-text-secondary); }
-
-    /* ── Step badge (numbered section markers) ── */
     .sf-step-badge {
       display: inline-flex; align-items: center; justify-content: center;
       width: 22px; height: 22px; border-radius: 50%;
@@ -347,8 +320,6 @@
       color: white;
       flex-shrink: 0;
     }
-
-    /* ── Compact story card (Library) ── */
     .sf-story-card {
       padding: 14px 16px;
       border: 1px solid #E2E8F0;
@@ -372,8 +343,6 @@
     .sf-story-card:hover::before { opacity: 1; }
     .dark .sf-story-card { background: var(--dm-surface); border-color: var(--dm-border); }
     .dark .sf-story-card:hover { border-color: rgba(96,165,250,0.4); box-shadow: 0 6px 18px rgba(37,99,235,0.15); }
-
-    /* ── Stat tile (Analytics) ── */
     .sf-stat-tile {
       padding: 14px 12px;
       border-radius: 12px;
@@ -398,8 +367,6 @@
     .sf-stat-tile .l { font-size: 10.5px; color: #64748b; margin-top: 4px; text-transform: uppercase; letter-spacing: 0.04em; font-weight: 600; }
     .dark .sf-stat-tile { background: linear-gradient(135deg, rgba(30,41,59,0.6), rgba(15,23,42,0.6)); border-color: var(--dm-border); }
     .dark .sf-stat-tile .l { color: var(--dm-text-muted); }
-
-    /* ── Empty state hero (Reader/Export/Analytics empty views) ── */
     .sf-empty-hero {
       position: relative; overflow: hidden;
       padding: 48px 32px;
@@ -425,8 +392,6 @@
       z-index: -1;
     }
     .dark .sf-empty-hero { background: linear-gradient(135deg, var(--dm-surface), var(--dm-bg)); border-color: var(--dm-border); }
-
-    /* ── Export format tile ── */
     .sf-export-tile {
       display: flex; flex-direction: column; align-items: center; gap: 8px;
       padding: 18px 12px;
@@ -450,8 +415,6 @@
     }
     .dark .sf-export-tile { background: var(--dm-surface); border-color: var(--dm-border); }
     .dark .sf-export-tile:hover { border-color: #60A5FA; }
-
-    /* ── Guide step card ── */
     .sf-guide-step {
       padding: 16px 18px;
       border-radius: 12px;
@@ -464,8 +427,6 @@
     .sf-guide-step .sf-step-badge { margin-top: 1px; }
     .dark .sf-guide-step { background: var(--dm-surface); border-color: var(--dm-border); }
     .dark .sf-guide-step:hover { border-color: rgba(96,165,250,0.4); }
-
-    /* ── Search input (Library) ── */
     .sf-search {
       padding: 9px 12px 9px 38px;
       border: 1px solid #E2E8F0;
@@ -2243,7 +2204,8 @@ <h3 class="font-semibold text-sm text-slate-700 dark:text-slate-200">Tạo hình
       </template>
 
       <!-- ═══ LIBRARY PAGE (combined with Reader) ═══ -->
-      <div x-show="$store.app.page === 'library'" x-cloak class="page-enter" x-data="libraryPage()">
+      <template x-if="$store.app.page === 'library'">
+      <div class="page-enter" x-data="libraryPage()">
         <div class="max-w-3xl mx-auto space-y-4">
 
           <!-- ══ LIST VIEW ══ -->
@@ -2844,12 +2806,14 @@ <h3 class="text-xl font-bold text-slate-800 mb-2" x-text="'Chương ' + (current
 
         </div>
       </div>
+      </template>
 
       <!-- ═══ READER PAGE (redirects to library) ═══ -->
       <div x-show="$store.app.page === 'reader'" x-cloak x-init="$store.app.navigate('library')"></div>
 
       <!-- ═══ EXPORT PAGE ═══ -->
-      <div x-show="$store.app.page === 'export'" x-cloak class="page-enter" x-data="exportPage()">
+      <template x-if="$store.app.page === 'export'">
+      <div class="page-enter" x-data="exportPage()">
         <div class="max-w-3xl mx-auto space-y-4">
           <!-- Loading state -->
           <div x-show="loading" class="flex items-center justify-center py-12">
@@ -3006,6 +2970,7 @@ <h3 class="font-semibold text-sm text-slate-700 dark:text-slate-200">Chọn đ
           </template>
         </div>
       </div>
+      </template>
 
       <!-- ═══ ANALYTICS PAGE ═══ -->
       <template x-if="$store.app.page === 'analytics'">
@@ -3540,7 +3505,8 @@ <h3 class="font-semibold text-sm text-slate-700 dark:text-slate-200">Chọn ngu
 
 
       <!-- ═══ PROVIDERS PAGE (live LLM health) ═══ -->
-      <div x-show="$store.app.page === 'providers'" x-cloak class="page-enter" x-data="providersPage()" x-init="init()">
+      <template x-if="$store.app.page === 'providers'">
+      <div class="page-enter" x-data="providersPage()" x-init="init()">
         <div class="max-w-5xl mx-auto space-y-4">
           <div class="sf-page-hero">
             <div class="flex items-start justify-between gap-3">
@@ -3639,9 +3605,11 @@ <h3 class="font-semibold text-sm text-slate-700 mb-2">Rate-limited model + key c
           </template>
         </div>
       </div>
+      </template>
 
       <!-- ═══ GUIDE PAGE ═══ -->
-      <div x-show="$store.app.page === 'guide'" x-cloak class="page-enter">
+      <template x-if="$store.app.page === 'guide'">
+      <div class="page-enter">
         <div class="max-w-3xl mx-auto space-y-4">
           <!-- Hero header -->
           <div class="sf-page-hero">
@@ -3754,24 +3722,14 @@ <h3 class="font-semibold text-sm text-slate-700 dark:text-slate-200">API tương
           </div>
         </div>
       </div>
+      </template>
 
     </div>
   </main>
 
-  <!-- ═══ JS ═══ -->
-  <script src="/static/js/storage-manager.js"></script>
-  <script src="/static/js/api-client.js"></script>
-  <script src="/static/js/pages/library.js"></script>
-  <script src="/static/js/pages/export.js"></script>
-  <script src="/static/js/pages/analytics.js"></script>
-  <script src="/static/js/pages/branching.js"></script>
-  <script src="/static/js/pages/pipeline.js"></script>
-  <script src="/static/js/pages/providers.js"></script>
-  <script src="/static/js/pages/settings.js"></script>
-  <script src="/static/js/branch-reader.js"></script>
-  <script src="/static/js/tree-visualizer.js"></script>
-  <script src="/static/js/i18n.js"></script>
-  <script src="/static/js/app.js"></script>
+  <!-- ═══ JS ═══ Single bundled runtime (perf/forge-shell P2: 13 reqs → 1). -->
+  <!-- Rebuild via: npm run build:bundle  (concat + minify of web/js/{*,pages/*}.js) -->
+  <script defer src="/static/dist/js/runtime-bundle.min.js"></script>
   <script>
     /* Heroicons SVG helper — returns inline SVG for nav icons */
     function getNavIcon(name) {
diff --git a/web/js/__tests__/feature-flags.test.ts b/web/js/__tests__/feature-flags.test.ts
index ed7eef67..015cf857 100644
--- a/web/js/__tests__/feature-flags.test.ts
+++ b/web/js/__tests__/feature-flags.test.ts
@@ -2,9 +2,8 @@
  * Tests for feature-flags.ts
  *
  * Covers:
- *   - Default: returns false when no flags set
- *   - localStorage override: returns true when sf_forge_ui === '1'
- *   - localStorage override: returns false when sf_forge_ui === '0'
+ *   - Default: returns true when no flags set (flag shipped in sprint perf/forge-shell)
+ *   - localStorage override: '1' enables, '0' opts out, anything else falls through
  *   - window global takes priority over localStorage
  *   - setForgeUiOverride: sets, clears localStorage key
  */
@@ -22,8 +21,8 @@ describe('isForgeUiEnabled', () => {
     }
   });
 
-  it('returns false by default (no localStorage, no window flag)', () => {
-    expect(isForgeUiEnabled()).toBe(false);
+  it('returns true by default (no localStorage, no window flag)', () => {
+    expect(isForgeUiEnabled()).toBe(true);
   });
 
   it('returns true when localStorage sf_forge_ui === "1"', () => {
@@ -31,14 +30,14 @@ describe('isForgeUiEnabled', () => {
     expect(isForgeUiEnabled()).toBe(true);
   });
 
-  it('returns false when localStorage sf_forge_ui === "0"', () => {
+  it('returns false when localStorage sf_forge_ui === "0" (explicit opt-out)', () => {
     localStorage.setItem('sf_forge_ui', '0');
     expect(isForgeUiEnabled()).toBe(false);
   });
 
-  it('returns false when localStorage sf_forge_ui is an unrecognized value', () => {
-    localStorage.setItem('sf_forge_ui', 'true'); // not '1'
-    expect(isForgeUiEnabled()).toBe(false);
+  it('returns true (default) when localStorage sf_forge_ui is an unrecognized value', () => {
+    localStorage.setItem('sf_forge_ui', 'true'); // not '1' or '0'
+    expect(isForgeUiEnabled()).toBe(true);
   });
 
   it('window.__STORYFORGE_FLAGS__.forgeUi = true takes priority over localStorage = "0"', () => {
@@ -78,9 +77,9 @@ describe('setForgeUiOverride', () => {
     expect(localStorage.getItem('sf_forge_ui')).toBeNull();
   });
 
-  it('after setForgeUiOverride(null), isForgeUiEnabled() falls back to false', () => {
-    localStorage.setItem('sf_forge_ui', '1');
+  it('after setForgeUiOverride(null), isForgeUiEnabled() falls back to default true', () => {
+    localStorage.setItem('sf_forge_ui', '0');
     setForgeUiOverride(null);
-    expect(isForgeUiEnabled()).toBe(false);
+    expect(isForgeUiEnabled()).toBe(true);
   });
 });
diff --git a/web/js/feature-flags.ts b/web/js/feature-flags.ts
index 04bb5a78..b2c6c52f 100644
--- a/web/js/feature-flags.ts
+++ b/web/js/feature-flags.ts
@@ -3,11 +3,12 @@
  *
  * Resolution order (highest priority first):
  *   1. window.__STORYFORGE_FLAGS__.forgeUi  (server/build-time injection)
- *   2. localStorage 'sf_forge_ui' === '1'   (user override)
- *   3. false                                 (default — flag is OFF by default)
+ *   2. localStorage 'sf_forge_ui' === '1' / '0' (explicit user override)
+ *   3. true                                  (default — Forge UI shipped sprint perf/forge-shell)
  *
- * Per CLAUDE.md rule 8: new flags default OFF.
  * Flag name: STORYFORGE_FORGE_UI
+ * Status: shipped on (set default True). Per CLAUDE.md §8 the flag and its
+ * dead-branch checks are scheduled for removal next sprint.
  */
 
 declare global {
@@ -24,11 +25,10 @@ declare global {
  *
  * Resolution order:
  *   1. window.__STORYFORGE_FLAGS__.forgeUi (server-injected)
- *   2. localStorage 'sf_forge_ui' === '1'
- *   3. false (default)
+ *   2. localStorage 'sf_forge_ui' — '1' enables, '0' opts out, anything else falls through
+ *   3. true (default — shipped sprint perf/forge-shell)
  */
 export function isForgeUiEnabled(): boolean {
-  // 1. Window global (highest priority — server/build injection)
   if (
     typeof window !== 'undefined' &&
     window.__STORYFORGE_FLAGS__ !== undefined &&
@@ -37,17 +37,17 @@ export function isForgeUiEnabled(): boolean {
     return window.__STORYFORGE_FLAGS__.forgeUi;
   }
 
-  // 2. localStorage user override
   try {
     if (typeof localStorage !== 'undefined') {
-      return localStorage.getItem('sf_forge_ui') === '1';
+      const override = localStorage.getItem('sf_forge_ui');
+      if (override === '1') return true;
+      if (override === '0') return false;
     }
   } catch (_) {
     // localStorage may be unavailable (e.g. private browsing, SSR)
   }
 
-  // 3. Default: OFF
-  return false;
+  return true;
 }
 
 /**
diff --git a/web/vendor/alpine/alpine.min.js b/web/vendor/alpine/alpine.min.js
new file mode 100644
index 00000000..ab371ef4
--- /dev/null
+++ b/web/vendor/alpine/alpine.min.js
@@ -0,0 +1,5 @@
+(()=>{var ee=!1,re=!1,W=[],ne=-1,ie=!1;function Ve(t){Dn(t)}function Ue(){ie=!0}function qe(){ie=!1,We()}function Dn(t){W.includes(t)||W.push(t),We()}function Ke(t){let e=W.indexOf(t);e!==-1&&e>ne&&W.splice(e,1)}function We(){if(!re&&!ee){if(ie)return;ee=!0,queueMicrotask(In)}}function In(){ee=!1,re=!0;for(let t=0;t<W.length;t++)W[t](),ne=t;W.length=0,ne=-1,re=!1}var C,R,j,se,oe=!0;function Ge(t){oe=!1,t(),oe=!0}function Je(t){C=t.reactive,j=t.release,R=e=>t.effect(e,{scheduler:r=>{oe?Ve(r):r()}}),se=t.raw}function ae(t){R=t}function Ye(t){let e=()=>{};return[n=>{let i=R(n);return t._x_effects||(t._x_effects=new Set,t._x_runEffects=()=>{t._x_effects.forEach(o=>o())}),t._x_effects.add(i),e=()=>{i!==void 0&&(t._x_effects.delete(i),j(i))},i},()=>{e()}]}function St(t,e){let r=!0,n,i,o=R(()=>{let s=t(),a=JSON.stringify(s);if(!r&&(typeof s=="object"||s!==n)){let c=typeof n=="object"?JSON.parse(i):n;queueMicrotask(()=>{e(s,c)})}n=s,i=a,r=!1});return()=>j(o)}async function Xe(t){Ue();try{await t(),await Promise.resolve()}finally{qe()}}var Ze=[],Qe=[],tr=[];function er(t){tr.push(t)}function et(t,e){typeof e=="function"?(t._x_cleanups||(t._x_cleanups=[]),t._x_cleanups.push(e)):(e=t,Qe.push(e))}function At(t){Ze.push(t)}function Ot(t,e,r){t._x_attributeCleanups||(t._x_attributeCleanups={}),t._x_attributeCleanups[e]||(t._x_attributeCleanups[e]=[]),t._x_attributeCleanups[e].push(r)}function ce(t,e){t._x_attributeCleanups&&Object.entries(t._x_attributeCleanups).forEach(([r,n])=>{(e===void 0||e.includes(r))&&(n.forEach(i=>i()),delete t._x_attributeCleanups[r])})}function rr(t){for(t._x_effects?.forEach(Ke);t._x_cleanups?.length;)t._x_cleanups.pop()()}var le=new MutationObserver(pe),ue=!1;function ut(){le.observe(document,{subtree:!0,childList:!0,attributes:!0,attributeOldValue:!0}),ue=!0}function fe(){kn(),le.disconnect(),ue=!1}var lt=[];function kn(){let t=le.takeRecords();lt.push(()=>t.length>0&&pe(t));let e=lt.length;queueMicrotask(()=>{if(lt.length===e)for(;lt.length>0;)lt.shift()()})}function m(t){if(!ue)return t();fe();let e=t();return ut(),e}var de=!1,vt=[];function nr(){de=!0}function ir(){de=!1,pe(vt),vt=[]}function pe(t){if(de){vt=vt.concat(t);return}let e=[],r=new Set,n=new Map,i=new Map;for(let o=0;o<t.length;o++)if(!t[o].target._x_ignoreMutationObserver&&(t[o].type==="childList"&&(t[o].removedNodes.forEach(s=>{s.nodeType===1&&s._x_marker&&r.add(s)}),t[o].addedNodes.forEach(s=>{if(s.nodeType===1){if(r.has(s)){r.delete(s);return}s._x_marker||e.push(s)}})),t[o].type==="attributes")){let s=t[o].target,a=t[o].attributeName,c=t[o].oldValue,l=()=>{n.has(s)||n.set(s,[]),n.get(s).push({name:a,value:s.getAttribute(a)})},u=()=>{i.has(s)||i.set(s,[]),i.get(s).push(a)};s.hasAttribute(a)&&c===null?l():s.hasAttribute(a)?(u(),l()):u()}i.forEach((o,s)=>{ce(s,o)}),n.forEach((o,s)=>{Ze.forEach(a=>a(s,o))});for(let o of r)e.some(s=>s.contains(o))||Qe.forEach(s=>s(o));for(let o of e)o.isConnected&&tr.forEach(s=>s(o));e=null,r=null,n=null,i=null}function Ct(t){return P(F(t))}function N(t,e,r){return t._x_dataStack=[e,...F(r||t)],()=>{t._x_dataStack=t._x_dataStack.filter(n=>n!==e)}}function F(t){return t._x_dataStack?t._x_dataStack:typeof ShadowRoot=="function"&&t instanceof ShadowRoot?F(t.host):t.parentNode?F(t.parentNode):[]}function P(t){return new Proxy({objects:t},$n)}function or(t,e){return t===null||t===Object.prototype?null:Object.prototype.hasOwnProperty.call(t,e)?t:or(Object.getPrototypeOf(t),e)}var $n={ownKeys({objects:t}){return Array.from(new Set(t.flatMap(e=>Object.keys(e))))},has({objects:t},e){return e==Symbol.unscopables?!1:t.some(r=>Object.prototype.hasOwnProperty.call(r,e)||Reflect.has(r,e))},get({objects:t},e,r){return e=="toJSON"?Ln:Reflect.get(t.find(n=>Reflect.has(n,e))||{},e,r)},set({objects:t},e,r,n){let i;for(let s of t)if(i=or(s,e),i)break;i||(i=t[t.length-1]);let o=Object.getOwnPropertyDescriptor(i,e);return o?.set&&o?.get?o.set.call(n,r)||!0:Reflect.set(i,e,r)}};function Ln(){return Reflect.ownKeys(this).reduce((e,r)=>(e[r]=Reflect.get(this,r),e),{})}function rt(t){let e=n=>typeof n=="object"&&!Array.isArray(n)&&n!==null,r=(n,i="")=>{Object.entries(Object.getOwnPropertyDescriptors(n)).forEach(([o,{value:s,enumerable:a}])=>{if(a===!1||s===void 0||typeof s=="object"&&s!==null&&s.__v_skip)return;let c=i===""?o:`${i}.${o}`;typeof s=="object"&&s!==null&&s._x_interceptor?n[o]=s.initialize(t,c,o):e(s)&&s!==n&&!(s instanceof Element)&&r(s,c)})};return r(t)}function Tt(t,e=()=>{}){let r={initialValue:void 0,_x_interceptor:!0,initialize(n,i,o){return t(this.initialValue,()=>jn(n,i),s=>me(n,i,s),i,o)}};return e(r),n=>{if(typeof n=="object"&&n!==null&&n._x_interceptor){let i=r.initialize.bind(r);r.initialize=(o,s,a)=>{let c=n.initialize(o,s,a);return r.initialValue=c,i(o,s,a)}}else r.initialValue=n;return r}}function jn(t,e){return e.split(".").reduce((r,n)=>r[n],t)}function me(t,e,r){if(typeof e=="string"&&(e=e.split(".")),e.length===1)t[e[0]]=r;else{if(e.length===0)throw error;return t[e[0]]||(t[e[0]]={}),me(t[e[0]],e.slice(1),r)}}var sr={};function x(t,e){sr[t]=e}function H(t,e){let r=Fn(e);return Object.entries(sr).forEach(([n,i])=>{Object.defineProperty(t,`$${n}`,{get(){return i(e,r)},enumerable:!1})}),t}function Fn(t){let[e,r]=he(t),n={interceptor:Tt,...e};return et(t,r),n}function ar(t,e,r,...n){try{return r(...n)}catch(i){nt(i,t,e)}}function nt(...t){return cr(...t)}var cr=Bn;function lr(t){cr=t}function Bn(t,e,r=void 0){t=Object.assign(t??{message:"No error message given."},{el:e,expression:r}),console.warn(`Alpine Expression Error: ${t.message}
+
+${r?'Expression: "'+r+`"
+
+`:""}`,e),setTimeout(()=>{throw t},0)}var it=!0;function Mt(t){let e=it;it=!1;let r=t();return it=e,r}function T(t,e,r={}){let n;return _(t,e)(i=>n=i,r),n}function _(...t){return ur(...t)}var ur=()=>{};function fr(t){ur=t}var dr;function pr(t){dr=t}function mr(t,e){let r={};H(r,t);let n=[r,...F(t)],i=typeof e=="function"?zn(n,e):Vn(n,e,t);return ar.bind(null,t,e,i)}function zn(t,e){return(r=()=>{},{scope:n={},params:i=[],context:o}={})=>{if(!it){ft(r,e,P([n,...t]),i);return}let s=e.apply(P([n,...t]),i);ft(r,s)}}var _e={};function Hn(t,e){if(_e[t])return _e[t];let r=Object.getPrototypeOf(async function(){}).constructor,n=/^[\n\s]*if.*\(.*\)/.test(t.trim())||/^(let|const)\s/.test(t.trim())?`(async()=>{ ${t} })()`:t,o=(()=>{try{let s=new r(["__self","scope"],`with (scope) { __self.result = ${n} }; __self.finished = true; return __self.result;`);return Object.defineProperty(s,"name",{value:`[Alpine] ${t}`}),s}catch(s){return nt(s,e,t),Promise.resolve()}})();return _e[t]=o,o}function Vn(t,e,r){let n=Hn(e,r);return(i=()=>{},{scope:o={},params:s=[],context:a}={})=>{n.result=void 0,n.finished=!1;let c=P([o,...t]);if(typeof n=="function"){let l=n.call(a,n,c).catch(u=>nt(u,r,e));n.finished?(ft(i,n.result,c,s,r),n.result=void 0):l.then(u=>{ft(i,u,c,s,r)}).catch(u=>nt(u,r,e)).finally(()=>n.result=void 0)}}}function ft(t,e,r,n,i){if(it&&typeof e=="function"){let o=e.apply(r,n);o instanceof Promise?o.then(s=>ft(t,s,r,n)).catch(s=>nt(s,i,e)):t(o)}else typeof e=="object"&&e instanceof Promise?e.then(o=>t(o)):t(e)}function hr(...t){return dr(...t)}function _r(t,e,r={}){let n={};H(n,t);let i=[n,...F(t)],o=P([r.scope??{},...i]),s=r.params??[];if(e.includes("await")){let a=Object.getPrototypeOf(async function(){}).constructor,c=/^[\n\s]*if.*\(.*\)/.test(e.trim())||/^(let|const)\s/.test(e.trim())?`(async()=>{ ${e} })()`:e;return new a(["scope"],`with (scope) { let __result = ${c}; return __result }`).call(r.context,o)}else{let a=/^[\n\s]*if.*\(.*\)/.test(e.trim())||/^(let|const)\s/.test(e.trim())?`(()=>{ ${e} })()`:e,l=new Function(["scope"],`with (scope) { let __result = ${a}; return __result }`).call(r.context,o);return typeof l=="function"&&it?l.apply(o,s):l}}var ye="x-";function O(t=""){return ye+t}function gr(t){ye=t}var Rt={};function p(t,e){return Rt[t]=e,{before(r){if(!Rt[r]){console.warn(String.raw`Cannot find directive \`${r}\`. \`${t}\` will use the default order of execution`);return}let n=G.indexOf(r);G.splice(n>=0?n:G.indexOf("DEFAULT"),0,t)}}}function xr(t){return Object.keys(Rt).includes(t)}function pt(t,e,r){if(e=Array.from(e),t._x_virtualDirectives){let o=Object.entries(t._x_virtualDirectives).map(([a,c])=>({name:a,value:c})),s=be(o);o=o.map(a=>s.find(c=>c.name===a.name)?{name:`x-bind:${a.name}`,value:`"${a.value}"`}:a),e=e.concat(o)}let n={};return e.map(wr((o,s)=>n[o]=s)).filter(Sr).map(qn(n,r)).sort(Kn).map(o=>Un(t,o))}function be(t){return Array.from(t).map(wr()).filter(e=>!Sr(e))}var ge=!1,dt=new Map,yr=Symbol();function br(t){ge=!0;let e=Symbol();yr=e,dt.set(e,[]);let r=()=>{for(;dt.get(e).length;)dt.get(e).shift()();dt.delete(e)},n=()=>{ge=!1,r()};t(r),n()}function he(t){let e=[],r=a=>e.push(a),[n,i]=Ye(t);return e.push(i),[{Alpine:B,effect:n,cleanup:r,evaluateLater:_.bind(_,t),evaluate:T.bind(T,t)},()=>e.forEach(a=>a())]}function Un(t,e){let r=()=>{},n=Rt[e.type]||r,[i,o]=he(t);Ot(t,e.original,o);let s=()=>{t._x_ignore||t._x_ignoreSelf||(n.inline&&n.inline(t,e,i),n=n.bind(n,t,e,i),ge?dt.get(yr).push(n):n())};return s.runCleanups=o,s}var Nt=(t,e)=>({name:r,value:n})=>(r.startsWith(t)&&(r=r.replace(t,e)),{name:r,value:n}),Pt=t=>t;function wr(t=()=>{}){return({name:e,value:r})=>{let{name:n,value:i}=Er.reduce((o,s)=>s(o),{name:e,value:r});return n!==e&&t(n,e),{name:n,value:i}}}var Er=[];function ot(t){Er.push(t)}function Sr({name:t}){return vr().test(t)}var vr=()=>new RegExp(`^${ye}([^:^.]+)\\b`);function qn(t,e){return({name:r,value:n})=>{r===n&&(n="");let i=r.match(vr()),o=r.match(/:([a-zA-Z0-9\-_:]+)/),s=r.match(/\.[^.\]]+(?=[^\]]*$)/g)||[],a=e||t[r]||r;return{type:i?i[1]:null,value:o?o[1]:null,modifiers:s.map(c=>c.replace(".","")),expression:n,original:a}}}var xe="DEFAULT",G=["ignore","ref","id","data","anchor","bind","init","for","model","modelable","transition","show","if",xe,"teleport"];function Kn(t,e){let r=G.indexOf(t.type)===-1?xe:t.type,n=G.indexOf(e.type)===-1?xe:e.type;return G.indexOf(r)-G.indexOf(n)}function J(t,e,r={},n={}){return t.dispatchEvent(new CustomEvent(e,{detail:r,bubbles:!0,composed:!0,cancelable:!0,...n}))}function D(t,e){if(typeof ShadowRoot=="function"&&t instanceof ShadowRoot){Array.from(t.children).forEach(i=>D(i,e));return}let r=!1;if(e(t,()=>r=!0),r)return;let n=t.firstElementChild;for(;n;)D(n,e,!1),n=n.nextElementSibling}function E(t,...e){console.warn(`Alpine Warning: ${t}`,...e)}var Ar=!1;function Or(){Ar&&E("Alpine has already been initialized on this page. Calling Alpine.start() more than once can cause problems."),Ar=!0,document.body||E("Unable to initialize. Trying to load Alpine before `<body>` is available. Did you forget to add `defer` in Alpine's `<script>` tag?"),J(document,"alpine:init"),J(document,"alpine:initializing"),ut(),er(e=>S(e,D)),et(e=>I(e)),At((e,r)=>{pt(e,r).forEach(n=>n())});let t=e=>!Y(e.parentElement,!0);Array.from(document.querySelectorAll(Mr().join(","))).filter(t).forEach(e=>{S(e)}),J(document,"alpine:initialized"),setTimeout(()=>{Gn()})}var we=[],Cr=[];function Tr(){return we.map(t=>t())}function Mr(){return we.concat(Cr).map(t=>t())}function Dt(t){we.push(t)}function It(t){Cr.push(t)}function Y(t,e=!1){return A(t,r=>{if((e?Mr():Tr()).some(i=>r.matches(i)))return!0})}function A(t,e){if(t){if(e(t))return t;if(t._x_teleportBack)return A(t._x_teleportBack,e);if(t.parentNode instanceof ShadowRoot)return A(t.parentNode.host,e);if(t.parentElement)return A(t.parentElement,e)}}function Rr(t){return Tr().some(e=>t.matches(e))}var Nr=[];function Pr(t){Nr.push(t)}var Wn=1;function S(t,e=D,r=()=>{}){A(t,n=>n._x_ignore)||br(()=>{e(t,(n,i)=>{n._x_marker||(r(n,i),Nr.forEach(o=>o(n,i)),pt(n,n.attributes).forEach(o=>o()),n._x_ignore||(n._x_marker=Wn++),n._x_ignore&&i())})})}function I(t,e=D){e(t,r=>{rr(r),ce(r),delete r._x_marker})}function Gn(){[["ui","dialog",["[x-dialog], [x-popover]"]],["anchor","anchor",["[x-anchor]"]],["sort","sort",["[x-sort]"]]].forEach(([e,r,n])=>{xr(r)||n.some(i=>{if(document.querySelector(i))return E(`found "${i}", but missing ${e} plugin`),!0})})}var Ee=[],Se=!1;function st(t=()=>{}){return queueMicrotask(()=>{Se||setTimeout(()=>{kt()})}),new Promise(e=>{Ee.push(()=>{t(),e()})})}function kt(){for(Se=!1;Ee.length;)Ee.shift()()}function Dr(){Se=!0}function mt(t,e){return Array.isArray(e)?Ir(t,e.join(" ")):typeof e=="object"&&e!==null?Jn(t,e):typeof e=="function"?mt(t,e()):Ir(t,e)}function ve(t){return t.split(/\s/).filter(Boolean)}function Ir(t,e){let r=i=>ve(i).filter(o=>!t.classList.contains(o)).filter(Boolean),n=i=>(t.classList.add(...i),()=>{t.classList.remove(...i)});return e=e===!0?e="":e||"",n(r(e))}function Jn(t,e){let r=Object.entries(e).flatMap(([s,a])=>a?ve(s):!1).filter(Boolean),n=Object.entries(e).flatMap(([s,a])=>a?!1:ve(s)).filter(Boolean),i=[],o=[];return n.forEach(s=>{t.classList.contains(s)&&(t.classList.remove(s),o.push(s))}),r.forEach(s=>{t.classList.contains(s)||(t.classList.add(s),i.push(s))}),()=>{o.forEach(s=>t.classList.add(s)),i.forEach(s=>t.classList.remove(s))}}function X(t,e){return typeof e=="object"&&e!==null?Yn(t,e):Xn(t,e)}function Yn(t,e){let r={};return Object.entries(e).forEach(([n,i])=>{r[n]=t.style[n],n.startsWith("--")||(n=Zn(n)),t.style.setProperty(n,i)}),setTimeout(()=>{t.style.length===0&&t.removeAttribute("style")}),()=>{X(t,r)}}function Xn(t,e){let r=t.getAttribute("style",e);return t.setAttribute("style",e),()=>{t.setAttribute("style",r||"")}}function Zn(t){return t.replace(/([a-z])([A-Z])/g,"$1-$2").toLowerCase()}function ht(t,e=()=>{}){let r=!1;return function(){r?e.apply(this,arguments):(r=!0,t.apply(this,arguments))}}p("transition",(t,{value:e,modifiers:r,expression:n},{evaluate:i})=>{typeof n=="function"&&(n=i(n)),n!==!1&&(!n||typeof n=="boolean"?ti(t,r,e):Qn(t,n,e))});function Qn(t,e,r){kr(t,mt,""),{enter:i=>{t._x_transition.enter.during=i},"enter-start":i=>{t._x_transition.enter.start=i},"enter-end":i=>{t._x_transition.enter.end=i},leave:i=>{t._x_transition.leave.during=i},"leave-start":i=>{t._x_transition.leave.start=i},"leave-end":i=>{t._x_transition.leave.end=i}}[r](e)}function ti(t,e,r){kr(t,X);let n=!e.includes("in")&&!e.includes("out")&&!r,i=n||e.includes("in")||["enter"].includes(r),o=n||e.includes("out")||["leave"].includes(r);e.includes("in")&&!n&&(e=e.filter((w,tt)=>tt<e.indexOf("out"))),e.includes("out")&&!n&&(e=e.filter((w,tt)=>tt>e.indexOf("out")));let s=!e.includes("opacity")&&!e.includes("scale"),a=s||e.includes("opacity"),c=s||e.includes("scale"),l=a?0:1,u=c?_t(e,"scale",95)/100:1,f=_t(e,"delay",0)/1e3,b=_t(e,"origin","center"),g="opacity, transform",L=_t(e,"duration",150)/1e3,d=_t(e,"duration",75)/1e3,y="cubic-bezier(0.4, 0.0, 0.2, 1)";i&&(t._x_transition.enter.during={transformOrigin:b,transitionDelay:`${f}s`,transitionProperty:g,transitionDuration:`${L}s`,transitionTimingFunction:y},t._x_transition.enter.start={opacity:l,transform:`scale(${u})`},t._x_transition.enter.end={opacity:1,transform:"scale(1)"}),o&&(t._x_transition.leave.during={transformOrigin:b,transitionDelay:`${f}s`,transitionProperty:g,transitionDuration:`${d}s`,transitionTimingFunction:y},t._x_transition.leave.start={opacity:1,transform:"scale(1)"},t._x_transition.leave.end={opacity:l,transform:`scale(${u})`})}function kr(t,e,r={}){t._x_transition||(t._x_transition={enter:{during:r,start:r,end:r},leave:{during:r,start:r,end:r},in(n=()=>{},i=()=>{}){$t(t,e,{during:this.enter.during,start:this.enter.start,end:this.enter.end},n,i)},out(n=()=>{},i=()=>{}){$t(t,e,{during:this.leave.during,start:this.leave.start,end:this.leave.end},n,i)}})}window.Element.prototype._x_toggleAndCascadeWithTransitions=function(t,e,r,n){let i=document.visibilityState==="visible"?requestAnimationFrame:setTimeout,o=()=>i(r);if(e){t._x_transition&&(t._x_transition.enter||t._x_transition.leave)?t._x_transition.enter&&(Object.entries(t._x_transition.enter.during).length||Object.entries(t._x_transition.enter.start).length||Object.entries(t._x_transition.enter.end).length)?t._x_transition.in(r):o():t._x_transition?t._x_transition.in(r):o();return}t._x_hidePromise=t._x_transition?new Promise((s,a)=>{t._x_transition.out(()=>{},()=>s(n)),t._x_transitioning&&t._x_transitioning.beforeCancel(()=>a({isFromCancelledTransition:!0}))}):Promise.resolve(n),queueMicrotask(()=>{let s=$r(t);s?(s._x_hideChildren||(s._x_hideChildren=[]),s._x_hideChildren.push(t)):i(()=>{let a=c=>{let l=Promise.all([c._x_hidePromise,...(c._x_hideChildren||[]).map(a)]).then(([u])=>u?.());return delete c._x_hidePromise,delete c._x_hideChildren,l};a(t).catch(c=>{if(!c.isFromCancelledTransition)throw c})})})};function $r(t){let e=t.parentNode;if(e)return e._x_hidePromise?e:$r(e)}function $t(t,e,{during:r,start:n,end:i}={},o=()=>{},s=()=>{}){if(t._x_transitioning&&t._x_transitioning.cancel(),Object.keys(r).length===0&&Object.keys(n).length===0&&Object.keys(i).length===0){o(),s();return}let a,c,l;ei(t,{start(){a=e(t,n)},during(){c=e(t,r)},before:o,end(){a(),l=e(t,i)},after:s,cleanup(){c(),l()}})}function ei(t,e){let r,n,i,o=ht(()=>{m(()=>{r=!0,n||e.before(),i||(e.end(),kt()),e.after(),t.isConnected&&e.cleanup(),delete t._x_transitioning})});t._x_transitioning={beforeCancels:[],beforeCancel(s){this.beforeCancels.push(s)},cancel:ht(function(){for(;this.beforeCancels.length;)this.beforeCancels.shift()();o()}),finish:o},m(()=>{e.start(),e.during()}),Dr(),requestAnimationFrame(()=>{if(r)return;let s=Number(getComputedStyle(t).transitionDuration.replace(/,.*/,"").replace("s",""))*1e3,a=Number(getComputedStyle(t).transitionDelay.replace(/,.*/,"").replace("s",""))*1e3;s===0&&(s=Number(getComputedStyle(t).animationDuration.replace("s",""))*1e3),m(()=>{e.before()}),n=!0,requestAnimationFrame(()=>{r||(m(()=>{e.end()}),kt(),setTimeout(t._x_transitioning.finish,s+a),i=!0)})})}function _t(t,e,r){if(t.indexOf(e)===-1)return r;let n=t[t.indexOf(e)+1];if(!n||e==="scale"&&isNaN(n))return r;if(e==="duration"||e==="delay"){let i=n.match(/([0-9]+)ms/);if(i)return i[1]}return e==="origin"&&["top","right","left","center","bottom"].includes(t[t.indexOf(e)+2])?[n,t[t.indexOf(e)+2]].join(" "):n}var k=!1;function v(t,e=()=>{}){return(...r)=>k?e(...r):t(...r)}function Lr(t){return(...e)=>k&&t(...e)}var jr=[];function V(t){jr.push(t)}function Fr(t,e){jr.forEach(r=>r(t,e)),k=!0,zr(()=>{S(e,(r,n)=>{n(r,()=>{})})}),k=!1}var Lt=!1;function Br(t,e){e._x_dataStack||(e._x_dataStack=t._x_dataStack),k=!0,Lt=!0,zr(()=>{ri(e)}),k=!1,Lt=!1}function ri(t){let e=!1;S(t,(n,i)=>{D(n,(o,s)=>{if(e&&Rr(o))return s();e=!0,i(o,s)})})}function zr(t){let e=R;ae((r,n)=>{let i=e(r);return j(i),()=>{}}),t(),ae(e)}function gt(t,e,r,n=[]){switch(t._x_bindings||(t._x_bindings=C({})),t._x_bindings[e]=r,e=n.includes("camel")?ui(e):e,e){case"value":ni(t,r);break;case"style":oi(t,r);break;case"class":ii(t,r);break;case"selected":case"checked":si(t,e,r);break;default:Hr(t,e,r);break}}function ni(t,e){if(jt(t))t.attributes.value===void 0&&(t.value=e);else if(yt(t))Number.isInteger(e)?t.value=e:!Array.isArray(e)&&typeof e!="boolean"&&![null,void 0].includes(e)?t.value=String(e):Array.isArray(e)?t.checked=e.some(r=>fi(r,t.value)):t.checked=!!e;else if(t.tagName==="SELECT")li(t,e);else{if(t.value===e)return;t.value=e===void 0?"":e}}function ii(t,e){t._x_undoAddedClasses&&t._x_undoAddedClasses(),t._x_undoAddedClasses=mt(t,e)}function oi(t,e){t._x_undoAddedStyles&&t._x_undoAddedStyles(),t._x_undoAddedStyles=X(t,e)}function si(t,e,r){Hr(t,e,r),ci(t,e,r)}function Hr(t,e,r){[null,void 0,!1].includes(r)&&pi(e)?t.removeAttribute(e):(Vr(e)&&(r=e),ai(t,e,r))}function ai(t,e,r){t.getAttribute(e)!=r&&t.setAttribute(e,r)}function ci(t,e,r){t[e]!==r&&(t[e]=r)}function li(t,e){let r=[].concat(e).map(n=>n+"");Array.from(t.options).forEach(n=>{n.selected=r.includes(n.value)})}function ui(t){return t.toLowerCase().replace(/-(\w)/g,(e,r)=>r.toUpperCase())}function fi(t,e){return t==e}function xt(t){return[1,"1","true","on","yes",!0].includes(t)?!0:[0,"0","false","off","no",!1].includes(t)?!1:t?Boolean(t):null}var di=new Set(["allowfullscreen","async","autofocus","autoplay","checked","controls","default","defer","disabled","formnovalidate","inert","ismap","itemscope","loop","multiple","muted","nomodule","novalidate","open","playsinline","readonly","required","reversed","selected","shadowrootclonable","shadowrootdelegatesfocus","shadowrootserializable"]);function Vr(t){return di.has(t)}function pi(t){return!["aria-pressed","aria-checked","aria-expanded","aria-selected"].includes(t)}function Ur(t,e,r){return t._x_bindings&&t._x_bindings[e]!==void 0?t._x_bindings[e]:Kr(t,e,r)}function qr(t,e,r,n=!0){if(t._x_bindings&&t._x_bindings[e]!==void 0)return t._x_bindings[e];if(t._x_inlineBindings&&t._x_inlineBindings[e]!==void 0){let i=t._x_inlineBindings[e];return i.extract=n,Mt(()=>T(t,i.expression))}return Kr(t,e,r)}function Kr(t,e,r){let n=t.getAttribute(e);return n===null?typeof r=="function"?r():r:n===""?!0:Vr(e)?!![e,"true"].includes(n):n}function yt(t){return t.type==="checkbox"||t.localName==="ui-checkbox"||t.localName==="ui-switch"}function jt(t){return t.type==="radio"||t.localName==="ui-radio"}function Ft(t,e){let r;return function(){let n=this,i=arguments,o=function(){r=null,t.apply(n,i)};clearTimeout(r),r=setTimeout(o,e)}}function Bt(t,e){let r;return function(){let n=this,i=arguments;r||(t.apply(n,i),r=!0,setTimeout(()=>r=!1,e))}}function zt({get:t,set:e},{get:r,set:n}){let i=!0,o,s,a=R(()=>{let c=t(),l=r();if(i)n(Ae(c)),i=!1;else{let u=JSON.stringify(c),f=JSON.stringify(l);u!==o?n(Ae(c)):u!==f&&e(Ae(l))}o=JSON.stringify(t()),s=JSON.stringify(r())});return()=>{j(a)}}function Ae(t){return typeof t=="object"?JSON.parse(JSON.stringify(t)):t}function Wr(t){(Array.isArray(t)?t:[t]).forEach(r=>r(B))}var Z={},Gr=!1;function Jr(t,e){if(Gr||(Z=C(Z),Gr=!0),e===void 0)return Z[t];Z[t]=e,rt(Z[t]),typeof e=="object"&&e!==null&&e.hasOwnProperty("init")&&typeof e.init=="function"&&Z[t].init()}function Yr(){return Z}var Xr={};function Zr(t,e){let r=typeof e!="function"?()=>e:e;return t instanceof Element?Oe(t,r()):(Xr[t]=r,()=>{})}function Qr(t){return Object.entries(Xr).forEach(([e,r])=>{Object.defineProperty(t,e,{get(){return(...n)=>r(...n)}})}),t}function Oe(t,e,r){let n=[];for(;n.length;)n.pop()();let i=Object.entries(e).map(([s,a])=>({name:s,value:a})),o=be(i);return i=i.map(s=>o.find(a=>a.name===s.name)?{name:`x-bind:${s.name}`,value:`"${s.value}"`}:s),pt(t,i,r).map(s=>{n.push(s.runCleanups),s()}),()=>{for(;n.length;)n.pop()()}}var tn={};function en(t,e){tn[t]=e}function rn(t,e){return Object.entries(tn).forEach(([r,n])=>{Object.defineProperty(t,r,{get(){return(...i)=>n.bind(e)(...i)},enumerable:!1})}),t}var mi={get reactive(){return C},get release(){return j},get effect(){return R},get raw(){return se},get transaction(){return Xe},version:"3.15.12",flushAndStopDeferringMutations:ir,dontAutoEvaluateFunctions:Mt,disableEffectScheduling:Ge,startObservingMutations:ut,stopObservingMutations:fe,setReactivityEngine:Je,onAttributeRemoved:Ot,onAttributesAdded:At,closestDataStack:F,skipDuringClone:v,onlyDuringClone:Lr,addRootSelector:Dt,addInitSelector:It,setErrorHandler:lr,interceptClone:V,addScopeToNode:N,deferMutations:nr,mapAttributes:ot,evaluateLater:_,interceptInit:Pr,initInterceptors:rt,injectMagics:H,setEvaluator:fr,setRawEvaluator:pr,mergeProxies:P,extractProp:qr,findClosest:A,onElRemoved:et,closestRoot:Y,destroyTree:I,interceptor:Tt,transition:$t,setStyles:X,mutateDom:m,directive:p,entangle:zt,throttle:Bt,debounce:Ft,evaluate:T,evaluateRaw:hr,initTree:S,nextTick:st,prefixed:O,prefix:gr,plugin:Wr,magic:x,store:Jr,start:Or,clone:Br,cloneNode:Fr,bound:Ur,$data:Ct,watch:St,walk:D,data:en,bind:Zr},B=mi;function Ce(t,e){let r=Object.create(null),n=t.split(",");for(let i=0;i<n.length;i++)r[n[i]]=!0;return e?i=>!!r[i.toLowerCase()]:i=>!!r[i]}var hi="itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly";var qs=Ce(hi+",async,autofocus,autoplay,controls,default,defer,disabled,hidden,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected");var nn=Object.freeze({}),Ks=Object.freeze([]);var _i=Object.prototype.hasOwnProperty,bt=(t,e)=>_i.call(t,e),U=Array.isArray,at=t=>on(t)==="[object Map]";var gi=t=>typeof t=="string",Ht=t=>typeof t=="symbol",wt=t=>t!==null&&typeof t=="object";var xi=Object.prototype.toString,on=t=>xi.call(t),Te=t=>on(t).slice(8,-1);var Vt=t=>gi(t)&&t!=="NaN"&&t[0]!=="-"&&""+parseInt(t,10)===t;var Ut=t=>{let e=Object.create(null);return r=>e[r]||(e[r]=t(r))},yi=/-(\w)/g,Ws=Ut(t=>t.replace(yi,(e,r)=>r?r.toUpperCase():"")),bi=/\B([A-Z])/g,Gs=Ut(t=>t.replace(bi,"-$1").toLowerCase()),Me=Ut(t=>t.charAt(0).toUpperCase()+t.slice(1)),Js=Ut(t=>t?`on${Me(t)}`:""),Re=(t,e)=>t!==e&&(t===t||e===e);var Ne=new WeakMap,Et=[],$,Q=Symbol("iterate"),Pe=Symbol("Map key iterate");function wi(t){return t&&t._isEffect===!0}function fn(t,e=nn){wi(t)&&(t=t.raw);let r=Si(t,e);return e.lazy||r(),r}function dn(t){t.active&&(pn(t),t.options.onStop&&t.options.onStop(),t.active=!1)}var Ei=0;function Si(t,e){let r=function(){if(!r.active)return t();if(!Et.includes(r)){pn(r);try{return Ai(),Et.push(r),$=r,t()}finally{Et.pop(),mn(),$=Et[Et.length-1]}}};return r.id=Ei++,r.allowRecurse=!!e.allowRecurse,r._isEffect=!0,r.active=!0,r.raw=t,r.deps=[],r.options=e,r}function pn(t){let{deps:e}=t;if(e.length){for(let r=0;r<e.length;r++)e[r].delete(t);e.length=0}}var ct=!0,Ie=[];function vi(){Ie.push(ct),ct=!1}function Ai(){Ie.push(ct),ct=!0}function mn(){let t=Ie.pop();ct=t===void 0?!0:t}function M(t,e,r){if(!ct||$===void 0)return;let n=Ne.get(t);n||Ne.set(t,n=new Map);let i=n.get(r);i||n.set(r,i=new Set),i.has($)||(i.add($),$.deps.push(i),$.options.onTrack&&$.options.onTrack({effect:$,target:t,type:e,key:r}))}function K(t,e,r,n,i,o){let s=Ne.get(t);if(!s)return;let a=new Set,c=u=>{u&&u.forEach(f=>{(f!==$||f.allowRecurse)&&a.add(f)})};if(e==="clear")s.forEach(c);else if(r==="length"&&U(t))s.forEach((u,f)=>{(f==="length"||f>=n)&&c(u)});else switch(r!==void 0&&c(s.get(r)),e){case"add":U(t)?Vt(r)&&c(s.get("length")):(c(s.get(Q)),at(t)&&c(s.get(Pe)));break;case"delete":U(t)||(c(s.get(Q)),at(t)&&c(s.get(Pe)));break;case"set":at(t)&&c(s.get(Q));break}let l=u=>{u.options.onTrigger&&u.options.onTrigger({effect:u,target:t,key:r,type:e,newValue:n,oldValue:i,oldTarget:o}),u.options.scheduler?u.options.scheduler(u):u()};a.forEach(l)}var Oi=Ce("__proto__,__v_isRef,__isVue"),hn=new Set(Object.getOwnPropertyNames(Symbol).map(t=>Symbol[t]).filter(Ht)),Ci=_n();var Ti=_n(!0);var sn=Mi();function Mi(){let t={};return["includes","indexOf","lastIndexOf"].forEach(e=>{t[e]=function(...r){let n=h(this);for(let o=0,s=this.length;o<s;o++)M(n,"get",o+"");let i=n[e](...r);return i===-1||i===!1?n[e](...r.map(h)):i}}),["push","pop","shift","unshift","splice"].forEach(e=>{t[e]=function(...r){vi();let n=h(this)[e].apply(this,r);return mn(),n}}),t}function _n(t=!1,e=!1){return function(n,i,o){if(i==="__v_isReactive")return!t;if(i==="__v_isReadonly")return t;if(i==="__v_raw"&&o===(t?e?qi:bn:e?Ui:yn).get(n))return n;let s=U(n);if(!t&&s&&bt(sn,i))return Reflect.get(sn,i,o);let a=Reflect.get(n,i,o);return(Ht(i)?hn.has(i):Oi(i))||(t||M(n,"get",i),e)?a:De(a)?!s||!Vt(i)?a.value:a:wt(a)?t?wn(a):Xt(a):a}}var Ri=Ni();function Ni(t=!1){return function(r,n,i,o){let s=r[n];if(!t&&(i=h(i),s=h(s),!U(r)&&De(s)&&!De(i)))return s.value=i,!0;let a=U(r)&&Vt(n)?Number(n)<r.length:bt(r,n),c=Reflect.set(r,n,i,o);return r===h(o)&&(a?Re(i,s)&&K(r,"set",n,i,s):K(r,"add",n,i)),c}}function Pi(t,e){let r=bt(t,e),n=t[e],i=Reflect.deleteProperty(t,e);return i&&r&&K(t,"delete",e,void 0,n),i}function Di(t,e){let r=Reflect.has(t,e);return(!Ht(e)||!hn.has(e))&&M(t,"has",e),r}function Ii(t){return M(t,"iterate",U(t)?"length":Q),Reflect.ownKeys(t)}var ki={get:Ci,set:Ri,deleteProperty:Pi,has:Di,ownKeys:Ii},$i={get:Ti,set(t,e){return console.warn(`Set operation on key "${String(e)}" failed: target is readonly.`,t),!0},deleteProperty(t,e){return console.warn(`Delete operation on key "${String(e)}" failed: target is readonly.`,t),!0}};var ke=t=>wt(t)?Xt(t):t,$e=t=>wt(t)?wn(t):t,Le=t=>t,Yt=t=>Reflect.getPrototypeOf(t);function qt(t,e,r=!1,n=!1){t=t.__v_raw;let i=h(t),o=h(e);e!==o&&!r&&M(i,"get",e),!r&&M(i,"get",o);let{has:s}=Yt(i),a=n?Le:r?$e:ke;if(s.call(i,e))return a(t.get(e));if(s.call(i,o))return a(t.get(o));t!==i&&t.get(e)}function Kt(t,e=!1){let r=this.__v_raw,n=h(r),i=h(t);return t!==i&&!e&&M(n,"has",t),!e&&M(n,"has",i),t===i?r.has(t):r.has(t)||r.has(i)}function Wt(t,e=!1){return t=t.__v_raw,!e&&M(h(t),"iterate",Q),Reflect.get(t,"size",t)}function an(t){t=h(t);let e=h(this);return Yt(e).has.call(e,t)||(e.add(t),K(e,"add",t,t)),this}function cn(t,e){e=h(e);let r=h(this),{has:n,get:i}=Yt(r),o=n.call(r,t);o?xn(r,n,t):(t=h(t),o=n.call(r,t));let s=i.call(r,t);return r.set(t,e),o?Re(e,s)&&K(r,"set",t,e,s):K(r,"add",t,e),this}function ln(t){let e=h(this),{has:r,get:n}=Yt(e),i=r.call(e,t);i?xn(e,r,t):(t=h(t),i=r.call(e,t));let o=n?n.call(e,t):void 0,s=e.delete(t);return i&&K(e,"delete",t,void 0,o),s}function un(){let t=h(this),e=t.size!==0,r=at(t)?new Map(t):new Set(t),n=t.clear();return e&&K(t,"clear",void 0,void 0,r),n}function Gt(t,e){return function(n,i){let o=this,s=o.__v_raw,a=h(s),c=e?Le:t?$e:ke;return!t&&M(a,"iterate",Q),s.forEach((l,u)=>n.call(i,c(l),c(u),o))}}function Jt(t,e,r){return function(...n){let i=this.__v_raw,o=h(i),s=at(o),a=t==="entries"||t===Symbol.iterator&&s,c=t==="keys"&&s,l=i[t](...n),u=r?Le:e?$e:ke;return!e&&M(o,"iterate",c?Pe:Q),{next(){let{value:f,done:b}=l.next();return b?{value:f,done:b}:{value:a?[u(f[0]),u(f[1])]:u(f),done:b}},[Symbol.iterator](){return this}}}}function q(t){return function(...e){{let r=e[0]?`on key "${e[0]}" `:"";console.warn(`${Me(t)} operation ${r}failed: target is readonly.`,h(this))}return t==="delete"?!1:this}}function Li(){let t={get(o){return qt(this,o)},get size(){return Wt(this)},has:Kt,add:an,set:cn,delete:ln,clear:un,forEach:Gt(!1,!1)},e={get(o){return qt(this,o,!1,!0)},get size(){return Wt(this)},has:Kt,add:an,set:cn,delete:ln,clear:un,forEach:Gt(!1,!0)},r={get(o){return qt(this,o,!0)},get size(){return Wt(this,!0)},has(o){return Kt.call(this,o,!0)},add:q("add"),set:q("set"),delete:q("delete"),clear:q("clear"),forEach:Gt(!0,!1)},n={get(o){return qt(this,o,!0,!0)},get size(){return Wt(this,!0)},has(o){return Kt.call(this,o,!0)},add:q("add"),set:q("set"),delete:q("delete"),clear:q("clear"),forEach:Gt(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(o=>{t[o]=Jt(o,!1,!1),r[o]=Jt(o,!0,!1),e[o]=Jt(o,!1,!0),n[o]=Jt(o,!0,!0)}),[t,r,e,n]}var[ji,Fi,Bi,zi]=Li();function gn(t,e){let r=e?t?zi:Bi:t?Fi:ji;return(n,i,o)=>i==="__v_isReactive"?!t:i==="__v_isReadonly"?t:i==="__v_raw"?n:Reflect.get(bt(r,i)&&i in n?r:n,i,o)}var Hi={get:gn(!1,!1)};var Vi={get:gn(!0,!1)};function xn(t,e,r){let n=h(r);if(n!==r&&e.call(t,n)){let i=Te(t);console.warn(`Reactive ${i} contains both the raw and reactive versions of the same object${i==="Map"?" as keys":""}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`)}}var yn=new WeakMap,Ui=new WeakMap,bn=new WeakMap,qi=new WeakMap;function Ki(t){switch(t){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function Wi(t){return t.__v_skip||!Object.isExtensible(t)?0:Ki(Te(t))}function Xt(t){return t&&t.__v_isReadonly?t:En(t,!1,ki,Hi,yn)}function wn(t){return En(t,!0,$i,Vi,bn)}function En(t,e,r,n,i){if(!wt(t))return console.warn(`value cannot be made reactive: ${String(t)}`),t;if(t.__v_raw&&!(e&&t.__v_isReactive))return t;let o=i.get(t);if(o)return o;let s=Wi(t);if(s===0)return t;let a=new Proxy(t,s===2?n:r);return i.set(t,a),a}function h(t){return t&&h(t.__v_raw)||t}function De(t){return Boolean(t&&t.__v_isRef===!0)}x("nextTick",()=>st);x("dispatch",t=>J.bind(J,t));x("watch",(t,{evaluateLater:e,cleanup:r})=>(n,i)=>{let o=e(n),a=St(()=>{let c;return o(l=>c=l),c},i);r(a)});x("store",Yr);x("data",t=>Ct(t));x("root",t=>Y(t));x("refs",t=>(t._x_refs_proxy||(t._x_refs_proxy=P(Gi(t))),t._x_refs_proxy));function Gi(t){let e=[];return A(t,r=>{r._x_refs&&e.push(r._x_refs)}),e}var je={};function Fe(t){return je[t]||(je[t]=0),++je[t]}function Sn(t,e){return A(t,r=>{if(r._x_ids&&r._x_ids[e])return!0})}function vn(t,e){t._x_ids||(t._x_ids={}),t._x_ids[e]||(t._x_ids[e]=Fe(e))}x("id",(t,{cleanup:e})=>(r,n=null)=>{let i=`${r}${n?`-${n}`:""}`;return Ji(t,i,e,()=>{let o=Sn(t,r),s=o?o._x_ids[r]:Fe(r);return n?`${r}-${s}-${n}`:`${r}-${s}`})});V((t,e)=>{t._x_id&&(e._x_id=t._x_id)});function Ji(t,e,r,n){if(t._x_id||(t._x_id={}),t._x_id[e])return t._x_id[e];let i=n();return t._x_id[e]=i,r(()=>{delete t._x_id[e]}),i}x("el",t=>t);An("Focus","focus","focus");An("Persist","persist","persist");function An(t,e,r){x(e,n=>E(`You can't use [$${e}] without first installing the "${t}" plugin here: https://alpinejs.dev/plugins/${r}`,n))}p("modelable",(t,{expression:e},{effect:r,evaluateLater:n,cleanup:i})=>{let o=n(e),s=()=>{let u;return o(f=>u=f),u},a=n(`${e} = __placeholder`),c=u=>a(()=>{},{scope:{__placeholder:u}}),l=s();c(l),queueMicrotask(()=>{if(!t._x_model)return;t._x_removeModelListeners.default();let u=t._x_model.get,f=t._x_model.setWithModifiers,b=zt({get(){return u()},set(g){f(g)}},{get(){return s()},set(g){c(g)}});i(b)})});p("teleport",(t,{modifiers:e,expression:r},{cleanup:n})=>{t.tagName.toLowerCase()!=="template"&&E("x-teleport can only be used on a <template> tag",t);let i=On(r),o=t.content.cloneNode(!0).firstElementChild;t._x_teleport=o,o._x_teleportBack=t,t.setAttribute("data-teleport-template",!0),o.setAttribute("data-teleport-target",!0),t._x_forwardEvents&&t._x_forwardEvents.forEach(a=>{o.addEventListener(a,c=>{c.stopPropagation(),t.dispatchEvent(new c.constructor(c.type,c))})}),N(o,{},t);let s=(a,c,l)=>{l.includes("prepend")?c.parentNode.insertBefore(a,c):l.includes("append")?c.parentNode.insertBefore(a,c.nextSibling):c.appendChild(a)};m(()=>{v(()=>{s(o,i,e),S(o)})()}),t._x_teleportPutBack=()=>{let a=On(r);m(()=>{s(t._x_teleport,a,e)})},n(()=>m(()=>{o.remove(),I(o)}))});var Yi=document.createElement("div");function On(t){let e=v(()=>document.querySelector(t),()=>Yi)();return e||E(`Cannot find x-teleport element for selector: "${t}"`),e}var Cn=()=>{};Cn.inline=(t,{modifiers:e},{cleanup:r})=>{e.includes("self")?t._x_ignoreSelf=!0:t._x_ignore=!0,r(()=>{e.includes("self")?delete t._x_ignoreSelf:delete t._x_ignore})};p("ignore",Cn);p("effect",v((t,{expression:e},{effect:r})=>{r(_(t,e))}));function z(t,e,r,n){let i=t,o=c=>n(c),s={},a=(c,l)=>u=>l(c,u);return r.includes("dot")&&(e=Xi(e)),r.includes("camel")&&(e=Zi(e)),r.includes("capture")&&(s.capture=!0),r.includes("window")&&(i=window),r.includes("document")&&(i=document),r.includes("passive")&&(s.passive=r[r.indexOf("passive")+1]!=="false"),o=Be(r,o),r.includes("prevent")&&(o=a(o,(c,l)=>{l.preventDefault(),c(l)})),r.includes("stop")&&(o=a(o,(c,l)=>{l.stopPropagation(),c(l)})),r.includes("once")&&(o=a(o,(c,l)=>{c(l),i.removeEventListener(e,o,s)})),(r.includes("away")||r.includes("outside"))&&(i=document,o=a(o,(c,l)=>{t.contains(l.target)||l.target.isConnected!==!1&&(t.offsetWidth<1&&t.offsetHeight<1||t._x_isShown!==!1&&c(l))})),r.includes("self")&&(o=a(o,(c,l)=>{l.target===t&&c(l)})),e==="submit"&&(o=a(o,(c,l)=>{l.target._x_pendingModelUpdates&&l.target._x_pendingModelUpdates.forEach(u=>u()),c(l)})),(to(e)||Mn(e))&&(o=a(o,(c,l)=>{eo(l,r)||c(l)})),i.addEventListener(e,o,s),()=>{i.removeEventListener(e,o,s)}}function Be(t,e){if(t.includes("debounce")){let r=t[t.indexOf("debounce")+1]||"invalid-wait",n=Zt(r.split("ms")[0])?Number(r.split("ms")[0]):250;e=Ft(e,n)}if(t.includes("throttle")){let r=t[t.indexOf("throttle")+1]||"invalid-wait",n=Zt(r.split("ms")[0])?Number(r.split("ms")[0]):250;e=Bt(e,n)}return e}function Xi(t){return t.replace(/-/g,".")}function Zi(t){return t.toLowerCase().replace(/-(\w)/g,(e,r)=>r.toUpperCase())}function Zt(t){return!Array.isArray(t)&&!isNaN(t)}function Qi(t){return[" ","_"].includes(t)?t:t.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/[_\s]/,"-").toLowerCase()}function to(t){return["keydown","keyup"].includes(t)}function Mn(t){return["contextmenu","click","mouse"].some(e=>t.includes(e))}function eo(t,e){let r=e.filter(o=>!["window","document","prevent","stop","once","capture","self","away","outside","passive","preserve-scroll","blur","change","lazy"].includes(o));if(r.includes("debounce")){let o=r.indexOf("debounce");r.splice(o,Zt((r[o+1]||"invalid-wait").split("ms")[0])?2:1)}if(r.includes("throttle")){let o=r.indexOf("throttle");r.splice(o,Zt((r[o+1]||"invalid-wait").split("ms")[0])?2:1)}if(r.length===0||r.length===1&&Tn(t.key).includes(r[0]))return!1;let i=["ctrl","shift","alt","meta","cmd","super"].filter(o=>r.includes(o));return r=r.filter(o=>!i.includes(o)),!(i.length>0&&i.filter(s=>((s==="cmd"||s==="super")&&(s="meta"),t[`${s}Key`])).length===i.length&&(Mn(t.type)||Tn(t.key).includes(r[0])))}function Tn(t){if(!t)return[];t=Qi(t);let e={ctrl:"control",slash:"/",space:" ",spacebar:" ",cmd:"meta",esc:"escape",up:"arrow-up",down:"arrow-down",left:"arrow-left",right:"arrow-right",period:".",comma:",",equal:"=",minus:"-",underscore:"_"};return e[t]=t,Object.keys(e).map(r=>{if(e[r]===t)return r}).filter(r=>r)}p("model",(t,{modifiers:e,expression:r},{effect:n,cleanup:i})=>{let o=t;e.includes("parent")&&(o=A(t,d=>d!==t));let s=_(o,r),a;typeof r=="string"?a=_(o,`${r} = __placeholder`):typeof r=="function"&&typeof r()=="string"?a=_(o,`${r()} = __placeholder`):a=()=>{};let c=()=>{let d;return s(y=>d=y),Rn(d)?d.get():d},l=d=>{let y;s(w=>y=w),Rn(y)?y.set(d):a(()=>{},{scope:{__placeholder:d}})};typeof r=="string"&&t.type==="radio"&&m(()=>{t.hasAttribute("name")||t.setAttribute("name",r)});let u=e.includes("change")||e.includes("lazy"),f=e.includes("blur"),b=e.includes("enter"),g=u||f||b,L;if(k)L=()=>{};else if(g){let d=[],y=w=>l(Qt(t,e,w,c()));if(u&&d.push(z(t,"change",e,y)),f&&(d.push(z(t,"blur",e,y)),t.form)){let w=t.form,tt=()=>y({target:t});w._x_pendingModelUpdates||(w._x_pendingModelUpdates=[]),w._x_pendingModelUpdates.push(tt),i(()=>{w._x_pendingModelUpdates&&w._x_pendingModelUpdates.splice(w._x_pendingModelUpdates.indexOf(tt),1)})}b&&d.push(z(t,"keydown",e,w=>{w.key==="Enter"&&y(w)})),L=()=>d.forEach(w=>w())}else{let d=t.tagName.toLowerCase()==="select"||["checkbox","radio"].includes(t.type)?"change":"input";L=z(t,d,e,y=>{l(Qt(t,e,y,c()))})}if(e.includes("fill")&&([void 0,null,""].includes(c())||yt(t)&&Array.isArray(c())||t.tagName.toLowerCase()==="select"&&t.multiple)&&l(Qt(t,e,{target:t},c())),t._x_removeModelListeners||(t._x_removeModelListeners={}),t._x_removeModelListeners.default=L,i(()=>t._x_removeModelListeners.default()),t.form){let d=z(t.form,"reset",[],y=>{st(()=>t._x_model&&t._x_model.set(Qt(t,e,{target:t},c())))});i(()=>d())}t._x_model={get(){return c()},set(d){l(d)},setWithModifiers:Be(e,l)},t._x_forceModelUpdate=d=>{d===void 0&&typeof r=="string"&&r.match(/\./)&&(d=""),m(()=>{yt(t)?Array.isArray(d)?t.checked=d.some(y=>y==t.value):t.checked=!!d:jt(t)?typeof d=="boolean"?t.checked=xt(t.value)===d:t.checked=t.value==d:gt(t,"value",d)})},n(()=>{let d=c();e.includes("unintrusive")&&document.activeElement.isSameNode(t)||t._x_forceModelUpdate(d)})});function Qt(t,e,r,n){return m(()=>{if(r instanceof CustomEvent&&r.detail!==void 0)return r.detail!==null&&r.detail!==void 0?r.detail:r.target.value;if(yt(t))if(Array.isArray(n)){let i=null;return e.includes("number")?i=ze(r.target.value):e.includes("boolean")?i=xt(r.target.value):i=r.target.value,r.target.checked?n.includes(i)?n:n.concat([i]):n.filter(o=>!ro(o,i))}else return r.target.checked;else{if(t.tagName.toLowerCase()==="select"&&t.multiple)return e.includes("number")?Array.from(r.target.selectedOptions).map(i=>{let o=i.value||i.text;return ze(o)}):e.includes("boolean")?Array.from(r.target.selectedOptions).map(i=>{let o=i.value||i.text;return xt(o)}):Array.from(r.target.selectedOptions).map(i=>i.value||i.text);{let i;return jt(t)?r.target.checked?i=r.target.value:i=n:i=r.target.value,e.includes("number")?ze(i):e.includes("boolean")?xt(i):e.includes("trim")?i.trim():i}}})}function ze(t){let e=t?parseFloat(t):null;return no(e)?e:t}function ro(t,e){return t==e}function no(t){return!Array.isArray(t)&&!isNaN(t)}function Rn(t){return t!==null&&typeof t=="object"&&typeof t.get=="function"&&typeof t.set=="function"}p("cloak",t=>queueMicrotask(()=>m(()=>t.removeAttribute(O("cloak")))));It(()=>`[${O("init")}]`);p("init",v((t,{expression:e},{evaluate:r})=>typeof e=="string"?!!e.trim()&&r(e,{},!1):r(e,{},!1)));p("text",(t,{expression:e},{effect:r,evaluateLater:n})=>{let i=n(e);r(()=>{i(o=>{m(()=>{t.textContent=o})})})});p("html",(t,{expression:e},{effect:r,evaluateLater:n})=>{let i=n(e);r(()=>{i(o=>{m(()=>{t.innerHTML=o??"",t._x_ignoreSelf=!0,S(t),delete t._x_ignoreSelf})})})});ot(Nt(":",Pt(O("bind:"))));var Nn=(t,{value:e,modifiers:r,expression:n,original:i},{effect:o,cleanup:s})=>{if(!e){let c={};Qr(c),_(t,n)(u=>{Oe(t,u,i)},{scope:c});return}if(e==="key")return io(t,n);if(t._x_inlineBindings&&t._x_inlineBindings[e]&&t._x_inlineBindings[e].extract)return;let a=_(t,n);o(()=>a(c=>{c===void 0&&typeof n=="string"&&n.match(/\./)&&(c=""),m(()=>gt(t,e,c,r))})),s(()=>{t._x_undoAddedClasses&&t._x_undoAddedClasses(),t._x_undoAddedStyles&&t._x_undoAddedStyles()})};Nn.inline=(t,{value:e,modifiers:r,expression:n})=>{e&&(t._x_inlineBindings||(t._x_inlineBindings={}),t._x_inlineBindings[e]={expression:n,extract:!1})};p("bind",Nn);function io(t,e){t._x_keyExpression=e}Dt(()=>`[${O("data")}]`);p("data",(t,{expression:e},{cleanup:r})=>{if(oo(t))return;e=e===""?"{}":e;let n={};H(n,t);let i={};rn(i,n);let o=T(t,e,{scope:i});(o===void 0||o===!0)&&(o={}),H(o,t);let s=C(o);rt(s);let a=N(t,s);s.init&&T(t,s.init),r(()=>{s.destroy&&T(t,s.destroy),a()})});V((t,e)=>{t._x_dataStack&&(e._x_dataStack=t._x_dataStack,e.setAttribute("data-has-alpine-state",!0))});function oo(t){return k?Lt?!0:t.hasAttribute("data-has-alpine-state"):!1}p("show",(t,{modifiers:e,expression:r},{effect:n})=>{let i=_(t,r);t._x_doHide||(t._x_doHide=()=>{m(()=>{t.style.setProperty("display","none",e.includes("important")?"important":void 0)})}),t._x_doShow||(t._x_doShow=()=>{m(()=>{t.style.length===1&&t.style.display==="none"?t.removeAttribute("style"):t.style.removeProperty("display")})});let o=()=>{t._x_doHide(),t._x_isShown=!1},s=()=>{t._x_doShow(),t._x_isShown=!0},a=()=>setTimeout(s),c=ht(f=>f?s():o(),f=>{typeof t._x_toggleAndCascadeWithTransitions=="function"?t._x_toggleAndCascadeWithTransitions(t,f,s,o):f?a():o()}),l,u=!0;n(()=>i(f=>{!u&&f===l||(e.includes("immediate")&&(f?a():o()),c(f),l=f,u=!1)}))});p("for",(t,{expression:e},{effect:r,cleanup:n})=>{let i=co(e),o=_(t,i.items),s=_(t,t._x_keyExpression||"index");t._x_lookup=new Map,r(()=>ao(t,i,o,s)),n(()=>{t._x_lookup.forEach(a=>m(()=>{I(a),a.remove()})),delete t._x_lookup})});function so(t){return e=>{Object.entries(e).forEach(([r,n])=>{t[r]=n})}}function ao(t,e,r,n){r(i=>{uo(i)&&(i=Array.from({length:i},(l,u)=>u+1)),i==null&&(i=[]),i instanceof Set&&(i=Array.from(i)),i instanceof Map&&(i=Array.from(i));let o=t._x_lookup,s=new Map;t._x_lookup=s;let a=fo(i),c=Object.entries(i).map(([l,u])=>{a||(l=parseInt(l));let f=lo(e,u,l,i),b;return n(g=>{typeof g=="object"&&E("x-for key cannot be an object, it must be a string or an integer",t),o.has(g)&&(s.set(g,o.get(g)),o.delete(g)),b=g},{scope:{index:l,...f}}),[b,f]});m(()=>{o.forEach(f=>{I(f),f.remove()});let l=new Set,u=t;c.forEach(([f,b])=>{if(s.has(f)){let d=s.get(f);d._x_refreshXForScope(b),u.nextElementSibling!==d&&(u.nextElementSibling&&d.replaceWith(u.nextElementSibling),u.after(d)),u=d,d._x_currentIfEl&&(d.nextElementSibling!==d._x_currentIfEl&&u.after(d._x_currentIfEl),u=d._x_currentIfEl);return}t.content.children.length>1&&E("x-for templates require a single root element, additional elements will be ignored.",t);let g=document.importNode(t.content,!0).firstElementChild,L=C(b);N(g,L,t),g._x_refreshXForScope=so(L),s.set(f,g),l.add(g),u.after(g),u=g}),v(()=>l.forEach(f=>S(f)))()})})}function co(t){let e=/,([^,\}\]]*)(?:,([^,\}\]]*))?$/,r=/^\s*\(|\)\s*$/g,n=/([\s\S]*?)\s+(?:in|of)\s+([\s\S]*)/,i=t.match(n);if(!i)return;let o={};o.items=i[2].trim();let s=i[1].replace(r,"").trim(),a=s.match(e);return a?(o.item=s.replace(e,"").trim(),o.index=a[1].trim(),a[2]&&(o.collection=a[2].trim())):o.item=s,o}function lo(t,e,r,n){let i={};return/^\[.*\]$/.test(t.item)&&Array.isArray(e)?t.item.replace("[","").replace("]","").split(",").map(s=>s.trim()).forEach((s,a)=>{i[s]=e[a]}):/^\{.*\}$/.test(t.item)&&!Array.isArray(e)&&typeof e=="object"?t.item.replace("{","").replace("}","").split(",").map(s=>s.trim()).forEach(s=>{i[s]=e[s]}):i[t.item]=e,t.index&&(i[t.index]=r),t.collection&&(i[t.collection]=n),i}function uo(t){return typeof t!="object"&&!isNaN(t)}function fo(t){return typeof t=="object"&&!Array.isArray(t)}function Pn(){}Pn.inline=(t,{expression:e},{cleanup:r})=>{let n=Y(t);n&&(n._x_refs||(n._x_refs={}),n._x_refs[e]=t,r(()=>delete n._x_refs[e]))};p("ref",Pn);p("if",(t,{expression:e},{effect:r,cleanup:n})=>{t.tagName.toLowerCase()!=="template"&&E("x-if can only be used on a <template> tag",t);let i=_(t,e),o=()=>{if(t._x_currentIfEl)return t._x_currentIfEl;let a=t.content.cloneNode(!0).firstElementChild;return N(a,{},t),m(()=>{t.after(a),v(()=>S(a))()}),t._x_currentIfEl=a,t._x_undoIf=()=>{m(()=>{I(a),a.remove()}),delete t._x_currentIfEl},a},s=()=>{t._x_undoIf&&(t._x_undoIf(),delete t._x_undoIf)};r(()=>i(a=>{a?o():s()})),n(()=>t._x_undoIf&&t._x_undoIf())});p("id",(t,{expression:e},{evaluate:r})=>{r(e).forEach(i=>vn(t,i))});V((t,e)=>{t._x_ids&&(e._x_ids=t._x_ids)});ot(Nt("@",Pt(O("on:"))));p("on",v((t,{value:e,modifiers:r,expression:n},{cleanup:i})=>{let o=n?_(t,n):()=>{};t.tagName.toLowerCase()==="template"&&(t._x_forwardEvents||(t._x_forwardEvents=[]),t._x_forwardEvents.includes(e)||t._x_forwardEvents.push(e));let s=z(t,e,r,a=>{o(()=>{},{scope:{$event:a},params:[a]})});i(()=>s())}));te("Collapse","collapse","collapse");te("Intersect","intersect","intersect");te("Focus","trap","focus");te("Mask","mask","mask");function te(t,e,r){p(e,n=>E(`You can't use [x-${e}] without first installing the "${t}" plugin here: https://alpinejs.dev/plugins/${r}`,n))}B.setEvaluator(mr);B.setRawEvaluator(_r);B.setReactivityEngine({reactive:Xt,effect:fn,release:dn,raw:h});var He=B;window.Alpine=He;queueMicrotask(()=>{He.start()});})();