diff --git a/docs/feature-plan-next.md b/docs/feature-plan-next.md
new file mode 100644
index 0000000..6b31d9e
--- /dev/null
+++ b/docs/feature-plan-next.md
@@ -0,0 +1,173 @@
+# Next Feature Plan
+
+Four features to implement after PR #6 merges. Work on `master`.
+
+---
+
+## 1. Refresh button — Jobs and Library pages
+
+**Files:** `server/ClientApp/src/pages/JobsListPage.tsx`, `server/ClientApp/src/pages/LibraryPage.tsx`
+
+Both pages already expose `refetch` / `refetchVolumes` / `refetchChapters` from `createResource`.
+
+**Jobs page:** Add a `RefreshCw` (lucide-solid) button in the header row, right-aligned next to the existing icon. Call `refetch()` on click. Spin the icon while `jobs.loading` is true.
+
+**Library page:** Add a Refresh button next to "New Volume" / "New Chapter" in the header. Call both `refetchVolumes()` and `refetchChapters()`. Disable while either resource is loading.
+
+No server changes needed.
+
+---
+
+## 2. Delete button per item — Jobs list page ✅ DONE (merged in PR #6)
+
+**Already implemented.** `JobCard` uses `<div class="group relative ...">` outer wrapper with two sibling native `<button>` elements — delete (absolute top-left) and nav (full-width). No nested interactive elements. `ConfirmDialog` and `deleteError` signal fully wired.
+
+---
+
+## 3. Bubble inner-boundary detection — server-side (SkiaSharp) + frontend padding
+
+### Context
+
+The server already uses SkiaSharp (not OpenCV). The model is RT-DETR outputting bounding boxes only (no segmentation masks). Gemini's Scenario B (contour extraction from the cropped bbox) applies, but translated to SkiaSharp.
+
+### Server-side: inner boundary refinement in `BubbleDetectionService.cs`
+
+After detecting a `BubbleBox`, call a new helper `RefineToInnerBoundary` that crops the bbox from the original bitmap, finds the actual white inner area using SkiaSharp pixel access, and returns a tighter `BubbleBox`.
+
+**Algorithm (pure SkiaSharp, no new dependencies):**
+
+```csharp
+private static BubbleBox RefineToInnerBoundary(SKBitmap src, BubbleBox box, byte brightnessThreshold = 220)
+{
+    int x0 = (int)box.X, y0 = (int)box.Y;
+    int w  = (int)box.Width, h = (int)box.Height;
+
+    // Clamp to image bounds
+    x0 = Math.Max(0, x0); y0 = Math.Max(0, y0);
+    w  = Math.Min(w, src.Width  - x0);
+    h  = Math.Min(h, src.Height - y0);
+    if (w <= 0 || h <= 0) return box;
+
+    // BFS flood-fill from center to find connected bright region
+    int cx = x0 + w / 2, cy = y0 + h / 2;
+    var visited = new bool[w, h];
+    var queue   = new Queue<(int, int)>();
+
+    bool IsBright(int px, int py) {
+        var c = src.GetPixel(px, py);
+        return c.Red > brightnessThreshold && c.Green > brightnessThreshold && c.Blue > brightnessThreshold;
+    }
+
+    if (!IsBright(cx, cy)) return box; // center not white → no refinement
+
+    queue.Enqueue((cx - x0, cy - y0));
+    visited[cx - x0, cy - y0] = true;
+    int minX = cx, maxX = cx, minY = cy, maxY = cy;
+
+    while (queue.Count > 0) {
+        var (lx, ly) = queue.Dequeue();
+        int gx = lx + x0, gy = ly + y0;
+        if (gx < minX) minX = gx; if (gx > maxX) maxX = gx;
+        if (gy < minY) minY = gy; if (gy > maxY) maxY = gy;
+        foreach (var (dx, dy) in new[]{(1,0),(-1,0),(0,1),(0,-1)}) {
+            int nx = lx+dx, ny = ly+dy;
+            if (nx < 0 || ny < 0 || nx >= w || ny >= h) continue;
+            if (visited[nx,ny]) continue;
+            visited[nx,ny] = true;
+            if (IsBright(nx+x0, ny+y0)) queue.Enqueue((nx,ny));
+        }
+    }
+
+    // Apply a small fixed inset (3 px) to avoid edge contamination
+    const int EdgeInset = 3;
+    minX += EdgeInset; minY += EdgeInset;
+    maxX -= EdgeInset; maxY -= EdgeInset;
+    if (maxX <= minX || maxY <= minY) return box;
+
+    return new BubbleBox(minX, minY, maxX - minX, maxY - minY, box.Confidence);
+}
+```
+
+Call it in `DetectRtDetr` and `DetectYolo` just before adding to `result`:
+```csharp
+var refined = RefineToInnerBoundary(bitmap, new BubbleBox(x1, y1, bw, bh, score));
+result.Add(refined);
+```
+
+**Trade-off:** BFS on the cropped region is O(w×h) per bubble — for a typical 200×200 crop this is ~40K pixel checks, negligible compared to ONNX inference time. `GetPixelSpan` can replace `GetPixel` for better cache performance if needed.
+
+### Frontend: configurable display padding prop (fine-tuning only)
+
+Even with server-side refinement, a small visual inset prop on `BubbleCanvas` is useful for tweaking:
+
+**`BubbleCanvas.tsx`** — add prop:
+```ts
+/** Additional pixel inset on all sides for display only. Does not affect stored coords. */
+bubblePadding?: number;
+```
+Apply in the rect/handle rendering helper. Default `0`.
+
+**StudioPage** — expose as a number input (0–20 px), persisted to `localStorage`.
+
+---
+
+## 4. Push corrected job result back to the extension
+
+This requires three layers: server SSE → `background.ts` → `content.ts`.
+
+### Server — new SSE endpoint
+
+Add to `PortalRoutes.cs`:
+```http
+GET /api/portal/jobs/{id}/events
+Content-Type: text/event-stream
+```
+
+Keeps the connection open. Implementation: poll `AppDbContext` every ~2 s in a loop with `HttpContext.RequestAborted` as cancellation token. When `ResultImagePath` is populated or `Status` changes to `"done"`, emit:
+```text
+event: job-updated
+data: {"id":"...","status":"done","result_available":true}
+```
+
+Close stream after emitting the done event (one-shot).
+
+### Server — `/ocr` opt-in job tracking
+
+Add an optional `track_job` boolean to `OcrRequest`. When `true`, save the submitted image as a `PageTranslationJob` and return `job_id` in the `OcrResponse`. The existing fast path (no `track_job`) is unchanged.
+
+### Extension — `types.ts` additions
+
+```ts
+// New message type
+export interface JobResultReadyMsg {
+  type: "job-result-ready";
+  jobId: string;
+  resultImageDataUrl: string;
+}
+export type ToContentMsg = ... | JobResultReadyMsg;
+```
+
+### Extension — `background.ts`
+
+After `runServerFlow` completes and response includes `job_id`:
+1. Open `EventSource` to `{serverUrl}/api/portal/jobs/{jobId}/events`
+2. On `job-updated` event with `result_available: true`:
+   - Fetch `{serverUrl}/api/portal/jobs/{jobId}/result` as blob
+   - Convert blob to base64 data URL
+   - `sendToTab(tabId, { type: "job-result-ready", jobId, resultImageDataUrl })`
+   - Close the `EventSource`
+
+Store active `EventSource` instances in a `Map<string, EventSource>` keyed by `tabId` so they can be cleaned up on tab close.
+
+### Extension — `content.ts`
+
+Handle `"job-result-ready"` message:
+- If the result panel is still open, replace or add the corrected image alongside the original crop
+- OR show a small "Corrected image ready" banner with a click-to-view action
+
+### Implementation order
+
+1. `#1` Refresh buttons — ✅ DONE (committed to master)
+2. `#2` Delete button — ✅ DONE (merged in PR #6)
+3. `#3` Bubble inner-boundary refinement — ~2 h (server-side SkiaSharp BFS + optional frontend padding prop)
+4. `#4` Push corrected jobs — ~3 h (server SSE + `/ocr` opt-in tracking + extension `background.ts`/`content.ts` wiring)
diff --git a/extension/package.json b/extension/package.json
index bb973cf..d0fe844 100644
--- a/extension/package.json
+++ b/extension/package.json
@@ -1,6 +1,6 @@
 {
   "name": "selfhost-ocr-extension",
-  "version": "1.3.1",
+  "version": "1.3.4",
   "private": true,
   "type": "module",
   "scripts": {
diff --git a/extension/src/background.ts b/extension/src/background.ts
index c2b69e3..b8cc247 100644
--- a/extension/src/background.ts
+++ b/extension/src/background.ts
@@ -7,6 +7,8 @@ import type {
   JishoEntry,
   PopupModeMsg,
   FetchImageMsg,
+  JobResultReadyMsg,
+  JobResultErrorMsg,
 } from "./types";
 import { DEFAULT_SETTINGS } from "./types";
 
@@ -168,6 +170,7 @@ async function runServerFlow(
       body: JSON.stringify({
         image: `data:image/jpeg;base64,${imageB64}`,
         translate_engine: settings.serverTranslation,
+        track_job: true,
       }),
     });
 
@@ -177,7 +180,7 @@ async function runServerFlow(
       return;
     }
 
-    const data = await res.json() as { text: string; translation?: string; elapsed_ms: number };
+    const data = await res.json() as { text: string; translation?: string; elapsed_ms: number; job_id?: string };
 
     sendToTab(tabId, {
       type: "ocr-result",
@@ -185,11 +188,133 @@ async function runServerFlow(
       translation: data.translation ?? null,
       elapsed_ms: Date.now() - start,
     } satisfies ToContentMsg);
+
+    // If the server started a background page-translation job, schedule alarm-based polling
+    if (data.job_id) {
+      void schedulePollJob(data.job_id, settings.serverUrl, tabId);
+    }
   } catch (e) {
     sendToTab(tabId, { type: "ocr-error", message: errMsg(e) });
   }
 }
 
+// ── Job result polling via chrome.alarms (MV3-safe) ──────────────────────────
+
+interface PendingJob {
+  jobId: string;
+  serverUrl: string;
+  tabId: number;
+  deadline: number; // epoch ms — abandon after 3 min
+  errorCount: number;
+}
+
+const ALARM_PREFIX = "poll:";
+const POLL_INTERVAL_SECONDS = 3;
+const POLL_DEADLINE_MS = 3 * 60 * 1000;
+const MAX_CONSECUTIVE_ERRORS = 3;
+
+function alarmName(jobId: string): string {
+  return `${ALARM_PREFIX}${jobId}`;
+}
+
+async function schedulePollJob(jobId: string, serverUrl: string, tabId: number): Promise<void> {
+  const job: PendingJob = {
+    jobId,
+    serverUrl,
+    tabId,
+    deadline: Date.now() + POLL_DEADLINE_MS,
+    errorCount: 0,
+  };
+  await chrome.storage.session.set({ [alarmName(jobId)]: job });
+  chrome.alarms.create(alarmName(jobId), { delayInMinutes: POLL_INTERVAL_SECONDS / 60 });
+}
+
+async function handlePollAlarm(name: string): Promise<void> {
+  const key = name;
+  const stored = await chrome.storage.session.get(key);
+  const job = stored[key] as PendingJob | undefined;
+  if (!job) return; // already cleared
+
+  if (Date.now() > job.deadline) {
+    sendToTab(job.tabId, {
+      type: "job-result-error",
+      jobId: job.jobId,
+      reason: "timeout",
+    } satisfies JobResultErrorMsg);
+    await chrome.storage.session.remove(key);
+    return;
+  }
+
+  const base = job.serverUrl.replace(/\/$/, "");
+  try {
+    const res = await fetch(`${base}/jobs/${job.jobId}/status`);
+    if (!res.ok) throw new Error(`HTTP ${res.status}`);
+
+    const data = await res.json() as { status: string };
+
+    if (data.status === "done") {
+      const imgRes = await fetch(`${base}/jobs/${job.jobId}/result-image`);
+      if (imgRes.ok) {
+        const blob    = await imgRes.blob();
+        const dataUrl = await blobToDataUrl(blob);
+        sendToTab(job.tabId, {
+          type: "job-result-ready",
+          jobId: job.jobId,
+          resultImageDataUrl: dataUrl,
+        } satisfies JobResultReadyMsg);
+      }
+      await chrome.storage.session.remove(key);
+      return;
+    }
+
+    if (data.status === "error") {
+      sendToTab(job.tabId, {
+        type: "job-result-error",
+        jobId: job.jobId,
+        reason: "server-error",
+      } satisfies JobResultErrorMsg);
+      await chrome.storage.session.remove(key);
+      return;
+    }
+
+    // Still pending — reschedule and reset error count
+    const updated: PendingJob = { ...job, errorCount: 0 };
+    await chrome.storage.session.set({ [key]: updated });
+    chrome.alarms.create(name, { delayInMinutes: POLL_INTERVAL_SECONDS / 60 });
+  } catch {
+    const newCount = job.errorCount + 1;
+    if (newCount >= MAX_CONSECUTIVE_ERRORS) {
+      sendToTab(job.tabId, {
+        type: "job-result-error",
+        jobId: job.jobId,
+        reason: "network-error",
+      } satisfies JobResultErrorMsg);
+      await chrome.storage.session.remove(key);
+      return;
+    }
+    const updated: PendingJob = { ...job, errorCount: newCount };
+    await chrome.storage.session.set({ [key]: updated });
+    chrome.alarms.create(name, { delayInMinutes: POLL_INTERVAL_SECONDS / 60 });
+  }
+}
+
+chrome.alarms.onAlarm.addListener((alarm) => {
+  if (alarm.name.startsWith(ALARM_PREFIX)) {
+    void handlePollAlarm(alarm.name);
+  }
+});
+
+async function blobToDataUrl(blob: Blob): Promise<string> {
+  const buf   = await blob.arrayBuffer();
+  const bytes = new Uint8Array(buf);
+  let binary  = "";
+  const chunk = 8192;
+  for (let i = 0; i < bytes.byteLength; i += chunk) {
+    binary += String.fromCharCode(...bytes.subarray(i, i + chunk));
+  }
+  return `data:${blob.type || "image/png"};base64,${btoa(binary)}`;
+}
+
 // ── Explain flow (server-only) ────────────────────────────────────────────────
 
 async function handleExplain(text: string, tabId: number): Promise<void> {
diff --git a/extension/src/content.ts b/extension/src/content.ts
index 1755a55..f7c0813 100644
--- a/extension/src/content.ts
+++ b/extension/src/content.ts
@@ -7,6 +7,7 @@ import type {
   TokenInfo,
   JishoEntry,
   OcrResultMsg,
+  JobResultReadyMsg,
   ToEngineMsg,
   FromEngineMsg,
   FetchImageMsg,
@@ -53,6 +54,7 @@ function init(): void {
     else if (msg.type === "ocr-error")        showError(msg.message);
     else if (msg.type === "explain-result")   showExplain(msg.tokens, msg.definitions, msg.mode);
     else if (msg.type === "explain-error")    showExplainError(msg.message);
+    else if (msg.type === "job-result-ready") appendJobImage(msg.resultImageDataUrl);
   });
 
   // Engine iframe messages (postMessage from engine.html)
@@ -306,6 +308,20 @@ function showResult(msg: OcrResultMsg): void {
   wirePanelButtons(resultPanelEl);
 }
 
+function appendJobImage(resultImageDataUrl: string): void {
+  if (!resultPanelEl) return;
+  const inner = resultPanelEl.querySelector<HTMLElement>(".socr-panel-inner");
+  if (!inner) return;
+  inner.querySelector(".socr-job-image")?.remove();
+  const section = document.createElement("div");
+  section.className = "socr-job-image";
+  section.innerHTML = `
+    <div class="socr-text-label">Translated Page</div>
+    <img class="socr-result-image" src="${escAttr(resultImageDataUrl)}" alt="Translated page" />
+  `;
+  inner.appendChild(section);
+}
+
 function showError(message: string): void {
   const rect = selectionRect;
   removeResultPanel();
diff --git a/extension/src/types.ts b/extension/src/types.ts
index 73ebc6e..6802686 100644
--- a/extension/src/types.ts
+++ b/extension/src/types.ts
@@ -78,6 +78,8 @@ export interface ExplainResultMsg   { type: "explain-result"; tokens: TokenInfo[
 export interface ExplainErrorMsg    { type: "explain-error"; message: string }
 
 export interface StartImageModeMsg  { type: "start-image-mode" }
+export interface JobResultReadyMsg  { type: "job-result-ready"; jobId: string; resultImageDataUrl: string }
+export interface JobResultErrorMsg  { type: "job-result-error"; jobId: string; reason: "timeout" | "server-error" | "network-error" }
 
 export type ToContentMsg =
   | StartSelectionMsg
@@ -86,7 +88,9 @@ export type ToContentMsg =
   | OcrErrorMsg
   | ExplainResultMsg
   | ExplainErrorMsg
-  | StartImageModeMsg;
+  | StartImageModeMsg
+  | JobResultReadyMsg
+  | JobResultErrorMsg;
 
 // ── Messages: content → background ───────────────────────────────────────────
 
diff --git a/extension/static/content.css b/extension/static/content.css
index f5b32df..73e6dc3 100644
--- a/extension/static/content.css
+++ b/extension/static/content.css
@@ -495,3 +495,20 @@
   box-sizing: border-box !important;
   border-radius: 0 0 10px 0 !important;
 }
+
+/* ── Job result image ───────────────────────────────────────────────────────── */
+
+.socr-job-image {
+  all: initial;
+  display: block !important;
+  margin-top: 8px !important;
+}
+
+.socr-result-image {
+  all: initial;
+  display: block !important;
+  max-width: 100% !important;
+  border-radius: 6px !important;
+  margin-top: 4px !important;
+  box-shadow: 0 1px 4px rgba(0,0,0,0.3) !important;
+}
diff --git a/extension/static/manifest.json b/extension/static/manifest.json
index 79d6f19..8e379ae 100644
--- a/extension/static/manifest.json
+++ b/extension/static/manifest.json
@@ -1,10 +1,11 @@
 {
   "manifest_version": 3,
   "name": "Selfhost OCR",
-  "version": "1.3.1",
+  "version": "1.3.4",
   "description": "OCR screen regions using Tesseract.js or your self-hosted server.",
   "permissions": [
     "activeTab",
+    "alarms",
     "scripting",
     "storage",
     "tabs"
diff --git a/server/ClientApp/src/api.ts b/server/ClientApp/src/api.ts
index d12af00..543122b 100644
--- a/server/ClientApp/src/api.ts
+++ b/server/ClientApp/src/api.ts
@@ -144,6 +144,8 @@ export type UpdateBubbleBody = Partial<{
   bubbleW: number;
   bubbleH: number;
   isExcluded: boolean;
+  fontFamily: string;
+  fontSizeOverride: number;
 }>;
 
 export function updateBubble(
@@ -175,8 +177,40 @@ export function retranslateJob(id: string): Promise<void> {
   return apiFetch<void>(`/api/portal/jobs/${id}/retranslate`, { method: "POST" });
 }
 
-export function rerenderJob(id: string): Promise<void> {
-  return apiFetch<void>(`/api/portal/jobs/${id}/rerender`, { method: "POST" });
+export function rerenderJob(id: string, padding = 0): Promise<void> {
+  return apiFetch<void>(`/api/portal/jobs/${id}/rerender`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({ padding }),
+  });
+}
+
+export function reocrBubble(jobId: string, bubbleIndex: number): Promise<TranslationBubble> {
+  return apiFetch<TranslationBubble>(
+    `/api/portal/jobs/${jobId}/bubbles/${bubbleIndex}/reocr`,
+    { method: "POST" },
+  );
+}
+
+export function retranslateBubble(jobId: string, bubbleIndex: number): Promise<TranslationBubble> {
+  return apiFetch<TranslationBubble>(
+    `/api/portal/jobs/${jobId}/bubbles/${bubbleIndex}/retranslate`,
+    { method: "POST" },
+  );
+}
+
+export function reinpaintBubble(jobId: string, bubbleIndex: number, padding = 0): Promise<void> {
+  return apiFetch<void>(`/api/portal/jobs/${jobId}/bubbles/${bubbleIndex}/reinpaint`, {
+    method: "POST",
+    body: JSON.stringify({ padding }),
+  });
+}
+
+export function repatchBubble(jobId: string, bubbleIndex: number, padding = 0): Promise<void> {
+  return apiFetch<void>(`/api/portal/jobs/${jobId}/bubbles/${bubbleIndex}/repatch`, {
+    method: "POST",
+    body: JSON.stringify({ padding }),
+  });
 }
 
 // ---------------------------------------------------------------------------
diff --git a/server/ClientApp/src/components/BubbleCanvas.tsx b/server/ClientApp/src/components/BubbleCanvas.tsx
index fdfe465..e2564fb 100644
--- a/server/ClientApp/src/components/BubbleCanvas.tsx
+++ b/server/ClientApp/src/components/BubbleCanvas.tsx
@@ -53,6 +53,8 @@ export interface BubbleCanvasProps {
   selectedIndex: number | null;
   /** When true the next mousedown on the canvas background starts a draw gesture. */
   drawMode?: boolean;
+  /** Additional display-only inset (px in image coords) applied on all sides. Default 0. */
+  bubblePadding?: number;
   onSelect: (index: number | null) => void;
   onMove: (bubbleIndex: number, dx: number, dy: number) => void;
   onResize: (
@@ -422,9 +424,10 @@ export function BubbleCanvas(props: BubbleCanvasProps): JSX.Element {
             const rect = () => getBubbleRect(bubble);
             const svgRect = () => {
               const r = rect();
-              const tl = toSvg(r.x, r.y);
-              const br = toSvg(r.x + r.w, r.y + r.h);
-              return { x: tl.x, y: tl.y, w: br.x - tl.x, h: br.y - tl.y };
+              const pad = props.bubblePadding ?? 0;
+              const tl = toSvg(r.x + pad, r.y + pad);
+              const br = toSvg(r.x + r.w - pad, r.y + r.h - pad);
+              return { x: tl.x, y: tl.y, w: Math.max(0, br.x - tl.x), h: Math.max(0, br.y - tl.y) };
             };
             const isSelected = () =>
               props.selectedIndex === bubble.bubbleIndex;
@@ -492,8 +495,8 @@ export function BubbleCanvas(props: BubbleCanvasProps): JSX.Element {
                     {(handle) => {
                       const [fx, fy] = HANDLE_OFFSETS[handle];
                       const hSvgPos = () => {
-                        const r = rect();
-                        return toSvg(r.x + fx * r.w, r.y + fy * r.h);
+                        const sr = svgRect();
+                        return { x: sr.x + fx * sr.w, y: sr.y + fy * sr.h };
                       };
                       return (
                         <rect
diff --git a/server/ClientApp/src/components/BubbleEditor.tsx b/server/ClientApp/src/components/BubbleEditor.tsx
index fd16dbe..1e4a1d9 100644
--- a/server/ClientApp/src/components/BubbleEditor.tsx
+++ b/server/ClientApp/src/components/BubbleEditor.tsx
@@ -1,6 +1,6 @@
 import { createSignal, createEffect, Show, on } from "solid-js";
 import type { JSX } from "solid-js";
-import { Trash2 } from "lucide-solid";
+import { RefreshCw, ScanText, Sparkles, PaintBucket, Type, Trash2 } from "lucide-solid";
 import type { TranslationBubble } from "../types";
 
 // ---------------------------------------------------------------------------
@@ -15,14 +15,38 @@ export type BubbleUpdatePatch = Partial<{
   sourceText: string;
   translatedText: string;
   isExcluded: boolean;
+  fontFamily: string;
+  fontSizeOverride: number;
 }>;
 
 export interface BubbleEditorProps {
   bubble: TranslationBubble | null;
   onUpdate: (patch: BubbleUpdatePatch) => void;
   onDelete: () => void;
+  onReocr?: () => Promise<void>;
+  onRetranslate?: () => Promise<void>;
+  onReinpaint?: () => Promise<void>;
+  onRepatch?: () => Promise<void>;
 }
 
+// ---------------------------------------------------------------------------
+// Constants
+// ---------------------------------------------------------------------------
+
+const FONT_FAMILIES = [
+  { value: "", label: "Auto (sans-serif)" },
+  { value: "sans-serif", label: "Sans-serif" },
+  { value: "serif", label: "Serif" },
+  { value: "monospace", label: "Monospace" },
+  { value: "Arial", label: "Arial" },
+  { value: "Verdana", label: "Verdana" },
+  { value: "Georgia", label: "Georgia" },
+  { value: "Impact", label: "Impact" },
+  { value: "Tahoma", label: "Tahoma" },
+  { value: "Comic Sans MS", label: "Comic Sans MS" },
+  { value: "Courier New", label: "Courier New" },
+];
+
 // ---------------------------------------------------------------------------
 // Helpers
 // ---------------------------------------------------------------------------
@@ -64,6 +88,15 @@ export function BubbleEditor(props: BubbleEditorProps): JSX.Element {
   const [sourceText, setSourceText] = createSignal("");
   const [translatedText, setTranslatedText] = createSignal("");
   const [isExcluded, setIsExcluded] = createSignal(false);
+  const [fontFamily, setFontFamily] = createSignal("");
+  const [fontSizeOverride, setFontSizeOverride] = createSignal(0);
+
+  // Per-bubble action loading states
+  const [isReocring, setIsReocring] = createSignal(false);
+  const [isRetranslating, setIsRetranslating] = createSignal(false);
+  const [isReinpainting, setIsReinpainting] = createSignal(false);
+  const [isRepatching, setIsRepatching] = createSignal(false);
+  const [actionError, setActionError] = createSignal<string | null>(null);
 
   // Reset form fields when bubble changes (selection OR external data update)
   createEffect(
@@ -79,10 +112,32 @@ export function BubbleEditor(props: BubbleEditorProps): JSX.Element {
         setSourceText(b.sourceText);
         setTranslatedText(b.translatedText);
         setIsExcluded(b.isExcluded);
+        setFontFamily(b.fontFamily ?? "");
+        setFontSizeOverride(b.fontSizeOverride ?? 0);
+        setActionError(null);
       },
     ),
   );
 
+  async function runAction(
+    setter: (v: boolean) => void,
+    action?: () => Promise<void>,
+  ): Promise<void> {
+    if (!action) return;
+    setter(true);
+    setActionError(null);
+    try {
+      await action();
+    } catch (err) {
+      setActionError(err instanceof Error ? err.message : "Action failed");
+    } finally {
+      setter(false);
+    }
+  }
+
+  const anyBusy = () =>
+    isReocring() || isRetranslating() || isReinpainting() || isRepatching();
+
   return (
     <div class="flex h-full flex-col">
       {/* Header */}
@@ -182,6 +237,147 @@ export function BubbleEditor(props: BubbleEditorProps): JSX.Element {
               />
             </label>
 
+            {/* Render Style */}
+            <div>
+              <p class="mb-1.5 text-xs font-medium text-slate-500">
+                Render Style
+              </p>
+              <div class="flex flex-col gap-1.5">
+                <label class="flex flex-col gap-0.5">
+                  <span class="text-[10px] text-slate-400">Font Family</span>
+                  <select
+                    class="rounded border border-slate-200 px-2 py-1 text-xs focus:border-violet-400 focus:outline-none"
+                    value={fontFamily()}
+                    onChange={(e) => {
+                      const val = e.currentTarget.value;
+                      setFontFamily(val);
+                      props.onUpdate({ fontFamily: val });
+                    }}
+                  >
+                    {FONT_FAMILIES.map((f) => (
+                      <option value={f.value}>{f.label}</option>
+                    ))}
+                  </select>
+                </label>
+
+                <label class="flex flex-col gap-0.5">
+                  <span class="text-[10px] text-slate-400">
+                    Font Size (0 = auto-fit)
+                  </span>
+                  <input
+                    type="number"
+                    min="0"
+                    max="72"
+                    step="1"
+                    class="rounded border border-slate-200 px-2 py-1 text-xs focus:border-violet-400 focus:outline-none"
+                    value={fontSizeOverride()}
+                    onInput={(e) =>
+                      setFontSizeOverride(
+                        Math.min(72, Math.max(0, parseInt(e.currentTarget.value, 10) || 0)),
+                      )
+                    }
+                    onChange={(e) => {
+                      const val = Math.min(72, Math.max(0, parseInt(e.currentTarget.value, 10) || 0));
+                      setFontSizeOverride(val);
+                      props.onUpdate({ fontSizeOverride: val });
+                    }}
+                  />
+                </label>
+              </div>
+            </div>
+
+            {/* Per-bubble actions */}
+            <div>
+              <p class="mb-1.5 text-xs font-medium text-slate-500">
+                Bubble Actions
+              </p>
+
+              <Show when={actionError()}>
+                {(msg) => (
+                  <div class="mb-2 flex items-start gap-1.5 rounded bg-red-50 px-2 py-1.5 text-xs text-red-700 ring-1 ring-inset ring-red-200">
+                    <span class="flex-1">{msg()}</span>
+                    <button
+                      onClick={() => setActionError(null)}
+                      class="shrink-0 hover:text-red-900"
+                      aria-label="Dismiss"
+                    >
+                      ✕
+                    </button>
+                  </div>
+                )}
+              </Show>
+
+              <div class="grid grid-cols-2 gap-1">
+                {/* Re-OCR */}
+                <button
+                  onClick={() => runAction(setIsReocring, props.onReocr)}
+                  disabled={anyBusy() || !props.onReocr}
+                  class="flex items-center justify-center gap-1 rounded border border-slate-200 bg-white px-2 py-1.5 text-xs font-medium text-slate-700 transition-colors hover:bg-slate-50 disabled:cursor-not-allowed disabled:opacity-50"
+                  title="Re-run OCR on this bubble"
+                >
+                  <Show
+                    when={isReocring()}
+                    fallback={<ScanText class="h-3 w-3" />}
+                  >
+                    <RefreshCw class="h-3 w-3 animate-spin" />
+                  </Show>
+                  Re-OCR
+                </button>
+
+                {/* Re-translate */}
+                <button
+                  onClick={() =>
+                    runAction(setIsRetranslating, props.onRetranslate)
+                  }
+                  disabled={anyBusy() || !props.onRetranslate}
+                  class="flex items-center justify-center gap-1 rounded border border-slate-200 bg-white px-2 py-1.5 text-xs font-medium text-slate-700 transition-colors hover:bg-slate-50 disabled:cursor-not-allowed disabled:opacity-50"
+                  title="Re-translate current source text"
+                >
+                  <Show
+                    when={isRetranslating()}
+                    fallback={<Sparkles class="h-3 w-3" />}
+                  >
+                    <RefreshCw class="h-3 w-3 animate-spin" />
+                  </Show>
+                  Re-translate
+                </button>
+
+                {/* Re-inpaint */}
+                <button
+                  onClick={() =>
+                    runAction(setIsReinpainting, props.onReinpaint)
+                  }
+                  disabled={anyBusy() || !props.onReinpaint}
+                  class="flex items-center justify-center gap-1 rounded border border-slate-200 bg-white px-2 py-1.5 text-xs font-medium text-slate-700 transition-colors hover:bg-slate-50 disabled:cursor-not-allowed disabled:opacity-50"
+                  title="White-fill this bubble in the result image"
+                >
+                  <Show
+                    when={isReinpainting()}
+                    fallback={<PaintBucket class="h-3 w-3" />}
+                  >
+                    <RefreshCw class="h-3 w-3 animate-spin" />
+                  </Show>
+                  Re-inpaint
+                </button>
+
+                {/* Re-patch */}
+                <button
+                  onClick={() => runAction(setIsRepatching, props.onRepatch)}
+                  disabled={anyBusy() || !props.onRepatch}
+                  class="flex items-center justify-center gap-1 rounded border border-slate-200 bg-white px-2 py-1.5 text-xs font-medium text-slate-700 transition-colors hover:bg-slate-50 disabled:cursor-not-allowed disabled:opacity-50"
+                  title="Re-render text in this bubble"
+                >
+                  <Show
+                    when={isRepatching()}
+                    fallback={<Type class="h-3 w-3" />}
+                  >
+                    <RefreshCw class="h-3 w-3 animate-spin" />
+                  </Show>
+                  Re-patch
+                </button>
+              </div>
+            </div>
+
             {/* Exclude toggle */}
             <div class="flex items-center gap-2">
               <input
diff --git a/server/ClientApp/src/pages/JobsListPage.tsx b/server/ClientApp/src/pages/JobsListPage.tsx
index cc8c233..e1ac44e 100644
--- a/server/ClientApp/src/pages/JobsListPage.tsx
+++ b/server/ClientApp/src/pages/JobsListPage.tsx
@@ -5,6 +5,7 @@ import {
   Clock,
   Image,
   Layers,
+  RefreshCw,
   Trash2,
   XCircle,
 } from "lucide-solid";
@@ -166,6 +167,15 @@ export function JobsListPage() {
           <Image class="h-5 w-5 text-violet-600" />
         </div>
         <h1 class="text-xl font-semibold text-slate-800">Jobs</h1>
+        <button
+          class="ml-auto rounded-lg p-1.5 text-slate-400 hover:bg-white hover:text-slate-600 hover:shadow-sm hover:ring-1 hover:ring-slate-200 disabled:opacity-50 disabled:cursor-not-allowed"
+          title="Refresh"
+          aria-label="Refresh jobs"
+          disabled={jobs.loading}
+          onClick={() => refetch()}
+        >
+          <RefreshCw class={`h-4 w-4 ${jobs.loading ? "animate-spin" : ""}`} />
+        </button>
       </div>
 
       {/* Filters */}
diff --git a/server/ClientApp/src/pages/LibraryPage.tsx b/server/ClientApp/src/pages/LibraryPage.tsx
index 33e173c..edbcaf0 100644
--- a/server/ClientApp/src/pages/LibraryPage.tsx
+++ b/server/ClientApp/src/pages/LibraryPage.tsx
@@ -6,6 +6,7 @@ import {
   Edit2,
   FolderOpen,
   Plus,
+  RefreshCw,
   Trash2,
 } from "lucide-solid";
 import {
@@ -179,6 +180,15 @@ export function LibraryPage() {
         </div>
         <h1 class="text-xl font-semibold text-slate-800">Library</h1>
         <div class="ml-auto flex gap-2">
+          <button
+            class="rounded-lg p-1.5 text-slate-400 hover:bg-white hover:text-slate-600 hover:shadow-sm hover:ring-1 hover:ring-slate-200 disabled:opacity-50 disabled:cursor-not-allowed"
+            title="Refresh"
+            aria-label="Refresh library"
+            disabled={volumes.loading || allChapters.loading}
+            onClick={() => { refetchVolumes(); refetchChapters(); }}
+          >
+            <RefreshCw class={`h-4 w-4 ${volumes.loading || allChapters.loading ? "animate-spin" : ""}`} />
+          </button>
           <button
             class="flex items-center gap-1.5 rounded-lg bg-violet-600 px-3 py-1.5 text-xs font-medium text-white hover:bg-violet-700"
             onClick={openCreateVolume}
diff --git a/server/ClientApp/src/pages/StudioPage.tsx b/server/ClientApp/src/pages/StudioPage.tsx
index abbf522..300f6c9 100644
--- a/server/ClientApp/src/pages/StudioPage.tsx
+++ b/server/ClientApp/src/pages/StudioPage.tsx
@@ -17,7 +17,11 @@ import {
   jobOriginalUrl,
   jobResultUrl,
   redetectJob,
+  reocrBubble,
+  repatchBubble,
+  reinpaintBubble,
   rerenderJob,
+  retranslateBubble,
   retranslateJob,
   updateBubble,
 } from "../api";
@@ -59,6 +63,12 @@ export function StudioPage() {
   const [actionError, setActionError] = createSignal<string | null>(null);
   const [showDeleteConfirm, setShowDeleteConfirm] = createSignal(false);
   const [isDeleting, setIsDeleting] = createSignal(false);
+  const storedPadding = parseInt(localStorage.getItem("studio-bubble-padding") ?? "0", 10);
+  const [bubblePadding, setBubblePadding] = createSignal<number>(
+    Number.isNaN(storedPadding) ? 0 : storedPadding,
+  );
+  // Incremented after reinpaint/repatch so result image URL cache-busts
+  const [resultImageVersion, setResultImageVersion] = createSignal(0);
 
   // Derived
   const bubbleList = () => bubbles() ?? [];
@@ -214,9 +224,10 @@ export function StudioPage() {
     setIsRerendering(true);
     setActionError(null);
     try {
-      await rerenderJob(params.id);
+      await rerenderJob(params.id, bubblePadding());
       await pollUntilDone();
       await refetchBubbles();
+      setResultImageVersion((v) => v + 1);
     } catch (err) {
       setActionError(err instanceof Error ? err.message : "Re-render failed");
     } finally {
@@ -224,6 +235,45 @@ export function StudioPage() {
     }
   }
 
+  // ---------------------------------------------------------------------------
+  // Per-bubble action handlers
+  // ---------------------------------------------------------------------------
+
+  async function handleBubbleReocr(): Promise<void> {
+    const b = selectedBubble();
+    if (!b) return;
+    const updated = await reocrBubble(params.id, b.bubbleIndex);
+    await refetchBubbles();
+    // Keep selection on the same bubble so BubbleEditor refreshes via reactive signal
+    setSelectedIndex(updated.bubbleIndex);
+  }
+
+  async function handleBubbleRetranslate(): Promise<void> {
+    const b = selectedBubble();
+    if (!b) return;
+    const updated = await retranslateBubble(params.id, b.bubbleIndex);
+    await refetchBubbles();
+    setSelectedIndex(updated.bubbleIndex);
+  }
+
+  async function handleBubbleReinpaint(): Promise<void> {
+    const b = selectedBubble();
+    if (!b) return;
+    await reinpaintBubble(params.id, b.bubbleIndex, bubblePadding());
+    setResultImageVersion((v) => v + 1);
+  }
+
+  async function handleBubbleRepatch(): Promise<void> {
+    const b = selectedBubble();
+    if (!b) return;
+    await repatchBubble(params.id, b.bubbleIndex, bubblePadding());
+    setResultImageVersion((v) => v + 1);
+  }
+
+  // Cache-busted result URL
+  const resultUrl = () =>
+    `${jobResultUrl(params.id)}?v=${resultImageVersion()}`;
+
   // ---------------------------------------------------------------------------
   // Sub-components
   // ---------------------------------------------------------------------------
@@ -232,6 +282,7 @@ export function StudioPage() {
     bubbles: bubbleList(),
     selectedIndex: selectedIndex(),
     drawMode: isDrawMode(),
+    bubblePadding: bubblePadding(),
     onSelect: handleSelect,
     onMove: handleMove,
     onResize: handleResize,
@@ -296,6 +347,32 @@ export function StudioPage() {
           ))}
         </div>
 
+        {/* Bubble display padding */}
+        <div class="ml-3 flex items-center gap-1 rounded-lg border border-slate-200 bg-white px-2 py-1 text-xs text-slate-600">
+          <span class="select-none font-medium">Pad</span>
+          <button
+            class="flex h-5 w-5 items-center justify-center rounded hover:bg-slate-100 disabled:opacity-30"
+            disabled={bubblePadding() <= 0}
+            onClick={() => {
+              const v = Math.max(0, bubblePadding() - 1);
+              setBubblePadding(v);
+              localStorage.setItem("studio-bubble-padding", String(v));
+            }}
+            aria-label="Decrease bubble padding"
+          >−</button>
+          <span class="w-5 text-center tabular-nums">{bubblePadding()}</span>
+          <button
+            class="flex h-5 w-5 items-center justify-center rounded hover:bg-slate-100 disabled:opacity-30"
+            disabled={bubblePadding() >= 20}
+            onClick={() => {
+              const v = Math.min(20, bubblePadding() + 1);
+              setBubblePadding(v);
+              localStorage.setItem("studio-bubble-padding", String(v));
+            }}
+            aria-label="Increase bubble padding"
+          >+</button>
+        </div>
+
         {/* Spacer */}
         <div class="flex-1" />
 
@@ -438,7 +515,7 @@ export function StudioPage() {
                   >
                     <BubbleCanvas
                       {...canvasProps()}
-                      imageUrl={jobResultUrl(params.id)}
+                      imageUrl={resultUrl()}
                       imageWidth={j().originalWidth}
                       imageHeight={j().originalHeight}
                     />
@@ -469,7 +546,7 @@ export function StudioPage() {
                       >
                         <BubbleCanvas
                           {...canvasProps()}
-                          imageUrl={jobResultUrl(params.id)}
+                          imageUrl={resultUrl()}
                           imageWidth={j().originalWidth}
                           imageHeight={j().originalHeight}
                         />
@@ -486,6 +563,10 @@ export function StudioPage() {
                 bubble={selectedBubble()}
                 onUpdate={handleBubbleUpdate}
                 onDelete={handleBubbleDelete}
+                onReocr={handleBubbleReocr}
+                onRetranslate={handleBubbleRetranslate}
+                onReinpaint={handleBubbleReinpaint}
+                onRepatch={handleBubbleRepatch}
               />
             </aside>
           </div>
diff --git a/server/ClientApp/src/types.ts b/server/ClientApp/src/types.ts
index 41c51d1..01e104c 100644
--- a/server/ClientApp/src/types.ts
+++ b/server/ClientApp/src/types.ts
@@ -47,6 +47,8 @@ export interface TranslationBubble {
   translatedText: string;
   isManuallyAdded: boolean;
   isExcluded: boolean;
+  fontFamily?: string;
+  fontSizeOverride?: number;
   lastEditedAt?: string;
   createdAt: string;
 }
diff --git a/server/Migrations/20260727000001_AddBubbleFontSettings.Designer.cs b/server/Migrations/20260727000001_AddBubbleFontSettings.Designer.cs
new file mode 100644
index 0000000..091caf3
--- /dev/null
+++ b/server/Migrations/20260727000001_AddBubbleFontSettings.Designer.cs
@@ -0,0 +1,289 @@
+// <auto-generated />
+using System;
+using Microsoft.EntityFrameworkCore;
+using Microsoft.EntityFrameworkCore.Infrastructure;
+using Microsoft.EntityFrameworkCore.Migrations;
+using Microsoft.EntityFrameworkCore.Storage.ValueConversion;
+using WebOcrServer.Data;
+
+#nullable disable
+
+namespace WebOcrServer.Migrations
+{
+    [DbContext(typeof(AppDbContext))]
+    [Migration("20260727000001_AddBubbleFontSettings")]
+    partial class AddBubbleFontSettings
+    {
+        /// <inheritdoc />
+        protected override void BuildTargetModel(ModelBuilder modelBuilder)
+        {
+#pragma warning disable 612, 618
+            modelBuilder.HasAnnotation("ProductVersion", "9.0.18");
+
+            modelBuilder.Entity("WebOcrServer.Data.Chapter", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("ChapterNumber")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("TEXT");
+
+                    b.Property<int>("SortOrder")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("Title")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<int?>("VolumeId")
+                        .HasColumnType("INTEGER");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("VolumeId");
+
+                    b.ToTable("Chapters");
+                });
+
+            modelBuilder.Entity("WebOcrServer.Data.OcrLog", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("TEXT");
+
+                    b.Property<long?>("ElapsedMs")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("TargetLang")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("Text")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("Translation")
+                        .HasColumnType("TEXT");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("OcrLogs");
+                });
+
+            modelBuilder.Entity("WebOcrServer.Data.PageTranslationJob", b =>
+                {
+                    b.Property<string>("Id")
+                        .HasColumnType("TEXT");
+
+                    b.Property<int>("BubbleCount")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<int?>("ChapterId")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<DateTime?>("CompletedAt")
+                        .HasColumnType("TEXT");
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("ErrorMessage")
+                        .HasColumnType("TEXT");
+
+                    b.Property<int>("OriginalHeight")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("OriginalImagePath")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<int>("OriginalWidth")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<int>("PageOrder")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("ResultImagePath")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("Status")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("Title")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("ChapterId");
+
+                    b.ToTable("PageTranslationJobs");
+                });
+
+            modelBuilder.Entity("WebOcrServer.Data.PageTranslationLog", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<float>("BubbleH")
+                        .HasColumnType("REAL");
+
+                    b.Property<int>("BubbleIndex")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<float>("BubbleW")
+                        .HasColumnType("REAL");
+
+                    b.Property<float>("BubbleX")
+                        .HasColumnType("REAL");
+
+                    b.Property<float>("BubbleY")
+                        .HasColumnType("REAL");
+
+                    b.Property<float>("Confidence")
+                        .HasColumnType("REAL");
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("FontFamily")
+                        .HasColumnType("TEXT");
+
+                    b.Property<int?>("FontSizeOverride")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<bool>("IsExcluded")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<bool>("IsManuallyAdded")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("JobId")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<DateTime?>("LastEditedAt")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("SourceText")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("TranslatedText")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.HasKey("Id");
+
+                    b.HasIndex("JobId");
+
+                    b.ToTable("PageTranslationLogs");
+                });
+
+            modelBuilder.Entity("WebOcrServer.Data.TranslateLog", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("TEXT");
+
+                    b.Property<long?>("ElapsedMs")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("SourceText")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("TargetLang")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("Translated")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("TranslateLogs");
+                });
+
+            modelBuilder.Entity("WebOcrServer.Data.Volume", b =>
+                {
+                    b.Property<int>("Id")
+                        .ValueGeneratedOnAdd()
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("CoverImagePath")
+                        .HasColumnType("TEXT");
+
+                    b.Property<DateTime>("CreatedAt")
+                        .HasColumnType("TEXT");
+
+                    b.Property<int>("SortOrder")
+                        .HasColumnType("INTEGER");
+
+                    b.Property<string>("Synopsis")
+                        .HasColumnType("TEXT");
+
+                    b.Property<string>("Title")
+                        .IsRequired()
+                        .HasColumnType("TEXT");
+
+                    b.HasKey("Id");
+
+                    b.ToTable("Volumes");
+                });
+
+            modelBuilder.Entity("WebOcrServer.Data.Chapter", b =>
+                {
+                    b.HasOne("WebOcrServer.Data.Volume", "Volume")
+                        .WithMany("Chapters")
+                        .HasForeignKey("VolumeId");
+
+                    b.Navigation("Volume");
+                });
+
+            modelBuilder.Entity("WebOcrServer.Data.PageTranslationJob", b =>
+                {
+                    b.HasOne("WebOcrServer.Data.Chapter", "Chapter")
+                        .WithMany("Jobs")
+                        .HasForeignKey("ChapterId");
+
+                    b.Navigation("Chapter");
+                });
+
+            modelBuilder.Entity("WebOcrServer.Data.PageTranslationLog", b =>
+                {
+                    b.HasOne("WebOcrServer.Data.PageTranslationJob", "Job")
+                        .WithMany()
+                        .HasForeignKey("JobId")
+                        .OnDelete(DeleteBehavior.Cascade)
+                        .IsRequired();
+
+                    b.Navigation("Job");
+                });
+
+            modelBuilder.Entity("WebOcrServer.Data.Chapter", b =>
+                {
+                    b.Navigation("Jobs");
+                });
+
+            modelBuilder.Entity("WebOcrServer.Data.Volume", b =>
+                {
+                    b.Navigation("Chapters");
+                });
+#pragma warning restore 612, 618
+        }
+    }
+}
diff --git a/server/Migrations/20260727000001_AddBubbleFontSettings.cs b/server/Migrations/20260727000001_AddBubbleFontSettings.cs
new file mode 100644
index 0000000..5ba71fd
--- /dev/null
+++ b/server/Migrations/20260727000001_AddBubbleFontSettings.cs
@@ -0,0 +1,38 @@
+using Microsoft.EntityFrameworkCore.Migrations;
+
+#nullable disable
+
+namespace WebOcrServer.Migrations
+{
+    /// <inheritdoc />
+    public partial class AddBubbleFontSettings : Migration
+    {
+        /// <inheritdoc />
+        protected override void Up(MigrationBuilder migrationBuilder)
+        {
+            migrationBuilder.AddColumn<string>(
+                name: "FontFamily",
+                table: "PageTranslationLogs",
+                type: "TEXT",
+                nullable: true);
+
+            migrationBuilder.AddColumn<int>(
+                name: "FontSizeOverride",
+                table: "PageTranslationLogs",
+                type: "INTEGER",
+                nullable: true);
+        }
+
+        /// <inheritdoc />
+        protected override void Down(MigrationBuilder migrationBuilder)
+        {
+            migrationBuilder.DropColumn(
+                name: "FontFamily",
+                table: "PageTranslationLogs");
+
+            migrationBuilder.DropColumn(
+                name: "FontSizeOverride",
+                table: "PageTranslationLogs");
+        }
+    }
+}
diff --git a/server/Migrations/AppDbContextModelSnapshot.cs b/server/Migrations/AppDbContextModelSnapshot.cs
index a0fd844..11bb9a1 100644
--- a/server/Migrations/AppDbContextModelSnapshot.cs
+++ b/server/Migrations/AppDbContextModelSnapshot.cs
@@ -152,6 +152,12 @@ protected override void BuildModel(ModelBuilder modelBuilder)
                     b.Property<DateTime>("CreatedAt")
                         .HasColumnType("TEXT");
 
+                    b.Property<string>("FontFamily")
+                        .HasColumnType("TEXT");
+
+                    b.Property<int?>("FontSizeOverride")
+                        .HasColumnType("INTEGER");
+
                     b.Property<bool>("IsExcluded")
                         .HasColumnType("INTEGER");
 
diff --git a/server/Models/RequestModels.cs b/server/Models/RequestModels.cs
index 525c59d..f4961ca 100644
--- a/server/Models/RequestModels.cs
+++ b/server/Models/RequestModels.cs
@@ -2,7 +2,8 @@ namespace WebOcrServer;
 
 public record OcrRequest(
     string Image,
-    string? TranslateEngine = "none"
+    string? TranslateEngine = "none",
+    bool?   TrackJob        = null
 );
 
 public record TranslateRequest(
diff --git a/server/Models/ResponseModels.cs b/server/Models/ResponseModels.cs
index 232a215..5092bda 100644
--- a/server/Models/ResponseModels.cs
+++ b/server/Models/ResponseModels.cs
@@ -3,7 +3,9 @@ namespace WebOcrServer;
 public record OcrResponse(
     string Text,
     string? Translation,
-    long ElapsedMs
+    long    ElapsedMs,
+    [property: System.Text.Json.Serialization.JsonIgnore(Condition = System.Text.Json.Serialization.JsonIgnoreCondition.WhenWritingNull)]
+    string? JobId = null
 );
 
 public record TranslateResponse(
diff --git a/server/src/Data/AppDbContext.cs b/server/src/Data/AppDbContext.cs
index 5dabec9..9c0be43 100644
--- a/server/src/Data/AppDbContext.cs
+++ b/server/src/Data/AppDbContext.cs
@@ -82,6 +82,8 @@ public class PageTranslationLog
     public string    TranslatedText  { get; set; } = "";
     public bool      IsManuallyAdded { get; set; }
     public bool      IsExcluded      { get; set; }
+    public string?   FontFamily      { get; set; }
+    public int?      FontSizeOverride { get; set; }
     public DateTime? LastEditedAt    { get; set; }
     public DateTime  CreatedAt       { get; set; } = DateTime.UtcNow;
 }
diff --git a/server/src/Routes/OcrRoutes.cs b/server/src/Routes/OcrRoutes.cs
index 9a12526..f2ce1a3 100644
--- a/server/src/Routes/OcrRoutes.cs
+++ b/server/src/Routes/OcrRoutes.cs
@@ -1,3 +1,4 @@
+using SkiaSharp;
 using WebOcrServer.Data;
 
 namespace WebOcrServer;
@@ -10,8 +11,11 @@ public static void MapOcrRoutes(this WebApplication app)
             OcrRequest             req,
             BootState              boot,
             InferenceQueue         queue,
+            PageTranslationQueue   translationQueue,
             IServiceScopeFactory   scopeFactory,
-            ILogger<OcrEngine>     logger) =>
+            AppConfig              config,
+            ILogger<OcrEngine>     logger,
+            CancellationToken      ct) =>
         {
             if (!boot.OcrReady)
                 return Results.Json(new { error = "OCR model not ready" }, statusCode: 503);
@@ -53,8 +57,67 @@ public static void MapOcrRoutes(this WebApplication app)
             // Fire-and-forget DB log (non-blocking)
             _ = LogOcrAsync(scopeFactory, result, engine);
 
-            return Results.Ok(result);
+            // Optional background page-translation job (for extension result push).
+            // Use TryWrite so a full or closed queue never delays or fails the OCR response.
+            string? jobId = null;
+            if (req.TrackJob == true && boot.IsReady)
+            {
+                try
+                {
+                    var candidateId = Guid.NewGuid().ToString("N");
+                    var pngBytes    = JpegToPng(imageBytes);
+                    if (translationQueue.Writer.TryWrite(new PageTranslationItem(candidateId, pngBytes)))
+                        jobId = candidateId;
+                    else
+                        logger.LogWarning("Translation queue full; skipping tracked job for this OCR request.");
+                }
+                catch (Exception ex)
+                {
+                    logger.LogWarning(ex, "Failed to enqueue page-translation job; proceeding without job tracking.");
+                }
+            }
+
+            return Results.Ok(result with { JobId = jobId });
         });
+
+        // ── Job status (extension-accessible, default CORS) ───────────────────
+
+        app.MapGet("/jobs/{id}/status", async (string id, AppDbContext db) =>
+        {
+            var job = await db.PageTranslationJobs.FindAsync(id);
+            if (job is null) return Results.NotFound();
+            return Results.Ok(new { status = job.Status, job_id = id });
+        });
+
+        // ── Job result image (extension-accessible, default CORS) ─────────────
+
+        app.MapGet("/jobs/{id}/result-image", async (
+            string      id,
+            AppDbContext db,
+            AppConfig   config,
+            HttpContext  ctx) =>
+        {
+            var job = await db.PageTranslationJobs.FindAsync(id);
+            if (job is null || string.IsNullOrEmpty(job.ResultImagePath))
+                return Results.NotFound();
+
+            var dataDir  = Path.GetDirectoryName(Path.GetFullPath(config.DatabasePath))!;
+            var fullPath = Path.Combine(dataDir, job.ResultImagePath);
+            if (!File.Exists(fullPath)) return Results.NotFound();
+
+            ctx.Response.Headers["Cache-Control"] = "no-cache";
+            return Results.File(fullPath, "image/png");
+        });
+    }
+
+    // ── Helpers ───────────────────────────────────────────────────────────────
+
+    private static byte[] JpegToPng(byte[] jpeg)
+    {
+        using var bmp = SKBitmap.Decode(jpeg);
+        if (bmp is null) throw new InvalidOperationException("Failed to decode image: unsupported format or corrupt data.");
+        using var imgData = bmp.Encode(SKEncodedImageFormat.Png, 100);
+        return imgData.ToArray();
     }
 
     private static async Task LogOcrAsync(
diff --git a/server/src/Routes/PortalRoutes.cs b/server/src/Routes/PortalRoutes.cs
index 14cb31d..5b2fe02 100644
--- a/server/src/Routes/PortalRoutes.cs
+++ b/server/src/Routes/PortalRoutes.cs
@@ -145,13 +145,15 @@ public static void MapPortalRoutes(this WebApplication app)
                 .FirstOrDefaultAsync(l => l.JobId == jobId && l.BubbleIndex == bubbleIndex);
             if (bubble is null) return Results.NotFound();
 
-            if (req.BubbleX        is not null) bubble.BubbleX        = req.BubbleX.Value;
-            if (req.BubbleY        is not null) bubble.BubbleY        = req.BubbleY.Value;
-            if (req.BubbleW        is not null) bubble.BubbleW        = req.BubbleW.Value;
-            if (req.BubbleH        is not null) bubble.BubbleH        = req.BubbleH.Value;
-            if (req.SourceText     is not null) bubble.SourceText     = req.SourceText;
-            if (req.TranslatedText is not null) bubble.TranslatedText = req.TranslatedText;
-            if (req.IsExcluded     is not null) bubble.IsExcluded     = req.IsExcluded.Value;
+            if (req.BubbleX         is not null) bubble.BubbleX         = req.BubbleX.Value;
+            if (req.BubbleY         is not null) bubble.BubbleY         = req.BubbleY.Value;
+            if (req.BubbleW         is not null) bubble.BubbleW         = req.BubbleW.Value;
+            if (req.BubbleH         is not null) bubble.BubbleH         = req.BubbleH.Value;
+            if (req.SourceText      is not null) bubble.SourceText      = req.SourceText;
+            if (req.TranslatedText  is not null) bubble.TranslatedText  = req.TranslatedText;
+            if (req.IsExcluded      is not null) bubble.IsExcluded      = req.IsExcluded.Value;
+            if (req.FontFamily      is not null) bubble.FontFamily      = req.FontFamily == "" ? null : req.FontFamily;
+            if (req.FontSizeOverride is not null) bubble.FontSizeOverride = req.FontSizeOverride == 0 ? null : req.FontSizeOverride;
 
             bubble.LastEditedAt = DateTime.UtcNow;
             await db.SaveChangesAsync();
@@ -170,6 +172,52 @@ public static void MapPortalRoutes(this WebApplication app)
             return Results.NoContent();
         });
 
+        // ── Per-bubble actions (synchronous — single bubble is fast) ──────────
+
+        g.MapPost("/jobs/{jobId}/bubbles/{bubbleIndex:int}/reocr", async (
+            string jobId, int bubbleIndex, PageTranslationService pipeline) =>
+        {
+            try
+            {
+                var updated = await pipeline.ReocrBubbleAsync(jobId, bubbleIndex);
+                return Results.Ok(updated);
+            }
+            catch (KeyNotFoundException) { return Results.NotFound(); }
+        });
+
+        g.MapPost("/jobs/{jobId}/bubbles/{bubbleIndex:int}/retranslate", async (
+            string jobId, int bubbleIndex, PageTranslationService pipeline) =>
+        {
+            try
+            {
+                var updated = await pipeline.RetranslateBubbleAsync(jobId, bubbleIndex);
+                return Results.Ok(updated);
+            }
+            catch (KeyNotFoundException) { return Results.NotFound(); }
+        });
+
+        g.MapPost("/jobs/{jobId}/bubbles/{bubbleIndex:int}/reinpaint", async (
+            string jobId, int bubbleIndex, BubblePaddingRequest? body, PageTranslationService pipeline) =>
+        {
+            try
+            {
+                await pipeline.ReinpaintBubbleAsync(jobId, bubbleIndex, Math.Max(0, body?.Padding ?? 0));
+                return Results.Ok();
+            }
+            catch (KeyNotFoundException) { return Results.NotFound(); }
+        });
+
+        g.MapPost("/jobs/{jobId}/bubbles/{bubbleIndex:int}/repatch", async (
+            string jobId, int bubbleIndex, BubblePaddingRequest? body, PageTranslationService pipeline) =>
+        {
+            try
+            {
+                await pipeline.RepatchBubbleAsync(jobId, bubbleIndex, Math.Max(0, body?.Padding ?? 0));
+                return Results.Ok();
+            }
+            catch (KeyNotFoundException) { return Results.NotFound(); }
+        });
+
         // ── Job actions (fire-and-forget; caller polls job status) ────────────
 
         g.MapPost("/jobs/{id}/redetect", async (
@@ -284,6 +332,7 @@ public static void MapPortalRoutes(this WebApplication app)
 
         g.MapPost("/jobs/{id}/rerender", async (
             string                 id,
+            RerenderRequest?       body,
             PageTranslationService pipeline,
             AppDbContext           db,
             ILoggerFactory         loggerFactory) =>
@@ -291,6 +340,7 @@ public static void MapPortalRoutes(this WebApplication app)
             var job = await db.PageTranslationJobs.FindAsync(id);
             if (job is null) return Results.NotFound();
 
+            int padding = Math.Max(0, body?.Padding ?? 0);
             var logger = loggerFactory.CreateLogger("PortalRerender");
             _ = Task.Run(async () =>
             {
@@ -301,7 +351,7 @@ public static void MapPortalRoutes(this WebApplication app)
                     var j   = await db2.PageTranslationJobs.FindAsync(id);
                     if (j is not null) { j.Status = "processing"; await db2.SaveChangesAsync(); }
 
-                    await pipeline.RerenderAsync(id);
+                    await pipeline.RerenderAsync(id, padding);
 
                     j = await db2.PageTranslationJobs.FindAsync(id);
                     if (j is not null) { j.Status = "done"; await db2.SaveChangesAsync(); }
@@ -464,10 +514,13 @@ await db.PageTranslationJobs.Where(j => j.ChapterId == id)
     // ── Request / Response records ────────────────────────────────────────────
 
     private record UpdateJobRequest(string? Title, int? ChapterId, int? PageOrder);
+    private record RerenderRequest(int Padding = 0);
+    private record BubblePaddingRequest(int Padding = 0);
     private record AddBubbleRequest(float X, float Y, float W, float H);
     private record UpdateBubbleRequest(
         float?  BubbleX, float? BubbleY, float? BubbleW, float? BubbleH,
-        string? SourceText, string? TranslatedText, bool? IsExcluded);
+        string? SourceText, string? TranslatedText, bool? IsExcluded,
+        string? FontFamily = null, int? FontSizeOverride = null);
     private record CreateVolumeRequest(string Title, string? Synopsis);
     private record UpdateVolumeRequest(string? Title, string? Synopsis, int? SortOrder);
     private record CreateChapterRequest(string Title, string ChapterNumber, int? VolumeId);
diff --git a/server/src/ServiceExtensions.cs b/server/src/ServiceExtensions.cs
index 7992e6b..9d780f6 100644
--- a/server/src/ServiceExtensions.cs
+++ b/server/src/ServiceExtensions.cs
@@ -88,6 +88,8 @@ public static void AddWebOcrServices(this WebApplicationBuilder builder)
         // Background inference queue (serialises ONNX sessions)
         builder.Services.AddSingleton<InferenceQueue>();
         builder.Services.AddHostedService<InferenceWorker>();
+        builder.Services.AddSingleton<PageTranslationQueue>();
+        builder.Services.AddHostedService<PageTranslationWorker>();
 
         // Boot background service: scaffolds dirs, runs migrations, downloads models, inits services
         builder.Services.AddHostedService<BootBackgroundService>();
diff --git a/server/src/Services/BubbleDetectionService.cs b/server/src/Services/BubbleDetectionService.cs
index 5252e8f..07d9699 100644
--- a/server/src/Services/BubbleDetectionService.cs
+++ b/server/src/Services/BubbleDetectionService.cs
@@ -65,7 +65,7 @@ public void LoadModel(string modelPath)
     /// Returns pixel-coordinate bounding boxes in the original image dimensions.
     /// Returns an empty list when no model is loaded.
     /// </summary>
-    public List<BubbleBox> Detect(byte[] imagePng, float confidenceThreshold = 0.35f)
+    public List<BubbleBox> Detect(byte[] imagePng, float confidenceThreshold = 0.35f, CancellationToken ct = default)
     {
         // Capture session once; field is volatile so this read has acquire semantics
         var session = _session;
@@ -75,8 +75,8 @@ public List<BubbleBox> Detect(byte[] imagePng, float confidenceThreshold = 0.35f
         if (bitmap is null) return [];
 
         return _family == ModelFamily.RtDetr
-            ? DetectRtDetr(session, bitmap, confidenceThreshold)
-            : DetectYolo(session, bitmap, confidenceThreshold);
+            ? DetectRtDetr(session, bitmap, confidenceThreshold, ct)
+            : DetectYolo(session, bitmap, confidenceThreshold, ct);
     }
 
     // ── RT-DETR inference ─────────────────────────────────────────────────────
@@ -85,7 +85,7 @@ public List<BubbleBox> Detect(byte[] imagePng, float confidenceThreshold = 0.35f
     // Inputs:  images [1,3,640,640] float32 normalised, orig_target_sizes [1,2] int64 (H, W)
     // Outputs: labels [1,N] int64, boxes [1,N,4] float32 (x1,y1,x2,y2 pixel coords), scores [1,N] float32
 
-    private List<BubbleBox> DetectRtDetr(InferenceSession session, SKBitmap bitmap, float confidenceThreshold)
+    private List<BubbleBox> DetectRtDetr(InferenceSession session, SKBitmap bitmap, float confidenceThreshold, CancellationToken ct)
     {
         const int InputSize = 640;
         int origW = bitmap.Width, origH = bitmap.Height;
@@ -172,13 +172,15 @@ private List<BubbleBox> DetectRtDetr(InferenceSession session, SKBitmap bitmap,
             result.Add(new BubbleBox(x1, y1, bw, bh, score));
         }
 
-        return Nms(result, iouThreshold: 0.45f);
+        // NMS first to eliminate overlapping duplicates, then refine surviving boxes
+        return Nms(result, iouThreshold: 0.45f)
+            .ConvertAll(b => RefineToInnerBoundary(bitmap, b, ct: ct));
     }
 
     // ── YOLOv8 inference ──────────────────────────────────────────────────────
     // Handles both channels-first [1,5+cls,anchors] and channels-last [1,anchors,5+cls] layouts.
 
-    private List<BubbleBox> DetectYolo(InferenceSession session, SKBitmap bitmap, float confidenceThreshold)
+    private List<BubbleBox> DetectYolo(InferenceSession session, SKBitmap bitmap, float confidenceThreshold, CancellationToken ct)
     {
         const int InputSize = 640;
         int origW = bitmap.Width, origH = bitmap.Height;
@@ -246,7 +248,97 @@ private List<BubbleBox> DetectYolo(InferenceSession session, SKBitmap bitmap, fl
             }
         }
 
-        return Nms(boxes, iouThreshold: 0.45f);
+        // NMS first to eliminate overlapping duplicates, then refine surviving boxes
+        return Nms(boxes, iouThreshold: 0.45f)
+            .ConvertAll(b => RefineToInnerBoundary(bitmap, b, ct: ct));
+    }
+
+    // ── Inner-boundary refinement ─────────────────────────────────────────────
+
+    /// <summary>
+    /// Refines a model bounding box to the actual white inner region of a speech bubble
+    /// by BFS flood-filling bright pixels from the box centre in the original image.
+    /// Returns <paramref name="box"/> unchanged when the centre pixel is not bright,
+    /// the box area exceeds <see cref="MaxBfsArea"/>, or refinement yields a degenerate rect.
+    /// </summary>
+    private static BubbleBox RefineToInnerBoundary(
+        SKBitmap src, BubbleBox box, byte brightnessThreshold = 200, CancellationToken ct = default)
+    {
+        int x0 = Math.Max(0, (int)box.X);
+        int y0 = Math.Max(0, (int)box.Y);
+        int w  = Math.Min((int)box.Width,  src.Width  - x0);
+        int h  = Math.Min((int)box.Height, src.Height - y0);
+        if (w <= 0 || h <= 0) return box;
+
+        // Guard against unbounded allocation for very large boxes.
+        const int MaxBfsArea = 1_000_000; // ~1000×1000 pixels
+        if (w * h > MaxBfsArea) return box;
+
+        ct.ThrowIfCancellationRequested();
+
+        bool IsBright(int px, int py)
+        {
+            if ((uint)px >= (uint)src.Width || (uint)py >= (uint)src.Height) return false;
+            var c = src.GetPixel(px, py);
+            return c.Red   > brightnessThreshold
+                && c.Green > brightnessThreshold
+                && c.Blue  > brightnessThreshold;
+        }
+
+        // Sample a 3×3 grid of candidate seeds at 25/50/75 % of the box dimensions.
+        // The exact centre is often occupied by a text glyph (dark), so we probe
+        // multiple points and take the first bright one as the BFS seed.
+        (int lx, int ly) seed = (-1, -1);
+        for (int gy = 1; gy <= 3 && seed.lx < 0; gy++)
+            for (int gx2 = 1; gx2 <= 3 && seed.lx < 0; gx2++)
+            {
+                int tx = x0 + gx2 * w / 4;
+                int ty = y0 + gy  * h / 4;
+                if (IsBright(tx, ty))
+                    seed = (tx - x0, ty - y0);
+            }
+
+        if (seed.lx < 0) return box; // no bright pixel found in bbox
+
+        var visited = new bool[w, h];
+        var queue   = new Queue<(int lx, int ly)>();
+
+        visited[seed.lx, seed.ly] = true;
+        queue.Enqueue(seed);
+
+        int minX = seed.lx + x0, maxX = minX;
+        int minY = seed.ly + y0, maxY = minY;
+
+        void TryExpand(int nx, int ny)
+        {
+            if ((uint)nx >= (uint)w || (uint)ny >= (uint)h || visited[nx, ny]) return;
+            visited[nx, ny] = true;
+            if (IsBright(nx + x0, ny + y0)) queue.Enqueue((nx, ny));
+        }
+
+        int bfsCount = 0;
+        while (queue.Count > 0)
+        {
+            if (++bfsCount % 1_000 == 0) ct.ThrowIfCancellationRequested();
+
+            var (lx, ly) = queue.Dequeue();
+            int gx = lx + x0, gy2 = ly + y0;
+            if (gx < minX) minX = gx; if (gx > maxX) maxX = gx;
+            if (gy2 < minY) minY = gy2; if (gy2 > maxY) maxY = gy2;
+            TryExpand(lx + 1, ly);
+            TryExpand(lx - 1, ly);
+            TryExpand(lx,     ly + 1);
+            TryExpand(lx,     ly - 1);
+        }
+
+        // Shrink 2 px inward on each side to leave border pixels intact.
+        const int EdgeInset = 2;
+        minX += EdgeInset; minY += EdgeInset;
+        maxX -= EdgeInset; maxY -= EdgeInset;
+        if (maxX <= minX || maxY <= minY) return box;
+
+        // +1 converts inclusive pixel coordinates to pixel counts.
+        return new BubbleBox(minX, minY, maxX - minX + 1, maxY - minY + 1, box.Confidence);
     }
 
     // ── Coordinate helpers ────────────────────────────────────────────────────
diff --git a/server/src/Services/PageTranslationService.cs b/server/src/Services/PageTranslationService.cs
index eeadd34..c933a0d 100644
--- a/server/src/Services/PageTranslationService.cs
+++ b/server/src/Services/PageTranslationService.cs
@@ -1,3 +1,4 @@
+using System.Collections.Concurrent;
 using Microsoft.EntityFrameworkCore;
 using SkiaSharp;
 using WebOcrServer.Data;
@@ -232,13 +233,11 @@ await db.PageTranslationLogs
     }
 
     /// <summary>Re-runs typesetting on the current DB bubble data and overwrites the stored result image.</summary>
-    public async Task RerenderAsync(string jobId, CancellationToken ct = default)
+    public async Task RerenderAsync(string jobId, int padding = 0, CancellationToken ct = default)
     {
         var originalPath = Path.Combine(config.JobsDir, jobId, "original.png");
         if (!File.Exists(originalPath)) throw new FileNotFoundException("Original image not found for job", originalPath);
 
-        var imagePng = await File.ReadAllBytesAsync(originalPath, ct);
-
         await using var scope = scopeFactory.CreateAsyncScope();
         var db = scope.ServiceProvider.GetRequiredService<AppDbContext>();
 
@@ -249,19 +248,25 @@ public async Task RerenderAsync(string jobId, CancellationToken ct = default)
 
         var translations = bubbleLogs.Select(l => new BubbleTranslation(
             new BubbleBox(l.BubbleX, l.BubbleY, l.BubbleW, l.BubbleH, l.Confidence),
-            l.SourceText, l.TranslatedText)).ToList();
-
-        var resultPng = await Task.Run(() => typesetter.RenderTranslations(imagePng, translations), ct);
-
-        var resultPath = Path.Combine(config.JobsDir, jobId, "result.png");
-        await File.WriteAllBytesAsync(resultPath, resultPng, ct);
+            l.SourceText, l.TranslatedText, l.FontFamily, l.FontSizeOverride)).ToList();
 
-        var job = await db.PageTranslationJobs.FindAsync(jobId);
-        if (job is not null)
+        var imgLock = GetImageLock(jobId);
+        await imgLock.WaitAsync(ct);
+        try
         {
-            job.ResultImagePath = Path.Combine("jobs", jobId, "result.png");
-            await db.SaveChangesAsync(ct);
+            var imagePng  = await File.ReadAllBytesAsync(originalPath, ct);
+            var resultPng = await Task.Run(() => typesetter.RenderTranslations(imagePng, translations, padding), ct);
+            var resultPath = Path.Combine(config.JobsDir, jobId, "result.png");
+            await File.WriteAllBytesAsync(resultPath, resultPng, ct);
+
+            var job = await db.PageTranslationJobs.FindAsync(jobId);
+            if (job is not null)
+            {
+                job.ResultImagePath = Path.Combine("jobs", jobId, "result.png");
+                await db.SaveChangesAsync(ct);
+            }
         }
+        finally { imgLock.Release(); }
     }
 
     // ── Public helpers used by PortalRoutes ───────────────────────────────────
@@ -276,6 +281,145 @@ public async Task RerenderAsync(string jobId, CancellationToken ct = default)
     public static byte[] CropBubblePublic(byte[] imagePng, BubbleBox box, float padding) =>
         CropBubble(imagePng, box, padding);
 
+    // ── Per-bubble actions ────────────────────────────────────────────────────
+
+    /// <summary>Re-runs OCR on a single bubble, updates <see cref="Data.PageTranslationLog.SourceText"/>.</summary>
+    public async Task<Data.PageTranslationLog> ReocrBubbleAsync(string jobId, int bubbleIndex, CancellationToken ct = default)
+    {
+        await using var scope = scopeFactory.CreateAsyncScope();
+        var db = scope.ServiceProvider.GetRequiredService<AppDbContext>();
+
+        var bubble = await db.PageTranslationLogs
+            .FirstOrDefaultAsync(l => l.JobId == jobId && l.BubbleIndex == bubbleIndex, ct)
+            ?? throw new KeyNotFoundException($"Bubble {bubbleIndex} not found in job {jobId}");
+
+        var imagePng = await File.ReadAllBytesAsync(Path.Combine(config.JobsDir, jobId, "original.png"), ct);
+        var cropped  = CropBubble(imagePng,
+            new BubbleBox(bubble.BubbleX, bubble.BubbleY, bubble.BubbleW, bubble.BubbleH, bubble.Confidence), 0.05f);
+
+        var ocrTcs = new TaskCompletionSource<object>(TaskCreationOptions.RunContinuationsAsynchronously);
+        await queue.Writer.WriteAsync(new OcrJob(cropped, "none", ocrTcs), ct);
+        var ocrResult = (OcrResponse)await ocrTcs.Task;
+
+        bubble.SourceText   = ocrResult.Text?.Trim() ?? "";
+        bubble.LastEditedAt = DateTime.UtcNow;
+        await db.SaveChangesAsync(ct);
+        return bubble;
+    }
+
+    /// <summary>Translates the stored source text for a single bubble, updates <see cref="Data.PageTranslationLog.TranslatedText"/>.</summary>
+    public async Task<Data.PageTranslationLog> RetranslateBubbleAsync(string jobId, int bubbleIndex, CancellationToken ct = default)
+    {
+        await using var scope = scopeFactory.CreateAsyncScope();
+        var db = scope.ServiceProvider.GetRequiredService<AppDbContext>();
+
+        var bubble = await db.PageTranslationLogs
+            .FirstOrDefaultAsync(l => l.JobId == jobId && l.BubbleIndex == bubbleIndex, ct)
+            ?? throw new KeyNotFoundException($"Bubble {bubbleIndex} not found in job {jobId}");
+
+        if (!string.IsNullOrEmpty(bubble.SourceText))
+        {
+            var trTcs = new TaskCompletionSource<object>(TaskCreationOptions.RunContinuationsAsynchronously);
+            await queue.Writer.WriteAsync(
+                new TranslateJob(bubble.SourceText, modelSettings.Current.PreferredTranslationEngine, trTcs), ct);
+            var trResult = (TranslateResponse)await trTcs.Task;
+
+            bubble.TranslatedText = trResult.Translation;
+            bubble.LastEditedAt   = DateTime.UtcNow;
+            await db.SaveChangesAsync(ct);
+        }
+
+        return bubble;
+    }
+
+    /// <summary>
+    /// White-fills a single bubble in the stored result image (per-bubble re-inpaint).
+    /// If no result image exists yet, copies the original first.
+    /// </summary>
+    public async Task ReinpaintBubbleAsync(string jobId, int bubbleIndex, int padding = 0, CancellationToken ct = default)
+    {
+        await using var scope = scopeFactory.CreateAsyncScope();
+        var db = scope.ServiceProvider.GetRequiredService<AppDbContext>();
+
+        var bubble = await db.PageTranslationLogs
+            .FirstOrDefaultAsync(l => l.JobId == jobId && l.BubbleIndex == bubbleIndex, ct)
+            ?? throw new KeyNotFoundException($"Bubble {bubbleIndex} not found in job {jobId}");
+
+        var jobDir       = Path.Combine(config.JobsDir, jobId);
+        var resultPath   = Path.Combine(jobDir, "result.png");
+        var originalPath = Path.Combine(jobDir, "original.png");
+
+        var box = padding > 0
+            ? new BubbleBox(bubble.BubbleX + padding, bubble.BubbleY + padding,
+                Math.Max(1, bubble.BubbleW - 2 * padding), Math.Max(1, bubble.BubbleH - 2 * padding), bubble.Confidence)
+            : new BubbleBox(bubble.BubbleX, bubble.BubbleY, bubble.BubbleW, bubble.BubbleH, bubble.Confidence);
+
+        var imgLock = GetImageLock(jobId);
+        await imgLock.WaitAsync(ct);
+        try
+        {
+            if (!File.Exists(resultPath)) File.Copy(originalPath, resultPath);
+            var imagePng  = await File.ReadAllBytesAsync(resultPath, ct);
+            var resultPng = await Task.Run(() => typesetter.WhiteFillBubble(imagePng, box), ct);
+            await File.WriteAllBytesAsync(resultPath, resultPng, ct);
+
+            var job = await db.PageTranslationJobs.FindAsync(jobId);
+            if (job is not null && string.IsNullOrEmpty(job.ResultImagePath))
+            {
+                job.ResultImagePath = Path.Combine("jobs", jobId, "result.png");
+                await db.SaveChangesAsync(ct);
+            }
+        }
+        finally { imgLock.Release(); }
+    }
+
+    /// <summary>
+    /// Re-renders (white-fill + typeset) a single bubble onto the stored result image.
+    /// If no result image exists yet, copies the original first.
+    /// </summary>
+    public async Task RepatchBubbleAsync(string jobId, int bubbleIndex, int padding = 0, CancellationToken ct = default)
+    {
+        await using var scope = scopeFactory.CreateAsyncScope();
+        var db = scope.ServiceProvider.GetRequiredService<AppDbContext>();
+
+        var bubble = await db.PageTranslationLogs
+            .FirstOrDefaultAsync(l => l.JobId == jobId && l.BubbleIndex == bubbleIndex, ct)
+            ?? throw new KeyNotFoundException($"Bubble {bubbleIndex} not found in job {jobId}");
+
+        var jobDir       = Path.Combine(config.JobsDir, jobId);
+        var resultPath   = Path.Combine(jobDir, "result.png");
+        var originalPath = Path.Combine(jobDir, "original.png");
+
+        var t = new BubbleTranslation(
+            new BubbleBox(bubble.BubbleX, bubble.BubbleY, bubble.BubbleW, bubble.BubbleH, bubble.Confidence),
+            bubble.SourceText, bubble.TranslatedText, bubble.FontFamily, bubble.FontSizeOverride);
+
+        var imgLock = GetImageLock(jobId);
+        await imgLock.WaitAsync(ct);
+        try
+        {
+            if (!File.Exists(resultPath)) File.Copy(originalPath, resultPath);
+            var imagePng  = await File.ReadAllBytesAsync(resultPath, ct);
+            var resultPng = await Task.Run(() => typesetter.RenderOneBubble(imagePng, t, padding), ct);
+            await File.WriteAllBytesAsync(resultPath, resultPng, ct);
+
+            var job = await db.PageTranslationJobs.FindAsync(jobId);
+            if (job is not null && string.IsNullOrEmpty(job.ResultImagePath))
+            {
+                job.ResultImagePath = Path.Combine("jobs", jobId, "result.png");
+                await db.SaveChangesAsync(ct);
+            }
+        }
+        finally { imgLock.Release(); }
+    }
+
+    // ── Per-job image lock (serialises rerender/reinpaint/repatch) ───────────
+
+    private static readonly ConcurrentDictionary<string, SemaphoreSlim> ImageLocks = new();
+
+    private static SemaphoreSlim GetImageLock(string jobId) =>
+        ImageLocks.GetOrAdd(jobId, _ => new SemaphoreSlim(1, 1));
+
     // ── DB helpers ────────────────────────────────────────────────────────────
 
     private async Task CreateJobRowAsync(string jobId, string originalPath, int width, int height)
diff --git a/server/src/Services/TypesettingService.cs b/server/src/Services/TypesettingService.cs
index 5d76255..19fb8ca 100644
--- a/server/src/Services/TypesettingService.cs
+++ b/server/src/Services/TypesettingService.cs
@@ -6,7 +6,14 @@ namespace WebOcrServer;
 /// <param name="Box">Bounding box in the page's pixel coordinates.</param>
 /// <param name="SourceText">Original OCR text (Japanese).</param>
 /// <param name="TranslatedText">Translated text (English).</param>
-public record BubbleTranslation(BubbleBox Box, string SourceText, string TranslatedText);
+/// <param name="FontFamily">Optional font family override (null = default sans-serif).</param>
+/// <param name="FontSizeOverride">Optional fixed font size override (null or 0 = auto-fit).</param>
+public record BubbleTranslation(
+    BubbleBox Box,
+    string    SourceText,
+    string    TranslatedText,
+    string?   FontFamily       = null,
+    int?      FontSizeOverride = null);
 
 /// <summary>
 /// Renders translated text into speech-bubble regions of an image using SkiaSharp.
@@ -27,7 +34,7 @@ public TypesettingService(ILogger<TypesettingService> logger)
     /// inside each bubble region. Returns the original bytes unchanged if no translations
     /// are provided or if decoding fails.
     /// </summary>
-    public byte[] RenderTranslations(byte[] imagePng, IReadOnlyList<BubbleTranslation> translations)
+    public byte[] RenderTranslations(byte[] imagePng, IReadOnlyList<BubbleTranslation> translations, int padding = 0)
     {
         if (translations.Count == 0) return imagePng;
 
@@ -43,7 +50,13 @@ public byte[] RenderTranslations(byte[] imagePng, IReadOnlyList<BubbleTranslatio
         foreach (var t in translations)
         {
             if (string.IsNullOrWhiteSpace(t.TranslatedText)) continue;
-            RenderTextInBubble(canvas, t.Box, t.TranslatedText);
+            var box = padding > 0
+                ? new BubbleBox(t.Box.X + padding, t.Box.Y + padding,
+                    Math.Max(1, t.Box.Width - 2 * padding),
+                    Math.Max(1, t.Box.Height - 2 * padding),
+                    t.Box.Confidence)
+                : t.Box;
+            RenderTextInBubble(canvas, box, t.TranslatedText, t.FontFamily, t.FontSizeOverride);
         }
 
         canvas.Flush();
@@ -53,9 +66,56 @@ public byte[] RenderTranslations(byte[] imagePng, IReadOnlyList<BubbleTranslatio
         return data.ToArray();
     }
 
+    /// <summary>
+    /// White-fills a single bubble region (no text). Used for per-bubble re-inpaint.
+    /// </summary>
+    public byte[] WhiteFillBubble(byte[] imagePng, BubbleBox box)
+    {
+        using var bitmap = SKBitmap.Decode(imagePng);
+        if (bitmap is null) return imagePng;
+
+        using var canvas = new SKCanvas(bitmap);
+        using var paint  = new SKPaint { Color = SKColors.White, Style = SKPaintStyle.Fill };
+        canvas.DrawRect(box.X, box.Y, box.Width, box.Height, paint);
+        canvas.Flush();
+
+        using var image = SKImage.FromBitmap(bitmap);
+        using var data  = image.Encode(SKEncodedImageFormat.Png, 95);
+        return data.ToArray();
+    }
+
+    /// <summary>
+    /// White-fills then typesets a single bubble onto <paramref name="imagePng"/>.
+    /// Used for per-bubble re-patch.
+    /// </summary>
+    public byte[] RenderOneBubble(byte[] imagePng, BubbleTranslation t, int padding = 0)
+    {
+        using var bitmap = SKBitmap.Decode(imagePng);
+        if (bitmap is null) return imagePng;
+
+        using var canvas = new SKCanvas(bitmap);
+        var box = padding > 0
+            ? new BubbleBox(t.Box.X + padding, t.Box.Y + padding,
+                Math.Max(1, t.Box.Width - 2 * padding),
+                Math.Max(1, t.Box.Height - 2 * padding),
+                t.Box.Confidence)
+            : t.Box;
+        RenderTextInBubble(canvas, box, t.TranslatedText, t.FontFamily, t.FontSizeOverride);
+        canvas.Flush();
+
+        using var image = SKImage.FromBitmap(bitmap);
+        using var data  = image.Encode(SKEncodedImageFormat.Png, 95);
+        return data.ToArray();
+    }
+
     // ── Private render helpers ─────────────────────────────────────────────────
 
-    private static void RenderTextInBubble(SKCanvas canvas, BubbleBox box, string text)
+    private static void RenderTextInBubble(
+        SKCanvas canvas,
+        BubbleBox box,
+        string text,
+        string? fontFamily       = null,
+        int?    fontSizeOverride = null)
     {
         // Target area = 85 % of the bubble so text has some margin
         float targetW = box.Width  * 0.85f;
@@ -69,15 +129,18 @@ private static void RenderTextInBubble(SKCanvas canvas, BubbleBox box, string te
         using var fillPaint = new SKPaint { Color = SKColors.White, Style = SKPaintStyle.Fill };
         canvas.DrawRect(box.X, box.Y, box.Width, box.Height, fillPaint);
 
-        // Binary-search the largest font size that fits
-        float fontSize = BestFitFontSize(text, targetW, targetH, minSize: 8f, maxSize: 36f);
-
+        var family = string.IsNullOrWhiteSpace(fontFamily) ? "sans-serif" : fontFamily;
         using var typeface = SKTypeface.FromFamilyName(
-            "sans-serif",
+            family,
             SKFontStyleWeight.Bold,
             SKFontStyleWidth.Normal,
             SKFontStyleSlant.Upright) ?? SKTypeface.Default;
 
+        // Use override size when set and > 0, otherwise binary-search the best fit
+        float fontSize = fontSizeOverride is > 0
+            ? (float)fontSizeOverride
+            : BestFitFontSize(text, targetW, targetH, minSize: 8f, maxSize: 36f, typeface);
+
         using var font  = new SKFont(typeface, fontSize);
         var lines = WordWrap(text, font, targetW);
 
@@ -109,22 +172,23 @@ private static void RenderTextInBubble(SKCanvas canvas, BubbleBox box, string te
     // ── Font-size search ──────────────────────────────────────────────────────
 
     private static float BestFitFontSize(
-        string text, float maxW, float maxH, float minSize, float maxSize)
+        string text, float maxW, float maxH, float minSize, float maxSize,
+        SKTypeface? typeface = null)
     {
         float lo = minSize, hi = maxSize, best = minSize;
         for (int iter = 0; iter < 14; iter++)
         {
             float mid = (lo + hi) / 2f;
-            if (TextFits(text, mid, maxW, maxH)) { best = mid; lo = mid; }
+            if (TextFits(text, mid, maxW, maxH, typeface)) { best = mid; lo = mid; }
             else hi = mid;
             if (hi - lo < 0.5f) break;
         }
         return best;
     }
 
-    private static bool TextFits(string text, float fontSize, float maxW, float maxH)
+    private static bool TextFits(string text, float fontSize, float maxW, float maxH, SKTypeface? typeface = null)
     {
-        using var font   = new SKFont(SKTypeface.Default, fontSize);
+        using var font   = new SKFont(typeface ?? SKTypeface.Default, fontSize);
         var       lines  = WordWrap(text, font, maxW);
         float     totalH = lines.Count * fontSize * 1.25f;
         return totalH <= maxH;
diff --git a/server/src/Workers/PageTranslationQueue.cs b/server/src/Workers/PageTranslationQueue.cs
new file mode 100644
index 0000000..5131a50
--- /dev/null
+++ b/server/src/Workers/PageTranslationQueue.cs
@@ -0,0 +1,23 @@
+using System.Threading.Channels;
+
+namespace WebOcrServer;
+
+/// <summary>
+/// Bounded channel that queues page-translation jobs for <see cref="PageTranslationWorker"/>.
+/// Unlike the CPU-bound <see cref="InferenceQueue"/>, each item here is a full orchestration job
+/// (OCR → translate → typeset) that itself drives the InferenceQueue internally.
+/// </summary>
+public sealed class PageTranslationQueue
+{
+    private readonly Channel<PageTranslationItem> _channel =
+        Channel.CreateBounded<PageTranslationItem>(new BoundedChannelOptions(32)
+        {
+            SingleReader = true,
+            FullMode = BoundedChannelFullMode.Wait,
+        });
+
+    public ChannelWriter<PageTranslationItem> Writer => _channel.Writer;
+    public ChannelReader<PageTranslationItem> Reader => _channel.Reader;
+}
+
+public sealed record PageTranslationItem(string JobId, byte[] PngBytes);
diff --git a/server/src/Workers/PageTranslationWorker.cs b/server/src/Workers/PageTranslationWorker.cs
new file mode 100644
index 0000000..7acd635
--- /dev/null
+++ b/server/src/Workers/PageTranslationWorker.cs
@@ -0,0 +1,37 @@
+namespace WebOcrServer;
+
+/// <summary>
+/// Hosted service that drains <see cref="PageTranslationQueue"/> and runs full page-translation
+/// jobs (OCR → translate → typeset) one at a time, keeping them off the ASP.NET thread pool.
+/// </summary>
+public sealed class PageTranslationWorker(
+    PageTranslationQueue    queue,
+    PageTranslationService  translationSvc,
+    ILogger<PageTranslationWorker> logger
+) : BackgroundService
+{
+    protected override async Task ExecuteAsync(CancellationToken ct)
+    {
+        await foreach (var item in queue.Reader.ReadAllAsync(ct))
+        {
+            try
+            {
+                await translationSvc.TranslatePageAsync(
+                    item.JobId, item.PngBytes,
+                    new Progress<PageTranslationProgress>(),
+                    log: null,
+                    ct: ct);
+            }
+            catch (OperationCanceledException) when (ct.IsCancellationRequested)
+            {
+                logger.LogWarning("Page translation job {JobId} cancelled at shutdown", item.JobId);
+                break;
+            }
+            catch (Exception ex)
+            {
+                logger.LogWarning(ex, "Page translation job {JobId} failed", item.JobId);
+                await translationSvc.MarkJobFailedAsync(item.JobId, ex.Message);
+            }
+        }
+    }
+}
diff --git a/server/wwwroot/js/app.css b/server/wwwroot/js/app.css
index 28d18b4..a2178e9 100644
--- a/server/wwwroot/js/app.css
+++ b/server/wwwroot/js/app.css
@@ -1,3 +1,3 @@
 /*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-700:oklch(55.4% .135 66.442);--color-green-100:oklch(96.2% .044 156.743);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-700:oklch(50.8% .118 165.612);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.top-2{top:calc(var(--spacing) * 2)}.right-2{right:calc(var(--spacing) * 2)}.bottom-2{bottom:calc(var(--spacing) * 2)}.left-2{left:calc(var(--spacing) * 2)}.z-10{z-index:10}.z-50{z-index:50}.m-6{margin:calc(var(--spacing) * 6)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-auto{margin-top:auto}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.aspect-3\/4{aspect-ratio:3/4}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-20{height:calc(var(--spacing) * 20)}.h-32{height:calc(var(--spacing) * 32)}.h-full{height:100%}.h-screen{height:100vh}.max-h-80{max-height:calc(var(--spacing) * 80)}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-52{width:calc(var(--spacing) * 52)}.w-64{width:calc(var(--spacing) * 64)}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-md{max-width:var(--container-md)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-y{resize:vertical}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-slate-50>:not(:last-child)){border-color:var(--color-slate-50)}:where(.divide-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-red-200{border-color:var(--color-red-200)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-700{border-color:var(--color-slate-700)}.border-violet-500{border-color:var(--color-violet-500)}.border-l-violet-500{border-left-color:var(--color-violet-500)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-green-100{background-color:var(--color-green-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500\/90{background-color:#fb2c36e6}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/90{background-color:color-mix(in oklab, var(--color-red-500) 90%, transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-violet-50{background-color:var(--color-violet-50)}.bg-violet-600{background-color:var(--color-violet-600)}.bg-white{background-color:var(--color-white)}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.bg-yellow-100{background-color:var(--color-yellow-100)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-10{padding-right:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-emerald-700{color:var(--color-emerald-700)}.text-green-500{color:var(--color-green-500)}.text-green-700{color:var(--color-green-700)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-violet-500{color:var(--color-violet-500)}.text-violet-600{color:var(--color-violet-600)}.text-violet-700{color:var(--color-violet-700)}.text-white{color:var(--color-white)}.text-white\!{color:var(--color-white)!important}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-700{color:var(--color-yellow-700)}.uppercase{text-transform:uppercase}.line-through{text-decoration-line:line-through}.accent-violet-600{accent-color:var(--color-violet-600)}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-red-200{--tw-ring-color:var(--color-red-200)}.ring-slate-200{--tw-ring-color:var(--color-slate-200)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.select-none{-webkit-user-select:none;user-select:none}.ring-inset{--tw-ring-inset:inset}@media (hover:hover){.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:text-slate-500:is(:where(.group):hover *){color:var(--color-slate-500)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\:text-slate-400::placeholder{color:var(--color-slate-400)}@media (hover:hover){.hover\:w-48:hover{width:calc(var(--spacing) * 48)}.hover\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}.hover\:bg-violet-700:hover{background-color:var(--color-violet-700)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:text-slate-500:hover{color:var(--color-slate-500)}.hover\:text-slate-600:hover{color:var(--color-slate-600)}.hover\:text-slate-800:hover{color:var(--color-slate-800)}.hover\:text-white:hover{color:var(--color-white)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:ring-slate-300:hover{--tw-ring-color:var(--color-slate-300)}}.focus\:border-violet-400:focus{border-color:var(--color-violet-400)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-violet-400:focus{--tw-ring-color:var(--color-violet-400)}.focus\:ring-violet-500:focus{--tw-ring-color:var(--color-violet-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-violet-500:focus-visible{outline-color:var(--color-violet-500)}.active\:bg-red-200:active{background-color:var(--color-red-200)}.active\:bg-slate-200:active{background-color:var(--color-slate-200)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=40rem){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=80rem){.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}}body{font-family:Inter,system-ui,sans-serif}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-900:oklch(39.6% .141 25.723);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-700:oklch(55.4% .135 66.442);--color-green-100:oklch(96.2% .044 156.743);--color-green-500:oklch(72.3% .219 149.579);--color-green-700:oklch(52.7% .154 150.069);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-700:oklch(50.8% .118 165.612);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.top-2{top:calc(var(--spacing) * 2)}.right-2{right:calc(var(--spacing) * 2)}.bottom-2{bottom:calc(var(--spacing) * 2)}.left-2{left:calc(var(--spacing) * 2)}.z-10{z-index:10}.z-50{z-index:50}.m-6{margin:calc(var(--spacing) * 6)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-auto{margin-top:auto}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.ml-3{margin-left:calc(var(--spacing) * 3)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.aspect-3\/4{aspect-ratio:3/4}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-20{height:calc(var(--spacing) * 20)}.h-32{height:calc(var(--spacing) * 32)}.h-full{height:100%}.h-screen{height:100vh}.max-h-80{max-height:calc(var(--spacing) * 80)}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-36{width:calc(var(--spacing) * 36)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-52{width:calc(var(--spacing) * 52)}.w-64{width:calc(var(--spacing) * 64)}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.max-w-md{max-width:var(--container-md)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-y{resize:vertical}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-slate-50>:not(:last-child)){border-color:var(--color-slate-50)}:where(.divide-slate-100>:not(:last-child)){border-color:var(--color-slate-100)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-red-200{border-color:var(--color-red-200)}.border-slate-100{border-color:var(--color-slate-100)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300{border-color:var(--color-slate-300)}.border-slate-700{border-color:var(--color-slate-700)}.border-violet-500{border-color:var(--color-violet-500)}.border-l-violet-500{border-left-color:var(--color-violet-500)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-green-100{background-color:var(--color-green-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500\/90{background-color:#fb2c36e6}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/90{background-color:color-mix(in oklab, var(--color-red-500) 90%, transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-violet-50{background-color:var(--color-violet-50)}.bg-violet-600{background-color:var(--color-violet-600)}.bg-white{background-color:var(--color-white)}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.bg-yellow-100{background-color:var(--color-yellow-100)}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-20{padding-block:calc(var(--spacing) * 20)}.py-24{padding-block:calc(var(--spacing) * 24)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-10{padding-right:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-emerald-700{color:var(--color-emerald-700)}.text-green-500{color:var(--color-green-500)}.text-green-700{color:var(--color-green-700)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-violet-500{color:var(--color-violet-500)}.text-violet-600{color:var(--color-violet-600)}.text-violet-700{color:var(--color-violet-700)}.text-white{color:var(--color-white)}.text-white\!{color:var(--color-white)!important}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-700{color:var(--color-yellow-700)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.accent-violet-600{accent-color:var(--color-violet-600)}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-red-200{--tw-ring-color:var(--color-red-200)}.ring-slate-200{--tw-ring-color:var(--color-slate-200)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.select-none{-webkit-user-select:none;user-select:none}.ring-inset{--tw-ring-inset:inset}@media (hover:hover){.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.group-hover\:text-slate-500:is(:where(.group):hover *){color:var(--color-slate-500)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\:text-slate-400::placeholder{color:var(--color-slate-400)}@media (hover:hover){.hover\:w-48:hover{width:calc(var(--spacing) * 48)}.hover\:border-slate-300:hover{border-color:var(--color-slate-300)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-100:hover{background-color:var(--color-slate-100)}.hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}.hover\:bg-violet-700:hover{background-color:var(--color-violet-700)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:text-red-900:hover{color:var(--color-red-900)}.hover\:text-slate-500:hover{color:var(--color-slate-500)}.hover\:text-slate-600:hover{color:var(--color-slate-600)}.hover\:text-slate-800:hover{color:var(--color-slate-800)}.hover\:text-white:hover{color:var(--color-white)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:ring-1:hover{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\:ring-slate-200:hover{--tw-ring-color:var(--color-slate-200)}.hover\:ring-slate-300:hover{--tw-ring-color:var(--color-slate-300)}}.focus\:border-violet-400:focus{border-color:var(--color-violet-400)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.focus\:ring-violet-400:focus{--tw-ring-color:var(--color-violet-400)}.focus\:ring-violet-500:focus{--tw-ring-color:var(--color-violet-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-violet-500:focus-visible{outline-color:var(--color-violet-500)}.active\:bg-red-200:active{background-color:var(--color-red-200)}.active\:bg-slate-200:active{background-color:var(--color-slate-200)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-30:disabled{opacity:.3}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=40rem){.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=80rem){.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}}body{font-family:Inter,system-ui,sans-serif}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}
 /*$vite$:1*/
\ No newline at end of file
diff --git a/server/wwwroot/js/app.js b/server/wwwroot/js/app.js
index 21bb8c4..393f998 100644
--- a/server/wwwroot/js/app.js
+++ b/server/wwwroot/js/app.js
@@ -1 +1 @@
-(function(){var e=Object.defineProperty,t=(e,t)=>()=>(e&&(t=e(e=0)),t),n=(t,n)=>{let r={};for(var i in t)e(r,i,{get:t[i],enumerable:!0});return n||e(r,Symbol.toStringTag,{value:`Module`}),r};function r(e){let t=String(e),n=t.length-1;return L.context.id+(n?String.fromCharCode(96+n):``)+t}function i(e){L.context=e}function a(){return{...L.context,id:L.getNextContextId(),count:0}}function o(e,t){let n=V,r=z,i=e.length===0,a=t===void 0?r:t,o=i?Ae:{owned:null,cleanups:null,context:a?a.context:null,owner:a},s=i?e:()=>e(()=>h(()=>N(o)));z=o,V=null;try{return A(s,!0)}finally{V=n,z=r}}function s(e,t){t=t?Object.assign({},Ee,t):Ee;let n={value:e,observers:null,observerSlots:null,comparator:t.equals||void 0};return[ee.bind(n),e=>(typeof e==`function`&&(e=B&&B.running&&B.sources.has(n)?e(n.tValue):e(n.value)),T(n,e))]}function c(e,t,n){let r=O(e,t,!0,R);Me&&B&&B.running?H.push(r):E(r)}function l(e,t,n){let r=O(e,t,!1,R);Me&&B&&B.running?H.push(r):E(r)}function u(e,t,n){Oe=ne;let r=O(e,t,!1,R),i=Le&&C(Le);i&&(r.suspense=i),(!n||!n.render)&&(r.user=!0),U?U.push(r):E(r)}function d(e,t,n){n=n?Object.assign({},Ee,n):Ee;let r=O(e,t,!0,0);return r.observers=null,r.observerSlots=null,r.comparator=n.equals||void 0,Me&&B&&B.running?(r.tState=R,H.push(r)):E(r),ee.bind(r)}function f(e){return e&&typeof e==`object`&&`then`in e}function p(e,t,n){let r,i,a;typeof t==`function`?(r=e,i=t,a=n||{}):(r=!0,i=e,a=t||{});let o=null,l=je,u=null,p=!1,m=!1,g=`initialValue`in a,_=typeof r==`function`&&d(r),v=new Set,[y,x]=(a.storage||s)(a.initialValue),[S,w]=s(void 0),[ee,T]=s(void 0,{equals:!1}),[E,D]=s(g?`ready`:`unresolved`);L.context&&(u=L.getNextContextId(),a.ssrLoadFrom===`initial`?l=a.initialValue:L.load&&L.has(u)&&(l=L.load(u)));function O(e,t,n,r){return o===e&&(o=null,r!==void 0&&(g=!0),(e===l||t===l)&&a.onHydrated&&queueMicrotask(()=>a.onHydrated(r,{value:t})),l=je,B&&e&&p?(B.promises.delete(e),p=!1,A(()=>{B.running=!0,k(t,n)},!1)):k(t,n)),t}function k(e,t){A(()=>{t===void 0&&x(()=>e),D(t===void 0?g?`ready`:`unresolved`:`errored`),w(t);for(let e of v.keys())e.decrement();v.clear()},!1)}function j(){let e=Le&&C(Le),t=y(),n=S();if(n!==void 0&&!o)throw n;return V&&!V.user&&e&&c(()=>{ee(),o&&(e.resolved&&B&&p?B.promises.add(o):v.has(e)||(e.increment(),v.add(e)))}),t}function te(e=!0){if(e!==!1&&m)return;m=!1;let t=_?_():r;if(p=B&&B.running,t==null||t===!1){O(o,h(y));return}B&&o&&B.promises.delete(o);let n,a=l===je?h(()=>{try{return i(t,{value:y(),refetching:e})}catch(e){n=e}}):l;if(n!==void 0){O(o,void 0,oe(n),t);return}else if(!f(a))return O(o,a,void 0,t),a;return o=a,`v`in a?(a.s===1?O(o,a.v,void 0,t):O(o,void 0,oe(a.v),t),a):(m=!0,queueMicrotask(()=>m=!1),A(()=>{D(g?`refreshing`:`pending`),T()},!1),a.then(e=>O(a,e,void 0,t),e=>O(a,void 0,oe(e),t)))}Object.defineProperties(j,{state:{get:()=>E()},error:{get:()=>S()},loading:{get(){let e=E();return e===`pending`||e===`refreshing`}},latest:{get(){if(!g)return j();let e=S();if(e&&!o)throw e;return y()}}});let M=z;return _?c(()=>(M=z,te(!1))):te(!1),[j,{refetch:e=>b(M,()=>te(e)),mutate:x}]}function m(e){return A(e,!1)}function h(e){if(!Ne&&V===null)return e();let t=V;V=null;try{return Ne?Ne.untrack(e):e()}finally{V=t}}function g(e,t,n){let r=Array.isArray(e),i,a=n&&n.defer;return n=>{let o;if(r){o=Array(e.length);for(let t=0;t<e.length;t++)o[t]=e[t]()}else o=e();if(a)return a=!1,n;let s=h(()=>t(o,i,n));return i=o,s}}function _(e){u(()=>h(e))}function v(e){return z===null||(z.cleanups===null?z.cleanups=[e]:z.cleanups.push(e)),e}function y(){return z}function b(e,t){let n=z,r=V;z=e,V=null;try{return A(t,!0)}catch(e){ce(e)}finally{z=n,V=r}}function x(e){if(B&&B.running)return e(),B.done;let t=V,n=z;return Promise.resolve().then(()=>{V=t,z=n;let r;return(Me||Le)&&(r=B||={sources:new Set,effects:[],promises:new Set,disposed:new Set,queue:new Set,running:!0},r.done||=new Promise(e=>r.resolve=e),r.running=!0),A(e,!1),V=z=null,r?r.done:void 0})}function S(e,t){let n=Symbol(`context`);return{id:n,Provider:ue(n),defaultValue:e}}function C(e){let t;return z&&z.context&&(t=z.context[e.id])!==void 0?t:e.defaultValue}function w(e){let t=d(e),n=d(()=>le(t()));return n.toArray=()=>{let e=n();return Array.isArray(e)?e:e==null?[]:[e]},n}function ee(){let e=B&&B.running;if(this.sources&&(e?this.tState:this.state))if((e?this.tState:this.state)===R)E(this);else{let e=H;H=null,A(()=>re(this),!1),H=e}if(V){let e=this.observers;if(!e||e[e.length-1]!==V){let t=e?e.length:0;V.sources?(V.sources.push(this),V.sourceSlots.push(t)):(V.sources=[this],V.sourceSlots=[t]),e?(e.push(V),this.observerSlots.push(V.sources.length-1)):(this.observers=[V],this.observerSlots=[V.sources.length-1])}}return e&&B.sources.has(this)?this.tValue:this.value}function T(e,t,n){let r=B&&B.running&&B.sources.has(e)?e.tValue:e.value;if(!e.comparator||!e.comparator(r,t)){if(B){let r=B.running;(r||!n&&B.sources.has(e))&&(B.sources.add(e),e.tValue=t),r||(e.value=t)}else e.value=t;e.observers&&e.observers.length&&A(()=>{for(let t=0;t<e.observers.length;t+=1){let n=e.observers[t],r=B&&B.running;r&&B.disposed.has(n)||((r?!n.tState:!n.state)&&(n.pure?H.push(n):U.push(n),n.observers&&ie(n)),r?n.tState=R:n.state=R)}if(H.length>1e6)throw H=[],Error()},!1)}return t}function E(e){if(!e.fn)return;N(e);let t=Pe;D(e,B&&B.running&&B.sources.has(e)?e.tValue:e.value,t),B&&!B.running&&B.sources.has(e)&&queueMicrotask(()=>{A(()=>{B&&(B.running=!0),V=z=e,D(e,e.tValue,t),V=z=null},!1)})}function D(e,t,n){let r,i=z,a=V;V=z=e;try{r=e.fn(t)}catch(t){return e.pure&&(B&&B.running?(e.tState=R,e.tOwned&&e.tOwned.forEach(N),e.tOwned=void 0):(e.state=R,e.owned&&e.owned.forEach(N),e.owned=null)),e.updatedAt=n+1,ce(t)}finally{V=a,z=i}(!e.updatedAt||e.updatedAt<=n)&&(e.updatedAt!=null&&`observers`in e?T(e,r,!0):B&&B.running&&e.pure?(B.sources.has(e)||(e.value=r),B.sources.add(e),e.tValue=r):e.value=r,e.updatedAt=n)}function O(e,t,n,r=R,i){let a={fn:e,state:r,updatedAt:null,owned:null,sources:null,sourceSlots:null,cleanups:null,value:t,owner:z,context:z?z.context:null,pure:n};if(B&&B.running&&(a.state=0,a.tState=r),z===null||z!==Ae&&(B&&B.running&&z.pure?z.tOwned?z.tOwned.push(a):z.tOwned=[a]:z.owned?z.owned.push(a):z.owned=[a]),Ne&&a.fn){let e=a.fn,[t,n]=s(void 0,{equals:!1}),r=Ne.factory(e,n);v(()=>r.dispose());let i,o=()=>x(n).then(()=>{i&&=(i.dispose(),void 0)});a.fn=n=>(t(),B&&B.running?(i||=Ne.factory(e,o),i.track(n)):r.track(n))}return a}function k(e){let t=B&&B.running;if((t?e.tState:e.state)===0)return;if((t?e.tState:e.state)===ke)return re(e);if(e.suspense&&h(e.suspense.inFallback))return e.suspense.effects.push(e);let n=[e];for(;(e=e.owner)&&(!e.updatedAt||e.updatedAt<Pe);){if(t&&B.disposed.has(e))return;(t?e.tState:e.state)&&n.push(e)}for(let r=n.length-1;r>=0;r--){if(e=n[r],t){let t=e,i=n[r+1];for(;(t=t.owner)&&t!==i;)if(B.disposed.has(t))return}if((t?e.tState:e.state)===R)E(e);else if((t?e.tState:e.state)===ke){let t=H;H=null,A(()=>re(e,n[0]),!1),H=t}}}function A(e,t){if(H)return e();let n=!1;t||(H=[]),U?n=!0:U=[],Pe++;try{let t=e();return j(n),t}catch(e){n||(U=null),H=null,ce(e)}}function j(e){if(H&&=(Me&&B&&B.running?M(H):te(H),null),e)return;let t;if(B){if(!B.promises.size&&!B.queue.size){let e=B.sources,n=B.disposed;U.push.apply(U,B.effects),t=B.resolve;for(let e of U)`tState`in e&&(e.state=e.tState),delete e.tState;B=null,A(()=>{for(let e of n)N(e);for(let t of e){if(t.value=t.tValue,t.owned)for(let e=0,n=t.owned.length;e<n;e++)N(t.owned[e]);t.tOwned&&(t.owned=t.tOwned),delete t.tValue,delete t.tOwned,t.tState=0}Ie(!1)},!1)}else if(B.running){B.running=!1,B.effects.push.apply(B.effects,U),U=null,Ie(!0);return}}let n=U;U=null,n.length&&A(()=>Oe(n),!1),t&&t()}function te(e){for(let t=0;t<e.length;t++)k(e[t])}function M(e){for(let t=0;t<e.length;t++){let n=e[t],r=B.queue;r.has(n)||(r.add(n),Me(()=>{r.delete(n),A(()=>{B.running=!0,k(n)},!1),B&&(B.running=!1)}))}}function ne(e){let t,n=0;for(t=0;t<e.length;t++){let r=e[t];r.user?e[n++]=r:k(r)}if(L.context){if(L.count){L.effects||=[],L.effects.push(...e.slice(0,n));return}i()}for(L.effects&&(L.done||!L.count)&&(e=[...L.effects,...e],n+=L.effects.length,delete L.effects),t=0;t<n;t++)k(e[t])}function re(e,t){let n=B&&B.running;n?e.tState=0:e.state=0;for(let r=0;r<e.sources.length;r+=1){let i=e.sources[r];if(i.sources){let e=n?i.tState:i.state;e===R?i!==t&&(!i.updatedAt||i.updatedAt<Pe)&&k(i):e===ke&&re(i,t)}}}function ie(e){let t=B&&B.running;for(let n=0;n<e.observers.length;n+=1){let r=e.observers[n];(t?!r.tState:!r.state)&&(t?r.tState=ke:r.state=ke,r.pure?H.push(r):U.push(r),r.observers&&ie(r))}}function N(e){let t;if(e.sources)for(;e.sources.length;){let t=e.sources.pop(),n=e.sourceSlots.pop(),r=t.observers;if(r&&r.length){let e=r.pop(),i=t.observerSlots.pop();n<r.length&&(e.sourceSlots[i]=n,r[n]=e,t.observerSlots[n]=i)}}if(e.tOwned){for(t=e.tOwned.length-1;t>=0;t--)N(e.tOwned[t]);delete e.tOwned}if(B&&B.running&&e.pure)ae(e,!0);else if(e.owned){for(t=e.owned.length-1;t>=0;t--)N(e.owned[t]);e.owned=null}if(e.cleanups){for(t=e.cleanups.length-1;t>=0;t--)e.cleanups[t]();e.cleanups=null}B&&B.running?e.tState=0:e.state=0}function ae(e,t){if(t||(e.tState=0,B.disposed.add(e)),e.owned)for(let t=0;t<e.owned.length;t++)ae(e.owned[t])}function oe(e){return e instanceof Error?e:Error(typeof e==`string`?e:`Unknown error`,{cause:e})}function se(e,t,n){try{for(let n of t)n(e)}catch(e){ce(e,n&&n.owner||null)}}function ce(e,t=z){let n=De&&t&&t.context&&t.context[De],r=oe(e);if(!n)throw r;U?U.push({fn(){se(r,n,t)},state:R}):se(r,n,t)}function le(e){if(typeof e==`function`&&!e.length)return le(e());if(Array.isArray(e)){let t=[];for(let n=0;n<e.length;n++){let r=le(e[n]);if(Array.isArray(r))if(r.length<32768)t.push.apply(t,r);else for(let e=0;e<r.length;e++)t.push(r[e]);else t.push(r)}return t}return e}function ue(e,t){return function(t){let n;return l(()=>n=h(()=>(z.context={...z.context,[e]:t.value},w(()=>t.children))),void 0),n}}function de(e){for(let t=0;t<e.length;t++)e[t]()}function fe(e,t,n={}){let r=[],i=[],a=[],c=0,l=t.length>1?[]:null;return v(()=>de(a)),()=>{let u=e()||[],d=u.length,f,p;return u[Te],h(()=>{let e,t,s,h,g,_,v,y,b;if(d===0)c!==0&&(de(a),a=[],r=[],i=[],c=0,l&&=[]),n.fallback&&(r=[Re],i[0]=o(e=>(a[0]=e,n.fallback())),c=1);else if(c===0){for(i=Array(d),p=0;p<d;p++)r[p]=u[p],i[p]=o(m);c=d}else{for(s=Array(d),h=Array(d),l&&(g=Array(d)),_=0,v=Math.min(c,d);_<v&&r[_]===u[_];_++);for(v=c-1,y=d-1;v>=_&&y>=_&&r[v]===u[y];v--,y--)s[y]=i[v],h[y]=a[v],l&&(g[y]=l[v]);for(e=new Map,t=Array(y+1),p=y;p>=_;p--)b=u[p],f=e.get(b),t[p]=f===void 0?-1:f,e.set(b,p);for(f=_;f<=v;f++)b=r[f],p=e.get(b),p!==void 0&&p!==-1?(s[p]=i[f],h[p]=a[f],l&&(g[p]=l[f]),p=t[p],e.set(b,p)):a[f]();for(p=_;p<d;p++)p in s?(i[p]=s[p],a[p]=h[p],l&&(l[p]=g[p],l[p](p))):i[p]=o(m);i=i.slice(0,c=d),r=u.slice(0)}return i});function m(e){if(a[p]=e,l){let[e,n]=s(p);return l[p]=n,t(u[p],e)}return t(u[p])}}}function P(e,t){if(ze&&L.context){let n=L.context;i(a());let r=h(()=>e(t||{}));return i(n),r}return h(()=>e(t||{}))}function pe(){return!0}function me(e){return(e=typeof e==`function`?e():e)?e:{}}function he(){for(let e=0,t=this.length;e<t;++e){let t=this[e]();if(t!==void 0)return t}}function F(...e){let t=!1;for(let n=0;n<e.length;n++){let r=e[n];t||=!!r&&Ce in r,e[n]=typeof r==`function`?(t=!0,d(r)):r}if(we&&t)return new Proxy({get(t){for(let n=e.length-1;n>=0;n--){let r=me(e[n])[t];if(r!==void 0)return r}},has(t){for(let n=e.length-1;n>=0;n--)if(t in me(e[n]))return!0;return!1},keys(){let t=[];for(let n=0;n<e.length;n++)t.push(...Object.keys(me(e[n])));return[...new Set(t)]}},Be);let n={},r=Object.create(null);for(let t=e.length-1;t>=0;t--){let i=e[t];if(!i)continue;let a=Object.getOwnPropertyNames(i);for(let e=a.length-1;e>=0;e--){let t=a[e];if(t===`__proto__`||t===`constructor`)continue;let o=Object.getOwnPropertyDescriptor(i,t);if(!r[t])r[t]=o.get?{enumerable:!0,configurable:!0,get:he.bind(n[t]=[o.get.bind(i)])}:o.value===void 0?void 0:o;else{let e=n[t];e&&(o.get?e.push(o.get.bind(i)):o.value!==void 0&&e.push(()=>o.value))}}}let i={},a=Object.keys(r);for(let e=a.length-1;e>=0;e--){let t=a[e],n=r[t];n&&n.get?Object.defineProperty(i,t,n):i[t]=n?n.value:void 0}return i}function ge(e,...t){let n=t.length;if(we&&Ce in e){let r=n>1?t.flat():t[0],i=t.map(t=>new Proxy({get(n){return t.includes(n)?e[n]:void 0},has(n){return t.includes(n)&&n in e},keys(){return t.filter(t=>t in e)}},Be));return i.push(new Proxy({get(t){return r.includes(t)?void 0:e[t]},has(t){return r.includes(t)?!1:t in e},keys(){return Object.keys(e).filter(e=>!r.includes(e))}},Be)),i}let r=[];for(let e=0;e<=n;e++)r[e]={};for(let i of Object.getOwnPropertyNames(e)){let a=n;for(let e=0;e<t.length;e++)if(t[e].includes(i)){a=e;break}let o=Object.getOwnPropertyDescriptor(e,i);!o.get&&!o.set&&o.enumerable&&o.writable&&o.configurable?r[a][i]=o.value:Object.defineProperty(r[a],i,o)}return r}function _e(e){let t,n,r=r=>{let a=L.context;if(a){let[r,o]=s();L.count||=0,L.count++,(n||=e()).then(e=>{!L.done&&i(a),L.count--,o(()=>e.default),i()}),t=r}else if(!t){let[r]=p(()=>(n||=e()).then(e=>e.default));t=r}let o;return d(()=>(o=t())?h(()=>{if(!a||L.done)return o(r);let e=L.context;i(a);let t=o(r);return i(e),t}):``)};return r.preload=()=>n||((n=e()).then(e=>t=()=>e.default),n),r}function ve(e){let t=`fallback`in e&&{fallback:()=>e.fallback};return d(fe(()=>e.each,e.children,t||void 0))}function I(e){let t=e.keyed,n=d(()=>e.when,void 0,void 0),r=t?n:d(n,void 0,{equals:(e,t)=>!e==!t});return d(()=>{let i=r();if(i){let a=e.children;return typeof a==`function`&&a.length>0?h(()=>a(t?i:()=>{if(!h(r))throw Ve(`Show`);return n()})):a}return e.fallback},void 0,void 0)}function ye(e){let t=w(()=>e.children),n=d(()=>{let e=t(),n=Array.isArray(e)?e:[e],r=()=>void 0;for(let e=0;e<n.length;e++){let t=e,i=n[e],a=r,o=d(()=>a()?void 0:i.when,void 0,void 0),s=i.keyed?o:d(o,void 0,{equals:(e,t)=>!e==!t});r=()=>a()||(s()?[t,o,i]:void 0)}return r});return d(()=>{let t=n()();if(!t)return e.fallback;let[r,i,a]=t,o=a.children;return typeof o==`function`&&o.length>0?h(()=>o(a.keyed?i():()=>{if(h(n)()?.[0]!==r)throw Ve(`Match`);return i()})):o},void 0,void 0)}function be(e){return e}function xe(){He&&[...He].forEach(e=>e())}var L,Se,Ce,we,Te,Ee,De,Oe,R,ke,Ae,je,z,B,Me,Ne,V,H,U,Pe,Fe,Ie,Le,Re,ze,Be,Ve,He,W=t((()=>{L={context:void 0,registry:void 0,effects:void 0,done:!1,getContextId(){return r(this.context.count)},getNextContextId(){return r(this.context.count++)}},Se=(e,t)=>e===t,Ce=Symbol(`solid-proxy`),we=typeof Proxy==`function`,Te=Symbol(`solid-track`),Ee={equals:Se},De=null,Oe=te,R=1,ke=2,Ae={owned:null,cleanups:null,context:null,owner:null},je={},z=null,B=null,Me=null,Ne=null,V=null,H=null,U=null,Pe=0,[Fe,Ie]=s(!1),Re=Symbol(`fallback`),ze=!1,Be={get(e,t,n){return t===Ce?n:e.get(t)},has(e,t){return t===Ce?!0:e.has(t)},set:pe,deleteProperty:pe,getOwnPropertyDescriptor(e,t){return{configurable:!0,enumerable:!0,get(){return e.get(t)},set:pe,deleteProperty:pe}},ownKeys(e){return e.keys()}},Ve=e=>`Stale read from <${e}>.`}));function Ue(e,t){let n=yt[e];return typeof n==`object`?n[t]?n.$:void 0:n}function We(e,t,n){let r=n.length,i=t.length,a=r,o=0,s=0,c=t[i-1].nextSibling,l=null;for(;o<i||s<a;){if(t[o]===n[s]){o++,s++;continue}for(;t[i-1]===n[a-1];)i--,a--;if(i===o){let t=a<r?s?n[s-1].nextSibling:n[a-s]:c;for(;s<a;)e.insertBefore(n[s++],t)}else if(a===s)for(;o<i;)(!l||!l.has(t[o]))&&t[o].remove(),o++;else if(t[o]===n[a-1]&&n[s]===t[i-1]){let r=t[--i].nextSibling;e.insertBefore(n[s++],t[o++].nextSibling),e.insertBefore(n[--a],r),t[i]=n[a]}else{if(!l){l=new Map;let e=s;for(;e<a;)l.set(n[e],e++)}let r=l.get(t[o]);if(r!=null)if(s<r&&r<a){let c=o,u=1,d;for(;++c<i&&c<a&&!((d=l.get(t[c]))==null||d!==r+u);)u++;if(u>r-s){let i=t[o];for(;s<r;)e.insertBefore(n[s++],i)}else e.replaceChild(n[s++],t[o++])}else o++;else t[o++].remove()}}}function Ge(e,t,n,r={}){let i;return o(r=>{i=r,t===document?e():J(t,e(),t.firstChild?null:void 0,n)},r.owner),()=>{i(),t.textContent=``}}function G(e,t,n,r){let i,a=()=>{let t=r?document.createElementNS(`http://www.w3.org/1998/Math/MathML`,`template`):document.createElement(`template`);return t.innerHTML=e,n?t.content.firstChild.firstChild:r?t.firstChild:t.content.firstChild},o=t?()=>h(()=>document.importNode(i||=a(),!0)):()=>(i||=a()).cloneNode(!0);return o.cloneNode=o,o}function K(e,t=window.document){let n=t[Ct]||(t[Ct]=new Set);for(let r=0,i=e.length;r<i;r++){let i=e[r];n.has(i)||(n.add(i),t.addEventListener(i,st))}}function q(e,t,n){rt(e)||(n==null?e.removeAttribute(t):e.setAttribute(t,n))}function Ke(e,t,n,r){rt(e)||(r==null?e.removeAttributeNS(t,n):e.setAttributeNS(t,n,r))}function qe(e,t,n){rt(e)||(n?e.setAttribute(t,``):e.removeAttribute(t))}function Je(e,t){rt(e)||(t==null?e.removeAttribute(`class`):e.className=t)}function Ye(e,t,n,r){if(r)Array.isArray(n)?(e[`$$${t}`]=n[0],e[`$$${t}Data`]=n[1]):e[`$$${t}`]=n;else if(Array.isArray(n)){let r=n[0];e.addEventListener(t,n[0]=t=>r.call(e,n[1],t))}else e.addEventListener(t,n,typeof n!=`function`&&n)}function Xe(e,t,n={}){let r=Object.keys(t||{}),i=Object.keys(n),a,o;for(a=0,o=i.length;a<o;a++){let r=i[a];!r||r===`undefined`||t[r]||(at(e,r,!1),delete n[r])}for(a=0,o=r.length;a<o;a++){let i=r[a],o=!!t[i];!i||i===`undefined`||n[i]===o||!o||(at(e,i,!0),n[i]=o)}return n}function Ze(e,t,n){if(!t)return n?q(e,`style`):t;let r=e.style;if(typeof t==`string`)return r.cssText=t;typeof n==`string`&&(r.cssText=n=void 0),n||={},t||={};let i,a;for(a in n)t[a]??r.removeProperty(a),delete n[a];for(a in t)i=t[a],i!==n[a]&&(r.setProperty(a,i),n[a]=i);return n}function Qe(e,t,n){n==null?e.style.removeProperty(t):e.style.setProperty(t,n)}function $e(e,t={},n,r){let i={};return r||l(()=>i.children=ct(e,t.children,i.children)),l(()=>typeof t.ref==`function`&&et(t.ref,e)),l(()=>tt(e,t,n,!0,i,!0)),i}function et(e,t,n){return h(()=>e(t,n))}function J(e,t,n,r){if(n!==void 0&&!r&&(r=[]),typeof t!=`function`)return ct(e,t,r,n);l(r=>ct(e,t(),r,n),r)}function tt(e,t,n,r,i={},a=!1){t||={};for(let r in i)if(!(r in t)){if(r===`children`)continue;i[r]=ot(e,r,null,i[r],n,a,t)}for(let o in t){if(o===`children`){r||ct(e,t.children);continue}let s=t[o];i[o]=ot(e,o,s,i[o],n,a,t)}}function nt(e){let t,n;return!rt()||!(t=L.registry.get(n=ft()))?e():(L.completed&&L.completed.add(t),L.registry.delete(n),t)}function rt(e){return!!L.context&&!L.done&&(!e||e.isConnected)}function it(e){return e.toLowerCase().replace(/-([a-z])/g,(e,t)=>t.toUpperCase())}function at(e,t,n){let r=t.trim().split(/\s+/);for(let t=0,i=r.length;t<i;t++)e.classList.toggle(r[t],n)}function ot(e,t,n,r,i,a,o){let s,c,l,u,d;if(t===`style`)return Ze(e,n,r);if(t===`classList`)return Xe(e,n,r);if(n===r)return r;if(t===`ref`)a||n(e);else if(t.slice(0,3)===`on:`){let i=t.slice(3);r&&e.removeEventListener(i,r,typeof r!=`function`&&r),n&&e.addEventListener(i,n,typeof n!=`function`&&n)}else if(t.slice(0,10)===`oncapture:`){let i=t.slice(10);r&&e.removeEventListener(i,r,!0),n&&e.addEventListener(i,n,!0)}else if(t.slice(0,2)===`on`){let i=t.slice(2).toLowerCase(),a=bt.has(i);if(!a&&r){let t=Array.isArray(r)?r[0]:r;e.removeEventListener(i,t)}(a||n)&&(Ye(e,i,n,a),a&&K([i]))}else if(t.slice(0,5)===`attr:`)q(e,t.slice(5),n);else if(t.slice(0,5)===`bool:`)qe(e,t.slice(5),n);else if((d=t.slice(0,5)===`prop:`)||(l=_t.has(t))||!i&&((u=Ue(t,e.tagName))||(c=gt.has(t)))||(s=e.nodeName.includes(`-`)||`is`in o)){if(d)t=t.slice(5),c=!0;else if(rt(e))return n;t===`class`||t===`className`?Je(e,n):s&&!c&&!l?e[it(t)]=n:e[u||t]=n}else{let r=i&&t.indexOf(`:`)>-1&&St[t.split(`:`)[0]];r?Ke(e,r,t,n):q(e,vt[t]||t,n)}return n}function st(e){if(L.registry&&L.events&&L.events.find(([t,n])=>n===e))return;let t=e.target,n=`$$${e.type}`,r=e.target,i=e.currentTarget,a=t=>Object.defineProperty(e,"target",{configurable:!0,value:t}),o=()=>{let r=t[n];if(r&&!t.disabled){let i=t[`${n}Data`];if(i===void 0?r.call(t,e):r.call(t,i,e),e.cancelBubble)return}return t.host&&typeof t.host!=`string`&&!t.host._$host&&t.contains(e.target)&&a(t.host),!0},s=()=>{for(;o()&&(t=t._$host||t.parentNode||t.host););};if(Object.defineProperty(e,"currentTarget",{configurable:!0,get(){return t||document}}),L.registry&&!L.done&&(L.done=_$HY.done=!0),e.composedPath){let n=e.composedPath();a(n[0]);for(let e=0;e<n.length-2&&(t=n[e],o());e++){if(t._$host){t=t._$host,s();break}if(t.parentNode===i)break}}else s();a(r)}function ct(e,t,n,r,i){let a=rt(e);if(a){!n&&(n=[...e.childNodes]);let t=[];for(let e=0;e<n.length;e++){let r=n[e];r.nodeType===8&&r.data.slice(0,2)===`!$`?r.remove():t.push(r)}n=t}for(;typeof n==`function`;)n=n();if(t===n)return n;let o=typeof t,s=r!==void 0;if(e=s&&n[0]&&n[0].parentNode||e,o===`string`||o===`number`){if(a||o===`number`&&(t=t.toString(),t===n))return n;if(s){let i=n[0];i&&i.nodeType===3?i.data!==t&&(i.data=t):i=document.createTextNode(t),n=dt(e,n,r,i)}else n=n!==``&&typeof n==`string`?e.firstChild.data=t:e.textContent=t}else if(t==null||o===`boolean`){if(a)return n;n=dt(e,n,r)}else if(o===`function`)return l(()=>{let i=t();for(;typeof i==`function`;)i=i();n=ct(e,i,n,r)}),()=>n;else if(Array.isArray(t)){let o=[],c=n&&Array.isArray(n);if(lt(o,t,n,i))return l(()=>n=ct(e,o,n,r,!0)),()=>n;if(a){if(!o.length)return n;if(r===void 0)return n=[...e.childNodes];let t=o[0];if(t.parentNode!==e)return n;let i=[t];for(;(t=t.nextSibling)!==r;)i.push(t);return n=i}if(o.length===0){if(n=dt(e,n,r),s)return n}else c?n.length===0?ut(e,o,r):We(e,n,o):(n&&dt(e),ut(e,o));n=o}else if(t.nodeType){if(a&&t.parentNode)return n=s?[t]:t;if(Array.isArray(n)){if(s)return n=dt(e,n,r,t);dt(e,n,null,t)}else n==null||n===``||!e.firstChild?e.appendChild(t):e.replaceChild(t,e.firstChild);n=t}return n}function lt(e,t,n,r){let i=!1;for(let a=0,o=t.length;a<o;a++){let o=t[a],s=n&&n[e.length],c;if(!(o==null||o===!0||o===!1))if((c=typeof o)==`object`&&o.nodeType)e.push(o);else if(Array.isArray(o))i=lt(e,o,s)||i;else if(c===`function`)if(r){for(;typeof o==`function`;)o=o();i=lt(e,Array.isArray(o)?o:[o],Array.isArray(s)?s:[s])||i}else e.push(o),i=!0;else{let t=String(o);s&&s.nodeType===3&&s.data===t?e.push(s):e.push(document.createTextNode(t))}}return i}function ut(e,t,n=null){for(let r=0,i=t.length;r<i;r++)e.insertBefore(t[r],n)}function dt(e,t,n,r){if(n===void 0)return e.textContent=``;let i=r||document.createTextNode(``);if(t.length){let r=!1;for(let a=t.length-1;a>=0;a--){let o=t[a];if(i!==o){let t=o.parentNode===e;!r&&!a?t?e.replaceChild(i,o):e.insertBefore(i,n):t&&o.remove()}else r=!0}}else e.insertBefore(i,n);return[i]}function ft(){return L.getNextContextId()}function pt(e,t=!1,n=void 0){return t?document.createElementNS(wt,e):document.createElement(e,{is:n})}function mt(e,t){let n=d(e);return d(()=>{let e=n();switch(typeof e){case`function`:return h(()=>e(t));case`string`:let n=xt.has(e),r=L.context?nt():pt(e,n,h(()=>t.is));return $e(r,t,n),r}})}function ht(e){let[,t]=ge(e,[`component`]);return mt(()=>e.component,t)}var gt,_t,vt,yt,bt,xt,St,Y,Ct,wt,X=t((()=>{W(),gt=new Set([`className`,`value`,`readOnly`,`noValidate`,`formNoValidate`,`isMap`,`noModule`,`playsInline`,`adAuctionHeaders`,`allowFullscreen`,`browsingTopics`,`defaultChecked`,`defaultMuted`,`defaultSelected`,`disablePictureInPicture`,`disableRemotePlayback`,`preservesPitch`,`shadowRootClonable`,`shadowRootCustomElementRegistry`,`shadowRootDelegatesFocus`,`shadowRootSerializable`,`sharedStorageWritable`,...`allowfullscreen.async.alpha.autofocus.autoplay.checked.controls.default.disabled.formnovalidate.hidden.indeterminate.inert.ismap.loop.multiple.muted.nomodule.novalidate.open.playsinline.readonly.required.reversed.seamless.selected.adauctionheaders.browsingtopics.credentialless.defaultchecked.defaultmuted.defaultselected.defer.disablepictureinpicture.disableremoteplayback.preservespitch.shadowrootclonable.shadowrootcustomelementregistry.shadowrootdelegatesfocus.shadowrootserializable.sharedstoragewritable`.split(`.`)]),_t=new Set([`innerHTML`,`textContent`,`innerText`,`children`]),vt=Object.assign(Object.create(null),{className:`class`,htmlFor:`for`}),yt=Object.assign(Object.create(null),{class:`className`,novalidate:{$:`noValidate`,FORM:1},formnovalidate:{$:`formNoValidate`,BUTTON:1,INPUT:1},ismap:{$:`isMap`,IMG:1},nomodule:{$:`noModule`,SCRIPT:1},playsinline:{$:`playsInline`,VIDEO:1},readonly:{$:`readOnly`,INPUT:1,TEXTAREA:1},adauctionheaders:{$:`adAuctionHeaders`,IFRAME:1},allowfullscreen:{$:`allowFullscreen`,IFRAME:1},browsingtopics:{$:`browsingTopics`,IMG:1},defaultchecked:{$:`defaultChecked`,INPUT:1},defaultmuted:{$:`defaultMuted`,AUDIO:1,VIDEO:1},defaultselected:{$:`defaultSelected`,OPTION:1},disablepictureinpicture:{$:`disablePictureInPicture`,VIDEO:1},disableremoteplayback:{$:`disableRemotePlayback`,AUDIO:1,VIDEO:1},preservespitch:{$:`preservesPitch`,AUDIO:1,VIDEO:1},shadowrootclonable:{$:`shadowRootClonable`,TEMPLATE:1},shadowrootdelegatesfocus:{$:`shadowRootDelegatesFocus`,TEMPLATE:1},shadowrootserializable:{$:`shadowRootSerializable`,TEMPLATE:1},sharedstoragewritable:{$:`sharedStorageWritable`,IFRAME:1,IMG:1}}),bt=new Set([`beforeinput`,`click`,`dblclick`,`contextmenu`,`focusin`,`focusout`,`input`,`keydown`,`keyup`,`mousedown`,`mousemove`,`mouseout`,`mouseover`,`mouseup`,`pointerdown`,`pointermove`,`pointerout`,`pointerover`,`pointerup`,`touchend`,`touchmove`,`touchstart`]),xt=new Set(`altGlyph.altGlyphDef.altGlyphItem.animate.animateColor.animateMotion.animateTransform.circle.clipPath.color-profile.cursor.defs.desc.ellipse.feBlend.feColorMatrix.feComponentTransfer.feComposite.feConvolveMatrix.feDiffuseLighting.feDisplacementMap.feDistantLight.feDropShadow.feFlood.feFuncA.feFuncB.feFuncG.feFuncR.feGaussianBlur.feImage.feMerge.feMergeNode.feMorphology.feOffset.fePointLight.feSpecularLighting.feSpotLight.feTile.feTurbulence.filter.font.font-face.font-face-format.font-face-name.font-face-src.font-face-uri.foreignObject.g.glyph.glyphRef.hkern.image.line.linearGradient.marker.mask.metadata.missing-glyph.mpath.path.pattern.polygon.polyline.radialGradient.rect.set.stop.svg.switch.symbol.text.textPath.tref.tspan.use.view.vkern`.split(`.`)),St={xlink:`http://www.w3.org/1999/xlink`,xml:`http://www.w3.org/XML/1998/namespace`},Y=e=>d(()=>e()),Ct=`_$DX_DELEGATE`,wt=`http://www.w3.org/2000/svg`}));X();function Tt(){let e=new Set;function t(t){return e.add(t),()=>e.delete(t)}let n=!1;function r(t,r){if(n)return!(n=!1);let i={to:t,options:r,defaultPrevented:!1,preventDefault:()=>i.defaultPrevented=!0};for(let a of e)a.listener({...i,from:a.location,retry:e=>{e&&(n=!0),a.navigate(t,{...r,resolve:!1})}});return!i.defaultPrevented}return{subscribe:t,confirm:r}}function Et(){(!window.history.state||window.history.state._depth==null)&&window.history.replaceState({...window.history.state,_depth:window.history.length-1},``),kt=window.history.state._depth}function Dt(e){return{...e,_depth:window.history.state&&window.history.state._depth}}function Ot(e,t){let n=!1;return()=>{let r=kt;Et();let i=r==null?null:kt-r;if(n){n=!1;return}i&&t(i)?(n=!0,window.history.go(-i)):e()}}var kt,At=t((()=>{Et()}));function jt(e,t=!1){let n=e.replace(Ht,`$1`);return n?t||/^[?#]/.test(n)?n:`/`+n:``}function Mt(e,t,n){if(Vt.test(t))return;let r=jt(e),i=n&&jt(n),a=``;return a=!i||t.startsWith(`/`)?r:i.toLowerCase().indexOf(r.toLowerCase())===0?i:r+i,(a||`/`)+jt(t,!a)}function Nt(e,t){if(e==null)throw Error(t);return e}function Pt(e,t){return jt(e).replace(/\/*(\*.*)?$/g,``)+jt(t)}function Ft(e){let t={};return e.searchParams.forEach((e,n)=>{n in t?Array.isArray(t[n])?t[n].push(e):t[n]=[t[n],e]:t[n]=e}),t}function It(e,t,n){let[r,i]=e.split(`/*`,2),a=r.split(`/`).filter(Boolean),o=a.length;return e=>{let r=e.split(`/`).filter(Boolean),s=r.length-o;if(s<0||s>0&&i===void 0&&!t)return null;let c={path:o?``:`/`,params:{}},l=e=>n===void 0?void 0:n[e];for(let e=0;e<o;e++){let t=a[e],n=t[0]===`:`,i=n?r[e]:r[e].toLowerCase(),o=n?t.slice(1):t.toLowerCase();if(n&&Lt(i,l(o)))c.params[o]=i;else if(n||!Lt(i,o))return null;c.path+=`/${i}`}if(i){let e=s?r.slice(-s).join(`/`):``;if(Lt(e,l(i)))c.params[i]=e;else return null}return c}}function Lt(e,t){let n=t=>t===e;return t===void 0?!0:typeof t==`string`?n(t):typeof t==`function`?t(e):Array.isArray(t)?t.some(n):t instanceof RegExp?t.test(e):!1}function Rt(e){let[t,n]=e.pattern.split(`/*`,2),r=t.split(`/`).filter(Boolean);return r.reduce((e,t)=>e+(t.startsWith(`:`)?2:3),r.length-(n===void 0?0:1))}function zt(e){let t=new Map,n=y();return new Proxy({},{get(r,i){return t.has(i)||b(n,()=>t.set(i,d(()=>e()[i]))),t.get(i)()},getOwnPropertyDescriptor(){return{enumerable:!0,configurable:!0}},ownKeys(){return Reflect.ownKeys(e())},has(t,n){return n in e()}})}function Bt(e){let t=/(\/?\:[^\/]+)\?/.exec(e);if(!t)return[e];let n=e.slice(0,t.index),r=e.slice(t.index+t[0].length),i=[n,n+=t[1]];for(;t=/^(\/\:[^\/]+)\?/.exec(r);)i.push(n+=t[1]),r=r.slice(t[0].length);return Bt(r).reduce((e,t)=>[...e,...i.map(e=>e+t)],[])}var Vt,Ht,Ut,Wt=t((()=>{W(),Vt=/^(?:[a-z0-9]+:)?\/\//i,Ht=/^\/+|(\/)\/+$/g,Ut=`http://sr`}));function Gt(e,t=``){let{component:n,preload:r,load:i,children:a,info:o}=e,s=!a||Array.isArray(a)&&!a.length,c={key:e,component:n,preload:r||i,info:o};return qt(e.path).reduce((n,r)=>{for(let i of Bt(r)){let a=Pt(t,i),o=s?a:a.split(`/*`,1)[0];o=o.split(`/`).map(e=>e.startsWith(`:`)||e.startsWith(`*`)?e:encodeURIComponent(e)).join(`/`),n.push({...c,originalPath:r,pattern:o,matcher:It(o,!s,e.matchFilters)})}return n},[])}function Kt(e,t=0){return{routes:e,score:Rt(e[e.length-1])*1e4-t,matcher(t){let n=[];for(let r=e.length-1;r>=0;r--){let i=e[r],a=i.matcher(t);if(!a)return null;n.unshift({...a,route:i})}return n}}}function qt(e){return Array.isArray(e)?e:[e]}function Jt(e,t=``,n=[],r=[]){let i=qt(e);for(let e=0,a=i.length;e<a;e++){let a=i[e];if(a&&typeof a==`object`){a.hasOwnProperty(`path`)||(a.path=``);let e=Gt(a,t);for(let t of e){n.push(t);let e=Array.isArray(a.children)&&a.children.length===0;if(a.children&&!e)Jt(a.children,t.pattern,n,r);else{let e=Kt([...n],r.length);r.push(e)}n.pop()}}}return n.length?r:r.sort((e,t)=>t.score-e.score)}function Yt(e,t){for(let n=0,r=e.length;n<r;n++){let r=e[n].matcher(t);if(r)return r}return[]}function Xt(e,t,n){let r=new URL(Ut),i=d(t=>{let n=e();try{return new URL(n,r)}catch{return console.error(`Invalid path ${n}`),t}},r,{equals:(e,t)=>e.href===t.href}),a=d(()=>i().pathname),o=d(()=>i().search,!0),s=d(()=>i().hash),c=()=>``,l=g(o,()=>Ft(i()));return{get pathname(){return a()},get search(){return o()},get hash(){return s()},get state(){return t()},get key(){return c()},query:n?n(l):zt(l)}}function Zt(){return fn}function Qt(e){pn=e}function $t(e,t,n,r={}){let{signal:[i,a],utils:o={}}=e,c=o.parsePath||(e=>e),u=o.renderPath||(e=>e),f=o.beforeLeave||Tt(),p=Mt(``,r.base||``);if(p===void 0)throw Error(`${p} is not a valid base path`);p&&!i().value&&a({value:p,replace:!0,scroll:!1});let[_,v]=s(!1),y,S=(e,t)=>{t.value===w()&&t.state===T()||(y===void 0&&v(!0),fn=e,y=t,x(()=>{y===t&&(ee(y.value),E(y.state),xe(),k[1](e=>e.filter(e=>e.pending)))}).finally(()=>{y===t&&m(()=>{fn=void 0,e===`navigate`&&ie(y),v(!1),y=void 0})}))},[w,ee]=s(i().value),[T,E]=s(i().state),D=Xt(w,T,o.queryWrapper),O=[],k=s([]),A=d(()=>typeof r.transformUrl==`function`?Yt(t(),r.transformUrl(D.pathname)):Yt(t(),D.pathname)),j=()=>{let e=A(),t={};for(let n=0;n<e.length;n++)Object.assign(t,e[n].params);return t},te=o.paramsWrapper?o.paramsWrapper(j,t):zt(j),M={pattern:p,path:()=>p,outlet:()=>null,resolvePath(e){return Mt(p,e)}};return l(g(i,e=>S(`native`,e),{defer:!0})),{base:M,location:D,params:te,isRouting:_,renderPath:u,parsePath:c,navigatorFactory:re,matches:A,beforeLeave:f,preloadRoute:N,singleFlight:r.singleFlight===void 0?!0:r.singleFlight,submissions:k};function ne(e,t,n){h(()=>{if(typeof t==`number`){t&&(o.go?o.go(t):console.warn(`Router integration does not support relative routing`));return}let r=!t||t[0]===`?`,{replace:i,resolve:a,scroll:s,state:c}={replace:!1,resolve:!r,scroll:!0,...n},l=a?e.resolvePath(t):Mt(r&&D.pathname||``,t);if(l===void 0)throw Error(`Path '${t}' is not a routable path`);if(O.length>=tn)throw Error(`Too many redirects`);let u=w();(l!==u||c!==T())&&f.confirm(l,n)&&(O.push({value:u,replace:i,scroll:s,state:T()}),S(`navigate`,{value:l,state:c}))})}function re(e){return e=e||C(rn)||M,(t,n)=>ne(e,t,n)}function ie(e){let t=O[0];t&&(a({...e,replace:t.replace,scroll:t.scroll}),O.length=0)}function N(e,r){let i=Yt(t(),e.pathname),a=fn;fn=`preload`;for(let t in i){let{route:a,params:o}=i[t];a.component&&a.component.preload&&a.component.preload();let{preload:s}=a;pn=!0,r&&s&&b(n(),()=>s({params:o,location:{pathname:e.pathname,search:e.search,hash:e.hash,query:Ft(e),state:null,key:``},intent:`preload`})),pn=!1}fn=a}}function en(e,t,n,r){let{base:i,location:a,params:o}=e,{pattern:s,component:c,preload:l}=r().route,u=d(()=>r().path);c&&c.preload&&c.preload(),pn=!0;let f=l?l({params:o,location:a,intent:fn||`initial`}):void 0;return pn=!1,{parent:t,pattern:s,path:u,outlet:()=>c?P(c,{params:o,location:a,data:f,get children(){return n()}}):n(),resolvePath(e){return Mt(i.path(),e,u())}}}var tn,nn,rn,an,on,sn,cn,ln,un,dn,fn,pn,mn=t((()=>{W(),X(),At(),Wt(),tn=100,nn=S(),rn=S(),an=()=>Nt(C(nn),`<A> and 'use' router primitives can be only used inside a Route.`),on=()=>C(rn)||an().base,sn=e=>{let t=on();return d(()=>t.resolvePath(e()))},cn=e=>{let t=an();return d(()=>{let n=e();return n===void 0?n:t.renderPath(n)})},ln=()=>an().navigatorFactory(),un=()=>an().location,dn=()=>an().params}));function hn(e){let t=e.routerState.location,n=e.routerState.params,r=d(()=>e.preload&&h(()=>{Qt(!0),e.preload({params:n,location:t,intent:Zt()||`initial`}),Qt(!1)}));return P(I,{get when(){return e.root},keyed:!0,get fallback(){return e.children},children:i=>P(i,{params:n,location:t,get data(){return r()},get children(){return e.children}})})}function gn(e){let t=[],n,r=d(g(e.routerState.matches,(i,a,s)=>{let c=a&&i.length===a.length,l=[];for(let n=0,u=i.length;n<u;n++){let u=a&&a[n],d=i[n];s&&u&&d.route.key===u.route.key?l[n]=s[n]:(c=!1,t[n]&&t[n](),o(i=>{t[n]=i,l[n]=en(e.routerState,l[n-1]||e.routerState.base,vn(()=>r()[n+1]),()=>{let t=e.routerState.matches();return t[n]??t[0]})}))}return t.splice(i.length).forEach(e=>e()),s&&c?s:(n=l[0],l)}));return vn(()=>r()&&n)()}var _n,vn,yn,bn=t((()=>{X(),W(),mn(),_n=e=>t=>{let{base:n}=t,r=w(()=>t.children),i=d(()=>Jt(r(),t.base||``)),a,o=$t(e,i,()=>a,{base:n,singleFlight:t.singleFlight,transformUrl:t.transformUrl});return e.create&&e.create(o),P(nn.Provider,{value:o,get children(){return P(hn,{routerState:o,get root(){return t.root},get preload(){return t.rootPreload||t.rootLoad},get children(){return[Y(()=>(a=y())&&null),P(gn,{routerState:o,get branches(){return i()}})]}})}})},vn=e=>()=>P(I,{get when(){return e()},keyed:!0,children:e=>P(rn.Provider,{value:e,get children(){return e.outlet()}})}),yn=e=>{let t=w(()=>e.children);return F(e,{get children(){return t()}})}}));function xn([e,t],n,r){return[n?()=>n(e()):e,r?e=>t(r(e)):t]}function Sn(e){let t=!1,n=e=>typeof e==`string`?{value:e}:e,r=xn(s(n(e.get()),{equals:(e,t)=>e.value===t.value&&e.state===t.state}),void 0,n=>(!t&&e.set(n),L.registry&&!L.done&&(L.done=!0),n));return e.init&&v(e.init((i=e.get())=>{t=!0,r[1](n(i)),t=!1})),_n({signal:r,create:e.create,utils:e.utils})}function Cn(e,t,n){return e.addEventListener(t,n),()=>e.removeEventListener(t,n)}function wn(e,t){let n=e&&document.getElementById(e);n?n.scrollIntoView():t&&window.scrollTo(0,0)}var Tn=t((()=>{W(),bn()})),En,Dn=t((()=>{En=new Map}));function On(e=!0,t=!1,n=`/_server`,r){return i=>{let a=i.base.path(),o=i.navigatorFactory(i.base),s,c;function l(e){return e.namespaceURI===`http://www.w3.org/2000/svg`}function u(e){if(e.defaultPrevented||e.button!==0||e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)return;let n=e.composedPath().find(e=>e instanceof Node&&e.nodeName.toUpperCase()===`A`);if(!n||t&&!n.hasAttribute(`link`))return;let r=l(n),i=r?n.href.baseVal:n.href;if((r?n.target.baseVal:n.target)||!i&&!n.hasAttribute(`state`))return;let o=(n.getAttribute(`rel`)||``).split(/\s+/);if(n.hasAttribute(`download`)||o&&o.includes(`external`))return;let s=r?new URL(i,document.baseURI):new URL(i);if(!(s.origin!==window.location.origin||a&&s.pathname&&!s.pathname.toLowerCase().startsWith(a.toLowerCase())))return[n,s]}function d(e){let t=u(e);if(!t)return;let[n,r]=t,a=i.parsePath(r.pathname+r.search+r.hash),s=n.getAttribute(`state`);e.preventDefault(),o(a,{resolve:!1,replace:n.hasAttribute(`replace`),scroll:!n.hasAttribute(`noscroll`),state:s?JSON.parse(s):void 0})}function f(e){let t=u(e);if(!t)return;let[n,a]=t;r&&(a.pathname=r(a.pathname)),i.preloadRoute(a,n.getAttribute(`preload`)!==`false`)}function p(e){clearTimeout(s);let t=u(e);if(!t)return c=null;let[n,a]=t;c!==n&&(r&&(a.pathname=r(a.pathname)),s=setTimeout(()=>{i.preloadRoute(a,n.getAttribute(`preload`)!==`false`),c=n},20))}function m(e){if(e.defaultPrevented)return;let t=e.submitter&&e.submitter.hasAttribute(`formaction`)?e.submitter.getAttribute(`formaction`):e.target.getAttribute(`action`);if(!t)return;if(!t.startsWith(`https://action/`)){let e=new URL(t,Ut);if(t=i.parsePath(e.pathname+e.search),!t.startsWith(n))return}if(e.target.method.toUpperCase()!==`POST`)throw Error(`Only POST forms are supported for Actions`);let r=En.get(t);if(r){e.preventDefault();let t=new FormData(e.target,e.submitter);r.call({r:i,f:e.target},e.target.enctype===`multipart/form-data`?t:new URLSearchParams(t))}}K([`click`,`submit`]),document.addEventListener(`click`,d),e&&(document.addEventListener(`mousemove`,p,{passive:!0}),document.addEventListener(`focusin`,f,{passive:!0}),document.addEventListener(`touchstart`,f,{passive:!0})),document.addEventListener(`submit`,m),v(()=>{document.removeEventListener(`click`,d),e&&(document.removeEventListener(`mousemove`,p),document.removeEventListener(`focusin`,f),document.removeEventListener(`touchstart`,f)),document.removeEventListener(`submit`,m)})}}var kn=t((()=>{X(),W(),Dn(),Wt()}));function An(e){let t=e.replace(/^.*?#/,``);if(!t.startsWith(`/`)){let[,e=`/`]=window.location.hash.split(`#`,2);return`${e}#${t}`}return t}function jn(e){let t=()=>window.location.hash.slice(1),n=Tt();return Sn({get:t,set({value:e,replace:t,scroll:n,state:r}){t?window.history.replaceState(Dt(r),``,`#`+e):window.history.pushState(r,``,`#`+e);let i=e.indexOf(`#`);wn(i>=0?e.slice(i+1):``,n),Et()},init:e=>Cn(window,`hashchange`,Ot(e,e=>!n.confirm(e&&e<0?e:t()))),create:On(e.preload,e.explicitLinks,e.actionBase),utils:{go:e=>window.history.go(e),renderPath:e=>`#${e}`,parsePath:An,beforeLeave:n}})(e)}var Mn=t((()=>{kn(),Tn(),At()})),Nn=t((()=>{bn(),Tn(),X(),kn(),At(),Mn()}));function Pn(e){e=F({inactiveClass:`inactive`,activeClass:`active`},e);let[,t]=ge(e,[`href`,`state`,`class`,`activeClass`,`inactiveClass`,`end`]),n=sn(()=>e.href),r=cn(n),i=un(),a=d(()=>{let t=n();if(t===void 0)return[!1,!1];let r=jt(t.split(/[?#]/,1)[0]).toLowerCase(),a=decodeURI(jt(i.pathname).toLowerCase());return[e.end?r===a:a.startsWith(r+`/`)||a===r,r===a]});return(()=>{var n=Fn();return $e(n,F(t,{get href(){return r()||e.href},get state(){return JSON.stringify(e.state)},get classList(){return{...e.class&&{[e.class]:!0},[e.inactiveClass]:!a()[0],[e.activeClass]:a()[0],...t.classList}},link:``,get"aria-current"(){return a()[1]?`page`:void 0}}),!1,!1),n})()}var Fn,In=t((()=>{X(),W(),mn(),Wt(),Fn=G(`<a>`)})),Ln=t((()=>{W(),X(),Dn(),mn()})),Rn=t((()=>{Nn(),In(),At(),mn(),Wt(),Ln()})),zn,Bn=t((()=>{zn={xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":2,"stroke-linecap":`round`,"stroke-linejoin":`round`}})),Vn,Hn,Un,Wn,Z,Q=t((()=>{X(),W(),Bn(),Vn=G(`<svg>`),Hn=e=>e.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).toLowerCase(),Un=(...e)=>e.filter((e,t,n)=>!!e&&e.trim()!==``&&n.indexOf(e)===t).join(` `).trim(),Wn=e=>{let[t,n]=ge(e,[`color`,`size`,`strokeWidth`,`children`,`class`,`name`,`iconNode`,`absoluteStrokeWidth`]);return(()=>{var e=Vn();return $e(e,F(zn,{get width(){return t.size??zn.width},get height(){return t.size??zn.height},get stroke(){return t.color??zn.stroke},get"stroke-width"(){return Y(()=>!!t.absoluteStrokeWidth)()?Number(t.strokeWidth??zn[`stroke-width`])*24/Number(t.size):Number(t.strokeWidth??zn[`stroke-width`])},get class(){return Un(`lucide`,`lucide-icon`,t.name==null?void 0:`lucide-${Hn(t?.name)}`,t.class==null?``:t.class)}},n),!0,!0),J(e,P(ve,{get each(){return t.iconNode},children:([e,t])=>P(ht,F({component:e},t))})),e})()},Z=Wn})),Gn,Kn,qn,Jn=t((()=>{X(),Q(),Gn=[[`path`,{d:`M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2`,key:`169zse`}]],Kn=e=>P(Z,F(e,{name:`Activity`,iconNode:Gn})),qn=Kn})),Yn,Xn,Zn,Qn=t((()=>{X(),Q(),Yn=[[`path`,{d:`m12 19-7-7 7-7`,key:`1l729n`}],[`path`,{d:`M19 12H5`,key:`x3x0zl`}]],Xn=e=>P(Z,F(e,{name:`ArrowLeft`,iconNode:Yn})),Zn=Xn})),$n,er,tr,nr=t((()=>{X(),Q(),$n=[[`path`,{d:`M12 7v14`,key:`1akyts`}],[`path`,{d:`M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z`,key:`ruj8y`}]],er=e=>P(Z,F(e,{name:`BookOpen`,iconNode:$n})),tr=er})),rr,ir,ar,or=t((()=>{X(),Q(),rr=[[`path`,{d:`m6 9 6 6 6-6`,key:`qrunsl`}]],ir=e=>P(Z,F(e,{name:`ChevronDown`,iconNode:rr})),ar=ir})),sr,cr,lr,ur=t((()=>{X(),Q(),sr=[[`path`,{d:`m9 18 6-6-6-6`,key:`mthhwq`}]],cr=e=>P(Z,F(e,{name:`ChevronRight`,iconNode:sr})),lr=cr})),dr,fr,pr,mr=t((()=>{X(),Q(),dr=[[`path`,{d:`m18 15-6-6-6 6`,key:`153udz`}]],fr=e=>P(Z,F(e,{name:`ChevronUp`,iconNode:dr})),pr=fr})),hr,gr,_r,vr=t((()=>{X(),Q(),hr=[[`path`,{d:`M21.801 10A10 10 0 1 1 17 3.335`,key:`yps3ct`}],[`path`,{d:`m9 11 3 3L22 4`,key:`1pflzl`}]],gr=e=>P(Z,F(e,{name:`CircleCheckBig`,iconNode:hr})),_r=gr})),yr,br,xr,Sr=t((()=>{X(),Q(),yr=[[`path`,{d:`M10.1 2.182a10 10 0 0 1 3.8 0`,key:`5ilxe3`}],[`path`,{d:`M13.9 21.818a10 10 0 0 1-3.8 0`,key:`11zvb9`}],[`path`,{d:`M17.609 3.721a10 10 0 0 1 2.69 2.7`,key:`1iw5b2`}],[`path`,{d:`M2.182 13.9a10 10 0 0 1 0-3.8`,key:`c0bmvh`}],[`path`,{d:`M20.279 17.609a10 10 0 0 1-2.7 2.69`,key:`1ruxm7`}],[`path`,{d:`M21.818 10.1a10 10 0 0 1 0 3.8`,key:`qkgqxc`}],[`path`,{d:`M3.721 6.391a10 10 0 0 1 2.7-2.69`,key:`1mcia2`}],[`path`,{d:`M6.391 20.279a10 10 0 0 1-2.69-2.7`,key:`1fvljs`}]],br=e=>P(Z,F(e,{name:`CircleDashed`,iconNode:yr})),xr=br})),Cr,wr,Tr,Er=t((()=>{X(),Q(),Cr=[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`m15 9-6 6`,key:`1uzhvr`}],[`path`,{d:`m9 9 6 6`,key:`z0biqf`}]],wr=e=>P(Z,F(e,{name:`CircleX`,iconNode:Cr})),Tr=wr})),Dr,Or,kr,Ar=t((()=>{X(),Q(),Dr=[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`polyline`,{points:`12 6 12 12 16 14`,key:`68esgv`}]],Or=e=>P(Z,F(e,{name:`Clock`,iconNode:Dr})),kr=Or})),jr,Mr,Nr,Pr=t((()=>{X(),Q(),jr=[[`path`,{d:`M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4`,key:`1pf5j1`}],[`path`,{d:`M14 2v4a2 2 0 0 0 2 2h4`,key:`tnqrlb`}],[`path`,{d:`m5 12-3 3 3 3`,key:`oke12k`}],[`path`,{d:`m9 18 3-3-3-3`,key:`112psh`}]],Mr=e=>P(Z,F(e,{name:`FileCode2`,iconNode:jr})),Nr=Mr})),Fr,Ir,Lr,Rr=t((()=>{X(),Q(),Fr=[[`path`,{d:`M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z`,key:`1rqfz7`}],[`path`,{d:`M14 2v4a2 2 0 0 0 2 2h4`,key:`tnqrlb`}],[`path`,{d:`M9 15h6`,key:`cctwl0`}],[`path`,{d:`M12 18v-6`,key:`17g6i2`}]],Ir=e=>P(Z,F(e,{name:`FilePlus`,iconNode:Fr})),Lr=Ir})),zr,Br,Vr,Hr=t((()=>{X(),Q(),zr=[[`path`,{d:`M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z`,key:`1rqfz7`}],[`path`,{d:`M14 2v4a2 2 0 0 0 2 2h4`,key:`tnqrlb`}],[`path`,{d:`M10 9H8`,key:`b1mrlr`}],[`path`,{d:`M16 13H8`,key:`t4e002`}],[`path`,{d:`M16 17H8`,key:`z1uh3a`}]],Br=e=>P(Z,F(e,{name:`FileText`,iconNode:zr})),Vr=Br})),Ur,Wr,Gr,Kr=t((()=>{X(),Q(),Ur=[[`path`,{d:`m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2`,key:`usdka0`}]],Wr=e=>P(Z,F(e,{name:`FolderOpen`,iconNode:Ur})),Gr=Wr})),qr,Jr,Yr,Xr=t((()=>{X(),Q(),qr=[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20`,key:`13o1zl`}],[`path`,{d:`M2 12h20`,key:`9i4pu4`}]],Jr=e=>P(Z,F(e,{name:`Globe`,iconNode:qr})),Yr=Jr})),Zr,Qr,$r,ei=t((()=>{X(),Q(),Zr=[[`path`,{d:`M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8`,key:`5wwlr5`}],[`path`,{d:`M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z`,key:`1d0kgt`}]],Qr=e=>P(Z,F(e,{name:`House`,iconNode:Zr})),$r=Qr})),ti,ni,ri,ii=t((()=>{X(),Q(),ti=[[`line`,{x1:`2`,x2:`22`,y1:`2`,y2:`22`,key:`a6p6uj`}],[`path`,{d:`M10.41 10.41a2 2 0 1 1-2.83-2.83`,key:`1bzlo9`}],[`line`,{x1:`13.5`,x2:`6`,y1:`13.5`,y2:`21`,key:`1q0aeu`}],[`line`,{x1:`18`,x2:`21`,y1:`12`,y2:`15`,key:`5mozeu`}],[`path`,{d:`M3.59 3.59A1.99 1.99 0 0 0 3 5v14a2 2 0 0 0 2 2h14c.55 0 1.052-.22 1.41-.59`,key:`mmje98`}],[`path`,{d:`M21 15V5a2 2 0 0 0-2-2H9`,key:`43el77`}]],ni=e=>P(Z,F(e,{name:`ImageOff`,iconNode:ti})),ri=ni})),ai,oi,si,ci=t((()=>{X(),Q(),ai=[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,ry:`2`,key:`1m3agn`}],[`circle`,{cx:`9`,cy:`9`,r:`2`,key:`af1f0g`}],[`path`,{d:`m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21`,key:`1xmnt7`}]],oi=e=>P(Z,F(e,{name:`Image`,iconNode:ai})),si=oi})),li,ui,di,fi=t((()=>{X(),Q(),li=[[`path`,{d:`m5 8 6 6`,key:`1wu5hv`}],[`path`,{d:`m4 14 6-6 2-3`,key:`1k1g8d`}],[`path`,{d:`M2 5h12`,key:`or177f`}],[`path`,{d:`M7 2h1`,key:`1t2jsx`}],[`path`,{d:`m22 22-5-10-5 10`,key:`don7ne`}],[`path`,{d:`M14 18h6`,key:`1m8k6r`}]],ui=e=>P(Z,F(e,{name:`Languages`,iconNode:li})),di=ui})),pi,mi,hi,gi=t((()=>{X(),Q(),pi=[[`path`,{d:`M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z`,key:`zw3jo`}],[`path`,{d:`M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12`,key:`1wduqc`}],[`path`,{d:`M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17`,key:`kqbvx6`}]],mi=e=>P(Z,F(e,{name:`Layers`,iconNode:pi})),hi=mi})),_i,vi,yi,bi=t((()=>{X(),Q(),_i=[[`rect`,{width:`20`,height:`14`,x:`2`,y:`3`,rx:`2`,key:`48i651`}],[`line`,{x1:`8`,x2:`16`,y1:`21`,y2:`21`,key:`1svkeh`}],[`line`,{x1:`12`,x2:`12`,y1:`17`,y2:`21`,key:`vw1qmm`}]],vi=e=>P(Z,F(e,{name:`Monitor`,iconNode:_i})),yi=vi})),xi,Si,Ci,wi=t((()=>{X(),Q(),xi=[[`path`,{d:`M12 20h9`,key:`t2du7b`}],[`path`,{d:`M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z`,key:`1ykcvy`}]],Si=e=>P(Z,F(e,{name:`PenLine`,iconNode:xi})),Ci=Si})),Ti,Ei,Di,Oi=t((()=>{X(),Q(),Ti=[[`path`,{d:`M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z`,key:`1a8usu`}]],Ei=e=>P(Z,F(e,{name:`Pen`,iconNode:Ti})),Di=Ei})),ki,Ai,ji,Mi=t((()=>{X(),Q(),ki=[[`path`,{d:`M5 12h14`,key:`1ays0h`}],[`path`,{d:`M12 5v14`,key:`s699le`}]],Ai=e=>P(Z,F(e,{name:`Plus`,iconNode:ki})),ji=Ai})),Ni,Pi,Fi,Ii=t((()=>{X(),Q(),Ni=[[`path`,{d:`M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8`,key:`v9h5vc`}],[`path`,{d:`M21 3v5h-5`,key:`1q7to0`}],[`path`,{d:`M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16`,key:`3uifl3`}],[`path`,{d:`M8 16H3v5`,key:`1cv678`}]],Pi=e=>P(Z,F(e,{name:`RefreshCw`,iconNode:Ni})),Fi=Pi})),Li,Ri,zi,Bi=t((()=>{X(),Q(),Li=[[`path`,{d:`M3 7V5a2 2 0 0 1 2-2h2`,key:`aa7l1z`}],[`path`,{d:`M17 3h2a2 2 0 0 1 2 2v2`,key:`4qcy5o`}],[`path`,{d:`M21 17v2a2 2 0 0 1-2 2h-2`,key:`6vwrx8`}],[`path`,{d:`M7 21H5a2 2 0 0 1-2-2v-2`,key:`ioqczr`}],[`path`,{d:`M7 8h8`,key:`1jbsf9`}],[`path`,{d:`M7 12h10`,key:`b7w52i`}],[`path`,{d:`M7 16h6`,key:`1vyc9m`}]],Ri=e=>P(Z,F(e,{name:`ScanText`,iconNode:Li})),zi=Ri})),Vi,Hi,Ui,Wi=t((()=>{X(),Q(),Vi=[[`circle`,{cx:`12`,cy:`12`,r:`3`,key:`1v7zrd`}],[`path`,{d:`M4.5 10H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-.5`,key:`tn8das`}],[`path`,{d:`M4.5 14H4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-.5`,key:`1g2pve`}],[`path`,{d:`M6 6h.01`,key:`1utrut`}],[`path`,{d:`M6 18h.01`,key:`uhywen`}],[`path`,{d:`m15.7 13.4-.9-.3`,key:`1jwmzr`}],[`path`,{d:`m9.2 10.9-.9-.3`,key:`qapnim`}],[`path`,{d:`m10.6 15.7.3-.9`,key:`quwk0k`}],[`path`,{d:`m13.6 15.7-.4-1`,key:`cb9xp7`}],[`path`,{d:`m10.8 9.3-.4-1`,key:`1uaiz5`}],[`path`,{d:`m8.3 13.6 1-.4`,key:`s6srou`}],[`path`,{d:`m14.7 10.8 1-.4`,key:`4d31cq`}],[`path`,{d:`m13.4 8.3-.3.9`,key:`1bm987`}]],Hi=e=>P(Z,F(e,{name:`ServerCog`,iconNode:Vi})),Ui=Hi})),Gi,Ki,qi,Ji=t((()=>{X(),Q(),Gi=[[`path`,{d:`M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z`,key:`oel41y`}],[`path`,{d:`M12 8v4`,key:`1got3b`}],[`path`,{d:`M12 16h.01`,key:`1drbdi`}]],Ki=e=>P(Z,F(e,{name:`ShieldAlert`,iconNode:Gi})),qi=Ki})),Yi,Xi,Zi,Qi=t((()=>{X(),Q(),Yi=[[`path`,{d:`M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z`,key:`4pj2yx`}],[`path`,{d:`M20 3v4`,key:`1olli1`}],[`path`,{d:`M22 5h-4`,key:`1gvqau`}],[`path`,{d:`M4 17v2`,key:`vumght`}],[`path`,{d:`M5 18H3`,key:`zchphs`}]],Xi=e=>P(Z,F(e,{name:`Sparkles`,iconNode:Yi})),Zi=Xi})),$i,ea,ta,na=t((()=>{X(),Q(),$i=[[`path`,{d:`M3 6h18`,key:`d0wm0j`}],[`path`,{d:`M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6`,key:`4alrt4`}],[`path`,{d:`M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2`,key:`v07s0e`}],[`line`,{x1:`10`,x2:`10`,y1:`11`,y2:`17`,key:`1uufr5`}],[`line`,{x1:`14`,x2:`14`,y1:`11`,y2:`17`,key:`xtxkd`}]],ea=e=>P(Z,F(e,{name:`Trash2`,iconNode:$i})),ta=ea})),ra,ia,aa,oa=t((()=>{X(),Q(),ra=[[`path`,{d:`M18 6 6 18`,key:`1bl5f8`}],[`path`,{d:`m6 6 12 12`,key:`d8bk6v`}]],ia=e=>P(Z,F(e,{name:`X`,iconNode:ra})),aa=ia})),sa=t((()=>{Jn(),Qn(),nr(),or(),ur(),mr(),Sr(),Ar(),Pr(),Rr(),Hr(),Kr(),Xr(),ii(),ci(),fi(),gi(),bi(),wi(),Mi(),Ii(),Bi(),Wi(),Ji(),Qi(),na(),oa()})),ca=t((()=>{vr()})),la=t((()=>{Er()})),ua=t((()=>{ei()})),da=t((()=>{Oi()})),fa=t((()=>{ca(),la(),ua(),da()})),pa=t((()=>{})),ma=t((()=>{})),ha=t((()=>{fa(),pa(),ma()})),ga=t((()=>{})),_a=t((()=>{sa(),ha(),ga()}));X(),Rn(),_a();var va=G(`<div class="flex h-screen bg-slate-50 text-slate-800"><nav class="group flex w-14 flex-col gap-1 overflow-hidden bg-slate-900 px-2 py-4 transition-all duration-200 hover:w-48"><div class="mb-4 flex items-center gap-3 px-1"><span class="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-violet-600 text-xs font-bold text-white">W</span><span class="whitespace-nowrap text-sm font-semibold text-white opacity-0 transition-opacity duration-200 group-hover:opacity-100">WebOCR</span></div></nav><main class="flex-1 overflow-y-auto">`),ya=G(`<span class="flex h-8 w-8 shrink-0 items-center justify-center">`),ba=G(`<span class="whitespace-nowrap text-sm opacity-0 transition-opacity duration-200 group-hover:opacity-100">`),xa=[{href:`/`,label:`Home`,Icon:$r},{href:`/status`,label:`Server Status`,Icon:Ui},{href:`/openapi`,label:`OpenAPI`,Icon:Nr},{href:`/library`,label:`Library`,Icon:tr},{href:`/jobs`,label:`Jobs`,Icon:si}];function Sa(e){return(()=>{var t=va(),n=t.firstChild;n.firstChild;var r=n.nextSibling;return J(n,()=>xa.map(e=>P(Pn,{get href(){return e.href},get end(){return e.href===`/`},class:`flex items-center gap-3 rounded-lg px-1 py-2 text-slate-400 transition-colors hover:bg-slate-800 hover:text-white`,activeClass:`bg-slate-800 text-white!`,get children(){return[(()=>{var t=ya();return J(t,P(e.Icon,{class:`h-5 w-5`})),t})(),(()=>{var t=ba();return J(t,()=>e.label),t})()]}})),null),J(r,()=>e.children),t})()}X(),W();var Ca=G(`<div class="flex min-h-screen flex-col items-center justify-center gap-6 bg-slate-50"><div class="flex h-20 w-20 items-center justify-center rounded-2xl bg-violet-600 shadow-lg"><span class="text-4xl font-bold text-white">W</span></div><div class=text-center><h1 class="text-3xl font-bold text-slate-800">WebOCR</h1><p class="mt-1 text-sm text-slate-500">Manga OCR · Translation · Typesetting`),wa=G(`<span class="rounded-full bg-slate-100 px-4 py-1 text-sm font-medium text-slate-600">v`);function Ta(){let[e,t]=s(null);return _(()=>{fetch(`/health`).then(e=>e.ok?e.json():Promise.reject()).then(t).catch(()=>{})}),(()=>{var t=Ca();return t.firstChild.nextSibling,J(t,P(I,{get when(){return e()},children:e=>(()=>{var t=wa();return t.firstChild,J(t,()=>e().version,null),t})()}),null),t})()}function Ea(e){return P(I,{get when(){return e.ok!==null},get fallback(){return(()=>{var t=ka();return J(t,P(xr,{class:`h-3 w-3 animate-spin`}),null),J(t,()=>e.label,null),t})()},get children(){return P(I,{get when(){return e.ok},get fallback(){return(()=>{var t=Aa();return J(t,P(Tr,{class:`h-3 w-3`}),null),J(t,()=>e.label,null),t})()},get children(){var t=Oa();return J(t,P(_r,{class:`h-3 w-3`}),null),J(t,()=>e.label,null),t}})}})}function Da(){let[e,t]=s(null),[n,r]=s(null),[i,a]=s(!1),[o,c]=s(null);_(u);function u(){r(null),fetch(`/health`).then(e=>{if(!e.ok)throw Error(`HTTP ${e.status}`);return e.json()}).then(e=>{t(e),c(e.preferred_translation_engine)}).catch(e=>r(String(e)))}let d=()=>{if(n())return!1;let t=e();return t?t.status===`ok`:null},f=()=>{if(n())return`error`;let t=e();return t?t.status:`connecting`};async function p(t){if(!(!e()||i())){r(null),a(!0);try{let e=await fetch(`/api/settings/engine`,{method:`PATCH`,headers:{"Content-Type":`application/json`},body:JSON.stringify({engine:t})});if(!e.ok)throw Error(`Failed to save settings (HTTP ${e.status})`);c(t)}catch(e){r(String(e))}finally{a(!1)}}}return(()=>{var t=Ma(),r=t.firstChild,a=r.firstChild.firstChild,s=a.nextSibling.nextSibling;return J(a,P(yi,{class:`h-6 w-6 text-slate-700`})),J(s,P(Ea,{get ok(){return d()},get label(){return f()}})),J(r,P(I,{get when(){return n()},get children(){var e=ja();return J(e,P(qi,{class:`h-4 w-4 shrink-0`}),null),J(e,n,null),e}}),null),J(r,P(I,{get when(){return e()},children:e=>[(()=>{var t=Na(),n=t.firstChild.nextSibling.firstChild,r=n.firstChild.nextSibling,i=n.nextSibling,a=i.firstChild,o=a.firstChild,s=a.nextSibling,c=i.nextSibling.firstChild,l=c.firstChild,u=c.nextSibling;return J(r,()=>e().version),J(a,P(Gr,{class:`h-3.5 w-3.5`}),o),J(s,()=>e().data_dir),J(c,P(Yr,{class:`h-3.5 w-3.5`}),l),J(u,P(Ea,{get ok(){return e().deepl_available},get label(){return e().deepl_available?`configured`:`not configured`}})),t})(),(()=>{var t=Pa(),n=t.firstChild.nextSibling;return J(n,P(ve,{get each(){return Object.entries(e().models)},children:([e,t])=>{let n=Va[e]??{label:e,Icon:qn},r=n.Icon;return(()=>{var e=La(),i=e.firstChild,a=i.nextSibling,o=a.nextSibling;return J(i,P(r,{class:`h-4 w-4`})),J(a,()=>n.label),J(o,()=>t.name),J(e,P(I,{get when(){return t.enabled},get fallback(){return Ra()},get children(){return P(Ea,{get ok(){return t.ready},get label(){return t.ready?`ready`:`loading`}})}}),null),e})()}})),t})(),(()=>{var t=Ia(),n=t.firstChild.nextSibling.firstChild.nextSibling;return J(n,P(ve,{each:[{value:`auto`,label:`Auto`,desc:`DeepL if configured, else local`},{value:`local`,label:`Local`,desc:`Opus-MT (on-device)`},{value:`deepl`,label:`DeepL`,desc:`DeepL API`}],children:t=>{let n=()=>o()===t.value,r=()=>t.value===`deepl`&&!e().deepl_available;return(()=>{var e=Ba();return e.$$click=()=>p(t.value),J(e,()=>t.label,null),J(e,P(I,{get when(){return n()},get children(){return za()}}),null),l(a=>{var o=r()||i(),s=r()?`DeepL API key not configured`:t.desc,c=`rounded-lg border px-4 py-2 text-sm transition-colors ${n()?`border-violet-500 bg-violet-50 font-semibold text-violet-700`:`border-slate-200 bg-white text-slate-600 hover:border-slate-300 hover:bg-slate-50`} ${r()?`cursor-not-allowed opacity-40`:``}`;return o!==a.e&&(e.disabled=a.e=o),s!==a.t&&q(e,`title`,a.t=s),c!==a.a&&Je(e,a.a=c),a},{e:void 0,t:void 0,a:void 0}),e})()}}),null),J(n,P(I,{get when(){return i()},get children(){var e=Fa(),t=e.firstChild;return J(e,P(xr,{class:`h-3 w-3 animate-spin`}),t),e}}),null),t})()]}),null),t})()}var Oa,ka,Aa,ja,Ma,Na,Pa,Fa,Ia,La,Ra,za,Ba,Va,Ha=t((()=>{X(),W(),_a(),Oa=G(`<span class="inline-flex items-center gap-1 rounded-full bg-green-100 px-2 py-0.5 text-xs text-green-700">`),ka=G(`<span class="inline-flex items-center gap-1 rounded-full bg-slate-100 px-2 py-0.5 text-xs text-slate-500">`),Aa=G(`<span class="inline-flex items-center gap-1 rounded-full bg-red-100 px-2 py-0.5 text-xs text-red-600">`),ja=G(`<div class="flex items-center gap-2 rounded-xl bg-red-50 px-5 py-4 text-sm text-red-600 ring-1 ring-red-200">`),Ma=G(`<div class="min-h-screen bg-slate-50 px-4 py-10"><div class="mx-auto max-w-2xl space-y-8"><div class="flex items-center gap-3"><div class="rounded-xl bg-white p-2 shadow-sm ring-1 ring-slate-200"></div><div><h1 class="text-xl font-semibold text-slate-800">Server Status</h1><p class="text-sm text-slate-500">ASP.NET Core · Manga-OCR · Opus-MT</p></div><div class=ml-auto>`),Na=G(`<div class="rounded-2xl bg-white shadow-sm ring-1 ring-slate-200"><div class="border-b border-slate-100 px-5 py-3"><span class="text-sm font-medium text-slate-600">Server info</span></div><dl class="divide-y divide-slate-50 text-sm"><div class="flex items-center gap-3 px-5 py-3"><dt class="w-36 shrink-0 text-slate-500">Version</dt><dd class="font-medium text-slate-800"></dd></div><div class="flex items-start gap-3 px-5 py-3"><dt class="flex w-36 shrink-0 items-center gap-1 text-slate-500"> Data dir</dt><dd class="break-all font-mono text-xs text-slate-600"></dd></div><div class="flex items-center gap-3 px-5 py-3"><dt class="flex w-36 shrink-0 items-center gap-1 text-slate-500"> DeepL</dt><dd>`),Pa=G(`<div class="rounded-2xl bg-white shadow-sm ring-1 ring-slate-200"><div class="border-b border-slate-100 px-5 py-3"><span class="text-sm font-medium text-slate-600">Models</span></div><ul class="divide-y divide-slate-50">`),Fa=G(`<span class="flex items-center gap-1 text-xs text-slate-400"> Saving…`),Ia=G(`<div class="rounded-2xl bg-white shadow-sm ring-1 ring-slate-200"><div class="border-b border-slate-100 px-5 py-3"><span class="text-sm font-medium text-slate-600">Translation engine</span></div><div class="px-5 py-4"><p class="mb-3 text-xs text-slate-400">Default engine used when a request doesn't specify one. Takes effect immediately; no restart needed.</p><div class="flex flex-wrap gap-2">`),La=G(`<li class="flex items-center gap-4 px-5 py-3 text-sm"><span class="flex h-7 w-7 shrink-0 items-center justify-center rounded-lg bg-slate-50 text-slate-500"></span><span class="w-24 shrink-0 font-medium text-slate-700"></span><span class="flex-1 truncate font-mono text-xs text-slate-400">`),Ra=G(`<span class="inline-flex items-center gap-1 rounded-full bg-slate-100 px-2 py-0.5 text-xs text-slate-400">disabled`),za=G(`<span class="ml-1.5 text-xs opacity-60">✓`),Ba=G(`<button>`),Va={ocr:{label:`OCR`,Icon:zi},translate:{label:`Translate`,Icon:di},dictionary:{label:`Dictionary`,Icon:tr},inpaint:{label:`Inpaint`,Icon:yi},bubble:{label:`Bubble`,Icon:qn}},K([`click`])})),Ua=n({ServerStatusPage:()=>Da}),Wa=t((()=>{Ha()})),Ga=n({OpenApiPage:()=>Ka});function Ka(){return qa()}var qa,Ja=t((()=>{X(),qa=G(`<iframe src=/scalar/v1 class="h-full w-full border-0"title="OpenAPI Reference">`)}));function Ya(e){return e.replace(/_([a-z])/g,(e,t)=>t.toUpperCase())}function Xa(e){return e.replace(/([A-Z])/g,e=>`_${e.toLowerCase()}`)}function Za(e){if(Array.isArray(e))return e.map(Za);if(typeof e==`object`&&e){let t={};for(let[n,r]of Object.entries(e))t[Ya(n)]=Za(r);return t}return e}function Qa(e){if(Array.isArray(e))return e.map(Qa);if(typeof e==`object`&&e){let t={};for(let[n,r]of Object.entries(e))t[Xa(n)]=Qa(r);return t}return e}async function $(e,t){let n=await fetch(e,{headers:{"Content-Type":`application/json`,...t?.headers},...t});if(!n.ok){let e=await n.text().catch(()=>n.statusText);throw Error(`API ${n.status}: ${e}`)}if(n.status!==204)return Za(await n.json())}function $a(e={}){let t=new URLSearchParams;e.page!==void 0&&t.set(`page`,String(e.page)),e.pageSize!==void 0&&t.set(`page_size`,String(e.pageSize)),e.status&&t.set(`status`,e.status),e.chapterId!==void 0&&t.set(`chapter_id`,String(e.chapterId));let n=t.toString();return $(`/api/portal/jobs${n?`?${n}`:``}`)}function eo(e){return $(`/api/portal/jobs/${e}`)}function to(e){return $(`/api/portal/jobs/${e}`,{method:`DELETE`})}function no(e,t){return $(`/api/portal/jobs/${e}`,{method:`PUT`,body:JSON.stringify(Qa(t))})}function ro(e){return $(`/api/portal/jobs/${e}/bubbles`)}function io(e,t){return $(`/api/portal/jobs/${e}/bubbles`,{method:`POST`,body:JSON.stringify(Qa(t))})}function ao(e,t,n){return $(`/api/portal/jobs/${e}/bubbles/${t}`,{method:`PUT`,body:JSON.stringify(Qa(n))})}function oo(e,t){return $(`/api/portal/jobs/${e}/bubbles/${t}`,{method:`DELETE`})}function so(e){return $(`/api/portal/jobs/${e}/redetect`,{method:`POST`})}function co(e){return $(`/api/portal/jobs/${e}/retranslate`,{method:`POST`})}function lo(e){return $(`/api/portal/jobs/${e}/rerender`,{method:`POST`})}function uo(){return $(`/api/portal/volumes`)}function fo(e){return $(`/api/portal/volumes`,{method:`POST`,body:JSON.stringify(Qa(e))})}function po(e,t){return $(`/api/portal/volumes/${e}`,{method:`PUT`,body:JSON.stringify(Qa(t))})}function mo(e){return $(`/api/portal/volumes/${e}`,{method:`DELETE`})}function ho(e={}){let t=new URLSearchParams;e.volumeId!==void 0&&t.set(`volume_id`,String(e.volumeId));let n=t.toString();return $(`/api/portal/chapters${n?`?${n}`:``}`)}function go(e){return $(`/api/portal/chapters`,{method:`POST`,body:JSON.stringify(Qa(e))})}function _o(e,t){return $(`/api/portal/chapters/${e}`,{method:`PUT`,body:JSON.stringify(Qa(t))})}function vo(e){return $(`/api/portal/chapters/${e}`,{method:`DELETE`})}function yo(e){return $(`/api/portal/chapters/${e}/jobs`)}function bo(e){return`/api/portal/jobs/${e}/original`}function xo(e){return`/api/portal/jobs/${e}/result`}var So=t((()=>{}));function Co(e){return u(()=>{if(!e.open){document.body.style.overflow=``;return}document.body.style.overflow=`hidden`;let t=t=>{t.key===`Escape`&&e.onClose()};return document.addEventListener(`keydown`,t),()=>{document.body.style.overflow=``,document.removeEventListener(`keydown`,t)}}),P(I,{get when(){return e.open},get children(){var t=wo(),n=t.firstChild,r=n.firstChild.firstChild,i=r.nextSibling;return t.$$click=t=>{t.target===t.currentTarget&&e.onClose()},J(r,()=>e.title),Ye(i,`click`,e.onClose,!0),J(i,P(aa,{class:`h-4 w-4`})),J(n,()=>e.children,null),t}})}var wo,To=t((()=>{X(),W(),_a(),wo=G(`<div role=dialog aria-modal=true aria-labelledby=modal-title class="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4"><div class="w-full max-w-md rounded-2xl bg-white p-6 shadow-xl"><div class="mb-4 flex items-center justify-between"><h2 id=modal-title class="text-base font-semibold text-slate-800"></h2><button class="rounded-lg p-1 text-slate-400 hover:bg-slate-100 hover:text-slate-600"aria-label=Close>`),K([`click`])}));function Eo(e){return P(Co,{get open(){return e.open},get title(){return e.title},get onClose(){return e.onCancel},get children(){return[(()=>{var t=Do();return J(t,()=>e.message),t})(),(()=>{var t=Oo(),n=t.firstChild,r=n.nextSibling;return Ye(n,`click`,e.onCancel,!0),Ye(r,`click`,e.onConfirm,!0),J(r,(()=>{var t=Y(()=>!!e.loading);return()=>t()?`Deleting…`:e.confirmLabel??`Delete`})()),l(t=>{var i=e.loading,a=e.confirmClass??`rounded-lg bg-red-600 px-4 py-2 text-sm font-medium text-white hover:bg-red-700 disabled:opacity-50`,o=e.loading;return i!==t.e&&(n.disabled=t.e=i),a!==t.t&&Je(r,t.t=a),o!==t.a&&(r.disabled=t.a=o),t},{e:void 0,t:void 0,a:void 0}),t})()]}})}var Do,Oo,ko=t((()=>{X(),To(),Do=G(`<p class="mb-6 text-sm text-slate-600">`),Oo=G(`<div class="flex justify-end gap-2"><button class="rounded-lg border border-slate-200 bg-white px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50 disabled:opacity-50">Cancel</button><button>`),K([`click`])})),Ao=n({JobsListPage:()=>No,StatusBadge:()=>jo});function jo(e){let t=()=>{switch(e.status){case`done`:return{cls:`bg-green-100 text-green-700`,Icon:_r,label:`Done`};case`processing`:return{cls:`bg-yellow-100 text-yellow-700`,Icon:kr,label:`Processing`};case`error`:return{cls:`bg-red-100 text-red-700`,Icon:Tr,label:`Error`};default:return{cls:`bg-slate-100 text-slate-600`,Icon:kr,label:String(e.status)}}};return(()=>{var e=Po();return J(e,()=>P(t()?.Icon??kr,{class:`h-3 w-3`}),null),J(e,()=>t()?.label??``,null),l(()=>Je(e,`inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium ${t()?.cls??``}`)),e})()}function Mo(e){let t=()=>e.job.resultImagePath?xo(e.job.id):bo(e.job.id);return(()=>{var n=Fo(),r=n.firstChild,i=r.nextSibling,a=i.firstChild,o=a.firstChild,s=o.nextSibling,c=a.nextSibling.firstChild,u=c.nextSibling.firstChild,d=u.firstChild,f=u.nextSibling;return Ye(r,`click`,e.onDelete,!0),J(r,P(ta,{class:`h-3.5 w-3.5`})),Ye(i,`click`,e.onClick,!0),J(s,P(jo,{get status(){return e.job.status}})),J(c,()=>e.job.title),J(u,P(hi,{class:`h-3 w-3`}),d),J(u,()=>e.job.bubbleCount,d),J(f,()=>new Date(e.job.createdAt).toLocaleDateString()),l(n=>{var r=t(),i=e.job.title;return r!==n.e&&q(o,`src`,n.e=r),i!==n.t&&q(o,`alt`,n.t=i),n},{e:void 0,t:void 0}),n})()}function No(){let e=ln(),[t,n]=s(``),[r,i]=s(``),[a,{refetch:o}]=p(t,e=>$a({pageSize:100,status:e||void 0})),c=()=>{let e=r().toLowerCase();return(a()?.items??[]).filter(t=>!e||t.title.toLowerCase().includes(e))},[u,d]=s(null),[f,m]=s(!1),[h,g]=s(null);function _(e,t){t.stopPropagation(),g(null),d(e)}async function v(){let e=u();if(e){m(!0);try{await to(e),d(null),o()}catch(e){d(null),g(e instanceof Error?e.message:`Failed to delete job`)}finally{m(!1)}}}return(()=>{var o=Ro(),s=o.firstChild,p=s.firstChild,m=s.nextSibling.firstChild,y=m.nextSibling;return J(p,P(si,{class:`h-5 w-5 text-violet-600`})),m.$$input=e=>i(e.currentTarget.value),y.addEventListener(`change`,e=>n(e.currentTarget.value)),J(y,()=>Uo.map(e=>(()=>{var t=zo();return J(t,()=>e.label),l(()=>t.value=e.value),t})())),J(o,P(I,{get when(){return h()},children:e=>(()=>{var t=Bo(),n=t.firstChild,r=n.nextSibling;return J(n,e),r.$$click=()=>g(null),t})()}),null),J(o,P(I,{get when(){return a.loading},get children(){var e=Io();return J(e,()=>Array.from({length:10}).map(()=>Vo())),e}}),null),J(o,P(I,{get when(){return a.error},get children(){var e=Lo();return e.firstChild,J(e,()=>String(a.error),null),e}}),null),J(o,P(I,{get when(){return Y(()=>!a.loading)()&&!a.error},get children(){return P(I,{get when(){return c().length>0},get fallback(){return(()=>{var e=Ho(),t=e.firstChild;return J(e,P(si,{class:`h-10 w-10 opacity-40`}),t),e})()},get children(){var t=Io();return J(t,P(ve,{get each(){return c()},children:t=>P(Mo,{job:t,onClick:()=>e(`/jobs/${t.id}`),onDelete:e=>_(t.id,e)})})),t}})}}),null),J(o,P(Eo,{get open(){return u()!==null},title:`Delete job`,message:`This will permanently delete the job, its images, and all bubble data. This cannot be undone.`,confirmLabel:`Delete`,get loading(){return f()},onConfirm:v,onCancel:()=>d(null)}),null),l(()=>m.value=r()),l(()=>y.value=t()),o})()}var Po,Fo,Io,Lo,Ro,zo,Bo,Vo,Ho,Uo,Wo=t((()=>{X(),W(),Rn(),_a(),So(),ko(),Po=G(`<span>`),Fo=G(`<div class="group relative flex flex-col overflow-hidden rounded-2xl bg-white shadow-sm ring-1 ring-slate-200 transition hover:shadow-md hover:ring-slate-300"><button class="absolute left-2 top-2 z-10 flex h-6 w-6 items-center justify-center rounded-md bg-white/80 text-slate-500 shadow-sm ring-1 ring-slate-200 hover:bg-red-50 hover:text-red-600"title="Delete job"aria-label="Delete job"></button><button class="flex w-full flex-col text-left focus-visible:outline-2 focus-visible:outline-violet-500"><div class="relative aspect-3/4 w-full overflow-hidden bg-slate-100"><img class="h-full w-full object-cover transition-transform duration-200 group-hover:scale-105"loading=lazy><div class="absolute right-2 top-2"></div></div><div class="flex flex-col gap-1 p-3"><p class="truncate text-sm font-medium text-slate-800"></p><div class="flex items-center gap-3 text-xs text-slate-500"><span class="flex items-center gap-1"> bubbles</span><span class=ml-auto>`,!0,!1,!1),Io=G(`<div class="grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5">`),Lo=G(`<div class="rounded-2xl bg-red-50 p-6 text-sm text-red-600 ring-1 ring-red-200">Failed to load jobs: `),Ro=G(`<div class="min-h-screen px-6 py-8"><div class="mb-6 flex items-center gap-3"><div class="rounded-xl bg-white p-2 shadow-sm ring-1 ring-slate-200"></div><h1 class="text-xl font-semibold text-slate-800">Jobs</h1></div><div class="mb-6 flex flex-wrap gap-3"><input type=search placeholder="Search jobs…"class="h-9 rounded-lg border border-slate-200 bg-white px-3 text-sm text-slate-700 placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-violet-400"><select class="h-9 rounded-lg border border-slate-200 bg-white px-3 text-sm text-slate-700 focus:outline-none focus:ring-2 focus:ring-violet-400">`),zo=G(`<option>`),Bo=G(`<div role=alert class="mb-4 flex items-center gap-2 rounded-xl bg-red-50 px-4 py-3 text-sm text-red-600 ring-1 ring-red-200"><span class=flex-1></span><button class="shrink-0 rounded p-0.5 hover:bg-red-100"aria-label="Dismiss error">✕`),Vo=G(`<div class="aspect-3/4 animate-pulse rounded-2xl bg-slate-200">`),Ho=G(`<div class="flex flex-col items-center gap-3 py-24 text-slate-400"><p class=text-sm>No jobs yet.</p><p class="max-w-xs text-center text-xs text-slate-400">Upload pages via the extension or API to see translation jobs here.`),Uo=[{value:``,label:`All statuses`},{value:`done`,label:`Done`},{value:`processing`,label:`Processing`},{value:`error`,label:`Error`}],K([`click`,`input`])}));function Go(e,t,n,r){let{x:i,y:a,w:o,h:s}=t;switch(e){case`TL`:i+=n,a+=r,o-=n,s-=r;break;case`T`:a+=r,s-=r;break;case`TR`:a+=r,o+=n,s-=r;break;case`L`:i+=n,o-=n;break;case`R`:o+=n;break;case`BL`:i+=n,o-=n,s+=r;break;case`B`:s+=r;break;case`BR`:o+=n,s+=r;break}return o<5&&(o=5),s<5&&(s=5),{x:i,y:a,w:o,h:s}}function Ko(e){let t,n,[r,i]=s({scale:1,offsetX:0,offsetY:0}),[a,o]=s({kind:`none`});function c(){if(!t||!e.imageWidth||!e.imageHeight)return;let n=t.clientWidth,r=t.clientHeight;if(n===0||r===0)return;let a=n/e.imageWidth,o=r/e.imageHeight,s=Math.min(a,o),c=e.imageWidth*s,l=e.imageHeight*s;i({scale:s,offsetX:(n-c)/2,offsetY:(r-l)/2})}function u(e,t){let{scale:n,offsetX:i,offsetY:a}=r();return{x:e*n+i,y:t*n+a}}function d(e,t){let{scale:n,offsetX:i,offsetY:a}=r();return n===0?{x:0,y:0}:{x:(e-i)/n,y:(t-a)/n}}function f(e){let t=n.getBoundingClientRect();return d(e.clientX-t.left,e.clientY-t.top)}function p(e){let t=a();return t.kind===`moving`&&t.bubbleIndex===e.bubbleIndex?{x:e.bubbleX+(t.curImgX-t.startImgX),y:e.bubbleY+(t.curImgY-t.startImgY),w:e.bubbleW,h:e.bubbleH}:t.kind===`resizing`&&t.bubbleIndex===e.bubbleIndex?Go(t.handle,{x:t.origX,y:t.origY,w:t.origW,h:t.origH},t.curImgX-t.startImgX,t.curImgY-t.startImgY):{x:e.bubbleX,y:e.bubbleY,w:e.bubbleW,h:e.bubbleH}}function m(){let e=a();return e.kind===`drawing`?{x:Math.min(e.startImgX,e.curImgX),y:Math.min(e.startImgY,e.curImgY),w:Math.abs(e.curImgX-e.startImgX),h:Math.abs(e.curImgY-e.startImgY)}:null}function h(e){let t=a();if(t.kind===`none`)return;e.preventDefault();let n=f(e);(t.kind===`moving`||t.kind===`resizing`||t.kind===`drawing`)&&o({...t,curImgX:n.x,curImgY:n.y})}function g(){let t=a();if(t.kind===`moving`){let n=t.curImgX-t.startImgX,r=t.curImgY-t.startImgY;(Math.abs(n)>1||Math.abs(r)>1)&&e.onMove(t.bubbleIndex,n,r)}else if(t.kind===`resizing`){let n=Go(t.handle,{x:t.origX,y:t.origY,w:t.origW,h:t.origH},t.curImgX-t.startImgX,t.curImgY-t.startImgY);e.onResize(t.bubbleIndex,n.x,n.y,n.w,n.h)}else if(t.kind===`drawing`){let n=Math.min(t.startImgX,t.curImgX),r=Math.min(t.startImgY,t.curImgY),i=Math.abs(t.curImgX-t.startImgX),a=Math.abs(t.curImgY-t.startImgY);i>5&&a>5?e.onDraw(n,r,i,a):e.onSelect(null)}o({kind:`none`}),window.removeEventListener(`mousemove`,h),window.removeEventListener(`mouseup`,y)}function y(e){e.preventDefault(),g()}function b(){window.addEventListener(`mousemove`,h),window.addEventListener(`mouseup`,y)}function x(t){if(t.preventDefault(),!e.drawMode){e.onSelect(null);return}let n=f(t);o({kind:`drawing`,startImgX:n.x,startImgY:n.y,curImgX:n.x,curImgY:n.y}),b()}function S(t,n){t.preventDefault(),t.stopPropagation(),e.onSelect(n.bubbleIndex);let r=f(t);o({kind:`moving`,bubbleIndex:n.bubbleIndex,startImgX:r.x,startImgY:r.y,curImgX:r.x,curImgY:r.y}),b()}function C(e,t,n){e.preventDefault(),e.stopPropagation();let r=f(e);o({kind:`resizing`,bubbleIndex:t.bubbleIndex,handle:n,origX:t.bubbleX,origY:t.bubbleY,origW:t.bubbleW,origH:t.bubbleH,startImgX:r.x,startImgY:r.y,curImgX:r.x,curImgY:r.y}),b()}return _(()=>{c();let e=new ResizeObserver(()=>c());e.observe(t),v(()=>{e.disconnect(),window.removeEventListener(`mousemove`,h),window.removeEventListener(`mouseup`,y)})}),(()=>{var r=qo(),i=r.firstChild,o=i.nextSibling,s=t;typeof s==`function`?et(s,r):t=r,i.addEventListener(`load`,c),q(i,`draggable`,!1),o.$$mousedown=x;var d=n;return typeof d==`function`?et(d,o):n=o,J(o,P(ve,{get each(){return e.bubbles},children:t=>{let n=()=>p(t),r=()=>{let e=n(),t=u(e.x,e.y),r=u(e.x+e.w,e.y+e.h);return{x:t.x,y:t.y,w:r.x-t.x,h:r.y-t.y}},i=()=>e.selectedIndex===t.bubbleIndex,a=()=>t.isExcluded?`#9ca3af`:i()?`#7c3aed`:t.isManuallyAdded?`#10b981`:`#3b82f6`,o=()=>t.isExcluded?`rgba(0,0,0,0.15)`:i()?`rgba(124,58,237,0.1)`:`rgba(59,130,246,0.05)`;return(()=>{var e=Yo(),s=e.firstChild,c=s.nextSibling,d=c.nextSibling;return s.$$mousedown=e=>S(e,t),J(e,P(I,{get when(){return t.isExcluded},get children(){var e=Jo();return l(t=>{var n=r().x,i=r().y,a=r().x+r().w,o=r().y+r().h;return n!==t.e&&q(e,`x1`,t.e=n),i!==t.t&&q(e,`y1`,t.t=i),a!==t.a&&q(e,`x2`,t.a=a),o!==t.o&&q(e,`y2`,t.o=o),t},{e:void 0,t:void 0,a:void 0,o:void 0}),e}}),c),J(c,()=>t.bubbleIndex),J(d,()=>t.bubbleIndex),J(e,P(I,{get when(){return i()},get children(){return P(ve,{each:Qo,children:e=>{let[r,i]=$o[e],a=()=>{let e=n();return u(e.x+r*e.w,e.y+i*e.h)};return(()=>{var n=Xo();return n.$$mousedown=n=>C(n,t,e),l(t=>{var r=a().x-4,i=a().y-4,o=es[e];return r!==t.e&&q(n,`x`,t.e=r),i!==t.t&&q(n,`y`,t.t=i),o!==t.a&&Qe(n,`cursor`,t.a=o),t},{e:void 0,t:void 0,a:void 0}),n})()}})}}),null),l(e=>{var t=r().x,n=r().y,l=r().w,u=r().h,f=o(),p=a(),m=i()?3:2,h=r().x+4,g=r().y+13,_=r().x+3,v=r().y+12;return t!==e.e&&q(s,`x`,e.e=t),n!==e.t&&q(s,`y`,e.t=n),l!==e.a&&q(s,`width`,e.a=l),u!==e.o&&q(s,`height`,e.o=u),f!==e.i&&q(s,`fill`,e.i=f),p!==e.n&&q(s,`stroke`,e.n=p),m!==e.s&&q(s,`stroke-width`,e.s=m),h!==e.h&&q(c,`x`,e.h=h),g!==e.r&&q(c,`y`,e.r=g),_!==e.d&&q(d,`x`,e.d=_),v!==e.l&&q(d,`y`,e.l=v),e},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0,s:void 0,h:void 0,r:void 0,d:void 0,l:void 0}),e})()}}),null),J(o,P(I,{get when(){return m()},children:e=>{let t=()=>{let t=e(),n=u(t.x,t.y),r=u(t.x+t.w,t.y+t.h);return{x:n.x,y:n.y,w:r.x-n.x,h:r.y-n.y}};return(()=>{var e=Zo();return l(n=>{var r=t().x,i=t().y,a=t().w,o=t().h;return r!==n.e&&q(e,`x`,n.e=r),i!==n.t&&q(e,`y`,n.t=i),a!==n.a&&q(e,`width`,n.a=a),o!==n.o&&q(e,`height`,n.o=o),n},{e:void 0,t:void 0,a:void 0,o:void 0}),e})()}}),null),l(t=>{var n=e.imageUrl,r=a().kind===`moving`?`grabbing`:a().kind===`drawing`||e.drawMode?`crosshair`:`default`;return n!==t.e&&q(i,`src`,t.e=n),r!==t.t&&Qe(o,`cursor`,t.t=r),t},{e:void 0,t:void 0}),r})()}var qo,Jo,Yo,Xo,Zo,Qo,$o,es,ts=t((()=>{X(),W(),qo=G(`<div class="relative overflow-hidden bg-slate-900 w-full h-full select-none"><img alt="manga page"class="w-full h-full object-contain pointer-events-none"><svg class="absolute inset-0 w-full h-full">`),Jo=G(`<svg><line stroke=#9ca3af stroke-width=1 style=pointer-events:none></svg>`,!1,!0,!1),Yo=G(`<svg><g><rect style=cursor:grab></rect><text font-size=10 fill=black style=pointer-events:none;user-select:none></text><text font-size=10 fill=white style=pointer-events:none;user-select:none></svg>`,!1,!0,!1),Xo=G(`<svg><rect width=8 height=8 fill=white stroke=#7c3aed stroke-width=1.5></svg>`,!1,!0,!1),Zo=G(`<svg><rect fill=rgba(16,185,129,0.1) stroke=#10b981 stroke-width=2 stroke-dasharray=4,2 style=pointer-events:none></svg>`,!1,!0,!1),Qo=[`TL`,`T`,`TR`,`L`,`R`,`BL`,`B`,`BR`],$o={TL:[0,0],T:[.5,0],TR:[1,0],L:[0,.5],R:[1,.5],BL:[0,1],B:[.5,1],BR:[1,1]},es={TL:`nw-resize`,T:`n-resize`,TR:`ne-resize`,L:`w-resize`,R:`e-resize`,BL:`sw-resize`,B:`s-resize`,BR:`se-resize`},K([`mousedown`])}));function ns(e){let t;return u(()=>{let n=e.selectedIndex;n!==null&&(t?.querySelector(`[data-bubble-idx="${n}"]`))?.scrollIntoView({behavior:`smooth`,block:`nearest`})}),(()=>{var n=rs(),r=n.firstChild,i=r.firstChild,a=i.firstChild.nextSibling;a.nextSibling;var o=i.nextSibling,s=r.nextSibling;J(i,()=>e.bubbles.length,a),Ye(o,`click`,e.onAddBubble,!0),J(o,P(ji,{class:`h-3 w-3`}),null),J(o,P(Ci,{class:`h-3 w-3`}),null);var c=t;return typeof c==`function`?et(c,s):t=s,J(s,P(I,{get when(){return e.bubbles.length>0},get fallback(){return is()},get children(){return P(ve,{get each(){return e.bubbles},children:t=>{let n=()=>e.selectedIndex===t.bubbleIndex;return(()=>{var r=ss(),i=r.firstChild,a=i.firstChild;a.firstChild;var o=i.nextSibling;return r.$$click=()=>e.onSelect(n()?null:t.bubbleIndex),J(a,()=>t.bubbleIndex,null),J(i,P(I,{get when(){return t.isManuallyAdded},get children(){return as()}}),null),J(i,P(I,{get when(){return t.isExcluded},get children(){return os()}}),null),J(o,()=>t.sourceText.slice(0,20)||`(empty)`),l(e=>{var i=t.bubbleIndex,s=`w-full border-b border-slate-100 px-3 py-2 text-left transition-colors ${n()?`border-l-2 border-l-violet-500 bg-violet-50`:`hover:bg-slate-50`} ${t.isExcluded?`opacity-50`:``}`,c=`font-mono text-xs font-medium ${n()?`text-violet-700`:`text-slate-500`}`,l=`mt-0.5 truncate text-xs ${t.isExcluded?`line-through text-slate-400`:`text-slate-600`}`;return i!==e.e&&q(r,`data-bubble-idx`,e.e=i),s!==e.t&&Je(r,e.t=s),c!==e.a&&Je(a,e.a=c),l!==e.o&&Je(o,e.o=l),e},{e:void 0,t:void 0,a:void 0,o:void 0}),r})()}})}})),n})()}var rs,is,as,os,ss,cs=t((()=>{X(),W(),_a(),rs=G(`<div class="flex flex-col h-full"><div class="flex items-center gap-2 border-b border-slate-100 px-3 py-2 shrink-0"><span class="flex-1 text-xs font-semibold uppercase tracking-wide text-slate-500">Bubbles (<!>)</span><button class="flex items-center gap-1 rounded px-2 py-1 text-xs font-medium text-slate-600 hover:bg-slate-100 active:bg-slate-200 transition-colors"title="Draw a new bubble on the canvas"></button></div><div class="flex-1 overflow-y-auto">`),is=G(`<div class="px-3 py-6 text-center text-xs text-slate-400">No bubbles detected`),as=G(`<span class="rounded bg-emerald-100 px-1 py-0.5 text-[10px] font-medium text-emerald-700">M`),os=G(`<span class="rounded bg-slate-100 px-1 py-0.5 text-[10px] font-medium text-slate-500">×`),ss=G(`<button><div class="flex items-center gap-1.5"><span>#</span></div><p>`),K([`click`])}));function ls(e){return(()=>{var t=ds(),n=t.firstChild,r=n.nextSibling;return J(n,()=>e.label),r.addEventListener(`change`,t=>e.onChange(parseFloat(t.currentTarget.value)||0)),r.$$input=t=>e.onInput(parseFloat(t.currentTarget.value)||0),l(()=>r.value=e.value),t})()}function us(e){let[t,n]=s(0),[r,i]=s(0),[a,o]=s(0),[c,d]=s(0),[f,p]=s(``),[m,h]=s(``),[_,v]=s(!1);return u(g(()=>e.bubble,()=>{let t=e.bubble;t&&(n(t.bubbleX),i(t.bubbleY),o(t.bubbleW),d(t.bubbleH),p(t.sourceText),h(t.translatedText),v(t.isExcluded))})),(()=>{var s=fs();return s.firstChild,J(s,P(I,{get when(){return e.bubble},get fallback(){return ps()},children:s=>(()=>{var u=hs(),g=u.firstChild,y=g.firstChild;y.firstChild;var b=y.nextSibling,x=g.nextSibling,S=x.firstChild.nextSibling,C=x.nextSibling,w=C.firstChild.nextSibling,ee=C.nextSibling,T=ee.firstChild.nextSibling,E=ee.nextSibling,D=E.firstChild,O=E.nextSibling.firstChild,k=O.firstChild;return J(y,()=>s().bubbleIndex,null),J(g,P(I,{get when(){return s().isManuallyAdded},get children(){return ms()}}),b),J(b,(()=>{var e=Y(()=>!!s().isManuallyAdded);return()=>e()?`N/A conf`:`${Math.round(s().confidence*100)}% conf`})()),J(S,P(ls,{label:`X`,get value(){return t()},onInput:n,onChange:t=>e.onUpdate({bubbleX:t})}),null),J(S,P(ls,{label:`Y`,get value(){return r()},onInput:i,onChange:t=>e.onUpdate({bubbleY:t})}),null),J(S,P(ls,{label:`W`,get value(){return a()},onInput:o,onChange:t=>e.onUpdate({bubbleW:t})}),null),J(S,P(ls,{label:`H`,get value(){return c()},onInput:d,onChange:t=>e.onUpdate({bubbleH:t})}),null),w.addEventListener(`blur`,t=>e.onUpdate({sourceText:t.currentTarget.value})),w.$$input=e=>p(e.currentTarget.value),T.addEventListener(`blur`,t=>e.onUpdate({translatedText:t.currentTarget.value})),T.$$input=e=>h(e.currentTarget.value),D.addEventListener(`change`,t=>{let n=t.currentTarget.checked;v(n),e.onUpdate({isExcluded:n})}),Ye(O,`click`,e.onDelete,!0),J(O,P(ta,{class:`h-3.5 w-3.5`}),k),l(()=>w.value=f()),l(()=>T.value=m()),l(()=>D.checked=_()),u})()}),null),s})()}var ds,fs,ps,ms,hs,gs=t((()=>{X(),W(),_a(),ds=G(`<label class="flex flex-col gap-0.5"><span class="text-[10px] text-slate-400"></span><input type=number step=0.1 class="rounded border border-slate-200 px-2 py-1 text-xs focus:border-violet-400 focus:outline-none">`),fs=G(`<div class="flex h-full flex-col"><div class="shrink-0 border-b border-slate-100 px-3 py-2"><span class="text-xs font-semibold uppercase tracking-wide text-slate-500">Editor`),ps=G(`<div class="flex flex-1 items-center justify-center text-xs text-slate-400">Select a bubble to edit`),ms=G(`<span class="rounded-full bg-emerald-100 px-2 py-0.5 text-xs font-medium text-emerald-700">Manual`),hs=G(`<div class="flex flex-1 flex-col gap-4 overflow-y-auto p-3"><div class="flex items-center gap-2"><span class="text-sm font-medium text-slate-700">Bubble #</span><span class="ml-auto text-[10px] text-slate-400"></span></div><div><p class="mb-1.5 text-xs font-medium text-slate-500">Position &amp; Size (px)</p><div class="grid grid-cols-2 gap-1.5"></div></div><label class="flex flex-col gap-1"><span class="text-xs font-medium text-slate-500">Source</span><textarea rows=3 class="resize-y rounded border border-slate-200 px-2 py-1.5 text-xs focus:border-violet-400 focus:outline-none"></textarea></label><label class="flex flex-col gap-1"><span class="text-xs font-medium text-slate-500">Translation</span><textarea rows=4 class="resize-y rounded border border-slate-200 px-2 py-1.5 text-xs focus:border-violet-400 focus:outline-none"></textarea></label><div class="flex items-center gap-2"><input id=exclude-check type=checkbox class="h-3.5 w-3.5 rounded accent-violet-600"><label for=exclude-check class="cursor-pointer text-xs text-slate-600">Exclude from render</label></div><div class="mt-auto border-t border-slate-100 pt-3"><button class="flex w-full items-center justify-center gap-1.5 rounded-lg bg-red-50 px-3 py-2 text-xs font-medium text-red-600 transition-colors hover:bg-red-100 active:bg-red-200">Delete bubble`),K([`input`,`click`])})),_s=n({StudioPage:()=>vs});function vs(){let e=dn(),t=ln(),[n]=p(()=>e.id,eo),[r,{refetch:i}]=p(()=>e.id,ro),[a,o]=s(null),[c,u]=s(`result`),[d,f]=s(!1),[m,h]=s(!1),[g,_]=s(!1),[v,y]=s(!1),[b,x]=s(null),[S,C]=s(!1),[w,ee]=s(!1),T=()=>r()??[],E=()=>{let e=a();return e===null?null:T().find(t=>t.bubbleIndex===e)??null};function D(e){o(e===a()?null:e)}async function O(t,n,r){let a=T().find(e=>e.bubbleIndex===t);if(a){x(null);try{await ao(e.id,t,{bubbleX:a.bubbleX+n,bubbleY:a.bubbleY+r,bubbleW:a.bubbleW,bubbleH:a.bubbleH}),i()}catch(e){x(e instanceof Error?e.message:`Failed to move bubble`)}}}async function k(t,n,r,a,o){x(null);try{await ao(e.id,t,{bubbleX:n,bubbleY:r,bubbleW:a,bubbleH:o}),i()}catch(e){x(e instanceof Error?e.message:`Failed to resize bubble`)}}async function A(t,n,r,a){x(null);try{let s=await io(e.id,{x:t,y:n,w:r,h:a});await i(),o(s.bubbleIndex)}catch(e){x(e instanceof Error?e.message:`Failed to add bubble`)}}async function j(t){let n=E();if(n){x(null);try{await ao(e.id,n.bubbleIndex,t),i()}catch(e){x(e instanceof Error?e.message:`Failed to update bubble`)}}}async function te(){let t=E();if(t){x(null);try{await oo(e.id,t.bubbleIndex),o(null),i()}catch(e){x(e instanceof Error?e.message:`Failed to delete bubble`)}}}async function M(){for(let t=0;t<120;t++)if(await new Promise(e=>setTimeout(e,1500)),(await eo(e.id)).status!==`processing`)return}async function ne(){f(!0),x(null);try{await so(e.id),await M(),await i()}catch(e){x(e instanceof Error?e.message:`Re-detect failed`)}finally{f(!1)}}async function re(){h(!0),x(null);try{await co(e.id),await M(),await i()}catch(e){x(e instanceof Error?e.message:`Re-translate failed`)}finally{h(!1)}}async function ie(){ee(!0);try{await to(e.id),t(`/jobs`)}catch(e){x(e instanceof Error?e.message:`Failed to delete job`),C(!1)}finally{ee(!1)}}async function N(){_(!0),x(null);try{await lo(e.id),await M(),await i()}catch(e){x(e instanceof Error?e.message:`Re-render failed`)}finally{_(!1)}}let ae=()=>({bubbles:T(),selectedIndex:a(),drawMode:v(),onSelect:D,onMove:O,onResize:k,onDraw:async(e,t,n,r)=>{y(!1),await A(e,t,n,r)}});return(()=>{var r=xs(),i=r.firstChild,o=i.firstChild,s=o.nextSibling,f=s.nextSibling.nextSibling,p=f.firstChild,h=f.nextSibling,_=h.firstChild,v=h.nextSibling,ee=v.firstChild,O=v.nextSibling.nextSibling,k=O.firstChild;return o.$$click=()=>t(`/jobs`),J(o,P(Zn,{class:`h-4 w-4`})),J(i,P(I,{get when(){return n()},get fallback(){return Ss()},children:e=>[(()=>{var t=Cs();return J(t,()=>e().title),t})(),P(jo,{get status(){return e().status}})]}),s),J(s,()=>[`original`,`result`,`sidebyside`].map(e=>(()=>{var t=ws();return t.$$click=()=>u(e),J(t,e===`original`?`Original`:e===`result`?`Result`:`Side by side`),l(()=>Je(t,`px-2.5 py-1.5 font-medium transition-colors ${c()===e?`bg-violet-600 text-white`:`bg-white text-slate-600 hover:bg-slate-50`}`)),t})())),f.$$click=ne,J(f,P(I,{get when(){return d()},get fallback(){return P(zi,{class:`h-3.5 w-3.5`})},get children(){return P(Fi,{class:`h-3.5 w-3.5 animate-spin`})}}),p),h.$$click=re,J(h,P(I,{get when(){return m()},get fallback(){return P(Zi,{class:`h-3.5 w-3.5`})},get children(){return P(Fi,{class:`h-3.5 w-3.5 animate-spin`})}}),_),v.$$click=N,J(v,P(I,{get when(){return g()},get fallback(){return P(Fi,{class:`h-3.5 w-3.5`})},get children(){return P(Fi,{class:`h-3.5 w-3.5 animate-spin`})}}),ee),O.$$click=()=>C(!0),J(O,P(ta,{class:`h-3.5 w-3.5`}),k),J(r,P(Eo,{get open(){return S()},title:`Delete job`,message:`This will permanently delete the job, its images, and all bubble data. This cannot be undone.`,confirmLabel:`Delete`,get loading(){return w()},onConfirm:ie,onCancel:()=>{w()||C(!1)}}),null),J(r,P(I,{get when(){return b()},children:e=>(()=>{var t=Ts(),n=t.firstChild,r=n.nextSibling;return J(n,e),r.$$click=()=>x(null),t})()}),null),J(r,P(I,{get when(){return n.loading},get children(){return ys()}}),null),J(r,P(I,{get when(){return n.error},get children(){var e=bs();return e.firstChild,J(e,()=>String(n.error),null),e}}),null),J(r,P(I,{get when(){return Y(()=>!n.loading&&!n.error)()&&n()},children:t=>(()=>{var n=Ds(),r=n.firstChild,i=r.nextSibling,o=i.nextSibling;return J(r,P(ns,{get bubbles(){return T()},get selectedIndex(){return a()},onSelect:D,onAddBubble:()=>y(!0)})),J(i,P(ye,{get children(){return[P(be,{get when(){return c()===`original`},get children(){return P(Ko,F(ae,{get imageUrl(){return bo(e.id)},get imageWidth(){return t().originalWidth},get imageHeight(){return t().originalHeight}}))}}),P(be,{get when(){return c()===`result`},get children(){return P(I,{get when(){return t().resultImagePath},get fallback(){return(()=>{var e=Os(),t=e.firstChild;return J(e,P(ri,{class:`h-10 w-10 opacity-40`}),t),e})()},get children(){return P(Ko,F(ae,{get imageUrl(){return xo(e.id)},get imageWidth(){return t().originalWidth},get imageHeight(){return t().originalHeight}}))}})}}),P(be,{get when(){return c()===`sidebyside`},get children(){var n=Es(),r=n.firstChild,i=r.nextSibling;return J(r,P(Ko,F(ae,{get imageUrl(){return bo(e.id)},get imageWidth(){return t().originalWidth},get imageHeight(){return t().originalHeight}}))),J(i,P(I,{get when(){return t().resultImagePath},get fallback(){return(()=>{var e=ks(),t=e.firstChild;return J(e,P(ri,{class:`h-10 w-10 opacity-40`}),t),e})()},get children(){return P(Ko,F(ae,{get imageUrl(){return xo(e.id)},get imageWidth(){return t().originalWidth},get imageHeight(){return t().originalHeight}}))}})),n}})]}})),J(o,P(us,{get bubble(){return E()},onUpdate:j,onDelete:te})),n})()}),null),l(e=>{var t=d(),n=m(),r=g(),i=w();return t!==e.e&&(f.disabled=e.e=t),n!==e.t&&(h.disabled=e.t=n),r!==e.a&&(v.disabled=e.a=r),i!==e.o&&(O.disabled=e.o=i),e},{e:void 0,t:void 0,a:void 0,o:void 0}),r})()}var ys,bs,xs,Ss,Cs,ws,Ts,Es,Ds,Os,ks,As=t((()=>{X(),W(),Rn(),_a(),So(),ts(),cs(),gs(),ko(),Wo(),ys=G(`<div class="flex flex-1 items-center justify-center"><p class="text-sm text-slate-400">Loading job…`),bs=G(`<div class="m-6 rounded-2xl bg-red-50 p-6 text-sm text-red-600 ring-1 ring-red-200">Failed to load job: `),xs=G(`<div class="flex h-screen flex-col bg-slate-50"><header class="flex shrink-0 items-center gap-2 border-b border-slate-200 bg-white px-3 py-2 shadow-sm"><button class="flex items-center gap-1 rounded p-1 text-slate-500 hover:bg-slate-100 transition-colors"title="Back to jobs"aria-label="Back to jobs"></button><div class="ml-4 flex overflow-hidden rounded-lg border border-slate-200 text-xs"></div><div class=flex-1></div><button class="flex items-center gap-1.5 rounded-lg border border-slate-200 bg-white px-3 py-1.5 text-xs font-medium text-slate-700 transition-colors hover:bg-slate-50 disabled:cursor-not-allowed disabled:opacity-50"title="Re-detect bubbles"aria-label="Re-detect bubbles">Re-detect</button><button class="flex items-center gap-1.5 rounded-lg border border-slate-200 bg-white px-3 py-1.5 text-xs font-medium text-slate-700 transition-colors hover:bg-slate-50 disabled:cursor-not-allowed disabled:opacity-50"title=Re-translate aria-label=Re-translate>Re-translate</button><button class="flex items-center gap-1.5 rounded-lg border border-slate-200 bg-white px-3 py-1.5 text-xs font-medium text-slate-700 transition-colors hover:bg-slate-50 disabled:cursor-not-allowed disabled:opacity-50"title="Re-render image"aria-label="Re-render image">Re-render</button><div class="mx-1 h-5 w-px bg-slate-200"></div><button class="flex items-center gap-1.5 rounded-lg border border-red-200 bg-white px-3 py-1.5 text-xs font-medium text-red-600 transition-colors hover:bg-red-50 disabled:cursor-not-allowed disabled:opacity-50"title="Delete job"aria-label="Delete job">Delete`),Ss=G(`<div class="h-4 w-40 animate-pulse rounded bg-slate-200">`),Cs=G(`<h1 class="max-w-xs truncate text-sm font-semibold text-slate-800">`),ws=G(`<button>`),Ts=G(`<div class="flex items-center gap-2 bg-red-50 px-4 py-2 text-sm text-red-700 ring-1 ring-inset ring-red-200"><span class=flex-1></span><button class="shrink-0 rounded p-0.5 hover:bg-red-100"aria-label="Dismiss error">✕`),Es=G(`<div class="flex h-full w-full"><div class="flex-1 overflow-hidden border-r border-slate-700"></div><div class="flex-1 overflow-hidden">`),Ds=G(`<div class="flex flex-1 overflow-hidden"><aside class="flex w-52 shrink-0 flex-col border-r border-slate-200 bg-white"></aside><main class="relative flex flex-1 overflow-hidden"></main><aside class="flex w-64 shrink-0 flex-col border-l border-slate-200 bg-white">`),Os=G(`<div class="flex flex-1 flex-col items-center justify-center gap-3 text-slate-400"><p class=text-sm>No result image yet</p><p class=text-xs>Run Re-render to generate the translated image.`),ks=G(`<div class="flex h-full flex-col items-center justify-center gap-3 text-slate-400"><p class=text-sm>No result image yet</p><p class=text-xs>Run Re-render to generate the translated image.`),K([`click`])})),js=n({LibraryPage:()=>Ms});function Ms(){let e=ln(),[t,{refetch:n}]=p(uo),[r,{refetch:i}]=p(()=>ho()),a=()=>(r()??[]).filter(e=>!e.volumeId),[o,c]=s(null),[u,d]=s(``),[f,m]=s(``);function h(){d(``),m(``),c({mode:`create`})}function g(e){d(e.title),m(e.synopsis??``),c({mode:`edit`,vol:e})}let[_,v]=s(null),[y,b]=s(``),[x,S]=s(``),[C,w]=s(void 0);function ee(){b(``),S(``),w(void 0),v({mode:`create`})}function T(e){b(e.title),S(e.chapterNumber),w(e.volumeId),v({mode:`edit`,ch:e})}let[E,D]=s(null),[O,k]=s(null),[A,j]=s(!1),[te,M]=s(null);async function ne(){j(!0),M(null);try{let e=o();if(!e)return;e.mode===`create`?await fo({title:u(),synopsis:f()||void 0}):await po(e.vol.id,{title:u(),synopsis:f()||void 0}),c(null),n()}catch(e){M(e instanceof Error?e.message:String(e))}finally{j(!1)}}async function re(){M(null);try{let e=E();if(!e)return;await mo(e.id),D(null),n()}catch(e){M(e instanceof Error?e.message:String(e)),D(null)}}async function ie(){j(!0),M(null);try{let e=_();if(!e)return;e.mode===`create`?await go({title:y(),chapterNumber:x(),volumeId:C()}):await _o(e.ch.id,{title:y(),chapterNumber:x(),volumeId:C()??null}),v(null),i()}catch(e){M(e instanceof Error?e.message:String(e))}finally{j(!1)}}async function N(){M(null);try{let e=O();if(!e)return;await vo(e.id),k(null),i()}catch(e){M(e instanceof Error?e.message:String(e)),k(null)}}return(()=>{var n=Bs(),i=n.firstChild,s=i.firstChild,p=s.nextSibling.nextSibling.firstChild,j=p.firstChild,ae=p.nextSibling,oe=ae.firstChild,se=i.nextSibling;se.firstChild;var ce=se.nextSibling;return ce.firstChild,J(n,P(I,{get when(){return te()},get children(){var e=Ns(),t=e.firstChild,n=t.nextSibling;return J(t,te),n.$$click=()=>M(null),e}}),i),J(s,P(tr,{class:`h-5 w-5 text-violet-600`})),p.$$click=h,J(p,P(ji,{class:`h-3.5 w-3.5`}),j),ae.$$click=ee,J(ae,P(ji,{class:`h-3.5 w-3.5`}),oe),J(se,P(I,{get when(){return t.loading},get children(){var e=Ps();return J(e,()=>Array.from({length:4}).map(()=>Vs())),e}}),null),J(se,P(I,{get when(){return t.error},get children(){return Fs()}}),null),J(se,P(I,{get when(){return Y(()=>!t.loading)()&&!t.error},get children(){return P(I,{get when(){return(t()??[]).length>0},get fallback(){return(()=>{var e=Hs(),t=e.firstChild;return J(e,P(Gr,{class:`h-8 w-8 opacity-40`}),t),e})()},get children(){var n=Ps();return J(n,P(ve,{get each(){return t()},children:t=>(()=>{var n=Us(),r=n.firstChild,i=r.firstChild,a=i.nextSibling,o=r.nextSibling,s=o.firstChild,c=s.nextSibling.firstChild,l=c.nextSibling,u=l.firstChild;return i.$$click=e=>{e.stopPropagation(),g(t)},J(i,P(Di,{class:`h-3.5 w-3.5 text-slate-500`})),a.$$click=e=>{e.stopPropagation(),D(t)},J(a,P(ta,{class:`h-3.5 w-3.5 text-red-400`})),o.$$click=()=>e(`/library/${t.id}`),J(s,P(tr,{class:`h-6 w-6 text-violet-500`})),J(c,()=>t.title),J(l,()=>t.chapterCount??0,u),J(o,P(lr,{class:`ml-auto h-4 w-4 shrink-0 text-slate-300 transition group-hover:translate-x-0.5 group-hover:text-slate-500`}),null),n})()})),n}})}}),null),J(ce,P(I,{get when(){return r.loading},get children(){var e=Is();return J(e,()=>Array.from({length:3}).map(()=>Ws())),e}}),null),J(ce,P(I,{get when(){return!r.loading},get children(){return P(I,{get when(){return a().length>0},get fallback(){return Gs()},get children(){var t=Ls();return J(t,P(ve,{get each(){return a()},children:t=>(()=>{var n=Ks(),r=n.firstChild,i=r.firstChild;i.firstChild;var a=i.nextSibling,o=a.nextSibling,s=o.firstChild,c=r.nextSibling.firstChild,l=c.nextSibling;return r.$$click=()=>e(`/library/chapters/${t.id}`),J(i,()=>t.chapterNumber,null),J(a,()=>t.title),J(o,()=>t.pageCount??0,s),J(r,P(lr,{class:`h-4 w-4 text-slate-300`}),null),c.$$click=()=>T(t),J(c,P(Di,{class:`h-3.5 w-3.5 text-slate-500`})),l.$$click=()=>k(t),J(l,P(ta,{class:`h-3.5 w-3.5 text-red-400`})),n})()})),t}})}}),null),J(n,P(Co,{get open(){return o()!==null},get title(){return o()?.mode===`create`?`New Volume`:`Edit Volume`},onClose:()=>c(null),get children(){var e=Rs(),t=e.firstChild,n=t.firstChild.nextSibling,r=t.nextSibling,i=r.firstChild.nextSibling,a=r.nextSibling.firstChild,o=a.nextSibling;return n.$$input=e=>d(e.currentTarget.value),i.$$input=e=>m(e.currentTarget.value),a.$$click=()=>c(null),o.$$click=ne,J(o,()=>A()?`Saving…`:`Save`),l(()=>o.disabled=A()||!u().trim()),l(()=>n.value=u()),l(()=>i.value=f()),e}}),null),J(n,P(Co,{get open(){return _()!==null},get title(){return _()?.mode===`create`?`New Chapter`:`Edit Chapter`},onClose:()=>v(null),get children(){var e=zs(),n=e.firstChild,r=n.firstChild.nextSibling,i=n.nextSibling,a=i.firstChild.nextSibling,o=i.nextSibling,s=o.firstChild.nextSibling;s.firstChild;var c=o.nextSibling.firstChild,u=c.nextSibling;return r.$$input=e=>b(e.currentTarget.value),a.$$input=e=>S(e.currentTarget.value),s.addEventListener(`change`,e=>{let t=e.currentTarget.value;w(t?Number(t):void 0)}),J(s,P(ve,{get each(){return t()??[]},children:e=>(()=>{var t=qs();return J(t,()=>e.title),l(()=>t.value=e.id),t})()}),null),c.$$click=()=>v(null),u.$$click=ie,J(u,()=>A()?`Saving…`:`Save`),l(()=>u.disabled=A()||!y().trim()||!x().trim()),l(()=>r.value=y()),l(()=>a.value=x()),l(()=>s.value=C()??``),e}}),null),J(n,P(Eo,{get open(){return E()!==null},title:`Delete Volume`,get message(){return`Delete "${E()?.title}"? Chapters inside will be ungrouped but not deleted.`},onConfirm:re,onCancel:()=>D(null)}),null),J(n,P(Eo,{get open(){return O()!==null},title:`Delete Chapter`,get message(){return`Delete "${O()?.title}"? This cannot be undone.`},onConfirm:N,onCancel:()=>k(null)}),null),n})()}var Ns,Ps,Fs,Is,Ls,Rs,zs,Bs,Vs,Hs,Us,Ws,Gs,Ks,qs,Js=t((()=>{X(),W(),Rn(),_a(),So(),To(),ko(),Ns=G(`<div class="mb-4 flex items-center justify-between rounded-lg bg-red-50 px-4 py-3 text-sm text-red-700 ring-1 ring-red-200"><span></span><button class="ml-4 text-red-400 hover:text-red-600">✕`),Ps=G(`<div class="grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4">`),Fs=G(`<p class="text-sm text-red-500">Failed to load volumes.`),Is=G(`<div class=space-y-2>`),Ls=G(`<ul class="divide-y divide-slate-100 rounded-2xl bg-white shadow-sm ring-1 ring-slate-200">`),Rs=G(`<div class="flex flex-col gap-4"><div><label class="block text-xs font-medium text-slate-600 mb-1">Title</label><input class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-violet-500"placeholder="Volume title"></div><div><label class="block text-xs font-medium text-slate-600 mb-1">Synopsis (optional)</label><textarea class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-violet-500"rows=3 placeholder="Brief description…"></textarea></div><div class="flex justify-end gap-2"><button class="rounded-lg border border-slate-200 bg-white px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50">Cancel</button><button class="rounded-lg bg-violet-600 px-4 py-2 text-sm font-medium text-white hover:bg-violet-700 disabled:opacity-50">`),zs=G(`<div class="flex flex-col gap-4"><div><label class="block text-xs font-medium text-slate-600 mb-1">Title</label><input class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-violet-500"placeholder="Chapter title"></div><div><label class="block text-xs font-medium text-slate-600 mb-1">Chapter Number</label><input class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-violet-500"placeholder="e.g. 1 or 1.5"></div><div><label class="block text-xs font-medium text-slate-600 mb-1">Volume (optional)</label><select class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-violet-500"><option value>No volume / Standalone</option></select></div><div class="flex justify-end gap-2"><button class="rounded-lg border border-slate-200 bg-white px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50">Cancel</button><button class="rounded-lg bg-violet-600 px-4 py-2 text-sm font-medium text-white hover:bg-violet-700 disabled:opacity-50">`),Bs=G(`<div class="min-h-screen px-6 py-8"><div class="mb-6 flex items-center gap-3"><div class="rounded-xl bg-white p-2 shadow-sm ring-1 ring-slate-200"></div><h1 class="text-xl font-semibold text-slate-800">Library</h1><div class="ml-auto flex gap-2"><button class="flex items-center gap-1.5 rounded-lg bg-violet-600 px-3 py-1.5 text-xs font-medium text-white hover:bg-violet-700"> New Volume</button><button class="flex items-center gap-1.5 rounded-lg border border-slate-200 bg-white px-3 py-1.5 text-xs font-medium text-slate-600 hover:bg-slate-50"> New Chapter</button></div></div><section class=mb-10><h2 class="mb-3 text-sm font-semibold text-slate-600">Volumes</h2></section><section><h2 class="mb-3 text-sm font-semibold text-slate-600">Standalone Chapters`),Vs=G(`<div class="h-32 animate-pulse rounded-2xl bg-slate-200">`),Hs=G(`<div class="flex flex-col items-center gap-2 rounded-2xl border border-dashed border-slate-300 py-16 text-slate-400"><p class=text-sm>No volumes yet.`),Us=G(`<div class="group relative flex flex-col gap-2 rounded-2xl bg-white p-4 text-left shadow-sm ring-1 ring-slate-200 transition hover:shadow-md hover:ring-slate-300"><div class="absolute right-2 top-2 flex gap-1 opacity-0 transition-opacity group-hover:opacity-100"><button class="rounded-lg bg-white p-1.5 shadow-sm ring-1 ring-slate-200 hover:bg-slate-50"title="Edit volume"></button><button class="rounded-lg bg-white p-1.5 shadow-sm ring-1 ring-slate-200 hover:bg-red-50"title="Delete volume"></button></div><button class="flex flex-col gap-2 text-left"><div class="flex h-12 w-12 items-center justify-center rounded-xl bg-violet-50"></div><div class="min-w-0 pr-10"><p class="truncate text-sm font-semibold text-slate-800"></p><p class="text-xs text-slate-500"> chapters`),Ws=G(`<div class="h-12 animate-pulse rounded-xl bg-slate-200">`),Gs=G(`<div class="flex flex-col items-center gap-2 rounded-2xl border border-dashed border-slate-300 py-12 text-slate-400"><p class=text-sm>No standalone chapters.`),Ks=G(`<li class="group flex items-center"><button class="flex flex-1 items-center gap-4 px-5 py-3.5 text-left transition hover:bg-slate-50"><span class="w-14 shrink-0 text-right text-xs font-mono text-slate-400">#</span><span class="flex-1 text-sm font-medium text-slate-800"></span><span class="text-xs text-slate-400"> pages</span></button><div class="flex shrink-0 gap-1 px-3 opacity-0 transition-opacity group-hover:opacity-100"><button class="rounded-lg p-1.5 hover:bg-slate-100"title="Edit chapter"></button><button class="rounded-lg p-1.5 hover:bg-red-50"title="Delete chapter">`),qs=G(`<option>`),K([`click`,`input`])})),Ys=n({VolumePage:()=>Xs});function Xs(){let e=dn(),t=ln(),n=()=>Number(e.volumeId),[r,{refetch:i}]=p(uo),a=()=>r()?.find(e=>e.id===n()),[o,{refetch:c}]=p(n,e=>ho({volumeId:e})),[u,d]=s(!1),[f,m]=s(``),[h,g]=s(``),[_,v]=s(!1),[y,b]=s(null);function x(){let e=a();e&&(m(e.title),g(e.synopsis??``),d(!0))}async function S(){v(!0),b(null);try{await po(n(),{title:f(),synopsis:h()||void 0}),d(!1),i()}catch(e){b(e instanceof Error?e.message:String(e))}finally{v(!1)}}let[C,w]=s(!1);async function ee(){b(null);try{await mo(n()),w(!1),t(`/library`)}catch(e){b(e instanceof Error?e.message:String(e)),w(!1)}}let[T,E]=s(null),[D,O]=s(``),[k,A]=s(``),[j,te]=s(!1);function M(){O(``),A(``),E({mode:`create`})}function ne(e){O(e.title),A(e.chapterNumber),E({mode:`edit`,ch:e})}async function re(){te(!0),b(null);try{let e=T();if(!e)return;e.mode===`create`?await go({title:D(),chapterNumber:k(),volumeId:n()}):await _o(e.ch.id,{title:D(),chapterNumber:k()}),E(null),c()}catch(e){b(e instanceof Error?e.message:String(e))}finally{te(!1)}}let[ie,N]=s(null);async function ae(){b(null);try{let e=ie();if(!e)return;await vo(e.id),N(null),c()}catch(e){b(e instanceof Error?e.message:String(e)),N(null)}}async function oe(e,t){b(null);try{let n=o()??[],r=n.findIndex(t=>t.id===e.id),i=t===`up`?n[r-1]:n[r+1];if(!i)return;await Promise.all([_o(e.id,{sortOrder:i.sortOrder}),_o(i.id,{sortOrder:e.sortOrder})]),c()}catch(e){b(e instanceof Error?e.message:String(e))}}return(()=>{var e=rc(),n=e.firstChild,r=n.firstChild,i=n.nextSibling.firstChild,s=i.nextSibling,c=s.nextSibling.firstChild,p=c.nextSibling,v=p.nextSibling,te=v.firstChild;return J(e,P(I,{get when(){return y()},get children(){var e=Zs(),t=e.firstChild,n=t.nextSibling;return J(t,y),n.$$click=()=>b(null),e}}),n),n.$$click=()=>t(`/library`),J(n,P(Zn,{class:`h-4 w-4`}),r),J(i,P(tr,{class:`h-5 w-5 text-violet-600`})),J(s,P(I,{get when(){return a()},get fallback(){return ic()},children:e=>[(()=>{var t=ac();return J(t,()=>e().title),t})(),P(I,{get when(){return e().synopsis},get children(){var t=oc();return J(t,()=>e().synopsis),t}})]})),c.$$click=x,J(c,P(Di,{class:`h-4 w-4`})),p.$$click=()=>w(!0),J(p,P(ta,{class:`h-4 w-4`})),v.$$click=M,J(v,P(ji,{class:`h-3.5 w-3.5`}),te),J(e,P(I,{get when(){return o.loading},get children(){var e=Qs();return J(e,()=>Array.from({length:4}).map(()=>sc())),e}}),null),J(e,P(I,{get when(){return o.error},get children(){return $s()}}),null),J(e,P(I,{get when(){return Y(()=>!o.loading)()&&!o.error},get children(){return P(I,{get when(){return(o()??[]).length>0},get fallback(){return(()=>{var e=cc(),t=e.firstChild;return J(e,P(Vr,{class:`h-8 w-8 opacity-40`}),t),e})()},get children(){var e=ec();return J(e,P(ve,{get each(){return o()},children:(e,n)=>{let r=()=>o()??[],i=()=>n()===0,a=()=>n()===r().length-1;return(()=>{var n=lc(),r=n.firstChild,o=r.firstChild,s=o.nextSibling,c=r.nextSibling,u=c.firstChild,d=u.nextSibling,f=d.nextSibling,p=f.firstChild,m=c.nextSibling.firstChild,h=m.nextSibling;return o.$$click=()=>oe(e,`up`),J(o,P(pr,{class:`h-3.5 w-3.5`})),s.$$click=()=>oe(e,`down`),J(s,P(ar,{class:`h-3.5 w-3.5`})),c.$$click=()=>t(`/library/chapters/${e.id}`),J(u,()=>e.chapterNumber),J(d,()=>e.title),J(f,()=>e.pageCount??0,p),J(c,P(lr,{class:`h-4 w-4 text-slate-300`}),null),m.$$click=()=>ne(e),J(m,P(Di,{class:`h-3.5 w-3.5 text-slate-500`})),h.$$click=()=>N(e),J(h,P(ta,{class:`h-3.5 w-3.5 text-red-400`})),l(e=>{var t=i(),n=a();return t!==e.e&&(o.disabled=e.e=t),n!==e.t&&(s.disabled=e.t=n),e},{e:void 0,t:void 0}),n})()}})),e}})}}),null),J(e,P(Co,{get open(){return u()},title:`Edit Volume`,onClose:()=>d(!1),get children(){var e=tc(),t=e.firstChild,n=t.firstChild.nextSibling,r=t.nextSibling,i=r.firstChild.nextSibling,a=r.nextSibling.firstChild,o=a.nextSibling;return n.$$input=e=>m(e.currentTarget.value),i.$$input=e=>g(e.currentTarget.value),a.$$click=()=>d(!1),o.$$click=S,J(o,()=>_()?`Saving…`:`Save`),l(()=>o.disabled=_()||!f().trim()),l(()=>n.value=f()),l(()=>i.value=h()),e}}),null),J(e,P(Co,{get open(){return T()!==null},get title(){return T()?.mode===`create`?`New Chapter`:`Edit Chapter`},onClose:()=>E(null),get children(){var e=nc(),t=e.firstChild,n=t.firstChild.nextSibling,r=t.nextSibling,i=r.firstChild.nextSibling,a=r.nextSibling.firstChild,o=a.nextSibling;return n.$$input=e=>O(e.currentTarget.value),i.$$input=e=>A(e.currentTarget.value),a.$$click=()=>E(null),o.$$click=re,J(o,()=>j()?`Saving…`:`Save`),l(()=>o.disabled=j()||!D().trim()||!k().trim()),l(()=>n.value=D()),l(()=>i.value=k()),e}}),null),J(e,P(Eo,{get open(){return C()},title:`Delete Volume`,get message(){return`Delete "${a()?.title}"? This will not delete the chapters — they will just be ungrouped.`},onConfirm:ee,onCancel:()=>w(!1)}),null),J(e,P(Eo,{get open(){return ie()!==null},title:`Delete Chapter`,get message(){return`Delete "${ie()?.title}"? This cannot be undone.`},onConfirm:ae,onCancel:()=>N(null)}),null),e})()}var Zs,Qs,$s,ec,tc,nc,rc,ic,ac,oc,sc,cc,lc,uc=t((()=>{X(),W(),Rn(),_a(),So(),To(),ko(),Zs=G(`<div class="mb-4 flex items-center justify-between rounded-lg bg-red-50 px-4 py-3 text-sm text-red-700 ring-1 ring-red-200"><span></span><button class="ml-4 text-red-400 hover:text-red-600">✕`),Qs=G(`<div class=space-y-2>`),$s=G(`<p class="text-sm text-red-500">Failed to load chapters.`),ec=G(`<ul class="divide-y divide-slate-100 rounded-2xl bg-white shadow-sm ring-1 ring-slate-200">`),tc=G(`<div class="flex flex-col gap-4"><div><label class="block text-xs font-medium text-slate-600 mb-1">Title</label><input class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-violet-500"></div><div><label class="block text-xs font-medium text-slate-600 mb-1">Synopsis (optional)</label><textarea class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-violet-500"rows=3></textarea></div><div class="flex justify-end gap-2"><button class="rounded-lg border border-slate-200 bg-white px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50">Cancel</button><button class="rounded-lg bg-violet-600 px-4 py-2 text-sm font-medium text-white hover:bg-violet-700 disabled:opacity-50">`),nc=G(`<div class="flex flex-col gap-4"><div><label class="block text-xs font-medium text-slate-600 mb-1">Title</label><input class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-violet-500"placeholder="Chapter title"></div><div><label class="block text-xs font-medium text-slate-600 mb-1">Chapter Number</label><input class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-violet-500"placeholder="e.g. 1 or 1.5"></div><div class="flex justify-end gap-2"><button class="rounded-lg border border-slate-200 bg-white px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50">Cancel</button><button class="rounded-lg bg-violet-600 px-4 py-2 text-sm font-medium text-white hover:bg-violet-700 disabled:opacity-50">`),rc=G(`<div class="min-h-screen px-6 py-8"><button class="mb-5 flex items-center gap-1.5 text-sm text-slate-500 hover:text-slate-800"> Library</button><div class="mb-6 flex items-center gap-3"><div class="rounded-xl bg-white p-2 shadow-sm ring-1 ring-slate-200"></div><div class="flex-1 min-w-0"></div><div class="flex items-center gap-2"><button class="rounded-lg p-1.5 text-slate-400 hover:bg-slate-100 hover:text-slate-600"title="Edit volume"></button><button class="rounded-lg p-1.5 text-slate-400 hover:bg-red-50 hover:text-red-500"title="Delete volume"></button><button class="flex items-center gap-1.5 rounded-lg bg-violet-600 px-3 py-1.5 text-xs font-medium text-white hover:bg-violet-700"> Add Chapter`),ic=G(`<div class="h-6 w-48 animate-pulse rounded bg-slate-200">`),ac=G(`<h1 class="text-xl font-semibold text-slate-800">`),oc=G(`<p class="text-sm text-slate-500">`),sc=G(`<div class="h-14 animate-pulse rounded-xl bg-slate-200">`),cc=G(`<div class="flex flex-col items-center gap-2 rounded-2xl border border-dashed border-slate-300 py-20 text-slate-400"><p class=text-sm>No chapters yet. Add the first one.`),lc=G(`<li class="group flex items-center"><div class="flex flex-col items-center px-2"><button class="rounded p-0.5 text-slate-300 hover:bg-slate-100 hover:text-slate-500 disabled:cursor-not-allowed disabled:opacity-30"></button><button class="rounded p-0.5 text-slate-300 hover:bg-slate-100 hover:text-slate-500 disabled:cursor-not-allowed disabled:opacity-30"></button></div><button class="flex flex-1 items-center gap-4 py-4 pr-4 text-left transition hover:bg-slate-50"><span class="w-16 shrink-0 rounded-lg bg-slate-100 px-2 py-1 text-center text-xs font-mono text-slate-600"></span><span class="flex-1 text-sm font-medium text-slate-800"></span><span class="text-xs text-slate-400"> pages</span></button><div class="flex shrink-0 gap-1 px-2 opacity-0 transition-opacity group-hover:opacity-100"><button class="rounded-lg p-1.5 hover:bg-slate-100"title="Edit chapter"></button><button class="rounded-lg p-1.5 hover:bg-red-50"title="Delete chapter">`),K([`click`,`input`])})),dc=n({ChapterPage:()=>mc});function fc(e){switch(e.status){case`done`:return P(_r,{class:`h-4 w-4 text-green-500`});case`processing`:return P(kr,{class:`h-4 w-4 text-yellow-500`});case`error`:return P(Tr,{class:`h-4 w-4 text-red-500`});default:return P(kr,{class:`h-4 w-4 text-slate-400`})}}function pc(e){let t=()=>e.job.resultImagePath?xo(e.job.id):bo(e.job.id);return(()=>{var n=hc(),r=n.firstChild,i=r.firstChild,a=i.nextSibling,o=a.nextSibling,s=o.firstChild,c=s.nextSibling,u=o.nextSibling,d=r.nextSibling.firstChild;return r.$$keydown=t=>t.key===`Enter`&&e.onClick(),Ye(r,`click`,e.onClick,!0),J(a,P(fc,{get status(){return e.job.status}})),s.$$click=t=>{t.stopPropagation(),e.onMove(`up`)},J(s,P(pr,{class:`h-3.5 w-3.5 text-slate-600`})),c.$$click=t=>{t.stopPropagation(),e.onMove(`down`)},J(c,P(ar,{class:`h-3.5 w-3.5 text-slate-600`})),u.$$click=t=>{t.stopPropagation(),e.onUnassign()},J(u,P(aa,{class:`h-3.5 w-3.5`})),J(d,()=>e.job.title),l(n=>{var a=`Open ${e.job.title} in studio`,o=t(),l=e.job.title,u=e.isFirst,d=e.isLast;return a!==n.e&&q(r,`aria-label`,n.e=a),o!==n.t&&q(i,`src`,n.t=o),l!==n.a&&q(i,`alt`,n.a=l),u!==n.o&&(s.disabled=n.o=u),d!==n.i&&(c.disabled=n.i=d),n},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0}),n})()}function mc(){let e=dn(),t=ln(),n=()=>Number(e.chapterId),[r]=p(()=>ho()),i=()=>r()?.find(e=>e.id===n()),[a,{refetch:o}]=p(n,yo),[c,u]=s(!1),[d,f]=s([]),[m,h]=s(new Set),[g,_]=s(!1),[v,y]=s(!1),[b,x]=s(null);async function S(){_(!0),x(null),h(new Set),u(!0);try{let e=[],t=1;for(;;){let n=await $a({page:t,pageSize:200});if(e.push(...n.items.filter(e=>!e.chapterId)),n.items.length<200)break;t++}f(e)}catch(e){x(e instanceof Error?e.message:`Failed to load jobs`)}finally{_(!1)}}function C(e){h(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})}async function w(){y(!0),x(null);try{let e=[...m()],t=a()?.length??0;await Promise.all(e.map((e,r)=>no(e,{chapterId:n(),pageOrder:t+r}))),u(!1),h(new Set),o()}catch(e){x(e instanceof Error?e.message:`Failed to assign pages`)}finally{y(!1)}}async function ee(e,t){let n=a()??[],r=n.findIndex(t=>t.id===e.id),i=t===`up`?n[r-1]:n[r+1];if(i){x(null);try{await Promise.all([no(e.id,{pageOrder:i.pageOrder}),no(i.id,{pageOrder:e.pageOrder})]),o()}catch(e){x(e instanceof Error?e.message:`Failed to reorder pages`)}}}async function T(e){x(null);try{await no(e,{chapterId:null}),o()}catch(e){x(e instanceof Error?e.message:`Failed to remove page from chapter`)}}return(()=>{var e=Sc(),n=e.firstChild,r=n.nextSibling.firstChild,o=r.nextSibling,s=o.nextSibling,f=s.firstChild;return n.$$click=()=>{let e=i();e?.volumeId?t(`/library/${e.volumeId}`):t(`/library`)},J(n,P(Zn,{class:`h-4 w-4`}),null),J(n,P(I,{get when(){return i()?.volumeId},fallback:`Library`,children:`Volume`}),null),J(r,P(si,{class:`h-5 w-5 text-violet-600`})),J(o,P(I,{get when(){return i()},get fallback(){return Cc()},children:e=>(()=>{var t=wc(),n=t.firstChild.nextSibling;return n.nextSibling,J(t,()=>e().chapterNumber,n),J(t,()=>e().title,null),t})()})),s.$$click=S,J(s,P(Lr,{class:`h-3.5 w-3.5`}),f),J(e,P(I,{get when(){return b()},children:e=>(()=>{var t=Tc(),n=t.firstChild,r=n.nextSibling;return J(n,e),r.$$click=()=>x(null),t})()}),null),J(e,P(I,{get when(){return a.loading},get children(){var e=gc();return J(e,()=>Array.from({length:8}).map(()=>Ec())),e}}),null),J(e,P(I,{get when(){return a.error},get children(){return _c()}}),null),J(e,P(I,{get when(){return Y(()=>!a.loading)()&&!a.error},get children(){return P(I,{get when(){return(a()??[]).length>0},get fallback(){return(()=>{var e=Dc(),t=e.firstChild;return J(e,P(si,{class:`h-10 w-10 opacity-40`}),t),e})()},get children(){var e=gc();return J(e,P(ve,{get each(){return a()},children:(e,n)=>{let r=()=>a()??[];return P(pc,{job:e,get isFirst(){return n()===0},get isLast(){return n()===r().length-1},onMove:t=>ee(e,t),onUnassign:()=>T(e.id),onClick:()=>t(`/jobs/${e.id}`)})}})),e}})}}),null),J(e,P(Co,{get open(){return c()},title:`Add Pages to Chapter`,onClose:()=>u(!1),get children(){var e=xc(),t=e.firstChild.nextSibling,n=t.firstChild,r=n.nextSibling;return J(e,P(I,{get when(){return g()},get children(){var e=vc();return J(e,()=>Array.from({length:4}).map(()=>Oc())),e}}),t),J(e,P(I,{get when(){return Y(()=>!g())()&&d().length===0},get children(){return yc()}}),t),J(e,P(I,{get when(){return Y(()=>!g())()&&d().length>0},get children(){var e=bc();return J(e,P(ve,{get each(){return d()},children:e=>{let t=()=>m().has(e.id);return(()=>{var n=kc(),r=n.firstChild,i=r.firstChild,a=i.nextSibling,o=a.nextSibling.firstChild,s=o.nextSibling;return i.addEventListener(`change`,()=>C(e.id)),J(o,()=>e.title),J(s,()=>new Date(e.createdAt).toLocaleDateString()),J(r,P(fc,{get status(){return e.status}}),null),l(t=>{var n=bo(e.id),r=e.title;return n!==t.e&&q(a,`src`,t.e=n),r!==t.t&&q(a,`alt`,t.t=r),t},{e:void 0,t:void 0}),l(()=>i.checked=t()),n})()}})),e}}),t),n.$$click=()=>u(!1),r.$$click=w,J(r,(()=>{var e=Y(()=>!!v());return()=>e()?`Assigning…`:`Assign ${m().size>0?m().size:``} selected`})()),l(()=>r.disabled=v()||m().size===0),e}}),null),e})()}var hc,gc,_c,vc,yc,bc,xc,Sc,Cc,wc,Tc,Ec,Dc,Oc,kc,Ac=t((()=>{X(),W(),Rn(),_a(),So(),To(),hc=G(`<div class="group relative flex flex-col overflow-hidden rounded-2xl bg-white text-left shadow-sm ring-1 ring-slate-200 transition hover:shadow-md hover:ring-slate-300"><div class="relative aspect-3/4 w-full cursor-pointer overflow-hidden bg-slate-100"role=button tabindex=0><img class="h-full w-full object-cover transition-transform duration-200 group-hover:scale-105"loading=lazy><span class="absolute left-2 top-2 flex h-6 w-6 items-center justify-center rounded-full bg-white/90 shadow"></span><div class="absolute right-2 top-2 flex flex-col gap-1 opacity-0 transition-opacity group-hover:opacity-100"><button class="flex h-6 w-6 items-center justify-center rounded-full bg-white/90 shadow hover:bg-white disabled:cursor-not-allowed disabled:opacity-30"title="Move up"></button><button class="flex h-6 w-6 items-center justify-center rounded-full bg-white/90 shadow hover:bg-white disabled:cursor-not-allowed disabled:opacity-30"title="Move down"></button></div><button class="absolute bottom-2 right-2 flex h-6 w-6 items-center justify-center rounded-full bg-red-500/90 text-white shadow opacity-0 transition-opacity group-hover:opacity-100 hover:bg-red-600"title="Remove from chapter"></button></div><div class=p-3><p class="truncate text-xs font-medium text-slate-700">`,!0,!1,!1),gc=G(`<div class="grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5">`),_c=G(`<p class="text-sm text-red-500">Failed to load pages.`),vc=G(`<div class=space-y-2>`),yc=G(`<p class="py-6 text-center text-sm text-slate-400">No unassigned pages found.`),bc=G(`<ul class="max-h-80 overflow-y-auto divide-y divide-slate-100 rounded-lg border border-slate-200">`),xc=G(`<div class="flex flex-col gap-3"><p class="text-xs text-slate-500">Select unassigned jobs to add to this chapter.</p><div class="flex justify-end gap-2 pt-1"><button class="rounded-lg border border-slate-200 bg-white px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50">Cancel</button><button class="rounded-lg bg-violet-600 px-4 py-2 text-sm font-medium text-white hover:bg-violet-700 disabled:opacity-50">`),Sc=G(`<div class="min-h-screen px-6 py-8"><button class="mb-5 flex items-center gap-1.5 text-sm text-slate-500 hover:text-slate-800"></button><div class="mb-6 flex items-center gap-3"><div class="rounded-xl bg-white p-2 shadow-sm ring-1 ring-slate-200"></div><div class="flex-1 min-w-0"></div><button class="ml-auto flex items-center gap-1.5 rounded-lg bg-violet-600 px-3 py-1.5 text-xs font-medium text-white hover:bg-violet-700"> Add pages`),Cc=G(`<div class="h-6 w-48 animate-pulse rounded bg-slate-200">`),wc=G(`<h1 class="text-xl font-semibold text-slate-800">Ch. <!> — `),Tc=G(`<div class="mb-4 flex items-center gap-2 rounded-xl bg-red-50 px-4 py-2.5 text-sm text-red-700 ring-1 ring-red-200"><span class=flex-1></span><button class="shrink-0 rounded p-0.5 hover:bg-red-100"aria-label="Dismiss error">✕`),Ec=G(`<div class="aspect-3/4 animate-pulse rounded-2xl bg-slate-200">`),Dc=G(`<div class="flex flex-col items-center gap-3 py-24 text-slate-400"><p class=text-sm>No pages in this chapter yet.`),Oc=G(`<div class="h-14 animate-pulse rounded-lg bg-slate-200">`),kc=G(`<li><label class="flex cursor-pointer items-center gap-3 px-3 py-2.5 hover:bg-slate-50"><input type=checkbox class="h-4 w-4 accent-violet-600"><img class="h-10 w-8 rounded object-cover bg-slate-100"loading=lazy><div class="min-w-0 flex-1"><p class="truncate text-sm font-medium text-slate-800"></p><p class="text-xs text-slate-400">`,!0,!1,!1),K([`click`,`keydown`])}));X(),W(),Rn();var jc=_e(()=>Promise.resolve().then(()=>(Wa(),Ua)).then(e=>({default:e.ServerStatusPage}))),Mc=_e(()=>Promise.resolve().then(()=>(Ja(),Ga)).then(e=>({default:e.OpenApiPage}))),Nc=_e(()=>Promise.resolve().then(()=>(Wo(),Ao)).then(e=>({default:e.JobsListPage}))),Pc=_e(()=>Promise.resolve().then(()=>(As(),_s)).then(e=>({default:e.StudioPage}))),Fc=_e(()=>Promise.resolve().then(()=>(Js(),js)).then(e=>({default:e.LibraryPage}))),Ic=_e(()=>Promise.resolve().then(()=>(uc(),Ys)).then(e=>({default:e.VolumePage}))),Lc=_e(()=>Promise.resolve().then(()=>(Ac(),dc)).then(e=>({default:e.ChapterPage})));function Rc(){return P(jn,{get children(){return P(yn,{path:`/`,component:Sa,get children(){return[P(yn,{path:`/`,component:Ta}),P(yn,{path:`/status`,component:jc}),P(yn,{path:`/openapi`,component:Mc}),P(yn,{path:`/jobs`,component:Nc}),P(yn,{path:`/jobs/:id`,component:Pc}),P(yn,{path:`/library`,component:Fc}),P(yn,{path:`/library/:volumeId`,component:Ic}),P(yn,{path:`/library/chapters/:chapterId`,component:Lc})]}})}})}var zc=new Map;window.AppBridge={mount(e,t={}){if(zc.has(e))return;let n=Ge(()=>P(Rc,{}),e);zc.set(e,n)},unmount(e){zc.get(e)?.(),zc.delete(e)}};var Bc=document.getElementById(`solid-root`);Bc&&window.AppBridge.mount(Bc)})();
\ No newline at end of file
+(function(){var e=Object.defineProperty,t=(e,t)=>()=>(e&&(t=e(e=0)),t),n=(t,n)=>{let r={};for(var i in t)e(r,i,{get:t[i],enumerable:!0});return n||e(r,Symbol.toStringTag,{value:`Module`}),r};function r(e){let t=String(e),n=t.length-1;return z.context.id+(n?String.fromCharCode(96+n):``)+t}function i(e){z.context=e}function a(){return{...z.context,id:z.getNextContextId(),count:0}}function o(e,t){let n=U,r=V,i=e.length===0,a=t===void 0?r:t,o=i?Oe:{owned:null,cleanups:null,context:a?a.context:null,owner:a},s=i?e:()=>e(()=>h(()=>P(o)));V=o,U=null;try{return A(s,!0)}finally{U=n,V=r}}function s(e,t){t=t?Object.assign({},we,t):we;let n={value:e,observers:null,observerSlots:null,comparator:t.equals||void 0};return[ee.bind(n),e=>(typeof e==`function`&&(e=H&&H.running&&H.sources.has(n)?e(n.tValue):e(n.value)),T(n,e))]}function c(e,t,n){let r=O(e,t,!0,B);Ae&&H&&H.running?W.push(r):E(r)}function l(e,t,n){let r=O(e,t,!1,B);Ae&&H&&H.running?W.push(r):E(r)}function u(e,t,n){Ee=te;let r=O(e,t,!1,B),i=Fe&&C(Fe);i&&(r.suspense=i),(!n||!n.render)&&(r.user=!0),G?G.push(r):E(r)}function d(e,t,n){n=n?Object.assign({},we,n):we;let r=O(e,t,!0,0);return r.observers=null,r.observerSlots=null,r.comparator=n.equals||void 0,Ae&&H&&H.running?(r.tState=B,W.push(r)):E(r),ee.bind(r)}function f(e){return e&&typeof e==`object`&&`then`in e}function p(e,t,n){let r,i,a;typeof t==`function`?(r=e,i=t,a=n||{}):(r=!0,i=e,a=t||{});let o=null,l=ke,u=null,p=!1,m=!1,g=`initialValue`in a,_=typeof r==`function`&&d(r),v=new Set,[y,x]=(a.storage||s)(a.initialValue),[S,w]=s(void 0),[ee,T]=s(void 0,{equals:!1}),[E,D]=s(g?`ready`:`unresolved`);z.context&&(u=z.getNextContextId(),a.ssrLoadFrom===`initial`?l=a.initialValue:z.load&&z.has(u)&&(l=z.load(u)));function O(e,t,n,r){return o===e&&(o=null,r!==void 0&&(g=!0),(e===l||t===l)&&a.onHydrated&&queueMicrotask(()=>a.onHydrated(r,{value:t})),l=ke,H&&e&&p?(H.promises.delete(e),p=!1,A(()=>{H.running=!0,k(t,n)},!1)):k(t,n)),t}function k(e,t){A(()=>{t===void 0&&x(()=>e),D(t===void 0?g?`ready`:`unresolved`:`errored`),w(t);for(let e of v.keys())e.decrement();v.clear()},!1)}function j(){let e=Fe&&C(Fe),t=y(),n=S();if(n!==void 0&&!o)throw n;return U&&!U.user&&e&&c(()=>{ee(),o&&(e.resolved&&H&&p?H.promises.add(o):v.has(e)||(e.increment(),v.add(e)))}),t}function M(e=!0){if(e!==!1&&m)return;m=!1;let t=_?_():r;if(p=H&&H.running,t==null||t===!1){O(o,h(y));return}H&&o&&H.promises.delete(o);let n,a=l===ke?h(()=>{try{return i(t,{value:y(),refetching:e})}catch(e){n=e}}):l;if(n!==void 0){O(o,void 0,ae(n),t);return}else if(!f(a))return O(o,a,void 0,t),a;return o=a,`v`in a?(a.s===1?O(o,a.v,void 0,t):O(o,void 0,ae(a.v),t),a):(m=!0,queueMicrotask(()=>m=!1),A(()=>{D(g?`refreshing`:`pending`),T()},!1),a.then(e=>O(a,e,void 0,t),e=>O(a,void 0,ae(e),t)))}Object.defineProperties(j,{state:{get:()=>E()},error:{get:()=>S()},loading:{get(){let e=E();return e===`pending`||e===`refreshing`}},latest:{get(){if(!g)return j();let e=S();if(e&&!o)throw e;return y()}}});let N=V;return _?c(()=>(N=V,M(!1))):M(!1),[j,{refetch:e=>b(N,()=>M(e)),mutate:x}]}function m(e){return A(e,!1)}function h(e){if(!je&&U===null)return e();let t=U;U=null;try{return je?je.untrack(e):e()}finally{U=t}}function g(e,t,n){let r=Array.isArray(e),i,a=n&&n.defer;return n=>{let o;if(r){o=Array(e.length);for(let t=0;t<e.length;t++)o[t]=e[t]()}else o=e();if(a)return a=!1,n;let s=h(()=>t(o,i,n));return i=o,s}}function _(e){u(()=>h(e))}function v(e){return V===null||(V.cleanups===null?V.cleanups=[e]:V.cleanups.push(e)),e}function y(){return V}function b(e,t){let n=V,r=U;V=e,U=null;try{return A(t,!0)}catch(e){se(e)}finally{V=n,U=r}}function x(e){if(H&&H.running)return e(),H.done;let t=U,n=V;return Promise.resolve().then(()=>{U=t,V=n;let r;return(Ae||Fe)&&(r=H||={sources:new Set,effects:[],promises:new Set,disposed:new Set,queue:new Set,running:!0},r.done||=new Promise(e=>r.resolve=e),r.running=!0),A(e,!1),U=V=null,r?r.done:void 0})}function S(e,t){let n=Symbol(`context`);return{id:n,Provider:le(n),defaultValue:e}}function C(e){let t;return V&&V.context&&(t=V.context[e.id])!==void 0?t:e.defaultValue}function w(e){let t=d(e),n=d(()=>ce(t()));return n.toArray=()=>{let e=n();return Array.isArray(e)?e:e==null?[]:[e]},n}function ee(){let e=H&&H.running;if(this.sources&&(e?this.tState:this.state))if((e?this.tState:this.state)===B)E(this);else{let e=W;W=null,A(()=>ne(this),!1),W=e}if(U){let e=this.observers;if(!e||e[e.length-1]!==U){let t=e?e.length:0;U.sources?(U.sources.push(this),U.sourceSlots.push(t)):(U.sources=[this],U.sourceSlots=[t]),e?(e.push(U),this.observerSlots.push(U.sources.length-1)):(this.observers=[U],this.observerSlots=[U.sources.length-1])}}return e&&H.sources.has(this)?this.tValue:this.value}function T(e,t,n){let r=H&&H.running&&H.sources.has(e)?e.tValue:e.value;if(!e.comparator||!e.comparator(r,t)){if(H){let r=H.running;(r||!n&&H.sources.has(e))&&(H.sources.add(e),e.tValue=t),r||(e.value=t)}else e.value=t;e.observers&&e.observers.length&&A(()=>{for(let t=0;t<e.observers.length;t+=1){let n=e.observers[t],r=H&&H.running;r&&H.disposed.has(n)||((r?!n.tState:!n.state)&&(n.pure?W.push(n):G.push(n),n.observers&&re(n)),r?n.tState=B:n.state=B)}if(W.length>1e6)throw W=[],Error()},!1)}return t}function E(e){if(!e.fn)return;P(e);let t=Me;D(e,H&&H.running&&H.sources.has(e)?e.tValue:e.value,t),H&&!H.running&&H.sources.has(e)&&queueMicrotask(()=>{A(()=>{H&&(H.running=!0),U=V=e,D(e,e.tValue,t),U=V=null},!1)})}function D(e,t,n){let r,i=V,a=U;U=V=e;try{r=e.fn(t)}catch(t){return e.pure&&(H&&H.running?(e.tState=B,e.tOwned&&e.tOwned.forEach(P),e.tOwned=void 0):(e.state=B,e.owned&&e.owned.forEach(P),e.owned=null)),e.updatedAt=n+1,se(t)}finally{U=a,V=i}(!e.updatedAt||e.updatedAt<=n)&&(e.updatedAt!=null&&`observers`in e?T(e,r,!0):H&&H.running&&e.pure?(H.sources.has(e)||(e.value=r),H.sources.add(e),e.tValue=r):e.value=r,e.updatedAt=n)}function O(e,t,n,r=B,i){let a={fn:e,state:r,updatedAt:null,owned:null,sources:null,sourceSlots:null,cleanups:null,value:t,owner:V,context:V?V.context:null,pure:n};if(H&&H.running&&(a.state=0,a.tState=r),V===null||V!==Oe&&(H&&H.running&&V.pure?V.tOwned?V.tOwned.push(a):V.tOwned=[a]:V.owned?V.owned.push(a):V.owned=[a]),je&&a.fn){let e=a.fn,[t,n]=s(void 0,{equals:!1}),r=je.factory(e,n);v(()=>r.dispose());let i,o=()=>x(n).then(()=>{i&&=(i.dispose(),void 0)});a.fn=n=>(t(),H&&H.running?(i||=je.factory(e,o),i.track(n)):r.track(n))}return a}function k(e){let t=H&&H.running;if((t?e.tState:e.state)===0)return;if((t?e.tState:e.state)===De)return ne(e);if(e.suspense&&h(e.suspense.inFallback))return e.suspense.effects.push(e);let n=[e];for(;(e=e.owner)&&(!e.updatedAt||e.updatedAt<Me);){if(t&&H.disposed.has(e))return;(t?e.tState:e.state)&&n.push(e)}for(let r=n.length-1;r>=0;r--){if(e=n[r],t){let t=e,i=n[r+1];for(;(t=t.owner)&&t!==i;)if(H.disposed.has(t))return}if((t?e.tState:e.state)===B)E(e);else if((t?e.tState:e.state)===De){let t=W;W=null,A(()=>ne(e,n[0]),!1),W=t}}}function A(e,t){if(W)return e();let n=!1;t||(W=[]),G?n=!0:G=[],Me++;try{let t=e();return j(n),t}catch(e){n||(G=null),W=null,se(e)}}function j(e){if(W&&=(Ae&&H&&H.running?N(W):M(W),null),e)return;let t;if(H){if(!H.promises.size&&!H.queue.size){let e=H.sources,n=H.disposed;G.push.apply(G,H.effects),t=H.resolve;for(let e of G)`tState`in e&&(e.state=e.tState),delete e.tState;H=null,A(()=>{for(let e of n)P(e);for(let t of e){if(t.value=t.tValue,t.owned)for(let e=0,n=t.owned.length;e<n;e++)P(t.owned[e]);t.tOwned&&(t.owned=t.tOwned),delete t.tValue,delete t.tOwned,t.tState=0}Pe(!1)},!1)}else if(H.running){H.running=!1,H.effects.push.apply(H.effects,G),G=null,Pe(!0);return}}let n=G;G=null,n.length&&A(()=>Ee(n),!1),t&&t()}function M(e){for(let t=0;t<e.length;t++)k(e[t])}function N(e){for(let t=0;t<e.length;t++){let n=e[t],r=H.queue;r.has(n)||(r.add(n),Ae(()=>{r.delete(n),A(()=>{H.running=!0,k(n)},!1),H&&(H.running=!1)}))}}function te(e){let t,n=0;for(t=0;t<e.length;t++){let r=e[t];r.user?e[n++]=r:k(r)}if(z.context){if(z.count){z.effects||=[],z.effects.push(...e.slice(0,n));return}i()}for(z.effects&&(z.done||!z.count)&&(e=[...z.effects,...e],n+=z.effects.length,delete z.effects),t=0;t<n;t++)k(e[t])}function ne(e,t){let n=H&&H.running;n?e.tState=0:e.state=0;for(let r=0;r<e.sources.length;r+=1){let i=e.sources[r];if(i.sources){let e=n?i.tState:i.state;e===B?i!==t&&(!i.updatedAt||i.updatedAt<Me)&&k(i):e===De&&ne(i,t)}}}function re(e){let t=H&&H.running;for(let n=0;n<e.observers.length;n+=1){let r=e.observers[n];(t?!r.tState:!r.state)&&(t?r.tState=De:r.state=De,r.pure?W.push(r):G.push(r),r.observers&&re(r))}}function P(e){let t;if(e.sources)for(;e.sources.length;){let t=e.sources.pop(),n=e.sourceSlots.pop(),r=t.observers;if(r&&r.length){let e=r.pop(),i=t.observerSlots.pop();n<r.length&&(e.sourceSlots[i]=n,r[n]=e,t.observerSlots[n]=i)}}if(e.tOwned){for(t=e.tOwned.length-1;t>=0;t--)P(e.tOwned[t]);delete e.tOwned}if(H&&H.running&&e.pure)ie(e,!0);else if(e.owned){for(t=e.owned.length-1;t>=0;t--)P(e.owned[t]);e.owned=null}if(e.cleanups){for(t=e.cleanups.length-1;t>=0;t--)e.cleanups[t]();e.cleanups=null}H&&H.running?e.tState=0:e.state=0}function ie(e,t){if(t||(e.tState=0,H.disposed.add(e)),e.owned)for(let t=0;t<e.owned.length;t++)ie(e.owned[t])}function ae(e){return e instanceof Error?e:Error(typeof e==`string`?e:`Unknown error`,{cause:e})}function oe(e,t,n){try{for(let n of t)n(e)}catch(e){se(e,n&&n.owner||null)}}function se(e,t=V){let n=Te&&t&&t.context&&t.context[Te],r=ae(e);if(!n)throw r;G?G.push({fn(){oe(r,n,t)},state:B}):oe(r,n,t)}function ce(e){if(typeof e==`function`&&!e.length)return ce(e());if(Array.isArray(e)){let t=[];for(let n=0;n<e.length;n++){let r=ce(e[n]);if(Array.isArray(r))if(r.length<32768)t.push.apply(t,r);else for(let e=0;e<r.length;e++)t.push(r[e]);else t.push(r)}return t}return e}function le(e,t){return function(t){let n;return l(()=>n=h(()=>(V.context={...V.context,[e]:t.value},w(()=>t.children))),void 0),n}}function ue(e){for(let t=0;t<e.length;t++)e[t]()}function de(e,t,n={}){let r=[],i=[],a=[],c=0,l=t.length>1?[]:null;return v(()=>ue(a)),()=>{let u=e()||[],d=u.length,f,p;return u[Ce],h(()=>{let e,t,s,h,g,_,v,y,b;if(d===0)c!==0&&(ue(a),a=[],r=[],i=[],c=0,l&&=[]),n.fallback&&(r=[Ie],i[0]=o(e=>(a[0]=e,n.fallback())),c=1);else if(c===0){for(i=Array(d),p=0;p<d;p++)r[p]=u[p],i[p]=o(m);c=d}else{for(s=Array(d),h=Array(d),l&&(g=Array(d)),_=0,v=Math.min(c,d);_<v&&r[_]===u[_];_++);for(v=c-1,y=d-1;v>=_&&y>=_&&r[v]===u[y];v--,y--)s[y]=i[v],h[y]=a[v],l&&(g[y]=l[v]);for(e=new Map,t=Array(y+1),p=y;p>=_;p--)b=u[p],f=e.get(b),t[p]=f===void 0?-1:f,e.set(b,p);for(f=_;f<=v;f++)b=r[f],p=e.get(b),p!==void 0&&p!==-1?(s[p]=i[f],h[p]=a[f],l&&(g[p]=l[f]),p=t[p],e.set(b,p)):a[f]();for(p=_;p<d;p++)p in s?(i[p]=s[p],a[p]=h[p],l&&(l[p]=g[p],l[p](p))):i[p]=o(m);i=i.slice(0,c=d),r=u.slice(0)}return i});function m(e){if(a[p]=e,l){let[e,n]=s(p);return l[p]=n,t(u[p],e)}return t(u[p])}}}function F(e,t){if(Le&&z.context){let n=z.context;i(a());let r=h(()=>e(t||{}));return i(n),r}return h(()=>e(t||{}))}function fe(){return!0}function pe(e){return(e=typeof e==`function`?e():e)?e:{}}function me(){for(let e=0,t=this.length;e<t;++e){let t=this[e]();if(t!==void 0)return t}}function I(...e){let t=!1;for(let n=0;n<e.length;n++){let r=e[n];t||=!!r&&xe in r,e[n]=typeof r==`function`?(t=!0,d(r)):r}if(Se&&t)return new Proxy({get(t){for(let n=e.length-1;n>=0;n--){let r=pe(e[n])[t];if(r!==void 0)return r}},has(t){for(let n=e.length-1;n>=0;n--)if(t in pe(e[n]))return!0;return!1},keys(){let t=[];for(let n=0;n<e.length;n++)t.push(...Object.keys(pe(e[n])));return[...new Set(t)]}},Re);let n={},r=Object.create(null);for(let t=e.length-1;t>=0;t--){let i=e[t];if(!i)continue;let a=Object.getOwnPropertyNames(i);for(let e=a.length-1;e>=0;e--){let t=a[e];if(t===`__proto__`||t===`constructor`)continue;let o=Object.getOwnPropertyDescriptor(i,t);if(!r[t])r[t]=o.get?{enumerable:!0,configurable:!0,get:me.bind(n[t]=[o.get.bind(i)])}:o.value===void 0?void 0:o;else{let e=n[t];e&&(o.get?e.push(o.get.bind(i)):o.value!==void 0&&e.push(()=>o.value))}}}let i={},a=Object.keys(r);for(let e=a.length-1;e>=0;e--){let t=a[e],n=r[t];n&&n.get?Object.defineProperty(i,t,n):i[t]=n?n.value:void 0}return i}function he(e,...t){let n=t.length;if(Se&&xe in e){let r=n>1?t.flat():t[0],i=t.map(t=>new Proxy({get(n){return t.includes(n)?e[n]:void 0},has(n){return t.includes(n)&&n in e},keys(){return t.filter(t=>t in e)}},Re));return i.push(new Proxy({get(t){return r.includes(t)?void 0:e[t]},has(t){return r.includes(t)?!1:t in e},keys(){return Object.keys(e).filter(e=>!r.includes(e))}},Re)),i}let r=[];for(let e=0;e<=n;e++)r[e]={};for(let i of Object.getOwnPropertyNames(e)){let a=n;for(let e=0;e<t.length;e++)if(t[e].includes(i)){a=e;break}let o=Object.getOwnPropertyDescriptor(e,i);!o.get&&!o.set&&o.enumerable&&o.writable&&o.configurable?r[a][i]=o.value:Object.defineProperty(r[a],i,o)}return r}function ge(e){let t,n,r=r=>{let a=z.context;if(a){let[r,o]=s();z.count||=0,z.count++,(n||=e()).then(e=>{!z.done&&i(a),z.count--,o(()=>e.default),i()}),t=r}else if(!t){let[r]=p(()=>(n||=e()).then(e=>e.default));t=r}let o;return d(()=>(o=t())?h(()=>{if(!a||z.done)return o(r);let e=z.context;i(a);let t=o(r);return i(e),t}):``)};return r.preload=()=>n||((n=e()).then(e=>t=()=>e.default),n),r}function L(e){let t=`fallback`in e&&{fallback:()=>e.fallback};return d(de(()=>e.each,e.children,t||void 0))}function R(e){let t=e.keyed,n=d(()=>e.when,void 0,void 0),r=t?n:d(n,void 0,{equals:(e,t)=>!e==!t});return d(()=>{let i=r();if(i){let a=e.children;return typeof a==`function`&&a.length>0?h(()=>a(t?i:()=>{if(!h(r))throw ze(`Show`);return n()})):a}return e.fallback},void 0,void 0)}function _e(e){let t=w(()=>e.children),n=d(()=>{let e=t(),n=Array.isArray(e)?e:[e],r=()=>void 0;for(let e=0;e<n.length;e++){let t=e,i=n[e],a=r,o=d(()=>a()?void 0:i.when,void 0,void 0),s=i.keyed?o:d(o,void 0,{equals:(e,t)=>!e==!t});r=()=>a()||(s()?[t,o,i]:void 0)}return r});return d(()=>{let t=n()();if(!t)return e.fallback;let[r,i,a]=t,o=a.children;return typeof o==`function`&&o.length>0?h(()=>o(a.keyed?i():()=>{if(h(n)()?.[0]!==r)throw ze(`Match`);return i()})):o},void 0,void 0)}function ve(e){return e}function ye(){Be&&[...Be].forEach(e=>e())}var z,be,xe,Se,Ce,we,Te,Ee,B,De,Oe,ke,V,H,Ae,je,U,W,G,Me,Ne,Pe,Fe,Ie,Le,Re,ze,Be,K=t((()=>{z={context:void 0,registry:void 0,effects:void 0,done:!1,getContextId(){return r(this.context.count)},getNextContextId(){return r(this.context.count++)}},be=(e,t)=>e===t,xe=Symbol(`solid-proxy`),Se=typeof Proxy==`function`,Ce=Symbol(`solid-track`),we={equals:be},Te=null,Ee=M,B=1,De=2,Oe={owned:null,cleanups:null,context:null,owner:null},ke={},V=null,H=null,Ae=null,je=null,U=null,W=null,G=null,Me=0,[Ne,Pe]=s(!1),Ie=Symbol(`fallback`),Le=!1,Re={get(e,t,n){return t===xe?n:e.get(t)},has(e,t){return t===xe?!0:e.has(t)},set:fe,deleteProperty:fe,getOwnPropertyDescriptor(e,t){return{configurable:!0,enumerable:!0,get(){return e.get(t)},set:fe,deleteProperty:fe}},ownKeys(e){return e.keys()}},ze=e=>`Stale read from <${e}>.`}));function Ve(e,t){let n=vt[e];return typeof n==`object`?n[t]?n.$:void 0:n}function He(e,t,n){let r=n.length,i=t.length,a=r,o=0,s=0,c=t[i-1].nextSibling,l=null;for(;o<i||s<a;){if(t[o]===n[s]){o++,s++;continue}for(;t[i-1]===n[a-1];)i--,a--;if(i===o){let t=a<r?s?n[s-1].nextSibling:n[a-s]:c;for(;s<a;)e.insertBefore(n[s++],t)}else if(a===s)for(;o<i;)(!l||!l.has(t[o]))&&t[o].remove(),o++;else if(t[o]===n[a-1]&&n[s]===t[i-1]){let r=t[--i].nextSibling;e.insertBefore(n[s++],t[o++].nextSibling),e.insertBefore(n[--a],r),t[i]=n[a]}else{if(!l){l=new Map;let e=s;for(;e<a;)l.set(n[e],e++)}let r=l.get(t[o]);if(r!=null)if(s<r&&r<a){let c=o,u=1,d;for(;++c<i&&c<a&&!((d=l.get(t[c]))==null||d!==r+u);)u++;if(u>r-s){let i=t[o];for(;s<r;)e.insertBefore(n[s++],i)}else e.replaceChild(n[s++],t[o++])}else o++;else t[o++].remove()}}}function Ue(e,t,n,r={}){let i;return o(r=>{i=r,t===document?e():Y(t,e(),t.firstChild?null:void 0,n)},r.owner),()=>{i(),t.textContent=``}}function q(e,t,n,r){let i,a=()=>{let t=r?document.createElementNS(`http://www.w3.org/1998/Math/MathML`,`template`):document.createElement(`template`);return t.innerHTML=e,n?t.content.firstChild.firstChild:r?t.firstChild:t.content.firstChild},o=t?()=>h(()=>document.importNode(i||=a(),!0)):()=>(i||=a()).cloneNode(!0);return o.cloneNode=o,o}function We(e,t=window.document){let n=t[Ct]||(t[Ct]=new Set);for(let r=0,i=e.length;r<i;r++){let i=e[r];n.has(i)||(n.add(i),t.addEventListener(i,ot))}}function J(e,t,n){nt(e)||(n==null?e.removeAttribute(t):e.setAttribute(t,n))}function Ge(e,t,n,r){nt(e)||(r==null?e.removeAttributeNS(t,n):e.setAttributeNS(t,n,r))}function Ke(e,t,n){nt(e)||(n?e.setAttribute(t,``):e.removeAttribute(t))}function qe(e,t){nt(e)||(t==null?e.removeAttribute(`class`):e.className=t)}function Je(e,t,n,r){if(r)Array.isArray(n)?(e[`$$${t}`]=n[0],e[`$$${t}Data`]=n[1]):e[`$$${t}`]=n;else if(Array.isArray(n)){let r=n[0];e.addEventListener(t,n[0]=t=>r.call(e,n[1],t))}else e.addEventListener(t,n,typeof n!=`function`&&n)}function Ye(e,t,n={}){let r=Object.keys(t||{}),i=Object.keys(n),a,o;for(a=0,o=i.length;a<o;a++){let r=i[a];!r||r===`undefined`||t[r]||(it(e,r,!1),delete n[r])}for(a=0,o=r.length;a<o;a++){let i=r[a],o=!!t[i];!i||i===`undefined`||n[i]===o||!o||(it(e,i,!0),n[i]=o)}return n}function Xe(e,t,n){if(!t)return n?J(e,`style`):t;let r=e.style;if(typeof t==`string`)return r.cssText=t;typeof n==`string`&&(r.cssText=n=void 0),n||={},t||={};let i,a;for(a in n)t[a]??r.removeProperty(a),delete n[a];for(a in t)i=t[a],i!==n[a]&&(r.setProperty(a,i),n[a]=i);return n}function Ze(e,t,n){n==null?e.style.removeProperty(t):e.style.setProperty(t,n)}function Qe(e,t={},n,r){let i={};return r||l(()=>i.children=st(e,t.children,i.children)),l(()=>typeof t.ref==`function`&&$e(t.ref,e)),l(()=>et(e,t,n,!0,i,!0)),i}function $e(e,t,n){return h(()=>e(t,n))}function Y(e,t,n,r){if(n!==void 0&&!r&&(r=[]),typeof t!=`function`)return st(e,t,r,n);l(r=>st(e,t(),r,n),r)}function et(e,t,n,r,i={},a=!1){t||={};for(let r in i)if(!(r in t)){if(r===`children`)continue;i[r]=at(e,r,null,i[r],n,a,t)}for(let o in t){if(o===`children`){r||st(e,t.children);continue}let s=t[o];i[o]=at(e,o,s,i[o],n,a,t)}}function tt(e){let t,n;return!nt()||!(t=z.registry.get(n=dt()))?e():(z.completed&&z.completed.add(t),z.registry.delete(n),t)}function nt(e){return!!z.context&&!z.done&&(!e||e.isConnected)}function rt(e){return e.toLowerCase().replace(/-([a-z])/g,(e,t)=>t.toUpperCase())}function it(e,t,n){let r=t.trim().split(/\s+/);for(let t=0,i=r.length;t<i;t++)e.classList.toggle(r[t],n)}function at(e,t,n,r,i,a,o){let s,c,l,u,d;if(t===`style`)return Xe(e,n,r);if(t===`classList`)return Ye(e,n,r);if(n===r)return r;if(t===`ref`)a||n(e);else if(t.slice(0,3)===`on:`){let i=t.slice(3);r&&e.removeEventListener(i,r,typeof r!=`function`&&r),n&&e.addEventListener(i,n,typeof n!=`function`&&n)}else if(t.slice(0,10)===`oncapture:`){let i=t.slice(10);r&&e.removeEventListener(i,r,!0),n&&e.addEventListener(i,n,!0)}else if(t.slice(0,2)===`on`){let i=t.slice(2).toLowerCase(),a=yt.has(i);if(!a&&r){let t=Array.isArray(r)?r[0]:r;e.removeEventListener(i,t)}(a||n)&&(Je(e,i,n,a),a&&We([i]))}else if(t.slice(0,5)===`attr:`)J(e,t.slice(5),n);else if(t.slice(0,5)===`bool:`)Ke(e,t.slice(5),n);else if((d=t.slice(0,5)===`prop:`)||(l=gt.has(t))||!i&&((u=Ve(t,e.tagName))||(c=ht.has(t)))||(s=e.nodeName.includes(`-`)||`is`in o)){if(d)t=t.slice(5),c=!0;else if(nt(e))return n;t===`class`||t===`className`?qe(e,n):s&&!c&&!l?e[rt(t)]=n:e[u||t]=n}else{let r=i&&t.indexOf(`:`)>-1&&xt[t.split(`:`)[0]];r?Ge(e,r,t,n):J(e,_t[t]||t,n)}return n}function ot(e){if(z.registry&&z.events&&z.events.find(([t,n])=>n===e))return;let t=e.target,n=`$$${e.type}`,r=e.target,i=e.currentTarget,a=t=>Object.defineProperty(e,"target",{configurable:!0,value:t}),o=()=>{let r=t[n];if(r&&!t.disabled){let i=t[`${n}Data`];if(i===void 0?r.call(t,e):r.call(t,i,e),e.cancelBubble)return}return t.host&&typeof t.host!=`string`&&!t.host._$host&&t.contains(e.target)&&a(t.host),!0},s=()=>{for(;o()&&(t=t._$host||t.parentNode||t.host););};if(Object.defineProperty(e,"currentTarget",{configurable:!0,get(){return t||document}}),z.registry&&!z.done&&(z.done=_$HY.done=!0),e.composedPath){let n=e.composedPath();a(n[0]);for(let e=0;e<n.length-2&&(t=n[e],o());e++){if(t._$host){t=t._$host,s();break}if(t.parentNode===i)break}}else s();a(r)}function st(e,t,n,r,i){let a=nt(e);if(a){!n&&(n=[...e.childNodes]);let t=[];for(let e=0;e<n.length;e++){let r=n[e];r.nodeType===8&&r.data.slice(0,2)===`!$`?r.remove():t.push(r)}n=t}for(;typeof n==`function`;)n=n();if(t===n)return n;let o=typeof t,s=r!==void 0;if(e=s&&n[0]&&n[0].parentNode||e,o===`string`||o===`number`){if(a||o===`number`&&(t=t.toString(),t===n))return n;if(s){let i=n[0];i&&i.nodeType===3?i.data!==t&&(i.data=t):i=document.createTextNode(t),n=ut(e,n,r,i)}else n=n!==``&&typeof n==`string`?e.firstChild.data=t:e.textContent=t}else if(t==null||o===`boolean`){if(a)return n;n=ut(e,n,r)}else if(o===`function`)return l(()=>{let i=t();for(;typeof i==`function`;)i=i();n=st(e,i,n,r)}),()=>n;else if(Array.isArray(t)){let o=[],c=n&&Array.isArray(n);if(ct(o,t,n,i))return l(()=>n=st(e,o,n,r,!0)),()=>n;if(a){if(!o.length)return n;if(r===void 0)return n=[...e.childNodes];let t=o[0];if(t.parentNode!==e)return n;let i=[t];for(;(t=t.nextSibling)!==r;)i.push(t);return n=i}if(o.length===0){if(n=ut(e,n,r),s)return n}else c?n.length===0?lt(e,o,r):He(e,n,o):(n&&ut(e),lt(e,o));n=o}else if(t.nodeType){if(a&&t.parentNode)return n=s?[t]:t;if(Array.isArray(n)){if(s)return n=ut(e,n,r,t);ut(e,n,null,t)}else n==null||n===``||!e.firstChild?e.appendChild(t):e.replaceChild(t,e.firstChild);n=t}return n}function ct(e,t,n,r){let i=!1;for(let a=0,o=t.length;a<o;a++){let o=t[a],s=n&&n[e.length],c;if(!(o==null||o===!0||o===!1))if((c=typeof o)==`object`&&o.nodeType)e.push(o);else if(Array.isArray(o))i=ct(e,o,s)||i;else if(c===`function`)if(r){for(;typeof o==`function`;)o=o();i=ct(e,Array.isArray(o)?o:[o],Array.isArray(s)?s:[s])||i}else e.push(o),i=!0;else{let t=String(o);s&&s.nodeType===3&&s.data===t?e.push(s):e.push(document.createTextNode(t))}}return i}function lt(e,t,n=null){for(let r=0,i=t.length;r<i;r++)e.insertBefore(t[r],n)}function ut(e,t,n,r){if(n===void 0)return e.textContent=``;let i=r||document.createTextNode(``);if(t.length){let r=!1;for(let a=t.length-1;a>=0;a--){let o=t[a];if(i!==o){let t=o.parentNode===e;!r&&!a?t?e.replaceChild(i,o):e.insertBefore(i,n):t&&o.remove()}else r=!0}}else e.insertBefore(i,n);return[i]}function dt(){return z.getNextContextId()}function ft(e,t=!1,n=void 0){return t?document.createElementNS(wt,e):document.createElement(e,{is:n})}function pt(e,t){let n=d(e);return d(()=>{let e=n();switch(typeof e){case`function`:return h(()=>e(t));case`string`:let n=bt.has(e),r=z.context?tt():ft(e,n,h(()=>t.is));return Qe(r,t,n),r}})}function mt(e){let[,t]=he(e,[`component`]);return pt(()=>e.component,t)}var ht,gt,_t,vt,yt,bt,xt,St,Ct,wt,X=t((()=>{K(),ht=new Set([`className`,`value`,`readOnly`,`noValidate`,`formNoValidate`,`isMap`,`noModule`,`playsInline`,`adAuctionHeaders`,`allowFullscreen`,`browsingTopics`,`defaultChecked`,`defaultMuted`,`defaultSelected`,`disablePictureInPicture`,`disableRemotePlayback`,`preservesPitch`,`shadowRootClonable`,`shadowRootCustomElementRegistry`,`shadowRootDelegatesFocus`,`shadowRootSerializable`,`sharedStorageWritable`,...`allowfullscreen.async.alpha.autofocus.autoplay.checked.controls.default.disabled.formnovalidate.hidden.indeterminate.inert.ismap.loop.multiple.muted.nomodule.novalidate.open.playsinline.readonly.required.reversed.seamless.selected.adauctionheaders.browsingtopics.credentialless.defaultchecked.defaultmuted.defaultselected.defer.disablepictureinpicture.disableremoteplayback.preservespitch.shadowrootclonable.shadowrootcustomelementregistry.shadowrootdelegatesfocus.shadowrootserializable.sharedstoragewritable`.split(`.`)]),gt=new Set([`innerHTML`,`textContent`,`innerText`,`children`]),_t=Object.assign(Object.create(null),{className:`class`,htmlFor:`for`}),vt=Object.assign(Object.create(null),{class:`className`,novalidate:{$:`noValidate`,FORM:1},formnovalidate:{$:`formNoValidate`,BUTTON:1,INPUT:1},ismap:{$:`isMap`,IMG:1},nomodule:{$:`noModule`,SCRIPT:1},playsinline:{$:`playsInline`,VIDEO:1},readonly:{$:`readOnly`,INPUT:1,TEXTAREA:1},adauctionheaders:{$:`adAuctionHeaders`,IFRAME:1},allowfullscreen:{$:`allowFullscreen`,IFRAME:1},browsingtopics:{$:`browsingTopics`,IMG:1},defaultchecked:{$:`defaultChecked`,INPUT:1},defaultmuted:{$:`defaultMuted`,AUDIO:1,VIDEO:1},defaultselected:{$:`defaultSelected`,OPTION:1},disablepictureinpicture:{$:`disablePictureInPicture`,VIDEO:1},disableremoteplayback:{$:`disableRemotePlayback`,AUDIO:1,VIDEO:1},preservespitch:{$:`preservesPitch`,AUDIO:1,VIDEO:1},shadowrootclonable:{$:`shadowRootClonable`,TEMPLATE:1},shadowrootdelegatesfocus:{$:`shadowRootDelegatesFocus`,TEMPLATE:1},shadowrootserializable:{$:`shadowRootSerializable`,TEMPLATE:1},sharedstoragewritable:{$:`sharedStorageWritable`,IFRAME:1,IMG:1}}),yt=new Set([`beforeinput`,`click`,`dblclick`,`contextmenu`,`focusin`,`focusout`,`input`,`keydown`,`keyup`,`mousedown`,`mousemove`,`mouseout`,`mouseover`,`mouseup`,`pointerdown`,`pointermove`,`pointerout`,`pointerover`,`pointerup`,`touchend`,`touchmove`,`touchstart`]),bt=new Set(`altGlyph.altGlyphDef.altGlyphItem.animate.animateColor.animateMotion.animateTransform.circle.clipPath.color-profile.cursor.defs.desc.ellipse.feBlend.feColorMatrix.feComponentTransfer.feComposite.feConvolveMatrix.feDiffuseLighting.feDisplacementMap.feDistantLight.feDropShadow.feFlood.feFuncA.feFuncB.feFuncG.feFuncR.feGaussianBlur.feImage.feMerge.feMergeNode.feMorphology.feOffset.fePointLight.feSpecularLighting.feSpotLight.feTile.feTurbulence.filter.font.font-face.font-face-format.font-face-name.font-face-src.font-face-uri.foreignObject.g.glyph.glyphRef.hkern.image.line.linearGradient.marker.mask.metadata.missing-glyph.mpath.path.pattern.polygon.polyline.radialGradient.rect.set.stop.svg.switch.symbol.text.textPath.tref.tspan.use.view.vkern`.split(`.`)),xt={xlink:`http://www.w3.org/1999/xlink`,xml:`http://www.w3.org/XML/1998/namespace`},St=e=>d(()=>e()),Ct=`_$DX_DELEGATE`,wt=`http://www.w3.org/2000/svg`}));X();function Tt(){let e=new Set;function t(t){return e.add(t),()=>e.delete(t)}let n=!1;function r(t,r){if(n)return!(n=!1);let i={to:t,options:r,defaultPrevented:!1,preventDefault:()=>i.defaultPrevented=!0};for(let a of e)a.listener({...i,from:a.location,retry:e=>{e&&(n=!0),a.navigate(t,{...r,resolve:!1})}});return!i.defaultPrevented}return{subscribe:t,confirm:r}}function Et(){(!window.history.state||window.history.state._depth==null)&&window.history.replaceState({...window.history.state,_depth:window.history.length-1},``),kt=window.history.state._depth}function Dt(e){return{...e,_depth:window.history.state&&window.history.state._depth}}function Ot(e,t){let n=!1;return()=>{let r=kt;Et();let i=r==null?null:kt-r;if(n){n=!1;return}i&&t(i)?(n=!0,window.history.go(-i)):e()}}var kt,At=t((()=>{Et()}));function jt(e,t=!1){let n=e.replace(Ht,`$1`);return n?t||/^[?#]/.test(n)?n:`/`+n:``}function Mt(e,t,n){if(Vt.test(t))return;let r=jt(e),i=n&&jt(n),a=``;return a=!i||t.startsWith(`/`)?r:i.toLowerCase().indexOf(r.toLowerCase())===0?i:r+i,(a||`/`)+jt(t,!a)}function Nt(e,t){if(e==null)throw Error(t);return e}function Pt(e,t){return jt(e).replace(/\/*(\*.*)?$/g,``)+jt(t)}function Ft(e){let t={};return e.searchParams.forEach((e,n)=>{n in t?Array.isArray(t[n])?t[n].push(e):t[n]=[t[n],e]:t[n]=e}),t}function It(e,t,n){let[r,i]=e.split(`/*`,2),a=r.split(`/`).filter(Boolean),o=a.length;return e=>{let r=e.split(`/`).filter(Boolean),s=r.length-o;if(s<0||s>0&&i===void 0&&!t)return null;let c={path:o?``:`/`,params:{}},l=e=>n===void 0?void 0:n[e];for(let e=0;e<o;e++){let t=a[e],n=t[0]===`:`,i=n?r[e]:r[e].toLowerCase(),o=n?t.slice(1):t.toLowerCase();if(n&&Lt(i,l(o)))c.params[o]=i;else if(n||!Lt(i,o))return null;c.path+=`/${i}`}if(i){let e=s?r.slice(-s).join(`/`):``;if(Lt(e,l(i)))c.params[i]=e;else return null}return c}}function Lt(e,t){let n=t=>t===e;return t===void 0?!0:typeof t==`string`?n(t):typeof t==`function`?t(e):Array.isArray(t)?t.some(n):t instanceof RegExp?t.test(e):!1}function Rt(e){let[t,n]=e.pattern.split(`/*`,2),r=t.split(`/`).filter(Boolean);return r.reduce((e,t)=>e+(t.startsWith(`:`)?2:3),r.length-(n===void 0?0:1))}function zt(e){let t=new Map,n=y();return new Proxy({},{get(r,i){return t.has(i)||b(n,()=>t.set(i,d(()=>e()[i]))),t.get(i)()},getOwnPropertyDescriptor(){return{enumerable:!0,configurable:!0}},ownKeys(){return Reflect.ownKeys(e())},has(t,n){return n in e()}})}function Bt(e){let t=/(\/?\:[^\/]+)\?/.exec(e);if(!t)return[e];let n=e.slice(0,t.index),r=e.slice(t.index+t[0].length),i=[n,n+=t[1]];for(;t=/^(\/\:[^\/]+)\?/.exec(r);)i.push(n+=t[1]),r=r.slice(t[0].length);return Bt(r).reduce((e,t)=>[...e,...i.map(e=>e+t)],[])}var Vt,Ht,Ut,Wt=t((()=>{K(),Vt=/^(?:[a-z0-9]+:)?\/\//i,Ht=/^\/+|(\/)\/+$/g,Ut=`http://sr`}));function Gt(e,t=``){let{component:n,preload:r,load:i,children:a,info:o}=e,s=!a||Array.isArray(a)&&!a.length,c={key:e,component:n,preload:r||i,info:o};return qt(e.path).reduce((n,r)=>{for(let i of Bt(r)){let a=Pt(t,i),o=s?a:a.split(`/*`,1)[0];o=o.split(`/`).map(e=>e.startsWith(`:`)||e.startsWith(`*`)?e:encodeURIComponent(e)).join(`/`),n.push({...c,originalPath:r,pattern:o,matcher:It(o,!s,e.matchFilters)})}return n},[])}function Kt(e,t=0){return{routes:e,score:Rt(e[e.length-1])*1e4-t,matcher(t){let n=[];for(let r=e.length-1;r>=0;r--){let i=e[r],a=i.matcher(t);if(!a)return null;n.unshift({...a,route:i})}return n}}}function qt(e){return Array.isArray(e)?e:[e]}function Jt(e,t=``,n=[],r=[]){let i=qt(e);for(let e=0,a=i.length;e<a;e++){let a=i[e];if(a&&typeof a==`object`){a.hasOwnProperty(`path`)||(a.path=``);let e=Gt(a,t);for(let t of e){n.push(t);let e=Array.isArray(a.children)&&a.children.length===0;if(a.children&&!e)Jt(a.children,t.pattern,n,r);else{let e=Kt([...n],r.length);r.push(e)}n.pop()}}}return n.length?r:r.sort((e,t)=>t.score-e.score)}function Yt(e,t){for(let n=0,r=e.length;n<r;n++){let r=e[n].matcher(t);if(r)return r}return[]}function Xt(e,t,n){let r=new URL(Ut),i=d(t=>{let n=e();try{return new URL(n,r)}catch{return console.error(`Invalid path ${n}`),t}},r,{equals:(e,t)=>e.href===t.href}),a=d(()=>i().pathname),o=d(()=>i().search,!0),s=d(()=>i().hash),c=()=>``,l=g(o,()=>Ft(i()));return{get pathname(){return a()},get search(){return o()},get hash(){return s()},get state(){return t()},get key(){return c()},query:n?n(l):zt(l)}}function Zt(){return fn}function Qt(e){pn=e}function $t(e,t,n,r={}){let{signal:[i,a],utils:o={}}=e,c=o.parsePath||(e=>e),u=o.renderPath||(e=>e),f=o.beforeLeave||Tt(),p=Mt(``,r.base||``);if(p===void 0)throw Error(`${p} is not a valid base path`);p&&!i().value&&a({value:p,replace:!0,scroll:!1});let[_,v]=s(!1),y,S=(e,t)=>{t.value===w()&&t.state===T()||(y===void 0&&v(!0),fn=e,y=t,x(()=>{y===t&&(ee(y.value),E(y.state),ye(),k[1](e=>e.filter(e=>e.pending)))}).finally(()=>{y===t&&m(()=>{fn=void 0,e===`navigate`&&re(y),v(!1),y=void 0})}))},[w,ee]=s(i().value),[T,E]=s(i().state),D=Xt(w,T,o.queryWrapper),O=[],k=s([]),A=d(()=>typeof r.transformUrl==`function`?Yt(t(),r.transformUrl(D.pathname)):Yt(t(),D.pathname)),j=()=>{let e=A(),t={};for(let n=0;n<e.length;n++)Object.assign(t,e[n].params);return t},M=o.paramsWrapper?o.paramsWrapper(j,t):zt(j),N={pattern:p,path:()=>p,outlet:()=>null,resolvePath(e){return Mt(p,e)}};return l(g(i,e=>S(`native`,e),{defer:!0})),{base:N,location:D,params:M,isRouting:_,renderPath:u,parsePath:c,navigatorFactory:ne,matches:A,beforeLeave:f,preloadRoute:P,singleFlight:r.singleFlight===void 0?!0:r.singleFlight,submissions:k};function te(e,t,n){h(()=>{if(typeof t==`number`){t&&(o.go?o.go(t):console.warn(`Router integration does not support relative routing`));return}let r=!t||t[0]===`?`,{replace:i,resolve:a,scroll:s,state:c}={replace:!1,resolve:!r,scroll:!0,...n},l=a?e.resolvePath(t):Mt(r&&D.pathname||``,t);if(l===void 0)throw Error(`Path '${t}' is not a routable path`);if(O.length>=tn)throw Error(`Too many redirects`);let u=w();(l!==u||c!==T())&&f.confirm(l,n)&&(O.push({value:u,replace:i,scroll:s,state:T()}),S(`navigate`,{value:l,state:c}))})}function ne(e){return e=e||C(rn)||N,(t,n)=>te(e,t,n)}function re(e){let t=O[0];t&&(a({...e,replace:t.replace,scroll:t.scroll}),O.length=0)}function P(e,r){let i=Yt(t(),e.pathname),a=fn;fn=`preload`;for(let t in i){let{route:a,params:o}=i[t];a.component&&a.component.preload&&a.component.preload();let{preload:s}=a;pn=!0,r&&s&&b(n(),()=>s({params:o,location:{pathname:e.pathname,search:e.search,hash:e.hash,query:Ft(e),state:null,key:``},intent:`preload`})),pn=!1}fn=a}}function en(e,t,n,r){let{base:i,location:a,params:o}=e,{pattern:s,component:c,preload:l}=r().route,u=d(()=>r().path);c&&c.preload&&c.preload(),pn=!0;let f=l?l({params:o,location:a,intent:fn||`initial`}):void 0;return pn=!1,{parent:t,pattern:s,path:u,outlet:()=>c?F(c,{params:o,location:a,data:f,get children(){return n()}}):n(),resolvePath(e){return Mt(i.path(),e,u())}}}var tn,nn,rn,an,on,sn,cn,ln,un,dn,fn,pn,mn=t((()=>{K(),X(),At(),Wt(),tn=100,nn=S(),rn=S(),an=()=>Nt(C(nn),`<A> and 'use' router primitives can be only used inside a Route.`),on=()=>C(rn)||an().base,sn=e=>{let t=on();return d(()=>t.resolvePath(e()))},cn=e=>{let t=an();return d(()=>{let n=e();return n===void 0?n:t.renderPath(n)})},ln=()=>an().navigatorFactory(),un=()=>an().location,dn=()=>an().params}));function hn(e){let t=e.routerState.location,n=e.routerState.params,r=d(()=>e.preload&&h(()=>{Qt(!0),e.preload({params:n,location:t,intent:Zt()||`initial`}),Qt(!1)}));return F(R,{get when(){return e.root},keyed:!0,get fallback(){return e.children},children:i=>F(i,{params:n,location:t,get data(){return r()},get children(){return e.children}})})}function gn(e){let t=[],n,r=d(g(e.routerState.matches,(i,a,s)=>{let c=a&&i.length===a.length,l=[];for(let n=0,u=i.length;n<u;n++){let u=a&&a[n],d=i[n];s&&u&&d.route.key===u.route.key?l[n]=s[n]:(c=!1,t[n]&&t[n](),o(i=>{t[n]=i,l[n]=en(e.routerState,l[n-1]||e.routerState.base,vn(()=>r()[n+1]),()=>{let t=e.routerState.matches();return t[n]??t[0]})}))}return t.splice(i.length).forEach(e=>e()),s&&c?s:(n=l[0],l)}));return vn(()=>r()&&n)()}var _n,vn,yn,bn=t((()=>{X(),K(),mn(),_n=e=>t=>{let{base:n}=t,r=w(()=>t.children),i=d(()=>Jt(r(),t.base||``)),a,o=$t(e,i,()=>a,{base:n,singleFlight:t.singleFlight,transformUrl:t.transformUrl});return e.create&&e.create(o),F(nn.Provider,{value:o,get children(){return F(hn,{routerState:o,get root(){return t.root},get preload(){return t.rootPreload||t.rootLoad},get children(){return[St(()=>(a=y())&&null),F(gn,{routerState:o,get branches(){return i()}})]}})}})},vn=e=>()=>F(R,{get when(){return e()},keyed:!0,children:e=>F(rn.Provider,{value:e,get children(){return e.outlet()}})}),yn=e=>{let t=w(()=>e.children);return I(e,{get children(){return t()}})}}));function xn([e,t],n,r){return[n?()=>n(e()):e,r?e=>t(r(e)):t]}function Sn(e){let t=!1,n=e=>typeof e==`string`?{value:e}:e,r=xn(s(n(e.get()),{equals:(e,t)=>e.value===t.value&&e.state===t.state}),void 0,n=>(!t&&e.set(n),z.registry&&!z.done&&(z.done=!0),n));return e.init&&v(e.init((i=e.get())=>{t=!0,r[1](n(i)),t=!1})),_n({signal:r,create:e.create,utils:e.utils})}function Cn(e,t,n){return e.addEventListener(t,n),()=>e.removeEventListener(t,n)}function wn(e,t){let n=e&&document.getElementById(e);n?n.scrollIntoView():t&&window.scrollTo(0,0)}var Tn=t((()=>{K(),bn()})),En,Dn=t((()=>{En=new Map}));function On(e=!0,t=!1,n=`/_server`,r){return i=>{let a=i.base.path(),o=i.navigatorFactory(i.base),s,c;function l(e){return e.namespaceURI===`http://www.w3.org/2000/svg`}function u(e){if(e.defaultPrevented||e.button!==0||e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)return;let n=e.composedPath().find(e=>e instanceof Node&&e.nodeName.toUpperCase()===`A`);if(!n||t&&!n.hasAttribute(`link`))return;let r=l(n),i=r?n.href.baseVal:n.href;if((r?n.target.baseVal:n.target)||!i&&!n.hasAttribute(`state`))return;let o=(n.getAttribute(`rel`)||``).split(/\s+/);if(n.hasAttribute(`download`)||o&&o.includes(`external`))return;let s=r?new URL(i,document.baseURI):new URL(i);if(!(s.origin!==window.location.origin||a&&s.pathname&&!s.pathname.toLowerCase().startsWith(a.toLowerCase())))return[n,s]}function d(e){let t=u(e);if(!t)return;let[n,r]=t,a=i.parsePath(r.pathname+r.search+r.hash),s=n.getAttribute(`state`);e.preventDefault(),o(a,{resolve:!1,replace:n.hasAttribute(`replace`),scroll:!n.hasAttribute(`noscroll`),state:s?JSON.parse(s):void 0})}function f(e){let t=u(e);if(!t)return;let[n,a]=t;r&&(a.pathname=r(a.pathname)),i.preloadRoute(a,n.getAttribute(`preload`)!==`false`)}function p(e){clearTimeout(s);let t=u(e);if(!t)return c=null;let[n,a]=t;c!==n&&(r&&(a.pathname=r(a.pathname)),s=setTimeout(()=>{i.preloadRoute(a,n.getAttribute(`preload`)!==`false`),c=n},20))}function m(e){if(e.defaultPrevented)return;let t=e.submitter&&e.submitter.hasAttribute(`formaction`)?e.submitter.getAttribute(`formaction`):e.target.getAttribute(`action`);if(!t)return;if(!t.startsWith(`https://action/`)){let e=new URL(t,Ut);if(t=i.parsePath(e.pathname+e.search),!t.startsWith(n))return}if(e.target.method.toUpperCase()!==`POST`)throw Error(`Only POST forms are supported for Actions`);let r=En.get(t);if(r){e.preventDefault();let t=new FormData(e.target,e.submitter);r.call({r:i,f:e.target},e.target.enctype===`multipart/form-data`?t:new URLSearchParams(t))}}We([`click`,`submit`]),document.addEventListener(`click`,d),e&&(document.addEventListener(`mousemove`,p,{passive:!0}),document.addEventListener(`focusin`,f,{passive:!0}),document.addEventListener(`touchstart`,f,{passive:!0})),document.addEventListener(`submit`,m),v(()=>{document.removeEventListener(`click`,d),e&&(document.removeEventListener(`mousemove`,p),document.removeEventListener(`focusin`,f),document.removeEventListener(`touchstart`,f)),document.removeEventListener(`submit`,m)})}}var kn=t((()=>{X(),K(),Dn(),Wt()}));function An(e){let t=e.replace(/^.*?#/,``);if(!t.startsWith(`/`)){let[,e=`/`]=window.location.hash.split(`#`,2);return`${e}#${t}`}return t}function jn(e){let t=()=>window.location.hash.slice(1),n=Tt();return Sn({get:t,set({value:e,replace:t,scroll:n,state:r}){t?window.history.replaceState(Dt(r),``,`#`+e):window.history.pushState(r,``,`#`+e);let i=e.indexOf(`#`);wn(i>=0?e.slice(i+1):``,n),Et()},init:e=>Cn(window,`hashchange`,Ot(e,e=>!n.confirm(e&&e<0?e:t()))),create:On(e.preload,e.explicitLinks,e.actionBase),utils:{go:e=>window.history.go(e),renderPath:e=>`#${e}`,parsePath:An,beforeLeave:n}})(e)}var Mn=t((()=>{kn(),Tn(),At()})),Nn=t((()=>{bn(),Tn(),X(),kn(),At(),Mn()}));function Pn(e){e=I({inactiveClass:`inactive`,activeClass:`active`},e);let[,t]=he(e,[`href`,`state`,`class`,`activeClass`,`inactiveClass`,`end`]),n=sn(()=>e.href),r=cn(n),i=un(),a=d(()=>{let t=n();if(t===void 0)return[!1,!1];let r=jt(t.split(/[?#]/,1)[0]).toLowerCase(),a=decodeURI(jt(i.pathname).toLowerCase());return[e.end?r===a:a.startsWith(r+`/`)||a===r,r===a]});return(()=>{var n=Fn();return Qe(n,I(t,{get href(){return r()||e.href},get state(){return JSON.stringify(e.state)},get classList(){return{...e.class&&{[e.class]:!0},[e.inactiveClass]:!a()[0],[e.activeClass]:a()[0],...t.classList}},link:``,get"aria-current"(){return a()[1]?`page`:void 0}}),!1,!1),n})()}var Fn,In=t((()=>{X(),K(),mn(),Wt(),Fn=q(`<a>`)})),Ln=t((()=>{K(),X(),Dn(),mn()})),Rn=t((()=>{Nn(),In(),At(),mn(),Wt(),Ln()})),zn,Bn=t((()=>{zn={xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":2,"stroke-linecap":`round`,"stroke-linejoin":`round`}})),Vn,Hn,Un,Wn,Z,Q=t((()=>{X(),K(),Bn(),Vn=q(`<svg>`),Hn=e=>e.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).toLowerCase(),Un=(...e)=>e.filter((e,t,n)=>!!e&&e.trim()!==``&&n.indexOf(e)===t).join(` `).trim(),Wn=e=>{let[t,n]=he(e,[`color`,`size`,`strokeWidth`,`children`,`class`,`name`,`iconNode`,`absoluteStrokeWidth`]);return(()=>{var e=Vn();return Qe(e,I(zn,{get width(){return t.size??zn.width},get height(){return t.size??zn.height},get stroke(){return t.color??zn.stroke},get"stroke-width"(){return St(()=>!!t.absoluteStrokeWidth)()?Number(t.strokeWidth??zn[`stroke-width`])*24/Number(t.size):Number(t.strokeWidth??zn[`stroke-width`])},get class(){return Un(`lucide`,`lucide-icon`,t.name==null?void 0:`lucide-${Hn(t?.name)}`,t.class==null?``:t.class)}},n),!0,!0),Y(e,F(L,{get each(){return t.iconNode},children:([e,t])=>F(mt,I({component:e},t))})),e})()},Z=Wn})),Gn,Kn,qn,Jn=t((()=>{X(),Q(),Gn=[[`path`,{d:`M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2`,key:`169zse`}]],Kn=e=>F(Z,I(e,{name:`Activity`,iconNode:Gn})),qn=Kn})),Yn,Xn,Zn,Qn=t((()=>{X(),Q(),Yn=[[`path`,{d:`m12 19-7-7 7-7`,key:`1l729n`}],[`path`,{d:`M19 12H5`,key:`x3x0zl`}]],Xn=e=>F(Z,I(e,{name:`ArrowLeft`,iconNode:Yn})),Zn=Xn})),$n,er,tr,nr=t((()=>{X(),Q(),$n=[[`path`,{d:`M12 7v14`,key:`1akyts`}],[`path`,{d:`M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z`,key:`ruj8y`}]],er=e=>F(Z,I(e,{name:`BookOpen`,iconNode:$n})),tr=er})),rr,ir,ar,or=t((()=>{X(),Q(),rr=[[`path`,{d:`m6 9 6 6 6-6`,key:`qrunsl`}]],ir=e=>F(Z,I(e,{name:`ChevronDown`,iconNode:rr})),ar=ir})),sr,cr,lr,ur=t((()=>{X(),Q(),sr=[[`path`,{d:`m9 18 6-6-6-6`,key:`mthhwq`}]],cr=e=>F(Z,I(e,{name:`ChevronRight`,iconNode:sr})),lr=cr})),dr,fr,pr,mr=t((()=>{X(),Q(),dr=[[`path`,{d:`m18 15-6-6-6 6`,key:`153udz`}]],fr=e=>F(Z,I(e,{name:`ChevronUp`,iconNode:dr})),pr=fr})),hr,gr,_r,vr=t((()=>{X(),Q(),hr=[[`path`,{d:`M21.801 10A10 10 0 1 1 17 3.335`,key:`yps3ct`}],[`path`,{d:`m9 11 3 3L22 4`,key:`1pflzl`}]],gr=e=>F(Z,I(e,{name:`CircleCheckBig`,iconNode:hr})),_r=gr})),yr,br,xr,Sr=t((()=>{X(),Q(),yr=[[`path`,{d:`M10.1 2.182a10 10 0 0 1 3.8 0`,key:`5ilxe3`}],[`path`,{d:`M13.9 21.818a10 10 0 0 1-3.8 0`,key:`11zvb9`}],[`path`,{d:`M17.609 3.721a10 10 0 0 1 2.69 2.7`,key:`1iw5b2`}],[`path`,{d:`M2.182 13.9a10 10 0 0 1 0-3.8`,key:`c0bmvh`}],[`path`,{d:`M20.279 17.609a10 10 0 0 1-2.7 2.69`,key:`1ruxm7`}],[`path`,{d:`M21.818 10.1a10 10 0 0 1 0 3.8`,key:`qkgqxc`}],[`path`,{d:`M3.721 6.391a10 10 0 0 1 2.7-2.69`,key:`1mcia2`}],[`path`,{d:`M6.391 20.279a10 10 0 0 1-2.69-2.7`,key:`1fvljs`}]],br=e=>F(Z,I(e,{name:`CircleDashed`,iconNode:yr})),xr=br})),Cr,wr,Tr,Er=t((()=>{X(),Q(),Cr=[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`m15 9-6 6`,key:`1uzhvr`}],[`path`,{d:`m9 9 6 6`,key:`z0biqf`}]],wr=e=>F(Z,I(e,{name:`CircleX`,iconNode:Cr})),Tr=wr})),Dr,Or,kr,Ar=t((()=>{X(),Q(),Dr=[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`polyline`,{points:`12 6 12 12 16 14`,key:`68esgv`}]],Or=e=>F(Z,I(e,{name:`Clock`,iconNode:Dr})),kr=Or})),jr,Mr,Nr,Pr=t((()=>{X(),Q(),jr=[[`path`,{d:`M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4`,key:`1pf5j1`}],[`path`,{d:`M14 2v4a2 2 0 0 0 2 2h4`,key:`tnqrlb`}],[`path`,{d:`m5 12-3 3 3 3`,key:`oke12k`}],[`path`,{d:`m9 18 3-3-3-3`,key:`112psh`}]],Mr=e=>F(Z,I(e,{name:`FileCode2`,iconNode:jr})),Nr=Mr})),Fr,Ir,Lr,Rr=t((()=>{X(),Q(),Fr=[[`path`,{d:`M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z`,key:`1rqfz7`}],[`path`,{d:`M14 2v4a2 2 0 0 0 2 2h4`,key:`tnqrlb`}],[`path`,{d:`M9 15h6`,key:`cctwl0`}],[`path`,{d:`M12 18v-6`,key:`17g6i2`}]],Ir=e=>F(Z,I(e,{name:`FilePlus`,iconNode:Fr})),Lr=Ir})),zr,Br,Vr,Hr=t((()=>{X(),Q(),zr=[[`path`,{d:`M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z`,key:`1rqfz7`}],[`path`,{d:`M14 2v4a2 2 0 0 0 2 2h4`,key:`tnqrlb`}],[`path`,{d:`M10 9H8`,key:`b1mrlr`}],[`path`,{d:`M16 13H8`,key:`t4e002`}],[`path`,{d:`M16 17H8`,key:`z1uh3a`}]],Br=e=>F(Z,I(e,{name:`FileText`,iconNode:zr})),Vr=Br})),Ur,Wr,Gr,Kr=t((()=>{X(),Q(),Ur=[[`path`,{d:`m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2`,key:`usdka0`}]],Wr=e=>F(Z,I(e,{name:`FolderOpen`,iconNode:Ur})),Gr=Wr})),qr,Jr,Yr,Xr=t((()=>{X(),Q(),qr=[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20`,key:`13o1zl`}],[`path`,{d:`M2 12h20`,key:`9i4pu4`}]],Jr=e=>F(Z,I(e,{name:`Globe`,iconNode:qr})),Yr=Jr})),Zr,Qr,$r,ei=t((()=>{X(),Q(),Zr=[[`path`,{d:`M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8`,key:`5wwlr5`}],[`path`,{d:`M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z`,key:`1d0kgt`}]],Qr=e=>F(Z,I(e,{name:`House`,iconNode:Zr})),$r=Qr})),ti,ni,ri,ii=t((()=>{X(),Q(),ti=[[`line`,{x1:`2`,x2:`22`,y1:`2`,y2:`22`,key:`a6p6uj`}],[`path`,{d:`M10.41 10.41a2 2 0 1 1-2.83-2.83`,key:`1bzlo9`}],[`line`,{x1:`13.5`,x2:`6`,y1:`13.5`,y2:`21`,key:`1q0aeu`}],[`line`,{x1:`18`,x2:`21`,y1:`12`,y2:`15`,key:`5mozeu`}],[`path`,{d:`M3.59 3.59A1.99 1.99 0 0 0 3 5v14a2 2 0 0 0 2 2h14c.55 0 1.052-.22 1.41-.59`,key:`mmje98`}],[`path`,{d:`M21 15V5a2 2 0 0 0-2-2H9`,key:`43el77`}]],ni=e=>F(Z,I(e,{name:`ImageOff`,iconNode:ti})),ri=ni})),ai,oi,si,ci=t((()=>{X(),Q(),ai=[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`,ry:`2`,key:`1m3agn`}],[`circle`,{cx:`9`,cy:`9`,r:`2`,key:`af1f0g`}],[`path`,{d:`m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21`,key:`1xmnt7`}]],oi=e=>F(Z,I(e,{name:`Image`,iconNode:ai})),si=oi})),li,ui,di,fi=t((()=>{X(),Q(),li=[[`path`,{d:`m5 8 6 6`,key:`1wu5hv`}],[`path`,{d:`m4 14 6-6 2-3`,key:`1k1g8d`}],[`path`,{d:`M2 5h12`,key:`or177f`}],[`path`,{d:`M7 2h1`,key:`1t2jsx`}],[`path`,{d:`m22 22-5-10-5 10`,key:`don7ne`}],[`path`,{d:`M14 18h6`,key:`1m8k6r`}]],ui=e=>F(Z,I(e,{name:`Languages`,iconNode:li})),di=ui})),pi,mi,hi,gi=t((()=>{X(),Q(),pi=[[`path`,{d:`M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z`,key:`zw3jo`}],[`path`,{d:`M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12`,key:`1wduqc`}],[`path`,{d:`M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17`,key:`kqbvx6`}]],mi=e=>F(Z,I(e,{name:`Layers`,iconNode:pi})),hi=mi})),_i,vi,yi,bi=t((()=>{X(),Q(),_i=[[`rect`,{width:`20`,height:`14`,x:`2`,y:`3`,rx:`2`,key:`48i651`}],[`line`,{x1:`8`,x2:`16`,y1:`21`,y2:`21`,key:`1svkeh`}],[`line`,{x1:`12`,x2:`12`,y1:`17`,y2:`21`,key:`vw1qmm`}]],vi=e=>F(Z,I(e,{name:`Monitor`,iconNode:_i})),yi=vi})),xi,Si,Ci,wi=t((()=>{X(),Q(),xi=[[`path`,{d:`m19 11-8-8-8.6 8.6a2 2 0 0 0 0 2.8l5.2 5.2c.8.8 2 .8 2.8 0L19 11Z`,key:`irua1i`}],[`path`,{d:`m5 2 5 5`,key:`1lls2c`}],[`path`,{d:`M2 13h15`,key:`1hkzvu`}],[`path`,{d:`M22 20a2 2 0 1 1-4 0c0-1.6 1.7-2.4 2-4 .3 1.6 2 2.4 2 4Z`,key:`xk76lq`}]],Si=e=>F(Z,I(e,{name:`PaintBucket`,iconNode:xi})),Ci=Si})),Ti,Ei,Di,Oi=t((()=>{X(),Q(),Ti=[[`path`,{d:`M12 20h9`,key:`t2du7b`}],[`path`,{d:`M16.376 3.622a1 1 0 0 1 3.002 3.002L7.368 18.635a2 2 0 0 1-.855.506l-2.872.838a.5.5 0 0 1-.62-.62l.838-2.872a2 2 0 0 1 .506-.854z`,key:`1ykcvy`}]],Ei=e=>F(Z,I(e,{name:`PenLine`,iconNode:Ti})),Di=Ei})),ki,Ai,ji,Mi=t((()=>{X(),Q(),ki=[[`path`,{d:`M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z`,key:`1a8usu`}]],Ai=e=>F(Z,I(e,{name:`Pen`,iconNode:ki})),ji=Ai})),Ni,Pi,Fi,Ii=t((()=>{X(),Q(),Ni=[[`path`,{d:`M5 12h14`,key:`1ays0h`}],[`path`,{d:`M12 5v14`,key:`s699le`}]],Pi=e=>F(Z,I(e,{name:`Plus`,iconNode:Ni})),Fi=Pi})),Li,Ri,zi,Bi=t((()=>{X(),Q(),Li=[[`path`,{d:`M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8`,key:`v9h5vc`}],[`path`,{d:`M21 3v5h-5`,key:`1q7to0`}],[`path`,{d:`M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16`,key:`3uifl3`}],[`path`,{d:`M8 16H3v5`,key:`1cv678`}]],Ri=e=>F(Z,I(e,{name:`RefreshCw`,iconNode:Li})),zi=Ri})),Vi,Hi,Ui,Wi=t((()=>{X(),Q(),Vi=[[`path`,{d:`M3 7V5a2 2 0 0 1 2-2h2`,key:`aa7l1z`}],[`path`,{d:`M17 3h2a2 2 0 0 1 2 2v2`,key:`4qcy5o`}],[`path`,{d:`M21 17v2a2 2 0 0 1-2 2h-2`,key:`6vwrx8`}],[`path`,{d:`M7 21H5a2 2 0 0 1-2-2v-2`,key:`ioqczr`}],[`path`,{d:`M7 8h8`,key:`1jbsf9`}],[`path`,{d:`M7 12h10`,key:`b7w52i`}],[`path`,{d:`M7 16h6`,key:`1vyc9m`}]],Hi=e=>F(Z,I(e,{name:`ScanText`,iconNode:Vi})),Ui=Hi})),Gi,Ki,qi,Ji=t((()=>{X(),Q(),Gi=[[`circle`,{cx:`12`,cy:`12`,r:`3`,key:`1v7zrd`}],[`path`,{d:`M4.5 10H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-.5`,key:`tn8das`}],[`path`,{d:`M4.5 14H4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-.5`,key:`1g2pve`}],[`path`,{d:`M6 6h.01`,key:`1utrut`}],[`path`,{d:`M6 18h.01`,key:`uhywen`}],[`path`,{d:`m15.7 13.4-.9-.3`,key:`1jwmzr`}],[`path`,{d:`m9.2 10.9-.9-.3`,key:`qapnim`}],[`path`,{d:`m10.6 15.7.3-.9`,key:`quwk0k`}],[`path`,{d:`m13.6 15.7-.4-1`,key:`cb9xp7`}],[`path`,{d:`m10.8 9.3-.4-1`,key:`1uaiz5`}],[`path`,{d:`m8.3 13.6 1-.4`,key:`s6srou`}],[`path`,{d:`m14.7 10.8 1-.4`,key:`4d31cq`}],[`path`,{d:`m13.4 8.3-.3.9`,key:`1bm987`}]],Ki=e=>F(Z,I(e,{name:`ServerCog`,iconNode:Gi})),qi=Ki})),Yi,Xi,Zi,Qi=t((()=>{X(),Q(),Yi=[[`path`,{d:`M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z`,key:`oel41y`}],[`path`,{d:`M12 8v4`,key:`1got3b`}],[`path`,{d:`M12 16h.01`,key:`1drbdi`}]],Xi=e=>F(Z,I(e,{name:`ShieldAlert`,iconNode:Yi})),Zi=Xi})),$i,ea,ta,na=t((()=>{X(),Q(),$i=[[`path`,{d:`M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.936A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .963 0L14.063 8.5A2 2 0 0 0 15.5 9.937l6.135 1.581a.5.5 0 0 1 0 .964L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.963 0z`,key:`4pj2yx`}],[`path`,{d:`M20 3v4`,key:`1olli1`}],[`path`,{d:`M22 5h-4`,key:`1gvqau`}],[`path`,{d:`M4 17v2`,key:`vumght`}],[`path`,{d:`M5 18H3`,key:`zchphs`}]],ea=e=>F(Z,I(e,{name:`Sparkles`,iconNode:$i})),ta=ea})),ra,ia,aa,oa=t((()=>{X(),Q(),ra=[[`path`,{d:`M3 6h18`,key:`d0wm0j`}],[`path`,{d:`M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6`,key:`4alrt4`}],[`path`,{d:`M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2`,key:`v07s0e`}],[`line`,{x1:`10`,x2:`10`,y1:`11`,y2:`17`,key:`1uufr5`}],[`line`,{x1:`14`,x2:`14`,y1:`11`,y2:`17`,key:`xtxkd`}]],ia=e=>F(Z,I(e,{name:`Trash2`,iconNode:ra})),aa=ia})),sa,ca,la,ua=t((()=>{X(),Q(),sa=[[`polyline`,{points:`4 7 4 4 20 4 20 7`,key:`1nosan`}],[`line`,{x1:`9`,x2:`15`,y1:`20`,y2:`20`,key:`swin9y`}],[`line`,{x1:`12`,x2:`12`,y1:`4`,y2:`20`,key:`1tx1rr`}]],ca=e=>F(Z,I(e,{name:`Type`,iconNode:sa})),la=ca})),da,fa,pa,ma=t((()=>{X(),Q(),da=[[`path`,{d:`M18 6 6 18`,key:`1bl5f8`}],[`path`,{d:`m6 6 12 12`,key:`d8bk6v`}]],fa=e=>F(Z,I(e,{name:`X`,iconNode:da})),pa=fa})),ha=t((()=>{Jn(),Qn(),nr(),or(),ur(),mr(),Sr(),Ar(),Pr(),Rr(),Hr(),Kr(),Xr(),ii(),ci(),fi(),gi(),bi(),wi(),Oi(),Ii(),Bi(),Wi(),Ji(),Qi(),na(),oa(),ua(),ma()})),ga=t((()=>{vr()})),_a=t((()=>{Er()})),va=t((()=>{ei()})),ya=t((()=>{Mi()})),ba=t((()=>{ga(),_a(),va(),ya()})),xa=t((()=>{})),Sa=t((()=>{})),Ca=t((()=>{ba(),xa(),Sa()})),wa=t((()=>{})),Ta=t((()=>{ha(),Ca(),wa()}));X(),Rn(),Ta();var Ea=q(`<div class="flex h-screen bg-slate-50 text-slate-800"><nav class="group flex w-14 flex-col gap-1 overflow-hidden bg-slate-900 px-2 py-4 transition-all duration-200 hover:w-48"><div class="mb-4 flex items-center gap-3 px-1"><span class="flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-violet-600 text-xs font-bold text-white">W</span><span class="whitespace-nowrap text-sm font-semibold text-white opacity-0 transition-opacity duration-200 group-hover:opacity-100">WebOCR</span></div></nav><main class="flex-1 overflow-y-auto">`),Da=q(`<span class="flex h-8 w-8 shrink-0 items-center justify-center">`),Oa=q(`<span class="whitespace-nowrap text-sm opacity-0 transition-opacity duration-200 group-hover:opacity-100">`),ka=[{href:`/`,label:`Home`,Icon:$r},{href:`/status`,label:`Server Status`,Icon:qi},{href:`/openapi`,label:`OpenAPI`,Icon:Nr},{href:`/library`,label:`Library`,Icon:tr},{href:`/jobs`,label:`Jobs`,Icon:si}];function Aa(e){return(()=>{var t=Ea(),n=t.firstChild;n.firstChild;var r=n.nextSibling;return Y(n,()=>ka.map(e=>F(Pn,{get href(){return e.href},get end(){return e.href===`/`},class:`flex items-center gap-3 rounded-lg px-1 py-2 text-slate-400 transition-colors hover:bg-slate-800 hover:text-white`,activeClass:`bg-slate-800 text-white!`,get children(){return[(()=>{var t=Da();return Y(t,F(e.Icon,{class:`h-5 w-5`})),t})(),(()=>{var t=Oa();return Y(t,()=>e.label),t})()]}})),null),Y(r,()=>e.children),t})()}X(),K();var ja=q(`<div class="flex min-h-screen flex-col items-center justify-center gap-6 bg-slate-50"><div class="flex h-20 w-20 items-center justify-center rounded-2xl bg-violet-600 shadow-lg"><span class="text-4xl font-bold text-white">W</span></div><div class=text-center><h1 class="text-3xl font-bold text-slate-800">WebOCR</h1><p class="mt-1 text-sm text-slate-500">Manga OCR · Translation · Typesetting`),Ma=q(`<span class="rounded-full bg-slate-100 px-4 py-1 text-sm font-medium text-slate-600">v`);function Na(){let[e,t]=s(null);return _(()=>{fetch(`/health`).then(e=>e.ok?e.json():Promise.reject()).then(t).catch(()=>{})}),(()=>{var t=ja();return t.firstChild.nextSibling,Y(t,F(R,{get when(){return e()},children:e=>(()=>{var t=Ma();return t.firstChild,Y(t,()=>e().version,null),t})()}),null),t})()}function Pa(e){return F(R,{get when(){return e.ok!==null},get fallback(){return(()=>{var t=La();return Y(t,F(xr,{class:`h-3 w-3 animate-spin`}),null),Y(t,()=>e.label,null),t})()},get children(){return F(R,{get when(){return e.ok},get fallback(){return(()=>{var t=Ra();return Y(t,F(Tr,{class:`h-3 w-3`}),null),Y(t,()=>e.label,null),t})()},get children(){var t=Ia();return Y(t,F(_r,{class:`h-3 w-3`}),null),Y(t,()=>e.label,null),t}})}})}function Fa(){let[e,t]=s(null),[n,r]=s(null),[i,a]=s(!1),[o,c]=s(null);_(u);function u(){r(null),fetch(`/health`).then(e=>{if(!e.ok)throw Error(`HTTP ${e.status}`);return e.json()}).then(e=>{t(e),c(e.preferred_translation_engine)}).catch(e=>r(String(e)))}let d=()=>{if(n())return!1;let t=e();return t?t.status===`ok`:null},f=()=>{if(n())return`error`;let t=e();return t?t.status:`connecting`};async function p(t){if(!(!e()||i())){r(null),a(!0);try{let e=await fetch(`/api/settings/engine`,{method:`PATCH`,headers:{"Content-Type":`application/json`},body:JSON.stringify({engine:t})});if(!e.ok)throw Error(`Failed to save settings (HTTP ${e.status})`);c(t)}catch(e){r(String(e))}finally{a(!1)}}}return(()=>{var t=Ba(),r=t.firstChild,a=r.firstChild.firstChild,s=a.nextSibling.nextSibling;return Y(a,F(yi,{class:`h-6 w-6 text-slate-700`})),Y(s,F(Pa,{get ok(){return d()},get label(){return f()}})),Y(r,F(R,{get when(){return n()},get children(){var e=za();return Y(e,F(Zi,{class:`h-4 w-4 shrink-0`}),null),Y(e,n,null),e}}),null),Y(r,F(R,{get when(){return e()},children:e=>[(()=>{var t=Va(),n=t.firstChild.nextSibling.firstChild,r=n.firstChild.nextSibling,i=n.nextSibling,a=i.firstChild,o=a.firstChild,s=a.nextSibling,c=i.nextSibling.firstChild,l=c.firstChild,u=c.nextSibling;return Y(r,()=>e().version),Y(a,F(Gr,{class:`h-3.5 w-3.5`}),o),Y(s,()=>e().data_dir),Y(c,F(Yr,{class:`h-3.5 w-3.5`}),l),Y(u,F(Pa,{get ok(){return e().deepl_available},get label(){return e().deepl_available?`configured`:`not configured`}})),t})(),(()=>{var t=Ha(),n=t.firstChild.nextSibling;return Y(n,F(L,{get each(){return Object.entries(e().models)},children:([e,t])=>{let n=Ya[e]??{label:e,Icon:qn},r=n.Icon;return(()=>{var e=Ga(),i=e.firstChild,a=i.nextSibling,o=a.nextSibling;return Y(i,F(r,{class:`h-4 w-4`})),Y(a,()=>n.label),Y(o,()=>t.name),Y(e,F(R,{get when(){return t.enabled},get fallback(){return Ka()},get children(){return F(Pa,{get ok(){return t.ready},get label(){return t.ready?`ready`:`loading`}})}}),null),e})()}})),t})(),(()=>{var t=Wa(),n=t.firstChild.nextSibling.firstChild.nextSibling;return Y(n,F(L,{each:[{value:`auto`,label:`Auto`,desc:`DeepL if configured, else local`},{value:`local`,label:`Local`,desc:`Opus-MT (on-device)`},{value:`deepl`,label:`DeepL`,desc:`DeepL API`}],children:t=>{let n=()=>o()===t.value,r=()=>t.value===`deepl`&&!e().deepl_available;return(()=>{var e=Ja();return e.$$click=()=>p(t.value),Y(e,()=>t.label,null),Y(e,F(R,{get when(){return n()},get children(){return qa()}}),null),l(a=>{var o=r()||i(),s=r()?`DeepL API key not configured`:t.desc,c=`rounded-lg border px-4 py-2 text-sm transition-colors ${n()?`border-violet-500 bg-violet-50 font-semibold text-violet-700`:`border-slate-200 bg-white text-slate-600 hover:border-slate-300 hover:bg-slate-50`} ${r()?`cursor-not-allowed opacity-40`:``}`;return o!==a.e&&(e.disabled=a.e=o),s!==a.t&&J(e,`title`,a.t=s),c!==a.a&&qe(e,a.a=c),a},{e:void 0,t:void 0,a:void 0}),e})()}}),null),Y(n,F(R,{get when(){return i()},get children(){var e=Ua(),t=e.firstChild;return Y(e,F(xr,{class:`h-3 w-3 animate-spin`}),t),e}}),null),t})()]}),null),t})()}var Ia,La,Ra,za,Ba,Va,Ha,Ua,Wa,Ga,Ka,qa,Ja,Ya,Xa=t((()=>{X(),K(),Ta(),Ia=q(`<span class="inline-flex items-center gap-1 rounded-full bg-green-100 px-2 py-0.5 text-xs text-green-700">`),La=q(`<span class="inline-flex items-center gap-1 rounded-full bg-slate-100 px-2 py-0.5 text-xs text-slate-500">`),Ra=q(`<span class="inline-flex items-center gap-1 rounded-full bg-red-100 px-2 py-0.5 text-xs text-red-600">`),za=q(`<div class="flex items-center gap-2 rounded-xl bg-red-50 px-5 py-4 text-sm text-red-600 ring-1 ring-red-200">`),Ba=q(`<div class="min-h-screen bg-slate-50 px-4 py-10"><div class="mx-auto max-w-2xl space-y-8"><div class="flex items-center gap-3"><div class="rounded-xl bg-white p-2 shadow-sm ring-1 ring-slate-200"></div><div><h1 class="text-xl font-semibold text-slate-800">Server Status</h1><p class="text-sm text-slate-500">ASP.NET Core · Manga-OCR · Opus-MT</p></div><div class=ml-auto>`),Va=q(`<div class="rounded-2xl bg-white shadow-sm ring-1 ring-slate-200"><div class="border-b border-slate-100 px-5 py-3"><span class="text-sm font-medium text-slate-600">Server info</span></div><dl class="divide-y divide-slate-50 text-sm"><div class="flex items-center gap-3 px-5 py-3"><dt class="w-36 shrink-0 text-slate-500">Version</dt><dd class="font-medium text-slate-800"></dd></div><div class="flex items-start gap-3 px-5 py-3"><dt class="flex w-36 shrink-0 items-center gap-1 text-slate-500"> Data dir</dt><dd class="break-all font-mono text-xs text-slate-600"></dd></div><div class="flex items-center gap-3 px-5 py-3"><dt class="flex w-36 shrink-0 items-center gap-1 text-slate-500"> DeepL</dt><dd>`),Ha=q(`<div class="rounded-2xl bg-white shadow-sm ring-1 ring-slate-200"><div class="border-b border-slate-100 px-5 py-3"><span class="text-sm font-medium text-slate-600">Models</span></div><ul class="divide-y divide-slate-50">`),Ua=q(`<span class="flex items-center gap-1 text-xs text-slate-400"> Saving…`),Wa=q(`<div class="rounded-2xl bg-white shadow-sm ring-1 ring-slate-200"><div class="border-b border-slate-100 px-5 py-3"><span class="text-sm font-medium text-slate-600">Translation engine</span></div><div class="px-5 py-4"><p class="mb-3 text-xs text-slate-400">Default engine used when a request doesn't specify one. Takes effect immediately; no restart needed.</p><div class="flex flex-wrap gap-2">`),Ga=q(`<li class="flex items-center gap-4 px-5 py-3 text-sm"><span class="flex h-7 w-7 shrink-0 items-center justify-center rounded-lg bg-slate-50 text-slate-500"></span><span class="w-24 shrink-0 font-medium text-slate-700"></span><span class="flex-1 truncate font-mono text-xs text-slate-400">`),Ka=q(`<span class="inline-flex items-center gap-1 rounded-full bg-slate-100 px-2 py-0.5 text-xs text-slate-400">disabled`),qa=q(`<span class="ml-1.5 text-xs opacity-60">✓`),Ja=q(`<button>`),Ya={ocr:{label:`OCR`,Icon:Ui},translate:{label:`Translate`,Icon:di},dictionary:{label:`Dictionary`,Icon:tr},inpaint:{label:`Inpaint`,Icon:yi},bubble:{label:`Bubble`,Icon:qn}},We([`click`])})),Za=n({ServerStatusPage:()=>Fa}),Qa=t((()=>{Xa()})),$a=n({OpenApiPage:()=>eo});function eo(){return to()}var to,no=t((()=>{X(),to=q(`<iframe src=/scalar/v1 class="h-full w-full border-0"title="OpenAPI Reference">`)}));function ro(e){return e.replace(/_([a-z])/g,(e,t)=>t.toUpperCase())}function io(e){return e.replace(/([A-Z])/g,e=>`_${e.toLowerCase()}`)}function ao(e){if(Array.isArray(e))return e.map(ao);if(typeof e==`object`&&e){let t={};for(let[n,r]of Object.entries(e))t[ro(n)]=ao(r);return t}return e}function oo(e){if(Array.isArray(e))return e.map(oo);if(typeof e==`object`&&e){let t={};for(let[n,r]of Object.entries(e))t[io(n)]=oo(r);return t}return e}async function $(e,t){let n=await fetch(e,{headers:{"Content-Type":`application/json`,...t?.headers},...t});if(!n.ok){let e=await n.text().catch(()=>n.statusText);throw Error(`API ${n.status}: ${e}`)}if(n.status!==204)return ao(await n.json())}function so(e={}){let t=new URLSearchParams;e.page!==void 0&&t.set(`page`,String(e.page)),e.pageSize!==void 0&&t.set(`page_size`,String(e.pageSize)),e.status&&t.set(`status`,e.status),e.chapterId!==void 0&&t.set(`chapter_id`,String(e.chapterId));let n=t.toString();return $(`/api/portal/jobs${n?`?${n}`:``}`)}function co(e){return $(`/api/portal/jobs/${e}`)}function lo(e){return $(`/api/portal/jobs/${e}`,{method:`DELETE`})}function uo(e,t){return $(`/api/portal/jobs/${e}`,{method:`PUT`,body:JSON.stringify(oo(t))})}function fo(e){return $(`/api/portal/jobs/${e}/bubbles`)}function po(e,t){return $(`/api/portal/jobs/${e}/bubbles`,{method:`POST`,body:JSON.stringify(oo(t))})}function mo(e,t,n){return $(`/api/portal/jobs/${e}/bubbles/${t}`,{method:`PUT`,body:JSON.stringify(oo(n))})}function ho(e,t){return $(`/api/portal/jobs/${e}/bubbles/${t}`,{method:`DELETE`})}function go(e){return $(`/api/portal/jobs/${e}/redetect`,{method:`POST`})}function _o(e){return $(`/api/portal/jobs/${e}/retranslate`,{method:`POST`})}function vo(e,t=0){return $(`/api/portal/jobs/${e}/rerender`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({padding:t})})}function yo(e,t){return $(`/api/portal/jobs/${e}/bubbles/${t}/reocr`,{method:`POST`})}function bo(e,t){return $(`/api/portal/jobs/${e}/bubbles/${t}/retranslate`,{method:`POST`})}function xo(e,t,n=0){return $(`/api/portal/jobs/${e}/bubbles/${t}/reinpaint`,{method:`POST`,body:JSON.stringify({padding:n})})}function So(e,t,n=0){return $(`/api/portal/jobs/${e}/bubbles/${t}/repatch`,{method:`POST`,body:JSON.stringify({padding:n})})}function Co(){return $(`/api/portal/volumes`)}function wo(e){return $(`/api/portal/volumes`,{method:`POST`,body:JSON.stringify(oo(e))})}function To(e,t){return $(`/api/portal/volumes/${e}`,{method:`PUT`,body:JSON.stringify(oo(t))})}function Eo(e){return $(`/api/portal/volumes/${e}`,{method:`DELETE`})}function Do(e={}){let t=new URLSearchParams;e.volumeId!==void 0&&t.set(`volume_id`,String(e.volumeId));let n=t.toString();return $(`/api/portal/chapters${n?`?${n}`:``}`)}function Oo(e){return $(`/api/portal/chapters`,{method:`POST`,body:JSON.stringify(oo(e))})}function ko(e,t){return $(`/api/portal/chapters/${e}`,{method:`PUT`,body:JSON.stringify(oo(t))})}function Ao(e){return $(`/api/portal/chapters/${e}`,{method:`DELETE`})}function jo(e){return $(`/api/portal/chapters/${e}/jobs`)}function Mo(e){return`/api/portal/jobs/${e}/original`}function No(e){return`/api/portal/jobs/${e}/result`}var Po=t((()=>{}));function Fo(e){return u(()=>{if(!e.open){document.body.style.overflow=``;return}document.body.style.overflow=`hidden`;let t=t=>{t.key===`Escape`&&e.onClose()};return document.addEventListener(`keydown`,t),()=>{document.body.style.overflow=``,document.removeEventListener(`keydown`,t)}}),F(R,{get when(){return e.open},get children(){var t=Io(),n=t.firstChild,r=n.firstChild.firstChild,i=r.nextSibling;return t.$$click=t=>{t.target===t.currentTarget&&e.onClose()},Y(r,()=>e.title),Je(i,`click`,e.onClose,!0),Y(i,F(pa,{class:`h-4 w-4`})),Y(n,()=>e.children,null),t}})}var Io,Lo=t((()=>{X(),K(),Ta(),Io=q(`<div role=dialog aria-modal=true aria-labelledby=modal-title class="fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4"><div class="w-full max-w-md rounded-2xl bg-white p-6 shadow-xl"><div class="mb-4 flex items-center justify-between"><h2 id=modal-title class="text-base font-semibold text-slate-800"></h2><button class="rounded-lg p-1 text-slate-400 hover:bg-slate-100 hover:text-slate-600"aria-label=Close>`),We([`click`])}));function Ro(e){return F(Fo,{get open(){return e.open},get title(){return e.title},get onClose(){return e.onCancel},get children(){return[(()=>{var t=zo();return Y(t,()=>e.message),t})(),(()=>{var t=Bo(),n=t.firstChild,r=n.nextSibling;return Je(n,`click`,e.onCancel,!0),Je(r,`click`,e.onConfirm,!0),Y(r,(()=>{var t=St(()=>!!e.loading);return()=>t()?`Deleting…`:e.confirmLabel??`Delete`})()),l(t=>{var i=e.loading,a=e.confirmClass??`rounded-lg bg-red-600 px-4 py-2 text-sm font-medium text-white hover:bg-red-700 disabled:opacity-50`,o=e.loading;return i!==t.e&&(n.disabled=t.e=i),a!==t.t&&qe(r,t.t=a),o!==t.a&&(r.disabled=t.a=o),t},{e:void 0,t:void 0,a:void 0}),t})()]}})}var zo,Bo,Vo=t((()=>{X(),Lo(),zo=q(`<p class="mb-6 text-sm text-slate-600">`),Bo=q(`<div class="flex justify-end gap-2"><button class="rounded-lg border border-slate-200 bg-white px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50 disabled:opacity-50">Cancel</button><button>`),We([`click`])})),Ho=n({JobsListPage:()=>Go,StatusBadge:()=>Uo});function Uo(e){let t=()=>{switch(e.status){case`done`:return{cls:`bg-green-100 text-green-700`,Icon:_r,label:`Done`};case`processing`:return{cls:`bg-yellow-100 text-yellow-700`,Icon:kr,label:`Processing`};case`error`:return{cls:`bg-red-100 text-red-700`,Icon:Tr,label:`Error`};default:return{cls:`bg-slate-100 text-slate-600`,Icon:kr,label:String(e.status)}}};return(()=>{var e=Ko();return Y(e,()=>F(t()?.Icon??kr,{class:`h-3 w-3`}),null),Y(e,()=>t()?.label??``,null),l(()=>qe(e,`inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium ${t()?.cls??``}`)),e})()}function Wo(e){let t=()=>e.job.resultImagePath?No(e.job.id):Mo(e.job.id);return(()=>{var n=qo(),r=n.firstChild,i=r.nextSibling,a=i.firstChild,o=a.firstChild,s=o.nextSibling,c=a.nextSibling.firstChild,u=c.nextSibling.firstChild,d=u.firstChild,f=u.nextSibling;return Je(r,`click`,e.onDelete,!0),Y(r,F(aa,{class:`h-3.5 w-3.5`})),Je(i,`click`,e.onClick,!0),Y(s,F(Uo,{get status(){return e.job.status}})),Y(c,()=>e.job.title),Y(u,F(hi,{class:`h-3 w-3`}),d),Y(u,()=>e.job.bubbleCount,d),Y(f,()=>new Date(e.job.createdAt).toLocaleDateString()),l(n=>{var r=t(),i=e.job.title;return r!==n.e&&J(o,`src`,n.e=r),i!==n.t&&J(o,`alt`,n.t=i),n},{e:void 0,t:void 0}),n})()}function Go(){let e=ln(),[t,n]=s(``),[r,i]=s(``),[a,{refetch:o}]=p(t,e=>so({pageSize:100,status:e||void 0})),c=()=>{let e=r().toLowerCase();return(a()?.items??[]).filter(t=>!e||t.title.toLowerCase().includes(e))},[u,d]=s(null),[f,m]=s(!1),[h,g]=s(null);function _(e,t){t.stopPropagation(),g(null),d(e)}async function v(){let e=u();if(e){m(!0);try{await lo(e),d(null),o()}catch(e){d(null),g(e instanceof Error?e.message:`Failed to delete job`)}finally{m(!1)}}}return(()=>{var s=Xo(),p=s.firstChild,m=p.firstChild,y=m.nextSibling.nextSibling,b=p.nextSibling.firstChild,x=b.nextSibling;return Y(m,F(si,{class:`h-5 w-5 text-violet-600`})),y.$$click=()=>o(),Y(y,F(zi,{get class(){return`h-4 w-4 ${a.loading?`animate-spin`:``}`}})),b.$$input=e=>i(e.currentTarget.value),x.addEventListener(`change`,e=>n(e.currentTarget.value)),Y(x,()=>ts.map(e=>(()=>{var t=Zo();return Y(t,()=>e.label),l(()=>t.value=e.value),t})())),Y(s,F(R,{get when(){return h()},children:e=>(()=>{var t=Qo(),n=t.firstChild,r=n.nextSibling;return Y(n,e),r.$$click=()=>g(null),t})()}),null),Y(s,F(R,{get when(){return a.loading},get children(){var e=Jo();return Y(e,()=>Array.from({length:10}).map(()=>$o())),e}}),null),Y(s,F(R,{get when(){return a.error},get children(){var e=Yo();return e.firstChild,Y(e,()=>String(a.error),null),e}}),null),Y(s,F(R,{get when(){return St(()=>!a.loading)()&&!a.error},get children(){return F(R,{get when(){return c().length>0},get fallback(){return(()=>{var e=es(),t=e.firstChild;return Y(e,F(si,{class:`h-10 w-10 opacity-40`}),t),e})()},get children(){var t=Jo();return Y(t,F(L,{get each(){return c()},children:t=>F(Wo,{job:t,onClick:()=>e(`/jobs/${t.id}`),onDelete:e=>_(t.id,e)})})),t}})}}),null),Y(s,F(Ro,{get open(){return u()!==null},title:`Delete job`,message:`This will permanently delete the job, its images, and all bubble data. This cannot be undone.`,confirmLabel:`Delete`,get loading(){return f()},onConfirm:v,onCancel:()=>d(null)}),null),l(()=>y.disabled=a.loading),l(()=>b.value=r()),l(()=>x.value=t()),s})()}var Ko,qo,Jo,Yo,Xo,Zo,Qo,$o,es,ts,ns=t((()=>{X(),K(),Rn(),Ta(),Po(),Vo(),Ko=q(`<span>`),qo=q(`<div class="group relative flex flex-col overflow-hidden rounded-2xl bg-white shadow-sm ring-1 ring-slate-200 transition hover:shadow-md hover:ring-slate-300"><button class="absolute left-2 top-2 z-10 flex h-6 w-6 items-center justify-center rounded-md bg-white/80 text-slate-500 shadow-sm ring-1 ring-slate-200 hover:bg-red-50 hover:text-red-600"title="Delete job"aria-label="Delete job"></button><button class="flex w-full flex-col text-left focus-visible:outline-2 focus-visible:outline-violet-500"><div class="relative aspect-3/4 w-full overflow-hidden bg-slate-100"><img class="h-full w-full object-cover transition-transform duration-200 group-hover:scale-105"loading=lazy><div class="absolute right-2 top-2"></div></div><div class="flex flex-col gap-1 p-3"><p class="truncate text-sm font-medium text-slate-800"></p><div class="flex items-center gap-3 text-xs text-slate-500"><span class="flex items-center gap-1"> bubbles</span><span class=ml-auto>`,!0,!1,!1),Jo=q(`<div class="grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5">`),Yo=q(`<div class="rounded-2xl bg-red-50 p-6 text-sm text-red-600 ring-1 ring-red-200">Failed to load jobs: `),Xo=q(`<div class="min-h-screen px-6 py-8"><div class="mb-6 flex items-center gap-3"><div class="rounded-xl bg-white p-2 shadow-sm ring-1 ring-slate-200"></div><h1 class="text-xl font-semibold text-slate-800">Jobs</h1><button class="ml-auto rounded-lg p-1.5 text-slate-400 hover:bg-white hover:text-slate-600 hover:shadow-sm hover:ring-1 hover:ring-slate-200 disabled:opacity-50 disabled:cursor-not-allowed"title=Refresh aria-label="Refresh jobs"></button></div><div class="mb-6 flex flex-wrap gap-3"><input type=search placeholder="Search jobs…"class="h-9 rounded-lg border border-slate-200 bg-white px-3 text-sm text-slate-700 placeholder:text-slate-400 focus:outline-none focus:ring-2 focus:ring-violet-400"><select class="h-9 rounded-lg border border-slate-200 bg-white px-3 text-sm text-slate-700 focus:outline-none focus:ring-2 focus:ring-violet-400">`),Zo=q(`<option>`),Qo=q(`<div role=alert class="mb-4 flex items-center gap-2 rounded-xl bg-red-50 px-4 py-3 text-sm text-red-600 ring-1 ring-red-200"><span class=flex-1></span><button class="shrink-0 rounded p-0.5 hover:bg-red-100"aria-label="Dismiss error">✕`),$o=q(`<div class="aspect-3/4 animate-pulse rounded-2xl bg-slate-200">`),es=q(`<div class="flex flex-col items-center gap-3 py-24 text-slate-400"><p class=text-sm>No jobs yet.</p><p class="max-w-xs text-center text-xs text-slate-400">Upload pages via the extension or API to see translation jobs here.`),ts=[{value:``,label:`All statuses`},{value:`done`,label:`Done`},{value:`processing`,label:`Processing`},{value:`error`,label:`Error`}],We([`click`,`input`])}));function rs(e,t,n,r){let{x:i,y:a,w:o,h:s}=t;switch(e){case`TL`:i+=n,a+=r,o-=n,s-=r;break;case`T`:a+=r,s-=r;break;case`TR`:a+=r,o+=n,s-=r;break;case`L`:i+=n,o-=n;break;case`R`:o+=n;break;case`BL`:i+=n,o-=n,s+=r;break;case`B`:s+=r;break;case`BR`:o+=n,s+=r;break}return o<5&&(o=5),s<5&&(s=5),{x:i,y:a,w:o,h:s}}function is(e){let t,n,[r,i]=s({scale:1,offsetX:0,offsetY:0}),[a,o]=s({kind:`none`});function c(){if(!t||!e.imageWidth||!e.imageHeight)return;let n=t.clientWidth,r=t.clientHeight;if(n===0||r===0)return;let a=n/e.imageWidth,o=r/e.imageHeight,s=Math.min(a,o),c=e.imageWidth*s,l=e.imageHeight*s;i({scale:s,offsetX:(n-c)/2,offsetY:(r-l)/2})}function u(e,t){let{scale:n,offsetX:i,offsetY:a}=r();return{x:e*n+i,y:t*n+a}}function d(e,t){let{scale:n,offsetX:i,offsetY:a}=r();return n===0?{x:0,y:0}:{x:(e-i)/n,y:(t-a)/n}}function f(e){let t=n.getBoundingClientRect();return d(e.clientX-t.left,e.clientY-t.top)}function p(e){let t=a();return t.kind===`moving`&&t.bubbleIndex===e.bubbleIndex?{x:e.bubbleX+(t.curImgX-t.startImgX),y:e.bubbleY+(t.curImgY-t.startImgY),w:e.bubbleW,h:e.bubbleH}:t.kind===`resizing`&&t.bubbleIndex===e.bubbleIndex?rs(t.handle,{x:t.origX,y:t.origY,w:t.origW,h:t.origH},t.curImgX-t.startImgX,t.curImgY-t.startImgY):{x:e.bubbleX,y:e.bubbleY,w:e.bubbleW,h:e.bubbleH}}function m(){let e=a();return e.kind===`drawing`?{x:Math.min(e.startImgX,e.curImgX),y:Math.min(e.startImgY,e.curImgY),w:Math.abs(e.curImgX-e.startImgX),h:Math.abs(e.curImgY-e.startImgY)}:null}function h(e){let t=a();if(t.kind===`none`)return;e.preventDefault();let n=f(e);(t.kind===`moving`||t.kind===`resizing`||t.kind===`drawing`)&&o({...t,curImgX:n.x,curImgY:n.y})}function g(){let t=a();if(t.kind===`moving`){let n=t.curImgX-t.startImgX,r=t.curImgY-t.startImgY;(Math.abs(n)>1||Math.abs(r)>1)&&e.onMove(t.bubbleIndex,n,r)}else if(t.kind===`resizing`){let n=rs(t.handle,{x:t.origX,y:t.origY,w:t.origW,h:t.origH},t.curImgX-t.startImgX,t.curImgY-t.startImgY);e.onResize(t.bubbleIndex,n.x,n.y,n.w,n.h)}else if(t.kind===`drawing`){let n=Math.min(t.startImgX,t.curImgX),r=Math.min(t.startImgY,t.curImgY),i=Math.abs(t.curImgX-t.startImgX),a=Math.abs(t.curImgY-t.startImgY);i>5&&a>5?e.onDraw(n,r,i,a):e.onSelect(null)}o({kind:`none`}),window.removeEventListener(`mousemove`,h),window.removeEventListener(`mouseup`,y)}function y(e){e.preventDefault(),g()}function b(){window.addEventListener(`mousemove`,h),window.addEventListener(`mouseup`,y)}function x(t){if(t.preventDefault(),!e.drawMode){e.onSelect(null);return}let n=f(t);o({kind:`drawing`,startImgX:n.x,startImgY:n.y,curImgX:n.x,curImgY:n.y}),b()}function S(t,n){t.preventDefault(),t.stopPropagation(),e.onSelect(n.bubbleIndex);let r=f(t);o({kind:`moving`,bubbleIndex:n.bubbleIndex,startImgX:r.x,startImgY:r.y,curImgX:r.x,curImgY:r.y}),b()}function C(e,t,n){e.preventDefault(),e.stopPropagation();let r=f(e);o({kind:`resizing`,bubbleIndex:t.bubbleIndex,handle:n,origX:t.bubbleX,origY:t.bubbleY,origW:t.bubbleW,origH:t.bubbleH,startImgX:r.x,startImgY:r.y,curImgX:r.x,curImgY:r.y}),b()}return _(()=>{c();let e=new ResizeObserver(()=>c());e.observe(t),v(()=>{e.disconnect(),window.removeEventListener(`mousemove`,h),window.removeEventListener(`mouseup`,y)})}),(()=>{var r=as(),i=r.firstChild,o=i.nextSibling,s=t;typeof s==`function`?$e(s,r):t=r,i.addEventListener(`load`,c),J(i,`draggable`,!1),o.$$mousedown=x;var d=n;return typeof d==`function`?$e(d,o):n=o,Y(o,F(L,{get each(){return e.bubbles},children:t=>{let n=()=>p(t),r=()=>{let t=n(),r=e.bubblePadding??0,i=u(t.x+r,t.y+r),a=u(t.x+t.w-r,t.y+t.h-r);return{x:i.x,y:i.y,w:Math.max(0,a.x-i.x),h:Math.max(0,a.y-i.y)}},i=()=>e.selectedIndex===t.bubbleIndex,a=()=>t.isExcluded?`#9ca3af`:i()?`#7c3aed`:t.isManuallyAdded?`#10b981`:`#3b82f6`,o=()=>t.isExcluded?`rgba(0,0,0,0.15)`:i()?`rgba(124,58,237,0.1)`:`rgba(59,130,246,0.05)`;return(()=>{var e=ss(),n=e.firstChild,s=n.nextSibling,c=s.nextSibling;return n.$$mousedown=e=>S(e,t),Y(e,F(R,{get when(){return t.isExcluded},get children(){var e=os();return l(t=>{var n=r().x,i=r().y,a=r().x+r().w,o=r().y+r().h;return n!==t.e&&J(e,`x1`,t.e=n),i!==t.t&&J(e,`y1`,t.t=i),a!==t.a&&J(e,`x2`,t.a=a),o!==t.o&&J(e,`y2`,t.o=o),t},{e:void 0,t:void 0,a:void 0,o:void 0}),e}}),s),Y(s,()=>t.bubbleIndex),Y(c,()=>t.bubbleIndex),Y(e,F(R,{get when(){return i()},get children(){return F(L,{each:us,children:e=>{let[n,i]=ds[e],a=()=>{let e=r();return{x:e.x+n*e.w,y:e.y+i*e.h}};return(()=>{var n=cs();return n.$$mousedown=n=>C(n,t,e),l(t=>{var r=a().x-4,i=a().y-4,o=fs[e];return r!==t.e&&J(n,`x`,t.e=r),i!==t.t&&J(n,`y`,t.t=i),o!==t.a&&Ze(n,`cursor`,t.a=o),t},{e:void 0,t:void 0,a:void 0}),n})()}})}}),null),l(e=>{var t=r().x,l=r().y,u=r().w,d=r().h,f=o(),p=a(),m=i()?3:2,h=r().x+4,g=r().y+13,_=r().x+3,v=r().y+12;return t!==e.e&&J(n,`x`,e.e=t),l!==e.t&&J(n,`y`,e.t=l),u!==e.a&&J(n,`width`,e.a=u),d!==e.o&&J(n,`height`,e.o=d),f!==e.i&&J(n,`fill`,e.i=f),p!==e.n&&J(n,`stroke`,e.n=p),m!==e.s&&J(n,`stroke-width`,e.s=m),h!==e.h&&J(s,`x`,e.h=h),g!==e.r&&J(s,`y`,e.r=g),_!==e.d&&J(c,`x`,e.d=_),v!==e.l&&J(c,`y`,e.l=v),e},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0,s:void 0,h:void 0,r:void 0,d:void 0,l:void 0}),e})()}}),null),Y(o,F(R,{get when(){return m()},children:e=>{let t=()=>{let t=e(),n=u(t.x,t.y),r=u(t.x+t.w,t.y+t.h);return{x:n.x,y:n.y,w:r.x-n.x,h:r.y-n.y}};return(()=>{var e=ls();return l(n=>{var r=t().x,i=t().y,a=t().w,o=t().h;return r!==n.e&&J(e,`x`,n.e=r),i!==n.t&&J(e,`y`,n.t=i),a!==n.a&&J(e,`width`,n.a=a),o!==n.o&&J(e,`height`,n.o=o),n},{e:void 0,t:void 0,a:void 0,o:void 0}),e})()}}),null),l(t=>{var n=e.imageUrl,r=a().kind===`moving`?`grabbing`:a().kind===`drawing`||e.drawMode?`crosshair`:`default`;return n!==t.e&&J(i,`src`,t.e=n),r!==t.t&&Ze(o,`cursor`,t.t=r),t},{e:void 0,t:void 0}),r})()}var as,os,ss,cs,ls,us,ds,fs,ps=t((()=>{X(),K(),as=q(`<div class="relative overflow-hidden bg-slate-900 w-full h-full select-none"><img alt="manga page"class="w-full h-full object-contain pointer-events-none"><svg class="absolute inset-0 w-full h-full">`),os=q(`<svg><line stroke=#9ca3af stroke-width=1 style=pointer-events:none></svg>`,!1,!0,!1),ss=q(`<svg><g><rect style=cursor:grab></rect><text font-size=10 fill=black style=pointer-events:none;user-select:none></text><text font-size=10 fill=white style=pointer-events:none;user-select:none></svg>`,!1,!0,!1),cs=q(`<svg><rect width=8 height=8 fill=white stroke=#7c3aed stroke-width=1.5></svg>`,!1,!0,!1),ls=q(`<svg><rect fill=rgba(16,185,129,0.1) stroke=#10b981 stroke-width=2 stroke-dasharray=4,2 style=pointer-events:none></svg>`,!1,!0,!1),us=[`TL`,`T`,`TR`,`L`,`R`,`BL`,`B`,`BR`],ds={TL:[0,0],T:[.5,0],TR:[1,0],L:[0,.5],R:[1,.5],BL:[0,1],B:[.5,1],BR:[1,1]},fs={TL:`nw-resize`,T:`n-resize`,TR:`ne-resize`,L:`w-resize`,R:`e-resize`,BL:`sw-resize`,B:`s-resize`,BR:`se-resize`},We([`mousedown`])}));function ms(e){let t;return u(()=>{let n=e.selectedIndex;n!==null&&(t?.querySelector(`[data-bubble-idx="${n}"]`))?.scrollIntoView({behavior:`smooth`,block:`nearest`})}),(()=>{var n=hs(),r=n.firstChild,i=r.firstChild,a=i.firstChild.nextSibling;a.nextSibling;var o=i.nextSibling,s=r.nextSibling;Y(i,()=>e.bubbles.length,a),Je(o,`click`,e.onAddBubble,!0),Y(o,F(Fi,{class:`h-3 w-3`}),null),Y(o,F(Di,{class:`h-3 w-3`}),null);var c=t;return typeof c==`function`?$e(c,s):t=s,Y(s,F(R,{get when(){return e.bubbles.length>0},get fallback(){return gs()},get children(){return F(L,{get each(){return e.bubbles},children:t=>{let n=()=>e.selectedIndex===t.bubbleIndex;return(()=>{var r=ys(),i=r.firstChild,a=i.firstChild;a.firstChild;var o=i.nextSibling;return r.$$click=()=>e.onSelect(n()?null:t.bubbleIndex),Y(a,()=>t.bubbleIndex,null),Y(i,F(R,{get when(){return t.isManuallyAdded},get children(){return _s()}}),null),Y(i,F(R,{get when(){return t.isExcluded},get children(){return vs()}}),null),Y(o,()=>t.sourceText.slice(0,20)||`(empty)`),l(e=>{var i=t.bubbleIndex,s=`w-full border-b border-slate-100 px-3 py-2 text-left transition-colors ${n()?`border-l-2 border-l-violet-500 bg-violet-50`:`hover:bg-slate-50`} ${t.isExcluded?`opacity-50`:``}`,c=`font-mono text-xs font-medium ${n()?`text-violet-700`:`text-slate-500`}`,l=`mt-0.5 truncate text-xs ${t.isExcluded?`line-through text-slate-400`:`text-slate-600`}`;return i!==e.e&&J(r,`data-bubble-idx`,e.e=i),s!==e.t&&qe(r,e.t=s),c!==e.a&&qe(a,e.a=c),l!==e.o&&qe(o,e.o=l),e},{e:void 0,t:void 0,a:void 0,o:void 0}),r})()}})}})),n})()}var hs,gs,_s,vs,ys,bs=t((()=>{X(),K(),Ta(),hs=q(`<div class="flex flex-col h-full"><div class="flex items-center gap-2 border-b border-slate-100 px-3 py-2 shrink-0"><span class="flex-1 text-xs font-semibold uppercase tracking-wide text-slate-500">Bubbles (<!>)</span><button class="flex items-center gap-1 rounded px-2 py-1 text-xs font-medium text-slate-600 hover:bg-slate-100 active:bg-slate-200 transition-colors"title="Draw a new bubble on the canvas"></button></div><div class="flex-1 overflow-y-auto">`),gs=q(`<div class="px-3 py-6 text-center text-xs text-slate-400">No bubbles detected`),_s=q(`<span class="rounded bg-emerald-100 px-1 py-0.5 text-[10px] font-medium text-emerald-700">M`),vs=q(`<span class="rounded bg-slate-100 px-1 py-0.5 text-[10px] font-medium text-slate-500">×`),ys=q(`<button><div class="flex items-center gap-1.5"><span>#</span></div><p>`),We([`click`])}));function xs(e){return(()=>{var t=Cs(),n=t.firstChild,r=n.nextSibling;return Y(n,()=>e.label),r.addEventListener(`change`,t=>e.onChange(parseFloat(t.currentTarget.value)||0)),r.$$input=t=>e.onInput(parseFloat(t.currentTarget.value)||0),l(()=>r.value=e.value),t})()}function Ss(e){let[t,n]=s(0),[r,i]=s(0),[a,o]=s(0),[c,d]=s(0),[f,p]=s(``),[m,h]=s(``),[_,v]=s(!1),[y,b]=s(``),[x,S]=s(0),[C,w]=s(!1),[ee,T]=s(!1),[E,D]=s(!1),[O,k]=s(!1),[A,j]=s(null);u(g(()=>e.bubble,()=>{let t=e.bubble;t&&(n(t.bubbleX),i(t.bubbleY),o(t.bubbleW),d(t.bubbleH),p(t.sourceText),h(t.translatedText),v(t.isExcluded),b(t.fontFamily??``),S(t.fontSizeOverride??0),j(null))}));async function M(e,t){if(t){e(!0),j(null);try{await t()}catch(e){j(e instanceof Error?e.message:`Action failed`)}finally{e(!1)}}}let N=()=>C()||ee()||E()||O();return(()=>{var s=ws();return s.firstChild,Y(s,F(R,{get when(){return e.bubble},get fallback(){return Ts()},children:s=>(()=>{var u=Ds(),g=u.firstChild,te=g.firstChild;te.firstChild;var ne=te.nextSibling,re=g.nextSibling,P=re.firstChild.nextSibling,ie=re.nextSibling,ae=ie.firstChild.nextSibling,oe=ie.nextSibling,se=oe.firstChild.nextSibling,ce=oe.nextSibling,le=ce.firstChild.nextSibling.firstChild,ue=le.firstChild.nextSibling,de=le.nextSibling.firstChild.nextSibling,fe=ce.nextSibling,pe=fe.firstChild.nextSibling,me=pe.firstChild,I=me.firstChild,he=me.nextSibling,ge=he.firstChild,L=he.nextSibling,_e=L.firstChild,ve=L.nextSibling,ye=ve.firstChild,z=fe.nextSibling,be=z.firstChild,xe=z.nextSibling.firstChild,Se=xe.firstChild;return Y(te,()=>s().bubbleIndex,null),Y(g,F(R,{get when(){return s().isManuallyAdded},get children(){return Es()}}),ne),Y(ne,(()=>{var e=St(()=>!!s().isManuallyAdded);return()=>e()?`N/A conf`:`${Math.round(s().confidence*100)}% conf`})()),Y(P,F(xs,{label:`X`,get value(){return t()},onInput:n,onChange:t=>e.onUpdate({bubbleX:t})}),null),Y(P,F(xs,{label:`Y`,get value(){return r()},onInput:i,onChange:t=>e.onUpdate({bubbleY:t})}),null),Y(P,F(xs,{label:`W`,get value(){return a()},onInput:o,onChange:t=>e.onUpdate({bubbleW:t})}),null),Y(P,F(xs,{label:`H`,get value(){return c()},onInput:d,onChange:t=>e.onUpdate({bubbleH:t})}),null),ae.addEventListener(`blur`,t=>e.onUpdate({sourceText:t.currentTarget.value})),ae.$$input=e=>p(e.currentTarget.value),se.addEventListener(`blur`,t=>e.onUpdate({translatedText:t.currentTarget.value})),se.$$input=e=>h(e.currentTarget.value),ue.addEventListener(`change`,t=>{let n=t.currentTarget.value;b(n),e.onUpdate({fontFamily:n})}),Y(ue,()=>As.map(e=>(()=>{var t=Os();return Y(t,()=>e.label),l(()=>t.value=e.value),t})())),de.addEventListener(`change`,t=>{let n=Math.min(72,Math.max(0,parseInt(t.currentTarget.value,10)||0));S(n),e.onUpdate({fontSizeOverride:n})}),de.$$input=e=>S(Math.min(72,Math.max(0,parseInt(e.currentTarget.value,10)||0))),Y(fe,F(R,{get when(){return A()},children:e=>(()=>{var t=ks(),n=t.firstChild,r=n.nextSibling;return Y(n,e),r.$$click=()=>j(null),t})()}),pe),me.$$click=()=>M(w,e.onReocr),Y(me,F(R,{get when(){return C()},get fallback(){return F(Ui,{class:`h-3 w-3`})},get children(){return F(zi,{class:`h-3 w-3 animate-spin`})}}),I),he.$$click=()=>M(T,e.onRetranslate),Y(he,F(R,{get when(){return ee()},get fallback(){return F(ta,{class:`h-3 w-3`})},get children(){return F(zi,{class:`h-3 w-3 animate-spin`})}}),ge),L.$$click=()=>M(D,e.onReinpaint),Y(L,F(R,{get when(){return E()},get fallback(){return F(Ci,{class:`h-3 w-3`})},get children(){return F(zi,{class:`h-3 w-3 animate-spin`})}}),_e),ve.$$click=()=>M(k,e.onRepatch),Y(ve,F(R,{get when(){return O()},get fallback(){return F(la,{class:`h-3 w-3`})},get children(){return F(zi,{class:`h-3 w-3 animate-spin`})}}),ye),be.addEventListener(`change`,t=>{let n=t.currentTarget.checked;v(n),e.onUpdate({isExcluded:n})}),Je(xe,`click`,e.onDelete,!0),Y(xe,F(aa,{class:`h-3.5 w-3.5`}),Se),l(t=>{var n=N()||!e.onReocr,r=N()||!e.onRetranslate,i=N()||!e.onReinpaint,a=N()||!e.onRepatch;return n!==t.e&&(me.disabled=t.e=n),r!==t.t&&(he.disabled=t.t=r),i!==t.a&&(L.disabled=t.a=i),a!==t.o&&(ve.disabled=t.o=a),t},{e:void 0,t:void 0,a:void 0,o:void 0}),l(()=>ae.value=f()),l(()=>se.value=m()),l(()=>ue.value=y()),l(()=>de.value=x()),l(()=>be.checked=_()),u})()}),null),s})()}var Cs,ws,Ts,Es,Ds,Os,ks,As,js=t((()=>{X(),K(),Ta(),Cs=q(`<label class="flex flex-col gap-0.5"><span class="text-[10px] text-slate-400"></span><input type=number step=0.1 class="rounded border border-slate-200 px-2 py-1 text-xs focus:border-violet-400 focus:outline-none">`),ws=q(`<div class="flex h-full flex-col"><div class="shrink-0 border-b border-slate-100 px-3 py-2"><span class="text-xs font-semibold uppercase tracking-wide text-slate-500">Editor`),Ts=q(`<div class="flex flex-1 items-center justify-center text-xs text-slate-400">Select a bubble to edit`),Es=q(`<span class="rounded-full bg-emerald-100 px-2 py-0.5 text-xs font-medium text-emerald-700">Manual`),Ds=q(`<div class="flex flex-1 flex-col gap-4 overflow-y-auto p-3"><div class="flex items-center gap-2"><span class="text-sm font-medium text-slate-700">Bubble #</span><span class="ml-auto text-[10px] text-slate-400"></span></div><div><p class="mb-1.5 text-xs font-medium text-slate-500">Position &amp; Size (px)</p><div class="grid grid-cols-2 gap-1.5"></div></div><label class="flex flex-col gap-1"><span class="text-xs font-medium text-slate-500">Source</span><textarea rows=3 class="resize-y rounded border border-slate-200 px-2 py-1.5 text-xs focus:border-violet-400 focus:outline-none"></textarea></label><label class="flex flex-col gap-1"><span class="text-xs font-medium text-slate-500">Translation</span><textarea rows=4 class="resize-y rounded border border-slate-200 px-2 py-1.5 text-xs focus:border-violet-400 focus:outline-none"></textarea></label><div><p class="mb-1.5 text-xs font-medium text-slate-500">Render Style</p><div class="flex flex-col gap-1.5"><label class="flex flex-col gap-0.5"><span class="text-[10px] text-slate-400">Font Family</span><select class="rounded border border-slate-200 px-2 py-1 text-xs focus:border-violet-400 focus:outline-none"></select></label><label class="flex flex-col gap-0.5"><span class="text-[10px] text-slate-400">Font Size (0 = auto-fit)</span><input type=number min=0 max=72 step=1 class="rounded border border-slate-200 px-2 py-1 text-xs focus:border-violet-400 focus:outline-none"></label></div></div><div><p class="mb-1.5 text-xs font-medium text-slate-500">Bubble Actions</p><div class="grid grid-cols-2 gap-1"><button class="flex items-center justify-center gap-1 rounded border border-slate-200 bg-white px-2 py-1.5 text-xs font-medium text-slate-700 transition-colors hover:bg-slate-50 disabled:cursor-not-allowed disabled:opacity-50"title="Re-run OCR on this bubble">Re-OCR</button><button class="flex items-center justify-center gap-1 rounded border border-slate-200 bg-white px-2 py-1.5 text-xs font-medium text-slate-700 transition-colors hover:bg-slate-50 disabled:cursor-not-allowed disabled:opacity-50"title="Re-translate current source text">Re-translate</button><button class="flex items-center justify-center gap-1 rounded border border-slate-200 bg-white px-2 py-1.5 text-xs font-medium text-slate-700 transition-colors hover:bg-slate-50 disabled:cursor-not-allowed disabled:opacity-50"title="White-fill this bubble in the result image">Re-inpaint</button><button class="flex items-center justify-center gap-1 rounded border border-slate-200 bg-white px-2 py-1.5 text-xs font-medium text-slate-700 transition-colors hover:bg-slate-50 disabled:cursor-not-allowed disabled:opacity-50"title="Re-render text in this bubble">Re-patch</button></div></div><div class="flex items-center gap-2"><input id=exclude-check type=checkbox class="h-3.5 w-3.5 rounded accent-violet-600"><label for=exclude-check class="cursor-pointer text-xs text-slate-600">Exclude from render</label></div><div class="mt-auto border-t border-slate-100 pt-3"><button class="flex w-full items-center justify-center gap-1.5 rounded-lg bg-red-50 px-3 py-2 text-xs font-medium text-red-600 transition-colors hover:bg-red-100 active:bg-red-200">Delete bubble`),Os=q(`<option>`),ks=q(`<div class="mb-2 flex items-start gap-1.5 rounded bg-red-50 px-2 py-1.5 text-xs text-red-700 ring-1 ring-inset ring-red-200"><span class=flex-1></span><button class="shrink-0 hover:text-red-900"aria-label=Dismiss>✕`),As=[{value:``,label:`Auto (sans-serif)`},{value:`sans-serif`,label:`Sans-serif`},{value:`serif`,label:`Serif`},{value:`monospace`,label:`Monospace`},{value:`Arial`,label:`Arial`},{value:`Verdana`,label:`Verdana`},{value:`Georgia`,label:`Georgia`},{value:`Impact`,label:`Impact`},{value:`Tahoma`,label:`Tahoma`},{value:`Comic Sans MS`,label:`Comic Sans MS`},{value:`Courier New`,label:`Courier New`}],We([`input`,`click`])})),Ms=n({StudioPage:()=>Ns});function Ns(){let e=dn(),t=ln(),[n]=p(()=>e.id,co),[r,{refetch:i}]=p(()=>e.id,fo),[a,o]=s(null),[c,u]=s(`result`),[d,f]=s(!1),[m,h]=s(!1),[g,_]=s(!1),[v,y]=s(!1),[b,x]=s(null),[S,C]=s(!1),[w,ee]=s(!1),T=parseInt(localStorage.getItem(`studio-bubble-padding`)??`0`,10),[E,D]=s(Number.isNaN(T)?0:T),[O,k]=s(0),A=()=>r()??[],j=()=>{let e=a();return e===null?null:A().find(t=>t.bubbleIndex===e)??null};function M(e){o(e===a()?null:e)}async function N(t,n,r){let a=A().find(e=>e.bubbleIndex===t);if(a){x(null);try{await mo(e.id,t,{bubbleX:a.bubbleX+n,bubbleY:a.bubbleY+r,bubbleW:a.bubbleW,bubbleH:a.bubbleH}),i()}catch(e){x(e instanceof Error?e.message:`Failed to move bubble`)}}}async function te(t,n,r,a,o){x(null);try{await mo(e.id,t,{bubbleX:n,bubbleY:r,bubbleW:a,bubbleH:o}),i()}catch(e){x(e instanceof Error?e.message:`Failed to resize bubble`)}}async function ne(t,n,r,a){x(null);try{let s=await po(e.id,{x:t,y:n,w:r,h:a});await i(),o(s.bubbleIndex)}catch(e){x(e instanceof Error?e.message:`Failed to add bubble`)}}async function re(t){let n=j();if(n){x(null);try{await mo(e.id,n.bubbleIndex,t),i()}catch(e){x(e instanceof Error?e.message:`Failed to update bubble`)}}}async function P(){let t=j();if(t){x(null);try{await ho(e.id,t.bubbleIndex),o(null),i()}catch(e){x(e instanceof Error?e.message:`Failed to delete bubble`)}}}async function ie(){for(let t=0;t<120;t++)if(await new Promise(e=>setTimeout(e,1500)),(await co(e.id)).status!==`processing`)return}async function ae(){f(!0),x(null);try{await go(e.id),await ie(),await i()}catch(e){x(e instanceof Error?e.message:`Re-detect failed`)}finally{f(!1)}}async function oe(){h(!0),x(null);try{await _o(e.id),await ie(),await i()}catch(e){x(e instanceof Error?e.message:`Re-translate failed`)}finally{h(!1)}}async function se(){ee(!0);try{await lo(e.id),t(`/jobs`)}catch(e){x(e instanceof Error?e.message:`Failed to delete job`),C(!1)}finally{ee(!1)}}async function ce(){_(!0),x(null);try{await vo(e.id,E()),await ie(),await i(),k(e=>e+1)}catch(e){x(e instanceof Error?e.message:`Re-render failed`)}finally{_(!1)}}async function le(){let t=j();if(!t)return;let n=await yo(e.id,t.bubbleIndex);await i(),o(n.bubbleIndex)}async function ue(){let t=j();if(!t)return;let n=await bo(e.id,t.bubbleIndex);await i(),o(n.bubbleIndex)}async function de(){let t=j();t&&(await xo(e.id,t.bubbleIndex,E()),k(e=>e+1))}async function fe(){let t=j();t&&(await So(e.id,t.bubbleIndex,E()),k(e=>e+1))}let pe=()=>`${No(e.id)}?v=${O()}`,me=()=>({bubbles:A(),selectedIndex:a(),drawMode:v(),bubblePadding:E(),onSelect:M,onMove:N,onResize:te,onDraw:async(e,t,n,r)=>{y(!1),await ne(e,t,n,r)}});return(()=>{var r=Is(),i=r.firstChild,o=i.firstChild,s=o.nextSibling,f=s.nextSibling,p=f.firstChild.nextSibling,h=p.nextSibling,_=h.nextSibling,v=f.nextSibling.nextSibling,ee=v.firstChild,T=v.nextSibling,O=T.firstChild,k=T.nextSibling,N=k.firstChild,te=k.nextSibling.nextSibling,ne=te.firstChild;return o.$$click=()=>t(`/jobs`),Y(o,F(Zn,{class:`h-4 w-4`})),Y(i,F(R,{get when(){return n()},get fallback(){return Ls()},children:e=>[(()=>{var t=Rs();return Y(t,()=>e().title),t})(),F(Uo,{get status(){return e().status}})]}),s),Y(s,()=>[`original`,`result`,`sidebyside`].map(e=>(()=>{var t=zs();return t.$$click=()=>u(e),Y(t,e===`original`?`Original`:e===`result`?`Result`:`Side by side`),l(()=>qe(t,`px-2.5 py-1.5 font-medium transition-colors ${c()===e?`bg-violet-600 text-white`:`bg-white text-slate-600 hover:bg-slate-50`}`)),t})())),p.$$click=()=>{let e=Math.max(0,E()-1);D(e),localStorage.setItem(`studio-bubble-padding`,String(e))},Y(h,E),_.$$click=()=>{let e=Math.min(20,E()+1);D(e),localStorage.setItem(`studio-bubble-padding`,String(e))},v.$$click=ae,Y(v,F(R,{get when(){return d()},get fallback(){return F(Ui,{class:`h-3.5 w-3.5`})},get children(){return F(zi,{class:`h-3.5 w-3.5 animate-spin`})}}),ee),T.$$click=oe,Y(T,F(R,{get when(){return m()},get fallback(){return F(ta,{class:`h-3.5 w-3.5`})},get children(){return F(zi,{class:`h-3.5 w-3.5 animate-spin`})}}),O),k.$$click=ce,Y(k,F(R,{get when(){return g()},get fallback(){return F(zi,{class:`h-3.5 w-3.5`})},get children(){return F(zi,{class:`h-3.5 w-3.5 animate-spin`})}}),N),te.$$click=()=>C(!0),Y(te,F(aa,{class:`h-3.5 w-3.5`}),ne),Y(r,F(Ro,{get open(){return S()},title:`Delete job`,message:`This will permanently delete the job, its images, and all bubble data. This cannot be undone.`,confirmLabel:`Delete`,get loading(){return w()},onConfirm:se,onCancel:()=>{w()||C(!1)}}),null),Y(r,F(R,{get when(){return b()},children:e=>(()=>{var t=Bs(),n=t.firstChild,r=n.nextSibling;return Y(n,e),r.$$click=()=>x(null),t})()}),null),Y(r,F(R,{get when(){return n.loading},get children(){return Ps()}}),null),Y(r,F(R,{get when(){return n.error},get children(){var e=Fs();return e.firstChild,Y(e,()=>String(n.error),null),e}}),null),Y(r,F(R,{get when(){return St(()=>!n.loading&&!n.error)()&&n()},children:t=>(()=>{var n=Hs(),r=n.firstChild,i=r.nextSibling,o=i.nextSibling;return Y(r,F(ms,{get bubbles(){return A()},get selectedIndex(){return a()},onSelect:M,onAddBubble:()=>y(!0)})),Y(i,F(_e,{get children(){return[F(ve,{get when(){return c()===`original`},get children(){return F(is,I(me,{get imageUrl(){return Mo(e.id)},get imageWidth(){return t().originalWidth},get imageHeight(){return t().originalHeight}}))}}),F(ve,{get when(){return c()===`result`},get children(){return F(R,{get when(){return t().resultImagePath},get fallback(){return(()=>{var e=Us(),t=e.firstChild;return Y(e,F(ri,{class:`h-10 w-10 opacity-40`}),t),e})()},get children(){return F(is,I(me,{get imageUrl(){return pe()},get imageWidth(){return t().originalWidth},get imageHeight(){return t().originalHeight}}))}})}}),F(ve,{get when(){return c()===`sidebyside`},get children(){var n=Vs(),r=n.firstChild,i=r.nextSibling;return Y(r,F(is,I(me,{get imageUrl(){return Mo(e.id)},get imageWidth(){return t().originalWidth},get imageHeight(){return t().originalHeight}}))),Y(i,F(R,{get when(){return t().resultImagePath},get fallback(){return(()=>{var e=Ws(),t=e.firstChild;return Y(e,F(ri,{class:`h-10 w-10 opacity-40`}),t),e})()},get children(){return F(is,I(me,{get imageUrl(){return pe()},get imageWidth(){return t().originalWidth},get imageHeight(){return t().originalHeight}}))}})),n}})]}})),Y(o,F(Ss,{get bubble(){return j()},onUpdate:re,onDelete:P,onReocr:le,onRetranslate:ue,onReinpaint:de,onRepatch:fe})),n})()}),null),l(e=>{var t=E()<=0,n=E()>=20,r=d(),i=m(),a=g(),o=w();return t!==e.e&&(p.disabled=e.e=t),n!==e.t&&(_.disabled=e.t=n),r!==e.a&&(v.disabled=e.a=r),i!==e.o&&(T.disabled=e.o=i),a!==e.i&&(k.disabled=e.i=a),o!==e.n&&(te.disabled=e.n=o),e},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0}),r})()}var Ps,Fs,Is,Ls,Rs,zs,Bs,Vs,Hs,Us,Ws,Gs=t((()=>{X(),K(),Rn(),Ta(),Po(),ps(),bs(),js(),Vo(),ns(),Ps=q(`<div class="flex flex-1 items-center justify-center"><p class="text-sm text-slate-400">Loading job…`),Fs=q(`<div class="m-6 rounded-2xl bg-red-50 p-6 text-sm text-red-600 ring-1 ring-red-200">Failed to load job: `),Is=q(`<div class="flex h-screen flex-col bg-slate-50"><header class="flex shrink-0 items-center gap-2 border-b border-slate-200 bg-white px-3 py-2 shadow-sm"><button class="flex items-center gap-1 rounded p-1 text-slate-500 hover:bg-slate-100 transition-colors"title="Back to jobs"aria-label="Back to jobs"></button><div class="ml-4 flex overflow-hidden rounded-lg border border-slate-200 text-xs"></div><div class="ml-3 flex items-center gap-1 rounded-lg border border-slate-200 bg-white px-2 py-1 text-xs text-slate-600"><span class="select-none font-medium">Pad</span><button class="flex h-5 w-5 items-center justify-center rounded hover:bg-slate-100 disabled:opacity-30"aria-label="Decrease bubble padding">−</button><span class="w-5 text-center tabular-nums"></span><button class="flex h-5 w-5 items-center justify-center rounded hover:bg-slate-100 disabled:opacity-30"aria-label="Increase bubble padding">+</button></div><div class=flex-1></div><button class="flex items-center gap-1.5 rounded-lg border border-slate-200 bg-white px-3 py-1.5 text-xs font-medium text-slate-700 transition-colors hover:bg-slate-50 disabled:cursor-not-allowed disabled:opacity-50"title="Re-detect bubbles"aria-label="Re-detect bubbles">Re-detect</button><button class="flex items-center gap-1.5 rounded-lg border border-slate-200 bg-white px-3 py-1.5 text-xs font-medium text-slate-700 transition-colors hover:bg-slate-50 disabled:cursor-not-allowed disabled:opacity-50"title=Re-translate aria-label=Re-translate>Re-translate</button><button class="flex items-center gap-1.5 rounded-lg border border-slate-200 bg-white px-3 py-1.5 text-xs font-medium text-slate-700 transition-colors hover:bg-slate-50 disabled:cursor-not-allowed disabled:opacity-50"title="Re-render image"aria-label="Re-render image">Re-render</button><div class="mx-1 h-5 w-px bg-slate-200"></div><button class="flex items-center gap-1.5 rounded-lg border border-red-200 bg-white px-3 py-1.5 text-xs font-medium text-red-600 transition-colors hover:bg-red-50 disabled:cursor-not-allowed disabled:opacity-50"title="Delete job"aria-label="Delete job">Delete`),Ls=q(`<div class="h-4 w-40 animate-pulse rounded bg-slate-200">`),Rs=q(`<h1 class="max-w-xs truncate text-sm font-semibold text-slate-800">`),zs=q(`<button>`),Bs=q(`<div class="flex items-center gap-2 bg-red-50 px-4 py-2 text-sm text-red-700 ring-1 ring-inset ring-red-200"><span class=flex-1></span><button class="shrink-0 rounded p-0.5 hover:bg-red-100"aria-label="Dismiss error">✕`),Vs=q(`<div class="flex h-full w-full"><div class="flex-1 overflow-hidden border-r border-slate-700"></div><div class="flex-1 overflow-hidden">`),Hs=q(`<div class="flex flex-1 overflow-hidden"><aside class="flex w-52 shrink-0 flex-col border-r border-slate-200 bg-white"></aside><main class="relative flex flex-1 overflow-hidden"></main><aside class="flex w-64 shrink-0 flex-col border-l border-slate-200 bg-white">`),Us=q(`<div class="flex flex-1 flex-col items-center justify-center gap-3 text-slate-400"><p class=text-sm>No result image yet</p><p class=text-xs>Run Re-render to generate the translated image.`),Ws=q(`<div class="flex h-full flex-col items-center justify-center gap-3 text-slate-400"><p class=text-sm>No result image yet</p><p class=text-xs>Run Re-render to generate the translated image.`),We([`click`])})),Ks=n({LibraryPage:()=>qs});function qs(){let e=ln(),[t,{refetch:n}]=p(Co),[r,{refetch:i}]=p(()=>Do()),a=()=>(r()??[]).filter(e=>!e.volumeId),[o,c]=s(null),[u,d]=s(``),[f,m]=s(``);function h(){d(``),m(``),c({mode:`create`})}function g(e){d(e.title),m(e.synopsis??``),c({mode:`edit`,vol:e})}let[_,v]=s(null),[y,b]=s(``),[x,S]=s(``),[C,w]=s(void 0);function ee(){b(``),S(``),w(void 0),v({mode:`create`})}function T(e){b(e.title),S(e.chapterNumber),w(e.volumeId),v({mode:`edit`,ch:e})}let[E,D]=s(null),[O,k]=s(null),[A,j]=s(!1),[M,N]=s(null);async function te(){j(!0),N(null);try{let e=o();if(!e)return;e.mode===`create`?await wo({title:u(),synopsis:f()||void 0}):await To(e.vol.id,{title:u(),synopsis:f()||void 0}),c(null),n()}catch(e){N(e instanceof Error?e.message:String(e))}finally{j(!1)}}async function ne(){N(null);try{let e=E();if(!e)return;await Eo(e.id),D(null),n()}catch(e){N(e instanceof Error?e.message:String(e)),D(null)}}async function re(){j(!0),N(null);try{let e=_();if(!e)return;e.mode===`create`?await Oo({title:y(),chapterNumber:x(),volumeId:C()}):await ko(e.ch.id,{title:y(),chapterNumber:x(),volumeId:C()??null}),v(null),i()}catch(e){N(e instanceof Error?e.message:String(e))}finally{j(!1)}}async function P(){N(null);try{let e=O();if(!e)return;await Ao(e.id),k(null),i()}catch(e){N(e instanceof Error?e.message:String(e)),k(null)}}return(()=>{var s=tc(),p=s.firstChild,j=p.firstChild,ie=j.nextSibling.nextSibling.firstChild,ae=ie.nextSibling,oe=ae.firstChild,se=ae.nextSibling,ce=se.firstChild,le=p.nextSibling;le.firstChild;var ue=le.nextSibling;return ue.firstChild,Y(s,F(R,{get when(){return M()},get children(){var e=Js(),t=e.firstChild,n=t.nextSibling;return Y(t,M),n.$$click=()=>N(null),e}}),p),Y(j,F(tr,{class:`h-5 w-5 text-violet-600`})),ie.$$click=()=>{n(),i()},Y(ie,F(zi,{get class(){return`h-4 w-4 ${t.loading||r.loading?`animate-spin`:``}`}})),ae.$$click=h,Y(ae,F(Fi,{class:`h-3.5 w-3.5`}),oe),se.$$click=ee,Y(se,F(Fi,{class:`h-3.5 w-3.5`}),ce),Y(le,F(R,{get when(){return t.loading},get children(){var e=Ys();return Y(e,()=>Array.from({length:4}).map(()=>nc())),e}}),null),Y(le,F(R,{get when(){return t.error},get children(){return Xs()}}),null),Y(le,F(R,{get when(){return St(()=>!t.loading)()&&!t.error},get children(){return F(R,{get when(){return(t()??[]).length>0},get fallback(){return(()=>{var e=rc(),t=e.firstChild;return Y(e,F(Gr,{class:`h-8 w-8 opacity-40`}),t),e})()},get children(){var n=Ys();return Y(n,F(L,{get each(){return t()},children:t=>(()=>{var n=ic(),r=n.firstChild,i=r.firstChild,a=i.nextSibling,o=r.nextSibling,s=o.firstChild,c=s.nextSibling.firstChild,l=c.nextSibling,u=l.firstChild;return i.$$click=e=>{e.stopPropagation(),g(t)},Y(i,F(ji,{class:`h-3.5 w-3.5 text-slate-500`})),a.$$click=e=>{e.stopPropagation(),D(t)},Y(a,F(aa,{class:`h-3.5 w-3.5 text-red-400`})),o.$$click=()=>e(`/library/${t.id}`),Y(s,F(tr,{class:`h-6 w-6 text-violet-500`})),Y(c,()=>t.title),Y(l,()=>t.chapterCount??0,u),Y(o,F(lr,{class:`ml-auto h-4 w-4 shrink-0 text-slate-300 transition group-hover:translate-x-0.5 group-hover:text-slate-500`}),null),n})()})),n}})}}),null),Y(ue,F(R,{get when(){return r.loading},get children(){var e=Zs();return Y(e,()=>Array.from({length:3}).map(()=>ac())),e}}),null),Y(ue,F(R,{get when(){return!r.loading},get children(){return F(R,{get when(){return a().length>0},get fallback(){return oc()},get children(){var t=Qs();return Y(t,F(L,{get each(){return a()},children:t=>(()=>{var n=sc(),r=n.firstChild,i=r.firstChild;i.firstChild;var a=i.nextSibling,o=a.nextSibling,s=o.firstChild,c=r.nextSibling.firstChild,l=c.nextSibling;return r.$$click=()=>e(`/library/chapters/${t.id}`),Y(i,()=>t.chapterNumber,null),Y(a,()=>t.title),Y(o,()=>t.pageCount??0,s),Y(r,F(lr,{class:`h-4 w-4 text-slate-300`}),null),c.$$click=()=>T(t),Y(c,F(ji,{class:`h-3.5 w-3.5 text-slate-500`})),l.$$click=()=>k(t),Y(l,F(aa,{class:`h-3.5 w-3.5 text-red-400`})),n})()})),t}})}}),null),Y(s,F(Fo,{get open(){return o()!==null},get title(){return o()?.mode===`create`?`New Volume`:`Edit Volume`},onClose:()=>c(null),get children(){var e=$s(),t=e.firstChild,n=t.firstChild.nextSibling,r=t.nextSibling,i=r.firstChild.nextSibling,a=r.nextSibling.firstChild,o=a.nextSibling;return n.$$input=e=>d(e.currentTarget.value),i.$$input=e=>m(e.currentTarget.value),a.$$click=()=>c(null),o.$$click=te,Y(o,()=>A()?`Saving…`:`Save`),l(()=>o.disabled=A()||!u().trim()),l(()=>n.value=u()),l(()=>i.value=f()),e}}),null),Y(s,F(Fo,{get open(){return _()!==null},get title(){return _()?.mode===`create`?`New Chapter`:`Edit Chapter`},onClose:()=>v(null),get children(){var e=ec(),n=e.firstChild,r=n.firstChild.nextSibling,i=n.nextSibling,a=i.firstChild.nextSibling,o=i.nextSibling,s=o.firstChild.nextSibling;s.firstChild;var c=o.nextSibling.firstChild,u=c.nextSibling;return r.$$input=e=>b(e.currentTarget.value),a.$$input=e=>S(e.currentTarget.value),s.addEventListener(`change`,e=>{let t=e.currentTarget.value;w(t?Number(t):void 0)}),Y(s,F(L,{get each(){return t()??[]},children:e=>(()=>{var t=cc();return Y(t,()=>e.title),l(()=>t.value=e.id),t})()}),null),c.$$click=()=>v(null),u.$$click=re,Y(u,()=>A()?`Saving…`:`Save`),l(()=>u.disabled=A()||!y().trim()||!x().trim()),l(()=>r.value=y()),l(()=>a.value=x()),l(()=>s.value=C()??``),e}}),null),Y(s,F(Ro,{get open(){return E()!==null},title:`Delete Volume`,get message(){return`Delete "${E()?.title}"? Chapters inside will be ungrouped but not deleted.`},onConfirm:ne,onCancel:()=>D(null)}),null),Y(s,F(Ro,{get open(){return O()!==null},title:`Delete Chapter`,get message(){return`Delete "${O()?.title}"? This cannot be undone.`},onConfirm:P,onCancel:()=>k(null)}),null),l(()=>ie.disabled=t.loading||r.loading),s})()}var Js,Ys,Xs,Zs,Qs,$s,ec,tc,nc,rc,ic,ac,oc,sc,cc,lc=t((()=>{X(),K(),Rn(),Ta(),Po(),Lo(),Vo(),Js=q(`<div class="mb-4 flex items-center justify-between rounded-lg bg-red-50 px-4 py-3 text-sm text-red-700 ring-1 ring-red-200"><span></span><button class="ml-4 text-red-400 hover:text-red-600">✕`),Ys=q(`<div class="grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4">`),Xs=q(`<p class="text-sm text-red-500">Failed to load volumes.`),Zs=q(`<div class=space-y-2>`),Qs=q(`<ul class="divide-y divide-slate-100 rounded-2xl bg-white shadow-sm ring-1 ring-slate-200">`),$s=q(`<div class="flex flex-col gap-4"><div><label class="block text-xs font-medium text-slate-600 mb-1">Title</label><input class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-violet-500"placeholder="Volume title"></div><div><label class="block text-xs font-medium text-slate-600 mb-1">Synopsis (optional)</label><textarea class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-violet-500"rows=3 placeholder="Brief description…"></textarea></div><div class="flex justify-end gap-2"><button class="rounded-lg border border-slate-200 bg-white px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50">Cancel</button><button class="rounded-lg bg-violet-600 px-4 py-2 text-sm font-medium text-white hover:bg-violet-700 disabled:opacity-50">`),ec=q(`<div class="flex flex-col gap-4"><div><label class="block text-xs font-medium text-slate-600 mb-1">Title</label><input class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-violet-500"placeholder="Chapter title"></div><div><label class="block text-xs font-medium text-slate-600 mb-1">Chapter Number</label><input class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-violet-500"placeholder="e.g. 1 or 1.5"></div><div><label class="block text-xs font-medium text-slate-600 mb-1">Volume (optional)</label><select class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-violet-500"><option value>No volume / Standalone</option></select></div><div class="flex justify-end gap-2"><button class="rounded-lg border border-slate-200 bg-white px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50">Cancel</button><button class="rounded-lg bg-violet-600 px-4 py-2 text-sm font-medium text-white hover:bg-violet-700 disabled:opacity-50">`),tc=q(`<div class="min-h-screen px-6 py-8"><div class="mb-6 flex items-center gap-3"><div class="rounded-xl bg-white p-2 shadow-sm ring-1 ring-slate-200"></div><h1 class="text-xl font-semibold text-slate-800">Library</h1><div class="ml-auto flex gap-2"><button class="rounded-lg p-1.5 text-slate-400 hover:bg-white hover:text-slate-600 hover:shadow-sm hover:ring-1 hover:ring-slate-200 disabled:opacity-50 disabled:cursor-not-allowed"title=Refresh aria-label="Refresh library"></button><button class="flex items-center gap-1.5 rounded-lg bg-violet-600 px-3 py-1.5 text-xs font-medium text-white hover:bg-violet-700"> New Volume</button><button class="flex items-center gap-1.5 rounded-lg border border-slate-200 bg-white px-3 py-1.5 text-xs font-medium text-slate-600 hover:bg-slate-50"> New Chapter</button></div></div><section class=mb-10><h2 class="mb-3 text-sm font-semibold text-slate-600">Volumes</h2></section><section><h2 class="mb-3 text-sm font-semibold text-slate-600">Standalone Chapters`),nc=q(`<div class="h-32 animate-pulse rounded-2xl bg-slate-200">`),rc=q(`<div class="flex flex-col items-center gap-2 rounded-2xl border border-dashed border-slate-300 py-16 text-slate-400"><p class=text-sm>No volumes yet.`),ic=q(`<div class="group relative flex flex-col gap-2 rounded-2xl bg-white p-4 text-left shadow-sm ring-1 ring-slate-200 transition hover:shadow-md hover:ring-slate-300"><div class="absolute right-2 top-2 flex gap-1 opacity-0 transition-opacity group-hover:opacity-100"><button class="rounded-lg bg-white p-1.5 shadow-sm ring-1 ring-slate-200 hover:bg-slate-50"title="Edit volume"></button><button class="rounded-lg bg-white p-1.5 shadow-sm ring-1 ring-slate-200 hover:bg-red-50"title="Delete volume"></button></div><button class="flex flex-col gap-2 text-left"><div class="flex h-12 w-12 items-center justify-center rounded-xl bg-violet-50"></div><div class="min-w-0 pr-10"><p class="truncate text-sm font-semibold text-slate-800"></p><p class="text-xs text-slate-500"> chapters`),ac=q(`<div class="h-12 animate-pulse rounded-xl bg-slate-200">`),oc=q(`<div class="flex flex-col items-center gap-2 rounded-2xl border border-dashed border-slate-300 py-12 text-slate-400"><p class=text-sm>No standalone chapters.`),sc=q(`<li class="group flex items-center"><button class="flex flex-1 items-center gap-4 px-5 py-3.5 text-left transition hover:bg-slate-50"><span class="w-14 shrink-0 text-right text-xs font-mono text-slate-400">#</span><span class="flex-1 text-sm font-medium text-slate-800"></span><span class="text-xs text-slate-400"> pages</span></button><div class="flex shrink-0 gap-1 px-3 opacity-0 transition-opacity group-hover:opacity-100"><button class="rounded-lg p-1.5 hover:bg-slate-100"title="Edit chapter"></button><button class="rounded-lg p-1.5 hover:bg-red-50"title="Delete chapter">`),cc=q(`<option>`),We([`click`,`input`])})),uc=n({VolumePage:()=>dc});function dc(){let e=dn(),t=ln(),n=()=>Number(e.volumeId),[r,{refetch:i}]=p(Co),a=()=>r()?.find(e=>e.id===n()),[o,{refetch:c}]=p(n,e=>Do({volumeId:e})),[u,d]=s(!1),[f,m]=s(``),[h,g]=s(``),[_,v]=s(!1),[y,b]=s(null);function x(){let e=a();e&&(m(e.title),g(e.synopsis??``),d(!0))}async function S(){v(!0),b(null);try{await To(n(),{title:f(),synopsis:h()||void 0}),d(!1),i()}catch(e){b(e instanceof Error?e.message:String(e))}finally{v(!1)}}let[C,w]=s(!1);async function ee(){b(null);try{await Eo(n()),w(!1),t(`/library`)}catch(e){b(e instanceof Error?e.message:String(e)),w(!1)}}let[T,E]=s(null),[D,O]=s(``),[k,A]=s(``),[j,M]=s(!1);function N(){O(``),A(``),E({mode:`create`})}function te(e){O(e.title),A(e.chapterNumber),E({mode:`edit`,ch:e})}async function ne(){M(!0),b(null);try{let e=T();if(!e)return;e.mode===`create`?await Oo({title:D(),chapterNumber:k(),volumeId:n()}):await ko(e.ch.id,{title:D(),chapterNumber:k()}),E(null),c()}catch(e){b(e instanceof Error?e.message:String(e))}finally{M(!1)}}let[re,P]=s(null);async function ie(){b(null);try{let e=re();if(!e)return;await Ao(e.id),P(null),c()}catch(e){b(e instanceof Error?e.message:String(e)),P(null)}}async function ae(e,t){b(null);try{let n=o()??[],r=n.findIndex(t=>t.id===e.id),i=t===`up`?n[r-1]:n[r+1];if(!i)return;await Promise.all([ko(e.id,{sortOrder:i.sortOrder}),ko(i.id,{sortOrder:e.sortOrder})]),c()}catch(e){b(e instanceof Error?e.message:String(e))}}return(()=>{var e=vc(),n=e.firstChild,r=n.firstChild,i=n.nextSibling.firstChild,s=i.nextSibling,c=s.nextSibling.firstChild,p=c.nextSibling,v=p.nextSibling,M=v.firstChild;return Y(e,F(R,{get when(){return y()},get children(){var e=fc(),t=e.firstChild,n=t.nextSibling;return Y(t,y),n.$$click=()=>b(null),e}}),n),n.$$click=()=>t(`/library`),Y(n,F(Zn,{class:`h-4 w-4`}),r),Y(i,F(tr,{class:`h-5 w-5 text-violet-600`})),Y(s,F(R,{get when(){return a()},get fallback(){return yc()},children:e=>[(()=>{var t=bc();return Y(t,()=>e().title),t})(),F(R,{get when(){return e().synopsis},get children(){var t=xc();return Y(t,()=>e().synopsis),t}})]})),c.$$click=x,Y(c,F(ji,{class:`h-4 w-4`})),p.$$click=()=>w(!0),Y(p,F(aa,{class:`h-4 w-4`})),v.$$click=N,Y(v,F(Fi,{class:`h-3.5 w-3.5`}),M),Y(e,F(R,{get when(){return o.loading},get children(){var e=pc();return Y(e,()=>Array.from({length:4}).map(()=>Sc())),e}}),null),Y(e,F(R,{get when(){return o.error},get children(){return mc()}}),null),Y(e,F(R,{get when(){return St(()=>!o.loading)()&&!o.error},get children(){return F(R,{get when(){return(o()??[]).length>0},get fallback(){return(()=>{var e=Cc(),t=e.firstChild;return Y(e,F(Vr,{class:`h-8 w-8 opacity-40`}),t),e})()},get children(){var e=hc();return Y(e,F(L,{get each(){return o()},children:(e,n)=>{let r=()=>o()??[],i=()=>n()===0,a=()=>n()===r().length-1;return(()=>{var n=wc(),r=n.firstChild,o=r.firstChild,s=o.nextSibling,c=r.nextSibling,u=c.firstChild,d=u.nextSibling,f=d.nextSibling,p=f.firstChild,m=c.nextSibling.firstChild,h=m.nextSibling;return o.$$click=()=>ae(e,`up`),Y(o,F(pr,{class:`h-3.5 w-3.5`})),s.$$click=()=>ae(e,`down`),Y(s,F(ar,{class:`h-3.5 w-3.5`})),c.$$click=()=>t(`/library/chapters/${e.id}`),Y(u,()=>e.chapterNumber),Y(d,()=>e.title),Y(f,()=>e.pageCount??0,p),Y(c,F(lr,{class:`h-4 w-4 text-slate-300`}),null),m.$$click=()=>te(e),Y(m,F(ji,{class:`h-3.5 w-3.5 text-slate-500`})),h.$$click=()=>P(e),Y(h,F(aa,{class:`h-3.5 w-3.5 text-red-400`})),l(e=>{var t=i(),n=a();return t!==e.e&&(o.disabled=e.e=t),n!==e.t&&(s.disabled=e.t=n),e},{e:void 0,t:void 0}),n})()}})),e}})}}),null),Y(e,F(Fo,{get open(){return u()},title:`Edit Volume`,onClose:()=>d(!1),get children(){var e=gc(),t=e.firstChild,n=t.firstChild.nextSibling,r=t.nextSibling,i=r.firstChild.nextSibling,a=r.nextSibling.firstChild,o=a.nextSibling;return n.$$input=e=>m(e.currentTarget.value),i.$$input=e=>g(e.currentTarget.value),a.$$click=()=>d(!1),o.$$click=S,Y(o,()=>_()?`Saving…`:`Save`),l(()=>o.disabled=_()||!f().trim()),l(()=>n.value=f()),l(()=>i.value=h()),e}}),null),Y(e,F(Fo,{get open(){return T()!==null},get title(){return T()?.mode===`create`?`New Chapter`:`Edit Chapter`},onClose:()=>E(null),get children(){var e=_c(),t=e.firstChild,n=t.firstChild.nextSibling,r=t.nextSibling,i=r.firstChild.nextSibling,a=r.nextSibling.firstChild,o=a.nextSibling;return n.$$input=e=>O(e.currentTarget.value),i.$$input=e=>A(e.currentTarget.value),a.$$click=()=>E(null),o.$$click=ne,Y(o,()=>j()?`Saving…`:`Save`),l(()=>o.disabled=j()||!D().trim()||!k().trim()),l(()=>n.value=D()),l(()=>i.value=k()),e}}),null),Y(e,F(Ro,{get open(){return C()},title:`Delete Volume`,get message(){return`Delete "${a()?.title}"? This will not delete the chapters — they will just be ungrouped.`},onConfirm:ee,onCancel:()=>w(!1)}),null),Y(e,F(Ro,{get open(){return re()!==null},title:`Delete Chapter`,get message(){return`Delete "${re()?.title}"? This cannot be undone.`},onConfirm:ie,onCancel:()=>P(null)}),null),e})()}var fc,pc,mc,hc,gc,_c,vc,yc,bc,xc,Sc,Cc,wc,Tc=t((()=>{X(),K(),Rn(),Ta(),Po(),Lo(),Vo(),fc=q(`<div class="mb-4 flex items-center justify-between rounded-lg bg-red-50 px-4 py-3 text-sm text-red-700 ring-1 ring-red-200"><span></span><button class="ml-4 text-red-400 hover:text-red-600">✕`),pc=q(`<div class=space-y-2>`),mc=q(`<p class="text-sm text-red-500">Failed to load chapters.`),hc=q(`<ul class="divide-y divide-slate-100 rounded-2xl bg-white shadow-sm ring-1 ring-slate-200">`),gc=q(`<div class="flex flex-col gap-4"><div><label class="block text-xs font-medium text-slate-600 mb-1">Title</label><input class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-violet-500"></div><div><label class="block text-xs font-medium text-slate-600 mb-1">Synopsis (optional)</label><textarea class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-violet-500"rows=3></textarea></div><div class="flex justify-end gap-2"><button class="rounded-lg border border-slate-200 bg-white px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50">Cancel</button><button class="rounded-lg bg-violet-600 px-4 py-2 text-sm font-medium text-white hover:bg-violet-700 disabled:opacity-50">`),_c=q(`<div class="flex flex-col gap-4"><div><label class="block text-xs font-medium text-slate-600 mb-1">Title</label><input class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-violet-500"placeholder="Chapter title"></div><div><label class="block text-xs font-medium text-slate-600 mb-1">Chapter Number</label><input class="w-full rounded-lg border border-slate-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-violet-500"placeholder="e.g. 1 or 1.5"></div><div class="flex justify-end gap-2"><button class="rounded-lg border border-slate-200 bg-white px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50">Cancel</button><button class="rounded-lg bg-violet-600 px-4 py-2 text-sm font-medium text-white hover:bg-violet-700 disabled:opacity-50">`),vc=q(`<div class="min-h-screen px-6 py-8"><button class="mb-5 flex items-center gap-1.5 text-sm text-slate-500 hover:text-slate-800"> Library</button><div class="mb-6 flex items-center gap-3"><div class="rounded-xl bg-white p-2 shadow-sm ring-1 ring-slate-200"></div><div class="flex-1 min-w-0"></div><div class="flex items-center gap-2"><button class="rounded-lg p-1.5 text-slate-400 hover:bg-slate-100 hover:text-slate-600"title="Edit volume"></button><button class="rounded-lg p-1.5 text-slate-400 hover:bg-red-50 hover:text-red-500"title="Delete volume"></button><button class="flex items-center gap-1.5 rounded-lg bg-violet-600 px-3 py-1.5 text-xs font-medium text-white hover:bg-violet-700"> Add Chapter`),yc=q(`<div class="h-6 w-48 animate-pulse rounded bg-slate-200">`),bc=q(`<h1 class="text-xl font-semibold text-slate-800">`),xc=q(`<p class="text-sm text-slate-500">`),Sc=q(`<div class="h-14 animate-pulse rounded-xl bg-slate-200">`),Cc=q(`<div class="flex flex-col items-center gap-2 rounded-2xl border border-dashed border-slate-300 py-20 text-slate-400"><p class=text-sm>No chapters yet. Add the first one.`),wc=q(`<li class="group flex items-center"><div class="flex flex-col items-center px-2"><button class="rounded p-0.5 text-slate-300 hover:bg-slate-100 hover:text-slate-500 disabled:cursor-not-allowed disabled:opacity-30"></button><button class="rounded p-0.5 text-slate-300 hover:bg-slate-100 hover:text-slate-500 disabled:cursor-not-allowed disabled:opacity-30"></button></div><button class="flex flex-1 items-center gap-4 py-4 pr-4 text-left transition hover:bg-slate-50"><span class="w-16 shrink-0 rounded-lg bg-slate-100 px-2 py-1 text-center text-xs font-mono text-slate-600"></span><span class="flex-1 text-sm font-medium text-slate-800"></span><span class="text-xs text-slate-400"> pages</span></button><div class="flex shrink-0 gap-1 px-2 opacity-0 transition-opacity group-hover:opacity-100"><button class="rounded-lg p-1.5 hover:bg-slate-100"title="Edit chapter"></button><button class="rounded-lg p-1.5 hover:bg-red-50"title="Delete chapter">`),We([`click`,`input`])})),Ec=n({ChapterPage:()=>kc});function Dc(e){switch(e.status){case`done`:return F(_r,{class:`h-4 w-4 text-green-500`});case`processing`:return F(kr,{class:`h-4 w-4 text-yellow-500`});case`error`:return F(Tr,{class:`h-4 w-4 text-red-500`});default:return F(kr,{class:`h-4 w-4 text-slate-400`})}}function Oc(e){let t=()=>e.job.resultImagePath?No(e.job.id):Mo(e.job.id);return(()=>{var n=Ac(),r=n.firstChild,i=r.firstChild,a=i.nextSibling,o=a.nextSibling,s=o.firstChild,c=s.nextSibling,u=o.nextSibling,d=r.nextSibling.firstChild;return r.$$keydown=t=>t.key===`Enter`&&e.onClick(),Je(r,`click`,e.onClick,!0),Y(a,F(Dc,{get status(){return e.job.status}})),s.$$click=t=>{t.stopPropagation(),e.onMove(`up`)},Y(s,F(pr,{class:`h-3.5 w-3.5 text-slate-600`})),c.$$click=t=>{t.stopPropagation(),e.onMove(`down`)},Y(c,F(ar,{class:`h-3.5 w-3.5 text-slate-600`})),u.$$click=t=>{t.stopPropagation(),e.onUnassign()},Y(u,F(pa,{class:`h-3.5 w-3.5`})),Y(d,()=>e.job.title),l(n=>{var a=`Open ${e.job.title} in studio`,o=t(),l=e.job.title,u=e.isFirst,d=e.isLast;return a!==n.e&&J(r,`aria-label`,n.e=a),o!==n.t&&J(i,`src`,n.t=o),l!==n.a&&J(i,`alt`,n.a=l),u!==n.o&&(s.disabled=n.o=u),d!==n.i&&(c.disabled=n.i=d),n},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0}),n})()}function kc(){let e=dn(),t=ln(),n=()=>Number(e.chapterId),[r]=p(()=>Do()),i=()=>r()?.find(e=>e.id===n()),[a,{refetch:o}]=p(n,jo),[c,u]=s(!1),[d,f]=s([]),[m,h]=s(new Set),[g,_]=s(!1),[v,y]=s(!1),[b,x]=s(null);async function S(){_(!0),x(null),h(new Set),u(!0);try{let e=[],t=1;for(;;){let n=await so({page:t,pageSize:200});if(e.push(...n.items.filter(e=>!e.chapterId)),n.items.length<200)break;t++}f(e)}catch(e){x(e instanceof Error?e.message:`Failed to load jobs`)}finally{_(!1)}}function C(e){h(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})}async function w(){y(!0),x(null);try{let e=[...m()],t=a()?.length??0;await Promise.all(e.map((e,r)=>uo(e,{chapterId:n(),pageOrder:t+r}))),u(!1),h(new Set),o()}catch(e){x(e instanceof Error?e.message:`Failed to assign pages`)}finally{y(!1)}}async function ee(e,t){let n=a()??[],r=n.findIndex(t=>t.id===e.id),i=t===`up`?n[r-1]:n[r+1];if(i){x(null);try{await Promise.all([uo(e.id,{pageOrder:i.pageOrder}),uo(i.id,{pageOrder:e.pageOrder})]),o()}catch(e){x(e instanceof Error?e.message:`Failed to reorder pages`)}}}async function T(e){x(null);try{await uo(e,{chapterId:null}),o()}catch(e){x(e instanceof Error?e.message:`Failed to remove page from chapter`)}}return(()=>{var e=Lc(),n=e.firstChild,r=n.nextSibling.firstChild,o=r.nextSibling,s=o.nextSibling,f=s.firstChild;return n.$$click=()=>{let e=i();e?.volumeId?t(`/library/${e.volumeId}`):t(`/library`)},Y(n,F(Zn,{class:`h-4 w-4`}),null),Y(n,F(R,{get when(){return i()?.volumeId},fallback:`Library`,children:`Volume`}),null),Y(r,F(si,{class:`h-5 w-5 text-violet-600`})),Y(o,F(R,{get when(){return i()},get fallback(){return Rc()},children:e=>(()=>{var t=zc(),n=t.firstChild.nextSibling;return n.nextSibling,Y(t,()=>e().chapterNumber,n),Y(t,()=>e().title,null),t})()})),s.$$click=S,Y(s,F(Lr,{class:`h-3.5 w-3.5`}),f),Y(e,F(R,{get when(){return b()},children:e=>(()=>{var t=Bc(),n=t.firstChild,r=n.nextSibling;return Y(n,e),r.$$click=()=>x(null),t})()}),null),Y(e,F(R,{get when(){return a.loading},get children(){var e=jc();return Y(e,()=>Array.from({length:8}).map(()=>Vc())),e}}),null),Y(e,F(R,{get when(){return a.error},get children(){return Mc()}}),null),Y(e,F(R,{get when(){return St(()=>!a.loading)()&&!a.error},get children(){return F(R,{get when(){return(a()??[]).length>0},get fallback(){return(()=>{var e=Hc(),t=e.firstChild;return Y(e,F(si,{class:`h-10 w-10 opacity-40`}),t),e})()},get children(){var e=jc();return Y(e,F(L,{get each(){return a()},children:(e,n)=>{let r=()=>a()??[];return F(Oc,{job:e,get isFirst(){return n()===0},get isLast(){return n()===r().length-1},onMove:t=>ee(e,t),onUnassign:()=>T(e.id),onClick:()=>t(`/jobs/${e.id}`)})}})),e}})}}),null),Y(e,F(Fo,{get open(){return c()},title:`Add Pages to Chapter`,onClose:()=>u(!1),get children(){var e=Ic(),t=e.firstChild.nextSibling,n=t.firstChild,r=n.nextSibling;return Y(e,F(R,{get when(){return g()},get children(){var e=Nc();return Y(e,()=>Array.from({length:4}).map(()=>Uc())),e}}),t),Y(e,F(R,{get when(){return St(()=>!g())()&&d().length===0},get children(){return Pc()}}),t),Y(e,F(R,{get when(){return St(()=>!g())()&&d().length>0},get children(){var e=Fc();return Y(e,F(L,{get each(){return d()},children:e=>{let t=()=>m().has(e.id);return(()=>{var n=Wc(),r=n.firstChild,i=r.firstChild,a=i.nextSibling,o=a.nextSibling.firstChild,s=o.nextSibling;return i.addEventListener(`change`,()=>C(e.id)),Y(o,()=>e.title),Y(s,()=>new Date(e.createdAt).toLocaleDateString()),Y(r,F(Dc,{get status(){return e.status}}),null),l(t=>{var n=Mo(e.id),r=e.title;return n!==t.e&&J(a,`src`,t.e=n),r!==t.t&&J(a,`alt`,t.t=r),t},{e:void 0,t:void 0}),l(()=>i.checked=t()),n})()}})),e}}),t),n.$$click=()=>u(!1),r.$$click=w,Y(r,(()=>{var e=St(()=>!!v());return()=>e()?`Assigning…`:`Assign ${m().size>0?m().size:``} selected`})()),l(()=>r.disabled=v()||m().size===0),e}}),null),e})()}var Ac,jc,Mc,Nc,Pc,Fc,Ic,Lc,Rc,zc,Bc,Vc,Hc,Uc,Wc,Gc=t((()=>{X(),K(),Rn(),Ta(),Po(),Lo(),Ac=q(`<div class="group relative flex flex-col overflow-hidden rounded-2xl bg-white text-left shadow-sm ring-1 ring-slate-200 transition hover:shadow-md hover:ring-slate-300"><div class="relative aspect-3/4 w-full cursor-pointer overflow-hidden bg-slate-100"role=button tabindex=0><img class="h-full w-full object-cover transition-transform duration-200 group-hover:scale-105"loading=lazy><span class="absolute left-2 top-2 flex h-6 w-6 items-center justify-center rounded-full bg-white/90 shadow"></span><div class="absolute right-2 top-2 flex flex-col gap-1 opacity-0 transition-opacity group-hover:opacity-100"><button class="flex h-6 w-6 items-center justify-center rounded-full bg-white/90 shadow hover:bg-white disabled:cursor-not-allowed disabled:opacity-30"title="Move up"></button><button class="flex h-6 w-6 items-center justify-center rounded-full bg-white/90 shadow hover:bg-white disabled:cursor-not-allowed disabled:opacity-30"title="Move down"></button></div><button class="absolute bottom-2 right-2 flex h-6 w-6 items-center justify-center rounded-full bg-red-500/90 text-white shadow opacity-0 transition-opacity group-hover:opacity-100 hover:bg-red-600"title="Remove from chapter"></button></div><div class=p-3><p class="truncate text-xs font-medium text-slate-700">`,!0,!1,!1),jc=q(`<div class="grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5">`),Mc=q(`<p class="text-sm text-red-500">Failed to load pages.`),Nc=q(`<div class=space-y-2>`),Pc=q(`<p class="py-6 text-center text-sm text-slate-400">No unassigned pages found.`),Fc=q(`<ul class="max-h-80 overflow-y-auto divide-y divide-slate-100 rounded-lg border border-slate-200">`),Ic=q(`<div class="flex flex-col gap-3"><p class="text-xs text-slate-500">Select unassigned jobs to add to this chapter.</p><div class="flex justify-end gap-2 pt-1"><button class="rounded-lg border border-slate-200 bg-white px-4 py-2 text-sm font-medium text-slate-700 hover:bg-slate-50">Cancel</button><button class="rounded-lg bg-violet-600 px-4 py-2 text-sm font-medium text-white hover:bg-violet-700 disabled:opacity-50">`),Lc=q(`<div class="min-h-screen px-6 py-8"><button class="mb-5 flex items-center gap-1.5 text-sm text-slate-500 hover:text-slate-800"></button><div class="mb-6 flex items-center gap-3"><div class="rounded-xl bg-white p-2 shadow-sm ring-1 ring-slate-200"></div><div class="flex-1 min-w-0"></div><button class="ml-auto flex items-center gap-1.5 rounded-lg bg-violet-600 px-3 py-1.5 text-xs font-medium text-white hover:bg-violet-700"> Add pages`),Rc=q(`<div class="h-6 w-48 animate-pulse rounded bg-slate-200">`),zc=q(`<h1 class="text-xl font-semibold text-slate-800">Ch. <!> — `),Bc=q(`<div class="mb-4 flex items-center gap-2 rounded-xl bg-red-50 px-4 py-2.5 text-sm text-red-700 ring-1 ring-red-200"><span class=flex-1></span><button class="shrink-0 rounded p-0.5 hover:bg-red-100"aria-label="Dismiss error">✕`),Vc=q(`<div class="aspect-3/4 animate-pulse rounded-2xl bg-slate-200">`),Hc=q(`<div class="flex flex-col items-center gap-3 py-24 text-slate-400"><p class=text-sm>No pages in this chapter yet.`),Uc=q(`<div class="h-14 animate-pulse rounded-lg bg-slate-200">`),Wc=q(`<li><label class="flex cursor-pointer items-center gap-3 px-3 py-2.5 hover:bg-slate-50"><input type=checkbox class="h-4 w-4 accent-violet-600"><img class="h-10 w-8 rounded object-cover bg-slate-100"loading=lazy><div class="min-w-0 flex-1"><p class="truncate text-sm font-medium text-slate-800"></p><p class="text-xs text-slate-400">`,!0,!1,!1),We([`click`,`keydown`])}));X(),K(),Rn();var Kc=ge(()=>Promise.resolve().then(()=>(Qa(),Za)).then(e=>({default:e.ServerStatusPage}))),qc=ge(()=>Promise.resolve().then(()=>(no(),$a)).then(e=>({default:e.OpenApiPage}))),Jc=ge(()=>Promise.resolve().then(()=>(ns(),Ho)).then(e=>({default:e.JobsListPage}))),Yc=ge(()=>Promise.resolve().then(()=>(Gs(),Ms)).then(e=>({default:e.StudioPage}))),Xc=ge(()=>Promise.resolve().then(()=>(lc(),Ks)).then(e=>({default:e.LibraryPage}))),Zc=ge(()=>Promise.resolve().then(()=>(Tc(),uc)).then(e=>({default:e.VolumePage}))),Qc=ge(()=>Promise.resolve().then(()=>(Gc(),Ec)).then(e=>({default:e.ChapterPage})));function $c(){return F(jn,{get children(){return F(yn,{path:`/`,component:Aa,get children(){return[F(yn,{path:`/`,component:Na}),F(yn,{path:`/status`,component:Kc}),F(yn,{path:`/openapi`,component:qc}),F(yn,{path:`/jobs`,component:Jc}),F(yn,{path:`/jobs/:id`,component:Yc}),F(yn,{path:`/library`,component:Xc}),F(yn,{path:`/library/:volumeId`,component:Zc}),F(yn,{path:`/library/chapters/:chapterId`,component:Qc})]}})}})}var el=new Map;window.AppBridge={mount(e,t={}){if(el.has(e))return;let n=Ue(()=>F($c,{}),e);el.set(e,n)},unmount(e){el.get(e)?.(),el.delete(e)}};var tl=document.getElementById(`solid-root`);tl&&window.AppBridge.mount(tl)})();
\ No newline at end of file