Deploy: 2026-05-04T11:20:23Z

.dockerignore

@@ -0,0 +1,37 @@
+# Next.js
+.next/
+out/
+dist/
+
+# Dependencies — installed inside the image
+node_modules/
+npm-debug.log*
+
+# Local env (NEVER ship secrets in the image)
+.env
+.env.local
+.env.*.local
+
+# Git / IDE
+.git/
+.gitignore
+.vscode/
+.idea/
+.DS_Store
+
+# Tests / coverage
+coverage/
+.nyc_output/
+
+# Docs that don't belong in image
+README.md
+CLAUDE.md
+*.md
+!app/**/*.md  # keep any in-app markdown files
+
+# Build artifacts
+*.tsbuildinfo
+next-env.d.ts
+
+# Other
+public/.DS_Store

.env.example

@@ -0,0 +1,18 @@
+# ─── Etiya doc-to-lora UI — environment ──────────────────────────────
+#
+# Copy to `.env.local` and fill in.
+# `.env.local` is gitignored. Never commit the real token.
+#
+# Auth model:
+#   - HF_TOKEN is read by Next.js server-side ONLY (no NEXT_PUBLIC_ prefix).
+#   - Browser calls /api/proxy/* → Next server adds Authorization header
+#     before forwarding to https://etiya-d2l-api.hf.space/.
+#   - Token never reaches the browser. Safe in production.
+#
+
+# Required: HuggingFace write token with access to the Etiya/d2l-api Space.
+# Get from https://huggingface.co/settings/tokens
+HF_TOKEN=hf_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
+
+# Optional: override backend URL (default points to production HF Space).
+D2L_API_URL=https://etiya-d2l-api.hf.space

.gitignore

@@ -0,0 +1,22 @@
+node_modules/
+.next/
+out/
+dist/
+.DS_Store
+*.log
+
+# Local env files
+.env.local
+.env.*.local
+.env
+
+# IDE
+.vscode/
+.idea/
+
+# OS
+Thumbs.db
+
+# TypeScript build info
+*.tsbuildinfo
+next-env.d.ts

CLAUDE.md

@@ -0,0 +1,7 @@
+<claude-mem-context>
+# Recent Activity
+
+<!-- This section is auto-generated by claude-mem. Edit content outside the tags. -->
+
+*No recent activity*
+</claude-mem-context>

Dockerfile

@@ -0,0 +1,59 @@
+# syntax=docker/dockerfile:1.7
+
+# ─── Stage 1: deps ─────────────────────────────────────────────────
+# Install only production dependencies. node_modules cached aggressively.
+FROM node:20-alpine AS deps
+RUN apk add --no-cache libc6-compat
+WORKDIR /app
+
+# Lockfile-first copy enables Docker layer caching. Re-runs only on
+# package.json / lockfile changes, not on source edits.
+COPY package.json package-lock.json* ./
+RUN npm ci --no-audit --no-fund
+
+
+# ─── Stage 2: builder ──────────────────────────────────────────────
+# Compile Next.js with standalone output. Outputs go to .next/standalone
+# and .next/static — both copied into the runtime stage.
+FROM node:20-alpine AS builder
+WORKDIR /app
+
+COPY --from=deps /app/node_modules ./node_modules
+COPY . .
+
+# Build-time env: NEXT_TELEMETRY_DISABLED suppresses telemetry; no secrets here.
+# HF_TOKEN is intentionally NOT baked in — it's passed at runtime.
+ENV NEXT_TELEMETRY_DISABLED=1
+RUN npm run build
+
+
+# ─── Stage 3: runner ───────────────────────────────────────────────
+# Minimal runtime image. Only contains the compiled standalone server,
+# static assets, and node binary.
+FROM node:20-alpine AS runner
+WORKDIR /app
+
+ENV NODE_ENV=production
+ENV NEXT_TELEMETRY_DISABLED=1
+# Default to 7860 (HF Spaces convention). Local docker-compose overrides to 3000.
+ENV PORT=7860
+ENV HOSTNAME=0.0.0.0
+
+# Run as non-root for defense-in-depth (HF Spaces injects USER 1000 too).
+RUN addgroup --system --gid 1001 nextjs \
+ && adduser --system --uid 1001 --ingroup nextjs nextjs
+
+# Standalone bundle: server.js + minimum required node_modules.
+COPY --from=builder --chown=nextjs:nextjs /app/.next/standalone ./
+COPY --from=builder --chown=nextjs:nextjs /app/.next/static ./.next/static
+COPY --from=builder --chown=nextjs:nextjs /app/public ./public
+
+USER nextjs
+EXPOSE 7860
+
+# Healthcheck — uses ash builtin to expand $PORT.
+HEALTHCHECK --interval=30s --timeout=5s --start-period=15s --retries=3 \
+  CMD wget --quiet --tries=1 --spider "http://localhost:${PORT:-7860}" || exit 1
+
+# server.js (generated by next build with standalone output) reads PORT env var.
+CMD ["node", "server.js"]

README.md

@@ -0,0 +1,72 @@
+---
+title: doc-to-lora UI
+emoji: 🪞
+colorFrom: indigo
+colorTo: blue
+sdk: docker
+app_port: 7860
+suggested_hardware: cpu-basic
+pinned: false
+---
+
+# Etiya doc-to-lora — Web UI
+
+Companion frontend for [`Etiya/d2l-api`](https://huggingface.co/spaces/Etiya/d2l-api).
+
+## Architecture
+
+```
+Browser
+   │
+   ▼
+Etiya/d2l-ui     (this Space — Docker SDK, CPU basic, Next.js)
+   │
+   │  /api/proxy/*  — server-side, adds Authorization: Bearer ${HF_TOKEN}
+   ▼
+Etiya/d2l-api    (backend Space — A100, doc-to-lora + Gemma-2-2b-it)
+```
+
+The frontend calls the backend Space using a server-side proxy. The HF token is set as a Space Secret on this UI Space and never reaches the browser.
+
+## Pages
+
+- `/` — hero + quick ask
+- `/ask` — chat interface with advanced parameter sliders
+- `/documents` — CRUD for the 1,166 BSS document corpus
+- `/system` — health, GPU, latency, re-index controls
+
+## Required Space secret
+
+Set on this Space's `Settings → Variables and secrets → New secret`:
+
+| Name | Type | Value |
+|---|---|---|
+| `HF_TOKEN` | Secret | An HF write token with read access to `Etiya/d2l-api` |
+
+Optional:
+
+| Name | Type | Default |
+|---|---|---|
+| `D2L_API_URL` | Variable | `https://etiya-d2l-api.hf.space` |
+
+## Local development
+
+This Space is a regular Next.js 14 app. To work on it locally:
+
+```bash
+git clone https://huggingface.co/spaces/Etiya/d2l-ui
+cd d2l-ui
+npm install
+cp .env.example .env.local      # add HF_TOKEN
+npm run dev                      # http://localhost:3000
+```
+
+Or via Docker:
+
+```bash
+docker compose up --build        # http://localhost:3000
+```
+
+## Hardware
+
+This Space runs on `cpu-basic` (free) — Next.js is light. The heavy lifting (GPU inference) happens on the backend Space.

SPACE_README.md

@@ -0,0 +1,72 @@
+---
+title: doc-to-lora UI
+emoji: 🪞
+colorFrom: indigo
+colorTo: blue
+sdk: docker
+app_port: 7860
+suggested_hardware: cpu-basic
+pinned: false
+---
+
+# Etiya doc-to-lora — Web UI
+
+Companion frontend for [`Etiya/d2l-api`](https://huggingface.co/spaces/Etiya/d2l-api).
+
+## Architecture
+
+```
+Browser
+   │
+   ▼
+Etiya/d2l-ui     (this Space — Docker SDK, CPU basic, Next.js)
+   │
+   │  /api/proxy/*  — server-side, adds Authorization: Bearer ${HF_TOKEN}
+   ▼
+Etiya/d2l-api    (backend Space — A100, doc-to-lora + Gemma-2-2b-it)
+```
+
+The frontend calls the backend Space using a server-side proxy. The HF token is set as a Space Secret on this UI Space and never reaches the browser.
+
+## Pages
+
+- `/` — hero + quick ask
+- `/ask` — chat interface with advanced parameter sliders
+- `/documents` — CRUD for the 1,166 BSS document corpus
+- `/system` — health, GPU, latency, re-index controls
+
+## Required Space secret
+
+Set on this Space's `Settings → Variables and secrets → New secret`:
+
+| Name | Type | Value |
+|---|---|---|
+| `HF_TOKEN` | Secret | An HF write token with read access to `Etiya/d2l-api` |
+
+Optional:
+
+| Name | Type | Default |
+|---|---|---|
+| `D2L_API_URL` | Variable | `https://etiya-d2l-api.hf.space` |
+
+## Local development
+
+This Space is a regular Next.js 14 app. To work on it locally:
+
+```bash
+git clone https://huggingface.co/spaces/Etiya/d2l-ui
+cd d2l-ui
+npm install
+cp .env.example .env.local      # add HF_TOKEN
+npm run dev                      # http://localhost:3000
+```
+
+Or via Docker:
+
+```bash
+docker compose up --build        # http://localhost:3000
+```
+
+## Hardware
+
+This Space runs on `cpu-basic` (free) — Next.js is light. The heavy lifting (GPU inference) happens on the backend Space.

app/CLAUDE.md

@@ -0,0 +1,7 @@
+<claude-mem-context>
+# Recent Activity
+
+<!-- This section is auto-generated by claude-mem. Edit content outside the tags. -->
+
+*No recent activity*
+</claude-mem-context>

app/api/proxy/[...path]/CLAUDE.md

@@ -0,0 +1,7 @@
+<claude-mem-context>
+# Recent Activity
+
+<!-- This section is auto-generated by claude-mem. Edit content outside the tags. -->
+
+*No recent activity*
+</claude-mem-context>

app/api/proxy/[...path]/route.ts

@@ -0,0 +1,99 @@
+/**
+ * Server-side proxy to https://etiya-d2l-api.hf.space.
+ *
+ * Browser → /api/proxy/<path>  (NO auth header in browser request)
+ *           ↓
+ *   Next.js server adds  Authorization: Bearer ${HF_TOKEN}
+ *           ↓
+ *   Forwards to D2L_API_URL/<path>
+ *
+ * Why a proxy and not NEXT_PUBLIC_HF_TOKEN?
+ *   - NEXT_PUBLIC_* values are inlined into the client bundle.
+ *     Anyone viewing the page source can read them.
+ *   - Server-only env vars (no NEXT_PUBLIC_) stay on the server.
+ *     The browser cannot read them. This is the only safe pattern
+ *     for Bearer tokens.
+ */
+
+import { NextRequest, NextResponse } from "next/server";
+
+const API_URL = process.env.D2L_API_URL || "https://etiya-d2l-api.hf.space";
+const TOKEN = process.env.HF_TOKEN;
+
+export const dynamic = "force-dynamic";
+export const runtime = "nodejs";
+
+async function handle(req: NextRequest, params: { path: string[] }) {
+  if (!TOKEN) {
+    return NextResponse.json(
+      {
+        error:
+          "HF_TOKEN env var not set on server. Copy .env.example to .env.local and add your token.",
+      },
+      { status: 500 }
+    );
+  }
+
+  const path = (params.path ?? []).join("/");
+  const search = req.nextUrl.search; // includes leading "?"
+  const upstreamUrl = `${API_URL}/${path}${search}`;
+
+  const upstreamHeaders: Record<string, string> = {
+    Authorization: `Bearer ${TOKEN}`,
+    Accept: "application/json",
+  };
+
+  let body: BodyInit | null = null;
+  if (req.method !== "GET" && req.method !== "HEAD") {
+    const contentType = req.headers.get("content-type") || "application/json";
+    upstreamHeaders["Content-Type"] = contentType;
+    body = await req.text();
+  }
+
+  let resp: Response;
+  try {
+    resp = await fetch(upstreamUrl, {
+      method: req.method,
+      headers: upstreamHeaders,
+      body,
+      cache: "no-store",
+    });
+  } catch (e: unknown) {
+    return NextResponse.json(
+      {
+        error: "upstream_unreachable",
+        message: e instanceof Error ? e.message : String(e),
+        upstream: upstreamUrl,
+      },
+      { status: 502 }
+    );
+  }
+
+  // Stream the upstream response body back to the client.
+  // Forward content-type and status; strip auth-sensitive headers.
+  const contentType = resp.headers.get("content-type") || "application/json";
+  const text = await resp.text();
+  return new NextResponse(text, {
+    status: resp.status,
+    headers: { "content-type": contentType },
+  });
+}
+
+// Next.js 15+ — `params` is a Promise that must be awaited inside the route.
+type RouteCtx = { params: Promise<{ path: string[] }> };
+
+export async function GET(req: NextRequest, ctx: RouteCtx) {
+  return handle(req, await ctx.params);
+}
+export async function POST(req: NextRequest, ctx: RouteCtx) {
+  return handle(req, await ctx.params);
+}
+export async function PUT(req: NextRequest, ctx: RouteCtx) {
+  return handle(req, await ctx.params);
+}
+export async function DELETE(req: NextRequest, ctx: RouteCtx) {
+  return handle(req, await ctx.params);
+}
+export async function PATCH(req: NextRequest, ctx: RouteCtx) {
+  return handle(req, await ctx.params);
+}

app/api/proxy/route.ts

@@ -0,0 +1,74 @@
+/**
+ * Sibling route to `[...path]/route.ts` that handles the upstream root
+ * (`GET /` on the backend — health/summary).
+ *
+ * Why: Next 15's catch-all segment `[...path]` does not match an empty
+ * path, so `fetch("/api/proxy/")` 308-redirects to `/api/proxy` and 404s.
+ * `lib/api.ts` calls `health()` as `request("")`, which lands here.
+ */
+
+import { NextRequest, NextResponse } from "next/server";
+
+const API_URL = process.env.D2L_API_URL || "https://etiya-d2l-api.hf.space";
+const TOKEN = process.env.HF_TOKEN;
+
+export const dynamic = "force-dynamic";
+export const runtime = "nodejs";
+
+async function forwardRoot(req: NextRequest) {
+  if (!TOKEN) {
+    return NextResponse.json(
+      {
+        error:
+          "HF_TOKEN env var not set on server. Copy .env.example to .env.local and add your token.",
+      },
+      { status: 500 }
+    );
+  }
+
+  const upstreamUrl = `${API_URL}/${req.nextUrl.search}`;
+
+  const upstreamHeaders: Record<string, string> = {
+    Authorization: `Bearer ${TOKEN}`,
+    Accept: "application/json",
+  };
+
+  let body: BodyInit | null = null;
+  if (req.method !== "GET" && req.method !== "HEAD") {
+    const contentType = req.headers.get("content-type") || "application/json";
+    upstreamHeaders["Content-Type"] = contentType;
+    body = await req.text();
+  }
+
+  let resp: Response;
+  try {
+    resp = await fetch(upstreamUrl, {
+      method: req.method,
+      headers: upstreamHeaders,
+      body,
+      cache: "no-store",
+    });
+  } catch (e: unknown) {
+    return NextResponse.json(
+      {
+        error: "upstream_unreachable",
+        message: e instanceof Error ? e.message : String(e),
+        upstream: upstreamUrl,
+      },
+      { status: 502 }
+    );
+  }
+
+  const contentType = resp.headers.get("content-type") || "application/json";
+  const text = await resp.text();
+  return new NextResponse(text, {
+    status: resp.status,
+    headers: { "content-type": contentType },
+  });
+}
+
+export const GET = forwardRoot;
+export const POST = forwardRoot;
+export const PUT = forwardRoot;
+export const DELETE = forwardRoot;
+export const PATCH = forwardRoot;

app/ask/CLAUDE.md

@@ -0,0 +1,7 @@
+<claude-mem-context>
+# Recent Activity
+
+<!-- This section is auto-generated by claude-mem. Edit content outside the tags. -->
+
+*No recent activity*
+</claude-mem-context>

app/ask/page.tsx

@@ -0,0 +1,146 @@
+"use client";
+
+import { AskInput } from "@/components/feature/AskInput";
+import { AnswerCard } from "@/components/feature/AnswerCard";
+import {
+  AdvancedParams,
+  DEFAULTS,
+} from "@/components/feature/AdvancedParams";
+import { Spinner } from "@/components/ui/Spinner";
+import { api, ApiError } from "@/lib/api";
+import { AskSmartRequest, AskSmartResponse } from "@/lib/types";
+import { useMutation } from "@tanstack/react-query";
+import { useState } from "react";
+
+type ConversationItem = {
+  id: string;
+  question: string;
+  response?: AskSmartResponse;
+  error?: { status: number; message: string };
+  pending?: boolean;
+};
+
+export default function AskPage() {
+  const [conversation, setConversation] = useState<ConversationItem[]>([]);
+  const [params, setParams] = useState<AskSmartRequest>({
+    question: "",
+    ...DEFAULTS,
+  });
+
+  const askMutation = useMutation<AskSmartResponse, unknown, string>({
+    mutationFn: async (q: string) => api.askSmart({ ...params, question: q }),
+  });
+
+  const handleAsk = (q: string) => {
+    const id = crypto.randomUUID();
+    setConversation((c) => [...c, { id, question: q, pending: true }]);
+    askMutation.mutate(q, {
+      onSuccess: (resp) =>
+        setConversation((c) =>
+          c.map((it) =>
+            it.id === id ? { ...it, response: resp, pending: false } : it
+          )
+        ),
+      onError: (err) => {
+        const status = err instanceof ApiError ? err.status : 0;
+        const message = err instanceof Error ? err.message : String(err);
+        setConversation((c) =>
+          c.map((it) =>
+            it.id === id
+              ? { ...it, error: { status, message }, pending: false }
+              : it
+          )
+        );
+      },
+    });
+  };
+
+  return (
+    <>
+      {/* ───── Hero strip (parchment, condensed) ──────────────────── */}
+      <section className="tile-parchment !py-12">
+        <div className="container-narrow text-center">
+          <h1 className="text-display-lg">Ask</h1>
+          <p className="text-body text-ink-48 mt-2">
+            Tune retrieval &amp; inference parameters in real time.
+          </p>
+        </div>
+      </section>
+
+      {/* ───── Conversation surface ──────────────────────────────── */}
+      <section className="tile-light">
+        <div className="container-narrow space-y-8">
+          {conversation.length === 0 && <EmptyState />}
+
+          {conversation.map((it) => (
+            <div key={it.id} className="space-y-3 animate-fade-in">
+              {it.pending && <ThinkingPlaceholder question={it.question} />}
+              {it.error && <ErrorCard error={it.error} question={it.question} />}
+              {it.response && (
+                <AnswerCard response={it.response} question={it.question} />
+              )}
+            </div>
+          ))}
+
+          <div className="space-y-4 pt-4">
+            <AskInput
+              onAsk={handleAsk}
+              loading={askMutation.isPending}
+              placeholder="Ask another question…"
+            />
+            <div id="advanced">
+              <AdvancedParams values={params} onChange={setParams} />
+            </div>
+          </div>
+        </div>
+      </section>
+    </>
+  );
+}
+
+function EmptyState() {
+  return (
+    <div className="text-center py-section animate-fade-in">
+      <p className="text-display-md text-ink-48">
+        Type a question to begin.
+      </p>
+      <p className="text-body text-ink-48 mt-2">
+        Adjust thresholds in the panel below to see how retrieval changes the answer.
+      </p>
+    </div>
+  );
+}
+
+function ThinkingPlaceholder({ question }: { question: string }) {
+  return (
+    <div className="bg-canvas rounded-lg shadow-product p-8 flex items-center gap-4">
+      <Spinner className="text-primary" />
+      <div className="flex-1 min-w-0">
+        <div className="text-caption text-ink-48 truncate">{question}</div>
+        <div className="text-body-strong text-ink mt-1">
+          Retrieving · reranking · grounding · generating…
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function ErrorCard({
+  error,
+  question,
+}: {
+  error: { status: number; message: string };
+  question: string;
+}) {
+  return (
+    <div className="utility-card border-status-err/20">
+      <p className="text-caption-strong text-status-err uppercase tracking-[0.08em]">
+        Error · HTTP {error.status || "—"}
+      </p>
+      <p className="text-body-strong mt-2">{error.message}</p>
+      <p className="text-caption text-ink-48 mt-2">
+        Question: <span className="text-mono">{question}</span>
+      </p>
+    </div>
+  );
+}

app/documents/CLAUDE.md

@@ -0,0 +1,7 @@
+<claude-mem-context>
+# Recent Activity
+
+<!-- This section is auto-generated by claude-mem. Edit content outside the tags. -->
+
+*No recent activity*
+</claude-mem-context>

app/documents/page.tsx

@@ -0,0 +1,401 @@
+"use client";
+
+import { Spinner } from "@/components/ui/Spinner";
+import { api, ApiError } from "@/lib/api";
+import { DocumentMeta, ReindexResponse } from "@/lib/types";
+import {
+  useMutation,
+  useQuery,
+  useQueryClient,
+} from "@tanstack/react-query";
+import { useMemo, useState } from "react";
+
+export default function DocumentsPage() {
+  const queryClient = useQueryClient();
+  const [filter, setFilter] = useState("");
+  const [page, setPage] = useState(0);
+  const [confirmDelete, setConfirmDelete] = useState<DocumentMeta | null>(null);
+  const [reindexResult, setReindexResult] = useState<ReindexResponse | null>(null);
+
+  const { data, isLoading, error } = useQuery({
+    queryKey: ["documents"],
+    queryFn: () => api.listDocuments(),
+    staleTime: 10_000,
+  });
+
+  const reindexMutation = useMutation({
+    mutationFn: () => api.reindex(false, false),
+    onSuccess: (resp) => setReindexResult(resp),
+  });
+
+  const deleteMutation = useMutation({
+    mutationFn: (doc_id: string) => api.deleteDocument(doc_id),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ["documents"] });
+      setConfirmDelete(null);
+    },
+  });
+
+  const filtered = useMemo(() => {
+    if (!data) return [];
+    const f = filter.trim().toLowerCase();
+    if (!f) return data.documents;
+    return data.documents.filter(
+      (d) =>
+        d.name.toLowerCase().includes(f) ||
+        d.doc_id.toLowerCase().includes(f)
+    );
+  }, [data, filter]);
+
+  const PAGE_SIZE = 50;
+  const totalPages = Math.ceil(filtered.length / PAGE_SIZE);
+  const visible = filtered.slice(page * PAGE_SIZE, (page + 1) * PAGE_SIZE);
+
+  return (
+    <>
+      {/* ───── Header strip ──────────────────────────────────────── */}
+      <section className="tile-parchment !py-12">
+        <div className="container-content flex items-end justify-between flex-wrap gap-4">
+          <div>
+            <h1 className="text-display-lg">Documents</h1>
+            <p className="text-body text-ink-48 mt-2">
+              {data
+                ? `${data.count.toLocaleString()} indexed · `
+                : ""}
+              persistent at <span className="text-mono">/data/docs/</span>
+            </p>
+          </div>
+          <div className="flex items-center gap-3">
+            <button
+              onClick={() => reindexMutation.mutate()}
+              disabled={reindexMutation.isPending}
+              className="btn-secondary"
+            >
+              {reindexMutation.isPending ? (
+                <>
+                  <Spinner className="mr-2" /> Re-indexing
+                </>
+              ) : (
+                "Re-index now"
+              )}
+            </button>
+            <a href="#new" className="btn-primary">
+              Add document
+            </a>
+          </div>
+        </div>
+      </section>
+
+      {/* ───── Reindex banner ────────────────────────────────────── */}
+      {reindexResult && (
+        <section className="tile-light !py-6 border-b border-divider-soft">
+          <div className="container-content">
+            <div className="flex items-center justify-between flex-wrap gap-3">
+              <div className="text-caption">
+                <span className="text-caption-strong text-status-ok mr-2">
+                  Re-index ✓
+                </span>
+                <span className="text-mono">
+                  mode={reindexResult.mode ?? "none"} added=
+                  {reindexResult.added} removed={reindexResult.removed} indexed=
+                  {reindexResult.indexed_count} ·{" "}
+                  {reindexResult.elapsed_seconds.toFixed(2)}s
+                </span>
+              </div>
+              <button
+                onClick={() => setReindexResult(null)}
+                className="text-caption text-ink-48 hover:text-ink"
+              >
+                dismiss
+              </button>
+            </div>
+          </div>
+        </section>
+      )}
+
+      {/* ───── Search + list ─────────────────────────────────────── */}
+      <section className="tile-light">
+        <div className="container-content">
+          <div className="flex items-center justify-between gap-4 mb-6">
+            <input
+              type="text"
+              placeholder="Search by name or doc_id…"
+              value={filter}
+              onChange={(e) => {
+                setFilter(e.target.value);
+                setPage(0);
+              }}
+              className="input-pill max-w-[480px]"
+            />
+            <span className="text-caption text-ink-48 text-mono shrink-0">
+              {filtered.length.toLocaleString()} match
+              {filtered.length === 1 ? "" : "es"}
+            </span>
+          </div>
+
+          {error && (
+            <div className="utility-card border-status-err/20 mb-4">
+              <p className="text-status-err text-body-strong">
+                Failed to load documents
+              </p>
+              <p className="text-caption text-ink-48 mt-1">
+                {error instanceof Error ? error.message : String(error)}
+              </p>
+            </div>
+          )}
+
+          {isLoading && (
+            <div className="flex items-center gap-3 text-ink-48">
+              <Spinner /> Loading documents…
+            </div>
+          )}
+
+          {visible.length > 0 && (
+            <ul className="divide-y divide-divider-soft border-t border-b border-divider-soft">
+              {visible.map((d) => (
+                <li
+                  key={d.doc_id}
+                  className="flex items-center justify-between gap-4 py-4"
+                >
+                  <div className="min-w-0 flex-1">
+                    <div className="text-body-strong text-ink truncate">
+                      {d.name}
+                    </div>
+                    <div className="flex items-center gap-3 mt-1 text-caption text-ink-48">
+                      <span className="text-mono">{d.doc_id}</span>
+                      <span>·</span>
+                      <span>
+                        {d.length_chars.toLocaleString()} chars
+                      </span>
+                      <span>·</span>
+                      <span>{new Date(d.created_at * 1000).toLocaleDateString()}</span>
+                    </div>
+                  </div>
+                  <button
+                    onClick={() => setConfirmDelete(d)}
+                    className="text-caption text-status-err hover:underline"
+                  >
+                    Delete
+                  </button>
+                </li>
+              ))}
+            </ul>
+          )}
+
+          {totalPages > 1 && (
+            <div className="flex items-center justify-between mt-6">
+              <button
+                onClick={() => setPage((p) => Math.max(0, p - 1))}
+                disabled={page === 0}
+                className="btn-pearl disabled:opacity-40"
+              >
+                ← Prev
+              </button>
+              <span className="text-caption text-ink-48 text-mono">
+                Page {page + 1} of {totalPages}
+              </span>
+              <button
+                onClick={() => setPage((p) => Math.min(totalPages - 1, p + 1))}
+                disabled={page >= totalPages - 1}
+                className="btn-pearl disabled:opacity-40"
+              >
+                Next →
+              </button>
+            </div>
+          )}
+        </div>
+      </section>
+
+      {/* ───── Add document form ─────────────────────────────────── */}
+      <AddDocumentForm
+        onCreated={() => {
+          queryClient.invalidateQueries({ queryKey: ["documents"] });
+        }}
+      />
+
+      {/* ───── Confirm delete modal ──────────────────────────────── */}
+      {confirmDelete && (
+        <ConfirmDelete
+          doc={confirmDelete}
+          loading={deleteMutation.isPending}
+          onCancel={() => setConfirmDelete(null)}
+          onConfirm={() => deleteMutation.mutate(confirmDelete.doc_id)}
+        />
+      )}
+    </>
+  );
+}
+
+function AddDocumentForm({ onCreated }: { onCreated: () => void }) {
+  const [name, setName] = useState("");
+  const [text, setText] = useState("");
+  const [doReindex, setDoReindex] = useState(true);
+  const [feedback, setFeedback] = useState<string | null>(null);
+
+  const create = useMutation({
+    mutationFn: async (payload: { text: string; name?: string }) => {
+      const created = await api.createDocument(payload);
+      if (doReindex) {
+        await api.reindex(false, false);
+      }
+      return created;
+    },
+    onSuccess: (created) => {
+      setFeedback(`✓ Added: ${created.name} (${created.doc_id})`);
+      setText("");
+      setName("");
+      onCreated();
+    },
+    onError: (err) => {
+      const msg = err instanceof Error ? err.message : String(err);
+      setFeedback(`✗ Error: ${msg}`);
+    },
+  });
+
+  const submit = (e: React.FormEvent) => {
+    e.preventDefault();
+    if (!text.trim()) return;
+    create.mutate({ text: text.trim(), name: name.trim() || undefined });
+  };
+
+  return (
+    <section id="new" className="tile-parchment">
+      <div className="container-content max-w-[800px]">
+        <h2 className="text-display-md">Add document</h2>
+        <p className="text-body text-ink-48 mt-2">
+          New documents persist immediately. Re-index syncs them into RAG retrieval —
+          enabled by default below.
+        </p>
+
+        <form onSubmit={submit} className="mt-8 space-y-4">
+          <div>
+            <label className="text-caption-strong block mb-2">
+              Name <span className="text-ink-48 font-normal">(optional)</span>
+            </label>
+            <input
+              type="text"
+              value={name}
+              onChange={(e) => setName(e.target.value)}
+              placeholder="e.g. Customer Onboarding Flow v2"
+              className="input-pill"
+              disabled={create.isPending}
+            />
+          </div>
+
+          <div>
+            <label className="text-caption-strong block mb-2">
+              Content
+            </label>
+            <textarea
+              value={text}
+              onChange={(e) => setText(e.target.value)}
+              required
+              minLength={1}
+              rows={10}
+              placeholder="Paste markdown / plain text…"
+              className="w-full bg-canvas rounded-lg p-4 text-body shadow-hairline focus:shadow-[0_0_0_2px_#0071e3] outline-none"
+              disabled={create.isPending}
+            />
+            <p className="text-fine-print text-ink-48 mt-1 text-mono">
+              {text.length.toLocaleString()} chars
+            </p>
+          </div>
+
+          <label className="flex items-center gap-3 text-caption">
+            <input
+              type="checkbox"
+              checked={doReindex}
+              onChange={(e) => setDoReindex(e.target.checked)}
+              className="w-4 h-4 accent-primary"
+            />
+            <span>
+              Auto re-index after add
+              <span className="text-ink-48 ml-2 text-fine-print">
+                (~350ms — enables retrieval via /ask_smart)
+              </span>
+            </span>
+          </label>
+
+          <div className="flex items-center gap-4">
+            <button
+              type="submit"
+              disabled={create.isPending || !text.trim()}
+              className="btn-primary"
+            >
+              {create.isPending ? (
+                <>
+                  <Spinner className="mr-2" /> Saving
+                </>
+              ) : (
+                "Save document"
+              )}
+            </button>
+            {feedback && (
+              <span
+                className={
+                  feedback.startsWith("✓")
+                    ? "text-caption text-status-ok"
+                    : "text-caption text-status-err"
+                }
+              >
+                {feedback}
+              </span>
+            )}
+          </div>
+        </form>
+      </div>
+    </section>
+  );
+}
+
+function ConfirmDelete({
+  doc,
+  loading,
+  onCancel,
+  onConfirm,
+}: {
+  doc: DocumentMeta;
+  loading: boolean;
+  onCancel: () => void;
+  onConfirm: () => void;
+}) {
+  return (
+    <div
+      className="fixed inset-0 z-50 bg-surface-black/60 flex items-center justify-center p-6 animate-fade-in"
+      onClick={onCancel}
+    >
+      <div
+        onClick={(e) => e.stopPropagation()}
+        className="bg-canvas rounded-lg shadow-product max-w-[480px] w-full p-8"
+      >
+        <h3 className="text-display-md">Delete document?</h3>
+        <p className="text-body text-ink-48 mt-2">
+          <span className="text-body-strong text-ink">{doc.name}</span>
+          <br />
+          <span className="text-mono text-caption">{doc.doc_id}</span>
+        </p>
+        <p className="text-caption text-ink-48 mt-4">
+          This is permanent. Re-indexing will remove it from /ask_smart retrieval.
+        </p>
+        <div className="mt-8 flex items-center justify-end gap-3">
+          <button onClick={onCancel} className="btn-pearl">
+            Cancel
+          </button>
+          <button
+            onClick={onConfirm}
+            disabled={loading}
+            className="btn-primary !bg-status-err"
+          >
+            {loading ? (
+              <>
+                <Spinner className="mr-2" /> Deleting
+              </>
+            ) : (
+              "Delete"
+            )}
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}

app/globals.css

@@ -0,0 +1,161 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --font-inter: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
+    --font-jetbrains: "JetBrains Mono", ui-monospace, "SF Mono", monospace;
+  }
+
+  html {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-rendering: optimizeLegibility;
+  }
+
+  body {
+    background: #f5f5f7;
+    color: #1d1d1f;
+    font-family: var(--font-inter);
+    font-size: 17px;
+    line-height: 1.47;
+    letter-spacing: -0.374px;
+    font-weight: 400;
+    /* Inter substitution: font-feature-settings approximate SF Pro's rounded "a" */
+    font-feature-settings: "ss03", "cv11", "calt";
+  }
+
+  /* Display sizes use slightly tighter tracking via Tailwind tokens.
+     This is the supplementary nudge for non-Apple platforms (Inter > SF Pro tracking). */
+  h1, h2, h3, h4 {
+    letter-spacing: -0.01em;
+  }
+
+  ::selection {
+    background: rgba(0, 102, 204, 0.18);
+  }
+
+  /* Focus ring — Apple Focus Blue #0071e3, 2px solid */
+  :focus-visible {
+    outline: 2px solid #0071e3;
+    outline-offset: 2px;
+  }
+}
+
+@layer components {
+  /* ─── Button grammars (matching the design tokens) ─────────────── */
+  .btn-primary {
+    @apply inline-flex items-center justify-center
+           bg-primary text-white
+           rounded-pill
+           px-[22px] py-[11px]
+           text-body
+           transition-transform duration-200 ease-apple
+           active:scale-[0.96]
+           disabled:opacity-40 disabled:cursor-not-allowed disabled:active:scale-100;
+  }
+
+  .btn-secondary {
+    @apply inline-flex items-center justify-center
+           border border-primary text-primary
+           rounded-pill
+           px-[22px] py-[11px]
+           text-body
+           transition-transform duration-200 ease-apple
+           active:scale-[0.96];
+  }
+
+  .btn-utility-dark {
+    @apply inline-flex items-center justify-center
+           bg-ink text-white
+           rounded-sm
+           px-[15px] py-[8px]
+           text-button-utility
+           transition-transform duration-200 ease-apple
+           active:scale-[0.96];
+  }
+
+  .btn-pearl {
+    @apply inline-flex items-center justify-center
+           bg-surface-pearl text-ink-80
+           rounded-md
+           px-[14px] py-[8px]
+           text-caption
+           shadow-hairline
+           transition-transform duration-200 ease-apple
+           active:scale-[0.96];
+  }
+
+  /* ─── Input grammars ───────────────────────────────────────────── */
+  .input-pill {
+    @apply w-full
+           bg-canvas text-ink
+           rounded-pill
+           px-[20px] py-[12px]
+           text-body
+           shadow-hairline
+           outline-none
+           transition-shadow duration-200
+           focus:shadow-[0_0_0_2px_#0071e3];
+  }
+
+  /* ─── Card grammars ────────────────────────────────────────────── */
+  .utility-card {
+    @apply bg-canvas border border-hairline rounded-lg p-6;
+  }
+
+  /* ─── Typography helpers ───────────────────────────────────────── */
+  .text-mono {
+    font-family: var(--font-jetbrains);
+    font-feature-settings: "calt", "ss03";
+  }
+
+  /* ─── Tile rhythms ─────────────────────────────────────────────── */
+  .tile-light {
+    @apply bg-canvas text-ink py-section;
+  }
+  .tile-parchment {
+    @apply bg-canvas-parchment text-ink py-section;
+  }
+  .tile-dark {
+    @apply bg-surface-tile-1 text-white py-section;
+  }
+  .tile-dark-2 {
+    @apply bg-surface-tile-2 text-white py-section;
+  }
+
+  /* ─── Frosted nav ──────────────────────────────────────────────── */
+  .frosted {
+    backdrop-filter: saturate(180%) blur(20px);
+    -webkit-backdrop-filter: saturate(180%) blur(20px);
+  }
+
+  /* ─── Section container ────────────────────────────────────────── */
+  .container-content {
+    @apply max-w-[1440px] mx-auto px-6 md:px-12;
+  }
+
+  .container-narrow {
+    @apply max-w-[980px] mx-auto px-6 md:px-12;
+  }
+}
+
+/* Scrollbar polish (cross-browser, subtle) */
+@layer utilities {
+  .scrollbar-fine {
+    scrollbar-width: thin;
+    scrollbar-color: rgba(0, 0, 0, 0.18) transparent;
+  }
+  .scrollbar-fine::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+  .scrollbar-fine::-webkit-scrollbar-thumb {
+    background-color: rgba(0, 0, 0, 0.18);
+    border-radius: 9999px;
+  }
+  .scrollbar-fine::-webkit-scrollbar-track {
+    background: transparent;
+  }
+}

app/layout.tsx

@@ -0,0 +1,44 @@
+import type { Metadata } from "next";
+import { Inter, JetBrains_Mono } from "next/font/google";
+import "./globals.css";
+import { Providers } from "./providers";
+import { GlobalNav } from "@/components/nav/GlobalNav";
+import { SubNav } from "@/components/nav/SubNav";
+import { Footer } from "@/components/nav/Footer";
+
+const inter = Inter({
+  subsets: ["latin"],
+  variable: "--font-inter",
+  display: "swap",
+});
+
+const jetbrains = JetBrains_Mono({
+  subsets: ["latin"],
+  variable: "--font-jetbrains",
+  display: "swap",
+});
+
+export const metadata: Metadata = {
+  title: "doc-to-lora — Etiya BSS knowledge interface",
+  description:
+    "Stateless retrieval-augmented inference over 1,166 Etiya BSS documents. Built on doc-to-lora hypernetwork (Sakana AI) and Gemma-2-2b-it.",
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en" className={`${inter.variable} ${jetbrains.variable}`}>
+      <body className="min-h-screen flex flex-col">
+        <Providers>
+          <GlobalNav />
+          <SubNav />
+          <main className="flex-1">{children}</main>
+          <Footer />
+        </Providers>
+      </body>
+    </html>
+  );
+}

app/page.tsx

@@ -0,0 +1,244 @@
+"use client";
+
+import { AskInput } from "@/components/feature/AskInput";
+import { AnswerCard } from "@/components/feature/AnswerCard";
+import { Spinner } from "@/components/ui/Spinner";
+import { api, ApiError } from "@/lib/api";
+import { AskSmartResponse, HealthResponse } from "@/lib/types";
+import { useMutation, useQuery } from "@tanstack/react-query";
+import Link from "next/link";
+import { useState } from "react";
+
+const SAMPLE_QUESTIONS = [
+  "What are the four customer order item action types?",
+  "What is a Bill of Materials in Etiya BSS?",
+  "How does Etiya manage organizational contracts?",
+  "Can a category be localized in multiple languages?",
+];
+
+export default function HomePage() {
+  const [question, setQuestion] = useState("");
+
+  const askMutation = useMutation({
+    mutationFn: (q: string) => api.askSmart({ question: q }),
+  });
+
+  const handleAsk = (q: string) => {
+    setQuestion(q);
+    askMutation.mutate(q);
+  };
+
+  return (
+    <>
+      {/* ───── Hero tile (light) ──────────────────────────────────── */}
+      <section className="tile-light">
+        <div className="container-narrow text-center">
+          <h1 className="text-hero-display text-ink animate-fade-in">
+            Ask anything.
+          </h1>
+          <p className="text-lead text-ink-48 mt-4 animate-stagger-1">
+            Stateless retrieval-augmented inference over{" "}
+            <span className="text-mono text-ink">1,166</span> Etiya BSS
+            documents.
+          </p>
+
+          <div className="mt-12 max-w-[720px] mx-auto animate-stagger-2">
+            <AskInput
+              onAsk={handleAsk}
+              loading={askMutation.isPending}
+              placeholder="What are the four customer order item action types?"
+            />
+
+            <div className="flex flex-wrap justify-center gap-2 mt-6 animate-stagger-3">
+              {SAMPLE_QUESTIONS.map((q) => (
+                <button
+                  key={q}
+                  onClick={() => handleAsk(q)}
+                  disabled={askMutation.isPending}
+                  className="btn-pearl"
+                >
+                  {q}
+                </button>
+              ))}
+            </div>
+          </div>
+        </div>
+      </section>
+
+      {/* ───── Answer surface (parchment) ─────────────────────────── */}
+      {(askMutation.isPending ||
+        askMutation.data ||
+        askMutation.error) && (
+        <section className="tile-parchment py-section">
+          <div className="container-narrow">
+            {askMutation.isPending && <ThinkingPlaceholder />}
+            {askMutation.error && (
+              <ErrorCard error={askMutation.error} question={question} />
+            )}
+            {askMutation.data && (
+              <AnswerCard response={askMutation.data} question={question} />
+            )}
+          </div>
+        </section>
+      )}
+
+      {/* ───── Capability tiles (dark — section rhythm) ───────────── */}
+      <section className="tile-dark">
+        <div className="container-content grid md:grid-cols-3 gap-12">
+          <Capability
+            kicker="Triple-gate retrieval"
+            title="Hallucination defense at 87.5%"
+            body="K-means topic anchors + BM25 + dense (text-embedding-3-large) fused via Reciprocal Rank Fusion, then BGE rerank."
+          />
+          <Capability
+            kicker="Stateless inference"
+            title="Sub-2s answers on A100"
+            body="Each query re-tokenizes the source. No LoRA cache, no state corruption. Concurrent requests serialize on a single GPU lock."
+          />
+          <Capability
+            kicker="Zero hardcoded text"
+            title="Topic anchors derived from corpus"
+            body="The 38 K-means cluster centroids replace any handcrafted refusal phrase list. Add documents and re-index — anchors auto-update."
+          />
+        </div>
+      </section>
+
+      {/* ───── Capability stats tile (parchment) ──────────────────── */}
+      <SystemSummary />
+    </>
+  );
+}
+
+function Capability({
+  kicker,
+  title,
+  body,
+}: {
+  kicker: string;
+  title: string;
+  body: string;
+}) {
+  return (
+    <div>
+      <p className="text-caption-strong text-primary-on-dark uppercase tracking-[0.08em]">
+        {kicker}
+      </p>
+      <h3 className="text-display-md mt-3 text-white">{title}</h3>
+      <p className="text-body text-body-muted mt-4">{body}</p>
+    </div>
+  );
+}
+
+function ThinkingPlaceholder() {
+  return (
+    <div className="bg-canvas rounded-lg shadow-product p-12 flex items-center gap-4 animate-fade-in">
+      <Spinner className="text-primary" />
+      <span className="text-body text-ink-48">
+        Retrieving · reranking · grounding · generating…
+      </span>
+    </div>
+  );
+}
+
+function ErrorCard({
+  error,
+  question,
+}: {
+  error: unknown;
+  question: string;
+}) {
+  const status = error instanceof ApiError ? error.status : 0;
+  const msg = error instanceof Error ? error.message : String(error);
+  return (
+    <div className="utility-card">
+      <p className="text-caption-strong text-status-err uppercase tracking-[0.08em]">
+        Error · HTTP {status || "—"}
+      </p>
+      <p className="text-body-strong mt-2">{msg}</p>
+      <p className="text-caption text-ink-48 mt-3">
+        Question: <span className="text-mono">{question}</span>
+      </p>
+      {status === 502 && (
+        <p className="text-caption mt-4">
+          Backend not reachable. Check the HF Space stage at{" "}
+          <Link
+            className="text-primary hover:underline"
+            href="https://huggingface.co/spaces/Etiya/d2l-api"
+            target="_blank"
+          >
+            huggingface.co/spaces/Etiya/d2l-api
+          </Link>
+          .
+        </p>
+      )}
+    </div>
+  );
+}
+
+function SystemSummary() {
+  const { data } = useQuery({
+    queryKey: ["health"],
+    queryFn: () => api.health(),
+    staleTime: 30_000,
+  });
+  return (
+    <section className="tile-parchment">
+      <div className="container-content text-center">
+        <p className="text-caption-strong text-ink-48 uppercase tracking-[0.08em]">
+          Live system
+        </p>
+        <h2 className="text-display-lg mt-3">
+          {data ? formatHealthHeadline(data) : "doc-to-lora · A100 · GPU online"}
+        </h2>
+        <div className="mt-12 grid grid-cols-2 md:grid-cols-4 gap-8 max-w-[980px] mx-auto">
+          <Stat
+            label="Documents indexed"
+            value={data?.doc_count?.toLocaleString() ?? "—"}
+          />
+          <Stat
+            label="GPU memory"
+            value={data ? data.gpu_memory_gb.toFixed(2) : "—"}
+            unit="GB"
+          />
+          <Stat
+            label="Model loaded"
+            value={
+              data === undefined ? "—" : data.model_loaded ? "Yes" : "No"
+            }
+          />
+          <Stat label="Eval pass rate" value="72.0" unit="%" />
+        </div>
+        <Link href="/system" className="btn-secondary mt-12 inline-flex">
+          Open system dashboard
+        </Link>
+      </div>
+    </section>
+  );
+}
+
+function Stat({
+  label,
+  value,
+  unit,
+}: {
+  label: string;
+  value: string;
+  unit?: string;
+}) {
+  return (
+    <div className="text-left">
+      <p className="text-fine-print uppercase tracking-[0.08em] text-ink-48">
+        {label}
+      </p>
+      <p className="text-display-md mt-2 text-mono">
+        {value}
+        {unit && <span className="text-ink-48 ml-1 text-lead">{unit}</span>}
+      </p>
+    </div>
+  );
+}
+
+function formatHealthHeadline(data: HealthResponse): string {
+  if (!data.model_loaded) return "Model warming up…";
+  return `${data.doc_count.toLocaleString()} documents · GPU ready`;
+}

app/providers.tsx

@@ -0,0 +1,21 @@
+"use client";
+
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { useState } from "react";
+
+export function Providers({ children }: { children: React.ReactNode }) {
+  const [client] = useState(
+    () =>
+      new QueryClient({
+        defaultOptions: {
+          queries: {
+            staleTime: 30_000,
+            refetchOnWindowFocus: false,
+            retry: 1,
+          },
+        },
+      })
+  );
+
+  return <QueryClientProvider client={client}>{children}</QueryClientProvider>;
+}

app/system/CLAUDE.md

@@ -0,0 +1,7 @@
+<claude-mem-context>
+# Recent Activity
+
+<!-- This section is auto-generated by claude-mem. Edit content outside the tags. -->
+
+*No recent activity*
+</claude-mem-context>

app/system/page.tsx

@@ -0,0 +1,354 @@
+"use client";
+
+import { Spinner } from "@/components/ui/Spinner";
+import { api } from "@/lib/api";
+import { HealthResponse } from "@/lib/types";
+import { useMutation, useQuery } from "@tanstack/react-query";
+import { useEffect, useState } from "react";
+
+export default function SystemPage() {
+  const { data, error, refetch, isFetching } = useQuery({
+    queryKey: ["health"],
+    queryFn: () => api.health(),
+    refetchInterval: 30_000,
+    staleTime: 0,
+  });
+
+  const reindexMutation = useMutation({
+    mutationFn: ({
+      force_full,
+      rebuild_anchors,
+    }: {
+      force_full: boolean;
+      rebuild_anchors: boolean;
+    }) => api.reindex(force_full, rebuild_anchors),
+  });
+
+  return (
+    <>
+      {/* ───── Header ────────────────────────────────────────────── */}
+      <section className="tile-parchment !py-12">
+        <div className="container-content flex items-end justify-between flex-wrap gap-4">
+          <div>
+            <h1 className="text-display-lg">System</h1>
+            <p className="text-body text-ink-48 mt-2">
+              Live readout — auto-refresh every 30s.
+            </p>
+          </div>
+          <button
+            onClick={() => refetch()}
+            disabled={isFetching}
+            className="btn-secondary"
+          >
+            {isFetching ? (
+              <>
+                <Spinner className="mr-2" /> Refreshing
+              </>
+            ) : (
+              "Refresh now"
+            )}
+          </button>
+        </div>
+      </section>
+
+      {/* ───── Health metrics ────────────────────────────────────── */}
+      <section className="tile-light" id="metrics">
+        <div className="container-content">
+          {error && (
+            <div className="utility-card border-status-err/20 mb-8">
+              <p className="text-status-err text-body-strong">
+                Failed to read /health
+              </p>
+              <p className="text-caption text-ink-48 mt-1">
+                {error instanceof Error ? error.message : String(error)}
+              </p>
+            </div>
+          )}
+
+          <div className="grid grid-cols-2 lg:grid-cols-4 gap-6">
+            <BigMetric
+              label="Stage"
+              value={
+                data === undefined
+                  ? "—"
+                  : data.model_loaded
+                  ? "Running"
+                  : "Loading"
+              }
+              tone={
+                data === undefined
+                  ? "neutral"
+                  : data.model_loaded
+                  ? "ok"
+                  : "warn"
+              }
+            />
+            <BigMetric
+              label="Documents indexed"
+              value={data?.doc_count?.toLocaleString() ?? "—"}
+            />
+            <BigMetric
+              label="GPU memory"
+              value={data ? data.gpu_memory_gb.toFixed(2) : "—"}
+              unit="GB"
+            />
+            <BigMetric
+              label="Hardware"
+              value="A100"
+              unit="80GB"
+            />
+          </div>
+
+          <div className="mt-12 grid md:grid-cols-2 gap-6">
+            <Latencies />
+            <CorpusBreakdown data={data} />
+          </div>
+        </div>
+      </section>
+
+      {/* ───── Re-index controls ────────────────────────────────── */}
+      <section className="tile-parchment" id="index">
+        <div className="container-content max-w-[800px]">
+          <h2 className="text-display-md">Index management</h2>
+          <p className="text-body text-ink-48 mt-2">
+            The RAG index needs to be synchronized after document changes.
+            Incremental is the default — it only embeds new/removed docs.
+          </p>
+
+          <div className="mt-8 grid md:grid-cols-2 gap-6">
+            <ReindexCard
+              title="Incremental"
+              description="Sync new and removed docs. ~350ms."
+              cost="≈ $0.0001"
+              loading={
+                reindexMutation.isPending &&
+                !reindexMutation.variables?.force_full
+              }
+              onClick={() =>
+                reindexMutation.mutate({ force_full: false, rebuild_anchors: false })
+              }
+            />
+            <ReindexCard
+              title="Full rebuild"
+              description="Re-embed all 1,166 docs + rebuild K-means anchors. ~30s."
+              cost="≈ $0.16"
+              danger
+              loading={
+                reindexMutation.isPending &&
+                !!reindexMutation.variables?.force_full
+              }
+              onClick={() =>
+                reindexMutation.mutate({ force_full: true, rebuild_anchors: true })
+              }
+            />
+          </div>
+
+          {reindexMutation.data && (
+            <div className="utility-card mt-6">
+              <p className="text-caption-strong text-status-ok mb-2">
+                Re-index complete
+              </p>
+              <pre className="text-mono text-caption text-ink whitespace-pre-wrap">
+                {JSON.stringify(reindexMutation.data, null, 2)}
+              </pre>
+            </div>
+          )}
+          {reindexMutation.error && (
+            <div className="utility-card border-status-err/20 mt-6">
+              <p className="text-caption-strong text-status-err">
+                Re-index failed
+              </p>
+              <p className="text-caption mt-1">
+                {reindexMutation.error instanceof Error
+                  ? reindexMutation.error.message
+                  : String(reindexMutation.error)}
+              </p>
+            </div>
+          )}
+        </div>
+      </section>
+
+      {/* ───── Eval / quality (static, sourced from production data) ──── */}
+      <section className="tile-dark">
+        <div className="container-content">
+          <p className="text-caption-strong text-primary-on-dark uppercase tracking-[0.08em]">
+            Eval suite
+          </p>
+          <h2 className="text-display-lg text-white mt-3 mb-12">
+            100-question benchmark
+          </h2>
+          <div className="grid grid-cols-2 md:grid-cols-4 gap-8">
+            <DarkMetric label="Hallucination defense" value="87.5" unit="%" />
+            <DarkMetric label="Concept queries" value="84" unit="%" />
+            <DarkMetric label="Cross-domain" value="55" unit="%" />
+            <DarkMetric label="Fact recall" value="59" unit="%" />
+          </div>
+          <p className="text-caption text-body-muted mt-12 max-w-[600px]">
+            Pure numerical signals (anchor / dense / rerank) with zero hardcoded
+            reference text. The eval set lives at
+            <span className="text-mono"> eval/eval_set.jsonl</span> in the
+            backend repo and can be replayed any time.
+          </p>
+        </div>
+      </section>
+    </>
+  );
+}
+
+function BigMetric({
+  label,
+  value,
+  unit,
+  tone = "neutral",
+}: {
+  label: string;
+  value: string | number;
+  unit?: string;
+  tone?: "ok" | "warn" | "err" | "neutral";
+}) {
+  const dotClass = {
+    ok: "bg-status-ok",
+    warn: "bg-status-warn",
+    err: "bg-status-err",
+    neutral: "bg-ink-48",
+  }[tone];
+  return (
+    <div className="utility-card">
+      <p className="text-fine-print uppercase tracking-[0.08em] text-ink-48 flex items-center gap-2">
+        <span className={`inline-block w-1.5 h-1.5 rounded-full ${dotClass}`} />
+        {label}
+      </p>
+      <p className="text-display-md mt-2 text-mono text-ink">
+        {value}
+        {unit && <span className="text-ink-48 ml-1 text-lead">{unit}</span>}
+      </p>
+    </div>
+  );
+}
+
+function DarkMetric({
+  label,
+  value,
+  unit,
+}: {
+  label: string;
+  value: string;
+  unit?: string;
+}) {
+  return (
+    <div>
+      <p className="text-fine-print uppercase tracking-[0.08em] text-body-muted">
+        {label}
+      </p>
+      <p className="text-display-lg mt-2 text-mono text-white">
+        {value}
+        {unit && <span className="text-body-muted ml-1 text-lead">{unit}</span>}
+      </p>
+    </div>
+  );
+}
+
+function Latencies() {
+  const [pingMs, setPingMs] = useState<number | null>(null);
+  useEffect(() => {
+    let alive = true;
+    const tick = async () => {
+      const t0 = performance.now();
+      try {
+        await api.ping();
+        const dt = performance.now() - t0;
+        if (alive) setPingMs(dt);
+      } catch {
+        if (alive) setPingMs(null);
+      }
+    };
+    tick();
+    const id = setInterval(tick, 30_000);
+    return () => {
+      alive = false;
+      clearInterval(id);
+    };
+  }, []);
+
+  return (
+    <div className="utility-card">
+      <h3 className="text-body-strong">Round-trip latencies</h3>
+      <div className="mt-4 space-y-3 text-caption">
+        <Row label="Browser → ping" value={pingMs ? `${pingMs.toFixed(0)} ms` : "—"} />
+        <Row label="ask_smart (typical reject)" value="≈ 400 ms" />
+        <Row label="ask_smart (with inference)" value="≈ 1.3-2.0 s" />
+        <Row label="reindex (incremental)" value="≈ 350 ms" />
+        <Row label="reindex (full)" value="≈ 30 s" />
+      </div>
+    </div>
+  );
+}
+
+function CorpusBreakdown({ data }: { data: HealthResponse | undefined }) {
+  return (
+    <div className="utility-card">
+      <h3 className="text-body-strong">Corpus &amp; index</h3>
+      <div className="mt-4 space-y-3 text-caption">
+        <Row
+          label="Documents on disk"
+          value={data ? data.doc_count.toLocaleString() : "—"}
+        />
+        <Row label="Embedding model" value="text-embedding-3-large" />
+        <Row label="Embedding dim" value="3072" />
+        <Row label="Reranker" value="bge-reranker-v2-m3" />
+        <Row label="Refusal classifier" value="all-MiniLM-L6-v2" />
+        <Row label="Topic anchors (K)" value="38" />
+      </div>
+    </div>
+  );
+}
+
+function ReindexCard({
+  title,
+  description,
+  cost,
+  loading,
+  danger,
+  onClick,
+}: {
+  title: string;
+  description: string;
+  cost: string;
+  loading: boolean;
+  danger?: boolean;
+  onClick: () => void;
+}) {
+  return (
+    <div className="utility-card flex flex-col gap-4">
+      <div>
+        <h3 className="text-body-strong">{title}</h3>
+        <p className="text-caption text-ink-48 mt-1">{description}</p>
+        <p className="text-fine-print text-ink-48 mt-2 text-mono">
+          OpenAI cost {cost}
+        </p>
+      </div>
+      <button
+        onClick={onClick}
+        disabled={loading}
+        className={danger ? "btn-secondary self-start" : "btn-primary self-start"}
+      >
+        {loading ? (
+          <>
+            <Spinner className="mr-2" /> Running
+          </>
+        ) : (
+          `Run ${title.toLowerCase()}`
+        )}
+      </button>
+    </div>
+  );
+}
+
+function Row({ label, value }: { label: string; value: string }) {
+  return (
+    <div className="flex items-center justify-between">
+      <span className="text-ink-48">{label}</span>
+      <span className="text-mono text-ink">{value}</span>
+    </div>
+  );
+}

components/feature/AdvancedParams.tsx

@@ -0,0 +1,206 @@
+"use client";
+
+import { AskSmartRequest } from "@/lib/types";
+import clsx from "clsx";
+import { useState } from "react";
+
+const DEFAULTS: Required<Omit<AskSmartRequest, "question">> = {
+  top_k: 1,
+  max_new_tokens: 200,
+  similarity_threshold: 0.45,
+  rerank_threshold: 0.6,
+  anchor_threshold: 0.2,
+  use_grounding: true,
+  repetition_penalty: 1.15,
+  no_repeat_ngram_size: 4,
+  scaler: 1.0,
+  bias_scaler: 1.0,
+};
+
+type ParamMeta<K extends keyof typeof DEFAULTS> = {
+  key: K;
+  label: string;
+  desc: string;
+  min: number;
+  max: number;
+  step: number;
+  unit?: string;
+};
+
+const PARAMS: ParamMeta<keyof typeof DEFAULTS>[] = [
+  {
+    key: "top_k",
+    label: "Top-K retrieval",
+    desc: "How many documents to surface as context. 1 = single best doc; 3 = blend (experimental on gemma_demo checkpoint).",
+    min: 1,
+    max: 3,
+    step: 1,
+  },
+  {
+    key: "max_new_tokens",
+    label: "Max new tokens",
+    desc: "Generation cap. > 200 risks repetition loops with greedy decoding.",
+    min: 32,
+    max: 512,
+    step: 8,
+  },
+  {
+    key: "similarity_threshold",
+    label: "Dense similarity gate",
+    desc: "Reject if top-1 dense cosine is below this. Lower = more permissive recall, higher = stricter rejection.",
+    min: 0,
+    max: 1,
+    step: 0.01,
+  },
+  {
+    key: "rerank_threshold",
+    label: "BGE rerank gate",
+    desc: "Reject if BGE cross-encoder score is below this. Higher = trust only confidently relevant docs.",
+    min: -2,
+    max: 5,
+    step: 0.05,
+  },
+  {
+    key: "anchor_threshold",
+    label: "Anchor (topic) gate",
+    desc: "Reject if question is far from every K-means topic centroid. Catches out-of-corpus probes.",
+    min: 0,
+    max: 1,
+    step: 0.01,
+  },
+  {
+    key: "scaler",
+    label: "doc-to-lora scaler",
+    desc: "LoRA intensity. 0 = ignore document, 1 = normal, >1 = amplify, <0 = invert. Hypernet-specific.",
+    min: -2,
+    max: 2,
+    step: 0.05,
+  },
+  {
+    key: "bias_scaler",
+    label: "Bias scaler",
+    desc: "Bias-side LoRA intensity. Usually leave at 1.0.",
+    min: -2,
+    max: 2,
+    step: 0.05,
+  },
+  {
+    key: "repetition_penalty",
+    label: "Repetition penalty",
+    desc: "1.0 = off. 1.1–1.2 cuts loops without hurting fluency.",
+    min: 1,
+    max: 2,
+    step: 0.05,
+  },
+  {
+    key: "no_repeat_ngram_size",
+    label: "No-repeat n-gram",
+    desc: "Forbid the same n-gram twice. 0 = off. 4 = cuts most loops without harming list output.",
+    min: 0,
+    max: 8,
+    step: 1,
+  },
+];
+
+export function AdvancedParams({
+  values,
+  onChange,
+}: {
+  values: AskSmartRequest;
+  onChange: (next: AskSmartRequest) => void;
+}) {
+  const [open, setOpen] = useState(false);
+
+  const reset = () => onChange({ question: values.question, ...DEFAULTS });
+
+  return (
+    <div className="utility-card">
+      <button
+        onClick={() => setOpen((o) => !o)}
+        className="w-full flex items-center justify-between text-body-strong"
+        aria-expanded={open}
+      >
+        <span>Advanced parameters</span>
+        <span
+          className={clsx(
+            "text-ink-48 transition-transform duration-300",
+            open && "rotate-180"
+          )}
+        >
+          ⌄
+        </span>
+      </button>
+
+      {open && (
+        <div className="mt-6 animate-fade-in">
+          <div className="grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-6">
+            {PARAMS.map((p) => (
+              <ParamRow
+                key={p.key}
+                meta={p}
+                value={values[p.key] ?? DEFAULTS[p.key]}
+                onChange={(v) => onChange({ ...values, [p.key]: v })}
+              />
+            ))}
+          </div>
+
+          <div className="mt-8 pt-4 border-t border-divider-soft flex items-center justify-between">
+            <label className="flex items-center gap-3 text-caption text-ink">
+              <input
+                type="checkbox"
+                checked={values.use_grounding ?? true}
+                onChange={(e) =>
+                  onChange({ ...values, use_grounding: e.target.checked })
+                }
+                className="w-4 h-4 accent-primary"
+              />
+              <span>Wrap question with grounding instruction</span>
+              <span className="text-ink-48 text-fine-print">
+                (forces model to refuse if context is insufficient)
+              </span>
+            </label>
+            <button onClick={reset} className="btn-pearl">
+              Reset to defaults
+            </button>
+          </div>
+        </div>
+      )}
+    </div>
+  );
+}
+
+function ParamRow<K extends keyof typeof DEFAULTS>({
+  meta,
+  value,
+  onChange,
+}: {
+  meta: ParamMeta<K>;
+  value: number | boolean;
+  onChange: (v: number) => void;
+}) {
+  const num = typeof value === "number" ? value : 0;
+  return (
+    <div>
+      <div className="flex items-center justify-between mb-1">
+        <label className="text-caption-strong text-ink">{meta.label}</label>
+        <span className="text-mono text-caption text-ink-48">
+          {num.toFixed(meta.step < 1 ? 2 : 0)}
+          {meta.unit ?? ""}
+        </span>
+      </div>
+      <input
+        type="range"
+        min={meta.min}
+        max={meta.max}
+        step={meta.step}
+        value={num}
+        onChange={(e) => onChange(parseFloat(e.target.value))}
+        className="w-full accent-primary"
+        aria-label={meta.label}
+      />
+      <p className="text-fine-print text-ink-48 mt-1">{meta.desc}</p>
+    </div>
+  );
+}
+
+export { DEFAULTS };

components/feature/AnswerCard.tsx

@@ -0,0 +1,97 @@
+"use client";
+
+import { AskSmartResponse } from "@/lib/types";
+import { StatusBadge } from "@/components/ui/StatusBadge";
+import { MetricBlock } from "@/components/ui/MetricBlock";
+import { useState } from "react";
+
+/**
+ * The "product render" of the application — the answer surface.
+ * Carries the system's only sanctioned shadow (`shadow-product`).
+ * Centered, breathing, with metrics as the spec-sheet readout.
+ */
+export function AnswerCard({
+  response,
+  question,
+}: {
+  response: AskSmartResponse;
+  question: string;
+}) {
+  const top = response.source_docs?.[0];
+  return (
+    <article className="bg-canvas rounded-lg shadow-product p-8 md:p-12 animate-slide-up">
+      <header className="flex items-start justify-between gap-4 mb-6">
+        <span className="text-caption text-ink-48 line-clamp-2 max-w-[80%]">
+          {question}
+        </span>
+        <StatusBadge status={response._grounding_status} />
+      </header>
+
+      <div className="text-display-md whitespace-pre-wrap text-ink leading-snug">
+        {response.answer}
+      </div>
+
+      {/* Metrics row — Apple's spec-sheet voice in JetBrains Mono */}
+      <div className="mt-10 pt-6 border-t border-divider-soft grid grid-cols-2 md:grid-cols-4 gap-6">
+        <MetricBlock
+          label="Top similarity"
+          value={response._top_similarity?.toFixed(3) ?? "—"}
+        />
+        <MetricBlock
+          label="Rerank score"
+          value={response._top_rerank_score?.toFixed(3) ?? "—"}
+        />
+        <MetricBlock
+          label="Anchor"
+          value={response._anchor_score?.toFixed(3) ?? "—"}
+        />
+        <MetricBlock
+          label="Total"
+          value={response.total_seconds.toFixed(2)}
+          unit="s"
+        />
+      </div>
+
+      {top && <SourceDocList docs={response.source_docs} />}
+    </article>
+  );
+}
+
+function SourceDocList({ docs }: { docs: AskSmartResponse["source_docs"] }) {
+  const [expanded, setExpanded] = useState(false);
+  if (!docs?.length) return null;
+  const visible = expanded ? docs : docs.slice(0, 1);
+  return (
+    <section className="mt-6">
+      <h4 className="text-caption-strong text-ink-48 uppercase tracking-[0.08em] mb-3">
+        Sources ({docs.length})
+      </h4>
+      <ul className="space-y-2">
+        {visible.map((d) => (
+          <li
+            key={d.doc_id}
+            className="utility-card flex items-center justify-between gap-4"
+          >
+            <div className="min-w-0 flex-1">
+              <div className="text-body-strong text-ink truncate">{d.name}</div>
+              <div className="text-caption text-ink-48 text-mono mt-0.5">
+                {d.doc_id}
+              </div>
+            </div>
+            <div className="text-mono text-caption text-ink shrink-0">
+              {d.similarity.toFixed(3)}
+            </div>
+          </li>
+        ))}
+      </ul>
+      {docs.length > 1 && (
+        <button
+          onClick={() => setExpanded((e) => !e)}
+          className="mt-3 text-caption text-primary hover:underline"
+        >
+          {expanded ? "Show less" : `Show ${docs.length - 1} more`}
+        </button>
+      )}
+    </section>
+  );
+}

components/feature/AskInput.tsx

@@ -0,0 +1,63 @@
+"use client";
+
+import { Spinner } from "@/components/ui/Spinner";
+import { useState } from "react";
+
+/**
+ * The "search-input" pill — search-input grammar from Apple's accessories page,
+ * here promoted to the hero CTA. 44px touch target, full pill, focus ring.
+ */
+export function AskInput({
+  onAsk,
+  loading,
+  initialValue = "",
+  placeholder = "Ask a question about Etiya BSS…",
+}: {
+  onAsk: (q: string) => void;
+  loading: boolean;
+  initialValue?: string;
+  placeholder?: string;
+}) {
+  const [value, setValue] = useState(initialValue);
+
+  const submit = (e: React.FormEvent) => {
+    e.preventDefault();
+    const trimmed = value.trim();
+    if (trimmed && !loading) onAsk(trimmed);
+  };
+
+  return (
+    <form onSubmit={submit} className="w-full flex flex-col sm:flex-row gap-3">
+      <div className="relative flex-1">
+        <span className="absolute left-5 top-1/2 -translate-y-1/2 text-ink-48 pointer-events-none">
+          <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
+            <circle cx="7" cy="7" r="5" stroke="currentColor" strokeWidth="1.5" />
+            <path d="m11 11 3 3" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" />
+          </svg>
+        </span>
+        <input
+          type="text"
+          value={value}
+          onChange={(e) => setValue(e.target.value)}
+          placeholder={placeholder}
+          disabled={loading}
+          className="input-pill pl-12 disabled:opacity-50"
+          aria-label="Question"
+        />
+      </div>
+      <button
+        type="submit"
+        disabled={loading || !value.trim()}
+        className="btn-primary min-w-[120px]"
+      >
+        {loading ? (
+          <>
+            <Spinner className="mr-2" /> Thinking
+          </>
+        ) : (
+          "Ask"
+        )}
+      </button>
+    </form>
+  );
+}

components/feature/CLAUDE.md

@@ -0,0 +1,7 @@
+<claude-mem-context>
+# Recent Activity
+
+<!-- This section is auto-generated by claude-mem. Edit content outside the tags. -->
+
+*No recent activity*
+</claude-mem-context>

components/nav/CLAUDE.md

@@ -0,0 +1,7 @@
+<claude-mem-context>
+# Recent Activity
+
+<!-- This section is auto-generated by claude-mem. Edit content outside the tags. -->
+
+*No recent activity*
+</claude-mem-context>

components/nav/Footer.tsx

@@ -0,0 +1,92 @@
+/**
+ * Footer with parchment background, dense link columns at 17/2.41 leading,
+ * fine-print legal row.
+ */
+export function Footer() {
+  return (
+    <footer className="bg-canvas-parchment text-ink-80">
+      <div className="container-content py-16">
+        <div className="grid grid-cols-2 md:grid-cols-4 gap-8 md:gap-12">
+          <Column title="System">
+            <FooterLink href="/system">Health</FooterLink>
+            <FooterLink href="/system#index">Index status</FooterLink>
+            <FooterLink href="/system#metrics">GPU metrics</FooterLink>
+          </Column>
+          <Column title="Inference">
+            <FooterLink href="/ask">Ask</FooterLink>
+            <FooterLink href="/ask#advanced">Advanced params</FooterLink>
+          </Column>
+          <Column title="Corpus">
+            <FooterLink href="/documents">All documents</FooterLink>
+            <FooterLink href="/documents#new">Add document</FooterLink>
+            <FooterLink href="/documents#reindex">Re-index</FooterLink>
+          </Column>
+          <Column title="Reference">
+            <FooterLink
+              href="https://huggingface.co/spaces/Etiya/d2l-api"
+              external
+            >
+              HF Space
+            </FooterLink>
+            <FooterLink
+              href="https://github.com/SakanaAI/doc-to-lora"
+              external
+            >
+              doc-to-lora paper
+            </FooterLink>
+            <FooterLink
+              href="https://huggingface.co/google/gemma-2-2b-it"
+              external
+            >
+              Gemma-2-2b-it
+            </FooterLink>
+          </Column>
+        </div>
+
+        <div className="mt-16 pt-6 border-t border-hairline flex flex-col md:flex-row justify-between gap-3 text-fine-print text-ink-48">
+          <span>© Etiya · Internal · doc-to-lora UI</span>
+          <span className="text-mono">
+            Built on Sakana AI · Gemma-2-2b-it · text-embedding-3-large · BGE
+          </span>
+        </div>
+      </div>
+    </footer>
+  );
+}
+
+function Column({
+  title,
+  children,
+}: {
+  title: string;
+  children: React.ReactNode;
+}) {
+  return (
+    <div>
+      <h3 className="text-caption-strong mb-1">{title}</h3>
+      <ul className="space-y-0">{children}</ul>
+    </div>
+  );
+}
+
+function FooterLink({
+  href,
+  external,
+  children,
+}: {
+  href: string;
+  external?: boolean;
+  children: React.ReactNode;
+}) {
+  return (
+    <li>
+      <a
+        href={href}
+        className="text-dense-link text-ink-80 hover:text-primary transition-colors"
+        {...(external ? { target: "_blank", rel: "noopener noreferrer" } : {})}
+      >
+        {children}
+      </a>
+    </li>
+  );
+}

components/nav/GlobalNav.tsx

@@ -0,0 +1,85 @@
+"use client";
+
+import Link from "next/link";
+import { useEffect, useState } from "react";
+import { api } from "@/lib/api";
+
+/**
+ * Apple's `global-nav`: ultra-thin true-black bar pinned to the top.
+ * Contains the brand wordmark, a tight link row, and a status pulse on the right.
+ */
+export function GlobalNav() {
+  const [pulse, setPulse] = useState<"alive" | "down" | "loading">("loading");
+
+  useEffect(() => {
+    let alive = true;
+    const tick = async () => {
+      try {
+        const r = await api.ping();
+        if (alive) setPulse(r.status === "alive" ? "alive" : "down");
+      } catch {
+        if (alive) setPulse("down");
+      }
+    };
+    tick();
+    const id = setInterval(tick, 30_000);
+    return () => {
+      alive = false;
+      clearInterval(id);
+    };
+  }, []);
+
+  return (
+    <header className="sticky top-0 z-50 bg-surface-black text-white h-[44px] flex items-center">
+      <nav className="container-content flex items-center justify-between w-full">
+        <Link href="/" className="flex items-center gap-2 text-nav-link">
+          <span className="text-mono text-[11px] tracking-[-0.05em] opacity-90">
+            ⌘ d2l
+          </span>
+          <span className="hidden sm:inline opacity-60">·</span>
+          <span className="hidden sm:inline opacity-90">Etiya BSS</span>
+        </Link>
+
+        <div className="flex items-center gap-5">
+          <Link
+            href="/ask"
+            className="text-nav-link opacity-90 hover:opacity-100 transition-opacity"
+          >
+            Ask
+          </Link>
+          <Link
+            href="/documents"
+            className="text-nav-link opacity-90 hover:opacity-100 transition-opacity"
+          >
+            Documents
+          </Link>
+          <Link
+            href="/system"
+            className="text-nav-link opacity-90 hover:opacity-100 transition-opacity"
+          >
+            System
+          </Link>
+          <span
+            className="flex items-center gap-2 text-nav-link"
+            aria-live="polite"
+          >
+            <span
+              className={
+                "inline-block w-[6px] h-[6px] rounded-full transition-colors " +
+                (pulse === "alive"
+                  ? "bg-status-ok"
+                  : pulse === "down"
+                  ? "bg-status-err"
+                  : "bg-body-muted")
+              }
+              aria-label={pulse}
+            />
+            <span className="hidden md:inline opacity-60 text-mono text-[11px]">
+              {pulse === "alive" ? "ALIVE" : pulse === "down" ? "DOWN" : "•••"}
+            </span>
+          </span>
+        </div>
+      </nav>
+    </header>
+  );
+}

components/nav/SubNav.tsx

@@ -0,0 +1,63 @@
+"use client";
+
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+
+/**
+ * Apple's `sub-nav-frosted`: parchment surface at 80% opacity with backdrop blur.
+ * Section title left, contextual CTA right. Sticky just below GlobalNav.
+ */
+export function SubNav() {
+  const pathname = usePathname();
+
+  const ctx = pathnameToContext(pathname);
+
+  return (
+    <div
+      className="sticky top-[44px] z-40 frosted bg-canvas-parchment/80 border-b border-hairline h-[52px] flex items-center"
+      style={{ backdropFilter: "saturate(180%) blur(20px)" }}
+    >
+      <div className="container-content flex items-center justify-between w-full">
+        <span className="text-tagline">{ctx.title}</span>
+        <div className="flex items-center gap-4">
+          <span className="hidden md:inline text-button-utility text-ink-48">
+            {ctx.subtitle}
+          </span>
+          {ctx.cta && (
+            <Link href={ctx.cta.href} className="btn-primary text-caption">
+              {ctx.cta.label}
+            </Link>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+function pathnameToContext(pathname: string) {
+  if (pathname === "/" || pathname === "")
+    return {
+      title: "Overview",
+      subtitle: "Stateless RAG over 1,166 BSS documents",
+      cta: { href: "/ask", label: "Ask now" },
+    };
+  if (pathname.startsWith("/ask"))
+    return {
+      title: "Ask",
+      subtitle: "doc-to-lora hypernet · Gemma-2-2b-it",
+      cta: { href: "/system", label: "System" },
+    };
+  if (pathname.startsWith("/documents"))
+    return {
+      title: "Documents",
+      subtitle: "Persistent BSS corpus · CRUD",
+      cta: null,
+    };
+  if (pathname.startsWith("/system"))
+    return {
+      title: "System",
+      subtitle: "Health · GPU · Index",
+      cta: null,
+    };
+  return { title: "doc-to-lora", subtitle: "", cta: null };
+}

components/ui/CLAUDE.md

@@ -0,0 +1,7 @@
+<claude-mem-context>
+# Recent Activity
+
+<!-- This section is auto-generated by claude-mem. Edit content outside the tags. -->
+
+*No recent activity*
+</claude-mem-context>

components/ui/MetricBlock.tsx

@@ -0,0 +1,29 @@
+import clsx from "clsx";
+
+/**
+ * "Spec sheet" inline numerical readout — JetBrains Mono variable for technical
+ * voice. Used in the answer card metrics row and system dashboard.
+ */
+export function MetricBlock({
+  label,
+  value,
+  unit,
+  className,
+}: {
+  label: string;
+  value: string | number;
+  unit?: string;
+  className?: string;
+}) {
+  return (
+    <div className={clsx("flex flex-col gap-0.5", className)}>
+      <span className="text-fine-print uppercase tracking-[0.08em] text-ink-48">
+        {label}
+      </span>
+      <span className="text-mono text-body-strong text-ink">
+        {value}
+        {unit ? <span className="text-ink-48 ml-0.5">{unit}</span> : null}
+      </span>
+    </div>
+  );
+}

components/ui/Spinner.tsx

@@ -0,0 +1,29 @@
+import clsx from "clsx";
+
+export function Spinner({ className }: { className?: string }) {
+  return (
+    <svg
+      className={clsx("animate-spin", className)}
+      width="18"
+      height="18"
+      viewBox="0 0 18 18"
+      fill="none"
+      aria-hidden
+    >
+      <circle
+        cx="9"
+        cy="9"
+        r="7"
+        stroke="currentColor"
+        strokeWidth="2"
+        opacity="0.2"
+      />
+      <path
+        d="M9 2 a 7 7 0 0 1 7 7"
+        stroke="currentColor"
+        strokeWidth="2"
+        strokeLinecap="round"
+      />
+    </svg>
+  );
+}

components/ui/StatusBadge.tsx

@@ -0,0 +1,80 @@
+import { GroundingStatus } from "@/lib/types";
+import clsx from "clsx";
+
+const STATUS_META: Record<
+  GroundingStatus,
+  { label: string; tone: "ok" | "warn" | "err" | "neutral"; description: string }
+> = {
+  answered: {
+    label: "Answered",
+    tone: "ok",
+    description:
+      "Source document found and answer is grounded. Highest confidence.",
+  },
+  answered_partial: {
+    label: "Partial",
+    tone: "warn",
+    description:
+      "Answer is partially grounded — model may have paraphrased beyond source.",
+  },
+  ungrounded: {
+    label: "Ungrounded",
+    tone: "warn",
+    description:
+      "Answer was generated but doesn't strongly match the source. Treat with caution.",
+  },
+  rejected_low_similarity: {
+    label: "Refused",
+    tone: "neutral",
+    description:
+      "Question rejected before inference — corpus has no sufficiently relevant document.",
+  },
+  model_refused: {
+    label: "Refused",
+    tone: "neutral",
+    description: "Model declined to answer based on the provided context.",
+  },
+};
+
+export function StatusBadge({
+  status,
+  className,
+}: {
+  status: GroundingStatus;
+  className?: string;
+}) {
+  const meta = STATUS_META[status] ?? {
+    label: status,
+    tone: "neutral",
+    description: "",
+  };
+  const toneClass = {
+    ok: "bg-status-ok/10 text-status-ok",
+    warn: "bg-status-warn/10 text-status-warn",
+    err: "bg-status-err/10 text-status-err",
+    neutral: "bg-ink-48/10 text-ink-48",
+  }[meta.tone];
+  return (
+    <span
+      title={meta.description}
+      className={clsx(
+        "inline-flex items-center gap-1.5 rounded-pill px-3 py-1 text-caption-strong",
+        toneClass,
+        className
+      )}
+    >
+      <Dot tone={meta.tone} />
+      {meta.label}
+    </span>
+  );
+}
+
+function Dot({ tone }: { tone: "ok" | "warn" | "err" | "neutral" }) {
+  const cls = {
+    ok: "bg-status-ok",
+    warn: "bg-status-warn",
+    err: "bg-status-err",
+    neutral: "bg-ink-48",
+  }[tone];
+  return <span className={clsx("inline-block w-1.5 h-1.5 rounded-full", cls)} />;
+}

docker-compose.yml

@@ -0,0 +1,49 @@
+# Etiya doc-to-lora UI — local container deployment
+#
+# Usage:
+#   1. cp .env.example .env.local        (or set HF_TOKEN in your shell)
+#   2. docker compose up --build         (builds image, starts container)
+#   3. open http://localhost:3000
+#
+# To rebuild after code changes:
+#   docker compose up --build --force-recreate
+#
+# To inspect inside the container:
+#   docker compose exec d2l-ui sh
+
+services:
+  d2l-ui:
+    build:
+      context: .
+      dockerfile: Dockerfile
+    image: etiya/d2l-ui:latest
+    container_name: d2l-ui
+    restart: unless-stopped
+    ports:
+      # Local dev exposes 3000; container internally listens on PORT env (default 7860 in image).
+      # Override PORT inside container to 3000 to match the local convention.
+      - "3000:3000"
+    environment:
+      PORT: 3000
+      # HF_TOKEN read from .env.local (host) at container startup —
+      # never baked into the image. Rotate by editing .env.local + restarting.
+      HF_TOKEN: ${HF_TOKEN:?HF_TOKEN must be set in .env.local or shell}
+      D2L_API_URL: ${D2L_API_URL:-https://etiya-d2l-api.hf.space}
+      NODE_ENV: production
+    env_file:
+      - .env.local
+    healthcheck:
+      test: ["CMD", "wget", "--quiet", "--tries=1", "--spider", "http://localhost:3000"]
+      interval: 30s
+      timeout: 5s
+      retries: 3
+      start_period: 15s
+    # Resource limits — tune to host. Frontend is light (~150MB image, ~80MB RAM).
+    deploy:
+      resources:
+        limits:
+          cpus: "1.0"
+          memory: 512M
+        reservations:
+          cpus: "0.25"
+          memory: 128M

frontend/CLAUDE.md

@@ -0,0 +1,7 @@
+<claude-mem-context>
+# Recent Activity
+
+<!-- This section is auto-generated by claude-mem. Edit content outside the tags. -->
+
+*No recent activity*
+</claude-mem-context>

frontend/app/api/proxy/CLAUDE.md

@@ -0,0 +1,7 @@
+<claude-mem-context>
+# Recent Activity
+
+<!-- This section is auto-generated by claude-mem. Edit content outside the tags. -->
+
+*No recent activity*
+</claude-mem-context>

frontend/app/api/proxy/[...path]/CLAUDE.md

@@ -0,0 +1,7 @@
+<claude-mem-context>
+# Recent Activity
+
+<!-- This section is auto-generated by claude-mem. Edit content outside the tags. -->
+
+*No recent activity*
+</claude-mem-context>

frontend/lib/CLAUDE.md

@@ -0,0 +1,7 @@
+<claude-mem-context>
+# Recent Activity
+
+<!-- This section is auto-generated by claude-mem. Edit content outside the tags. -->
+
+*No recent activity*
+</claude-mem-context>

lib/CLAUDE.md

@@ -0,0 +1,7 @@
+<claude-mem-context>
+# Recent Activity
+
+<!-- This section is auto-generated by claude-mem. Edit content outside the tags. -->
+
+*No recent activity*
+</claude-mem-context>

lib/api.ts

@@ -0,0 +1,89 @@
+/**
+ * Browser-side API client.
+ * All calls go through /api/proxy/* — token added server-side.
+ */
+
+import type {
+  AskSmartRequest,
+  AskSmartResponse,
+  CreateDocumentRequest,
+  DocumentMeta,
+  DocumentsListResponse,
+  HealthResponse,
+  PingResponse,
+  ReindexResponse,
+} from "./types";
+
+const PROXY = "/api/proxy";
+
+class ApiError extends Error {
+  status: number;
+  body: unknown;
+  constructor(status: number, message: string, body?: unknown) {
+    super(message);
+    this.status = status;
+    this.body = body;
+  }
+}
+
+async function request<T>(path: string, init?: RequestInit): Promise<T> {
+  // Empty path = upstream root (`/` health). Avoid `/api/proxy/` which Next 15
+  // 308-redirects to `/api/proxy`; hit the no-slash form directly.
+  const url = path ? `${PROXY}/${path}` : PROXY;
+  const res = await fetch(url, {
+    ...init,
+    headers: {
+      "Content-Type": "application/json",
+      ...(init?.headers || {}),
+    },
+  });
+  const text = await res.text();
+  let data: unknown;
+  try {
+    data = text ? JSON.parse(text) : null;
+  } catch {
+    data = text;
+  }
+  if (!res.ok) {
+    const msg =
+      typeof data === "object" && data && "detail" in data
+        ? String((data as { detail: unknown }).detail)
+        : `HTTP ${res.status}`;
+    throw new ApiError(res.status, msg, data);
+  }
+  return data as T;
+}
+
+export { ApiError };
+
+// ─── Health & Ops ─────────────────────────────────────────────────
+export const api = {
+  health: () => request<HealthResponse>(""),
+  ping: () => request<PingResponse>("ping"),
+
+  reindex: (force_full = false, rebuild_anchors = false) =>
+    request<ReindexResponse>("reindex", {
+      method: "POST",
+      body: JSON.stringify({ force_full, rebuild_anchors }),
+    }),
+
+  // ─── Documents ───────────────────────────────────────────────────
+  listDocuments: () => request<DocumentsListResponse>("documents"),
+  getDocument: (doc_id: string) => request<DocumentMeta>(`documents/${doc_id}`),
+  createDocument: (req: CreateDocumentRequest) =>
+    request<DocumentMeta>("documents", {
+      method: "POST",
+      body: JSON.stringify(req),
+    }),
+  deleteDocument: (doc_id: string) =>
+    request<{ status: string; doc_id: string }>(`documents/${doc_id}`, {
+      method: "DELETE",
+    }),
+
+  // ─── Inference ───────────────────────────────────────────────────
+  askSmart: (req: AskSmartRequest) =>
+    request<AskSmartResponse>("ask_smart", {
+      method: "POST",
+      body: JSON.stringify(req),
+    }),
+};

lib/types.ts

@@ -0,0 +1,92 @@
+/**
+ * TypeScript types matching the FastAPI backend.
+ * See d2l-space/app.py for source-of-truth.
+ */
+
+// ─── Health & Ops ──────────────────────────────────────────────────
+export type HealthResponse = {
+  status: "ok";
+  model_loaded: boolean;
+  doc_count: number;
+  gpu_memory_gb: number;
+};
+
+export type PingResponse = {
+  status: "alive";
+  ts: number;
+};
+
+export type ReindexResponse = {
+  status: "ok" | "no_change";
+  mode?: "incremental" | "full_rebuild";
+  added: number;
+  removed: number;
+  indexed_count: number;
+  store_count: number;
+  anchors_rebuilt: boolean;
+  anchors_k: number;
+  elapsed_seconds: number;
+};
+
+// ─── Documents ─────────────────────────────────────────────────────
+export type DocumentMeta = {
+  doc_id: string;
+  name: string;
+  length_chars: number;
+  created_at: number;
+};
+
+export type DocumentsListResponse = {
+  documents: DocumentMeta[];
+  count: number;
+};
+
+export type CreateDocumentRequest = {
+  text: string;
+  name?: string;
+};
+
+// ─── Inference ─────────────────────────────────────────────────────
+export type GroundingStatus =
+  | "answered"
+  | "answered_partial"
+  | "ungrounded"
+  | "rejected_low_similarity"
+  | "model_refused";
+
+export type SourceDoc = {
+  doc_id: string;
+  name: string;
+  similarity: number;
+  dense_similarity?: number;
+  rerank_score?: number;
+};
+
+export type AskSmartRequest = {
+  question: string;
+  top_k?: number;
+  max_new_tokens?: number;
+  similarity_threshold?: number;
+  rerank_threshold?: number;
+  anchor_threshold?: number;
+  use_grounding?: boolean;
+  repetition_penalty?: number;
+  no_repeat_ngram_size?: number;
+  scaler?: number;
+  bias_scaler?: number;
+};
+
+export type AskSmartResponse = {
+  answer: string;
+  source_docs: SourceDoc[];
+  _grounding_status: GroundingStatus;
+  _grounding_score?: number | null;
+  _top_similarity: number;
+  _top_rerank_score?: number | null;
+  _anchor_score?: number;
+  _corpus_relevance?: number;
+  _threshold: number;
+  retrieve_seconds: number;
+  inference_seconds: number;
+  total_seconds: number;
+};

next.config.mjs

@@ -0,0 +1,22 @@
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+  // The HF token is server-side only; no NEXT_PUBLIC_ exposure
+  // API calls go through /api/proxy/* which adds Authorization header server-side
+
+  // Standalone output for Docker — produces a minimal self-contained
+  // server.js bundle. Final image stays ~150MB instead of ~1GB.
+  output: "standalone",
+
+  // Pin the trace root to this folder so Next 15 doesn't follow a parent
+  // lockfile (e.g. /Users/<me>/package-lock.json) and produce confusing
+  // warnings or copy unrelated files into the standalone output.
+  outputFileTracingRoot: __dirname,
+};
+
+export default nextConfig;

package-lock.json

@@ -0,0 +1,2175 @@
+{
+  "name": "etiya-d2l-ui",
+  "version": "0.1.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "etiya-d2l-ui",
+      "version": "0.1.0",
+      "dependencies": {
+        "@tanstack/react-query": "^5.59.0",
+        "clsx": "^2.1.1",
+        "next": "^15.5.15",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "zustand": "^4.5.5"
+      },
+      "devDependencies": {
+        "@types/node": "^20.16.10",
+        "@types/react": "^18.3.11",
+        "@types/react-dom": "^18.3.0",
+        "autoprefixer": "^10.4.20",
+        "postcss": "^8.5.13",
+        "tailwindcss": "^3.4.13",
+        "typescript": "^5.6.2"
+      }
+    },
+    "node_modules/@alloc/quick-lru": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
+      "integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.10.0.tgz",
+      "integrity": "sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@img/colour": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.1.0.tgz",
+      "integrity": "sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==",
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@img/sharp-darwin-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-arm64/-/sharp-darwin-arm64-0.34.5.tgz",
+      "integrity": "sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-darwin-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-darwin-x64/-/sharp-darwin-x64-0.34.5.tgz",
+      "integrity": "sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-darwin-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-arm64/-/sharp-libvips-darwin-arm64-1.2.4.tgz",
+      "integrity": "sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-darwin-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-darwin-x64/-/sharp-libvips-darwin-x64-1.2.4.tgz",
+      "integrity": "sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm/-/sharp-libvips-linux-arm-1.2.4.tgz",
+      "integrity": "sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-arm64/-/sharp-libvips-linux-arm64-1.2.4.tgz",
+      "integrity": "sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-ppc64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-ppc64/-/sharp-libvips-linux-ppc64-1.2.4.tgz",
+      "integrity": "sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-riscv64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-riscv64/-/sharp-libvips-linux-riscv64-1.2.4.tgz",
+      "integrity": "sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-s390x": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-s390x/-/sharp-libvips-linux-s390x-1.2.4.tgz",
+      "integrity": "sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linux-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linux-x64/-/sharp-libvips-linux-x64-1.2.4.tgz",
+      "integrity": "sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-arm64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-arm64/-/sharp-libvips-linuxmusl-arm64-1.2.4.tgz",
+      "integrity": "sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-libvips-linuxmusl-x64": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/@img/sharp-libvips-linuxmusl-x64/-/sharp-libvips-linuxmusl-x64-1.2.4.tgz",
+      "integrity": "sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm/-/sharp-linux-arm-0.34.5.tgz",
+      "integrity": "sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-arm64/-/sharp-linux-arm64-0.34.5.tgz",
+      "integrity": "sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-ppc64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-ppc64/-/sharp-linux-ppc64-0.34.5.tgz",
+      "integrity": "sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-ppc64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-riscv64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-riscv64/-/sharp-linux-riscv64-0.34.5.tgz",
+      "integrity": "sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-riscv64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-s390x": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-s390x/-/sharp-linux-s390x-0.34.5.tgz",
+      "integrity": "sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-s390x": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linux-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linux-x64/-/sharp-linux-x64-0.34.5.tgz",
+      "integrity": "sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linux-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-arm64/-/sharp-linuxmusl-arm64-0.34.5.tgz",
+      "integrity": "sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-linuxmusl-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-linuxmusl-x64/-/sharp-linuxmusl-x64-0.34.5.tgz",
+      "integrity": "sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4"
+      }
+    },
+    "node_modules/@img/sharp-wasm32": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-wasm32/-/sharp-wasm32-0.34.5.tgz",
+      "integrity": "sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==",
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/runtime": "^1.7.0"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-arm64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-arm64/-/sharp-win32-arm64-0.34.5.tgz",
+      "integrity": "sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-ia32": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-ia32/-/sharp-win32-ia32-0.34.5.tgz",
+      "integrity": "sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@img/sharp-win32-x64": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/@img/sharp-win32-x64/-/sharp-win32-x64-0.34.5.tgz",
+      "integrity": "sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "Apache-2.0 AND LGPL-3.0-or-later",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@next/env": {
+      "version": "15.5.15",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-15.5.15.tgz",
+      "integrity": "sha512-vcmyu5/MyFzN7CdqRHO3uHO44p/QPCZkuTUXroeUmhNP8bL5PHFEhik22JUazt+CDDoD6EpBYRCaS2pISL+/hg==",
+      "license": "MIT"
+    },
+    "node_modules/@next/swc-darwin-arm64": {
+      "version": "15.5.15",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-15.5.15.tgz",
+      "integrity": "sha512-6PvFO2Tzt10GFK2Ro9tAVEtacMqRmTarYMFKAnV2vYMdwWc73xzmDQyAV7SwEdMhzmiRoo7+m88DuiXlJlGeaw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-darwin-x64": {
+      "version": "15.5.15",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-15.5.15.tgz",
+      "integrity": "sha512-G+YNV+z6FDZTp/+IdGyIMFqalBTaQSnvAA+X/hrt+eaTRFSznRMz9K7rTmzvM6tDmKegNtyzgufZW0HwVzEqaQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-gnu": {
+      "version": "15.5.15",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-15.5.15.tgz",
+      "integrity": "sha512-eVkrMcVIBqGfXB+QUC7jjZ94Z6uX/dNStbQFabewAnk13Uy18Igd1YZ/GtPRzdhtm7QwC0e6o7zOQecul4iC1w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-arm64-musl": {
+      "version": "15.5.15",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-15.5.15.tgz",
+      "integrity": "sha512-RwSHKMQ7InLy5GfkY2/n5PcFycKA08qI1VST78n09nN36nUPqCvGSMiLXlfUmzmpQpF6XeBYP2KRWHi0UW3uNg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-gnu": {
+      "version": "15.5.15",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-15.5.15.tgz",
+      "integrity": "sha512-nplqvY86LakS+eeiuWsNWvfmK8pFcOEW7ZtVRt4QH70lL+0x6LG/m1OpJ/tvrbwjmR8HH9/fH2jzW1GlL03TIg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-linux-x64-musl": {
+      "version": "15.5.15",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-15.5.15.tgz",
+      "integrity": "sha512-eAgl9NKQ84/sww0v81DQINl/vL2IBxD7sMybd0cWRw6wqgouVI53brVRBrggqBRP/NWeIAE1dm5cbKYoiMlqDQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-arm64-msvc": {
+      "version": "15.5.15",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-15.5.15.tgz",
+      "integrity": "sha512-GJVZC86lzSquh0MtvZT+L7G8+jMnJcldloOjA8Kf3wXvBrvb6OGe2MzPuALxFshSm/IpwUtD2mIoof39ymf52A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@next/swc-win32-x64-msvc": {
+      "version": "15.5.15",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-15.5.15.tgz",
+      "integrity": "sha512-nFucjVdwlFqxh/JG3hWSJ4p8+YJV7Ii8aPDuBQULB6DzUF4UNZETXLfEUk+oI2zEznWWULPt7MeuTE6xtK1HSA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10"
+      }
+    },
+    "node_modules/@nodelib/fs.scandir": {
+      "version": "2.1.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
+      "integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "2.0.5",
+        "run-parallel": "^1.1.9"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.stat": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
+      "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@nodelib/fs.walk": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
+      "integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.scandir": "2.1.5",
+        "fastq": "^1.6.0"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.15",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
+      "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@tanstack/query-core": {
+      "version": "5.100.9",
+      "resolved": "https://registry.npmjs.org/@tanstack/query-core/-/query-core-5.100.9.tgz",
+      "integrity": "sha512-SJSFw1S8+kQ0+knv/XGfrbocWoAlT7vDKsSImtLx3ZPQmEcR46hkDjLSvynSy25N8Ms4tIEini1FuBd5k7IscQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/react-query": {
+      "version": "5.100.9",
+      "resolved": "https://registry.npmjs.org/@tanstack/react-query/-/react-query-5.100.9.tgz",
+      "integrity": "sha512-Oa44XkaI3kCNN6ME0KByU3xT3SEUNOMfZpHxL6+wFoTm+OeUFYHKdeYVe0aOXlRDm/f15sgLwEt2HDorIdW8+A==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/query-core": "5.100.9"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "react": "^18 || ^19"
+      }
+    },
+    "node_modules/@types/node": {
+      "version": "20.19.39",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.39.tgz",
+      "integrity": "sha512-orrrD74MBUyK8jOAD/r0+lfa1I2MO6I+vAkmAWzMYbCcgrN4lCrmK52gRFQq/JRxfYPfonkr4b0jcY7Olqdqbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/@types/prop-types": {
+      "version": "15.7.15",
+      "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz",
+      "integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/react": {
+      "version": "18.3.28",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.28.tgz",
+      "integrity": "sha512-z9VXpC7MWrhfWipitjNdgCauoMLRdIILQsAEV+ZesIzBq/oUlxk0m3ApZuMFCXdnS4U7KrI+l3WRUEGQ8K1QKw==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/prop-types": "*",
+        "csstype": "^3.2.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "18.3.7",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-18.3.7.tgz",
+      "integrity": "sha512-MEe3UeoENYVFXzoXEWsvcpg6ZvlrFNlOQ7EOsvhI3CfAXwzPfO8Qwuxd40nepsYKqyyVQnTdEfv68q91yLcKrQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^18.0.0"
+      }
+    },
+    "node_modules/any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/arg": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/autoprefixer": {
+      "version": "10.5.0",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.5.0.tgz",
+      "integrity": "sha512-FMhOoZV4+qR6aTUALKX2rEqGG+oyATvwBt9IIzVR5rMa2HRWPkxf+P+PAJLD1I/H5/II+HuZcBJYEFBpq39ong==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.28.2",
+        "caniuse-lite": "^1.0.30001787",
+        "fraction.js": "^5.3.4",
+        "picocolors": "^1.1.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.10.27",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.27.tgz",
+      "integrity": "sha512-zEs/ufmZoUd7WftKpKyXaT6RFxpQ5Qm9xytKRHvJfxFV9DFJkZph9RvJ1LcOUi0Z1ZVijMte65JbILeV+8QQEA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.28.2",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.2.tgz",
+      "integrity": "sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "baseline-browser-mapping": "^2.10.12",
+        "caniuse-lite": "^1.0.30001782",
+        "electron-to-chromium": "^1.5.328",
+        "node-releases": "^2.0.36",
+        "update-browserslist-db": "^1.2.3"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/camelcase-css": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
+      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001791",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001791.tgz",
+      "integrity": "sha512-yk0l/YSrOnFZk3UROpDLQD9+kC1l4meK/wed583AXrzoarMGJcbRi2Q4RaUYbKxYAsZ8sWmaSa/DsLmdBeI1vQ==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/chokidar": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
+      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "anymatch": "~3.1.2",
+        "braces": "~3.0.2",
+        "glob-parent": "~5.1.2",
+        "is-binary-path": "~2.1.0",
+        "is-glob": "~4.0.1",
+        "normalize-path": "~3.0.0",
+        "readdirp": "~3.6.0"
+      },
+      "engines": {
+        "node": ">= 8.10.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/chokidar/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/client-only": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
+      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
+      "license": "MIT"
+    },
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
+      "integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/cssesc": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
+      "integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "cssesc": "bin/cssesc"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "license": "Apache-2.0",
+      "optional": true,
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/didyoumean": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/dlv": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.349",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.349.tgz",
+      "integrity": "sha512-QsWVGyRuY07Aqb234QytTfwd5d9AJlfNIQ5wIOl1L+PZDzI9d9+Fn0FRale/QYlFxt/bUnB0/nLd1jFPGxGK1A==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/fast-glob": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
+      "integrity": "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.2",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.8"
+      },
+      "engines": {
+        "node": ">=8.6.0"
+      }
+    },
+    "node_modules/fast-glob/node_modules/glob-parent": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
+      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fastq": {
+      "version": "1.20.1",
+      "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.20.1.tgz",
+      "integrity": "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/fraction.js": {
+      "version": "5.3.4",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-5.3.4.tgz",
+      "integrity": "sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/rawify"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.3.tgz",
+      "integrity": "sha512-ej4AhfhfL2Q2zpMmLo7U1Uv9+PyhIZpgQLGT1F9miIGmiCJIoCgSmczFdrc97mWT4kVY72KA+WnnhJ5pghSvSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/is-binary-path": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
+      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "binary-extensions": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.16.1",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
+      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/jiti": {
+      "version": "1.21.7",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
+      "integrity": "sha512-/imKNG4EbWNrVjoNC/1H5/9GFy+tqjGBHCaSsN+P2RnPqjsLmv6UD3Ej+Kj8nBWaRAwyk7kK5ZUc+OEatnTR3A==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jiti": "bin/jiti.js"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "license": "MIT"
+    },
+    "node_modules/lilconfig": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
+      "integrity": "sha512-/vlFKAoH5Cgt3Ie+JLhRbwOsCQePABiU3tJ1egGvyQ+33R/vcwM2Zl2QR/LzjsBeItPt3oSVXapn+m4nQDvpzw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antonk52"
+      }
+    },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
+      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
+      "license": "MIT",
+      "dependencies": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      },
+      "bin": {
+        "loose-envify": "cli.js"
+      }
+    },
+    "node_modules/merge2": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
+      "integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/mz": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
+      "integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0",
+        "object-assign": "^4.0.1",
+        "thenify-all": "^1.0.0"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.12",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz",
+      "integrity": "sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/next": {
+      "version": "15.5.15",
+      "resolved": "https://registry.npmjs.org/next/-/next-15.5.15.tgz",
+      "integrity": "sha512-VSqCrJwtLVGwAVE0Sb/yikrQfkwkZW9p+lL/J4+xe+G3ZA+QnWPqgcfH1tDUEuk9y+pthzzVFp4L/U8JerMfMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@next/env": "15.5.15",
+        "@swc/helpers": "0.5.15",
+        "caniuse-lite": "^1.0.30001579",
+        "postcss": "8.4.31",
+        "styled-jsx": "5.1.6"
+      },
+      "bin": {
+        "next": "dist/bin/next"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^19.8.0 || >= 20.0.0"
+      },
+      "optionalDependencies": {
+        "@next/swc-darwin-arm64": "15.5.15",
+        "@next/swc-darwin-x64": "15.5.15",
+        "@next/swc-linux-arm64-gnu": "15.5.15",
+        "@next/swc-linux-arm64-musl": "15.5.15",
+        "@next/swc-linux-x64-gnu": "15.5.15",
+        "@next/swc-linux-x64-musl": "15.5.15",
+        "@next/swc-win32-arm64-msvc": "15.5.15",
+        "@next/swc-win32-x64-msvc": "15.5.15",
+        "sharp": "^0.34.3"
+      },
+      "peerDependencies": {
+        "@opentelemetry/api": "^1.1.0",
+        "@playwright/test": "^1.51.1",
+        "babel-plugin-react-compiler": "*",
+        "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0",
+        "sass": "^1.3.0"
+      },
+      "peerDependenciesMeta": {
+        "@opentelemetry/api": {
+          "optional": true
+        },
+        "@playwright/test": {
+          "optional": true
+        },
+        "babel-plugin-react-compiler": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.38",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.38.tgz",
+      "integrity": "sha512-3qT/88Y3FbH/Kx4szpQQ4HzUbVrHPKTLVpVocKiLfoYvw9XSGOX2FmD2d6DrXbVYyAQTF2HeF6My8jmzx7/CRw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/normalize-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
+      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-hash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
+      "integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.2.tgz",
+      "integrity": "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pirates": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.7.tgz",
+      "integrity": "sha512-TfySrs/5nm8fQJDcBDuUng3VOUKsd7S+zqvbOTiGXHfxX4wK31ard+hoNuvkicM/2YFzlpDgABOevKSsB4G/FA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.13",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.13.tgz",
+      "integrity": "sha512-qif0+jGGZoLWdHey3UFHHWP0H7Gbmsk8T5VEqyYFbWqPr1XqvLGBbk/sl8V5exGmcYJklJOhOQq1pV9IcsiFag==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-import": {
+      "version": "15.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
+      "integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "postcss-value-parser": "^4.0.0",
+        "read-cache": "^1.0.0",
+        "resolve": "^1.1.7"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.0.0"
+      }
+    },
+    "node_modules/postcss-js": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.1.0.tgz",
+      "integrity": "sha512-oIAOTqgIo7q2EOwbhb8UalYePMvYoIeRY2YKntdpFQXNosSu3vLrniGgmH9OKs/qAkfoj5oB3le/7mINW1LCfw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "camelcase-css": "^2.0.1"
+      },
+      "engines": {
+        "node": "^12 || ^14 || >= 16"
+      },
+      "peerDependencies": {
+        "postcss": "^8.4.21"
+      }
+    },
+    "node_modules/postcss-load-config": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-6.0.1.tgz",
+      "integrity": "sha512-oPtTM4oerL+UXmx+93ytZVN82RrlY/wPUV8IeDxFrzIjXOLF1pN+EmKPLbubvKHT2HC20xXsCAH2Z+CKV6Oz/g==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "lilconfig": "^3.1.1"
+      },
+      "engines": {
+        "node": ">= 18"
+      },
+      "peerDependencies": {
+        "jiti": ">=1.21.0",
+        "postcss": ">=8.0.9",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        },
+        "postcss": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss-nested": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.2.0.tgz",
+      "integrity": "sha512-HQbt28KulC5AJzG+cZtj9kvKB93CFCdLvog1WFLf1D+xmMvPGlBstkpTEZfK5+AN9hfJocyBFCNiqyS48bpgzQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "postcss-selector-parser": "^6.1.1"
+      },
+      "engines": {
+        "node": ">=12.0"
+      },
+      "peerDependencies": {
+        "postcss": "^8.2.14"
+      }
+    },
+    "node_modules/postcss-selector-parser": {
+      "version": "6.1.2",
+      "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz",
+      "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cssesc": "^3.0.0",
+        "util-deprecate": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/queue-microtask": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
+      "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/react": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
+      "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "18.3.1",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
+      "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0",
+        "scheduler": "^0.23.2"
+      },
+      "peerDependencies": {
+        "react": "^18.3.1"
+      }
+    },
+    "node_modules/read-cache": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
+      "integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pify": "^2.3.0"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
+      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "picomatch": "^2.2.1"
+      },
+      "engines": {
+        "node": ">=8.10.0"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "1.22.12",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.12.tgz",
+      "integrity": "sha512-TyeJ1zif53BPfHootBGwPRYT1RUt6oGWsaQr8UyZW/eAm9bKoijtvruSDEmZHm92CwS9nj7/fWttqPCgzep8CA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "is-core-module": "^2.16.1",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/reusify": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
+      "integrity": "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "iojs": ">=1.0.0",
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/run-parallel": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
+      "integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "queue-microtask": "^1.2.2"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.23.2",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.2.tgz",
+      "integrity": "sha512-UOShsPwz7NrMUqhR6t0hWjFduvOzbtv7toDH1/hIrfRNIDBnnBWd0CwJTGvTpngVlmwGCdP9/Zl/tVrDqcuYzQ==",
+      "license": "MIT",
+      "dependencies": {
+        "loose-envify": "^1.1.0"
+      }
+    },
+    "node_modules/semver": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "license": "ISC",
+      "optional": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/sharp": {
+      "version": "0.34.5",
+      "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.5.tgz",
+      "integrity": "sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==",
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "dependencies": {
+        "@img/colour": "^1.0.0",
+        "detect-libc": "^2.1.2",
+        "semver": "^7.7.3"
+      },
+      "engines": {
+        "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/libvips"
+      },
+      "optionalDependencies": {
+        "@img/sharp-darwin-arm64": "0.34.5",
+        "@img/sharp-darwin-x64": "0.34.5",
+        "@img/sharp-libvips-darwin-arm64": "1.2.4",
+        "@img/sharp-libvips-darwin-x64": "1.2.4",
+        "@img/sharp-libvips-linux-arm": "1.2.4",
+        "@img/sharp-libvips-linux-arm64": "1.2.4",
+        "@img/sharp-libvips-linux-ppc64": "1.2.4",
+        "@img/sharp-libvips-linux-riscv64": "1.2.4",
+        "@img/sharp-libvips-linux-s390x": "1.2.4",
+        "@img/sharp-libvips-linux-x64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-arm64": "1.2.4",
+        "@img/sharp-libvips-linuxmusl-x64": "1.2.4",
+        "@img/sharp-linux-arm": "0.34.5",
+        "@img/sharp-linux-arm64": "0.34.5",
+        "@img/sharp-linux-ppc64": "0.34.5",
+        "@img/sharp-linux-riscv64": "0.34.5",
+        "@img/sharp-linux-s390x": "0.34.5",
+        "@img/sharp-linux-x64": "0.34.5",
+        "@img/sharp-linuxmusl-arm64": "0.34.5",
+        "@img/sharp-linuxmusl-x64": "0.34.5",
+        "@img/sharp-wasm32": "0.34.5",
+        "@img/sharp-win32-arm64": "0.34.5",
+        "@img/sharp-win32-ia32": "0.34.5",
+        "@img/sharp-win32-x64": "0.34.5"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/styled-jsx": {
+      "version": "5.1.6",
+      "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.6.tgz",
+      "integrity": "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==",
+      "license": "MIT",
+      "dependencies": {
+        "client-only": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0"
+      },
+      "peerDependenciesMeta": {
+        "@babel/core": {
+          "optional": true
+        },
+        "babel-plugin-macros": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/sucrase": {
+      "version": "3.35.1",
+      "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.1.tgz",
+      "integrity": "sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.2",
+        "commander": "^4.0.0",
+        "lines-and-columns": "^1.1.6",
+        "mz": "^2.7.0",
+        "pirates": "^4.0.1",
+        "tinyglobby": "^0.2.11",
+        "ts-interface-checker": "^0.1.9"
+      },
+      "bin": {
+        "sucrase": "bin/sucrase",
+        "sucrase-node": "bin/sucrase-node"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "3.4.19",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.19.tgz",
+      "integrity": "sha512-3ofp+LL8E+pK/JuPLPggVAIaEuhvIz4qNcf3nA1Xn2o/7fb7s/TYpHhwGDv1ZU3PkBluUVaF8PyCHcm48cKLWQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@alloc/quick-lru": "^5.2.0",
+        "arg": "^5.0.2",
+        "chokidar": "^3.6.0",
+        "didyoumean": "^1.2.2",
+        "dlv": "^1.1.3",
+        "fast-glob": "^3.3.2",
+        "glob-parent": "^6.0.2",
+        "is-glob": "^4.0.3",
+        "jiti": "^1.21.7",
+        "lilconfig": "^3.1.3",
+        "micromatch": "^4.0.8",
+        "normalize-path": "^3.0.0",
+        "object-hash": "^3.0.0",
+        "picocolors": "^1.1.1",
+        "postcss": "^8.4.47",
+        "postcss-import": "^15.1.0",
+        "postcss-js": "^4.0.1",
+        "postcss-load-config": "^4.0.2 || ^5.0 || ^6.0",
+        "postcss-nested": "^6.2.0",
+        "postcss-selector-parser": "^6.1.2",
+        "resolve": "^1.22.8",
+        "sucrase": "^3.35.0"
+      },
+      "bin": {
+        "tailwind": "lib/cli.js",
+        "tailwindcss": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/thenify": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
+      "integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "any-promise": "^1.0.0"
+      }
+    },
+    "node_modules/thenify-all": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
+      "integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "thenify": ">= 3.1.0 < 4"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.16",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz",
+      "integrity": "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tinyglobby/node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/tinyglobby/node_modules/picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/ts-interface-checker": {
+      "version": "0.1.13",
+      "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
+      "integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/use-sync-external-store": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz",
+      "integrity": "sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/zustand": {
+      "version": "4.5.7",
+      "resolved": "https://registry.npmjs.org/zustand/-/zustand-4.5.7.tgz",
+      "integrity": "sha512-CHOUy7mu3lbD6o6LJLfllpjkzhHXSBlX8B9+qPddUsIfeF5S/UZ5q0kmCsnRqT1UHFQZchNFDDzMbQsuesHWlw==",
+      "license": "MIT",
+      "dependencies": {
+        "use-sync-external-store": "^1.2.2"
+      },
+      "engines": {
+        "node": ">=12.7.0"
+      },
+      "peerDependencies": {
+        "@types/react": ">=16.8",
+        "immer": ">=9.0.6",
+        "react": ">=16.8"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "immer": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        }
+      }
+    }
+  }
+}

package.json

@@ -0,0 +1,32 @@
+{
+  "name": "etiya-d2l-ui",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@tanstack/react-query": "^5.59.0",
+    "clsx": "^2.1.1",
+    "next": "^15.5.15",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "zustand": "^4.5.5"
+  },
+  "devDependencies": {
+    "@types/node": "^20.16.10",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.0",
+    "autoprefixer": "^10.4.20",
+    "postcss": "^8.5.13",
+    "tailwindcss": "^3.4.13",
+    "typescript": "^5.6.2"
+  },
+  "overrides": {
+    "postcss": "^8.5.13"
+  }
+}

postcss.config.mjs

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};

scripts/CLAUDE.md

@@ -0,0 +1,7 @@
+<claude-mem-context>
+# Recent Activity
+
+<!-- This section is auto-generated by claude-mem. Edit content outside the tags. -->
+
+*No recent activity*
+</claude-mem-context>

scripts/deploy-to-hf-space.sh

@@ -0,0 +1,86 @@
+#!/usr/bin/env bash
+# Deploy this frontend folder to its own HF Space (Etiya/d2l-ui).
+#
+# Usage:
+#   ./scripts/deploy-to-hf-space.sh                    # incremental push
+#   ./scripts/deploy-to-hf-space.sh --create           # first-time, create Space then push
+#
+# Pre-requisites:
+#   - hf CLI logged in (`hf auth login`)
+#   - Write access to Etiya org
+#   - Run from frontend/ directory
+
+set -euo pipefail
+
+SPACE_OWNER="Etiya"
+SPACE_NAME="d2l-ui"
+REMOTE_URL="https://huggingface.co/spaces/${SPACE_OWNER}/${SPACE_NAME}"
+
+# Resolve script-relative paths so the script is location-independent.
+SCRIPT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
+FRONTEND_DIR="$(cd "${SCRIPT_DIR}/.." && pwd)"
+cd "${FRONTEND_DIR}"
+
+if [[ "${1:-}" == "--create" ]]; then
+  echo "▶ Creating Space ${SPACE_OWNER}/${SPACE_NAME}…"
+  hf repo create "${SPACE_NAME}" \
+    --repo-type space \
+    --space-sdk docker \
+    --private \
+    --organization "${SPACE_OWNER}" \
+    --exist-ok
+fi
+
+# Sanity: ensure SPACE_README.md exists; HF needs the YAML frontmatter.
+if [[ ! -f SPACE_README.md ]]; then
+  echo "ERROR: SPACE_README.md missing — Space requires it as the deployed README." >&2
+  exit 1
+fi
+
+# Stash dev README, swap in SPACE_README, push, restore.
+TMP_DEV_README="$(mktemp /tmp/dev-readme.XXXXXX.md)"
+trap 'mv "${TMP_DEV_README}" README.md 2>/dev/null || true' EXIT
+cp README.md "${TMP_DEV_README}"
+cp SPACE_README.md README.md
+
+# Initialize git remote if needed.
+if [[ ! -d .git ]]; then
+  echo "▶ Initializing git…"
+  git init -b main >/dev/null
+  git remote add origin "${REMOTE_URL}"
+fi
+
+# If origin remote exists but mismatches, fix.
+CURRENT_REMOTE="$(git remote get-url origin 2>/dev/null || true)"
+if [[ "${CURRENT_REMOTE}" != "${REMOTE_URL}" ]]; then
+  if [[ -n "${CURRENT_REMOTE}" ]]; then
+    git remote set-url origin "${REMOTE_URL}"
+  else
+    git remote add origin "${REMOTE_URL}"
+  fi
+fi
+
+# Pull existing remote (if it exists) — handles HF's auto-generated initial commit.
+git fetch origin main 2>/dev/null || true
+git pull --rebase origin main 2>/dev/null || true
+
+# Stage + commit. node_modules / .next ignored by .gitignore.
+git add -A
+if git diff --cached --quiet; then
+  echo "▶ No changes to commit; pushing existing HEAD."
+else
+  git commit -m "Deploy: $(date -u +%Y-%m-%dT%H:%M:%SZ)"
+fi
+
+echo "▶ Pushing to ${REMOTE_URL}…"
+git push -u origin main
+
+echo ""
+echo "✓ Done. Build will start automatically. Track at:"
+echo "  ${REMOTE_URL}?logs=build"
+echo ""
+echo "Once running, open:"
+echo "  https://etiya-d2l-ui.hf.space"
+echo ""
+echo "If you haven't yet: set HF_TOKEN as a Space Secret at"
+echo "  ${REMOTE_URL}/settings"

tailwind.config.ts

@@ -0,0 +1,120 @@
+import type { Config } from "tailwindcss";
+
+/**
+ * Etiya doc-to-lora UI — design tokens.
+ *
+ * Aesthetic: editorial museum-grade technical instrumentation.
+ * Apple-inspired chassis (alternating tile rhythm, single blue accent,
+ * Apple-tight typography) reinterpreted for an AI/RAG dashboard.
+ *
+ * One accent color (Action Blue). One soft elevation (product-shadow,
+ * here applied to the answer card). No gradients. No 500 weight.
+ */
+const config: Config = {
+  content: [
+    "./app/**/*.{ts,tsx}",
+    "./components/**/*.{ts,tsx}",
+    "./lib/**/*.{ts,tsx}",
+  ],
+  theme: {
+    extend: {
+      colors: {
+        // Brand & Accent
+        primary: "#0066cc",
+        "primary-focus": "#0071e3",
+        "primary-on-dark": "#2997ff",
+
+        // Surface
+        canvas: "#ffffff",
+        "canvas-parchment": "#f5f5f7",
+        "surface-pearl": "#fafafc",
+        "surface-tile-1": "#272729",
+        "surface-tile-2": "#2a2a2c",
+        "surface-tile-3": "#252527",
+        "surface-black": "#000000",
+
+        // Text
+        ink: "#1d1d1f",
+        "ink-80": "#333333",
+        "ink-48": "#7a7a7a",
+        "body-on-dark": "#ffffff",
+        "body-muted": "#cccccc",
+
+        // Borders / Hairlines
+        "divider-soft": "#f0f0f0",
+        hairline: "#e0e0e0",
+
+        // Status
+        "status-ok": "#1d8348",
+        "status-warn": "#b7791f",
+        "status-err": "#c73032",
+      },
+      fontFamily: {
+        sans: ["var(--font-inter)", "system-ui", "-apple-system", "sans-serif"],
+        mono: ["var(--font-jetbrains)", "ui-monospace", "monospace"],
+      },
+      fontSize: {
+        // Display ladder (Apple-tight tracking applied via letterSpacing)
+        "hero-display": ["56px", { lineHeight: "1.07", letterSpacing: "-0.28px", fontWeight: "600" }],
+        "display-lg": ["40px", { lineHeight: "1.10", letterSpacing: "-0.4px", fontWeight: "600" }],
+        "display-md": ["34px", { lineHeight: "1.18", letterSpacing: "-0.374px", fontWeight: "600" }],
+        lead: ["28px", { lineHeight: "1.14", letterSpacing: "0.196px", fontWeight: "400" }],
+        "lead-airy": ["24px", { lineHeight: "1.5", letterSpacing: "0", fontWeight: "300" }],
+        tagline: ["21px", { lineHeight: "1.19", letterSpacing: "0.231px", fontWeight: "600" }],
+        "body-strong": ["17px", { lineHeight: "1.24", letterSpacing: "-0.374px", fontWeight: "600" }],
+        body: ["17px", { lineHeight: "1.47", letterSpacing: "-0.374px", fontWeight: "400" }],
+        "dense-link": ["17px", { lineHeight: "2.41", letterSpacing: "0", fontWeight: "400" }],
+        caption: ["14px", { lineHeight: "1.43", letterSpacing: "-0.224px", fontWeight: "400" }],
+        "caption-strong": ["14px", { lineHeight: "1.29", letterSpacing: "-0.224px", fontWeight: "600" }],
+        "button-large": ["18px", { lineHeight: "1.0", letterSpacing: "0", fontWeight: "300" }],
+        "button-utility": ["14px", { lineHeight: "1.29", letterSpacing: "-0.224px", fontWeight: "400" }],
+        "fine-print": ["12px", { lineHeight: "1.0", letterSpacing: "-0.12px", fontWeight: "400" }],
+        "micro-legal": ["10px", { lineHeight: "1.3", letterSpacing: "-0.08px", fontWeight: "400" }],
+        "nav-link": ["12px", { lineHeight: "1.0", letterSpacing: "-0.12px", fontWeight: "400" }],
+      },
+      spacing: {
+        section: "80px",
+      },
+      borderRadius: {
+        none: "0",
+        xs: "5px",
+        sm: "8px",
+        md: "11px",
+        lg: "18px",
+        pill: "9999px",
+      },
+      boxShadow: {
+        // The single sanctioned drop-shadow — for the answer card (the "product")
+        product: "rgba(0, 0, 0, 0.22) 3px 5px 30px 0",
+        // Subtle ring for focus + cards (functions as hairline, not chrome)
+        hairline: "0 0 0 1px rgba(0, 0, 0, 0.06)",
+      },
+      transitionTimingFunction: {
+        // Apple's signature easing (used in app launch animations)
+        apple: "cubic-bezier(0.32, 0.72, 0, 1)",
+      },
+      animation: {
+        "fade-in": "fadeIn 0.4s cubic-bezier(0.32, 0.72, 0, 1)",
+        "slide-up": "slideUp 0.5s cubic-bezier(0.32, 0.72, 0, 1)",
+        "stagger-1": "slideUp 0.5s cubic-bezier(0.32, 0.72, 0, 1) 0.1s both",
+        "stagger-2": "slideUp 0.5s cubic-bezier(0.32, 0.72, 0, 1) 0.2s both",
+        "stagger-3": "slideUp 0.5s cubic-bezier(0.32, 0.72, 0, 1) 0.3s both",
+      },
+      keyframes: {
+        fadeIn: {
+          "0%": { opacity: "0" },
+          "100%": { opacity: "1" },
+        },
+        slideUp: {
+          "0%": { opacity: "0", transform: "translateY(12px)" },
+          "100%": { opacity: "1", transform: "translateY(0)" },
+        },
+      },
+      backdropBlur: {
+        nav: "20px",
+      },
+    },
+  },
+  plugins: [],
+};
+export default config;

tsconfig.json

@@ -0,0 +1,41 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
+    "allowJs": false,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": [
+        "./*"
+      ]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}