Deploy vivek app to Space: Vue UI (bundled dist), streaming widgets, JSON schema renderer

Clean deploy: replaces prior anupa variant on main. Includes built frontend-vue/dist.
Excludes local adaptiveui.sqlite3.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Dockerfile

@@ -1,4 +1,4 @@
-FROM python:3.12-slim
+FROM python:3.12-slim
 
 RUN useradd -m -u 1000 user
 USER user
@@ -6,10 +6,10 @@ ENV PATH="/home/user/.local/bin:$PATH"
 
 WORKDIR /app
 
-COPY --chown=user ./anupa/requirements.txt /app/requirements.txt
+COPY --chown=user ./vivek/requirements.txt /app/requirements.txt
 RUN pip install --no-cache-dir --upgrade -r /app/requirements.txt
 
-COPY --chown=user ./anupa /app
+COPY --chown=user ./vivek /app
 
 ENV PORT=7860
 EXPOSE 7860

README.md

@@ -1,5 +1,5 @@
----
-title: AdaptiveUI (anupa)
+---
+title: AdaptiveUI (vivek)
 emoji: "🧠"
 colorFrom: indigo
 colorTo: blue
@@ -7,8 +7,8 @@ sdk: docker
 pinned: false
 ---
 
-# AdaptiveUI (anupa)
+# AdaptiveUI (vivek)
 
 Claude-style single-call response + widget HTML rendered in an iframe.
 
-This Space runs the `anupa` server on port 7860.
+This Space runs the `vivek` server on port 7860.

anupa/app.py

@@ -1,13 +0,0 @@
-"""Entry point.
-
-Run:
-  pip install -r requirements.txt
-  python app.py
-  open http://localhost:5051
-"""
-
-from backend.server import run_server
-
-
-if __name__ == "__main__":
-    run_server()

anupa/backend/config.py

@@ -1,86 +0,0 @@
-"""Configuration and constants for the Adaptive Presentation Engine backend."""
-
-from pathlib import Path
-from dotenv import load_dotenv
-import os
-
-load_dotenv(override=True)
-# Runtime mode: 'openai_compat' uses an OpenAI-compatible remote API,
-# otherwise the code will prefer Anthropic (Claude) endpoints.
-LLM_MODE = os.getenv("LLM_MODE", "openai_compat").lower()
-
-# If false (default), strategy “primitives” are treated as soft style hints
-# and the backend will not aggressively post-process text to enforce them.
-STRICT_PRIMITIVES = os.getenv("STRICT_PRIMITIVES", "0").strip().lower() in {"1", "true", "yes", "on"}
-
-# Provider routing:
-# - /api/chat_plain uses BASELINE_LLM_MODE
-# - /api/chat uses ADAPTIVE_LLM_MODE
-BASELINE_LLM_MODE = os.getenv("BASELINE_LLM_MODE", LLM_MODE).lower()
-ADAPTIVE_LLM_MODE = os.getenv("ADAPTIVE_LLM_MODE", LLM_MODE).lower()
-
-# Widget rendering mode:
-# - "html": model outputs full HTML in <WIDGET> (rendered in iframe)
-# - "json": model outputs JSON UI schema in <WIDGET> (rendered by frontend renderer)
-WIDGET_MODE = os.getenv("WIDGET_MODE", "json").strip().lower()
-
-# Combined (Claude-style) generation limits
-COMBINED_TIMEOUT_SECONDS = int(os.getenv("COMBINED_TIMEOUT_SECONDS", "30"))
-COMBINED_MAX_TOKENS = int(os.getenv("COMBINED_MAX_TOKENS", "2800"))
-
-# OpenAI-compatible endpoint (Groq / other providers that offer OpenAI API)
-OPENAI_BASE_URL = os.getenv("OPENAI_BASE_URL", "https://api.groq.com/openai/v1")
-OPENAI_API_KEY = os.getenv("OPENAI_API_KEY", "")
-OPENAI_MODEL = os.getenv("OPENAI_MODEL", "llama-3.1-8b-instant")
-
-# Anthropic (Claude) API
-ANTHROPIC_API_KEY = os.getenv("ANTHROPIC_API_KEY", "")
-ANTHROPIC_MODEL = os.getenv("ANTHROPIC_MODEL", "claude-opus-4-6")
-
-# Anthropic Fast Mode (optional; safe to enable because we retry on failure)
-# Implementation uses the Anthropic beta header + request body speed field via SDK-supported
-# `extra_headers` / `extra_body`.
-ANTHROPIC_FAST_MODE_ENABLED = os.getenv("ANTHROPIC_FAST_MODE_ENABLED", "1").strip().lower() in {
-    "1", "true", "yes", "on"
-}
-ANTHROPIC_FAST_MODE_SPEED = os.getenv("ANTHROPIC_FAST_MODE_SPEED", "fast")  # "fast" or "standard"
-ANTHROPIC_FAST_MODE_BETA = os.getenv("ANTHROPIC_FAST_MODE_BETA", "fast-mode-2026-02-01")
-
-# Model / engine hyperparameters
-D = 10
-LAMBDA = 0.01
-GAMMA = 0.99
-ALPHA_G = 0.05
-
-# Base Thompson temperature (used when not forcing exploration)
-TS_TEMPERATURE = float(os.getenv("TS_TEMPERATURE", "2.0"))
-
-# ---- Exploration / correction knobs (Option B) ----
-# When we detect strong negative feedback, we:
-#  - boost temperature (more exploration)
-#  - penalize repeating the last strategy (strongly)
-#  - damp the posterior for the last strategy (reduce confidence)
-NEG_EXPLORE_THRESHOLD = float(os.getenv("NEG_EXPLORE_THRESHOLD", "0.40"))  # ev["neg"] >= this => explore
-EXPLORE_TEMP_BOOST = float(os.getenv("EXPLORE_TEMP_BOOST", "2.0"))
-EXPLORE_SCORE_PENALTY = float(os.getenv("EXPLORE_SCORE_PENALTY", "1.75"))
-
-# Posterior damping strength (scaled by neg_strength in [0,1])
-NEG_MU_SHRINK = float(os.getenv("NEG_MU_SHRINK", "0.25"))          # shrink mean magnitude
-NEG_SINV_SHRINK = float(os.getenv("NEG_SINV_SHRINK", "0.35"))      # shrink precision -> bigger covariance
-
-# Strategy primitives and descriptions used to constrain generation style
-STRATEGIES = {
-    "structured_bullets": "Use 3-5 bullet points only (start each line with '- '). No intro sentence. Do NOT ask questions. Do NOT use numbered lists.",
-    "narrative_prose":    "Write 2-3 short paragraphs. No bullet points.",
-    "concise_direct":     "Reply in at most 3 sentences. Be direct.",
-    "socratic_questions": "Brief acknowledgement, then ask 1-2 clarifying questions.",
-    "step_by_step":       "Numbered list of 3-6 steps only.",
-    # NEW
-    "comparison_table":   "Return a single MARKDOWN TABLE only. Use columns that help compare options (e.g., Option | Pros | Cons | Best for). No bullets outside the table.",
-    "visualization":      "Return a simple TEXT visualization only (ASCII bar chart or small table-of-values). Put it in a fenced code block. No extra prose outside the code block.",
-}
-STRATEGY_NAMES = list(STRATEGIES.keys())
-K = len(STRATEGY_NAMES)
-
-HERE = Path(__file__).resolve().parent
-INDEX_HTML = HERE.parent / "index.html"

anupa/backend/primitive_widget_map.py

@@ -1,476 +0,0 @@
-"""Primitive-driven widget contracts, validator, and Claude-quality fallback templates.
-
-Each primitive in primitives.json defines:
-  - required_components: HTML signals that must appear in generated widget.
-  - forbidden_components: signals that must NOT appear.
-  - extra_context: injected into build_widget_prompt() to steer the model.
-  - fallback_type: which deterministic template to render if model violates contract.
-"""
-
-from __future__ import annotations
-
-import html as _html_mod
-import json
-import re
-from pathlib import Path
-from typing import Any
-
-from .widget_prompt import inject_design_system
-
-# ── Load primitives from JSON ──────────────────────────────────────────────
-
-_PRIMITIVES_PATH = Path(__file__).resolve().parent / "primitives.json"
-
-def _load_primitives() -> dict[str, Any]:
-    try:
-        return json.loads(_PRIMITIVES_PATH.read_text(encoding="utf-8"))
-    except Exception:
-        return {}
-
-PRIMITIVES: dict[str, Any] = _load_primitives()
-
-_DEFAULT_SPEC: dict[str, Any] = {
-    "required_components": [],
-    "forbidden_components": [],
-    "extra_context": "",
-    "fallback_type": "generic",
-}
-
-
-def get_primitive_spec(strategy_id: str) -> dict[str, Any]:
-    return PRIMITIVES.get(strategy_id, _DEFAULT_SPEC)
-
-
-# ── Component signal registry ──────────────────────────────────────────────
-
-_COMPONENT_SIGNALS: dict[str, list[str]] = {
-    "range_slider":       ['type="range"', "type='range'"],
-    "calculator":         ["function calc(", "oninput=\"calc(", "oninput='calc("],
-    "comparison_cards":   ["class=\"raised", "class='raised", "comparison", "highlight"],
-    "tabs":               ["class=\"tab", "class='tab", ".panel"],
-    "step_navigator":     ["step-row", "step-num", "step_row"],
-    "chart":              ["<canvas", "Chart(", "new Chart"],
-    "insight_cards":      ["class=\"card", "class='card", "card-title"],
-    "result_box":         ["result-box", "result-val"],
-    "prompt_chips":       ["pill", "sendPrompt"],
-    "insight_card":       ["class=\"card", "class='card"],
-    "search":             ['type="text"', 'oninput="filter', 'oninput=\'filter'],
-    "progress_bars":      ["progress-bar", "progress-wrap"],
-}
-
-def _html_has(html: str, signals: list[str]) -> bool:
-    return any(s.lower() in html.lower() for s in signals)
-
-
-def validate_widget_html(html: str, spec: dict[str, Any]) -> tuple[bool, str]:
-    """Return (valid, reason). Invalid means model violated primitive contract."""
-    if not html:
-        return False, "empty_html"
-    for comp in spec.get("required_components", []):
-        sigs = _COMPONENT_SIGNALS.get(comp, [comp])
-        if not _html_has(html, sigs):
-            return False, f"missing_required:{comp}"
-    for comp in spec.get("forbidden_components", []):
-        sigs = _COMPONENT_SIGNALS.get(comp, [comp])
-        if _html_has(html, sigs):
-            return False, f"forbidden_component:{comp}"
-    return True, ""
-
-
-# ── Escape helper ──────────────────────────────────────────────────────────
-
-def _e(s: str) -> str:
-    return _html_mod.escape(str(s or ""), quote=True)
-
-
-# ── Fallback template helpers ──────────────────────────────────────────────
-
-def _parse_bullets(response: str) -> list[dict[str, str]]:
-    """Extract bullet points as {title, body} dicts."""
-    lines = response.split("\n")
-    items: list[dict[str, str]] = []
-    for line in lines:
-        stripped = line.strip()
-        for prefix in ("-", "•", "*", "→"):
-            if stripped.startswith(prefix):
-                text = stripped[len(prefix):].strip()
-                if ":" in text:
-                    parts = text.split(":", 1)
-                    items.append({"title": parts[0].strip(), "body": parts[1].strip()})
-                else:
-                    items.append({"title": text[:50], "body": text})
-                break
-        if len(items) >= 6:
-            break
-    return items or [{"title": "Key Point", "body": response[:200]}]
-
-
-def _parse_steps(response: str) -> list[dict[str, str]]:
-    """Extract numbered steps as {title, body} dicts."""
-    lines = response.split("\n")
-    items: list[dict[str, str]] = []
-    for line in lines:
-        stripped = line.strip()
-        m = re.match(r"^(\d+)[.)]\s+(.+)$", stripped)
-        if m:
-            text = m.group(2).strip()
-            if ":" in text:
-                parts = text.split(":", 1)
-                items.append({"title": parts[0].strip(), "body": parts[1].strip()})
-            else:
-                items.append({"title": f"Step {m.group(1)}", "body": text})
-        if len(items) >= 8:
-            break
-    return items or [{"title": "Step 1", "body": response[:200]}]
-
-
-def _parse_questions(response: str) -> list[str]:
-    """Extract clarifying questions from response text."""
-    lines = response.split("\n")
-    qs: list[str] = []
-    for line in lines:
-        stripped = line.strip()
-        stripped = re.sub(r"^[-•*\d.)]+\s*", "", stripped)
-        if "?" in stripped and len(stripped) > 10:
-            qs.append(stripped)
-        if len(qs) >= 4:
-            break
-    return qs or ["Can you tell me more about what you're looking for?"]
-
-
-def _parse_sections(response: str) -> list[dict[str, str]]:
-    """Split response into 2-3 labelled sections for tabs."""
-    paragraphs = [p.strip() for p in re.split(r"\n{2,}", response) if p.strip()]
-    if len(paragraphs) >= 3:
-        return [
-            {"label": "Summary", "body": paragraphs[0]},
-            {"label": "Details", "body": " ".join(paragraphs[1:-1])},
-            {"label": "Takeaways", "body": paragraphs[-1]},
-        ]
-    if len(paragraphs) == 2:
-        return [
-            {"label": "Overview", "body": paragraphs[0]},
-            {"label": "Details", "body": paragraphs[1]},
-        ]
-    return [{"label": "Response", "body": response[:600]}]
-
-
-def _parse_markdown_table(response: str) -> tuple[list[str], list[list[str]]] | None:
-    lines = [ln.strip() for ln in response.splitlines() if ln.strip()]
-    if len(lines) < 2:
-        return None
-
-    def split_row(line: str) -> list[str]:
-        txt = line.strip()
-        if txt.startswith("|"):
-            txt = txt[1:]
-        if txt.endswith("|"):
-            txt = txt[:-1]
-        return [c.strip() for c in txt.split("|")]
-
-    def is_sep(line: str) -> bool:
-        cells = split_row(line)
-        if not cells:
-            return False
-        return all(bool(re.match(r"^:?-{3,}:?$", c)) for c in cells)
-
-    for i in range(len(lines) - 1):
-        head_ln = lines[i]
-        sep_ln = lines[i + 1]
-        if "|" not in head_ln or not is_sep(sep_ln):
-            continue
-        cols = split_row(head_ln)
-        if not cols:
-            continue
-
-        rows: list[list[str]] = []
-        for ln in lines[i + 2:]:
-            if "|" not in ln:
-                break
-            row = split_row(ln)
-            if not row:
-                break
-            while len(row) < len(cols):
-                row.append("")
-            rows.append(row[: len(cols)])
-        if rows:
-            return cols, rows
-    return None
-
-
-# ── Fallback template builders ─────────────────────────────────────────────
-
-def _fallback_comparison(user_message: str, response: str) -> str:
-    parsed_table = _parse_markdown_table(response)
-    if parsed_table:
-        cols, rows = parsed_table
-        table_head = "".join(f"<th>{_e(c)}</th>" for c in cols)
-        body_rows = []
-        option_idx = 0
-        if cols:
-            c0 = cols[0].strip().lower()
-            if c0 in {"option", "plan", "item", "choice", "name"}:
-                option_idx = 0
-        for row in rows[:8]:
-            item_name = row[option_idx] if option_idx < len(row) else row[0]
-            cells = "".join(f"<td>{_e(v)}</td>" for v in row)
-            body_rows.append(
-                f"""<tr class="clickable"
- onclick="sendPrompt('Tell me more about {_e(item_name)} from this comparison table')">{cells}</tr>"""
-            )
-        table_html = f"""
-<table>
-  <thead><tr>{table_head}</tr></thead>
-  <tbody>{''.join(body_rows)}</tbody>
-</table>
-"""
-        return f"""<html><head></head><body><div class="widget-root">
-<div class="tabs">
-  <button class="tab active" onclick="showTab(this,'t-compare')">Compare</button>
-  <button class="tab" onclick="showTab(this,'t-verdict')">Verdict</button>
-</div>
-<div id="t-compare" class="panel active">
-  <div class="card">
-    <div class="card-title">Comparison</div>
-    {table_html}
-  </div>
-</div>
-<div id="t-verdict" class="panel">
-  <div class="card">
-    <div class="card-title">Verdict</div>
-    <div style="font-size:13px;line-height:1.7;color:var(--text)">{_e(response[:360])}</div>
-  </div>
-  <button class="ask-btn" onclick="sendPrompt('Based on this table, which option fits my goal best: {_e(user_message[:80])}?')">Ask about this ↗</button>
-</div>
-<script>
-function showTab(btn,id){{
-  document.querySelectorAll('.tab').forEach(t=>t.classList.remove('active'));
-  document.querySelectorAll('.panel').forEach(p=>p.classList.remove('active'));
-  btn.classList.add('active');
-  document.getElementById(id).classList.add('active');
-}}
-</script>
-</div></body></html>"""
-
-    lines = [l.strip() for l in response.split("\n") if l.strip()]
-    nouns: list[str] = []
-    for line in lines:
-        m = re.search(r"\*\*(.+?)\*\*", line)
-        if m:
-            nouns.append(m.group(1))
-        if len(nouns) >= 2:
-            break
-    if len(nouns) < 2:
-        nouns = ["Option A", "Option B"]
-
-    bullets = _parse_bullets(response)
-    rows_a = bullets[:3]
-    rows_b = bullets[3:6] or bullets[:3]
-
-    card_a = "\n".join(
-        f'<div class="raised" style="margin-bottom:8px" onclick="sendPrompt(\'Tell me more about {_e(nouns[0])} — {_e(r["title"])}\')"><div style="font-size:12px;font-weight:500">{_e(r["title"])}</div><div style="font-size:11px;color:var(--text2);margin-top:3px">{_e(r["body"][:80])}</div></div>'
-        for r in rows_a
-    )
-    card_b = "\n".join(
-        f'<div class="raised" style="margin-bottom:8px" onclick="sendPrompt(\'Tell me more about {_e(nouns[1])} — {_e(r["title"])}\')"><div style="font-size:12px;font-weight:500">{_e(r["title"])}</div><div style="font-size:11px;color:var(--text2);margin-top:3px">{_e(r["body"][:80])}</div></div>'
-        for r in rows_b
-    )
-
-    return f"""<html><head></head><body><div class="widget-root">
-<div class="tabs">
-  <button class="tab active" onclick="showTab(this,'t-compare')">Compare</button>
-  <button class="tab" onclick="showTab(this,'t-verdict')">Verdict</button>
-</div>
-<div id="t-compare" class="panel active">
-  <div style="display:grid;grid-template-columns:1fr 1fr;gap:10px">
-    <div>
-      <div class="card-title">{_e(nouns[0])}</div>
-      {card_a}
-    </div>
-    <div>
-      <div class="card-title">{_e(nouns[1])}</div>
-      {card_b}
-    </div>
-  </div>
-</div>
-<div id="t-verdict" class="panel">
-  <div class="card">
-    <div class="card-title">Verdict</div>
-    <div style="font-size:13px;line-height:1.7;color:var(--text)">{_e(response[:300])}</div>
-  </div>
-  <button class="ask-btn" onclick="sendPrompt('Which is better for me — {_e(nouns[0])} or {_e(nouns[1])}? My goal is...')">Ask about this ↗</button>
-</div>
-<script>
-function showTab(btn,id){{
-  document.querySelectorAll('.tab').forEach(t=>t.classList.remove('active'));
-  document.querySelectorAll('.panel').forEach(p=>p.classList.remove('active'));
-  btn.classList.add('active');
-  document.getElementById(id).classList.add('active');
-}}
-</script>
-</div></body></html>"""
-
-
-def _fallback_chart(user_message: str, response: str) -> str:
-    nums = re.findall(r"\b(\d+\.?\d*)\b", response)
-    labels_raw = re.findall(r"\b([A-Z][a-z]{2,}(?:\s[A-Z][a-z]+)?)\b", response)
-    values = [float(n) for n in nums[:8] if float(n) > 0][:8]
-    labels = list(dict.fromkeys(labels_raw))[:len(values)]
-    while len(labels) < len(values):
-        labels.append(f"Item {len(labels)+1}")
-    if not values:
-        values = [10, 20, 15, 30, 25]
-        labels = ["A", "B", "C", "D", "E"]
-
-    js_labels = json.dumps(labels)
-    js_values = json.dumps(values)
-
-    return f"""<html><head><script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.js"></script></head>
-<body><div class="widget-root">
-<div class="metric-grid" style="margin-bottom:12px">
-  <div class="metric"><div class="metric-lbl">Data points</div><div class="metric-val">{len(values)}</div></div>
-  <div class="metric"><div class="metric-lbl">Max value</div><div class="metric-val">{max(values):.1f}</div></div>
-  <div class="metric"><div class="metric-lbl">Average</div><div class="metric-val">{sum(values)/len(values):.1f}</div></div>
-</div>
-<div style="position:relative;height:220px">
-  <canvas id="ch"></canvas>
-</div>
-<button class="ask-btn" style="margin-top:12px" onclick="sendPrompt('Explain the trend shown in this chart for {_e(user_message[:60])}')">Ask about this ↗</button>
-<script>
-const dark=matchMedia('(prefers-color-scheme:dark)').matches;
-const tc=dark?'#8d93aa':'#5a5f72';
-const gc=dark?'rgba(255,255,255,0.06)':'rgba(0,0,0,0.06)';
-new Chart(document.getElementById('ch'),{{
-  type:'bar',
-  data:{{labels:{js_labels},datasets:[{{data:{js_values},backgroundColor:'rgba(55,138,221,0.7)',borderRadius:6,borderSkipped:false}}]}},
-  options:{{responsive:true,maintainAspectRatio:false,plugins:{{legend:{{display:false}}}},scales:{{x:{{ticks:{{color:tc}},grid:{{color:gc}}}},y:{{ticks:{{color:tc}},grid:{{color:gc}}}}}}}}
-}});
-</script>
-</div></body></html>"""
-
-
-def _fallback_steps(user_message: str, response: str) -> str:
-    steps = _parse_steps(response)
-    rows = "\n".join(
-        f"""<div class="step-row" onclick="sendPrompt('Tell me more about step {i+1}: {_e(s['title'])}')">
-  <div class="step-num">{i+1}</div>
-  <div><div class="step-title">{_e(s['title'])}</div>
-  <div class="step-desc">{_e(s['body'][:100])}</div></div>
-</div>"""
-        for i, s in enumerate(steps)
-    )
-    return f"""<html><head></head><body><div class="widget-root">
-<div class="card">
-  <div class="card-title">{len(steps)} Steps</div>
-  {rows}
-</div>
-<button class="ask-btn" onclick="sendPrompt('I completed the steps for {_e(user_message[:60])}. What should I do next?')">What next ↗</button>
-</div></body></html>"""
-
-
-def _fallback_bullets(user_message: str, response: str) -> str:
-    items = _parse_bullets(response)
-    cards = "\n".join(
-        f"""<div class="raised" onclick="sendPrompt('Tell me more about: {_e(b['title'])}')">
-  <div style="font-size:11px;font-weight:600;color:var(--accent);margin-bottom:4px">#{i+1}</div>
-  <div style="font-size:13px;font-weight:500">{_e(b['title'])}</div>
-  <div style="font-size:12px;color:var(--text2);margin-top:4px">{_e(b['body'][:100])}</div>
-</div>"""
-        for i, b in enumerate(items)
-    )
-    return f"""<html><head></head><body><div class="widget-root">
-<div style="display:grid;grid-template-columns:1fr 1fr;gap:10px">
-{cards}
-</div>
-<button class="ask-btn" onclick="sendPrompt('Which of these points matters most for {_e(user_message[:60])}?')">Explore further ↗</button>
-</div></body></html>"""
-
-
-def _fallback_narrative(user_message: str, response: str) -> str:
-    sections = _parse_sections(response)
-    tabs_html = "\n".join(
-        f'<button class="tab{" active" if i==0 else ""}" onclick="showTab(this,\'s{i}\')">{_e(s["label"])}</button>'
-        for i, s in enumerate(sections)
-    )
-    panels_html = "\n".join(
-        f'<div id="s{i}" class="panel{" active" if i==0 else ""}"><div class="card"><div style="font-size:13px;line-height:1.75;color:var(--text)">{_e(s["body"])}</div></div></div>'
-        for i, s in enumerate(sections)
-    )
-    return f"""<html><head></head><body><div class="widget-root">
-<div class="tabs">{tabs_html}</div>
-{panels_html}
-<button class="ask-btn" onclick="sendPrompt('I want to explore {_e(user_message[:60])} in more detail')">Go deeper ↗</button>
-<script>
-function showTab(btn,id){{
-  document.querySelectorAll('.tab').forEach(t=>t.classList.remove('active'));
-  document.querySelectorAll('.panel').forEach(p=>p.classList.remove('active'));
-  btn.classList.add('active');
-  document.getElementById(id).classList.add('active');
-}}
-</script>
-</div></body></html>"""
-
-
-def _fallback_concise(user_message: str, response: str) -> str:
-    short = response.strip()[:280]
-    return f"""<html><head></head><body><div class="widget-root">
-<div class="result-box">
-  <div class="result-lbl">Answer</div>
-  <div style="font-size:15px;font-weight:500;line-height:1.6;color:var(--text)">{_e(short)}</div>
-</div>
-<button class="ask-btn" onclick="sendPrompt('Can you explain this in more detail: {_e(user_message[:60])}')">Explain more ↗</button>
-</div></body></html>"""
-
-
-def _fallback_socratic(user_message: str, response: str) -> str:
-    questions = _parse_questions(response)
-    icons = ["🧮", "📈", "🎯", "💡", "🔍", "📊"]
-
-    options = "\n".join(
-        f"""
-<div class="step-row" style="cursor:pointer" onclick="sendPrompt({json.dumps(q)})">
-  <div class="step-num">{icons[i % len(icons)]}</div>
-  <div>
-    <div class="step-title">{_e(q[:80])}</div>
-    <div class="step-desc" style="margin-top:3px">
-      {_e("Click to answer this and I will adapt the next explanation or calculator to that choice.")}
-    </div>
-  </div>
-</div>"""
-        for i, q in enumerate(questions)
-    )
-
-    return f"""<html><head></head><body><div class="widget-root">
-<div class="card">
-  <div class="card-title">Help me understand</div>
-  <div style="font-size:13px;color:var(--text2);margin-bottom:12px">
-    Click the option that best matches your situation. I will use your choice to decide whether to show a calculator, comparison table, or step-by-step guide next.
-  </div>
-  {options}
-</div>
-</div></body></html>"""
-
-
-def _fallback_generic(user_message: str, response: str) -> str:
-    return _fallback_concise(user_message, response)
-
-
-_FALLBACK_BUILDERS = {
-    "comparison": _fallback_comparison,
-    "chart":      _fallback_chart,
-    "steps":      _fallback_steps,
-    "bullets":    _fallback_bullets,
-    "narrative":  _fallback_narrative,
-    "concise":    _fallback_concise,
-    "socratic":   _fallback_socratic,
-    "generic":    _fallback_generic,
-}
-
-
-def build_primitive_fallback(strategy_id: str, user_message: str, response: str) -> str:
-    """Build a deterministic Claude-quality fallback widget for the given primitive."""
-    spec = get_primitive_spec(strategy_id)
-    fallback_type = spec.get("fallback_type", "generic")
-    builder = _FALLBACK_BUILDERS.get(fallback_type, _fallback_generic)
-    raw_html = builder(user_message, response)
-    return inject_design_system(raw_html)

anupa/backend/primitives.json

@@ -1,51 +0,0 @@
-{
-  "comparison_table": {
-    "description": "Side-by-side comparison of 2 or more options with pros, cons, and recommendation.",
-    "required_components": ["comparison_cards", "tabs"],
-    "forbidden_components": ["range_slider", "calculator", "step_navigator"],
-    "extra_context": "Build: tabs at top (Compare / Details / Verdict) + 2-column comparison cards side by side. Highlight recommended option with accent border and 'Recommended' badge. Every card must call sendPrompt with that option's name and key metric. Add a Verdict tab with a clear winner summary and ask button.",
-    "fallback_type": "comparison"
-  },
-  "visualization": {
-    "description": "Chart or visual representation of data — bar, line, or distribution.",
-    "required_components": ["chart"],
-    "forbidden_components": ["range_slider", "step_navigator", "comparison_cards"],
-    "extra_context": "Build an enterprise mini-dashboard: (1) a metric cards row at top with key numbers, (2) a primary chart area, (3) a short insights section below. Prefer D3.js for charts (SVG) with a hover tooltip; use a line chart for time-series trends and a bar chart for comparisons. Add period toggle buttons (1Y/3Y/5Y/All) that filter the plotted data locally (no extra API calls). Include a brief explanatory paragraph above the chart and 2-4 insight bullets below it so the widget is a self-contained answer. Use only real numbers/entities from assistant_response — no placeholder data.",
-    "fallback_type": "chart"
-  },
-  "step_by_step": {
-    "description": "Numbered sequential steps — how-to guide or process walkthrough.",
-    "required_components": ["step_navigator"],
-    "forbidden_components": ["range_slider", "calculator", "comparison_cards", "chart"],
-    "extra_context": "Build: a step navigator showing all steps as clickable rows with step number circle, title, and brief description. Each step row calls sendPrompt('Tell me more about step N: [title]'). Show step count badge. Add a final ask button summarizing the process.",
-    "fallback_type": "steps"
-  },
-  "structured_bullets": {
-    "description": "3-5 key bullet points — structured summary with clear takeaways.",
-    "required_components": ["insight_cards"],
-    "forbidden_components": ["range_slider", "chart", "step_navigator"],
-    "extra_context": "Build: a grid of insight cards (2 per row) where each card shows one bullet point with an icon area, title extracted from the bullet, and body text. Each card is clickable and calls sendPrompt with that insight's title. Add a summary metric card at top if numbers are present.",
-    "fallback_type": "bullets"
-  },
-  "narrative_prose": {
-    "description": "Flowing paragraphs — explanatory or contextual narrative response.",
-    "required_components": ["tabs", "insight_card"],
-    "forbidden_components": ["range_slider", "step_navigator"],
-    "extra_context": "Build: tabs splitting the narrative into 2-3 logical sections (Summary / Details / Key Takeaways). Each tab shows a clean card with formatted text. Add key metric highlights as small badges if numbers appear. Final tab has an ask button for follow-up.",
-    "fallback_type": "narrative"
-  },
-  "concise_direct": {
-    "description": "Short direct answer — 1-3 sentences, no fluff.",
-    "required_components": ["result_box"],
-    "forbidden_components": ["range_slider", "chart", "step_navigator", "tabs"],
-    "extra_context": "Build: a single clean result card with a prominent headline answer and 1-2 supporting lines of context. Keep compact. Include one ask button below for follow-up exploration.",
-    "fallback_type": "concise"
-  },
-  "socratic_questions": {
-    "description": "Clarifying questions to understand user intent before answering.",
-    "required_components": ["prompt_chips"],
-    "forbidden_components": ["range_slider", "calculator", "chart", "step_navigator"],
-    "extra_context": "Build: a card with a brief acknowledgement line, then 2-4 clickable question chips styled as pills. Each chip calls sendPrompt with that exact clarifying answer as a full natural language sentence. No extra controls needed.",
-    "fallback_type": "socratic"
-  }
-}

anupa/backend/server.py

@@ -1,650 +0,0 @@
-"""HTTP server and request handlers for the Adaptive Presentation Engine backend."""
-
-import json
-import os
-import re
-import time
-from http.server import HTTPServer, BaseHTTPRequestHandler
-from socketserver import ThreadingMixIn
-
-import numpy as np
-
-from . import config, llm
-from .engine import engine, USERB_ID
-from .widget_prompt import (
-    estimate_widget_height,
-    inject_design_system,
-)
-from .combined_prompt import (
-    build_combined_system_prompt,
-    build_combined_user_prompt,
-    parse_combined_output,
-)
-from .utils import (
-    fast_valence,
-    enforce_response,
-    detect_format_override,
-    detect_explore_trigger,
-    negative_strength,
-)
-
-def _looks_truncated_widget_html(html: str) -> bool:
-    """Heuristic check for obviously cut-off widget HTML."""
-    if not html:
-        return True
-    lower = html.lower()
-    # Missing critical closures often indicates token truncation.
-    if lower.count("<style") > lower.count("</style>"):
-        return True
-    if lower.count("<script") > lower.count("</script>"):
-        return True
-    if lower.count("<body") > lower.count("</body>"):
-        return True
-    if lower.count("<html") > lower.count("</html>"):
-        return True
-    # Rarely, response ends mid-token; catch abrupt ending.
-    if re.search(r"[<{(]$", html.strip()):
-        return True
-    return False
-
-
-def _bool_env(name: str, default: bool) -> bool:
-    raw = os.getenv(name)
-    if raw is None:
-        return default
-    return raw.strip().lower() in {"1", "true", "yes", "on"}
-
-
-class Handler(BaseHTTPRequestHandler):
-    def log_message(self, *a):
-        pass
-
-    def _cors(self):
-        self.send_header("Access-Control-Allow-Origin",  "*")
-        self.send_header("Access-Control-Allow-Headers", "Content-Type")
-        self.send_header("Access-Control-Allow-Methods", "GET,POST,OPTIONS")
-
-    def _json(self, data, status=200):
-        body = json.dumps(data).encode()
-        self.send_response(status)
-        self.send_header("Content-Type", "application/json")
-        self.send_header("Content-Length", len(body))
-        self._cors()
-        self.end_headers()
-        self.wfile.write(body)
-
-    def _html(self):
-        try:
-            html = config.INDEX_HTML.read_bytes()
-        except FileNotFoundError:
-            self.send_response(404); self.end_headers(); return
-        self.send_response(200)
-        self.send_header("Content-Type", "text/html; charset=utf-8")
-        self.send_header("Content-Length", len(html))
-        self.end_headers()
-        self.wfile.write(html)
-
-    def _body(self):
-        n = int(self.headers.get("Content-Length", 0))
-        if not n:
-            return {}
-        raw = self.rfile.read(n)
-        if not raw:
-            return {}
-        try:
-            return json.loads(raw)
-        except json.JSONDecodeError:
-            # Don't crash the handler thread; return a sentinel the caller can handle.
-            try:
-                preview = raw[:500].decode("utf-8", errors="replace")
-            except Exception:
-                preview = repr(raw[:200])
-            return {"__invalid_json__": True, "__raw_preview__": preview}
-
-    def do_OPTIONS(self):
-        self.send_response(204)
-        self._cors()
-        self.end_headers()
-
-    def do_GET(self):
-        p = self.path.split("?")[0]
-        if p == "/":
-            self._html(); return
-
-        if p == "/api/health":
-            if config.LLM_MODE == "openai_compat":
-                h = llm.openai_health()
-                self._json({"server": "ok", "mode": config.LLM_MODE, "openai_base_url": config.OPENAI_BASE_URL, "model": config.OPENAI_MODEL, **h})
-            elif config.LLM_MODE == "anthropic":
-                h = llm.anthropic_health()
-                self._json({"server": "ok", "mode": config.LLM_MODE, **h})
-            else:
-                self._json({"server": "ok", "mode": config.LLM_MODE, "ok": False, "reachable": False, "error": "Unsupported LLM_MODE (expected openai_compat or anthropic)"})
-            return
-
-        if p == "/api/state":
-            uid  = self.path.split("uid=")[-1] if "uid=" in self.path else "demo"
-            user = engine.get_user(uid)
-            x    = np.ones(config.D) * 0.5
-            ub   = engine.get_user(USERB_ID)
-            self._json({
-                "posterior": engine.user_posterior(uid, x),
-                "global":    engine.global_posterior(x),
-                "userb":     engine.posterior_summary(ub["mu"], ub["sigma_inv"], x),
-                "global_n":  engine.global_n,
-                "n_users":   len(engine.users),
-                "msg_count": user["msg_count"],
-            }); return
-
-        self.send_response(404); self.end_headers()
-
-    def do_POST(self):
-        p    = self.path.split("?")[0]
-        body = self._body()
-        if isinstance(body, dict) and body.get("__invalid_json__"):
-            self._json({"error": "invalid_json", "preview": body.get("__raw_preview__", "")}, 400)
-            return
-
-        if p == "/api/chat_plain":
-            uid = body.get("uid", "demo") + "_plain"
-            msg = body.get("message", "").strip()
-            if not msg:
-                self._json({"error": "empty message"}, 400); return
-
-            user = engine.get_user(uid)
-
-            # Build a simple conversation prompt (no bandit, no enforced format).
-            ctx = []
-            for t in user["history"][-6:]:
-                ctx += [f"User: {t['user']}", f"Assistant: {t['assistant']}"]
-            ctx.append(f"User: {msg}")
-            prompt = "\n".join(ctx)
-
-            system = "You are a helpful AI assistant."
-
-            try:
-                base_mode = (config.BASELINE_LLM_MODE or config.LLM_MODE).lower()
-                if base_mode == "openai_compat":
-                    response, elapsed, mode = llm.call_openai_compat(prompt, system, timeout=120)
-                elif base_mode == "anthropic":
-                    response, elapsed, mode = llm.call_anthropic(prompt, system, timeout=120)
-                else:
-                    raise RuntimeError("Unsupported BASELINE_LLM_MODE (expected openai_compat or anthropic)")
-            except Exception as e:
-                self._json({"error": f"LLM error: {str(e)}"}, 500)
-                return
-
-            if not response:
-                self._json({"error": "LLM returned empty response. Check model/service."}, 500)
-                return
-
-            user["history"].append({"user": msg, "assistant": response})
-            user["history"] = user["history"][-20:]
-
-            self._json({
-                "response": response,
-                "elapsed":  elapsed,
-                "llm_mode": mode,
-            }); return
-
-        if p == "/api/chat":
-            uid = body.get("uid", "demo")
-            msg = body.get("message", "").strip()
-            if not msg:
-                self._json({"error": "empty message"}, 400); return
-
-            user = engine.get_user(uid)
-
-            # Auto-reward previous turn using valence heuristic.
-            ev            = fast_valence(msg, user["last_response"])
-            auto_detected = False
-            auto_r        = None
-
-            if user["last_response"] and user["last_x"] is not None and user["last_strategy"]:
-                reward = float(np.clip(0.5 + 0.45*ev["pos"] - 0.45*ev["neg"], 0.05, 0.95))
-                engine.update(uid, user["last_strategy"], np.array(user["last_x"]), reward)
-                auto_detected = True
-                auto_r        = reward
-
-            # --- NEW: explicit overrides + corrective exploration ---
-            explicit = detect_format_override(msg, config.STRATEGY_NAMES)
-            force_explore = bool(detect_explore_trigger(msg) or (ev.get("neg", 0.0) >= config.NEG_EXPLORE_THRESHOLD))
-            neg_s = negative_strength(ev)
-
-            strat, scores, x, prev = engine.select(
-                uid, msg,
-                force_explore=force_explore,
-                neg_strength=neg_s,
-                explicit_strategy=explicit,
-            )
-
-            format_rule = config.STRATEGIES.get(strat, "Be helpful and clear.")
-
-            # ── Single-call combined prompt (Claude-style) ─────────────────
-            combined_max_tokens = getattr(config, "COMBINED_MAX_TOKENS", 2800)
-            # Keep the UI responsive by failing fast by default.
-            combined_timeout = getattr(config, "COMBINED_TIMEOUT_SECONDS", 30)
-
-            combined_system = build_combined_system_prompt(
-                strategy_id=strat,
-                format_rule=format_rule,
-                primitive_extra_context="",
-                user_message=msg,
-                forbidden_components=None,
-                required_components=None,
-            )
-            combined_prompt = build_combined_user_prompt(
-                user_message=msg,
-                history=user["history"],
-            )
-
-            try:
-                adapt_mode = (config.ADAPTIVE_LLM_MODE or config.LLM_MODE).lower()
-                if adapt_mode == "openai_compat":
-                    raw_combined, elapsed, mode = llm.call_openai_compat(
-                        combined_prompt,
-                        combined_system,
-                        timeout=combined_timeout,
-                        max_tokens=combined_max_tokens,
-                        temperature=0.2,
-                    )
-                elif adapt_mode == "anthropic":
-                    raw_combined, elapsed, mode = llm.call_anthropic(
-                        combined_prompt,
-                        combined_system,
-                        timeout=combined_timeout,
-                        max_tokens=combined_max_tokens,
-                        temperature=0.2,
-                    )
-                else:
-                    raise RuntimeError("Unsupported ADAPTIVE_LLM_MODE (expected openai_compat or anthropic)")
-            except Exception as e:
-                self._json({"error": f"LLM error: {str(e)}"}, 500)
-                return
-
-            if not raw_combined:
-                self._json({"error": "LLM returned empty response. Check model/service."}, 500)
-                return
-
-            # Parse combined output into text response + widget payload (HTML or JSON schema).
-            response, widget_payload_raw = parse_combined_output(raw_combined)
-
-            if not response:
-                response = raw_combined.strip()
-
-            if config.STRICT_PRIMITIVES:
-                response = enforce_response(strat, response)
-
-            # ── Validate widget from single call ───────────────────────────
-            widget_html = ""
-            widget_schema = ""
-            widget_height = 0
-            widget_debug = ""
-            widget_mode = getattr(config, "WIDGET_MODE", "json").strip().lower()
-
-            if widget_payload_raw:
-                if widget_mode == "json":
-                    widget_schema = widget_payload_raw
-                    widget_debug = widget_debug or "combined_schema_ok"
-                else:
-                    if _looks_truncated_widget_html(widget_payload_raw):
-                        widget_debug = "combined_widget_truncated"
-                    else:
-                        widget_html = widget_payload_raw
-                        widget_height = estimate_widget_height(widget_payload_raw)
-                        widget_debug = widget_debug or "combined_widget_ok"
-            else:
-                widget_debug = widget_debug or ("combined_no_schema" if widget_mode == "json" else "combined_no_widget_tag")
-                raw_preview = (raw_combined or "")[:800]
-                if widget_mode != "json":
-                    # Never return a blank iframe: serve a safe interactive placeholder mini-app.
-                    placeholder = f"""
-<html><head></head><body>
-  <div class="widget-root card">
-    <div class="card-title">Interactive widget</div>
-    <div style="color:var(--text2);font-size:13px;line-height:1.6">
-      I couldn't generate a full widget for this turn. This placeholder stays interactive and can request the missing data.
-    </div>
-    <div class="ctrl-row" style="margin-top:12px">
-      <div class="ctrl-lbl">Assumption</div>
-      <input id="assump" type="range" min="0" max="100" step="1" value="50" style="flex:1" />
-      <div class="ctrl-val" id="assumpv">50</div>
-    </div>
-    <div id="chart" class="raised" style="height:260px;margin-top:10px"></div>
-    <div class="btn-group" style="margin-top:10px">
-      <button class="btn" id="ask_range">Ask for date range</button>
-      <button class="btn" id="ask_source">Ask for data source</button>
-    </div>
-  </div>
-  <script src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
-  <script>
-  const data = [
-    {{name:'Series A', base: 100}},
-    {{name:'Series B', base: 100}}
-  ];
-  const state = {{assumption: 50}};
-  function compute(state, data) {{
-    const k = (state.assumption/50);
-    return {{
-      labels: data.map(d=>d.name),
-      values: data.map((d,i)=>Math.round(d.base*(i? (1.15*k):(1.05*k))))
-    }};
-  }}
-  let chart;
-  function render() {{
-    const c = compute(state, data);
-    document.getElementById('assumpv').textContent = String(state.assumption);
-    if (!chart) chart = echarts.init(document.getElementById('chart'));
-    chart.setOption({{
-      backgroundColor:'transparent',
-      tooltip:{{trigger:'axis'}},
-      xAxis:{{type:'category',data:c.labels,axisLabel:{{color:'#5a5f72'}}}},
-      yAxis:{{type:'value',axisLabel:{{color:'#5a5f72'}}}},
-      series:[{{type:'bar',data:c.values}}]
-    }});
-  }}
-  document.getElementById('assump').addEventListener('input', (e)=>{{ state.assumption = +e.target.value; render(); }});
-  document.getElementById('ask_range').onclick = ()=> sendPrompt('Provide a date range to plot (e.g., 2020-01-01 to 2024-12-31).');
-  document.getElementById('ask_source').onclick = ()=> sendPrompt('Which data source should we use for SPY and QQQ prices (yfinance, stooq, other)?');
-  render();
-  </script>
-</body></html>
-""".strip()
-                    widget_html = inject_design_system(placeholder)
-                    widget_height = estimate_widget_height(widget_html)
-                    widget_debug = "fallback_widget_generated"
-
-            # No primitive fallback. If widget is missing/invalid, return text-only.
-
-            user["history"].append({"user": msg, "assistant": response})
-            user["history"]       = user["history"][-20:]
-            user["last_message"]  = msg
-            user["last_response"] = response
-            user["last_strategy"] = strat
-            user["last_x"]        = x.tolist()
-            user["msg_count"]    += 1
-
-            ub = engine.get_user(USERB_ID)
-            self._json({
-                "response":      response,
-                "strategy":      strat,
-                "prev_strategy": prev,
-                "explicit":      explicit,
-                "force_explore": force_explore and (explicit is None),
-                "instruction":   config.STRATEGIES[strat],
-                "elapsed":       elapsed,
-                "llm_mode":      mode,
-                "scores":        {k: round(v, 4) for k, v in scores.items()},
-                "x_vec":         x.tolist(),
-                "posterior":     engine.user_posterior(uid, x),
-                "global":        engine.global_posterior(x),
-                "userb":         engine.posterior_summary(ub["mu"], ub["sigma_inv"], x),
-                "global_n":      engine.global_n,
-                "auto_detected": auto_detected,
-                "auto_r":        auto_r,
-                "auto_reason":   ev["reason"],
-                "widget_html":   widget_html,
-                "widget_schema": widget_schema,
-                "widget_height": widget_height,
-                "widget_debug":  widget_debug,
-                "widget_raw_preview": raw_preview if not (widget_html or widget_schema) else "",
-            }); return
-
-        if p == "/api/reward":
-            uid      = body.get("uid", "demo")
-            strategy = body.get("strategy")
-            x_vec    = body.get("x_vec")
-            reward   = float(body.get("reward", 0.5))
-            if strategy not in config.STRATEGY_NAMES or x_vec is None:
-                self._json({"error": "bad request"}, 400); return
-            x = np.array(x_vec, dtype=float)
-            engine.update(uid, strategy, x, reward)
-            ub = engine.get_user(USERB_ID)
-            self._json({
-                "posterior": engine.user_posterior(uid, x),
-                "global":    engine.global_posterior(x),
-                "userb":     engine.posterior_summary(ub["mu"], ub["sigma_inv"], x),
-                "global_n":  engine.global_n,
-            }); return
-
-        if p == "/api/preference":
-            uid = body.get("uid", "demo")
-            strategies = body.get("strategies", [])
-            lock = bool(body.get("lock", False))
-            engine.apply_preferences(uid, strategies, lock=lock)
-            self._json({"posterior": engine.user_posterior(uid)}); return
-
-        if p == "/api/reset":
-            engine.reset_user(body.get("uid", "demo"))
-            self._json({"ok": True}); return
-
-        # ── NEW: adaptive streaming endpoint (Claude-like) ────────────────
-        if p == "/api/chat_stream":
-            uid = body.get("uid", "demo")
-            msg = body.get("message", "").strip()
-            if not msg:
-                self._json({"error": "empty message"}, 400); return
-
-            user = engine.get_user(uid)
-
-            # Auto-reward previous turn using valence heuristic.
-            ev            = fast_valence(msg, user["last_response"])
-            auto_detected = False
-            auto_r        = None
-
-            if user["last_response"] and user["last_x"] is not None and user["last_strategy"]:
-                reward = float(np.clip(0.5 + 0.45*ev["pos"] - 0.45*ev["neg"], 0.05, 0.95))
-                engine.update(uid, user["last_strategy"], np.array(user["last_x"]), reward)
-                auto_detected = True
-                auto_r        = reward
-
-            explicit = detect_format_override(msg, config.STRATEGY_NAMES)
-            force_explore = bool(detect_explore_trigger(msg) or (ev.get("neg", 0.0) >= config.NEG_EXPLORE_THRESHOLD))
-            neg_s = negative_strength(ev)
-
-            strat, scores, x, prev = engine.select(
-                uid, msg,
-                force_explore=force_explore,
-                neg_strength=neg_s,
-                explicit_strategy=explicit,
-            )
-
-            format_rule = config.STRATEGIES.get(strat, "Be helpful and clear.")
-
-            combined_max_tokens = getattr(config, "COMBINED_MAX_TOKENS", 2800)
-            combined_timeout = getattr(config, "COMBINED_TIMEOUT_SECONDS", 30)
-
-            combined_system = build_combined_system_prompt(
-                strategy_id=strat,
-                format_rule=format_rule,
-                primitive_extra_context="",
-                user_message=msg,
-                forbidden_components=None,
-                required_components=None,
-            )
-            combined_prompt = build_combined_user_prompt(
-                user_message=msg,
-                history=user["history"],
-            )
-
-            adapt_mode = (config.ADAPTIVE_LLM_MODE or config.LLM_MODE).lower()
-
-            # Start NDJSON stream.
-            self.send_response(200)
-            self.send_header("Content-Type", "application/x-ndjson; charset=utf-8")
-            self._cors()
-            self.end_headers()
-
-            ub = engine.get_user(USERB_ID)
-
-            def send_nd(evt: dict):
-                try:
-                    line = json.dumps(evt, ensure_ascii=False)
-                    self.wfile.write(line.encode("utf-8") + b"\n")
-                    self.wfile.flush()
-                except Exception:
-                    pass
-
-            def send_done_error(err: str):
-                send_nd({
-                    "type": "done",
-                    "strategy": strat,
-                    "elapsed": None,
-                    "llm_mode": adapt_mode,
-                    "response": "",
-                    "widget_html": "",
-                    "widget_schema": "",
-                    "widget_height": 0,
-                    "widget_debug": f"stream_error:{err}",
-                    "error": err,
-                    "force_explore": force_explore,
-                    "scores": {k: round(v, 4) for k, v in scores.items()},
-                    "x_vec": x.tolist(),
-                    "posterior": engine.user_posterior(uid, x),
-                    "global": engine.global_posterior(x),
-                    "userb": engine.posterior_summary(ub["mu"], ub["sigma_inv"], x),
-                    "global_n": engine.global_n,
-                    "prev_strategy": prev,
-                    "explicit": explicit,
-                    "auto_detected": auto_detected,
-                    "auto_r": auto_r,
-                    "auto_reason": ev["reason"],
-                })
-
-            # Initial strategy event so UI updates immediately.
-            send_nd({
-                "type": "strategy",
-                "strategy": strat,
-                "instruction": config.STRATEGIES[strat],
-                "elapsed": None,
-                "force_explore": force_explore,
-                "scores": {k: round(v, 4) for k, v in scores.items()},
-                "x_vec": x.tolist(),
-                "posterior": engine.user_posterior(uid, x),
-                "global": engine.global_posterior(x),
-                "userb": engine.posterior_summary(ub["mu"], ub["sigma_inv"], x),
-                "global_n": engine.global_n,
-                "prev_strategy": prev,
-                "explicit": explicit,
-                "auto_detected": auto_detected,
-                "auto_r": auto_r,
-                "auto_reason": ev["reason"],
-            })
-
-            try:
-                if adapt_mode == "openai_compat":
-                    raw_combined, elapsed, mode = llm.call_openai_compat(
-                        combined_prompt,
-                        combined_system,
-                        timeout=combined_timeout,
-                        max_tokens=combined_max_tokens,
-                        temperature=0.2,
-                    )
-                elif adapt_mode == "anthropic":
-                    # Use non-streaming call with wall-clock timeout (more robust than the SDK stream
-                    # when the provider stalls), then optionally "replay" deltas to the UI.
-                    raw_combined, elapsed, mode = llm.call_anthropic(
-                        combined_prompt,
-                        combined_system,
-                        timeout=combined_timeout,
-                        max_tokens=combined_max_tokens,
-                        temperature=0.2,
-                    )
-                else:
-                    raise RuntimeError("Unsupported ADAPTIVE_LLM_MODE (expected openai_compat or anthropic)")
-            except Exception as e:
-                msg = str(e).strip()
-                if not msg:
-                    msg = repr(e)
-                send_done_error(f"LLM error ({type(e).__name__}): {msg}")
-                return
-
-            response, widget_payload_raw = parse_combined_output(raw_combined)
-            if not response:
-                response = raw_combined.strip()
-            if config.STRICT_PRIMITIVES:
-                response = enforce_response(strat, response)
-
-            widget_debug = "nonstream"
-
-            widget_html = ""
-            widget_schema = ""
-            widget_height = 0
-            widget_mode = getattr(config, "WIDGET_MODE", "json").strip().lower()
-            if widget_payload_raw:
-                if widget_mode == "json":
-                    widget_schema = widget_payload_raw
-                else:
-                    if _looks_truncated_widget_html(widget_payload_raw):
-                        widget_debug = "stream_widget_truncated"
-                    else:
-                        widget_html = widget_payload_raw
-                        widget_height = estimate_widget_height(widget_payload_raw)
-            else:
-                if widget_mode != "json":
-                    placeholder = "<html><head></head><body><div class='widget-root card'><div class='card-title'>Interactive widget</div><div class='empty'>No widget returned; click to request missing data.</div><div class='btn-group'><button class='btn' onclick=\"sendPrompt('Provide a date range for the requested plot.')\">Ask for date range</button></div></div></body></html>"
-                    widget_html = inject_design_system(placeholder)
-                    widget_height = estimate_widget_height(widget_html)
-                    widget_debug = "fallback_widget_generated"
-
-            # Replay deltas so the UI doesn't look frozen (best-effort).
-            # The final "done" still contains the full response/widget.
-            try:
-                if response:
-                    for i in range(0, len(response), 180):
-                        send_nd({"type": "response_delta", "delta": response[i : i + 180]})
-                payload = widget_schema if widget_mode == "json" else widget_html
-                if payload:
-                    for i in range(0, len(payload), 900):
-                        send_nd({"type": "widget_delta", "delta": payload[i : i + 900]})
-            except Exception:
-                pass
-
-            # Update history as in /api/chat.
-            user["history"].append({"user": msg, "assistant": response})
-            user["history"] = user["history"][-20:]
-            user["last_message"]  = msg
-            user["last_response"] = response
-            user["last_strategy"] = strat
-            user["last_x"]        = x.tolist()
-            user["msg_count"]    += 1
-
-            send_nd({
-                "type": "done",
-                "strategy": strat,
-                "elapsed": elapsed,
-                "llm_mode": mode,
-                "response": response,
-                "widget_html": widget_html or "",
-                "widget_schema": widget_schema or "",
-                "widget_height": widget_height,
-                "widget_debug": widget_debug,
-                "force_explore": force_explore,
-                "scores": {k: round(v, 4) for k, v in scores.items()},
-                "x_vec": x.tolist(),
-                "posterior": engine.user_posterior(uid, x),
-                "global": engine.global_posterior(x),
-                "userb": engine.posterior_summary(ub["mu"], ub["sigma_inv"], x),
-                "global_n": engine.global_n,
-                "prev_strategy": prev,
-                "explicit": explicit,
-                "auto_detected": auto_detected,
-                "auto_r": auto_r,
-                "auto_reason": ev["reason"],
-            })
-            return
-
-        self.send_response(404); self.end_headers()
-
-
-class ThreadedServer(ThreadingMixIn, HTTPServer):
-    daemon_threads = True
-
-
-def run_server():
-    print("=" * 60)
-    print(f"  http://localhost:5051   mode: {config.LLM_MODE}")
-    print("=" * 60)
-
-    PORT = int(os.getenv("PORT", "5051"))
-    ThreadedServer(("0.0.0.0", PORT), Handler).serve_forever()

vivek/.env.example

@@ -0,0 +1,44 @@
+# ---------------------------------------------------------------------------
+# Adaptive Presentation Engine — environment config
+# Copy to `.env` and fill in the values. Never commit real secrets.
+# ---------------------------------------------------------------------------
+
+# LLM provider: "anthropic" or "openai_compat"
+LLM_MODE=anthropic
+BASELINE_LLM_MODE=anthropic
+ADAPTIVE_LLM_MODE=anthropic
+
+# --- Anthropic (Claude) ---
+ANTHROPIC_API_KEY=REPLACE_ME
+ANTHROPIC_MODEL=claude-sonnet-4-6
+ANTHROPIC_FAST_MODE_ENABLED=1
+
+# --- OpenAI-compatible (OpenAI, Groq, etc.) ---
+OPENAI_API_KEY=
+OPENAI_BASE_URL=https://api.openai.com/v1
+OPENAI_MODEL=gpt-4.1
+
+# --- Generation budgets ---
+COMBINED_TIMEOUT_SECONDS=45
+COMBINED_MAX_TOKENS=4000
+
+# --- Widget output mode: "json" (preferred) or "html" ---
+WIDGET_MODE=json
+
+# --- Bandit / format enforcement ---
+STRICT_PRIMITIVES=1
+
+# --- Admin bootstrap (required for primitives / strategy management) ---
+ADMIN_USERNAME=admin
+ADMIN_EMAIL=admin@example.com
+ADMIN_PASSWORD=CHANGE_ME_STRONG_PASSWORD
+
+# --- Auth ---
+# Generate a strong random value for production (e.g. `python -c "import secrets;print(secrets.token_urlsafe(64))"`).
+JWT_SECRET=change-me-to-a-long-random-secret
+JWT_EXPIRE_SECONDS=604800
+
+# --- Runtime env ---
+# "development" exposes password-reset tokens to the caller for local testing.
+# Must be "production" in real deployments.
+ENV=development

{anupa → vivek}/.gitignore

@@ -27,3 +27,6 @@ htmlcov/
 # OS Specific
 .DS_Store
 Thumbs.db
+
+# adaptiveui.sqlite3 is tracked for GitHub (demo_vivek). Do not push that branch to
+# Hugging Face origin — their hook rejects binary sqlite in git.

{anupa → vivek}/README.md

@@ -6,6 +6,27 @@ app_port: 7860
 
 A web demo of the Contextual Hierarchical Bayesian Architecture pipeline.
 
+## Project structure (modular layout)
+
+```
+vivek/
+├── frontend/           # UI assets
+│   ├── index.html      # Single-page app (chat, widgets, posterior viz)
+│   └── README.md       # Frontend documentation
+├── backend/            # Python API and logic
+│   ├── config.py       # Env vars, LLM modes, Thompson Sampling params
+│   ├── server.py       # HTTP server, API routes, serves frontend at GET /
+│   ├── llm.py          # Anthropic and OpenAI-compatible LLM calls
+│   ├── engine.py       # Bayesian engine (Thompson Sampling)
+│   ├── widget_prompt.py
+│   ├── combined_prompt.py
+│   └── primitives.json # Strategy definitions
+├── app.py              # Entry point
+├── requirements.txt
+├── .env.example        # Template for API keys (copy to .env)
+└── .env                # Your keys (gitignored)
+```
+
 ## What it shows
 - **Live strategy selection** via Thompson Sampling over the Bayesian posterior
 - **Posterior updating in real-time** as you rate responses (👍 / 👎)
@@ -18,11 +39,17 @@ A web demo of the Contextual Hierarchical Bayesian Architecture pipeline.
 
 ### 1. Install Python dependencies
 ```bash
-pip install numpy
-# (flask is not needed — the server is built-in)
+pip install -r requirements.txt
+# (numpy, python-dotenv, anthropic — server is built-in, no Flask)
+```
+
+### 2. Configure environment
+Copy the example env file and add your API keys:
+```bash
+cp .env.example .env
+# Edit .env and add your OPENAI_API_KEY and/or ANTHROPIC_API_KEY
 ```
 
-### 2. Configure model (optional)
 This app supports:
 - OpenAI-compatible providers (via `OPENAI_BASE_URL`, `OPENAI_API_KEY`, `OPENAI_MODEL`)
 - Anthropic Claude (via `ANTHROPIC_API_KEY`, `ANTHROPIC_MODEL`)
@@ -34,7 +61,7 @@ python app.py
 
 ### 4. Open in browser
 ```
-http://localhost:5000
+http://localhost:5051   # or PORT from env (Docker uses 7860)
 ```
 
 ---

{anupa → vivek}/UpdatedReadme.md

@@ -1,4 +1,4 @@
-# Anupa: Adaptive Presentation Engine — Complete Reference
+# Vivek: Adaptive Presentation Engine — Complete Reference
 
 A professional, modular backend demonstrating Bayesian strategy selection and real-time posterior updating. This app learns user preferences and adapts its response format (bullet points, prose, questions, etc.) based on observed rewards.
 
@@ -28,7 +28,8 @@ backend/
 
 Root folder
 ├── app.py                # Launcher (imports backend.server.run_server)
-├── index.html            # Frontend demo UI
+├── frontend/
+│   └── index.html        # Frontend demo UI
 ├── Dockerfile            # Container image
 ├── requirements.txt      # Python dependencies
 ├── README.md             # Original readme (kept for reference)

vivek/app.py

@@ -0,0 +1,23 @@
+"""Entry point for the Adaptive Presentation Engine.
+
+Starts the HTTP server that serves the frontend (GET /) and API endpoints
+(/api/chat, /api/chat_plain, /api/health, etc.). Run from the project root (vivek/).
+
+Usage:
+  pip install -r requirements.txt
+  cp .env.example .env   # then add your API keys
+  python app.py
+  open http://localhost:5051   # or PORT from env (default 5051)
+
+Project layout:
+  vivek/
+  ├── frontend/     # UI assets (index.html)
+  ├── backend/      # Python API, LLM calls, engine
+  └── app.py        # this file
+"""
+
+from backend.server import run_server
+
+
+if __name__ == "__main__":
+    run_server()

vivek/backend/auth.py

@@ -0,0 +1,179 @@
+from __future__ import annotations
+
+import uuid
+from dataclasses import dataclass
+from threading import Lock
+from typing import Any, Dict, Optional
+
+import bcrypt
+import jwt
+
+from . import config
+
+
+@dataclass(frozen=True)
+class UserRecord:
+    user_id: str
+    username: str
+    email: str
+    password_hash: bytes
+
+
+_lock = Lock()
+_users_by_id: Dict[str, UserRecord] = {}
+_user_id_by_username: Dict[str, str] = {}
+_user_id_by_email: Dict[str, str] = {}
+
+
+def _normalize_username(s: str) -> str:
+    return (s or "").strip().lower()
+
+
+def _normalize_email(s: str) -> str:
+    return (s or "").strip().lower()
+
+
+def register_user(*, username: str, email: str, password: str) -> UserRecord:
+    username_n = _normalize_username(username)
+    email_n = _normalize_email(email)
+
+    if not username_n:
+        raise ValueError("username required")
+    if not email_n or "@" not in email_n:
+        raise ValueError("valid email required")
+    if not password or len(password) < 6:
+        raise ValueError("password must be at least 6 chars")
+
+    with _lock:
+        if username_n in _user_id_by_username:
+            raise ValueError("username already exists")
+        if email_n in _user_id_by_email:
+            raise ValueError("email already exists")
+
+        password_hash = bcrypt.hashpw(password.encode("utf-8"), bcrypt.gensalt())
+        user_id = uuid.uuid4().hex
+        rec = UserRecord(user_id=user_id, username=username_n, email=email_n, password_hash=password_hash)
+
+        _users_by_id[user_id] = rec
+        _user_id_by_username[username_n] = user_id
+        _user_id_by_email[email_n] = user_id
+
+        # Persist users so bandit state can be recovered across restarts.
+        try:
+            from . import db as persistence
+
+            persistence.persist_user(rec)
+        except Exception:
+            # For local dev, allow auth to work even if DB isn't ready yet.
+            pass
+
+        return rec
+
+
+def authenticate_login(*, username_or_email: str, password: str) -> Optional[UserRecord]:
+    ident = (username_or_email or "").strip()
+    if not ident or not password:
+        return None
+
+    username_n = _normalize_username(ident)
+    email_n = _normalize_email(ident)
+
+    with _lock:
+        user_id = _user_id_by_email.get(email_n) or _user_id_by_username.get(username_n)
+        if not user_id:
+            return None
+
+        rec = _users_by_id.get(user_id)
+
+    if not rec:
+        return None
+
+    ok = bcrypt.checkpw(password.encode("utf-8"), rec.password_hash)
+    return rec if ok else None
+
+
+def get_user_by_id(user_id: str) -> Optional[UserRecord]:
+    if not user_id:
+        return None
+    with _lock:
+        return _users_by_id.get(user_id)
+
+
+def get_user_by_email(email: str) -> Optional[UserRecord]:
+    email_n = _normalize_email(email)
+    if not email_n:
+        return None
+    with _lock:
+        user_id = _user_id_by_email.get(email_n)
+        return _users_by_id.get(user_id) if user_id else None
+
+
+def update_password(*, user_id: str, new_password: str) -> bool:
+    """
+    Update password hash in-memory and persist to SQLite.
+    Returns True if updated, False if user not found.
+    """
+    if not user_id or not new_password or len(new_password) < 6:
+        raise ValueError("password must be at least 6 chars")
+
+    new_hash = bcrypt.hashpw(new_password.encode("utf-8"), bcrypt.gensalt())
+    with _lock:
+        rec = _users_by_id.get(user_id)
+        if not rec:
+            return False
+
+        updated = UserRecord(user_id=rec.user_id, username=rec.username, email=rec.email, password_hash=new_hash)
+        _users_by_id[user_id] = updated
+
+    # Persist outside the lock.
+    try:
+        from . import db as persistence
+
+        persistence.persist_user(updated)
+    except Exception:
+        # Allow dev/test if DB isn't ready.
+        pass
+
+    return True
+
+
+def seed_users_from_db(rows: list[dict[str, Any]]) -> None:
+    """
+    Replace the in-memory user store with persisted users from SQLite.
+    Intended to be called once during FastAPI startup.
+    """
+    with _lock:
+        _users_by_id.clear()
+        _user_id_by_username.clear()
+        _user_id_by_email.clear()
+
+        for r in rows:
+            rec = UserRecord(
+                user_id=str(r["user_id"]),
+                username=str(r["username"]),
+                email=str(r["email"]),
+                password_hash=r["password_hash"],
+            )
+            _users_by_id[rec.user_id] = rec
+            _user_id_by_username[_normalize_username(rec.username)] = rec.user_id
+            _user_id_by_email[_normalize_email(rec.email)] = rec.user_id
+
+
+def create_access_token(*, user_id: str) -> str:
+    import time as _time
+    now = int(_time.time())
+    exp = now + int(getattr(config, "JWT_EXPIRE_SECONDS", 60 * 60 * 24 * 7))
+
+    payload = {"sub": user_id, "iat": now, "exp": exp}
+    return jwt.encode(payload, config.JWT_SECRET, algorithm=getattr(config, "JWT_ALGORITHM", "HS256"))
+
+
+def decode_access_token(token: str) -> str:
+    if not token:
+        raise ValueError("missing token")
+    payload = jwt.decode(token, config.JWT_SECRET, algorithms=[getattr(config, "JWT_ALGORITHM", "HS256")])
+    sub = payload.get("sub")
+    if not sub:
+        raise ValueError("invalid token payload")
+    return str(sub)
+

{anupa → vivek}/backend/combined_prompt.py

@@ -17,12 +17,223 @@ This matches Claude's architecture: one model, one generation, no sequential del
 
 from __future__ import annotations
 
+import json
 import re
-from typing import Tuple
+from typing import Any, Tuple
 
 from . import config
 from .widget_prompt import inject_design_system
 
+
+def strip_widget_markdown_fences(raw: str) -> str:
+    """Remove ```json ... ``` wrappers often emitted inside <WIDGET> despite instructions."""
+    s = (raw or "").strip()
+    if not s or "```" not in s:
+        return s
+    fence = re.search(r"```(?:json|html|javascript|js)?\s*(.*?)```", s, re.DOTALL | re.IGNORECASE)
+    if fence:
+        return fence.group(1).strip()
+    return re.sub(r"```\w*", "", s).strip()
+
+
+def parse_widget_schema_object(s: str) -> Any | None:
+    """Parse first JSON value; tolerate leading/trailing prose via JSONDecoder.raw_decode."""
+    s = strip_widget_markdown_fences(s).strip()
+    if not s:
+        return None
+    dec = json.JSONDecoder()
+    for start_ch in ("{", "["):
+        idx = s.find(start_ch)
+        if idx == -1:
+            continue
+        try:
+            obj, _ = dec.raw_decode(s, idx)
+            return obj
+        except json.JSONDecodeError:
+            continue
+    try:
+        return json.loads(s)
+    except json.JSONDecodeError:
+        return None
+
+
+_BLOCK_TYPES = frozenset({"text", "kpi_row", "chart", "table", "action_row", "image"})
+
+_TYPE_ALIASES: dict[str, str] = {
+    "markdown": "text",
+    "md": "text",
+    "paragraph": "text",
+    "rich_text": "text",
+    "kpi": "kpi_row",
+    "kpis": "kpi_row",
+    "kpirow": "kpi_row",
+    "metrics": "kpi_row",
+    "metric_row": "kpi_row",
+    "data_table": "table",
+    "grid": "table",
+    "actions": "action_row",
+    "action": "action_row",
+    "plot": "chart",
+    "graph": "chart",
+    "line_chart": "chart",
+    "bar_chart": "chart",
+    "photo": "image",
+    "picture": "image",
+    "img": "image",
+    "illustration": "image",
+}
+
+
+def _normalize_layout_block(entry: Any) -> dict[str, Any]:
+    """Turn primitives, malformed entries, and common aliases into valid block dicts."""
+    if entry is None:
+        return {"type": "text", "content": ""}
+    if isinstance(entry, (str, int, float, bool)):
+        return {"type": "text", "content": str(entry)}
+    if isinstance(entry, list):
+        return {"type": "text", "content": json.dumps(entry, ensure_ascii=False)}
+    if not isinstance(entry, dict):
+        return {"type": "text", "content": str(entry)}
+
+    b: dict[str, Any] = dict(entry)
+    raw_t = str(b.get("type") or "").strip().lower().replace("-", "_")
+    t = _TYPE_ALIASES.get(raw_t, raw_t)
+    if t in _BLOCK_TYPES:
+        b["type"] = t
+        return b
+
+    items = b.get("items")
+    if isinstance(items, list) and items:
+        first = items[0]
+        if isinstance(first, dict) and isinstance(first.get("label"), str):
+            v = first.get("value")
+            if isinstance(v, (str, int, float, bool)):
+                b["type"] = "kpi_row"
+                return b
+    if isinstance(b.get("chart"), dict):
+        b["type"] = "chart"
+        return b
+    src_val = b.get("src")
+    if isinstance(src_val, str) and src_val.strip():
+        b["type"] = "image"
+        return b
+    if isinstance(b.get("rows"), list):
+        b["type"] = "table"
+        return b
+    if isinstance(b.get("buttons"), list):
+        b["type"] = "action_row"
+        return b
+    for key in ("content", "body", "text", "markdown", "md"):
+        v = b.get(key)
+        if isinstance(v, str):
+            return {"type": "text", "content": v}
+
+    return {"type": "text", "content": json.dumps(b, ensure_ascii=False)}
+
+
+def _sanitize_layout(layout: list[Any]) -> list[dict[str, Any]]:
+    return [_normalize_layout_block(e) for e in layout]
+
+
+def coerce_widget_schema_root(obj: Any) -> dict[str, Any] | None:
+    """Ensure root has layout: [] (alias blocks/components; wrap bare arrays)."""
+    if obj is None:
+        return None
+    if isinstance(obj, list):
+        return {"version": "1.0", "layout": obj}
+    if not isinstance(obj, dict):
+        return None
+    out = dict(obj)
+    # Unwrap { "widget": { "layout": [...] } } or { "schema": {...} }
+    if isinstance(out.get("widget"), dict):
+        inner = dict(out.pop("widget"))
+        out = {**out, **inner}
+    if isinstance(out.get("schema"), dict):
+        inner = dict(out.pop("schema"))
+        out = {**out, **inner}
+    if "layout" not in out or not isinstance(out.get("layout"), list):
+        if isinstance(out.get("blocks"), list):
+            out["layout"] = out["blocks"]
+        elif isinstance(out.get("components"), list):
+            out["layout"] = out["components"]
+        elif isinstance(out.get("Layout"), list):
+            out["layout"] = out.pop("Layout")
+    # layout is a single block object (common model mistake)
+    lay = out.get("layout")
+    if isinstance(lay, dict) and lay.get("type"):
+        out["layout"] = [lay]
+    # Root is one block with no layout key
+    if not isinstance(out.get("layout"), list) and out.get("type") in _BLOCK_TYPES:
+        ver = out.pop("version", None)
+        block = dict(out)
+        out = {"version": str(ver or "1.0"), "layout": [block]}
+    if isinstance(out.get("layout"), list):
+        out["layout"] = _sanitize_layout(out["layout"])
+    return out
+
+
+def widget_schema_json_is_valid(schema_str: str) -> bool:
+    if not (schema_str or "").strip():
+        return False
+    try:
+        o = json.loads(schema_str)
+    except json.JSONDecodeError:
+        return False
+    return isinstance(o, dict) and isinstance(o.get("layout"), list)
+
+
+def extract_embeddable_html_document(raw: str) -> str | None:
+    """
+    If the model put HTML/JS widgets inside <WIDGET> while WIDGET_MODE=json, return a full HTML
+    document suitable for inject_design_system + iframe. Otherwise None.
+    """
+    s = strip_widget_markdown_fences((raw or "").strip())
+    if not s or "<" not in s or ">" not in s:
+        return None
+    st = s.lstrip()
+    if st.startswith("{") and "<div" not in s.lower() and "<html" not in s.lower():
+        return None
+    low = s.lower()
+    if "<html" in low or "<!doctype" in low:
+        return re.sub(r"<!DOCTYPE[^>]*>", "", s, flags=re.IGNORECASE).strip()
+    if any(
+        tag in low
+        for tag in (
+            "<script",
+            "<body",
+            "<div",
+            "<canvas",
+            "<iframe",
+            "<form",
+            "<input",
+            "<button",
+            "<style",
+        )
+    ):
+        inner = re.sub(r"<!DOCTYPE[^>]*>", "", s, flags=re.IGNORECASE).strip()
+        if "<html" not in inner.lower():
+            return f"<html><head></head><body>{inner}</body></html>"
+        return inner
+    return None
+
+
+def finalize_widget_schema_json(raw: str) -> str:
+    """
+    Normalize model output for the Vue renderer: strip fences, extract JSON, coerce layout.
+    Returns a string safe for JSON.parse on the client (or best-effort stripped text).
+    """
+    raw = (raw or "").strip()
+    if not raw:
+        return ""
+    obj = parse_widget_schema_object(raw)
+    if obj is None:
+        return strip_widget_markdown_fences(raw)
+    coerced = coerce_widget_schema_root(obj)
+    if coerced is None:
+        return json.dumps(obj, ensure_ascii=False)
+    return json.dumps(coerced, ensure_ascii=False)
+
+
 _JSON_WIDGET_RULE = """
 WIDGET JSON SCHEMA MODE (WIDGET_MODE=json):
 - The content inside <WIDGET> MUST be valid JSON (no markdown fences, no comments).
@@ -39,13 +250,21 @@ WIDGET JSON SCHEMA MODE (WIDGET_MODE=json):
     { "type": "table", "id": "...", "title": "...", "columns": [ ... ], "rows": [ [ ... ], ... ] }
   - action_row:
     { "type": "action_row", "id": "...", "buttons": [ { "id": "...", "label": "...", "intent": "..." }, ... ] }
+  - image (photos, diagrams, icons, illustrations — any raster or SVG via URL/data URI):
+    { "type": "image", "id": "...", "title": "...", "src": "https://... OR data:image/png;base64,...", "alt": "accessible description", "caption": "optional caption", "fit": "contain|cover" }
 
 Data grounding:
-- Every entity/name/number used in the schema must come from the user message OR the numbers you include in <RESPONSE>.
-- Do not fabricate time series. If you cannot produce real points, use KPIs + a table.
+- Prefer data from user message or <RESPONSE>. When real data is unavailable, use illustrative/mock data and label it clearly (e.g. "Example data", "Mock data").
 
 Interactivity:
 - Use action_row buttons to request follow-ups via intent strings (e.g., "explain_methodology", "show_risks").
+- GAMES, TOYS, and CUSTOM APPS (tic-tac-toe, puzzles, interactive demos, any playable UI): you MUST output a **complete HTML document** (`<html>...</html>` with CSS/JS) inside `<WIDGET>`, NOT a JSON schema. JSON blocks cannot represent a real game board — never dump raw index arrays like `[0,1,2]` as layout items.
+- If the user needs true controls (sliders, inputs, live calculator), rich HTML/SVG/canvas, or complex layouts that JSON blocks cannot express, you MAY put a complete mini HTML document (with inline JS) inside <WIDGET> instead of JSON — the app will still render it. Prefer JSON when charts/KPIs/tables/images suffice.
+- For photographs, diagrams, or icons in JSON mode, use the `image` block with a valid https:// URL or a data: URI. Combine `image` with `text`, `chart`, and `table` blocks as needed.
+
+Dynamic layout (JSON) — avoid static, single-block dashboards:
+- Shape `layout` like a short story: context first, then metrics, then detail, then actions. Mix block types (text, kpi_row, chart, table, image, action_row) whenever it improves scanning; do not default to one lonely chart if KPIs or a sentence of framing would help.
+- Use `action_row` for obvious follow-up intents; keep blocks ordered top-to-bottom by importance so the widget feels purposeful, not generic.
 """
 
 
@@ -87,50 +306,57 @@ Universal reactive mini-app contract (follow for every widget):
   5) sendPrompt: ONLY when new knowledge/data is required. Include current state in the prompt.
 
 Charts:
-- MUST use ECharts as the primary visualization library.
-- Allowed CDN (preferred): https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js
-- ECharts background must be transparent.
+- Use any public chart/library CDN from cdnjs.cloudflare.com, cdn.jsdelivr.net, unpkg.com, or cdn.plot.ly.
+- Chart backgrounds must be transparent for iframe embedding.
+- ECharts (preferred): https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js
+- Plotly, D3, Chart.js, ApexCharts, and other public viz libraries are allowed.
 
 Forbidden (never include):
 - fetch / XMLHttpRequest / WebSocket
 - eval / new Function
 """
 
+_DYNAMIC_WIDGET_UX_RULE = """
+Dynamic, responsive widgets (not static posters):
+- Layout: use flex/grid with wrap, minmax(), and clamp() so content reflows when the iframe is narrow or wide. Prefer fluid widths (%, fr, max-width) over fixed pixel widths for main columns.
+- Motion & feedback: add CSS transitions on hover/focus for cards, buttons, and controls; subtle transform (translateY) on hover where it aids affordance. Enable chart library animation (e.g. ECharts animation / animationDuration) so series draw in smoothly.
+- Interactivity: expose meaningful controls — tabs, toggles, filters, sliders, dataZoom/brush on charts when data density warrants it. When state changes, re-render charts/tables immediately (same reactive pattern as sliders).
+- Depth: combine visuals (chart + KPI strip + short table + optional image/diagram) when the answer benefits; vary structure by use case instead of repeating one template every turn.
+"""
+
 _OUTPUT_CONTRACT_STRICT = """
 OUTPUT CONTRACT (STRICT — MUST FOLLOW)
-You MUST return EXACTLY two sections, in this exact order:
+You MUST return these sections in this exact order:
 
 <RESPONSE>
 ...text...
 </RESPONSE>
 <WIDGET>
-...widget...
+...widget OR empty...
 </WIDGET>
 
 Rules:
-- NEVER omit <WIDGET>.
-- NEVER return only text.
-- If you are uncertain or missing data, STILL return a valid widget that:
-  - clearly labels any values as approximate, and
-  - includes controls + an ECharts chart driven by embedded (approximate) data, and
-  - includes one or more sendPrompt() buttons asking the user for the missing data (e.g., date range / source).
+- Never omit the <WIDGET> tags, but content may be empty when a widget is not warranted.
+- If widget is warranted, return a valid interactive widget (not placeholders).
+- If widget is not warranted (simple chit-chat / conceptual text-only), return exactly <WIDGET></WIDGET>.
 If you fail to follow this contract, the system will break.
 """
 
 _LIBRARIES_RULE = """
-Allowed public libraries (CDN) for <WIDGET>:
-- ECharts (BI-grade charts): https://cdnjs.cloudflare.com/ajax/libs/echarts/5.5.0/echarts.min.js
-- Plotly.js (high-interactivity charts): https://cdn.plot.ly/plotly-2.30.0.min.js
-- D3.js (bespoke/custom visuals): https://cdnjs.cloudflare.com/ajax/libs/d3/7.9.0/d3.min.js
-- Tabulator JS (tables): https://cdn.jsdelivr.net/npm/tabulator-tables@6.2.5/dist/js/tabulator.min.js
-- Tabulator CSS: https://cdn.jsdelivr.net/npm/tabulator-tables@6.2.5/dist/css/tabulator.min.css
-- Chart.js (only if truly needed): https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.js
+Allowed libraries for <WIDGET> — use any public CDN from cdnjs.cloudflare.com, cdn.jsdelivr.net, unpkg.com, or cdn.plot.ly.
+Use whichever library produces the best visual for the use case. You may combine libraries (e.g. ECharts + Tabulator).
 
-Rules:
-- Do NOT use any other external libraries.
-- Choose exactly ONE chart engine for the main visualization: ECharts OR Plotly OR D3.
-- You may use Tabulator concurrently for detail tables.
-- Never mix multiple chart engines for the same chart area.
+Recommended (pick the best fit):
+- ECharts: https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js
+- Plotly.js: https://cdn.plot.ly/plotly-2.30.0.min.js
+- D3.js: https://cdnjs.cloudflare.com/ajax/libs/d3/7.9.0/d3.min.js
+- Chart.js: https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.js
+- ApexCharts: https://cdn.jsdelivr.net/npm/apexcharts
+- Tabulator (tables): https://cdn.jsdelivr.net/npm/tabulator-tables/dist/js/tabulator.min.js + CSS
+- Mermaid (flowcharts, sequence diagrams): https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js
+- Three.js (simple 3D): https://cdn.jsdelivr.net/npm/three/build/three.min.js
+
+You may use any other public library from these CDNs. Choose the library that creates the best, most accurate visualization.
 
 Color + theming baseline (applies to every engine):
 - Always define a JS palette (array of hex colors) and apply it explicitly to series/marks.
@@ -148,7 +374,7 @@ Library choice guidance (use the best fit; do not force the same layout every ti
 - Hierarchies: treemap only when parent/child is explicit; otherwise use grouped table.
 - Many series: avoid clutter; use small multiples or series toggles (do not plot >6 lines by default).
 - Tables: Tabulator always for scan/sort/filter when it helps (rows > 8 or user asked for a breakdown).
-- Prose/conceptual answers with no extractable dataset: return <WIDGET></WIDGET> or a compact visual card (no chart/table shells).
+- Prose/conceptual answers with no extractable dataset: still generate a widget using illustrative/mock data and label it clearly (e.g. "Example", "Illustrative", "Mock data").
 
 Engine-specific rendering requirements:
 - ECharts: option.backgroundColor must be 'transparent'; set textStyle/axis/grid colors from theme.
@@ -159,14 +385,13 @@ Engine-specific rendering requirements:
 _ANALYTICS_DEFAULTS_RULE = """
 Dashboard decision policy (data-driven; do this internally—do not output the reasoning):
 1) DATASET EXTRACTION:
-   - Extract ONE canonical dataset in JS: `const data = [...]` derived from extractable numeric anchors from this conversation:
-     (a) numeric values explicitly present in the user request/context you were given, and
-     (b) any numeric values you include inside <RESPONSE>.
-   - Every KPI/table/chart label and every numeric value used in the widget must be present somewhere in this conversation context (either in the user request/context or in <RESPONSE>).
+   - Prefer data from: (a) user request/context, (b) numeric values in <RESPONSE>.
+   - If sufficient data exists, use it. If not, use illustrative/mock data — but you MUST clearly label it (e.g. "Example data", "Mock data", "Illustrative") in the widget title or a visible subtitle.
 2) DATA-SHAPE DETECTION:
    - Determine shape: time-series, categorical ranking, composition, distribution, correlation, hierarchy, steps/process, or other.
 3) WIDGET WARRANT:
-   - If no extractable dataset (or too few points): return <WIDGET></WIDGET> or a compact single-card visual (no chart/table).
+   - Generate a widget wherever there is possibility. If extractable data exists, use it.
+   - If no extractable dataset (or too few points): use illustrative/mock data and clearly label it (e.g. "Example data", "Mock data", "Illustrative"). Do NOT return empty <WIDGET></WIDGET> when a chart/calculator/table would help.
 4) BI LAYOUT (only when warranted):
    - KPI row (3–6 tiles) → optional Controls row → Primary visualization → optional detail table → Insights (2–4).
 5) CROSS-VIEW INTERACTION:
@@ -196,12 +421,87 @@ Color & theming (best-in-class readability + polish):
 - Grid/labels must always be visible: explicitly set label/text/grid colors for the chart engine.
 """
 
+# Strict bandit primitive: extra lines for <RESPONSE> when STRICT_PRIMITIVES is on (prompt-only).
+_STRICT_PRIMITIVE_EXTRAS: dict[str, str] = {
+    "structured_bullets": (
+        "Use only the format in the Rule: 3–5 lines, each starting with '- '. "
+        "Do not use numbered lists or paragraph prose as the main answer."
+    ),
+    "narrative_prose": (
+        "Use only short paragraphs (no '- ' bullets, no numbered list as the main answer)."
+    ),
+    "concise_direct": (
+        "Obey the sentence limit in the Rule. No bullet or numbered lists unless the Rule allows."
+    ),
+    "socratic_questions": (
+        "Match the Rule: brief acknowledgement, then 1–2 questions only — not a full tutorial."
+    ),
+    "step_by_step": (
+        "Use only a numbered list (3–6 steps). Do not use '-' bullets for the main steps."
+    ),
+    "comparison_table": (
+        "Output ONLY a GitHub-flavored markdown table: one header row, a |---| separator row, then data rows. "
+        "No section titles, bullets, or paragraphs outside the table. Do not put JSON in <RESPONSE>."
+    ),
+    "visualization": (
+        "Output ONLY one markdown fenced code block (triple backticks). Inside: ASCII bar chart (#) and/or "
+        "aligned text columns. Do not put raw JSON in <RESPONSE>. No prose outside that single code block."
+    ),
+}
+
+
+def build_strict_response_rule_line(strategy_id: str) -> str:
+    """Instructions so <RESPONSE> matches the selected bandit strategy (strict primitive)."""
+    base = (
+        "MANDATORY for <RESPONSE> — follow the Strategy and Rule below exactly. "
+        "Do not substitute a different format; the UI label must match what you write."
+    )
+    extra = _STRICT_PRIMITIVE_EXTRAS.get(strategy_id, "").strip()
+    if extra:
+        return f"{base} {extra}"
+    return base
+
+
+def is_social_or_greeting_turn(user_message: str) -> bool:
+    """Short greeting/thanks/goodbye only — no bandit strategy format (used for prompt routing only)."""
+    t = (user_message or "").strip()
+    if not t or len(t) > 160:
+        return False
+    tl = " ".join(t.lower().split())
+    if "?" in t and len(t) > 25:
+        return False
+    if re.fullmatch(
+        r"(hi|hello|hey|yo|sup|hiya|bye|goodbye|ok|okay|k|cheers|thx|ty|thanks|thank you)"
+        r"([!?.])*",
+        tl,
+    ):
+        return True
+    if re.fullmatch(
+        r"(thanks|thank you)( a lot| so much| again)?([!?.])*",
+        tl,
+    ):
+        return True
+    if re.fullmatch(
+        r"(good )?(morning|afternoon|evening|night)([!?.])*",
+        tl,
+    ):
+        return True
+    if re.fullmatch(r"got it([!?.])*", tl):
+        return True
+    if re.fullmatch(
+        r"(hi|hello|hey)\s+(there|everyone|all|team)([!?.])*",
+        tl,
+    ):
+        return True
+    return False
+
 
 def build_combined_system_prompt(
     strategy_id: str,
     format_rule: str,
     primitive_extra_context: str,
     user_message: str,
+    widget_required: bool = True,
     forbidden_components: list[str] | None = None,
     required_components: list[str] | None = None,
 ) -> str:
@@ -239,40 +539,27 @@ def build_combined_system_prompt(
             "If your HTML is missing any of these, the widget will be rejected and replaced.\n"
         )
 
-    response_rule_line = (
-        "Follow this exactly for the text inside <RESPONSE>."
-        if getattr(config, "STRICT_PRIMITIVES", False)
-        else "Treat this as a style hint for <RESPONSE> (do not be rigid)."
-    )
-
-    um = (user_message or "").lower()
-    explicit_visual = any(
-        k in um
-        for k in (
-            "plot",
-            "chart",
-            "graph",
-            "visualize",
-            "visualisation",
-            "visualization",
-            "dashboard",
-            "scatter",
-            "line chart",
-            "bar chart",
-            "histogram",
-            "heatmap",
-            "candlestick",
+    social_only = is_social_or_greeting_turn(user_message)
+    if social_only:
+        response_rule_line = (
+            "GENERAL / SOCIAL TURN — ignore Strategy and Rule below. "
+            "Reply in 1–2 short, natural sentences only. No bullets, tables, numbered lists, or fenced code blocks."
         )
-    )
-    visual_override_block = ""
-    if explicit_visual:
-        visual_override_block = """
+    elif getattr(config, "STRICT_PRIMITIVES", False):
+        response_rule_line = build_strict_response_rule_line(strategy_id)
+    else:
+        response_rule_line = "Treat this as a style hint for <RESPONSE> (do not be rigid)."
+
+    social_turn_banner = ""
+    if social_only:
+        social_turn_banner = """
 ═══════════════════════════════════════════════════════
-EXPLICIT VISUAL OVERRIDE (from user message)
+GENERAL QUESTION — GREETING / THANKS / GOODBYE (no bandit strategy)
+═══════════════════════════════════════════════════════
+The user's message is only a greeting, thanks, acknowledgement, or goodbye.
+- <RESPONSE>: Brief, friendly, natural text. Do NOT apply the bandit Strategy or Rule shown below.
+- <WIDGET>: Return exactly <WIDGET></WIDGET> (empty). No chart, no dashboard, no placeholder HTML.
 ═══════════════════════════════════════════════════════
-The user explicitly asked for a visualization. Prioritize a chart/graph in <WIDGET>.
-If the Strategy/Rule suggests a table-only response, you may still answer in a chart-friendly structure and should include an interactive chart in <WIDGET>.
-Do not refuse a chart just because a "comparison_table" style was selected.
 """
 
     widget_mode = getattr(config, "WIDGET_MODE", "json").strip().lower()
@@ -288,15 +575,22 @@ Do not refuse a chart just because a "comparison_table" style was selected.
         else "WIDGET RULES — for the JSON schema inside <WIDGET>"
     )
 
+    widget_requirement_block = (
+        "WIDGET REQUIRED for this user turn: return a NON-EMPTY widget."
+        if widget_required
+        else "WIDGET OPTIONAL for this user turn: return <WIDGET></WIDGET> if the turn is better as text-only."
+    )
+
     widget_rules_body = (
         f"""- Hard output contract (never violate):
   - You MUST output BOTH tags exactly once: <RESPONSE>...</RESPONSE> and <WIDGET>...</WIDGET>.
-  - Never omit <WIDGET> tags. If you choose “no widget”, output literally `<WIDGET></WIDGET>` (empty but present).
-- Widget CONTENT is OPTIONAL (based on data), but the <WIDGET> tags are REQUIRED.
+  - Never omit <WIDGET> tags. For text-only turns, output `<WIDGET></WIDGET>`.
+- {widget_requirement_block}
 - Choose the UI based on the content in <RESPONSE> (data-driven). Do not follow any fixed template.
 - IMPORTANT: In HTML mode, the content inside <WIDGET> MUST be HTML (not JSON). It must contain opening <html> and closing </html>.
 - Return a COMPLETE, self-contained HTML document (opening <html> to closing </html>).
-- Inline ALL CSS in <style> and ALL JS in <script>. The only external files allowed are the CDNs below (and Tabulator CSS via <link>).
+- Inline ALL CSS in <style> and ALL JS in <script>. External files: use any public CDN (cdnjs, jsdelivr, unpkg, cdn.plot.ly) for charts, tables, and other libraries.
+- Visuals — use freely when they clarify the answer: <img> (https:// or data:image/...), inline <svg>, <figure>/<figcaption>, <picture>, <canvas> for drawings, and background-image in CSS (url() to https or data URIs). For diagrams/flowcharts you may embed SVG markup or use canvas/D3/Mermaid via CDN. Attribute image sources when the license requires it.
 - {_LIBRARIES_RULE.strip()}
 - {_ANALYTICS_DEFAULTS_RULE.strip()}
 - {_COLOR_THEMING_RULE.strip()}
@@ -307,10 +601,13 @@ Do not refuse a chart just because a "comparison_table" style was selected.
 - No markdown fences/backticks inside <WIDGET>. Use ONLY raw HTML/CSS/JS.
 - Always call your main render/calc function once on page load so output is never empty (e.g., call `init()` or `render()` at the end of <script>).
 - Charts/tables must be drawn from the embedded dataset immediately after the first render call.
+- {_DYNAMIC_WIDGET_UX_RULE.strip()}
 - Slider/input changes → local calc() only (never sendPrompt on drag).
 - Slider initial values MUST match the exact numbers in your <RESPONSE>. Never invent defaults.
 - Use 0.5px solid borders — never 1px solid.
 - UI (HTML/CSS): use CSS variables only (no hardcoded hex/rgb). Charts (ECharts/Plotly/Chart.js): you MAY use hex colors in JS configs for palettes/series.
+- NO EMOJIS — never use emojis in widgets or labels. Use text only.
+- Neat and clean for any data: light backgrounds (#F5F5F5, #F2F2F2), clear typography, generous spacing. Minimal, professional layout. No decorative icons or clutter.
 {_REACTIVE_RUNTIME_RULE}
 {_DESIGN_SYSTEM_REMINDER}
 {_SENDPROMPT_RULE}"""
@@ -318,33 +615,57 @@ Do not refuse a chart just because a "comparison_table" style was selected.
         else _JSON_WIDGET_RULE.strip()
     )
 
-    return f"""You are an expert AI assistant with rich interactive output capabilities.
+    combined_max_tokens = getattr(config, "COMBINED_MAX_TOKENS", 7500)
+    token_limit_block = f"""
+TOKEN LIMIT — you have ~{combined_max_tokens} tokens total for <RESPONSE> + <WIDGET>.
+- Prioritize completing the widget. Never stop mid-widget or truncate. A complete, functional widget is required.
+- When space is tight: shorten <RESPONSE> (2–5 sentences), not the <WIDGET>. The widget must always be full and working.
+- For comparison tables in <RESPONSE>: keep focused so the widget has room. Both must fit.
+"""
 
+    return f"""You are an expert AI assistant with rich, dynamic interactive output — widgets should feel alive, responsive, and tailored to each question (not repetitive templates).
+{social_turn_banner}
+Output style: No emojis. Neat, clean, professional — in both <RESPONSE> text and <WIDGET>.
+{token_limit_block}
 {_OUTPUT_CONTRACT_STRICT}
 
-For every response you produce TWO sections — response text and an interactive widget — in one generation.
-Default behavior: generate a NON-EMPTY <WIDGET> that turns your own <RESPONSE> into something interactive/visual.
-Only return an EMPTY widget block (<WIDGET></WIDGET>) when the turn is truly not “widget-worthy”:
-- greetings / acknowledgements / chit-chat
-- or ultra-short answers with no structure and no numbers (≈ 1–2 sentences, no steps, no table, no formula)
-
-Important: users should NOT have to ask for “a widget” every time. If your <RESPONSE> contains structure or numbers,
-you are expected to automatically provide the best-fit widget.
-
-Exception (must generate non-empty widget):
-- If the user explicitly requests any of the following: visualization/dashboard/chart/graph/plot, **interactive** output, **widget**, **calculator**, **sliders**, or **interactive table**,
-  OR provides explicit numeric arrays/series/time points in the conversation context,
-  you MUST generate a NON-EMPTY <WIDGET> (not just empty tags).
-  - For calculators/sliders: a compact interactive calculator widget is acceptable even without a “dataset”.
-  - For plots/charts: include at least one interactive chart (ECharts/Plotly/D3) and optionally a sortable table (Tabulator).
-
-Auto-widget triggers (based on what YOU wrote in <RESPONSE>):
-- If <RESPONSE> includes any numeric values, percentages, currency, or formulas → generate an interactive calculator and/or visualization.
-- If <RESPONSE> includes a list of steps or a comparison → generate an interactive checklist, decision table, or sortable table (Tabulator).
-- If <RESPONSE> includes 5+ numeric points or a time series → generate an interactive chart (ECharts/Plotly/D3).
-- If <RESPONSE> includes only 1–4 numeric points → generate KPI tiles + a small chart if it adds value (no fake data).
-{visual_override_block}
+For every response you produce TWO sections in one generation.
+The widget block may be empty for text-only turns where interactivity is not helpful.
+
+CRITICAL — Never describe a widget you do not generate. If your <RESPONSE> mentions "the dashboard below", "interactive chart", "explore visually", or anything that implies a visualization exists, you MUST output a complete, non-empty <WIDGET>. Do NOT say "the dashboard below" if you return empty <WIDGET></WIDGET>. Either generate the full widget HTML or do not mention it in the text at all.
+
+Only return an EMPTY widget block (<WIDGET></WIDGET>) when the turn is not “widget-worthy”:
+- greetings (hi, hello, hey), acknowledgements (thanks, ok, got it), goodbyes (bye, goodbye), pure chit-chat — on these turns do NOT apply the bandit Strategy/Rule to <RESPONSE>; use a short natural reply
+- conceptual Q&A with no dataset/comparison/actionable metrics
+- planning/roadmap/implementation-step requests where prose is the primary output
+
+Infer from the user's question and your <RESPONSE> content whether a widget would help. If your <RESPONSE> has structure, numbers, comparisons, or decision support, generate the best-fit widget.
+
+Widget warrant decision checklist:
+- Generate NON-EMPTY widget if the user asks for charts, dashboard, analytics, comparison, trends, KPIs, forecasting, ranking, tabular breakdown, numeric exploration, diagrams, illustrations, or images that support the answer.
+- Generate NON-EMPTY widget if your response includes measurable values that benefit from visual or interactive interpretation.
+- Return EMPTY widget for pure explanation/definition/planning where a chart would be decorative noise.
+
+Understand the user's intent. When the question implies visualization, calculation, comparison, or learning, generate a NON-EMPTY <WIDGET>.
+
+Chart/visual selection — pick the right type for the data and use case:
+| Data / use case | Best widget type | Library |
+|-----------------|------------------|---------|
+| Time-series, trends | Line or area chart | ECharts, Plotly, Chart.js |
+| Categorical comparison | Bar chart (horizontal) | ECharts, Chart.js, ApexCharts |
+| Part of whole | Pie, donut, stacked bar | ECharts, Chart.js |
+| Correlation, x-y | Scatter plot | ECharts, Plotly, D3 |
+| Adjustable numbers, formulas | Interactive calculator with sliders | Plain JS + Chart.js/ECharts |
+| Rows > 8, breakdown | Tabulator table | Tabulator |
+| KPI metrics | KPI tiles + optional chart | CSS + ECharts |
+| Process, flow | Diagram, sankey, funnel | D3, ECharts |
+| Photo, illustration, icon | <img> / inline SVG / image block (JSON) | https or data URI |
+
+Libraries: ECharts (cdn.jsdelivr.net/npm/echarts), Plotly (cdn.plot.ly), Chart.js (cdnjs), Tabulator (tabulator.info). Pick what fits.
+
+One chart vs multiple: Use one chart/widget when it suffices. Add more only when each adds distinct value. Never duplicate the same data in multiple chart types.
 
+CRITICAL — Complete the widget: Never truncate or stop mid-generation. The <WIDGET> must be a complete, functional HTML document. If space is tight, shorten <RESPONSE> — the widget must always finish.
 ═══════════════════════════════════════════════════════
 OUTPUT FORMAT — always use exactly this structure
 ═══════════════════════════════════════════════════════
@@ -361,7 +682,9 @@ RESPONSE FORMAT RULE — {response_rule_line}
 Strategy: {strategy_id}
 Rule: {format_rule}
 Do not mention this rule. Do not add <WIDGET> inside <RESPONSE>.
-Important: The chosen Rule applies ONLY inside <RESPONSE>. The <WIDGET> section must follow the WIDGET RULES (not the RESPONSE rule).
+CRITICAL — Primitives vs Widget (never confuse these):
+- The Strategy/Rule above applies ONLY to <RESPONSE> (text format: bullets, table, prose, etc.). It does NOT constrain <WIDGET>.
+- <WIDGET> is SEPARATE and INDEPENDENT. Generate a widget wherever there is possibility, based on content — never skip a widget because the text format is "table" or "prose". Widget choice (chart, calculator, table) depends on content, not on the primitive.
 
 ═══════════════════════════════════════════════════════
 {widget_rules_header}
@@ -374,11 +697,12 @@ DATA GROUNDING — most critical quality rule
 ═══════════════════════════════════════════════════════
 Every entity, name, number, ticker, percentage shown in the widget MUST come from either:
   - the numeric values you extracted from the user request/context, OR
-  - the numeric values present in your <RESPONSE>.
-- Never invent data. Never use placeholder names (Item A, Value 1, Example Fund).
-- If data is missing for a control, omit that control.
-- Verify every chart/table label and every numeric literal used in JS appears in either your <RESPONSE> or the user-provided/context values.
-- Do not create placeholder dates, tickers, or values to make the widget “look full”.
+  - the numeric values present in your <RESPONSE>, OR
+  - (for educational/concept demos only) reasonable illustrative values you choose (e.g. P=1000, r=5%, t=10 for compound interest).
+- Use meaningful labels (Principal, Rate, Years). When using mock data, clearly label it (e.g. "Example", "Mock data").
+- When real data is missing: you MAY use illustrative/mock data; label it clearly in the widget.
+- Prefer data from <RESPONSE> or user context; when unavailable, use mock/illustrative data and label it.
+- When using mock/illustrative data (dates, tickers, values), label it clearly “e.g. Example data, Mock data”.
 
 ═══════════════════════════════════════════════════════
 sendPrompt specificity — always specific, never generic
@@ -440,15 +764,15 @@ def parse_combined_output(raw: str) -> Tuple[str, str]:
     widget_match = re.search(r"<WIDGET>(.*?)</WIDGET>", raw, re.DOTALL | re.IGNORECASE)
     if widget_match:
         raw_widget = widget_match.group(1).strip()
-        # Strip markdown fences if model wrapped in ```...```
-        if "```" in raw_widget:
-            fence = re.search(r"```(?:json|html)?\s*(.*?)```", raw_widget, re.DOTALL | re.IGNORECASE)
-            raw_widget = fence.group(1).strip() if fence else re.sub(r"```\w*", "", raw_widget).strip()
 
         widget_mode = getattr(config, "WIDGET_MODE", "json").strip().lower()
         if widget_mode == "json":
-            widget_payload = raw_widget
+            widget_payload = finalize_widget_schema_json(raw_widget)
         else:
+            # HTML mode: strip markdown fences if model wrapped widget in ```...```
+            if "```" in raw_widget:
+                fence = re.search(r"```(?:json|html)?\s*(.*?)```", raw_widget, re.DOTALL | re.IGNORECASE)
+                raw_widget = fence.group(1).strip() if fence else re.sub(r"```\w*", "", raw_widget).strip()
             if "<" in raw_widget and ">" in raw_widget:
                 if "<html" not in raw_widget.lower():
                     raw_widget = f"<html><head></head><body>{raw_widget}</body></html>"

vivek/backend/config.py

@@ -0,0 +1,264 @@
+"""Configuration and constants for the Adaptive Presentation Engine backend.
+
+Loads environment variables from .env (via python-dotenv) and defines runtime
+configuration: LLM provider selection, API keys, Thompson Sampling params, paths.
+Restart the server after changing .env.
+"""
+
+from pathlib import Path
+from dotenv import load_dotenv
+import json
+import os
+import threading
+
+# Load .env into os.environ; override=True lets existing env vars win (Docker/CI).
+load_dotenv(override=True)
+
+# -----------------------------------------------------------------------------
+# LLM provider and endpoint routing
+# -----------------------------------------------------------------------------
+# Primary mode: "anthropic" (Claude) or "openai_compat" (OpenAI/Groq).
+LLM_MODE = os.getenv("LLM_MODE", "anthropic").lower()
+
+# When true (default), strategy primitives are mandatory in prompts and
+# enforce_response() reshapes <RESPONSE> to match. Set STRICT_PRIMITIVES=0 for soft hints only.
+STRICT_PRIMITIVES = os.getenv("STRICT_PRIMITIVES", "1").strip().lower() in {"1", "true", "yes", "on"}
+
+# Per-endpoint overrides: /api/chat_plain -> BASELINE, /api/chat -> ADAPTIVE.
+BASELINE_LLM_MODE = os.getenv("BASELINE_LLM_MODE", LLM_MODE).lower()
+ADAPTIVE_LLM_MODE = os.getenv("ADAPTIVE_LLM_MODE", LLM_MODE).lower()
+
+# Widget output: "html" (full HTML in iframe) or "json" (UI schema for frontend renderer).
+WIDGET_MODE = os.getenv("WIDGET_MODE", "json").strip().lower()
+
+# Max time (sec) and tokens for combined response+widget generation.
+# Tight defaults so latency stays predictable; raise only when the UI shows truncation.
+COMBINED_TIMEOUT_SECONDS = int(os.getenv("COMBINED_TIMEOUT_SECONDS", "45"))
+COMBINED_MAX_TOKENS = int(os.getenv("COMBINED_MAX_TOKENS", "4000"))
+
+# OpenAI-compatible API (Groq, OpenAI, or any chat/completions provider)
+OPENAI_BASE_URL = os.getenv("OPENAI_BASE_URL", "https://api.groq.com/openai/v1")
+OPENAI_API_KEY = os.getenv("OPENAI_API_KEY", "")
+OPENAI_MODEL = os.getenv("OPENAI_MODEL", "llama-3.1-8b-instant")
+
+# Anthropic Claude API
+ANTHROPIC_API_KEY = os.getenv("ANTHROPIC_API_KEY", "")
+ANTHROPIC_MODEL = os.getenv("ANTHROPIC_MODEL", "claude-opus-4-6")
+
+# Anthropic Fast Mode: beta header for faster inference; we retry on failure.
+ANTHROPIC_FAST_MODE_ENABLED = os.getenv("ANTHROPIC_FAST_MODE_ENABLED", "1").strip().lower() in {
+    "1", "true", "yes", "on"
+}
+ANTHROPIC_FAST_MODE_SPEED = os.getenv("ANTHROPIC_FAST_MODE_SPEED", "fast")  # "fast" or "standard"
+ANTHROPIC_FAST_MODE_BETA = os.getenv("ANTHROPIC_FAST_MODE_BETA", "fast-mode-2026-02-01")
+
+# Thompson Sampling: D=feature dim, LAMBDA=reg, GAMMA=decay, ALPHA_G=global prior strength.
+D = 10
+LAMBDA = 0.01
+GAMMA = 0.99
+ALPHA_G = 0.05
+
+# Base temperature for Thompson Sampling (exploration).
+TS_TEMPERATURE = float(os.getenv("TS_TEMPERATURE", "2.0"))
+
+# On strong negative feedback: boost temp, penalize last strategy, damp its posterior.
+NEG_EXPLORE_THRESHOLD = float(os.getenv("NEG_EXPLORE_THRESHOLD", "0.40"))
+EXPLORE_TEMP_BOOST = float(os.getenv("EXPLORE_TEMP_BOOST", "2.0"))
+EXPLORE_SCORE_PENALTY = float(os.getenv("EXPLORE_SCORE_PENALTY", "1.75"))
+
+NEG_MU_SHRINK = float(os.getenv("NEG_MU_SHRINK", "0.25"))
+NEG_SINV_SHRINK = float(os.getenv("NEG_SINV_SHRINK", "0.35"))
+
+# Strategy primitives: style constraints injected into LLM prompts.
+# These are bootstrapped defaults. At runtime we may override them from
+# `strategies.json` to make the bandit "strategy bars" admin-manageable.
+DEFAULT_STRATEGIES = {
+    "structured_bullets": "Use 3-5 bullet points only (start each line with '- '). No intro sentence. Do NOT ask questions. Do NOT use numbered lists.",
+    "narrative_prose":    "Write 2-3 short paragraphs. No bullet points.",
+    "concise_direct":     "Reply in at most 3 sentences. Be direct.",
+    "socratic_questions": "Brief acknowledgement, then ask 1-2 clarifying questions.",
+    "step_by_step":       "Numbered list of 3-6 steps only.",
+    # NEW
+    "comparison_table":   "Return a single MARKDOWN TABLE only. Use columns that help compare options (e.g., Option | Pros | Cons | Best for). No bullets outside the table.",
+    "visualization":      "Return a simple TEXT visualization only (ASCII bar chart or small table-of-values). Put it in a fenced code block. No extra prose outside the code block.",
+}
+
+# Module-level strategy state (may be overwritten by `reload_strategies()`).
+# - `STRATEGY_ITEMS`: all strategies (enabled + disabled), keyed by id.
+# - `STRATEGIES`: instruction map for all strategies, keyed by id.
+# - `STRATEGY_NAMES`: enabled strategy ids (used by bandit selection/summary loops).
+STRATEGY_ITEMS: dict[str, dict] = {}
+STRATEGIES: dict[str, str] = dict(DEFAULT_STRATEGIES)
+STRATEGY_NAMES: list[str] = list(DEFAULT_STRATEGIES.keys())
+STRATEGY_LABELS: dict[str, str] = {
+    "structured_bullets": "Structured Bullets",
+    "narrative_prose": "Narrative Prose",
+    "concise_direct": "Concise & Direct",
+    "socratic_questions": "Socratic Questions",
+    "step_by_step": "Step-by-Step",
+    "comparison_table": "Comparison Table",
+    "visualization": "Visualization",
+}
+K = len(STRATEGY_NAMES)
+
+# Paths: HERE = backend/, parent = vivek/ (project root).
+HERE = Path(__file__).resolve().parent
+# Frontend entry point served at GET /. Prefer the Vite production build.
+_FRONTEND_VUE_DIST_INDEX = HERE.parent / "frontend-vue" / "dist" / "index.html"
+INDEX_HTML = (
+    _FRONTEND_VUE_DIST_INDEX
+    if _FRONTEND_VUE_DIST_INDEX.exists()
+    else HERE.parent / "frontend" / "index.html"
+)
+
+# Skills document — high-level chart/widget guidance injected into LLM prompts.
+# Override with SKILLS_PATH env var if needed.
+SKILLS_PATH = Path(os.getenv("SKILLS_PATH", str(HERE.parent / "skills.md")))
+SKILLS_CONTENT = SKILLS_PATH.read_text(encoding="utf-8") if SKILLS_PATH.exists() else ""
+
+# -----------------------------------------------------------------------------
+# Dynamic strategy store (admin-manageable bandit bars)
+# -----------------------------------------------------------------------------
+STRATEGIES_JSON_PATH = os.getenv("STRATEGIES_JSON_PATH", str(HERE.parent / "strategies.json"))
+# RLock because `persist_strategies()` calls `reload_strategies()` which also acquires the lock.
+_STRATEGIES_LOCK = threading.RLock()
+
+def _read_strategies_json() -> dict:
+    """
+    strategies.json format:
+      {
+        "version": 1,
+        "items": [
+          { "id": "...", "label": "...", "instruction": "...", "enabled": true, "event_name": "Decision" }
+        ]
+      }
+    """
+    try:
+        with open(STRATEGIES_JSON_PATH, "r", encoding="utf-8") as f:
+            return json.load(f)
+    except FileNotFoundError:
+        return {}
+    except Exception:
+        return {}
+
+
+def reload_strategies() -> None:
+    """
+    Reload `strategies.json` into module-level globals.
+    Safe to call multiple times.
+    """
+    global STRATEGY_ITEMS, STRATEGIES, STRATEGY_NAMES, STRATEGY_LABELS, K
+
+    with _STRATEGIES_LOCK:
+        data = _read_strategies_json()
+        items = data.get("items") if isinstance(data, dict) else None
+        if not isinstance(items, list) or not items:
+            # Bootstrapped defaults (no dynamic strategies yet).
+            STRATEGY_ITEMS = {k: {"id": k, "instruction": v, "label": STRATEGY_LABELS.get(k, k), "enabled": True, "event_name": ""} for k, v in DEFAULT_STRATEGIES.items()}
+            STRATEGIES = dict(DEFAULT_STRATEGIES)
+            STRATEGY_NAMES = list(DEFAULT_STRATEGIES.keys())
+            K = len(STRATEGY_NAMES)
+            return
+
+        next_items: dict[str, dict] = {}
+        next_strategies: dict[str, str] = {}
+        next_labels: dict[str, str] = {}
+        enabled_ids: list[str] = []
+
+        for it in items:
+            if not isinstance(it, dict):
+                continue
+            sid = str(it.get("id") or "").strip()
+            instruction = str(it.get("instruction") or "").strip()
+            if not sid or not instruction:
+                continue
+            label = str(it.get("label") or sid).strip()
+            enabled = bool(it.get("enabled", True))
+            event_name = str(it.get("event_name") or "").strip()
+
+            next_items[sid] = {"id": sid, "label": label, "instruction": instruction, "enabled": enabled, "event_name": event_name}
+            next_strategies[sid] = instruction
+            next_labels[sid] = label
+            if enabled:
+                enabled_ids.append(sid)
+
+        # If admin disabled everything, keep at least the bootstrap defaults enabled to avoid breaking TS loops.
+        if not enabled_ids:
+            enabled_ids = list(DEFAULT_STRATEGIES.keys())
+            next_items = {k: {"id": k, "label": STRATEGY_LABELS.get(k, k), "instruction": v, "enabled": True, "event_name": ""} for k, v in DEFAULT_STRATEGIES.items()}
+            next_strategies = dict(DEFAULT_STRATEGIES)
+            next_labels = dict(STRATEGY_LABELS)
+
+        STRATEGY_ITEMS = next_items
+        STRATEGIES = next_strategies
+        STRATEGY_LABELS = next_labels
+        STRATEGY_NAMES = enabled_ids
+        K = len(STRATEGY_NAMES)
+
+
+def _atomic_write_strategies_json(data: dict) -> None:
+    tmp = f"{STRATEGIES_JSON_PATH}.tmp"
+    with open(tmp, "w", encoding="utf-8") as f:
+        json.dump(data, f, ensure_ascii=False, indent=2)
+    os.replace(tmp, STRATEGIES_JSON_PATH)
+
+
+def persist_strategies(items: list[dict]) -> None:
+    """
+    Persist `strategies.json` then reload module globals.
+    `items` should be a list of:
+      {id, label, instruction, enabled, event_name}
+    """
+    payload = {"version": 1, "items": items}
+    with _STRATEGIES_LOCK:
+        _atomic_write_strategies_json(payload)
+        reload_strategies()
+
+
+# Initial load at import time.
+reload_strategies()
+
+# -----------------------------------------------------------------------------
+# Auth (JWT)
+# -----------------------------------------------------------------------------
+JWT_SECRET = os.getenv("JWT_SECRET", "dev-change-me-please")
+JWT_ALGORITHM = os.getenv("JWT_ALGORITHM", "HS256")
+JWT_EXPIRE_SECONDS = int(os.getenv("JWT_EXPIRE_SECONDS", str(60 * 60 * 24 * 7)))
+
+# -----------------------------------------------------------------------------
+# Admin authorization (primitives are admin-only)
+# -----------------------------------------------------------------------------
+# Admins can manage primitives and have their primitives injected into the LLM prompt.
+#
+# Setup options:
+# 1) Provide a single admin to auto-create on startup:
+#    - ADMIN_USERNAME
+#    - ADMIN_EMAIL
+#    - ADMIN_PASSWORD
+# 2) Or mark existing users as admin via lists:
+#    - ADMIN_USERNAMES (comma-separated)
+#    - ADMIN_EMAILS (comma-separated)
+# 3) Or mark specific users by id:
+#    - ADMIN_USER_IDS (comma-separated)
+#
+# If no admin config is provided, the backend keeps the previous behavior
+# (any authenticated user can access primitives).
+ADMIN_USERNAME = os.getenv("ADMIN_USERNAME", "").strip()
+ADMIN_EMAIL = os.getenv("ADMIN_EMAIL", "").strip()
+ADMIN_PASSWORD = os.getenv("ADMIN_PASSWORD", "").strip()
+
+def _split_csv(s: str) -> list[str]:
+    return [x.strip() for x in (s or "").split(",") if x.strip()]
+
+ADMIN_USERNAMES = _split_csv(os.getenv("ADMIN_USERNAMES", "")) or ([ADMIN_USERNAME] if ADMIN_USERNAME else [])
+ADMIN_EMAILS = _split_csv(os.getenv("ADMIN_EMAILS", "")) or ([ADMIN_EMAIL] if ADMIN_EMAIL else [])
+ADMIN_USER_IDS = _split_csv(os.getenv("ADMIN_USER_IDS", ""))
+
+# Used by server-side gating logic.
+ADMIN_CONFIGURED = bool(ADMIN_USERNAMES or ADMIN_EMAILS or ADMIN_USER_IDS)
+
+# SQLite persistence
+DB_PATH = os.getenv("DB_PATH", str(HERE.parent / "adaptiveui.sqlite3"))
+
+# JSON persistence for user primitives (when DB/SQL is not desired).
+PRIMITIVES_JSON_PATH = os.getenv("PRIMITIVES_JSON_PATH", str(HERE.parent / "user_primitives.json"))

vivek/backend/db.py

@@ -0,0 +1,774 @@
+from __future__ import annotations
+
+import json
+import os
+import threading
+import time
+from typing import Any, Dict, List, Optional
+
+import numpy as np
+from sqlalchemy import Column, Integer, LargeBinary, String, Text, create_engine, func, select, text
+from sqlalchemy.orm import declarative_base, sessionmaker
+
+from . import config
+
+Base = declarative_base()
+
+
+class UserRow(Base):
+    __tablename__ = "users"
+
+    user_id = Column(String, primary_key=True)
+    username = Column(String, unique=True, nullable=False)
+    email = Column(String, unique=True, nullable=False)
+    password_hash = Column(LargeBinary, nullable=False)
+
+
+class BanditGlobalRow(Base):
+    __tablename__ = "bandit_global"
+
+    # single row
+    id = Column(Integer, primary_key=True, default=1)
+    global_n = Column(Integer, nullable=False, default=0)
+    global_mu_json = Column(Text, nullable=False)
+    global_sinv_json = Column(Text, nullable=False)
+
+
+class BanditUserRow(Base):
+    __tablename__ = "bandit_users"
+
+    user_id = Column(String, primary_key=True)
+    mu_json = Column(Text, nullable=False)
+    sigma_inv_json = Column(Text, nullable=False)
+    history_json = Column(Text, nullable=False)
+    reward_log_json = Column(Text, nullable=False)
+
+    last_message = Column(Text, default="", nullable=False)
+    last_response = Column(Text, default="", nullable=False)
+    last_strategy = Column(String, nullable=True)
+    last_x_json = Column(Text, nullable=True)
+
+    msg_count = Column(Integer, nullable=False, default=0)
+    prefs_json = Column(Text, nullable=False, default="[]")
+    locked_strategy = Column(String, nullable=True)
+    pending_strategy = Column(String, nullable=True)
+
+
+class ConversationLogRow(Base):
+    __tablename__ = "conversation_logs"
+
+    id = Column(Integer, primary_key=True, autoincrement=True)
+    user_id = Column(String, nullable=False, index=True)
+    pane = Column(String, nullable=False)  # "adaptive" | "baseline"
+    role = Column(String, nullable=False)  # "user" | "assistant"
+    content = Column(Text, nullable=False)
+
+    strategy = Column(String, nullable=True)
+    elapsed = Column(String, nullable=True)
+    widget = Column(Integer, nullable=False, default=0)
+    ts = Column(Integer, nullable=False, default=0)
+    # Persisted widget payload so SPA reload can restore interactive widgets.
+    widget_html = Column(Text, nullable=False, default="")
+    widget_schema = Column(Text, nullable=False, default="")
+    widget_height = Column(Integer, nullable=False, default=0)
+
+
+class UserPrimitiveRow(Base):
+    __tablename__ = "user_primitives"
+
+    id = Column(Integer, primary_key=True, autoincrement=True)
+    user_id = Column(String, nullable=False, index=True)
+    name = Column(String, nullable=False)
+    instruction = Column(Text, nullable=False)
+    created_ts = Column(Integer, nullable=False, default=0)
+    updated_ts = Column(Integer, nullable=False, default=0)
+
+
+_PRIMITIVES_LOCK = threading.Lock()
+
+
+def _read_primitives_json() -> dict:
+    """
+    primitives.json format:
+      {
+        "<user_id>": {
+          "next_id": 1,
+          "items": [{ id, name, instruction, created_ts, updated_ts }, ...]
+        }
+      }
+    """
+    path = getattr(config, "PRIMITIVES_JSON_PATH", str(config.HERE.parent / "user_primitives.json"))
+    try:
+        with open(path, "r", encoding="utf-8") as f:
+            data = json.load(f)
+    except FileNotFoundError:
+        return {}
+    except Exception:
+        return {}
+    if not isinstance(data, dict):
+        return {}
+    return data
+
+
+def _atomic_write_primitives_json(data: dict) -> None:
+    path = getattr(config, "PRIMITIVES_JSON_PATH", str(config.HERE.parent / "user_primitives.json"))
+    tmp = f"{path}.tmp"
+    with open(tmp, "w", encoding="utf-8") as f:
+        json.dump(data, f, ensure_ascii=False, indent=2)
+    os.replace(tmp, path)
+
+
+_engine = None
+_SessionLocal = None
+
+
+def _json_dumps(obj: Any) -> str:
+    return json.dumps(obj, ensure_ascii=False, separators=(",", ":"))
+
+
+def _json_loads(s: str | None, default: Any) -> Any:
+    if not s:
+        return default
+    return json.loads(s)
+
+
+def get_engine():
+    global _engine, _SessionLocal
+    if _engine is None:
+        _engine = create_engine(
+            f"sqlite:///{config.DB_PATH}",
+            connect_args={"check_same_thread": False},
+        )
+        _SessionLocal = sessionmaker(bind=_engine, autoflush=False, autocommit=False)
+    return _engine
+
+
+def init_db() -> None:
+    eng = get_engine()
+    Base.metadata.create_all(bind=eng)
+    _migrate_conversation_log_widget_columns()
+
+    # Ensure bandit_global exists so we can upsert cleanly later.
+    Session = _SessionLocal
+    assert Session is not None
+    with Session() as session:
+        row = session.execute(select(BanditGlobalRow)).scalar_one_or_none()
+        if row is None:
+            # Keep empty defaults; engine startup will already have proper values.
+            # We'll overwrite the row on first persist.
+            strategy_ids = set(getattr(config, "STRATEGY_ITEMS", {}) or {}).union(set(config.STRATEGY_NAMES))
+            dummy_mu = {k: [0.0] * config.D for k in strategy_ids}
+            dummy_sinv = {k: (np.eye(config.D) * 0.1).tolist() for k in strategy_ids}
+            session.add(
+                BanditGlobalRow(
+                    id=1,
+                    global_n=0,
+                    global_mu_json=_json_dumps(dummy_mu),
+                    global_sinv_json=_json_dumps(dummy_sinv),
+                )
+            )
+            session.commit()
+
+
+def _migrate_conversation_log_widget_columns() -> None:
+    """SQLite: add widget payload columns to existing DBs (create_all does not ALTER)."""
+    eng = get_engine()
+    with eng.connect() as conn:
+        rows = conn.execute(text("PRAGMA table_info(conversation_logs)")).fetchall()
+        colnames = {str(r[1]) for r in rows}
+        stmts: list[str] = []
+        if "widget_html" not in colnames:
+            stmts.append(
+                "ALTER TABLE conversation_logs ADD COLUMN widget_html TEXT NOT NULL DEFAULT ''"
+            )
+        if "widget_schema" not in colnames:
+            stmts.append(
+                "ALTER TABLE conversation_logs ADD COLUMN widget_schema TEXT NOT NULL DEFAULT ''"
+            )
+        if "widget_height" not in colnames:
+            stmts.append(
+                "ALTER TABLE conversation_logs ADD COLUMN widget_height INTEGER NOT NULL DEFAULT 0"
+            )
+        for s in stmts:
+            conn.execute(text(s))
+        if stmts:
+            conn.commit()
+
+
+def log_conversation_message(
+    *,
+    user_id: str,
+    pane: str,
+    role: str,
+    content: str,
+    strategy: str | None = None,
+    elapsed: float | None = None,
+    widget: bool = False,
+    widget_html: str = "",
+    widget_schema: str = "",
+    widget_height: int = 0,
+    ts: int | None = None,
+) -> None:
+    Session = _SessionLocal
+    assert Session is not None
+    now = int(ts if ts is not None else time.time())
+    with Session() as session:
+        session.add(
+            ConversationLogRow(
+                user_id=user_id,
+                pane=str(pane),
+                role=str(role),
+                content=str(content or ""),
+                strategy=str(strategy) if strategy else None,
+                elapsed=str(elapsed) if elapsed is not None else None,
+                widget=1 if widget else 0,
+                ts=now,
+                widget_html=str(widget_html or ""),
+                widget_schema=str(widget_schema or ""),
+                widget_height=int(widget_height or 0),
+            )
+        )
+        session.commit()
+
+
+def get_recent_conversation_messages(*, user_id: str, pane: str, limit: int = 80) -> List[Dict[str, Any]]:
+    Session = _SessionLocal
+    assert Session is not None
+    lim = max(1, min(int(limit), 400))
+    with Session() as session:
+        rows = (
+            session.execute(
+                select(ConversationLogRow)
+                .where(ConversationLogRow.user_id == user_id)
+                .where(ConversationLogRow.pane == pane)
+                .order_by(ConversationLogRow.id.desc())
+                .limit(lim)
+            )
+            .scalars()
+            .all()
+        )
+        rows = list(reversed(rows))
+        return [
+            {
+                "role": r.role,
+                "content": r.content,
+                "strategy": r.strategy,
+                "elapsed": r.elapsed,
+                "widget": bool(r.widget),
+                "ts": r.ts,
+                "widget_html": getattr(r, "widget_html", None) or "",
+                "widget_schema": getattr(r, "widget_schema", None) or "",
+                "widget_height": int(getattr(r, "widget_height", None) or 0),
+            }
+            for r in rows
+        ]
+
+
+def delete_conversation_logs(*, user_id: str, pane: str | None = None) -> None:
+    Session = _SessionLocal
+    assert Session is not None
+    with Session() as session:
+        q = ConversationLogRow.__table__.delete().where(ConversationLogRow.user_id == user_id)  # type: ignore[attr-defined]
+        if pane:
+            q = q.where(ConversationLogRow.pane == pane)
+        session.execute(q)
+        session.commit()
+
+
+def aggregate_strategy_usage() -> Dict[str, Dict[str, Any]]:
+    """
+    Aggregate strategy usage stats for admin dashboards.
+
+    Returns:
+      {
+        "<strategy_id>": {"wins": int, "trials": int, "last_ts": int | None},
+        ...
+      }
+    """
+    Session = _SessionLocal
+    assert Session is not None
+
+    by_id: Dict[str, Dict[str, Any]] = {}
+
+    with Session() as session:
+        user_rows = session.execute(select(BanditUserRow)).scalars().all()
+        for row in user_rows:
+            reward_log = _json_loads(row.reward_log_json, [])
+            if not isinstance(reward_log, list):
+                continue
+            for entry in reward_log:
+                if not isinstance(entry, (list, tuple)) or len(entry) < 2:
+                    continue
+                sid = str(entry[0] or "").strip()
+                if not sid:
+                    continue
+                try:
+                    reward = float(entry[1])
+                except Exception:
+                    continue
+
+                bucket = by_id.setdefault(sid, {"wins": 0, "trials": 0, "last_ts": None})
+                bucket["trials"] += 1
+                if reward >= 0.5:
+                    bucket["wins"] += 1
+
+        last_rows = session.execute(
+            select(ConversationLogRow.strategy, func.max(ConversationLogRow.ts))
+            .where(ConversationLogRow.pane == "adaptive")
+            .where(ConversationLogRow.role == "assistant")
+            .where(ConversationLogRow.strategy.isnot(None))
+            .group_by(ConversationLogRow.strategy)
+        ).all()
+
+        for sid_raw, max_ts in last_rows:
+            sid = str(sid_raw or "").strip()
+            if not sid:
+                continue
+            bucket = by_id.setdefault(sid, {"wins": 0, "trials": 0, "last_ts": None})
+            bucket["last_ts"] = int(max_ts) if max_ts is not None else None
+
+    return by_id
+
+
+def get_strategy_analytics(strategy_id: str, days: int = 30) -> Dict[str, Any]:
+    """
+    Return per-day usage series and summary for a strategy.
+    """
+    Session = _SessionLocal
+    assert Session is not None
+
+    sid = str(strategy_id or "").strip()
+    days_n = max(7, min(int(days), 180))
+    now = int(time.time())
+    day_seconds = 86400
+    start_ts = now - (days_n - 1) * day_seconds
+
+    day_buckets = {}
+    for i in range(days_n):
+        ts = start_ts + i * day_seconds
+        day_key = time.strftime("%Y-%m-%d", time.localtime(ts))
+        day_buckets[day_key] = 0
+
+    with Session() as session:
+        rows = (
+            session.execute(
+                select(ConversationLogRow.ts)
+                .where(ConversationLogRow.pane == "adaptive")
+                .where(ConversationLogRow.role == "assistant")
+                .where(ConversationLogRow.strategy == sid)
+                .where(ConversationLogRow.ts >= start_ts)
+            )
+            .scalars()
+            .all()
+        )
+
+        for ts in rows:
+            if ts is None:
+                continue
+            key = time.strftime("%Y-%m-%d", time.localtime(int(ts)))
+            if key in day_buckets:
+                day_buckets[key] += 1
+
+    labels = list(day_buckets.keys())
+    usage_series = [int(day_buckets[k]) for k in labels]
+    total_usage = int(sum(usage_series))
+
+    usage_all = aggregate_strategy_usage().get(sid, {})
+    wins = int(usage_all.get("wins") or 0)
+    trials = int(usage_all.get("trials") or 0)
+
+    return {
+        "strategy_id": sid,
+        "days": days_n,
+        "labels": labels,
+        "usage_series": usage_series,
+        "summary": {
+            "total_usage": total_usage,
+            "wins": wins,
+            "trials": trials,
+        },
+    }
+
+
+def list_user_primitives(user_id: str) -> List[Dict[str, Any]]:
+    with _PRIMITIVES_LOCK:
+        data = _read_primitives_json()
+        box = data.get(user_id) or {}
+        items = box.get("items") if isinstance(box, dict) else None
+        if not isinstance(items, list):
+            return []
+        out: List[Dict[str, Any]] = []
+        for it in items:
+            if not isinstance(it, dict):
+                continue
+            prim_id = int(it.get("id") or 0)
+            name = str(it.get("name") or "")
+            inst = str(it.get("instruction") or "")
+            if prim_id <= 0 or not name or not inst:
+                continue
+            out.append(
+                {
+                    "id": prim_id,
+                    "name": name,
+                    "instruction": inst,
+                    "created_ts": int(it.get("created_ts") or 0),
+                    "updated_ts": int(it.get("updated_ts") or 0),
+                }
+            )
+        out.sort(key=lambda x: x["id"])
+        # Migration fallback:
+        # If the user has primitives in the legacy SQLite table, but JSON is empty,
+        # automatically copy them into JSON so the UI can show everything.
+        if out:
+            return out
+
+        try:
+            Session = _SessionLocal
+            if Session is None:
+                # Ensure engine/session exists (init_db should have done this).
+                get_engine()
+                Session = _SessionLocal
+            assert Session is not None
+            with Session() as session:
+                rows = (
+                    session.execute(
+                        select(UserPrimitiveRow)
+                        .where(UserPrimitiveRow.user_id == user_id)
+                        .order_by(UserPrimitiveRow.id.asc())
+                    )
+                    .scalars()
+                    .all()
+                )
+                if not rows:
+                    return []
+                migrated: List[Dict[str, Any]] = []
+                max_id = 0
+                for r in rows:
+                    prim_id = int(getattr(r, "id") or 0)
+                    if prim_id <= 0:
+                        continue
+                    max_id = max(max_id, prim_id)
+                    migrated.append(
+                        {
+                            "id": prim_id,
+                            "name": str(getattr(r, "name") or ""),
+                            "instruction": str(getattr(r, "instruction") or ""),
+                            "created_ts": int(getattr(r, "created_ts") or 0),
+                            "updated_ts": int(getattr(r, "updated_ts") or 0),
+                        }
+                    )
+
+                if not migrated:
+                    return []
+
+                # Write into JSON.
+                data = _read_primitives_json()
+                data[user_id] = {"next_id": max_id + 1, "items": migrated}
+                _atomic_write_primitives_json(data)
+                return migrated
+        except Exception:
+            # If migration fails for any reason, return the JSON (empty) result.
+            return []
+
+
+def create_user_primitive(*, user_id: str, name: str, instruction: str) -> Dict[str, Any]:
+    now = int(time.time())
+    nm = str(name).strip()
+    inst = str(instruction).strip()
+
+    with _PRIMITIVES_LOCK:
+        data = _read_primitives_json()
+        box = data.get(user_id) or {"next_id": 1, "items": []}
+        if not isinstance(box, dict):
+            box = {"next_id": 1, "items": []}
+        items = box.get("items") or []
+        if not isinstance(items, list):
+            items = []
+
+        next_id = int(box.get("next_id") or 1)
+        if items:
+            max_id = max([int(it.get("id") or 0) for it in items if isinstance(it, dict)], default=0)
+            next_id = max(next_id, max_id + 1)
+
+        new_item = {"id": next_id, "name": nm, "instruction": inst, "created_ts": now, "updated_ts": now}
+        items.append(new_item)
+        box["items"] = items
+        box["next_id"] = next_id + 1
+        data[user_id] = box
+        _atomic_write_primitives_json(data)
+        return new_item
+
+
+def update_user_primitive(*, user_id: str, prim_id: int, name: str, instruction: str) -> Dict[str, Any] | None:
+    now = int(time.time())
+    nm = str(name).strip()
+    inst = str(instruction).strip()
+    with _PRIMITIVES_LOCK:
+        data = _read_primitives_json()
+        box = data.get(user_id) or {}
+        if not isinstance(box, dict):
+            return None
+        items = box.get("items") or []
+        if not isinstance(items, list):
+            return None
+
+        found = False
+        created_ts = 0
+        for it in items:
+            if not isinstance(it, dict):
+                continue
+            if int(it.get("id") or 0) != int(prim_id):
+                continue
+            it["name"] = nm
+            it["instruction"] = inst
+            it["updated_ts"] = now
+            created_ts = int(it.get("created_ts") or 0)
+            found = True
+            break
+
+        if not found:
+            return None
+
+        box["items"] = items
+        data[user_id] = box
+        _atomic_write_primitives_json(data)
+        return {"id": int(prim_id), "name": nm, "instruction": inst, "created_ts": created_ts, "updated_ts": now}
+
+
+def delete_user_primitive(*, user_id: str, prim_id: int) -> bool:
+    with _PRIMITIVES_LOCK:
+        data = _read_primitives_json()
+        box = data.get(user_id)
+        if not isinstance(box, dict):
+            return False
+        items = box.get("items") or []
+        if not isinstance(items, list):
+            return False
+        before = len(items)
+        items = [it for it in items if not (isinstance(it, dict) and int(it.get("id") or 0) == int(prim_id))]
+        if len(items) == before:
+            return False
+        box["items"] = items
+        data[user_id] = box
+        _atomic_write_primitives_json(data)
+        return True
+
+
+def load_users_from_db() -> List[Dict[str, Any]]:
+    Session = _SessionLocal
+    assert Session is not None
+    with Session() as session:
+        rows = session.execute(select(UserRow)).scalars().all()
+        return [
+            {
+                "user_id": r.user_id,
+                "username": r.username,
+                "email": r.email,
+                "password_hash": r.password_hash,
+            }
+            for r in rows
+        ]
+
+
+def persist_user(user_rec: Any) -> None:
+    """
+    Upsert a user record into `users`.
+    `user_rec` can be `backend.auth.UserRecord` or any object with
+    {user_id, username, email, password_hash}.
+    """
+    Session = _SessionLocal
+    assert Session is not None
+
+    with Session() as session:
+        existing = session.execute(select(UserRow).where(UserRow.user_id == user_rec.user_id)).scalar_one_or_none()
+        if existing is None:
+            session.add(
+                UserRow(
+                    user_id=user_rec.user_id,
+                    username=user_rec.username,
+                    email=user_rec.email,
+                    password_hash=user_rec.password_hash,
+                )
+            )
+        else:
+            existing.username = user_rec.username
+            existing.email = user_rec.email
+            existing.password_hash = user_rec.password_hash
+        session.commit()
+
+
+def persist_global_state(bandit_engine: Any) -> None:
+    Session = _SessionLocal
+    assert Session is not None
+
+    # Persist ALL keys present in the engine's posterior state (enabled + disabled).
+    global_mu = {k: np.asarray(v).tolist() for k, v in (bandit_engine.global_mu or {}).items()}
+    global_sinv = {k: np.asarray(v).tolist() for k, v in (bandit_engine.global_sinv or {}).items()}
+
+    with Session() as session:
+        row = session.execute(select(BanditGlobalRow).where(BanditGlobalRow.id == 1)).scalar_one_or_none()
+        if row is None:
+            row = BanditGlobalRow(id=1)
+            session.add(row)
+        row.global_n = int(bandit_engine.global_n)
+        row.global_mu_json = _json_dumps(global_mu)
+        row.global_sinv_json = _json_dumps(global_sinv)
+        session.commit()
+
+
+def load_global_state(bandit_engine: Any) -> None:
+    Session = _SessionLocal
+    assert Session is not None
+    with Session() as session:
+        row = session.execute(select(BanditGlobalRow).where(BanditGlobalRow.id == 1)).scalar_one_or_none()
+        if not row:
+            return
+
+        global_mu = _json_loads(row.global_mu_json, {})
+        global_sinv = _json_loads(row.global_sinv_json, {})
+        bandit_engine.global_n = int(row.global_n or 0)
+        desired_ids = set(getattr(config, "STRATEGY_ITEMS", {}) or {}).union(set(bandit_engine.global_mu.keys()))
+        default_sinv = (np.eye(config.D) * 0.1).tolist()
+        for k in desired_ids:
+            bandit_engine.global_mu[k] = np.array(global_mu.get(k, [0.0] * config.D), dtype=float)
+            bandit_engine.global_sinv[k] = np.array(global_sinv.get(k, default_sinv), dtype=float)
+
+
+def _serialize_user(user: dict) -> Dict[str, Any]:
+    # Persist ALL keys present in the user's posterior state (enabled + disabled).
+    mu_dict = user.get("mu") or {}
+    sinv_dict = user.get("sigma_inv") or {}
+    mu = {k: np.asarray(v).tolist() for k, v in mu_dict.items()}
+    sinv = {k: np.asarray(v).tolist() for k, v in sinv_dict.items()}
+
+    reward_log = [[str(s), float(r)] for (s, r) in (user.get("reward_log") or [])]
+
+    prefs = sorted(list(user.get("prefs") or []))
+    last_x = user.get("last_x")
+
+    return {
+        "mu": mu,
+        "sigma_inv": sinv,
+        "history": user.get("history") or [],
+        "reward_log": reward_log,
+        "last_message": user.get("last_message") or "",
+        "last_response": user.get("last_response") or "",
+        "last_strategy": user.get("last_strategy"),
+        "last_x": last_x,
+        "msg_count": int(user.get("msg_count") or 0),
+        "prefs": prefs,
+        "locked_strategy": user.get("locked_strategy"),
+        "pending_strategy": user.get("pending_strategy"),
+    }
+
+
+def _deserialize_user(user_id: str, payload: Dict[str, Any]) -> dict:
+    desired_ids = set(getattr(config, "STRATEGY_ITEMS", {}) or {}).union(set(config.STRATEGY_NAMES))
+    default_sinv = (np.eye(config.D) * 0.1).tolist()
+
+    mu_payload = payload.get("mu") if isinstance(payload.get("mu"), dict) else {}
+    sinv_payload = payload.get("sigma_inv") if isinstance(payload.get("sigma_inv"), dict) else {}
+
+    mu = {}
+    sinv = {}
+    for k in desired_ids:
+        mu[k] = np.array(mu_payload.get(k, [0.0] * config.D), dtype=float)
+        sinv[k] = np.array(sinv_payload.get(k, default_sinv), dtype=float)
+
+    user = {
+        "mu": mu,
+        "sigma_inv": sinv,
+        "history": payload.get("history") or [],
+        "reward_log": payload.get("reward_log") or [],
+        "last_message": payload.get("last_message") or "",
+        "last_response": payload.get("last_response") or "",
+        "last_strategy": payload.get("last_strategy"),
+        "last_x": payload.get("last_x"),
+        "msg_count": int(payload.get("msg_count") or 0),
+        "prefs": set(payload.get("prefs") or []),
+        "locked_strategy": payload.get("locked_strategy"),
+        "pending_strategy": payload.get("pending_strategy"),
+    }
+    return user
+
+
+def persist_user_state(bandit_engine: Any, user_id: str) -> None:
+    Session = _SessionLocal
+    assert Session is not None
+
+    user = bandit_engine.get_user(user_id)
+    payload = _serialize_user(user)
+
+    with Session() as session:
+        row = session.execute(select(BanditUserRow).where(BanditUserRow.user_id == user_id)).scalar_one_or_none()
+        if row is None:
+            row = BanditUserRow(user_id=user_id)
+            session.add(row)
+
+        row.mu_json = _json_dumps(payload["mu"])
+        row.sigma_inv_json = _json_dumps(payload["sigma_inv"])
+        row.history_json = _json_dumps(payload["history"])
+        row.reward_log_json = _json_dumps(payload["reward_log"])
+
+        row.last_message = payload["last_message"]
+        row.last_response = payload["last_response"]
+        row.last_strategy = payload["last_strategy"]
+        row.last_x_json = _json_dumps(payload["last_x"]) if payload["last_x"] is not None else None
+
+        row.msg_count = payload["msg_count"]
+        row.prefs_json = _json_dumps(payload["prefs"])
+        row.locked_strategy = payload["locked_strategy"]
+        row.pending_strategy = payload["pending_strategy"]
+
+        session.commit()
+
+
+def delete_user_state(user_id: str) -> None:
+    Session = _SessionLocal
+    assert Session is not None
+    with Session() as session:
+        session.execute(
+            BanditUserRow.__table__.delete().where(BanditUserRow.user_id == user_id)  # type: ignore[attr-defined]
+        )
+        session.commit()
+
+
+def load_user_states(bandit_engine: Any) -> None:
+    """
+    Load all persisted `bandit_users` into the in-memory engine.
+    """
+    Session = _SessionLocal
+    assert Session is not None
+
+    with Session() as session:
+        rows = session.execute(select(BanditUserRow)).scalars().all()
+        for r in rows:
+            mu = _json_loads(r.mu_json, {})
+            sinv = _json_loads(r.sigma_inv_json, {})
+            history = _json_loads(r.history_json, [])
+            reward_log = _json_loads(r.reward_log_json, [])
+            last_x = _json_loads(r.last_x_json, None)
+            prefs = _json_loads(r.prefs_json, [])
+
+            payload = {
+                "mu": mu,
+                "sigma_inv": sinv,
+                "history": history,
+                "reward_log": reward_log,
+                "last_message": r.last_message or "",
+                "last_response": r.last_response or "",
+                "last_strategy": r.last_strategy,
+                "last_x": last_x,
+                "msg_count": r.msg_count or 0,
+                "prefs": prefs,
+                "locked_strategy": r.locked_strategy,
+                "pending_strategy": r.pending_strategy,
+            }
+
+            # Ensure engine creates structure, then overwrite fields.
+            engine_user = bandit_engine.get_user(r.user_id)
+            loaded = _deserialize_user(r.user_id, payload)
+
+            engine_user.update(loaded)
+
+

{anupa → vivek}/backend/engine.py

@@ -19,15 +19,69 @@ from .utils import sigmoid, mean_uncertainty
 
 class BayesianEngine:
     def __init__(self):
-        self.global_mu   = {k: np.zeros(config.D)      for k in config.STRATEGY_NAMES}
-        self.global_sinv = {k: np.eye(config.D) * 0.1  for k in config.STRATEGY_NAMES}
+        # Keep posterior state for all known strategies (enabled + disabled).
+        # Selection/visualization should still use `config.STRATEGY_NAMES` (enabled only).
+        initial_ids = set(getattr(config, "STRATEGY_ITEMS", {}) or {}).union(set(config.STRATEGY_NAMES))
+        self.global_mu = {k: np.zeros(config.D) for k in initial_ids}
+        self.global_sinv = {k: np.eye(config.D) * 0.1 for k in initial_ids}
         self.users = {}
         self.global_n = 0
 
+    def _all_strategy_ids(self) -> set[str]:
+        items = getattr(config, "STRATEGY_ITEMS", {}) or {}
+        return set(items.keys()) if items else set(config.STRATEGY_NAMES)
+
+    def reconcile_strategies(self) -> None:
+        """
+        Reconcile engine posterior dictionaries with the current strategy store.
+
+        - If new strategies appear: add priors (zero mean, low precision identity).
+        - If strategies are hard-deleted: remove their posterior state.
+        - If strategies are disabled: keep state but they won't be selected/visualized
+          because selection/summary loops use `config.STRATEGY_NAMES`.
+        """
+        desired_ids = self._all_strategy_ids()
+
+        # Add missing strategy keys.
+        for sid in desired_ids:
+            if sid not in self.global_mu:
+                self.global_mu[sid] = np.zeros(config.D)
+                self.global_sinv[sid] = np.eye(config.D) * 0.1
+
+        # Remove hard-deleted strategies.
+        current_ids = set(self.global_mu.keys())
+        to_remove = current_ids - desired_ids
+        for sid in to_remove:
+            self.global_mu.pop(sid, None)
+            self.global_sinv.pop(sid, None)
+            for user in self.users.values():
+                user.get("mu", {}).pop(sid, None)
+                user.get("sigma_inv", {}).pop(sid, None)
+                prefs = user.get("prefs")
+                if isinstance(prefs, set) and sid in prefs:
+                    prefs.discard(sid)
+                if user.get("locked_strategy") == sid:
+                    user["locked_strategy"] = None
+                if user.get("pending_strategy") == sid:
+                    user["pending_strategy"] = None
+
+        # Ensure all existing users have keys for every known strategy.
+        for user in self.users.values():
+            mu = user.get("mu") or {}
+            sinv = user.get("sigma_inv") or {}
+            for sid in desired_ids:
+                if sid not in mu:
+                    mu[sid] = self.global_mu[sid].copy()
+                if sid not in sinv:
+                    sinv[sid] = self.global_sinv[sid].copy()
+            user["mu"] = mu
+            user["sigma_inv"] = sinv
+
     def _new_user(self):
+        all_ids = self._all_strategy_ids()
         return {
-            "mu":            {k: self.global_mu[k].copy()   for k in config.STRATEGY_NAMES},
-            "sigma_inv":     {k: self.global_sinv[k].copy() for k in config.STRATEGY_NAMES},
+            "mu":            {k: self.global_mu[k].copy()   for k in all_ids},
+            "sigma_inv":     {k: self.global_sinv[k].copy() for k in all_ids},
             "history":       [],
             "reward_log":    [],
             "last_message":  "",
@@ -56,7 +110,12 @@ class BayesianEngine:
         rl      = user["reward_log"]
         avg_r   = sum(r for _, r in rl[-5:]) / max(len(rl[-5:]), 1) if rl else 0.5
         msg_num = min(user["msg_count"] / 20.0, 1.0)
-        si      = config.STRATEGY_NAMES.index(user["last_strategy"]) / (config.K-1) if user["last_strategy"] else 0.5
+        # Map last strategy into [0,1] by its rank among enabled strategies.
+        # If the strategy is currently disabled, fall back to 0.5.
+        if user.get("last_strategy") and user["last_strategy"] in config.STRATEGY_NAMES and config.K > 1:
+            si = config.STRATEGY_NAMES.index(user["last_strategy"]) / (config.K - 1)
+        else:
+            si = 0.5
         trend   = 0.0
         if len(rl) >= 3:
             ys = [r for _, r in rl[-5:]]
@@ -71,7 +130,7 @@ class BayesianEngine:
 
     def _damp_posterior(self, user: dict, strategy: str, strength: float):
         """Option B: reduce confidence in the last chosen strategy."""
-        if strategy not in config.STRATEGY_NAMES:
+        if strategy not in user.get("mu", {}):
             return
         s = float(np.clip(strength, 0.0, 1.0))
         if s <= 0:
@@ -96,7 +155,7 @@ class BayesianEngine:
         # One-time override: honor the upfront user-selected format once,
         # then return to adaptive Thompson Sampling on later turns.
         pending = user.get("pending_strategy")
-        if pending in config.STRATEGY_NAMES:
+        if pending in self.global_mu:
             user["pending_strategy"] = None
             return pending, {k: 0.0 for k in config.STRATEGY_NAMES}, x, prev
 
@@ -104,7 +163,7 @@ class BayesianEngine:
         # Hard-lock disables exploration, but should NOT block an explicit request like
         # "compare X vs Y" or "put it in a table".
         locked = user.get("locked_strategy")
-        if locked in config.STRATEGY_NAMES:
+        if locked in self.global_mu:
             force_explore = False
             if explicit_strategy is None:
                 explicit_strategy = locked
@@ -136,7 +195,7 @@ class BayesianEngine:
         # previously hard-locked a default style. The lock only disables exploration.
         if explicit_strategy in config.STRATEGY_NAMES:
             chosen = explicit_strategy
-        elif locked in config.STRATEGY_NAMES:
+        elif locked in self.global_mu and locked in config.STRATEGY_NAMES:
             chosen = locked
         else:
             chosen = max(scores, key=scores.get)
@@ -145,6 +204,9 @@ class BayesianEngine:
 
     def update(self, uid: str, strategy: str, x: np.ndarray, reward: float):
         user   = self.get_user(uid)
+        if strategy not in user.get("mu", {}) or strategy not in user.get("sigma_inv", {}):
+            # Strategy might have been hard-deleted after selection; ignore update safely.
+            return
         mu_old = user["mu"][strategy]
         si_old = user["sigma_inv"][strategy]
         r_hat  = sigmoid(float(x @ mu_old))
@@ -205,6 +267,15 @@ class BayesianEngine:
     def reset_user(self, uid: str):
         self.users.pop(uid, None)
 
+    def clear_conversation_thread(self, uid: str) -> None:
+        """Drop chat history and last-turn pointers without resetting posteriors or reward log."""
+        u = self.get_user(uid)
+        u["history"] = []
+        u["last_message"] = ""
+        u["last_response"] = ""
+        u["last_strategy"] = None
+        u["last_x"] = None
+
 
 engine = BayesianEngine()
 USERB_ID = "__user_b__"

vivek/backend/server.py

@@ -0,0 +1,1399 @@
+"""FastAPI server for the Adaptive Presentation Engine backend.
+
+Endpoints
+---------
+- GET  /                : Vue SPA entry
+- GET  /api/healthz     : process liveness (no external calls)
+- GET  /api/health      : LLM connectivity check (use sparingly)
+- GET  /api/state       : bandit posteriors
+- POST /api/chat_plain  : baseline chat (no strategy selection)
+- POST /api/chat        : adaptive chat (non-streaming)
+- POST /api/chat_stream : adaptive chat (SSE streaming — Claude-style)
+- POST /api/rate        : explicit feedback (reward update)
+- POST /api/preference  : user preference warm-start
+- POST /api/reset       : clear user session
+
+SSE stream events (`evt.type`)
+------------------------------
+- strategy        : bandit selected strategy + posteriors (emitted first)
+- response_delta  : token chunk inside <RESPONSE>
+- widget_start    : model opened <WIDGET>
+- widget_delta    : raw token chunk inside <WIDGET> (live, Claude-style)
+- done            : final assembled payload (canonical response + polished widget)
+"""
+
+from __future__ import annotations
+
+import json
+import os
+import time
+import threading
+import uuid
+from typing import Iterable
+
+import numpy as np
+from fastapi import BackgroundTasks, Depends, FastAPI, HTTPException, Request, status
+from fastapi.middleware.cors import CORSMiddleware
+from fastapi.middleware.gzip import GZipMiddleware
+from fastapi.security import HTTPBearer
+from fastapi.staticfiles import StaticFiles
+from fastapi.responses import HTMLResponse, JSONResponse, StreamingResponse
+from pydantic import BaseModel
+
+from . import config, llm
+from .combined_prompt import (
+    build_combined_system_prompt,
+    build_combined_user_prompt,
+    extract_embeddable_html_document,
+    finalize_widget_schema_json,
+    is_social_or_greeting_turn,
+    parse_combined_output,
+    widget_schema_json_is_valid,
+)
+from .engine import engine, USERB_ID
+from .auth import (
+    authenticate_login,
+    create_access_token,
+    decode_access_token,
+    get_user_by_id,
+    get_user_by_email,
+    register_user,
+    seed_users_from_db,
+    update_password,
+)
+from . import db as persistence
+from .utils import (
+    detect_explore_trigger,
+    enforce_response,
+    fast_valence,
+    negative_strength,
+)
+from .widget_prompt import estimate_widget_height, inject_design_system
+from .widget_stream import parse_combined_stream
+
+
+# ---------------------------------------------------------------------------
+# Enforcement helpers
+# ---------------------------------------------------------------------------
+
+def _maybe_enforce_primitive(user_message: str, strategy: str, response: str) -> str:
+    """Apply strict format except for short greeting/thanks-only turns."""
+    if not config.STRICT_PRIMITIVES or not response:
+        return response
+    if is_social_or_greeting_turn(user_message):
+        return response
+    return enforce_response(strategy, response)
+
+
+# ---------------------------------------------------------------------------
+# Auth plumbing
+# ---------------------------------------------------------------------------
+
+bearer_scheme = HTTPBearer(auto_error=False)
+
+_password_reset_lock = threading.Lock()
+_password_reset_tokens: dict[str, dict] = {}
+_PASSWORD_RESET_TTL_SECONDS = int(os.getenv("PASSWORD_RESET_TTL_SECONDS", "900"))
+
+
+def require_user_id(credentials=Depends(bearer_scheme)) -> str:
+    if credentials is None or not getattr(credentials, "credentials", None):
+        raise HTTPException(status_code=status.HTTP_401_UNAUTHORIZED, detail="Not authenticated")
+    token = credentials.credentials
+    try:
+        return decode_access_token(token)
+    except Exception as e:
+        raise HTTPException(status_code=status.HTTP_401_UNAUTHORIZED, detail=f"Invalid token: {str(e)}")
+
+
+def _is_admin_user(user_id: str) -> bool:
+    """
+    Admin check. Previous behavior silently promoted everyone to admin when
+    ADMIN_* config was missing; that's a production footgun. We now require
+    explicit admin configuration — no config means no admin.
+    """
+    if not getattr(config, "ADMIN_CONFIGURED", False):
+        return False
+
+    if user_id in set(map(str, getattr(config, "ADMIN_USER_IDS", []) or [])):
+        return True
+
+    rec = get_user_by_id(user_id)
+    if not rec:
+        return False
+
+    username_n = (rec.username or "").strip().lower()
+    email_n = (rec.email or "").strip().lower()
+    return username_n in {u.lower() for u in (config.ADMIN_USERNAMES or [])} or email_n in {
+        e.lower() for e in (config.ADMIN_EMAILS or [])
+    }
+
+
+def require_admin_user_id(user_id: str = Depends(require_user_id)) -> str:
+    if not _is_admin_user(user_id):
+        raise HTTPException(status_code=status.HTTP_403_FORBIDDEN, detail="Admin only")
+    return user_id
+
+
+# ---------------------------------------------------------------------------
+# SSE helpers
+# ---------------------------------------------------------------------------
+
+def sse_pack(evt: dict) -> str:
+    """Pack a JSON event into an SSE data frame."""
+    return f"data: {json.dumps(evt, ensure_ascii=False)}\n\n"
+
+
+def _looks_truncated_widget_html(html: str) -> bool:
+    if not html:
+        return True
+    lower = html.lower()
+    if lower.count("<style") > lower.count("</style>"):
+        return True
+    if lower.count("<script") > lower.count("</script>"):
+        return True
+    if lower.count("<body") > lower.count("</body>"):
+        return True
+    if lower.count("<html") > lower.count("</html>"):
+        return True
+    import re as _re
+    if _re.search(r"[<{(]$", html.strip()):
+        return True
+    return False
+
+
+def _json_layout_is_only_numeric_index_arrays(schema_str: str) -> bool:
+    """
+    Detect bogus JSON widgets where every block is text like '[0,1,2]' (e.g. tic-tac-toe
+    win lines) instead of real UI. Those pass structural validation but are not widgets.
+    """
+    import json as _json
+    import re as _re
+
+    try:
+        o = _json.loads(schema_str)
+    except _json.JSONDecodeError:
+        return False
+    layout = o.get("layout")
+    if not isinstance(layout, list) or len(layout) < 2:
+        return False
+    pat = _re.compile(r"^\s*\[\s*\d+(\s*,\s*\d+)*\s*\]\s*$")
+    for item in layout:
+        if not isinstance(item, dict):
+            return False
+        if str(item.get("type", "")).lower() != "text":
+            return False
+        if not pat.match(str(item.get("content", ""))):
+            return False
+    return True
+
+
+def _dispatch_json_mode_widget(widget_payload_raw: str) -> tuple[str, str, int, str]:
+    """
+    Prefer a valid JSON schema for the Vue renderer. If the model returned
+    HTML instead, fall back to iframe HTML. Returns
+    (widget_schema, widget_html, widget_height, widget_debug_tag).
+    """
+    raw = (widget_payload_raw or "").strip()
+    if not raw:
+        return "", "", 0, ""
+    finalized = finalize_widget_schema_json(raw)
+    if widget_schema_json_is_valid(finalized) and not _json_layout_is_only_numeric_index_arrays(finalized):
+        return finalized, "", 0, "json_schema_ok"
+    doc = extract_embeddable_html_document(raw)
+    if doc:
+        full = inject_design_system(doc)
+        if _looks_truncated_widget_html(full):
+            if _json_layout_is_only_numeric_index_arrays(finalized):
+                return "", "", 0, "json_html_fallback_truncated"
+            return finalized, "", 0, "json_html_fallback_truncated"
+        return "", full, estimate_widget_height(full), "json_html_fallback"
+    if _json_layout_is_only_numeric_index_arrays(finalized):
+        return "", "", 0, "json_degenerate_layout"
+    return finalized, "", 0, "json_schema_invalid"
+
+
+def _should_generate_widget(message: str) -> bool:
+    """Lightweight intent gate so small-talk / explainers do not force widgets."""
+    import re as _re
+
+    text = (message or "").strip().lower()
+    if not text:
+        return False
+    low_signal = {"hi", "hello", "hey", "thanks", "thank you", "ok", "okay", "got it", "cool"}
+    if text in low_signal:
+        return False
+
+    widget_triggers = (
+        "chart", "graph", "plot", "dashboard", "table", "compare", "comparison",
+        "trend", "timeseries", "time series", "distribution", "heatmap", "scatter",
+        "pie", "bar", "line", "kpi", "analytics", "analyze", "analysis", "forecast",
+        "breakdown", "report", "visualize", "visualise", "show me", "insight", "metrics",
+        "tic tac", "tic-tac", "tictac", "game", "playable", "simulator", "write code",
+        "html page", "mini app", "calculator app",
+    )
+    if any(t in text for t in widget_triggers):
+        return True
+
+    text_only_intents = (
+        "explain", "what is", "why", "how does", "difference between", "define",
+        "summarize", "summarise", "plan", "roadmap", "steps", "implementation plan",
+    )
+    if any(t in text for t in text_only_intents):
+        return False
+
+    has_numeric_cue = bool(_re.search(r"\b\d+(\.\d+)?%?\b", text))
+    has_time_cue = any(t in text for t in ("daily", "weekly", "monthly", "quarterly", "yearly", "over time", "timeline"))
+    has_compare_cue = any(t in text for t in ("vs", "versus", "compare", "top", "rank", "distribution"))
+    if has_numeric_cue and (has_time_cue or has_compare_cue):
+        return True
+
+    return False
+
+
+# ---------------------------------------------------------------------------
+# Request/response schemas
+# ---------------------------------------------------------------------------
+
+class ChatPlainReq(BaseModel):
+    uid: str | None = None
+    message: str
+
+
+class ChatReq(BaseModel):
+    uid: str | None = None
+    message: str
+
+
+class RateReq(BaseModel):
+    uid: str | None = None
+    strategy: str
+    x_vec: list[float]
+    reward: float
+
+
+class PreferenceReq(BaseModel):
+    uid: str | None = None
+    strategies: list[str] = []
+    lock: bool = False
+
+
+class ResetReq(BaseModel):
+    uid: str | None = None
+
+
+class PrimitiveCreateReq(BaseModel):
+    name: str
+    instruction: str
+
+
+class PrimitiveUpdateReq(BaseModel):
+    name: str
+    instruction: str
+
+
+class StrategyCreateReq(BaseModel):
+    id: str
+    label: str
+    instruction: str
+    enabled: bool = True
+    event_name: str = ""
+
+
+class StrategyUpdateReq(BaseModel):
+    label: str
+    instruction: str
+    enabled: bool = True
+    event_name: str = ""
+
+
+class AuthRegisterReq(BaseModel):
+    username: str
+    email: str
+    password: str
+
+
+class AuthLoginReq(BaseModel):
+    username_or_email: str
+    password: str
+
+
+class ForgotPasswordReq(BaseModel):
+    email: str
+
+
+class ResetPasswordReq(BaseModel):
+    token: str
+    new_password: str
+
+
+# ---------------------------------------------------------------------------
+# App
+# ---------------------------------------------------------------------------
+
+app = FastAPI(title="Adaptive Presentation Engine")
+
+app.add_middleware(
+    CORSMiddleware,
+    # allow_credentials=True is incompatible with "*" per CORS spec;
+    # keep it False since we use bearer tokens, not cookies.
+    allow_origins=["*"],
+    allow_credentials=False,
+    allow_methods=["*"],
+    allow_headers=["*"],
+)
+app.add_middleware(GZipMiddleware, minimum_size=1000)
+
+
+@app.on_event("startup")
+def _on_startup():
+    persistence.init_db()
+
+    if getattr(config, "ADMIN_CONFIGURED", False) and config.ADMIN_USERNAME and config.ADMIN_PASSWORD and config.ADMIN_EMAIL:
+        try:
+            register_user(username=config.ADMIN_USERNAME, email=config.ADMIN_EMAIL, password=config.ADMIN_PASSWORD)
+        except Exception:
+            pass
+
+    try:
+        users = persistence.load_users_from_db()
+        seed_users_from_db(users)
+    except Exception:
+        pass
+
+    try:
+        persistence.load_global_state(engine)
+        persistence.load_user_states(engine)
+    except Exception:
+        pass
+
+
+# ---------------------------------------------------------------------------
+# Static / SPA
+# ---------------------------------------------------------------------------
+
+@app.get("/", response_class=HTMLResponse)
+def index() -> HTMLResponse:
+    html = config.INDEX_HTML.read_bytes()
+    return HTMLResponse(content=html, media_type="text/html; charset=utf-8")
+
+
+@app.get("/api/healthz")
+def healthz():
+    """Process liveness — cheap, no external dependencies."""
+    return {"ok": True}
+
+
+@app.get("/api/health")
+def health():
+    if config.LLM_MODE == "openai_compat":
+        h = llm.openai_health()
+        return {
+            "server": "ok",
+            "mode": config.LLM_MODE,
+            "openai_base_url": config.OPENAI_BASE_URL,
+            "model": config.OPENAI_MODEL,
+            **h,
+        }
+    if config.LLM_MODE == "anthropic":
+        h = llm.anthropic_health()
+        return {"server": "ok", "mode": config.LLM_MODE, **h}
+    return {
+        "server": "ok",
+        "mode": config.LLM_MODE,
+        "ok": False,
+        "reachable": False,
+        "error": "Unsupported LLM_MODE (expected openai_compat or anthropic)",
+    }
+
+
+# ---------------------------------------------------------------------------
+# Auth
+# ---------------------------------------------------------------------------
+
+@app.post("/api/auth/register")
+def auth_register(req: AuthRegisterReq):
+    try:
+        rec = register_user(username=req.username, email=req.email, password=req.password)
+    except ValueError as e:
+        raise HTTPException(status_code=status.HTTP_400_BAD_REQUEST, detail=str(e))
+
+    token = create_access_token(user_id=rec.user_id)
+    return {
+        "access_token": token,
+        "token_type": "bearer",
+        "user": {"user_id": rec.user_id, "username": rec.username, "email": rec.email},
+    }
+
+
+@app.post("/api/auth/login")
+def auth_login(req: AuthLoginReq):
+    rec = authenticate_login(username_or_email=req.username_or_email, password=req.password)
+    if not rec:
+        raise HTTPException(status_code=status.HTTP_401_UNAUTHORIZED, detail="Invalid credentials")
+
+    token = create_access_token(user_id=rec.user_id)
+    return {"access_token": token, "token_type": "bearer"}
+
+
+@app.post("/api/auth/forgot-password")
+def auth_forgot_password(req: ForgotPasswordReq):
+    """Dev/demo only. Do NOT return the reset token to the caller in production."""
+    email = (req.email or "").strip()
+    user = get_user_by_email(email)
+
+    if not user:
+        return {"ok": True}
+
+    token = uuid.uuid4().hex
+    now = int(time.time())
+    expires = now + _PASSWORD_RESET_TTL_SECONDS
+    with _password_reset_lock:
+        _password_reset_tokens[token] = {"user_id": user.user_id, "expires": expires}
+
+    # Expose reset token only in development to ease local testing.
+    expose_token = (os.getenv("ENV", "development") or "development").lower() != "production"
+    if expose_token:
+        return {"ok": True, "reset_token": token}
+    return {"ok": True}
+
+
+@app.post("/api/auth/reset-password")
+def auth_reset_password(req: ResetPasswordReq):
+    token = (req.token or "").strip()
+    new_password = (req.new_password or "").strip()
+
+    if not token or not new_password:
+        raise HTTPException(status_code=status.HTTP_400_BAD_REQUEST, detail="token and new_password required")
+
+    now = int(time.time())
+    with _password_reset_lock:
+        rec = _password_reset_tokens.get(token)
+        if not rec:
+            raise HTTPException(status_code=status.HTTP_400_BAD_REQUEST, detail="Invalid or expired token")
+        if int(rec.get("expires") or 0) < now:
+            _password_reset_tokens.pop(token, None)
+            raise HTTPException(status_code=status.HTTP_400_BAD_REQUEST, detail="Invalid or expired token")
+        user_id = str(rec.get("user_id") or "")
+        _password_reset_tokens.pop(token, None)
+
+    try:
+        ok = update_password(user_id=user_id, new_password=new_password)
+    except ValueError as e:
+        raise HTTPException(status_code=status.HTTP_400_BAD_REQUEST, detail=str(e))
+
+    if not ok:
+        raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail="User not found")
+
+    return {"ok": True}
+
+
+@app.get("/api/me")
+def me(user_id: str = Depends(require_user_id)):
+    rec = get_user_by_id(user_id)
+    if not rec:
+        raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail="User not found")
+    return {
+        "user_id": rec.user_id,
+        "username": rec.username,
+        "email": rec.email,
+        "is_admin": _is_admin_user(rec.user_id),
+    }
+
+
+# ---------------------------------------------------------------------------
+# Bandit state + strategies
+# ---------------------------------------------------------------------------
+
+@app.get("/api/state")
+def state(user_id: str = Depends(require_user_id)):
+    uid = user_id
+    x = np.ones(config.D) * 0.5
+    ub = engine.get_user(USERB_ID)
+    return {
+        "posterior": engine.user_posterior(uid, x),
+        "global": engine.global_posterior(x),
+        "userb": engine.posterior_summary(ub["mu"], ub["sigma_inv"], x),
+        "global_n": engine.global_n,
+        "n_users": len(engine.users),
+        "msg_count": engine.get_user(uid)["msg_count"],
+    }
+
+
+@app.get("/api/strategies")
+def list_strategies(user_id: str = Depends(require_user_id)):
+    admin = _is_admin_user(user_id)
+    items = []
+    for sid, it in getattr(config, "STRATEGY_ITEMS", {}).items():
+        enabled = bool(it.get("enabled", True))
+        if admin or enabled:
+            items.append(
+                {
+                    "id": sid,
+                    "label": it.get("label") or sid,
+                    "instruction": it.get("instruction") or "",
+                    "enabled": enabled,
+                    "event_name": it.get("event_name") or "",
+                }
+            )
+    items.sort(key=lambda x: (not bool(x.get("enabled", True)), str(x.get("id") or "")))
+    return {"items": items}
+
+
+@app.options("/api/strategies")
+def strategies_preflight():
+    return JSONResponse({"ok": True})
+
+
+@app.options("/api/strategies/")
+def strategies_preflight_slash():
+    return JSONResponse({"ok": True})
+
+
+@app.get("/api/strategies/usage")
+def strategies_usage(user_id: str = Depends(require_admin_user_id)):
+    return {"by_id": persistence.aggregate_strategy_usage()}
+
+
+@app.get("/api/strategies/usage/")
+def strategies_usage_slash(user_id: str = Depends(require_admin_user_id)):
+    return strategies_usage(user_id=user_id)
+
+
+@app.get("/api/strategies/{sid}/analytics")
+def strategy_analytics(
+    sid: str,
+    days: int = 30,
+    user_id: str = Depends(require_admin_user_id),
+):
+    sid = str(sid or "").strip()
+    if not sid:
+        raise HTTPException(status_code=status.HTTP_400_BAD_REQUEST, detail="sid is required")
+    if sid not in getattr(config, "STRATEGY_ITEMS", {}):
+        raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail="Strategy not found")
+    return persistence.get_strategy_analytics(sid, days=days)
+
+
+@app.post("/api/strategies")
+def create_strategy(req: StrategyCreateReq, user_id: str = Depends(require_admin_user_id)):
+    sid = str(req.id or "").strip()
+    if not sid:
+        raise HTTPException(status_code=status.HTTP_400_BAD_REQUEST, detail="id is required")
+
+    if sid in getattr(config, "STRATEGY_ITEMS", {}):
+        raise HTTPException(status_code=status.HTTP_409_CONFLICT, detail="strategy id already exists")
+
+    event_name = str(req.event_name or "").strip()
+    items = list(getattr(config, "STRATEGY_ITEMS", {}).values())
+    items.append({
+        "id": sid,
+        "label": req.label,
+        "instruction": req.instruction,
+        "enabled": bool(req.enabled),
+        "event_name": event_name,
+    })
+
+    config.persist_strategies(items)
+    engine.reconcile_strategies()
+    return {
+        "item": {
+            "id": sid,
+            "label": req.label,
+            "instruction": req.instruction,
+            "enabled": bool(req.enabled),
+            "event_name": event_name,
+        }
+    }
+
+
+@app.put("/api/strategies/{sid}")
+def update_strategy(sid: str, req: StrategyUpdateReq, user_id: str = Depends(require_admin_user_id)):
+    sid = str(sid or "").strip()
+    if not sid:
+        raise HTTPException(status_code=status.HTTP_400_BAD_REQUEST, detail="sid is required")
+
+    cur = getattr(config, "STRATEGY_ITEMS", {}).get(sid)
+    if not cur:
+        raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail="Strategy not found")
+
+    event_name = str(req.event_name or "").strip() or str(cur.get("event_name") or "").strip()
+    items = []
+    for it in getattr(config, "STRATEGY_ITEMS", {}).values():
+        if it.get("id") == sid:
+            items.append({
+                "id": sid,
+                "label": req.label,
+                "instruction": req.instruction,
+                "enabled": bool(req.enabled),
+                "event_name": event_name,
+            })
+        else:
+            items.append(it)
+
+    config.persist_strategies(items)
+    engine.reconcile_strategies()
+    return {
+        "item": {
+            "id": sid,
+            "label": req.label,
+            "instruction": req.instruction,
+            "enabled": bool(req.enabled),
+            "event_name": event_name,
+        }
+    }
+
+
+@app.post("/api/strategies/{sid}/enable")
+def enable_strategy(sid: str, user_id: str = Depends(require_admin_user_id)):
+    sid = str(sid or "").strip()
+    cur = getattr(config, "STRATEGY_ITEMS", {}).get(sid)
+    if not cur:
+        raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail="Strategy not found")
+    items = []
+    for it in getattr(config, "STRATEGY_ITEMS", {}).values():
+        if it.get("id") == sid:
+            items.append({"id": sid, "label": it.get("label") or sid, "instruction": it.get("instruction") or "", "enabled": True})
+        else:
+            items.append(it)
+    config.persist_strategies(items)
+    engine.reconcile_strategies()
+    return {"ok": True}
+
+
+@app.post("/api/strategies/{sid}/disable")
+def disable_strategy(sid: str, user_id: str = Depends(require_admin_user_id)):
+    sid = str(sid or "").strip()
+    cur = getattr(config, "STRATEGY_ITEMS", {}).get(sid)
+    if not cur:
+        raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail="Strategy not found")
+    items = []
+    for it in getattr(config, "STRATEGY_ITEMS", {}).values():
+        if it.get("id") == sid:
+            items.append({"id": sid, "label": it.get("label") or sid, "instruction": it.get("instruction") or "", "enabled": False})
+        else:
+            items.append(it)
+    config.persist_strategies(items)
+    engine.reconcile_strategies()
+    return {"ok": True}
+
+
+@app.delete("/api/strategies/{sid}")
+def delete_strategy(sid: str, user_id: str = Depends(require_admin_user_id)):
+    sid = str(sid or "").strip()
+    cur = getattr(config, "STRATEGY_ITEMS", {}).get(sid)
+    if not cur:
+        raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail="Strategy not found")
+
+    items = [it for it in getattr(config, "STRATEGY_ITEMS", {}).values() if it.get("id") != sid]
+    if not items:
+        raise HTTPException(status_code=status.HTTP_400_BAD_REQUEST, detail="Cannot delete all strategies")
+
+    config.persist_strategies(items)
+    engine.reconcile_strategies()
+    return {"ok": True}
+
+
+# ---------------------------------------------------------------------------
+# Primitives
+# ---------------------------------------------------------------------------
+
+@app.get("/api/primitives")
+def list_primitives(user_id: str = Depends(require_admin_user_id)):
+    return {"items": persistence.list_user_primitives(user_id)}
+
+
+@app.post("/api/primitives")
+def create_primitive(req: PrimitiveCreateReq, user_id: str = Depends(require_admin_user_id)):
+    name = (req.name or "").strip()
+    inst = (req.instruction or "").strip()
+    if not name or not inst:
+        raise HTTPException(status_code=status.HTTP_400_BAD_REQUEST, detail="name and instruction are required")
+    row = persistence.create_user_primitive(user_id=user_id, name=name, instruction=inst)
+    return {"item": row}
+
+
+@app.put("/api/primitives/{prim_id}")
+def update_primitive(prim_id: int, req: PrimitiveUpdateReq, user_id: str = Depends(require_admin_user_id)):
+    name = (req.name or "").strip()
+    inst = (req.instruction or "").strip()
+    if not name or not inst:
+        raise HTTPException(status_code=status.HTTP_400_BAD_REQUEST, detail="name and instruction are required")
+    row = persistence.update_user_primitive(user_id=user_id, prim_id=int(prim_id), name=name, instruction=inst)
+    if row is None:
+        raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail="Primitive not found")
+    return {"item": row}
+
+
+@app.delete("/api/primitives/{prim_id}")
+def delete_primitive(prim_id: int, user_id: str = Depends(require_admin_user_id)):
+    ok = persistence.delete_user_primitive(user_id=user_id, prim_id=int(prim_id))
+    if not ok:
+        raise HTTPException(status_code=status.HTTP_404_NOT_FOUND, detail="Primitive not found")
+    return {"ok": True}
+
+
+# ---------------------------------------------------------------------------
+# Conversation history
+# ---------------------------------------------------------------------------
+
+@app.get("/api/conversation")
+def conversation(limit: int = 20, user_id: str = Depends(require_user_id)):
+    uid = user_id
+    lim = int(limit)
+    lim = max(1, min(lim, 50))
+
+    def _pairs_from_msgs(msgs: list[dict]) -> list[dict]:
+        out: list[dict] = []
+        last_user: str | None = None
+        for m in msgs:
+            if m.get("role") == "user":
+                last_user = str(m.get("content") or "")
+            elif m.get("role") == "assistant":
+                if last_user is None:
+                    continue
+                out.append(
+                    {
+                        "user": last_user,
+                        "assistant": str(m.get("content") or ""),
+                        "widget_html": str(m.get("widget_html") or ""),
+                        "widget_schema": str(m.get("widget_schema") or ""),
+                        "widget_height": int(m.get("widget_height") or 0),
+                    }
+                )
+                last_user = None
+        return out[-lim:]
+
+    adaptive_msgs = persistence.get_recent_conversation_messages(user_id=uid, pane="adaptive", limit=lim * 4)
+    baseline_msgs = persistence.get_recent_conversation_messages(user_id=uid, pane="baseline", limit=lim * 4)
+
+    adaptive_pairs = _pairs_from_msgs(adaptive_msgs)
+    baseline_pairs = _pairs_from_msgs(baseline_msgs)
+
+    if not adaptive_pairs:
+        adaptive_user = engine.get_user(uid)
+        adaptive_pairs = (adaptive_user.get("history") or [])[-lim:]
+    if not baseline_pairs:
+        baseline_user = engine.get_user(uid + "_plain")
+        baseline_pairs = (baseline_user.get("history") or [])[-lim:]
+
+    return {"adaptive": {"history": adaptive_pairs}, "baseline": {"history": baseline_pairs}}
+
+
+# ---------------------------------------------------------------------------
+# Background persistence (off the hot path)
+# ---------------------------------------------------------------------------
+
+def _persist_after_response(
+    *,
+    user_id: str,
+    uid: str,
+    msg: str,
+    response: str,
+    strategy: str | None,
+    elapsed: float | None,
+    widget_present: bool,
+    pane: str,
+    widget_html: str = "",
+    widget_schema: str = "",
+    widget_height: int = 0,
+) -> None:
+    """Persist bandit state + conversation log after the response has been sent.
+
+    Runs in FastAPI BackgroundTasks so HTTP latency is not gated by SQLite commits.
+    """
+    try:
+        persistence.persist_user_state(engine, uid)
+        if pane == "adaptive":
+            persistence.persist_global_state(engine)
+        persistence.log_conversation_message(
+            user_id=user_id, pane=pane, role="user", content=msg,
+            strategy=strategy if pane == "adaptive" else None,
+        )
+        persistence.log_conversation_message(
+            user_id=user_id, pane=pane, role="assistant", content=response,
+            strategy=strategy if pane == "adaptive" else None,
+            elapsed=elapsed, widget=widget_present,
+            widget_html=widget_html or "",
+            widget_schema=widget_schema or "",
+            widget_height=int(widget_height or 0),
+        )
+    except Exception:
+        # Persistence failures must never surface to the user.
+        pass
+
+
+# ---------------------------------------------------------------------------
+# Baseline chat
+# ---------------------------------------------------------------------------
+
+@app.post("/api/chat_plain")
+def chat_plain(req: ChatPlainReq, bg: BackgroundTasks, user_id: str = Depends(require_user_id)):
+    uid = user_id + "_plain"
+    msg = (req.message or "").strip()
+    if not msg:
+        return JSONResponse({"error": "empty message"}, status_code=400)
+
+    user = engine.get_user(uid)
+    ctx: list[str] = []
+    for t in user["history"][-6:]:
+        ctx += [f"User: {t['user']}", f"Assistant: {t['assistant']}"]
+    ctx.append(f"User: {msg}")
+    prompt = "\n".join(ctx)
+    system = "You are a helpful AI assistant."
+
+    try:
+        base_mode = (config.BASELINE_LLM_MODE or config.LLM_MODE).lower()
+        if base_mode == "openai_compat":
+            response, elapsed, mode = llm.call_openai_compat(prompt, system, timeout=60)
+        elif base_mode == "anthropic":
+            response, elapsed, mode = llm.call_anthropic(prompt, system, timeout=60)
+        else:
+            raise RuntimeError("Unsupported BASELINE_LLM_MODE (expected openai_compat or anthropic)")
+    except Exception as e:
+        return JSONResponse({"error": f"LLM error: {str(e)}"}, status_code=500)
+
+    if not response:
+        return JSONResponse({"error": "LLM returned empty response. Check model/service."}, status_code=500)
+
+    user["history"].append({"user": msg, "assistant": response})
+    user["history"] = user["history"][-20:]
+
+    bg.add_task(
+        _persist_after_response,
+        user_id=user_id, uid=uid, msg=msg, response=response,
+        strategy=None, elapsed=elapsed, widget_present=False, pane="baseline",
+    )
+
+    return {"response": response, "elapsed": elapsed, "llm_mode": mode}
+
+
+# ---------------------------------------------------------------------------
+# Adaptive chat — non-streaming
+# ---------------------------------------------------------------------------
+
+def _build_adaptive_prompt(uid: str, msg: str):
+    """Shared prompt-assembly + bandit-select step for adaptive endpoints."""
+    user = engine.get_user(uid)
+
+    ev = fast_valence(msg, user["last_response"])
+    auto_detected = False
+    auto_r = None
+
+    if user["last_response"] and user["last_x"] is not None and user["last_strategy"]:
+        reward = float(np.clip(0.5 + 0.45 * ev["pos"] - 0.45 * ev["neg"], 0.05, 0.95))
+        engine.update(uid, user["last_strategy"], np.array(user["last_x"]), reward)
+        auto_detected = True
+        auto_r = reward
+
+    explicit = False
+    force_explore = bool(detect_explore_trigger(msg) or (ev.get("neg", 0.0) >= config.NEG_EXPLORE_THRESHOLD))
+    neg_s = negative_strength(ev)
+
+    strat, scores, x, prev = engine.select(
+        uid, msg, force_explore=force_explore, neg_strength=neg_s, explicit_strategy=None
+    )
+
+    format_rule = config.STRATEGIES.get(strat, "Be helpful and clear.")
+    widget_required = _should_generate_widget(msg)
+
+    prim_block = ""
+    if _is_admin_user(uid):
+        user_prims = persistence.list_user_primitives(uid)
+        if user_prims:
+            prim_lines = []
+            for p in user_prims:
+                nm = str(p.get("name") or "").strip()
+                inst = str(p.get("instruction") or "").strip()
+                if nm and inst:
+                    prim_lines.append(f"- {nm}: {inst}")
+            if prim_lines:
+                prim_block = "\n\n## User primitives (follow these as constraints)\n" + "\n".join(prim_lines) + "\n"
+
+    combined_system = build_combined_system_prompt(
+        strategy_id=strat,
+        format_rule=format_rule,
+        primitive_extra_context=(getattr(config, "SKILLS_CONTENT", "") or "") + prim_block,
+        user_message=msg,
+        widget_required=widget_required,
+        forbidden_components=None,
+        required_components=None,
+    )
+    combined_prompt = build_combined_user_prompt(user_message=msg, history=user["history"])
+
+    return {
+        "user": user, "ev": ev, "auto_detected": auto_detected, "auto_r": auto_r,
+        "explicit": explicit, "force_explore": force_explore,
+        "strat": strat, "scores": scores, "x": x, "prev": prev,
+        "format_rule": format_rule, "widget_required": widget_required,
+        "combined_system": combined_system, "combined_prompt": combined_prompt,
+    }
+
+
+def _post_done_payload(
+    *,
+    uid: str,
+    ctx: dict,
+    elapsed: float | None,
+    mode: str,
+    response: str,
+    widget_html: str,
+    widget_schema: str,
+    widget_height: int,
+    widget_debug: str,
+    raw_preview: str,
+):
+    ub = engine.get_user(USERB_ID)
+    ev = ctx["ev"]
+    x = ctx["x"]
+    strat = ctx["strat"]
+    prev = ctx["prev"]
+    scores = ctx["scores"]
+    return {
+        "response": response,
+        "strategy": strat,
+        "prev_strategy": prev,
+        "explicit": ctx["explicit"],
+        "force_explore": ctx["force_explore"],
+        "instruction": config.STRATEGIES.get(strat, ""),
+        "format_rule": ctx["format_rule"],
+        "elapsed": elapsed,
+        "llm_mode": mode,
+        "scores": {k: round(v, 4) for k, v in scores.items()},
+        "x_vec": x.tolist(),
+        "posterior": engine.user_posterior(uid, x),
+        "global": engine.global_posterior(x),
+        "userb": engine.posterior_summary(ub["mu"], ub["sigma_inv"], x),
+        "global_n": engine.global_n,
+        "auto_detected": ctx["auto_detected"],
+        "auto_r": ctx["auto_r"],
+        "auto_reason": ev["reason"],
+        "widget_html": widget_html or "",
+        "widget_schema": widget_schema or "",
+        "widget_height": widget_height,
+        "widget_debug": widget_debug,
+        "widget_raw_preview": raw_preview if not (widget_html or widget_schema) else "",
+    }
+
+
+@app.post("/api/chat")
+def chat(req: ChatReq, bg: BackgroundTasks, user_id: str = Depends(require_user_id)):
+    uid = user_id
+    msg = (req.message or "").strip()
+    if not msg:
+        return JSONResponse({"error": "empty message"}, status_code=400)
+
+    ctx = _build_adaptive_prompt(uid, msg)
+
+    combined_max_tokens = getattr(config, "COMBINED_MAX_TOKENS", 4000)
+    combined_timeout = getattr(config, "COMBINED_TIMEOUT_SECONDS", 45)
+
+    try:
+        adapt_mode = (config.ADAPTIVE_LLM_MODE or config.LLM_MODE).lower()
+        if adapt_mode == "openai_compat":
+            raw_combined, elapsed, mode = llm.call_openai_compat(
+                ctx["combined_prompt"], ctx["combined_system"],
+                timeout=combined_timeout, max_tokens=combined_max_tokens, temperature=0.2,
+            )
+        elif adapt_mode == "anthropic":
+            raw_combined, elapsed, mode = llm.call_anthropic(
+                ctx["combined_prompt"], ctx["combined_system"],
+                timeout=combined_timeout, max_tokens=combined_max_tokens, temperature=0.2,
+            )
+        else:
+            raise RuntimeError("Unsupported ADAPTIVE_LLM_MODE (expected openai_compat or anthropic)")
+    except Exception as e:
+        return JSONResponse({"error": f"LLM error: {str(e)}"}, status_code=500)
+
+    if not raw_combined:
+        return JSONResponse({"error": "LLM returned empty response. Check model/service."}, status_code=500)
+
+    response, widget_payload_raw = parse_combined_output(raw_combined)
+    if not response:
+        response = raw_combined.strip()
+    response = _maybe_enforce_primitive(msg, ctx["strat"], response)
+
+    widget_html = ""
+    widget_schema = ""
+    widget_height = 0
+    widget_debug = ""
+    widget_mode = getattr(config, "WIDGET_MODE", "json").strip().lower()
+    raw_preview = ""
+
+    if widget_payload_raw:
+        if widget_mode == "json":
+            widget_schema, widget_html, widget_height, tag = _dispatch_json_mode_widget(widget_payload_raw)
+            widget_debug = tag or ""
+        else:
+            if _looks_truncated_widget_html(widget_payload_raw):
+                widget_debug = "combined_widget_truncated"
+            else:
+                widget_html = widget_payload_raw
+                widget_height = estimate_widget_height(widget_payload_raw)
+                widget_debug = "combined_widget_ok"
+    else:
+        widget_debug = "combined_no_schema" if widget_mode == "json" else "combined_no_widget_tag"
+        raw_preview = (raw_combined or "")[:800]
+        if widget_mode != "json" and ctx["widget_required"]:
+            placeholder = (
+                "<html><head></head><body>"
+                "<div class='widget-root card'><div class='card-title'>Interactive widget</div>"
+                "<div class='empty'>No widget returned.</div></div>"
+                "</body></html>"
+            )
+            widget_html = inject_design_system(placeholder)
+            widget_height = estimate_widget_height(widget_html)
+            widget_debug = "fallback_widget_generated"
+        elif not ctx["widget_required"]:
+            widget_debug = "widget_skipped_by_intent"
+
+    user = ctx["user"]
+    user["history"].append({"user": msg, "assistant": response})
+    user["history"] = user["history"][-20:]
+    user["last_message"] = msg
+    user["last_response"] = response
+    user["last_strategy"] = ctx["strat"]
+    user["last_x"] = ctx["x"].tolist()
+    user["msg_count"] += 1
+
+    payload = _post_done_payload(
+        uid=uid, ctx=ctx, elapsed=elapsed, mode=mode, response=response,
+        widget_html=widget_html, widget_schema=widget_schema,
+        widget_height=widget_height, widget_debug=widget_debug, raw_preview=raw_preview,
+    )
+
+    bg.add_task(
+        _persist_after_response,
+        user_id=user_id, uid=uid, msg=msg, response=response,
+        strategy=ctx["strat"], elapsed=elapsed,
+        widget_present=bool(widget_html or widget_schema), pane="adaptive",
+        widget_html=widget_html or "",
+        widget_schema=widget_schema or "",
+        widget_height=int(widget_height or 0),
+    )
+
+    return payload
+
+
+# ---------------------------------------------------------------------------
+# Adaptive chat — SSE streaming (Claude-style live widget streaming)
+# ---------------------------------------------------------------------------
+
+@app.post("/api/chat_stream")
+def chat_stream(req: ChatReq, bg: BackgroundTasks, user_id: str = Depends(require_user_id)):
+    uid = user_id
+    msg = (req.message or "").strip()
+    if not msg:
+        return JSONResponse({"error": "empty message"}, status_code=400)
+
+    ctx = _build_adaptive_prompt(uid, msg)
+    combined_max_tokens = getattr(config, "COMBINED_MAX_TOKENS", 4000)
+    combined_timeout = getattr(config, "COMBINED_TIMEOUT_SECONDS", 45)
+    adapt_mode = (config.ADAPTIVE_LLM_MODE or config.LLM_MODE).lower()
+
+    ub = engine.get_user(USERB_ID)
+    strat = ctx["strat"]
+    x = ctx["x"]
+    scores = ctx["scores"]
+    prev = ctx["prev"]
+    ev = ctx["ev"]
+
+    def gen() -> Iterable[str]:
+        t0 = time.time()
+
+        # Initial strategy event — UI paints immediately.
+        yield sse_pack({
+            "type": "strategy",
+            "strategy": strat,
+            "instruction": config.STRATEGIES.get(strat, ""),
+            "format_rule": ctx["format_rule"],
+            "elapsed": None,
+            "force_explore": ctx["force_explore"],
+            "scores": {k: round(v, 4) for k, v in scores.items()},
+            "x_vec": x.tolist(),
+            "posterior": engine.user_posterior(uid, x),
+            "global": engine.global_posterior(x),
+            "userb": engine.posterior_summary(ub["mu"], ub["sigma_inv"], x),
+            "global_n": engine.global_n,
+            "prev_strategy": prev,
+            "explicit": ctx["explicit"],
+            "auto_detected": ctx["auto_detected"],
+            "auto_r": ctx["auto_r"],
+            "auto_reason": ev["reason"],
+        })
+
+        widget_html = ""
+        widget_schema = ""
+        widget_height = 0
+        widget_debug = ""
+        widget_mode = getattr(config, "WIDGET_MODE", "json").strip().lower()
+        raw_preview = ""
+        response = ""
+        mode = adapt_mode
+        elapsed_out: float | None = None
+        widget_payload_raw = ""
+
+        try:
+            if adapt_mode == "anthropic":
+                stream = llm.stream_anthropic(
+                    ctx["combined_prompt"], ctx["combined_system"],
+                    timeout=combined_timeout, max_tokens=combined_max_tokens, temperature=0.2,
+                )
+
+                # Strict primitives: buffer response until </RESPONSE>, then emit
+                # the enforced version. Otherwise stream raw tokens directly.
+                emit_raw_response = not (
+                    config.STRICT_PRIMITIVES and not is_social_or_greeting_turn(msg)
+                )
+
+                response_closed = False
+                for event in parse_combined_stream(
+                    stream,
+                    emit_response_deltas=emit_raw_response,
+                    emit_widget_deltas=True,
+                ):
+                    etype = event[0]
+                    if etype == "response_delta":
+                        yield sse_pack({"type": "response_delta", "delta": event[1]})
+                    elif etype == "response_closed":
+                        response_closed = True
+                        response = _maybe_enforce_primitive(msg, strat, event[1])
+                        if not emit_raw_response and response:
+                            for i in range(0, len(response), 180):
+                                yield sse_pack({"type": "response_delta", "delta": response[i:i + 180]})
+                    elif etype == "widget_start":
+                        yield sse_pack({"type": "widget_start"})
+                    elif etype == "widget_delta":
+                        # LIVE widget streaming — Claude-style.
+                        yield sse_pack({"type": "widget_delta", "delta": event[1]})
+                    elif etype == "complete":
+                        if not response_closed:
+                            response = _maybe_enforce_primitive(msg, strat, event[1])
+                            if not emit_raw_response and response:
+                                for i in range(0, len(response), 180):
+                                    yield sse_pack({"type": "response_delta", "delta": response[i:i + 180]})
+                        widget_payload_raw = event[2]
+                        break
+
+                elapsed_out = round(time.time() - t0, 1)
+                mode = "anthropic"
+
+            elif adapt_mode == "openai_compat":
+                # No token streaming on this path; simulate progressive deltas.
+                raw_combined, elapsed, mode = llm.call_openai_compat(
+                    ctx["combined_prompt"], ctx["combined_system"],
+                    timeout=combined_timeout, max_tokens=combined_max_tokens, temperature=0.2,
+                )
+                response, widget_payload_raw = parse_combined_output(raw_combined)
+                if not response:
+                    response = raw_combined.strip()
+                response = _maybe_enforce_primitive(msg, strat, response)
+                for i in range(0, len(response), 180):
+                    yield sse_pack({"type": "response_delta", "delta": response[i:i + 180]})
+                if widget_payload_raw:
+                    yield sse_pack({"type": "widget_start"})
+                    for i in range(0, len(widget_payload_raw), 400):
+                        yield sse_pack({"type": "widget_delta", "delta": widget_payload_raw[i:i + 400]})
+                elapsed_out = elapsed
+            else:
+                raise RuntimeError("Unsupported ADAPTIVE_LLM_MODE (expected openai_compat or anthropic)")
+
+            # Finalize widget payload for the canonical 'done' event.
+            if widget_payload_raw:
+                if widget_mode == "json":
+                    widget_schema, widget_html, widget_height, tag = _dispatch_json_mode_widget(widget_payload_raw)
+                    widget_debug = tag or ""
+                else:
+                    import re as _re
+                    raw_widget = widget_payload_raw
+                    if "```" in raw_widget:
+                        fence = _re.search(r"```(?:json|html)?\s*(.*?)```", raw_widget, _re.DOTALL | _re.IGNORECASE)
+                        raw_widget = fence.group(1).strip() if fence else _re.sub(r"```\w*", "", raw_widget).strip()
+                    if "<" in raw_widget and ">" in raw_widget:
+                        if "<html" not in raw_widget.lower():
+                            raw_widget = f"<html><head></head><body>{raw_widget}</body></html>"
+                        raw_widget = _re.sub(r"<!DOCTYPE[^>]*>", "", raw_widget, flags=_re.IGNORECASE).strip()
+                        widget_payload_raw = inject_design_system(raw_widget)
+                        if _looks_truncated_widget_html(widget_payload_raw):
+                            widget_debug = "stream_widget_truncated"
+                        else:
+                            widget_html = widget_payload_raw
+                            widget_height = estimate_widget_height(widget_html)
+            if widget_mode != "json" and not widget_html:
+                widget_debug = widget_debug or "no_widget"
+            if not response and not widget_payload_raw:
+                response = "(No content)"
+
+        except Exception as e:
+            msg_err = str(e).strip() or repr(e)
+            yield sse_pack({
+                "type": "done",
+                "strategy": strat,
+                "format_rule": ctx["format_rule"],
+                "elapsed": None,
+                "llm_mode": mode,
+                "response": "",
+                "widget_html": "",
+                "widget_schema": "",
+                "widget_height": 0,
+                "widget_debug": f"stream_error:{msg_err}",
+                "error": msg_err,
+                "force_explore": ctx["force_explore"],
+                "scores": {k: round(v, 4) for k, v in scores.items()},
+                "x_vec": x.tolist(),
+                "posterior": engine.user_posterior(uid, x),
+                "global": engine.global_posterior(x),
+                "userb": engine.posterior_summary(ub["mu"], ub["sigma_inv"], x),
+                "global_n": engine.global_n,
+                "prev_strategy": prev,
+                "explicit": ctx["explicit"],
+                "auto_detected": ctx["auto_detected"],
+                "auto_r": ctx["auto_r"],
+                "auto_reason": ev["reason"],
+            })
+            return
+
+        # Update in-memory history
+        user = ctx["user"]
+        user["history"].append({"user": msg, "assistant": response})
+        user["history"] = user["history"][-20:]
+        user["last_message"] = msg
+        user["last_response"] = response
+        user["last_strategy"] = strat
+        user["last_x"] = x.tolist()
+        user["msg_count"] += 1
+
+        yield sse_pack({
+            "type": "done",
+            "strategy": strat,
+            "format_rule": ctx["format_rule"],
+            "elapsed": elapsed_out,
+            "llm_mode": mode,
+            "response": response,
+            "widget_html": widget_html or "",
+            "widget_schema": widget_schema or "",
+            "widget_height": widget_height,
+            "widget_debug": widget_debug,
+            "force_explore": ctx["force_explore"] and (ctx["explicit"] is None),
+            "scores": {k: round(v, 4) for k, v in scores.items()},
+            "x_vec": x.tolist(),
+            "posterior": engine.user_posterior(uid, x),
+            "global": engine.global_posterior(x),
+            "userb": engine.posterior_summary(ub["mu"], ub["sigma_inv"], x),
+            "global_n": engine.global_n,
+            "prev_strategy": prev,
+            "explicit": ctx["explicit"],
+            "auto_detected": ctx["auto_detected"],
+            "auto_r": ctx["auto_r"],
+            "auto_reason": ev["reason"],
+        })
+
+        # Persistence off the hot path
+        bg.add_task(
+            _persist_after_response,
+            user_id=user_id, uid=uid, msg=msg, response=response,
+            strategy=strat, elapsed=elapsed_out,
+            widget_present=bool(widget_html or widget_schema), pane="adaptive",
+            widget_html=widget_html or "",
+            widget_schema=widget_schema or "",
+            widget_height=int(widget_height or 0),
+        )
+
+    return StreamingResponse(
+        gen(),
+        media_type="text/event-stream",
+        headers={
+            "Cache-Control": "no-cache, no-transform",
+            "X-Accel-Buffering": "no",
+            "Connection": "keep-alive",
+        },
+    )
+
+
+# ---------------------------------------------------------------------------
+# Feedback / preferences / reset
+# ---------------------------------------------------------------------------
+
+@app.post("/api/rate")
+def rate(req: RateReq, bg: BackgroundTasks, user_id: str = Depends(require_user_id)):
+    uid = user_id
+    strategy = req.strategy
+    x = np.array(req.x_vec, dtype=float)
+    reward = float(req.reward)
+    if strategy not in config.STRATEGY_NAMES:
+        return JSONResponse({"error": "bad request"}, status_code=400)
+    engine.update(uid, strategy, x, reward)
+    bg.add_task(persistence.persist_user_state, engine, uid)
+    bg.add_task(persistence.persist_global_state, engine)
+    ub = engine.get_user(USERB_ID)
+    return {
+        "posterior": engine.user_posterior(uid, x),
+        "global": engine.global_posterior(x),
+        "userb": engine.posterior_summary(ub["mu"], ub["sigma_inv"], x),
+        "global_n": engine.global_n,
+    }
+
+
+@app.post("/api/preference")
+def preference(req: PreferenceReq, bg: BackgroundTasks, user_id: str = Depends(require_user_id)):
+    uid = user_id
+    engine.apply_preferences(uid, req.strategies, lock=bool(req.lock))
+    bg.add_task(persistence.persist_user_state, engine, uid)
+    return {"posterior": engine.user_posterior(uid)}
+
+
+@app.post("/api/conversation/clear")
+def conversation_clear(bg: BackgroundTasks, user_id: str = Depends(require_user_id)):
+    """Remove stored chat + widgets for this account; keep bandit posteriors and reward history."""
+    plain_uid = user_id + "_plain"
+    persistence.delete_conversation_logs(user_id=user_id, pane="adaptive")
+    persistence.delete_conversation_logs(user_id=user_id, pane="baseline")
+    engine.clear_conversation_thread(user_id)
+    engine.clear_conversation_thread(plain_uid)
+    bg.add_task(persistence.persist_user_state, engine, user_id)
+    bg.add_task(persistence.persist_user_state, engine, plain_uid)
+    return {"ok": True}
+
+
+@app.post("/api/reset")
+def reset(req: ResetReq, user_id: str = Depends(require_user_id)):
+    plain_uid = user_id + "_plain"
+    engine.reset_user(user_id)
+    engine.reset_user(plain_uid)
+    persistence.delete_user_state(user_id)
+    persistence.delete_user_state(plain_uid)
+    persistence.delete_conversation_logs(user_id=user_id, pane="adaptive")
+    persistence.delete_conversation_logs(user_id=user_id, pane="baseline")
+    return {"ok": True}
+
+
+# ---------------------------------------------------------------------------
+# Static assets + SPA fallback
+# ---------------------------------------------------------------------------
+
+_frontend_dist_assets_dir = config.INDEX_HTML.parent / "assets"
+if _frontend_dist_assets_dir.exists():
+    app.mount(
+        "/assets",
+        StaticFiles(directory=str(_frontend_dist_assets_dir), html=False),
+        name="frontend_assets",
+    )
+
+
+@app.get("/{full_path:path}", response_class=HTMLResponse)
+def spa_fallback(full_path: str):
+    # Never serve HTML for API URLs — return JSON 404 so client parsers don't break.
+    if full_path.startswith("api"):
+        return JSONResponse({"detail": "Not found"}, status_code=status.HTTP_404_NOT_FOUND)
+    html = config.INDEX_HTML.read_bytes()
+    return HTMLResponse(content=html, media_type="text/html; charset=utf-8")
+
+
+def run_server():
+    """Run with uvicorn (production-ready)."""
+    import uvicorn
+
+    port = int(os.getenv("PORT", "5051"))
+    print("=" * 60)
+    print(f"  http://localhost:{port}   mode: {config.LLM_MODE}")
+    print("=" * 60)
+    uvicorn.run(app, host="0.0.0.0", port=port)

{anupa → vivek}/backend/utils.py

@@ -142,7 +142,20 @@ def enforce_response(strategy: str, text: str) -> str:
         try:
             obj = json.loads(t)
             if isinstance(obj, dict) and isinstance(obj.get("columns"), list) and isinstance(obj.get("rows"), list):
-                return json.dumps(obj)
+                cols = [str(c).strip() for c in obj.get("columns", [])]
+                rows = obj.get("rows", [])
+                if cols and isinstance(rows, list):
+                    header = "| " + " | ".join(cols) + " |"
+                    sep = "| " + " | ".join(["---"] * len(cols)) + " |"
+                    data_lines = []
+                    for r in rows[:8]:
+                        if not isinstance(r, list):
+                            continue
+                        vals = [str(v).strip() for v in r[: len(cols)]]
+                        if len(vals) < len(cols):
+                            vals += [""] * (len(cols) - len(vals))
+                        data_lines.append("| " + " | ".join(vals) + " |")
+                    return "\n".join([header, sep] + data_lines) if data_lines else "\n".join([header, sep])
         except Exception:
             pass
 
@@ -163,7 +176,10 @@ def enforce_response(strategy: str, text: str) -> str:
                 ["B", "", "", ""],
             ],
         }
-        return json.dumps(fallback)
+        header = "| Option | Pros | Cons | Best for |"
+        sep = "| --- | --- | --- | --- |"
+        rows = ["| A |  |  |  |", "| B |  |  |  |"]
+        return "\n".join([header, sep] + rows)
 
     if strategy == "visualization":
         try:
@@ -174,7 +190,23 @@ def enforce_response(strategy: str, text: str) -> str:
                 and isinstance(obj.get("labels"), list)
                 and isinstance(obj.get("values"), list)
             ):
-                return json.dumps(obj)
+                labels = [str(x) for x in obj.get("labels", [])]
+                values = obj.get("values", [])
+                pairs: list[tuple[str, float]] = []
+                for i, lab in enumerate(labels):
+                    try:
+                        val = float(values[i]) if i < len(values) else 0.0
+                    except Exception:
+                        val = 0.0
+                    pairs.append((lab, val))
+                max_val = max([abs(v) for _, v in pairs], default=1.0) or 1.0
+                lines = []
+                for lab, val in pairs[:10]:
+                    width = int(round((abs(val) / max_val) * 24))
+                    bar = "#" * max(1, width)
+                    lines.append(f"{lab:<12} | {bar} {val:g}")
+                body = "\n".join(lines) if lines else "A            | #### 1\nB            | #### 1"
+                return f"```text\n{body}\n```"
         except Exception:
             pass
 
@@ -190,6 +222,6 @@ def enforce_response(strategy: str, text: str) -> str:
             "x_label": "Category",
             "y_label": "Value",
         }
-        return json.dumps(fallback)
+        return "```text\nA            | #### 1\nB            | #### 1\n```"
 
     return t

{anupa → vivek}/backend/widget_prompt.py

@@ -58,12 +58,12 @@ _DESIGN_SYSTEM_CSS = """<style id="__ds__">
   --border:rgba(255,255,255,0.07);--border2:rgba(255,255,255,0.14);
   --accent:#5ba4f5;--accent-bg:rgba(91,164,245,0.10);--accent-b:rgba(91,164,245,0.35);
 }}
-html,body{margin:0!important;padding:12px 14px!important;
+html,body{margin:0!important;padding:12px 14px!important;width:100%;box-sizing:border-box;
   background:transparent!important;color:var(--text);
   font-family:"Segoe UI",system-ui,sans-serif;font-size:14px;line-height:1.6}
 @keyframes __fu{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
-.widget-root{animation:__fu .22s ease-out}
-.card{background:var(--bg2);border:0.5px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:12px;transition:border-color .15s}
+.widget-root{animation:__fu .22s ease-out;width:100%;min-width:100%;box-sizing:border-box}
+.card{background:var(--bg2);border:0.5px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin-bottom:12px;transition:border-color .15s;width:100%;max-width:100%;box-sizing:border-box}
 .card:hover{border-color:var(--border2)}
 .card-title{font-size:11px;font-weight:500;color:var(--text2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}
 .raised{background:var(--bg);border:0.5px solid var(--border);border-radius:var(--radius);padding:14px;transition:border-color .15s,transform .1s;cursor:pointer}
@@ -76,9 +76,9 @@ html,body{margin:0!important;padding:12px 14px!important;
 .tab:active{transform:scale(.985)}
 .tab.active{background:var(--bg3);color:var(--text);border-color:var(--accent)}
 .panel{display:none}.panel.active{display:block}
-table{width:100%;border-collapse:collapse;font-size:13px}
-th{background:var(--bg3);color:var(--text2);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:8px 11px;text-align:left;border-bottom:0.5px solid var(--border2)}
-td{padding:8px 11px;border-bottom:0.5px solid var(--border);color:var(--text);vertical-align:middle}
+table{width:100%;min-width:100%;border-collapse:collapse;font-size:14px}
+th{background:var(--bg3);color:var(--text2);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:10px 12px;text-align:left;border-bottom:0.5px solid var(--border2)}
+td{padding:10px 12px;border-bottom:0.5px solid var(--border);color:var(--text);vertical-align:middle;font-size:14px}
 tr:last-child td{border-bottom:none}
 tr.clickable:hover td{background:var(--accent-bg);cursor:pointer}
 .search{width:100%;padding:8px 12px;border-radius:var(--radius-sm);border:0.5px solid var(--border2);background:var(--bg);color:var(--text);font-size:13px;outline:none;box-sizing:border-box;margin-bottom:10px;transition:border-color .15s}
@@ -114,6 +114,10 @@ tr.clickable:hover td{background:var(--accent-bg);cursor:pointer}
 .step-title{font-size:14px;font-weight:500}.step-desc{font-size:12px;color:var(--text2);margin-top:2px;line-height:1.5}
 .count-lbl{font-size:12px;color:var(--text2);margin-bottom:8px}
 .empty{font-size:13px;color:var(--text2);padding:12px 0;text-align:center}
+.card,.metric,.raised{transition:transform .22s cubic-bezier(0.22,1,0.36,1),box-shadow .25s ease,border-color .2s ease}
+@media(hover:hover){.card:hover,.metric:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,0.1)}}
+@media(prefers-color-scheme:dark){@media(hover:hover){.card:hover,.metric:hover{box-shadow:0 8px 28px rgba(0,0,0,0.45)}}}
+.widget-root{transition:opacity .28s ease}
 </style>"""
 
 _SEND_PROMPT_BRIDGE = """<script>
@@ -224,12 +228,14 @@ const gc=dark?'rgba(255,255,255,0.06)':'rgba(0,0,0,0.06)';
 - sendPrompt text must be specific — never generic "tell me more"
 
 ## What not to do
+- No emojis or decorative symbols in labels or UI
 - No hardcoded colors
 - No sendPrompt on slider drag
 - No empty output on first render — always call calc() on load
 - No placeholder or lorem ipsum data — use real content only
 - No position:fixed
-- No external fonts or icon libraries"""
+- No external fonts or icon libraries
+- No decorative clutter — neat, minimal, professional design only"""
 
 
 # ══════════════════════════════════════════════════════════════════════════════
@@ -595,8 +601,8 @@ def estimate_widget_height(html: str) -> int:
     h = html.lower()
     height = 120
     height += h.count('<canvas')                                           * 240
-    height += h.count('<table')                                            * 160
-    height += min(h.count('<tr'), 15)                                      * 36
+    height += h.count('<table')                                            * 180
+    height += min(h.count('<tr'), 20)                                      * 38
     height += (h.count('class="card')  + h.count("class='card"))          * 80
     height += (h.count('class="raised') + h.count("class='raised"))       * 100
     height += min(h.count('<li'), 12)                                      * 30
@@ -607,7 +613,7 @@ def estimate_widget_height(html: str) -> int:
     height += h.count('result-box')                                        * 90
     height += (h.count('class="tab')   + h.count("class='tab"))           * 10
 
-    return max(280, min(height, 920))
+    return max(280, min(height, 1200))
 
 
 def build_local_calc_fallback(user_message: str, assistant_response: str) -> str:

vivek/backend/widget_stream.py

@@ -0,0 +1,137 @@
+"""Incremental parser for combined <RESPONSE>/<WIDGET> output.
+
+Unlike the previous parser which buffered the entire widget body before
+emitting anything, this yields widget deltas as they arrive — giving the
+frontend Claude-style, token-by-token widget streaming.
+
+Event types yielded
+-------------------
+- ("response_delta", str)  : raw response tokens (inside <RESPONSE>)
+- ("response_closed", str) : full response text when </RESPONSE> is seen
+- ("widget_start", "")     : first token of <WIDGET> opens
+- ("widget_delta", str)    : raw widget tokens (inside <WIDGET>)
+- ("complete", response_text, widget_raw) : after </WIDGET> or EOF
+
+Callers decide whether to forward response_delta (strict-primitive mode may
+prefer to buffer until the full response is known before re-streaming it).
+"""
+
+from __future__ import annotations
+
+from typing import Generator, Iterable, Tuple
+
+
+_RESPONSE_OPEN = "<RESPONSE>"
+_RESPONSE_CLOSE = "</RESPONSE>"
+_WIDGET_OPEN = "<WIDGET>"
+_WIDGET_CLOSE = "</WIDGET>"
+
+# Keep enough buffer around tag-ends to avoid splitting a tag across emits.
+_TAG_SAFETY = max(len(_RESPONSE_CLOSE), len(_WIDGET_CLOSE))
+
+
+def parse_combined_stream(
+    chunks: Iterable[str],
+    *,
+    emit_response_deltas: bool = True,
+    emit_widget_deltas: bool = True,
+) -> Generator[Tuple[str, ...], None, None]:
+    """Yield structured events from an iterable of raw LLM chunks.
+
+    The function is a pure state machine: preamble -> response -> widget_pending ->
+    widget -> complete. Each chunk is appended to a rolling buffer and emitted
+    up to a safe boundary so we never emit half of a closing tag.
+    """
+    buf = ""
+    state = "preamble"
+    widget_started_emitted = False
+    response_text = ""
+    response_emitted_len = 0
+    widget_text = ""
+    widget_emitted_len = 0
+
+    def _find(needle: str, haystack_upper: str) -> int:
+        return haystack_upper.find(needle)
+
+    for chunk in chunks:
+        if not chunk:
+            continue
+        buf += chunk
+        buf_upper = buf.upper()
+
+        # --- Enter <RESPONSE> ---
+        if state == "preamble":
+            idx = _find(_RESPONSE_OPEN, buf_upper)
+            if idx != -1:
+                buf = buf[idx + len(_RESPONSE_OPEN):]
+                buf_upper = buf.upper()
+                state = "response"
+                response_emitted_len = 0
+
+        # --- Stream <RESPONSE> content until </RESPONSE> ---
+        if state == "response":
+            close_idx = _find(_RESPONSE_CLOSE, buf_upper)
+            if close_idx != -1:
+                to_send = buf[:close_idx][response_emitted_len:]
+                if to_send and emit_response_deltas:
+                    yield ("response_delta", to_send)
+                response_text = buf[:close_idx].strip()
+                buf = buf[close_idx + len(_RESPONSE_CLOSE):]
+                buf_upper = buf.upper()
+                state = "widget_pending"
+                yield ("response_closed", response_text)
+            else:
+                safe_len = max(0, len(buf) - _TAG_SAFETY)
+                if safe_len > response_emitted_len:
+                    delta = buf[response_emitted_len:safe_len]
+                    if emit_response_deltas:
+                        yield ("response_delta", delta)
+                    response_emitted_len = safe_len
+
+        # --- Wait for <WIDGET> tag open ---
+        if state == "widget_pending":
+            idx = _find(_WIDGET_OPEN, buf_upper)
+            if idx != -1:
+                buf = buf[idx + len(_WIDGET_OPEN):]
+                buf_upper = buf.upper()
+                state = "widget"
+                widget_emitted_len = 0
+                if not widget_started_emitted:
+                    widget_started_emitted = True
+                    yield ("widget_start", "")
+
+        # --- Stream <WIDGET> content until </WIDGET> ---
+        if state == "widget":
+            close_idx = _find(_WIDGET_CLOSE, buf_upper)
+            if close_idx != -1:
+                to_send = buf[:close_idx][widget_emitted_len:]
+                if to_send and emit_widget_deltas:
+                    yield ("widget_delta", to_send)
+                widget_text = buf[:close_idx].strip()
+                yield ("complete", response_text, widget_text)
+                return
+            safe_len = max(0, len(buf) - _TAG_SAFETY)
+            if safe_len > widget_emitted_len:
+                delta = buf[widget_emitted_len:safe_len]
+                if emit_widget_deltas:
+                    yield ("widget_delta", delta)
+                widget_emitted_len = safe_len
+
+    # Stream ended without clean closure — salvage what we can.
+    if state == "response":
+        remaining = buf[response_emitted_len:]
+        if remaining and emit_response_deltas:
+            yield ("response_delta", remaining)
+        response_text = (response_text or buf).strip()
+    elif state == "widget":
+        remaining = buf[widget_emitted_len:]
+        if remaining and emit_widget_deltas:
+            yield ("widget_delta", remaining)
+        widget_text = (widget_text or buf).strip()
+    elif state == "preamble" and buf.strip():
+        # Model didn't use XML tags — treat the whole thing as the response.
+        response_text = buf.strip()
+        if emit_response_deltas:
+            yield ("response_delta", response_text)
+
+    yield ("complete", response_text, widget_text)

vivek/frontend-vue/.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

vivek/frontend-vue/README.md

@@ -0,0 +1,5 @@
+# Vue 3 + TypeScript + Vite
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+Learn more about the recommended Project Setup and IDE Support in the [Vue Docs TypeScript Guide](https://vuejs.org/guide/typescript/overview.html#project-setup).

vivek/frontend-vue/components.json

@@ -0,0 +1,20 @@
+{
+  "style": "new-york",
+  "typescript": true,
+  "tailwind": {
+    "config": "tailwind.config.cjs",
+    "css": "src/styles/globals.css",
+    "baseColor": "neutral",
+    "cssVariables": true,
+    "prefix": ""
+  },
+  "aliases": {
+    "components": "@/components",
+    "composables": "@/composables",
+    "utils": "@/lib/utils",
+    "ui": "@/components/ui",
+    "lib": "@/lib"
+  },
+  "iconLibrary": "lucide"
+}
+

vivek/frontend-vue/dist/index.html

@@ -0,0 +1,14 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>frontend-vue</title>
+    <script type="module" crossorigin src="/assets/index-Bq2Moqhb.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-B2HHLelt.css">
+  </head>
+  <body>
+    <div id="app"></div>
+  </body>
+</html>

vivek/frontend-vue/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>frontend-vue</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

vivek/frontend-vue/package-lock.json

@@ -0,0 +1,2537 @@
+{
+  "name": "frontend-vue",
+  "version": "0.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "frontend-vue",
+      "version": "0.0.0",
+      "dependencies": {
+        "@heroicons/vue": "^2.2.0",
+        "@motionone/vue": "^10.16.4",
+        "@tailwindcss/vite": "^4.2.2",
+        "class-variance-authority": "^0.7.1",
+        "clsx": "^2.1.1",
+        "dompurify": "^3.3.3",
+        "echarts": "^6.0.0",
+        "gsap": "^3.14.2",
+        "lucide-vue-next": "^1.0.0",
+        "markdown-it": "^14.1.1",
+        "markdown-it-multimd-table": "^4.2.3",
+        "plotly.js-dist-min": "^3.4.0",
+        "radix-vue": "^1.9.17",
+        "tailwind-merge": "^3.5.0",
+        "tailwindcss": "^4.2.2",
+        "tw-animate-css": "^1.4.0",
+        "vue": "^3.5.30",
+        "vue-router": "^5.0.4",
+        "zod": "^4.3.6"
+      },
+      "devDependencies": {
+        "@types/markdown-it": "^14.1.2",
+        "@types/node": "^24.12.0",
+        "@vitejs/plugin-vue": "^6.0.5",
+        "@vue/tsconfig": "^0.9.0",
+        "typescript": "~5.9.3",
+        "vite": "^8.0.1",
+        "vue-tsc": "^3.2.5"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.29.1",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz",
+      "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.29.2",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.2.tgz",
+      "integrity": "sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.29.0"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
+      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@emnapi/core": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.9.1.tgz",
+      "integrity": "sha512-mukuNALVsoix/w1BJwFzwXBN/dHeejQtuVzcDsfOEsdpCumXb/E9j8w11h5S54tT1xhifGfbbSm/ICrObRb3KA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/wasi-threads": "1.2.0",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.9.1.tgz",
+      "integrity": "sha512-VYi5+ZVLhpgK4hQ0TAjiQiZ6ol0oe4mBx7mVv7IflsiEp0OWoVsp/+f9Vc1hOhE0TtkORVrI1GvzyreqpgWtkA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/wasi-threads": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.0.tgz",
+      "integrity": "sha512-N10dEJNSsUx41Z6pZsXU8FjPjpBEplgH24sfkmITrBED1/U2Esum9F3lfLrMjKHHjmi557zQn7kR9R+XWXu5Rg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@floating-ui/core": {
+      "version": "1.7.5",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.5.tgz",
+      "integrity": "sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/utils": "^0.2.11"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.7.6",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.6.tgz",
+      "integrity": "sha512-9gZSAI5XM36880PPMm//9dfiEngYoC6Am2izES1FF406YFsjvyBMmeJ2g4SAju3xWwtuynNRFL2s9hgxpLI5SQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/core": "^1.7.5",
+        "@floating-ui/utils": "^0.2.11"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.11",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.11.tgz",
+      "integrity": "sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==",
+      "license": "MIT"
+    },
+    "node_modules/@floating-ui/vue": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npmjs.org/@floating-ui/vue/-/vue-1.1.11.tgz",
+      "integrity": "sha512-HzHKCNVxnGS35r9fCHBc3+uCnjw9IWIlCPL683cGgM9Kgj2BiAl8x1mS7vtvP6F9S/e/q4O6MApwSHj8hNLGfw==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/dom": "^1.7.6",
+        "@floating-ui/utils": "^0.2.11",
+        "vue-demi": ">=0.13.0"
+      }
+    },
+    "node_modules/@floating-ui/vue/node_modules/vue-demi": {
+      "version": "0.14.10",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
+      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@heroicons/vue": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@heroicons/vue/-/vue-2.2.0.tgz",
+      "integrity": "sha512-G3dbSxoeEKqbi/DFalhRxJU4mTXJn7GwZ7ae8NuEQzd1bqdd0jAbdaBZlHPcvPD2xI1iGzNVB4k20Un2AguYPw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "vue": ">= 3"
+      }
+    },
+    "node_modules/@internationalized/date": {
+      "version": "3.12.0",
+      "resolved": "https://registry.npmjs.org/@internationalized/date/-/date-3.12.0.tgz",
+      "integrity": "sha512-/PyIMzK29jtXaGU23qTvNZxvBXRtKbNnGDFD+PY6CZw/Y8Ex8pFUzkuCJCG9aOqmShjqhS9mPqP6Dk5onQY8rQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "node_modules/@internationalized/number": {
+      "version": "3.6.5",
+      "resolved": "https://registry.npmjs.org/@internationalized/number/-/number-3.6.5.tgz",
+      "integrity": "sha512-6hY4Kl4HPBvtfS62asS/R22JzNNy8vi/Ssev7x6EobfCp+9QIB2hKvI2EtbdJ0VSQacxVNtqhE/NmF/NZ0gm6g==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@swc/helpers": "^0.5.0"
+      }
+    },
+    "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==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@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==",
+      "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==",
+      "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==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@motionone/animation": {
+      "version": "10.18.0",
+      "resolved": "https://registry.npmjs.org/@motionone/animation/-/animation-10.18.0.tgz",
+      "integrity": "sha512-9z2p5GFGCm0gBsZbi8rVMOAJCtw1WqBTIPw3ozk06gDvZInBPIsQcHgYogEJ4yuHJ+akuW8g1SEIOpTOvYs8hw==",
+      "license": "MIT",
+      "dependencies": {
+        "@motionone/easing": "^10.18.0",
+        "@motionone/types": "^10.17.1",
+        "@motionone/utils": "^10.18.0",
+        "tslib": "^2.3.1"
+      }
+    },
+    "node_modules/@motionone/dom": {
+      "version": "10.18.0",
+      "resolved": "https://registry.npmjs.org/@motionone/dom/-/dom-10.18.0.tgz",
+      "integrity": "sha512-bKLP7E0eyO4B2UaHBBN55tnppwRnaE3KFfh3Ps9HhnAkar3Cb69kUCJY9as8LrccVYKgHA+JY5dOQqJLOPhF5A==",
+      "license": "MIT",
+      "dependencies": {
+        "@motionone/animation": "^10.18.0",
+        "@motionone/generators": "^10.18.0",
+        "@motionone/types": "^10.17.1",
+        "@motionone/utils": "^10.18.0",
+        "hey-listen": "^1.0.8",
+        "tslib": "^2.3.1"
+      }
+    },
+    "node_modules/@motionone/easing": {
+      "version": "10.18.0",
+      "resolved": "https://registry.npmjs.org/@motionone/easing/-/easing-10.18.0.tgz",
+      "integrity": "sha512-VcjByo7XpdLS4o9T8t99JtgxkdMcNWD3yHU/n6CLEz3bkmKDRZyYQ/wmSf6daum8ZXqfUAgFeCZSpJZIMxaCzg==",
+      "license": "MIT",
+      "dependencies": {
+        "@motionone/utils": "^10.18.0",
+        "tslib": "^2.3.1"
+      }
+    },
+    "node_modules/@motionone/generators": {
+      "version": "10.18.0",
+      "resolved": "https://registry.npmjs.org/@motionone/generators/-/generators-10.18.0.tgz",
+      "integrity": "sha512-+qfkC2DtkDj4tHPu+AFKVfR/C30O1vYdvsGYaR13W/1cczPrrcjdvYCj0VLFuRMN+lP1xvpNZHCRNM4fBzn1jg==",
+      "license": "MIT",
+      "dependencies": {
+        "@motionone/types": "^10.17.1",
+        "@motionone/utils": "^10.18.0",
+        "tslib": "^2.3.1"
+      }
+    },
+    "node_modules/@motionone/types": {
+      "version": "10.17.1",
+      "resolved": "https://registry.npmjs.org/@motionone/types/-/types-10.17.1.tgz",
+      "integrity": "sha512-KaC4kgiODDz8hswCrS0btrVrzyU2CSQKO7Ps90ibBVSQmjkrt2teqta6/sOG59v7+dPnKMAg13jyqtMKV2yJ7A==",
+      "license": "MIT"
+    },
+    "node_modules/@motionone/utils": {
+      "version": "10.18.0",
+      "resolved": "https://registry.npmjs.org/@motionone/utils/-/utils-10.18.0.tgz",
+      "integrity": "sha512-3XVF7sgyTSI2KWvTf6uLlBJ5iAgRgmvp3bpuOiQJvInd4nZ19ET8lX5unn30SlmRH7hXbBbH+Gxd0m0klJ3Xtw==",
+      "license": "MIT",
+      "dependencies": {
+        "@motionone/types": "^10.17.1",
+        "hey-listen": "^1.0.8",
+        "tslib": "^2.3.1"
+      }
+    },
+    "node_modules/@motionone/vue": {
+      "version": "10.16.4",
+      "resolved": "https://registry.npmjs.org/@motionone/vue/-/vue-10.16.4.tgz",
+      "integrity": "sha512-z10PF9JV6SbjFq+/rYabM+8CVlMokgl8RFGvieSGNTmrkQanfHn+15XBrhG3BgUfvmTeSeyShfOHpG0i9zEdcg==",
+      "deprecated": "Motion One for Vue is deprecated. Use Oku Motion instead https://oku-ui.com/motion",
+      "license": "MIT",
+      "dependencies": {
+        "@motionone/dom": "^10.16.4",
+        "tslib": "^2.3.1"
+      }
+    },
+    "node_modules/@napi-rs/wasm-runtime": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.1.tgz",
+      "integrity": "sha512-p64ah1M1ld8xjWv3qbvFwHiFVWrq1yFvV4f7w+mzaqiR4IlSgkqhcRdHwsGgomwzBH51sRY4NEowLxnaBjcW/A==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.7.1",
+        "@emnapi/runtime": "^1.7.1",
+        "@tybys/wasm-util": "^0.10.1"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/Brooooooklyn"
+      }
+    },
+    "node_modules/@oxc-project/types": {
+      "version": "0.122.0",
+      "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.122.0.tgz",
+      "integrity": "sha512-oLAl5kBpV4w69UtFZ9xqcmTi+GENWOcPF7FCrczTiBbmC0ibXxCwyvZGbO39rCVEuLGAZM84DH0pUIyyv/YJzA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/Boshen"
+      }
+    },
+    "node_modules/@rolldown/binding-android-arm64": {
+      "version": "1.0.0-rc.11",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.0-rc.11.tgz",
+      "integrity": "sha512-SJ+/g+xNnOh6NqYxD0V3uVN4W3VfnrGsC9/hoglicgTNfABFG9JjISvkkU0dNY84MNHLWyOgxP9v9Y9pX4S7+A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-darwin-arm64": {
+      "version": "1.0.0-rc.11",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.0-rc.11.tgz",
+      "integrity": "sha512-7WQgR8SfOPwmDZGFkThUvsmd/nwAWv91oCO4I5LS7RKrssPZmOt7jONN0cW17ydGC1n/+puol1IpoieKqQidmg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-darwin-x64": {
+      "version": "1.0.0-rc.11",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.0-rc.11.tgz",
+      "integrity": "sha512-39Ks6UvIHq4rEogIfQBoBRusj0Q0nPVWIvqmwBLaT6aqQGIakHdESBVOPRRLacy4WwUPIx4ZKzfZ9PMW+IeyUQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-freebsd-x64": {
+      "version": "1.0.0-rc.11",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.0-rc.11.tgz",
+      "integrity": "sha512-jfsm0ZHfhiqrvWjJAmzsqiIFPz5e7mAoCOPBNTcNgkiid/LaFKiq92+0ojH+nmJmKYkre4t71BWXUZDNp7vsag==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-arm-gnueabihf": {
+      "version": "1.0.0-rc.11",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.0-rc.11.tgz",
+      "integrity": "sha512-zjQaUtSyq1nVe3nxmlSCuR96T1LPlpvmJ0SZy0WJFEsV4kFbXcq2u68L4E6O0XeFj4aex9bEauqjW8UQBeAvfQ==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-arm64-gnu": {
+      "version": "1.0.0-rc.11",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.0-rc.11.tgz",
+      "integrity": "sha512-WMW1yE6IOnehTcFE9eipFkm3XN63zypWlrJQ2iF7NrQ9b2LDRjumFoOGJE8RJJTJCTBAdmLMnJ8uVitACUUo1Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-arm64-musl": {
+      "version": "1.0.0-rc.11",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.0-rc.11.tgz",
+      "integrity": "sha512-jfndI9tsfm4APzjNt6QdBkYwre5lRPUgHeDHoI7ydKUuJvz3lZeCfMsI56BZj+7BYqiKsJm7cfd/6KYV7ubrBg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-ppc64-gnu": {
+      "version": "1.0.0-rc.11",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.0.0-rc.11.tgz",
+      "integrity": "sha512-ZlFgw46NOAGMgcdvdYwAGu2Q+SLFA9LzbJLW+iyMOJyhj5wk6P3KEE9Gct4xWwSzFoPI7JCdYmYMzVtlgQ+zfw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-s390x-gnu": {
+      "version": "1.0.0-rc.11",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.0.0-rc.11.tgz",
+      "integrity": "sha512-hIOYmuT6ofM4K04XAZd3OzMySEO4K0/nc9+jmNcxNAxRi6c5UWpqfw3KMFV4MVFWL+jQsSh+bGw2VqmaPMTLyw==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-x64-gnu": {
+      "version": "1.0.0-rc.11",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.0-rc.11.tgz",
+      "integrity": "sha512-qXBQQO9OvkjjQPLdUVr7Nr2t3QTZI7s4KZtfw7HzBgjbmAPSFwSv4rmET9lLSgq3rH/ndA3ngv3Qb8l2njoPNA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-x64-musl": {
+      "version": "1.0.0-rc.11",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.0-rc.11.tgz",
+      "integrity": "sha512-/tpFfoSTzUkH9LPY+cYbqZBDyyX62w5fICq9qzsHLL8uTI6BHip3Q9Uzft0wylk/i8OOwKik8OxW+QAhDmzwmg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-openharmony-arm64": {
+      "version": "1.0.0-rc.11",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.0-rc.11.tgz",
+      "integrity": "sha512-mcp3Rio2w72IvdZG0oQ4bM2c2oumtwHfUfKncUM6zGgz0KgPz4YmDPQfnXEiY5t3+KD/i8HG2rOB/LxdmieK2g==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-wasm32-wasi": {
+      "version": "1.0.0-rc.11",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.0-rc.11.tgz",
+      "integrity": "sha512-LXk5Hii1Ph9asuGRjBuz8TUxdc1lWzB7nyfdoRgI0WGPZKmCxvlKk8KfYysqtr4MfGElu/f/pEQRh8fcEgkrWw==",
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@napi-rs/wasm-runtime": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@rolldown/binding-win32-arm64-msvc": {
+      "version": "1.0.0-rc.11",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.0-rc.11.tgz",
+      "integrity": "sha512-dDwf5otnx0XgRY1yqxOC4ITizcdzS/8cQ3goOWv3jFAo4F+xQYni+hnMuO6+LssHHdJW7+OCVL3CoU4ycnh35Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-win32-x64-msvc": {
+      "version": "1.0.0-rc.11",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.0-rc.11.tgz",
+      "integrity": "sha512-LN4/skhSggybX71ews7dAj6r2geaMJfm3kMbK2KhFMg9B10AZXnKoLCVVgzhMHL0S+aKtr4p8QbAW8k+w95bAA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-rc.2",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.2.tgz",
+      "integrity": "sha512-izyXV/v+cHiRfozX62W9htOAvwMo4/bXKDrQ+vom1L1qRuexPock/7VZDAhnpHCLNejd3NJ6hiab+tO0D44Rgw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@swc/helpers": {
+      "version": "0.5.20",
+      "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.20.tgz",
+      "integrity": "sha512-2egEBHUMasdypIzrprsu8g+OEVd7Vp2MM3a2eVlM/cyFYto0nGz5BX5BTgh/ShZZI9ed+ozEq+Ngt+rgmUs8tw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "^2.8.0"
+      }
+    },
+    "node_modules/@tailwindcss/node": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.2.2.tgz",
+      "integrity": "sha512-pXS+wJ2gZpVXqFaUEjojq7jzMpTGf8rU6ipJz5ovJV6PUGmlJ+jvIwGrzdHdQ80Sg+wmQxUFuoW1UAAwHNEdFA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.5",
+        "enhanced-resolve": "^5.19.0",
+        "jiti": "^2.6.1",
+        "lightningcss": "1.32.0",
+        "magic-string": "^0.30.21",
+        "source-map-js": "^1.2.1",
+        "tailwindcss": "4.2.2"
+      }
+    },
+    "node_modules/@tailwindcss/oxide": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.2.2.tgz",
+      "integrity": "sha512-qEUA07+E5kehxYp9BVMpq9E8vnJuBHfJEC0vPC5e7iL/hw7HR61aDKoVoKzrG+QKp56vhNZe4qwkRmMC0zDLvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 20"
+      },
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.2.2",
+        "@tailwindcss/oxide-darwin-arm64": "4.2.2",
+        "@tailwindcss/oxide-darwin-x64": "4.2.2",
+        "@tailwindcss/oxide-freebsd-x64": "4.2.2",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.2.2",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.2.2",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.2.2",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.2.2",
+        "@tailwindcss/oxide-linux-x64-musl": "4.2.2",
+        "@tailwindcss/oxide-wasm32-wasi": "4.2.2",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.2.2",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.2.2"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-android-arm64": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.2.2.tgz",
+      "integrity": "sha512-dXGR1n+P3B6748jZO/SvHZq7qBOqqzQ+yFrXpoOWWALWndF9MoSKAT3Q0fYgAzYzGhxNYOoysRvYlpixRBBoDg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-arm64": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.2.2.tgz",
+      "integrity": "sha512-iq9Qjr6knfMpZHj55/37ouZeykwbDqF21gPFtfnhCCKGDcPI/21FKC9XdMO/XyBM7qKORx6UIhGgg6jLl7BZlg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-x64": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.2.2.tgz",
+      "integrity": "sha512-BlR+2c3nzc8f2G639LpL89YY4bdcIdUmiOOkv2GQv4/4M0vJlpXEa0JXNHhCHU7VWOKWT/CjqHdTP8aUuDJkuw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-freebsd-x64": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.2.2.tgz",
+      "integrity": "sha512-YUqUgrGMSu2CDO82hzlQ5qSb5xmx3RUrke/QgnoEx7KvmRJHQuZHZmZTLSuuHwFf0DJPybFMXMYf+WJdxHy/nQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.2.2.tgz",
+      "integrity": "sha512-FPdhvsW6g06T9BWT0qTwiVZYE2WIFo2dY5aCSpjG/S/u1tby+wXoslXS0kl3/KXnULlLr1E3NPRRw0g7t2kgaQ==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.2.2.tgz",
+      "integrity": "sha512-4og1V+ftEPXGttOO7eCmW7VICmzzJWgMx+QXAJRAhjrSjumCwWqMfkDrNu1LXEQzNAwz28NCUpucgQPrR4S2yw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.2.2.tgz",
+      "integrity": "sha512-oCfG/mS+/+XRlwNjnsNLVwnMWYH7tn/kYPsNPh+JSOMlnt93mYNCKHYzylRhI51X+TbR+ufNhhKKzm6QkqX8ag==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.2.2.tgz",
+      "integrity": "sha512-rTAGAkDgqbXHNp/xW0iugLVmX62wOp2PoE39BTCGKjv3Iocf6AFbRP/wZT/kuCxC9QBh9Pu8XPkv/zCZB2mcMg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.2.2.tgz",
+      "integrity": "sha512-XW3t3qwbIwiSyRCggeO2zxe3KWaEbM0/kW9e8+0XpBgyKU4ATYzcVSMKteZJ1iukJ3HgHBjbg9P5YPRCVUxlnQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.2.2.tgz",
+      "integrity": "sha512-eKSztKsmEsn1O5lJ4ZAfyn41NfG7vzCg496YiGtMDV86jz1q/irhms5O0VrY6ZwTUkFy/EKG3RfWgxSI3VbZ8Q==",
+      "bundleDependencies": [
+        "@napi-rs/wasm-runtime",
+        "@emnapi/core",
+        "@emnapi/runtime",
+        "@tybys/wasm-util",
+        "@emnapi/wasi-threads",
+        "tslib"
+      ],
+      "cpu": [
+        "wasm32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "^1.8.1",
+        "@emnapi/runtime": "^1.8.1",
+        "@emnapi/wasi-threads": "^1.1.0",
+        "@napi-rs/wasm-runtime": "^1.1.1",
+        "@tybys/wasm-util": "^0.10.1",
+        "tslib": "^2.8.1"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-arm64-msvc": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.2.2.tgz",
+      "integrity": "sha512-qPmaQM4iKu5mxpsrWZMOZRgZv1tOZpUm+zdhhQP0VhJfyGGO3aUKdbh3gDZc/dPLQwW4eSqWGrrcWNBZWUWaXQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.2.2.tgz",
+      "integrity": "sha512-1T/37VvI7WyH66b+vqHj/cLwnCxt7Qt3WFu5Q8hk65aOvlwAhs7rAp1VkulBJw/N4tMirXjVnylTR72uI0HGcA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/vite": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.2.2.tgz",
+      "integrity": "sha512-mEiF5HO1QqCLXoNEfXVA1Tzo+cYsrqV7w9Juj2wdUFyW07JRenqMG225MvPwr3ZD9N1bFQj46X7r33iHxLUW0w==",
+      "license": "MIT",
+      "dependencies": {
+        "@tailwindcss/node": "4.2.2",
+        "@tailwindcss/oxide": "4.2.2",
+        "tailwindcss": "4.2.2"
+      },
+      "peerDependencies": {
+        "vite": "^5.2.0 || ^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/@tanstack/virtual-core": {
+      "version": "3.13.23",
+      "resolved": "https://registry.npmjs.org/@tanstack/virtual-core/-/virtual-core-3.13.23.tgz",
+      "integrity": "sha512-zSz2Z2HNyLjCplANTDyl3BcdQJc2k1+yyFoKhNRmCr7V7dY8o8q5m8uFTI1/Pg1kL+Hgrz6u3Xo6eFUB7l66cg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      }
+    },
+    "node_modules/@tanstack/vue-virtual": {
+      "version": "3.13.23",
+      "resolved": "https://registry.npmjs.org/@tanstack/vue-virtual/-/vue-virtual-3.13.23.tgz",
+      "integrity": "sha512-b5jPluAR6U3eOq6GWAYSpj3ugnAIZgGR0e6aGAgyRse0Yu6MVQQ0ZWm9SArSXWtageogn6bkVD8D//c4IjW3xQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@tanstack/virtual-core": "3.13.23"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/tannerlinsley"
+      },
+      "peerDependencies": {
+        "vue": "^2.7.0 || ^3.0.0"
+      }
+    },
+    "node_modules/@tybys/wasm-util": {
+      "version": "0.10.1",
+      "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz",
+      "integrity": "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@types/linkify-it": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/@types/linkify-it/-/linkify-it-5.0.0.tgz",
+      "integrity": "sha512-sVDA58zAw4eWAffKOaQH5/5j3XeayukzDk+ewSsnv3p4yJEZHCCzMDiZM8e0OUrRvmpGZ85jf4yDHkHsgBNr9Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/markdown-it": {
+      "version": "14.1.2",
+      "resolved": "https://registry.npmjs.org/@types/markdown-it/-/markdown-it-14.1.2.tgz",
+      "integrity": "sha512-promo4eFwuiW+TfGxhi+0x3czqTYJkG8qB17ZUJiVF10Xm7NLVRSLUsfRTU/6h1e24VvRnXCx+hG7li58lkzog==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/linkify-it": "^5",
+        "@types/mdurl": "^2"
+      }
+    },
+    "node_modules/@types/mdurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@types/mdurl/-/mdurl-2.0.0.tgz",
+      "integrity": "sha512-RGdgjQUZba5p6QEFAVx2OGb8rQDL/cPRG7GiedRzMcJ1tYnUANBncjbSB1NRGwbvjcPeikRABz2nshyPk1bhWg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "24.12.0",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.12.0.tgz",
+      "integrity": "sha512-GYDxsZi3ChgmckRT9HPU0WEhKLP08ev/Yfcq2AstjrDASOYCSXeyjDsHg4v5t4jOj7cyDX3vmprafKlWIG9MXQ==",
+      "devOptional": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~7.16.0"
+      }
+    },
+    "node_modules/@types/trusted-types": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/@types/web-bluetooth": {
+      "version": "0.0.20",
+      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.20.tgz",
+      "integrity": "sha512-g9gZnnXVq7gM7v3tJCWV/qw7w+KeOlSHAhgF9RytFyifW6AF61hdT2ucrYhPq9hLs5JIryeupHV3qGk95dH9ow==",
+      "license": "MIT"
+    },
+    "node_modules/@vitejs/plugin-vue": {
+      "version": "6.0.5",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-6.0.5.tgz",
+      "integrity": "sha512-bL3AxKuQySfk1iGcBsQnoRVexTPJq0Z/ixFVM8OhVJAP6ZXXXLtM7NFKWhLl30Kg7uTBqIaPXbh+nuQCuBDedg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rolldown/pluginutils": "1.0.0-rc.2"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "peerDependencies": {
+        "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0",
+        "vue": "^3.2.25"
+      }
+    },
+    "node_modules/@volar/language-core": {
+      "version": "2.4.28",
+      "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.28.tgz",
+      "integrity": "sha512-w4qhIJ8ZSitgLAkVay6AbcnC7gP3glYM3fYwKV3srj8m494E3xtrCv6E+bWviiK/8hs6e6t1ij1s2Endql7vzQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/source-map": "2.4.28"
+      }
+    },
+    "node_modules/@volar/source-map": {
+      "version": "2.4.28",
+      "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.28.tgz",
+      "integrity": "sha512-yX2BDBqJkRXfKw8my8VarTyjv48QwxdJtvRgUpNE5erCsgEUdI2DsLbpa+rOQVAJYshY99szEcRDmyHbF10ggQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@volar/typescript": {
+      "version": "2.4.28",
+      "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.28.tgz",
+      "integrity": "sha512-Ja6yvWrbis2QtN4ClAKreeUZPVYMARDYZl9LMEv1iQ1QdepB6wn0jTRxA9MftYmYa4DQ4k/DaSZpFPUfxl8giw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/language-core": "2.4.28",
+        "path-browserify": "^1.0.1",
+        "vscode-uri": "^3.0.8"
+      }
+    },
+    "node_modules/@vue-macros/common": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@vue-macros/common/-/common-3.1.2.tgz",
+      "integrity": "sha512-h9t4ArDdniO9ekYHAD95t9AZcAbb19lEGK+26iAjUODOIJKmObDNBSe4+6ELQAA3vtYiFPPBtHh7+cQCKi3Dng==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-sfc": "^3.5.22",
+        "ast-kit": "^2.1.2",
+        "local-pkg": "^1.1.2",
+        "magic-string-ast": "^1.0.2",
+        "unplugin-utils": "^0.3.0"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/vue-macros"
+      },
+      "peerDependencies": {
+        "vue": "^2.7.0 || ^3.2.25"
+      },
+      "peerDependenciesMeta": {
+        "vue": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.5.31",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.31.tgz",
+      "integrity": "sha512-k/ueL14aNIEy5Onf0OVzR8kiqF/WThgLdFhxwa4e/KF/0qe38IwIdofoSWBTvvxQOesaz6riAFAUaYjoF9fLLQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.2",
+        "@vue/shared": "3.5.31",
+        "entities": "^7.0.1",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-dom": {
+      "version": "3.5.31",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.31.tgz",
+      "integrity": "sha512-BMY/ozS/xxjYqRFL+tKdRpATJYDTTgWSo0+AJvJNg4ig+Hgb0dOsHPXvloHQ5hmlivUqw1Yt2pPIqp4e0v1GUw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-core": "3.5.31",
+        "@vue/shared": "3.5.31"
+      }
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "3.5.31",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.31.tgz",
+      "integrity": "sha512-M8wpPgR9UJ8MiRGjppvx9uWJfLV7A/T+/rL8s/y3QG3u0c2/YZgff3d6SuimKRIhcYnWg5fTfDMlz2E6seUW8Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.2",
+        "@vue/compiler-core": "3.5.31",
+        "@vue/compiler-dom": "3.5.31",
+        "@vue/compiler-ssr": "3.5.31",
+        "@vue/shared": "3.5.31",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.21",
+        "postcss": "^8.5.8",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-ssr": {
+      "version": "3.5.31",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.31.tgz",
+      "integrity": "sha512-h0xIMxrt/LHOvJKMri+vdYT92BrK3HFLtDqq9Pr/lVVfE4IyKZKvWf0vJFW10Yr6nX02OR4MkJwI0c1HDa1hog==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.31",
+        "@vue/shared": "3.5.31"
+      }
+    },
+    "node_modules/@vue/devtools-api": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-8.1.1.tgz",
+      "integrity": "sha512-bsDMJ07b3GN1puVwJb/fyFnj/U2imyswK5UQVLZwVl7O05jDrt6BHxeG5XffmOOdasOj/bOmIjxJvGPxU7pcqw==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-kit": "^8.1.1"
+      }
+    },
+    "node_modules/@vue/devtools-kit": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-kit/-/devtools-kit-8.1.1.tgz",
+      "integrity": "sha512-gVBaBv++i+adg4JpH71k9ppl4soyR7Y2McEqO5YNgv0BI1kMZ7BDX5gnwkZ5COYgiCyhejZG+yGNrBAjj6Coqg==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-shared": "^8.1.1",
+        "birpc": "^2.6.1",
+        "hookable": "^5.5.3",
+        "perfect-debounce": "^2.0.0"
+      }
+    },
+    "node_modules/@vue/devtools-shared": {
+      "version": "8.1.1",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-shared/-/devtools-shared-8.1.1.tgz",
+      "integrity": "sha512-+h4ttmJYl/txpxHKaoZcaKpC+pvckgLzIDiSQlaQ7kKthKh8KuwoLW2D8hPJEnqKzXOvu15UHEoGyngAXCz0EQ==",
+      "license": "MIT"
+    },
+    "node_modules/@vue/language-core": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmjs.org/@vue/language-core/-/language-core-3.2.6.tgz",
+      "integrity": "sha512-xYYYX3/aVup576tP/23sEUpgiEnujrENaoNRbaozC1/MA9I6EGFQRJb4xrt/MmUCAGlxTKL2RmT8JLTPqagCkg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/language-core": "2.4.28",
+        "@vue/compiler-dom": "^3.5.0",
+        "@vue/shared": "^3.5.0",
+        "alien-signals": "^3.0.0",
+        "muggle-string": "^0.4.1",
+        "path-browserify": "^1.0.1",
+        "picomatch": "^4.0.2"
+      }
+    },
+    "node_modules/@vue/reactivity": {
+      "version": "3.5.31",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.31.tgz",
+      "integrity": "sha512-DtKXxk9E/KuVvt8VxWu+6Luc9I9ETNcqR1T1oW1gf02nXaZ1kuAx58oVu7uX9XxJR0iJCro6fqBLw9oSBELo5g==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/shared": "3.5.31"
+      }
+    },
+    "node_modules/@vue/runtime-core": {
+      "version": "3.5.31",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.31.tgz",
+      "integrity": "sha512-AZPmIHXEAyhpkmN7aWlqjSfYynmkWlluDNPHMCZKFHH+lLtxP/30UJmoVhXmbDoP1Ng0jG0fyY2zCj1PnSSA6Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.31",
+        "@vue/shared": "3.5.31"
+      }
+    },
+    "node_modules/@vue/runtime-dom": {
+      "version": "3.5.31",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.31.tgz",
+      "integrity": "sha512-xQJsNRmGPeDCJq/u813tyonNgWBFjzfVkBwDREdEWndBnGdHLHgkwNBQxLtg4zDrzKTEcnikUy1UUNecb3lJ6g==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.31",
+        "@vue/runtime-core": "3.5.31",
+        "@vue/shared": "3.5.31",
+        "csstype": "^3.2.3"
+      }
+    },
+    "node_modules/@vue/server-renderer": {
+      "version": "3.5.31",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.31.tgz",
+      "integrity": "sha512-GJuwRvMcdZX/CriUnyIIOGkx3rMV3H6sOu0JhdKbduaeCji6zb60iOGMY7tFoN24NfsUYoFBhshZtGxGpxO4iA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-ssr": "3.5.31",
+        "@vue/shared": "3.5.31"
+      },
+      "peerDependencies": {
+        "vue": "3.5.31"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.5.31",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.31.tgz",
+      "integrity": "sha512-nBxuiuS9Lj5bPkPbWogPUnjxxWpkRniX7e5UBQDWl6Fsf4roq9wwV+cR7ezQ4zXswNvPIlsdj1slcLB7XCsRAw==",
+      "license": "MIT"
+    },
+    "node_modules/@vue/tsconfig": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/@vue/tsconfig/-/tsconfig-0.9.1.tgz",
+      "integrity": "sha512-buvjm+9NzLCJL29KY1j1991YYJ5e6275OiK+G4jtmfIb+z4POywbdm0wXusT9adVWqe0xqg70TbI7+mRx4uU9w==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "typescript": ">= 5.8",
+        "vue": "^3.4.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        },
+        "vue": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vueuse/core": {
+      "version": "10.11.1",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-10.11.1.tgz",
+      "integrity": "sha512-guoy26JQktXPcz+0n3GukWIy/JDNKti9v6VEMu6kV2sYBsWuGiTU8OWdg+ADfUbHg3/3DlqySDe7JmdHrktiww==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/web-bluetooth": "^0.0.20",
+        "@vueuse/metadata": "10.11.1",
+        "@vueuse/shared": "10.11.1",
+        "vue-demi": ">=0.14.8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/core/node_modules/vue-demi": {
+      "version": "0.14.10",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
+      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@vueuse/metadata": {
+      "version": "10.11.1",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-10.11.1.tgz",
+      "integrity": "sha512-IGa5FXd003Ug1qAZmyE8wF3sJ81xGLSqTqtQ6jaVfkeZ4i5kS2mwQF61yhVqojRnenVew5PldLyRgvdl4YYuSw==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/shared": {
+      "version": "10.11.1",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-10.11.1.tgz",
+      "integrity": "sha512-LHpC8711VFZlDaYUXEBbFBCQ7GS3dVU9mjOhhMhXP6txTV4EhYQg/KGnQuvt/sPAtoUKq7VVUnL6mVtFoL42sA==",
+      "license": "MIT",
+      "dependencies": {
+        "vue-demi": ">=0.14.8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/shared/node_modules/vue-demi": {
+      "version": "0.14.10",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
+      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.16.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
+      "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/alien-signals": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/alien-signals/-/alien-signals-3.1.2.tgz",
+      "integrity": "sha512-d9dYqZTS90WLiU0I5c6DHj/HcKkF8ZyGN3G5x8wSbslulz70KOxaqCT0hQCo9KOyhVqzqGojvNdJXoTumZOtcw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "license": "Python-2.0"
+    },
+    "node_modules/aria-hidden": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.6.tgz",
+      "integrity": "sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/ast-kit": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/ast-kit/-/ast-kit-2.2.0.tgz",
+      "integrity": "sha512-m1Q/RaVOnTp9JxPX+F+Zn7IcLYMzM8kZofDImfsKZd8MbR+ikdOzTeztStWqfrqIxZnYWryyI9ePm3NGjnZgGw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.28.5",
+        "pathe": "^2.0.3"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      }
+    },
+    "node_modules/ast-walker-scope": {
+      "version": "0.8.3",
+      "resolved": "https://registry.npmjs.org/ast-walker-scope/-/ast-walker-scope-0.8.3.tgz",
+      "integrity": "sha512-cbdCP0PGOBq0ASG+sjnKIoYkWMKhhz+F/h9pRexUdX2Hd38+WOlBkRKlqkGOSm0YQpcFMQBJeK4WspUAkwsEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.28.4",
+        "ast-kit": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      }
+    },
+    "node_modules/birpc": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npmjs.org/birpc/-/birpc-2.9.0.tgz",
+      "integrity": "sha512-KrayHS5pBi69Xi9JmvoqrIgYGDkD6mcSe/i6YKi3w5kekCLzrX4+nawcXqrj2tIp50Kw/mT/s3p+GVK0A0sKxw==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-5.0.0.tgz",
+      "integrity": "sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==",
+      "license": "MIT",
+      "dependencies": {
+        "readdirp": "^5.0.0"
+      },
+      "engines": {
+        "node": ">= 20.19.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/class-variance-authority": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npmjs.org/class-variance-authority/-/class-variance-authority-0.7.1.tgz",
+      "integrity": "sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "clsx": "^2.1.1"
+      },
+      "funding": {
+        "url": "https://polar.sh/cva"
+      }
+    },
+    "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/confbox": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.2.4.tgz",
+      "integrity": "sha512-ysOGlgTFbN2/Y6Cg3Iye8YKulHw+R2fNXHrgSmXISQdMnomY6eNDprVdW9R5xBguEqI954+S6709UyiO7B+6OQ==",
+      "license": "MIT"
+    },
+    "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==",
+      "license": "MIT"
+    },
+    "node_modules/defu": {
+      "version": "6.1.4",
+      "resolved": "https://registry.npmjs.org/defu/-/defu-6.1.4.tgz",
+      "integrity": "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg==",
+      "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",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/dompurify": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.3.3.tgz",
+      "integrity": "sha512-Oj6pzI2+RqBfFG+qOaOLbFXLQ90ARpcGG6UePL82bJLtdsa6CYJD7nmiU8MW9nQNOtCHV3lZ/Bzq1X0QYbBZCA==",
+      "license": "(MPL-2.0 OR Apache-2.0)",
+      "optionalDependencies": {
+        "@types/trusted-types": "^2.0.7"
+      }
+    },
+    "node_modules/echarts": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/echarts/-/echarts-6.0.0.tgz",
+      "integrity": "sha512-Tte/grDQRiETQP4xz3iZWSvoHrkCQtwqd6hs+mifXcjrCuo2iKWbajFObuLJVBlDIJlOzgQPd1hsaKt/3+OMkQ==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "tslib": "2.3.0",
+        "zrender": "6.0.0"
+      }
+    },
+    "node_modules/echarts/node_modules/tslib": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
+      "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==",
+      "license": "0BSD"
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "5.20.1",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.20.1.tgz",
+      "integrity": "sha512-Qohcme7V1inbAfvjItgw0EaxVX5q2rdVEZHRBrEQdRZTssLDGsL8Lwrznl8oQ/6kuTJONLaDcGjkNP247XEhcA==",
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.3.0"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/entities": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-7.0.1.tgz",
+      "integrity": "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "license": "MIT"
+    },
+    "node_modules/exsolve": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/exsolve/-/exsolve-1.0.8.tgz",
+      "integrity": "sha512-LmDxfWXwcTArk8fUEnOfSZpHOJ6zOMUJKOtFLFqJLoKJetuQG874Uc7/Kki7zFLzYybmZhp1M7+98pfMqeX8yA==",
+      "license": "MIT"
+    },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "license": "MIT"
+    },
+    "node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/graceful-fs": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npmjs.org/graceful-fs/-/graceful-fs-4.2.11.tgz",
+      "integrity": "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==",
+      "license": "ISC"
+    },
+    "node_modules/gsap": {
+      "version": "3.14.2",
+      "resolved": "https://registry.npmjs.org/gsap/-/gsap-3.14.2.tgz",
+      "integrity": "sha512-P8/mMxVLU7o4+55+1TCnQrPmgjPKnwkzkXOK1asnR9Jg2lna4tEY5qBJjMmAaOBDDZWtlRjBXjLa0w53G/uBLA==",
+      "license": "Standard 'no charge' license: https://gsap.com/standard-license."
+    },
+    "node_modules/hey-listen": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/hey-listen/-/hey-listen-1.0.8.tgz",
+      "integrity": "sha512-COpmrF2NOg4TBWUJ5UVyaCU2A88wEMkUPK4hNqyCkqHbxT92BbvfjoSozkAIIm6XhicGlJHhFdullInrdhwU8Q==",
+      "license": "MIT"
+    },
+    "node_modules/hookable": {
+      "version": "5.5.3",
+      "resolved": "https://registry.npmjs.org/hookable/-/hookable-5.5.3.tgz",
+      "integrity": "sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ==",
+      "license": "MIT"
+    },
+    "node_modules/jiti": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz",
+      "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",
+      "license": "MIT",
+      "bin": {
+        "jiti": "lib/jiti-cli.mjs"
+      }
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/lightningcss": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.32.0.tgz",
+      "integrity": "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==",
+      "license": "MPL-2.0",
+      "dependencies": {
+        "detect-libc": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-android-arm64": "1.32.0",
+        "lightningcss-darwin-arm64": "1.32.0",
+        "lightningcss-darwin-x64": "1.32.0",
+        "lightningcss-freebsd-x64": "1.32.0",
+        "lightningcss-linux-arm-gnueabihf": "1.32.0",
+        "lightningcss-linux-arm64-gnu": "1.32.0",
+        "lightningcss-linux-arm64-musl": "1.32.0",
+        "lightningcss-linux-x64-gnu": "1.32.0",
+        "lightningcss-linux-x64-musl": "1.32.0",
+        "lightningcss-win32-arm64-msvc": "1.32.0",
+        "lightningcss-win32-x64-msvc": "1.32.0"
+      }
+    },
+    "node_modules/lightningcss-android-arm64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.32.0.tgz",
+      "integrity": "sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.32.0.tgz",
+      "integrity": "sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.32.0.tgz",
+      "integrity": "sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.32.0.tgz",
+      "integrity": "sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.32.0.tgz",
+      "integrity": "sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.32.0.tgz",
+      "integrity": "sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.32.0.tgz",
+      "integrity": "sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.32.0.tgz",
+      "integrity": "sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.32.0.tgz",
+      "integrity": "sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-arm64-msvc": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.32.0.tgz",
+      "integrity": "sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.32.0.tgz",
+      "integrity": "sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/linkify-it": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/linkify-it/-/linkify-it-5.0.0.tgz",
+      "integrity": "sha512-5aHCbzQRADcdP+ATqnDuhhJ/MRIqDkZX5pyjFHRRysS8vZ5AbqGEoFIb6pYHPZ+L/OC2Lc+xT8uHVVR5CAK/wQ==",
+      "license": "MIT",
+      "dependencies": {
+        "uc.micro": "^2.0.0"
+      }
+    },
+    "node_modules/local-pkg": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/local-pkg/-/local-pkg-1.1.2.tgz",
+      "integrity": "sha512-arhlxbFRmoQHl33a0Zkle/YWlmNwoyt6QNZEIJcqNbdrsix5Lvc4HyyI3EnwxTYlZYc32EbYrQ8SzEZ7dqgg9A==",
+      "license": "MIT",
+      "dependencies": {
+        "mlly": "^1.7.4",
+        "pkg-types": "^2.3.0",
+        "quansync": "^0.2.11"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/lucide-vue-next": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/lucide-vue-next/-/lucide-vue-next-1.0.0.tgz",
+      "integrity": "sha512-V6SPvx1IHTj/UY+FrIYWV5faISsPSb8BnWSFDxAtezWKvWc9ZZ40PDrdu1/Qb5vg4lHWr1hs1BAMGVGm6V1Xdg==",
+      "license": "ISC",
+      "peerDependencies": {
+        "vue": ">=3.0.1"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.21",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "node_modules/magic-string-ast": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/magic-string-ast/-/magic-string-ast-1.0.3.tgz",
+      "integrity": "sha512-CvkkH1i81zl7mmb94DsRiFeG9V2fR2JeuK8yDgS8oiZSFa++wWLEgZ5ufEOyLHbvSbD1gTRKv9NdX69Rnvr9JA==",
+      "license": "MIT",
+      "dependencies": {
+        "magic-string": "^0.30.19"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      }
+    },
+    "node_modules/markdown-it": {
+      "version": "14.1.1",
+      "resolved": "https://registry.npmjs.org/markdown-it/-/markdown-it-14.1.1.tgz",
+      "integrity": "sha512-BuU2qnTti9YKgK5N+IeMubp14ZUKUUw7yeJbkjtosvHiP0AZ5c8IAgEMk79D0eC8F23r4Ac/q8cAIFdm2FtyoA==",
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1",
+        "entities": "^4.4.0",
+        "linkify-it": "^5.0.0",
+        "mdurl": "^2.0.0",
+        "punycode.js": "^2.3.1",
+        "uc.micro": "^2.1.0"
+      },
+      "bin": {
+        "markdown-it": "bin/markdown-it.mjs"
+      }
+    },
+    "node_modules/markdown-it-multimd-table": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/markdown-it-multimd-table/-/markdown-it-multimd-table-4.2.3.tgz",
+      "integrity": "sha512-KepCr2OMJqm7IT6sOIbuqHGe+NERhgy66XMrc5lo6dHW7oaPzMDtYwR1EGwK16/blb6mCSg4jqityOe0o/H7HA==",
+      "license": "MIT"
+    },
+    "node_modules/markdown-it/node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/mdurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/mdurl/-/mdurl-2.0.0.tgz",
+      "integrity": "sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w==",
+      "license": "MIT"
+    },
+    "node_modules/mlly": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/mlly/-/mlly-1.8.2.tgz",
+      "integrity": "sha512-d+ObxMQFmbt10sretNDytwt85VrbkhhUA/JBGm1MPaWJ65Cl4wOgLaB1NYvJSZ0Ef03MMEU/0xpPMXUIQ29UfA==",
+      "license": "MIT",
+      "dependencies": {
+        "acorn": "^8.16.0",
+        "pathe": "^2.0.3",
+        "pkg-types": "^1.3.1",
+        "ufo": "^1.6.3"
+      }
+    },
+    "node_modules/mlly/node_modules/confbox": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/confbox/-/confbox-0.1.8.tgz",
+      "integrity": "sha512-RMtmw0iFkeR4YV+fUOSucriAQNb9g8zFR52MWCtl+cCZOFRNL6zeB395vPzFhEjjn4fMxXudmELnl/KF/WrK6w==",
+      "license": "MIT"
+    },
+    "node_modules/mlly/node_modules/pkg-types": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-1.3.1.tgz",
+      "integrity": "sha512-/Jm5M4RvtBFVkKWRu2BLUTNP8/M2a+UwuAX+ae4770q1qVGtfjG+WTCupoZixokjmHiry8uI+dlY8KXYV5HVVQ==",
+      "license": "MIT",
+      "dependencies": {
+        "confbox": "^0.1.8",
+        "mlly": "^1.7.4",
+        "pathe": "^2.0.1"
+      }
+    },
+    "node_modules/muggle-string": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/muggle-string/-/muggle-string-0.4.1.tgz",
+      "integrity": "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==",
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "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/path-browserify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-browserify/-/path-browserify-1.0.1.tgz",
+      "integrity": "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/pathe": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/pathe/-/pathe-2.0.3.tgz",
+      "integrity": "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==",
+      "license": "MIT"
+    },
+    "node_modules/perfect-debounce": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-2.1.0.tgz",
+      "integrity": "sha512-LjgdTytVFXeUgtHZr9WYViYSM/g8MkcTPYDlPa3cDqMirHjKiSZPYd6DoL7pK8AJQr+uWkQvCjHNdiMqsrJs+g==",
+      "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": "4.0.4",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pkg-types": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pkg-types/-/pkg-types-2.3.0.tgz",
+      "integrity": "sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig==",
+      "license": "MIT",
+      "dependencies": {
+        "confbox": "^0.2.2",
+        "exsolve": "^1.0.7",
+        "pathe": "^2.0.3"
+      }
+    },
+    "node_modules/plotly.js-dist-min": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npmjs.org/plotly.js-dist-min/-/plotly.js-dist-min-3.4.0.tgz",
+      "integrity": "sha512-eo7xh7oyE9fFoE/wintgmvfOjvTKwCb3wRf9ShQv90du4n+EVkOY7w5qEkmUS9SSkHRnAw8sk/0QI7wEc5U+8Q==",
+      "license": "MIT"
+    },
+    "node_modules/postcss": {
+      "version": "8.5.8",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.8.tgz",
+      "integrity": "sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==",
+      "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/punycode.js": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode.js/-/punycode.js-2.3.1.tgz",
+      "integrity": "sha512-uxFIHU0YlHYhDQtV4R9J6a52SLx28BCjT+4ieh7IGbgwVJWO+km431c4yRlREUAsAmt/uMjQUyQHNEPf0M39CA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/quansync": {
+      "version": "0.2.11",
+      "resolved": "https://registry.npmjs.org/quansync/-/quansync-0.2.11.tgz",
+      "integrity": "sha512-AifT7QEbW9Nri4tAwR5M/uzpBuqfZf+zwaEM/QkzEjj7NBuFD2rBuy0K3dE+8wltbezDV7JMA0WfnCPYRSYbXA==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/antfu"
+        },
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/sxzz"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/radix-vue": {
+      "version": "1.9.17",
+      "resolved": "https://registry.npmjs.org/radix-vue/-/radix-vue-1.9.17.tgz",
+      "integrity": "sha512-mVCu7I2vXt1L2IUYHTt0sZMz7s1K2ZtqKeTIxG3yC5mMFfLBG4FtE1FDeRMpDd+Hhg/ybi9+iXmAP1ISREndoQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/dom": "^1.6.7",
+        "@floating-ui/vue": "^1.1.0",
+        "@internationalized/date": "^3.5.4",
+        "@internationalized/number": "^3.5.3",
+        "@tanstack/vue-virtual": "^3.8.1",
+        "@vueuse/core": "^10.11.0",
+        "@vueuse/shared": "^10.11.0",
+        "aria-hidden": "^1.2.4",
+        "defu": "^6.1.4",
+        "fast-deep-equal": "^3.1.3",
+        "nanoid": "^5.0.7"
+      },
+      "peerDependencies": {
+        "vue": ">= 3.2.0"
+      }
+    },
+    "node_modules/radix-vue/node_modules/nanoid": {
+      "version": "5.1.7",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-5.1.7.tgz",
+      "integrity": "sha512-ua3NDgISf6jdwezAheMOk4mbE1LXjm1DfMUDMuJf4AqxLFK3ccGpgWizwa5YV7Yz9EpXwEaWoRXSb/BnV0t5dQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.js"
+      },
+      "engines": {
+        "node": "^18 || >=20"
+      }
+    },
+    "node_modules/readdirp": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-5.0.0.tgz",
+      "integrity": "sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 20.19.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/rolldown": {
+      "version": "1.0.0-rc.11",
+      "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.0-rc.11.tgz",
+      "integrity": "sha512-NRjoKMusSjfRbSYiH3VSumlkgFe7kYAa3pzVOsVYVFY3zb5d7nS+a3KGQ7hJKXuYWbzJKPVQ9Wxq2UvyK+ENpw==",
+      "license": "MIT",
+      "dependencies": {
+        "@oxc-project/types": "=0.122.0",
+        "@rolldown/pluginutils": "1.0.0-rc.11"
+      },
+      "bin": {
+        "rolldown": "bin/cli.mjs"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "optionalDependencies": {
+        "@rolldown/binding-android-arm64": "1.0.0-rc.11",
+        "@rolldown/binding-darwin-arm64": "1.0.0-rc.11",
+        "@rolldown/binding-darwin-x64": "1.0.0-rc.11",
+        "@rolldown/binding-freebsd-x64": "1.0.0-rc.11",
+        "@rolldown/binding-linux-arm-gnueabihf": "1.0.0-rc.11",
+        "@rolldown/binding-linux-arm64-gnu": "1.0.0-rc.11",
+        "@rolldown/binding-linux-arm64-musl": "1.0.0-rc.11",
+        "@rolldown/binding-linux-ppc64-gnu": "1.0.0-rc.11",
+        "@rolldown/binding-linux-s390x-gnu": "1.0.0-rc.11",
+        "@rolldown/binding-linux-x64-gnu": "1.0.0-rc.11",
+        "@rolldown/binding-linux-x64-musl": "1.0.0-rc.11",
+        "@rolldown/binding-openharmony-arm64": "1.0.0-rc.11",
+        "@rolldown/binding-wasm32-wasi": "1.0.0-rc.11",
+        "@rolldown/binding-win32-arm64-msvc": "1.0.0-rc.11",
+        "@rolldown/binding-win32-x64-msvc": "1.0.0-rc.11"
+      }
+    },
+    "node_modules/rolldown/node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-rc.11",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.11.tgz",
+      "integrity": "sha512-xQO9vbwBecJRv9EUcQ/y0dzSTJgA7Q6UVN7xp6B81+tBGSLVAK03yJ9NkJaUA7JFD91kbjxRSC/mDnmvXzbHoQ==",
+      "license": "MIT"
+    },
+    "node_modules/scule": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/scule/-/scule-1.3.0.tgz",
+      "integrity": "sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g==",
+      "license": "MIT"
+    },
+    "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/tailwind-merge": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/tailwind-merge/-/tailwind-merge-3.5.0.tgz",
+      "integrity": "sha512-I8K9wewnVDkL1NTGoqWmVEIlUcB9gFriAEkXkfCjX5ib8ezGxtR3xD7iZIxrfArjEsH7F1CHD4RFUtxefdqV/A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/dcastil"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.2.2.tgz",
+      "integrity": "sha512-KWBIxs1Xb6NoLdMVqhbhgwZf2PGBpPEiwOqgI4pFIYbNTfBXiKYyWoTsXgBQ9WFg/OlhnvHaY+AEpW7wSmFo2Q==",
+      "license": "MIT"
+    },
+    "node_modules/tapable": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.2.tgz",
+      "integrity": "sha512-1MOpMXuhGzGL5TTCZFItxCc0AARf1EZFQkGqMm7ERKj8+Hgr5oLvJOVFcC+lRmR8hCe2S3jC4T5D7Vg/d7/fhA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.15",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
+      "integrity": "sha512-j2Zq4NyQYG5XMST4cbs02Ak8iJUdxRM0XI5QyxXuZOzKOINmWurp3smXu3y5wDcJrptwpSjgXHzIQxR0omXljQ==",
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "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/tw-animate-css": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/tw-animate-css/-/tw-animate-css-1.4.0.tgz",
+      "integrity": "sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/Wombosvideo"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "devOptional": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/uc.micro": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/uc.micro/-/uc.micro-2.1.0.tgz",
+      "integrity": "sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A==",
+      "license": "MIT"
+    },
+    "node_modules/ufo": {
+      "version": "1.6.3",
+      "resolved": "https://registry.npmjs.org/ufo/-/ufo-1.6.3.tgz",
+      "integrity": "sha512-yDJTmhydvl5lJzBmy/hyOAA0d+aqCBuwl818haVdYCRrWV84o7YyeVm4QlVHStqNrrJSTb6jKuFAVqAFsr+K3Q==",
+      "license": "MIT"
+    },
+    "node_modules/undici-types": {
+      "version": "7.16.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.16.0.tgz",
+      "integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==",
+      "devOptional": true,
+      "license": "MIT"
+    },
+    "node_modules/unplugin": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/unplugin/-/unplugin-3.0.0.tgz",
+      "integrity": "sha512-0Mqk3AT2TZCXWKdcoaufeXNukv2mTrEZExeXlHIOZXdqYoHHr4n51pymnwV8x2BOVxwXbK2HLlI7usrqMpycdg==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/remapping": "^2.3.5",
+        "picomatch": "^4.0.3",
+        "webpack-virtual-modules": "^0.6.2"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/unplugin-utils": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/unplugin-utils/-/unplugin-utils-0.3.1.tgz",
+      "integrity": "sha512-5lWVjgi6vuHhJ526bI4nlCOmkCIF3nnfXkCMDeMJrtdvxTs6ZFCM8oNufGTsDbKv/tJ/xj8RpvXjRuPBZJuJog==",
+      "license": "MIT",
+      "dependencies": {
+        "pathe": "^2.0.3",
+        "picomatch": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=20.19.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sxzz"
+      }
+    },
+    "node_modules/vite": {
+      "version": "8.0.2",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-8.0.2.tgz",
+      "integrity": "sha512-1gFhNi+bHhRE/qKZOJXACm6tX4bA3Isy9KuKF15AgSRuRazNBOJfdDemPBU16/mpMxApDPrWvZ08DcLPEoRnuA==",
+      "license": "MIT",
+      "dependencies": {
+        "lightningcss": "^1.32.0",
+        "picomatch": "^4.0.3",
+        "postcss": "^8.5.8",
+        "rolldown": "1.0.0-rc.11",
+        "tinyglobby": "^0.2.15"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^20.19.0 || >=22.12.0",
+        "@vitejs/devtools": "^0.1.0",
+        "esbuild": "^0.27.0",
+        "jiti": ">=1.21.0",
+        "less": "^4.0.0",
+        "sass": "^1.70.0",
+        "sass-embedded": "^1.70.0",
+        "stylus": ">=0.54.8",
+        "sugarss": "^5.0.0",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "@vitejs/devtools": {
+          "optional": true
+        },
+        "esbuild": {
+          "optional": true
+        },
+        "jiti": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vscode-uri": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/vscode-uri/-/vscode-uri-3.1.0.tgz",
+      "integrity": "sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/vue": {
+      "version": "3.5.31",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.31.tgz",
+      "integrity": "sha512-iV/sU9SzOlmA/0tygSmjkEN6Jbs3nPoIPFhCMLD2STrjgOU8DX7ZtzMhg4ahVwf5Rp9KoFzcXeB1ZrVbLBp5/Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.31",
+        "@vue/compiler-sfc": "3.5.31",
+        "@vue/runtime-dom": "3.5.31",
+        "@vue/server-renderer": "3.5.31",
+        "@vue/shared": "3.5.31"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-router": {
+      "version": "5.0.4",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-5.0.4.tgz",
+      "integrity": "sha512-lCqDLCI2+fKVRl2OzXuzdSWmxXFLQRxQbmHugnRpTMyYiT+hNaycV0faqG5FBHDXoYrZ6MQcX87BvbY8mQ20Bg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/generator": "^7.28.6",
+        "@vue-macros/common": "^3.1.1",
+        "@vue/devtools-api": "^8.0.6",
+        "ast-walker-scope": "^0.8.3",
+        "chokidar": "^5.0.0",
+        "json5": "^2.2.3",
+        "local-pkg": "^1.1.2",
+        "magic-string": "^0.30.21",
+        "mlly": "^1.8.0",
+        "muggle-string": "^0.4.1",
+        "pathe": "^2.0.3",
+        "picomatch": "^4.0.3",
+        "scule": "^1.3.0",
+        "tinyglobby": "^0.2.15",
+        "unplugin": "^3.0.0",
+        "unplugin-utils": "^0.3.1",
+        "yaml": "^2.8.2"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "@pinia/colada": ">=0.21.2",
+        "@vue/compiler-sfc": "^3.5.17",
+        "pinia": "^3.0.4",
+        "vue": "^3.5.0"
+      },
+      "peerDependenciesMeta": {
+        "@pinia/colada": {
+          "optional": true
+        },
+        "@vue/compiler-sfc": {
+          "optional": true
+        },
+        "pinia": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-tsc": {
+      "version": "3.2.6",
+      "resolved": "https://registry.npmjs.org/vue-tsc/-/vue-tsc-3.2.6.tgz",
+      "integrity": "sha512-gYW/kWI0XrwGzd0PKc7tVB/qpdeAkIZLNZb10/InizkQjHjnT8weZ/vBarZoj4kHKbUTZT/bAVgoOr8x4NsQ/Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@volar/typescript": "2.4.28",
+        "@vue/language-core": "3.2.6"
+      },
+      "bin": {
+        "vue-tsc": "bin/vue-tsc.js"
+      },
+      "peerDependencies": {
+        "typescript": ">=5.0.0"
+      }
+    },
+    "node_modules/webpack-virtual-modules": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/webpack-virtual-modules/-/webpack-virtual-modules-0.6.2.tgz",
+      "integrity": "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ==",
+      "license": "MIT"
+    },
+    "node_modules/yaml": {
+      "version": "2.8.3",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-2.8.3.tgz",
+      "integrity": "sha512-AvbaCLOO2Otw/lW5bmh9d/WEdcDFdQp2Z2ZUH3pX9U2ihyUY0nvLv7J6TrWowklRGPYbB/IuIMfYgxaCPg5Bpg==",
+      "license": "ISC",
+      "bin": {
+        "yaml": "bin.mjs"
+      },
+      "engines": {
+        "node": ">= 14.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/eemeli"
+      }
+    },
+    "node_modules/zod": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-4.3.6.tgz",
+      "integrity": "sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
+    "node_modules/zrender": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/zrender/-/zrender-6.0.0.tgz",
+      "integrity": "sha512-41dFXEEXuJpNecuUQq6JlbybmnHaqqpGlbH1yxnA5V9MMP4SbohSVZsJIwz+zdjQXSSlR1Vc34EgH1zxyTDvhg==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "tslib": "2.3.0"
+      }
+    },
+    "node_modules/zrender/node_modules/tslib": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.3.0.tgz",
+      "integrity": "sha512-N82ooyxVNm6h1riLCoyS9e3fuJ3AMG2zIZs2Gd1ATcSFjSA23Q0fzjjZeh0jbJvWVDZ0cJT8yaNNaaXHzueNjg==",
+      "license": "0BSD"
+    }
+  }
+}

vivek/frontend-vue/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "frontend-vue",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc -b && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@heroicons/vue": "^2.2.0",
+    "@motionone/vue": "^10.16.4",
+    "@tailwindcss/vite": "^4.2.2",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "dompurify": "^3.3.3",
+    "echarts": "^6.0.0",
+    "gsap": "^3.14.2",
+    "lucide-vue-next": "^1.0.0",
+    "markdown-it": "^14.1.1",
+    "markdown-it-multimd-table": "^4.2.3",
+    "plotly.js-dist-min": "^3.4.0",
+    "radix-vue": "^1.9.17",
+    "tailwind-merge": "^3.5.0",
+    "tailwindcss": "^4.2.2",
+    "tw-animate-css": "^1.4.0",
+    "vue": "^3.5.30",
+    "vue-router": "^5.0.4",
+    "zod": "^4.3.6"
+  },
+  "devDependencies": {
+    "@types/markdown-it": "^14.1.2",
+    "@types/node": "^24.12.0",
+    "@vitejs/plugin-vue": "^6.0.5",
+    "@vue/tsconfig": "^0.9.0",
+    "typescript": "~5.9.3",
+    "vite": "^8.0.1",
+    "vue-tsc": "^3.2.5"
+  }
+}

vivek/frontend-vue/src/App.vue

@@ -0,0 +1,8 @@
+<template>
+  <router-view />
+  <ToastHost />
+</template>
+
+<script setup lang="ts">
+import ToastHost from '@/components/ToastHost.vue'
+</script>

vivek/frontend-vue/src/components/AnalyticsPanel.vue

@@ -0,0 +1,205 @@
+<script setup lang="ts">
+import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'
+import * as echarts from 'echarts'
+import {
+  analyticsState,
+  computeAvgResponseTimeSec,
+  computeLastResponseTimes,
+  computeRewardPieLast,
+  computeRewardRateLast,
+  computeStrategyCounts,
+  computeWidgetRenderRate,
+} from '@/lib/analyticsStore'
+
+const strategyChartEl = ref<HTMLDivElement | null>(null)
+const rewardChartEl = ref<HTMLDivElement | null>(null)
+const responseTimeChartEl = ref<HTMLDivElement | null>(null)
+const widgetRateChartEl = ref<HTMLDivElement | null>(null)
+
+let strategyChart: echarts.ECharts | null = null
+let rewardChart: echarts.ECharts | null = null
+let responseTimeChart: echarts.ECharts | null = null
+let widgetRateChart: echarts.ECharts | null = null
+
+const chartWindowSize = 30
+const rewardWindowSize = 50
+
+const metrics = computed(() => {
+  const done = analyticsState.doneEvents
+  const widgetRenderedCount = done.filter((d) => (d.widgetHtml ?? '').trim().length > 0).length
+  const widgetTotal = done.length
+
+  return {
+    widgetRenderRate: computeWidgetRenderRate(),
+    avgResponseTime: computeAvgResponseTimeSec(),
+    rewardRate: computeRewardRateLast(rewardWindowSize),
+    strategyCounts: computeStrategyCounts(chartWindowSize),
+    responseTimes: computeLastResponseTimes(chartWindowSize),
+    rewardPie: computeRewardPieLast(rewardWindowSize),
+    widgetCounts: { rendered: widgetRenderedCount, total: widgetTotal },
+  }
+})
+
+function updateCharts() {
+  if (!strategyChart || !rewardChart || !responseTimeChart || !widgetRateChart) return
+
+  const stratKeys = Object.keys(metrics.value.strategyCounts)
+  const stratVals = stratKeys.map((k) => metrics.value.strategyCounts[k] ?? 0)
+
+  strategyChart.setOption(
+    {
+      tooltip: { trigger: 'axis' },
+      xAxis: { type: 'category', data: stratKeys.length ? stratKeys : ['—'] },
+      yAxis: { type: 'value' },
+      series: [
+        {
+          data: stratVals.length ? stratVals : [0],
+          type: 'bar',
+          itemStyle: { color: '#aa3bff' },
+        },
+      ],
+    },
+    true,
+  )
+
+  const rp = metrics.value.rewardPie
+  const totalRewards = (rp.pos ?? 0) + (rp.neg ?? 0)
+  rewardChart.setOption(
+    {
+      tooltip: { trigger: 'item' },
+      series: [
+        {
+          type: 'pie',
+          radius: ['55%', '80%'],
+          avoidLabelOverlap: true,
+          label: { formatter: '{b}: {c}' },
+          data:
+            totalRewards > 0
+              ? [
+                  { name: 'Positive', value: rp.pos },
+                  { name: 'Negative', value: rp.neg },
+                ]
+              : [{ name: 'No rewards', value: 1 }],
+        },
+      ],
+    },
+    true,
+  )
+
+  const respTimes = metrics.value.responseTimes
+  responseTimeChart.setOption(
+    {
+      tooltip: { trigger: 'axis' },
+      xAxis: { type: 'category', data: respTimes.length ? respTimes.map((d) => String(d.idx)) : ['—'] },
+      yAxis: { type: 'value' },
+      series: [
+        {
+          data: respTimes.length ? respTimes.map((d) => d.elapsed) : [0],
+          type: 'line',
+          smooth: true,
+          symbol: 'circle',
+        },
+      ],
+    },
+    true,
+  )
+
+  const wc = metrics.value.widgetCounts
+  const noWidget = wc.total - wc.rendered
+  widgetRateChart.setOption(
+    {
+      tooltip: { trigger: 'item' },
+      series: [
+        {
+          type: 'pie',
+          radius: ['55%', '80%'],
+          label: { formatter: '{b}: {c}' },
+          data:
+            wc.total > 0
+              ? [
+                  { name: 'Widgets', value: wc.rendered },
+                  { name: 'No widget', value: Math.max(0, noWidget) },
+                ]
+              : [{ name: 'No data', value: 1 }],
+        },
+      ],
+    },
+    true,
+  )
+}
+
+function resizeCharts() {
+  strategyChart?.resize()
+  rewardChart?.resize()
+  responseTimeChart?.resize()
+  widgetRateChart?.resize()
+}
+
+onMounted(() => {
+  if (strategyChartEl.value) strategyChart = echarts.init(strategyChartEl.value)
+  if (rewardChartEl.value) rewardChart = echarts.init(rewardChartEl.value)
+  if (responseTimeChartEl.value) responseTimeChart = echarts.init(responseTimeChartEl.value)
+  if (widgetRateChartEl.value) widgetRateChart = echarts.init(widgetRateChartEl.value)
+
+  updateCharts()
+
+  watch(
+    () => [analyticsState.doneEvents.length, analyticsState.rewardEvents.length],
+    () => updateCharts(),
+  )
+
+  window.addEventListener('resize', resizeCharts)
+})
+
+onBeforeUnmount(() => {
+  window.removeEventListener('resize', resizeCharts)
+  strategyChart?.dispose()
+  rewardChart?.dispose()
+  responseTimeChart?.dispose()
+  widgetRateChart?.dispose()
+})
+</script>
+
+<template>
+  <div>
+    <h2 class="text-sm font-semibold mb-3">Analytics (live)</h2>
+
+    <div class="grid grid-cols-1 gap-3">
+      <div class="rounded-lg border bg-card p-3">
+        <div class="text-xs text-muted-foreground mb-2">Strategy distribution (last {{ chartWindowSize }})</div>
+        <div ref="strategyChartEl" class="h-[160px] w-full" />
+      </div>
+
+      <div class="rounded-lg border bg-card p-3">
+        <div class="text-xs text-muted-foreground mb-2">
+          Reward rate (last {{ rewardWindowSize }})
+          <span v-if="metrics.rewardRate !== null" class="ml-2 font-medium text-foreground">
+            {{ Math.round((metrics.rewardRate as number) * 100) }}%
+          </span>
+        </div>
+        <div ref="rewardChartEl" class="h-[160px] w-full" />
+      </div>
+
+      <div class="rounded-lg border bg-card p-3">
+        <div class="text-xs text-muted-foreground mb-2">
+          Avg response time
+          <span v-if="metrics.avgResponseTime !== null" class="ml-2 font-medium text-foreground">
+            {{ (metrics.avgResponseTime as number).toFixed(2) }}s
+          </span>
+        </div>
+        <div ref="responseTimeChartEl" class="h-[160px] w-full" />
+      </div>
+
+      <div class="rounded-lg border bg-card p-3">
+        <div class="text-xs text-muted-foreground mb-2">
+          Widget render rate
+          <span class="ml-2 font-medium text-foreground" v-if="metrics.widgetCounts.total > 0">
+            {{ Math.round(metrics.widgetRenderRate * 100) }}%
+          </span>
+        </div>
+        <div ref="widgetRateChartEl" class="h-[160px] w-full" />
+      </div>
+    </div>
+  </div>
+</template>
+

vivek/frontend-vue/src/components/BanditInsightsSection.vue

@@ -0,0 +1,254 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { banditState } from '@/lib/banditState'
+import { sessionUserState } from '@/lib/sessionUser'
+import { FEATURE_NAMES, type PosteriorMap } from '@/lib/strategies'
+import { enabledStrategyIds, getStrategyLabel } from '@/lib/strategiesStore'
+
+function barPct(s: string, data: PosteriorMap) {
+  const d = data[s]
+  if (!d) return 0
+  return Math.round((d.r ?? 0) * 100)
+}
+
+function uncPct(s: string, data: PosteriorMap) {
+  const d = data[s]
+  if (!d) return 50
+  return Math.min((d.u ?? 0) / 8, 1) * 100
+}
+
+function dimRow(s: string) {
+  if (!banditState.selectedStrategy) return false
+  return s !== banditState.selectedStrategy
+}
+
+const activeLabel = computed(() => {
+  const s = banditState.activeStrategy
+  if (!s) return '—'
+  return getStrategyLabel(s) || s
+})
+const currentUserLabel = computed(() => {
+  return sessionUserState.username ? `${sessionUserState.username} posterior` : 'Your posterior'
+})
+
+const hasScores = computed(() => banditState.scores && Object.keys(banditState.scores).length > 0)
+const hasFeatures = computed(() => (banditState.lastXVec?.length ?? 0) > 0)
+</script>
+
+<template>
+  <section class="space-y-4">
+    <div class="flex flex-col sm:flex-row sm:items-end sm:justify-between gap-2">
+      <div>
+        <h2 class="text-lg font-semibold tracking-tight text-slate-900 dark:text-foreground">Bandit intelligence</h2>
+        <p class="text-sm text-slate-500 dark:text-muted-foreground mt-0.5">
+          Live posteriors, global prior, and reward history — same signals as the chat insights panel.
+        </p>
+      </div>
+      <div
+        class="text-xs text-slate-500 dark:text-muted-foreground rounded-full border border-violet-200/80 dark:border-violet-900/50 bg-violet-50/80 dark:bg-violet-950/30 px-3 py-1.5"
+      >
+        α = 0.05 global blend · synced from chat + API
+      </div>
+    </div>
+
+    <!-- KPI strip (Apexify-style) -->
+    <div class="grid grid-cols-2 lg:grid-cols-4 gap-3">
+      <div
+        class="rounded-2xl border border-slate-200/90 dark:border-border bg-white dark:bg-card p-4 shadow-sm"
+        :class="banditState.activeStrategy ? 'ring-1 ring-violet-300/70 dark:ring-violet-800/60' : ''"
+      >
+        <div class="text-[11px] font-medium uppercase tracking-wide text-slate-500 dark:text-muted-foreground">Active strategy</div>
+        <div class="text-xl font-semibold mt-2 text-slate-900 dark:text-foreground truncate">{{ activeLabel }}</div>
+        <div class="text-xs text-slate-500 dark:text-muted-foreground mt-1 line-clamp-2">
+          {{ banditState.activeInstruction || 'Waiting for first message…' }}
+        </div>
+      </div>
+      <div class="rounded-2xl border border-slate-200/90 dark:border-border bg-white dark:bg-card p-4 shadow-sm">
+        <div class="text-[11px] font-medium uppercase tracking-wide text-slate-500 dark:text-muted-foreground">Global updates</div>
+        <div class="text-2xl font-semibold mt-2 text-slate-900 dark:text-foreground">{{ banditState.globalN }}</div>
+        <div class="text-xs text-slate-500 dark:text-muted-foreground mt-1">Reward-driven prior updates</div>
+      </div>
+      <div class="rounded-2xl border border-slate-200/90 dark:border-border bg-white dark:bg-card p-4 shadow-sm">
+        <div class="text-[11px] font-medium uppercase tracking-wide text-slate-500 dark:text-muted-foreground">Users</div>
+        <div class="text-2xl font-semibold mt-2 text-slate-900 dark:text-foreground">{{ banditState.nUsers }}</div>
+        <div class="text-xs text-slate-500 dark:text-muted-foreground mt-1">Bandit users in engine</div>
+      </div>
+      <div class="rounded-2xl border border-slate-200/90 dark:border-border bg-white dark:bg-card p-4 shadow-sm">
+        <div class="text-[11px] font-medium uppercase tracking-wide text-slate-500 dark:text-muted-foreground">Messages</div>
+        <div class="text-2xl font-semibold mt-2 text-slate-900 dark:text-foreground">
+          {{ banditState.msgCount == null ? '—' : banditState.msgCount }}
+        </div>
+        <div class="text-xs text-slate-500 dark:text-muted-foreground mt-1">Adaptive turns (this account)</div>
+      </div>
+    </div>
+
+    <!-- Thompson scores -->
+    <div
+      v-if="hasScores"
+      class="rounded-2xl border border-slate-200/90 dark:border-border bg-white dark:bg-card p-5 shadow-sm"
+    >
+      <div class="flex items-center justify-between mb-4">
+        <h3 class="text-sm font-semibold text-slate-900 dark:text-foreground">Thompson sampling — this turn</h3>
+      </div>
+      <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-2">
+        <div v-for="s in enabledStrategyIds" :key="'ts-' + s" class="flex justify-between text-sm gap-3">
+          <span class="text-slate-600 dark:text-muted-foreground truncate">{{ getStrategyLabel(s) }}</span>
+          <span class="font-mono text-slate-900 dark:text-foreground tabular-nums">
+            {{ banditState.scores?.[s] != null ? banditState.scores![s].toFixed(3) : '—' }}
+          </span>
+        </div>
+      </div>
+    </div>
+
+    <div class="grid grid-cols-1 xl:grid-cols-2 gap-4">
+      <!-- Your posterior -->
+      <div class="rounded-2xl border border-slate-200/90 dark:border-border bg-white dark:bg-card p-5 shadow-sm">
+        <h3 class="text-sm font-semibold text-slate-900 dark:text-foreground mb-1">{{ currentUserLabel }}</h3>
+        <p class="text-xs text-slate-500 dark:text-muted-foreground mb-4">P(r=1 | x, a=k) — mean and uncertainty</p>
+        <div class="space-y-3">
+          <div v-for="s in enabledStrategyIds" :key="'u-' + s" class="group">
+            <div class="flex justify-between text-xs mb-1">
+              <span class="text-slate-700 dark:text-foreground/90" :class="dimRow(s) ? 'opacity-50' : ''">
+                {{ getStrategyLabel(s) }}
+              </span>
+              <span class="font-mono font-medium text-slate-900 dark:text-foreground tabular-nums">{{ barPct(s, banditState.userPosterior) }}%</span>
+            </div>
+            <div class="h-2 rounded-full bg-slate-100 dark:bg-muted overflow-hidden">
+              <div
+                class="h-full rounded-full bg-gradient-to-r from-violet-500 to-violet-600 transition-all"
+                :style="{ width: barPct(s, banditState.userPosterior) + '%' }"
+              />
+            </div>
+            <div class="flex items-center gap-2 mt-1 text-[10px] text-slate-500">
+              <span class="w-16 shrink-0">Uncertainty</span>
+              <div class="flex-1 h-1.5 rounded-full bg-slate-100 dark:bg-muted overflow-hidden">
+                <div class="h-full rounded-full bg-amber-400/90" :style="{ width: uncPct(s, banditState.userPosterior) + '%' }" />
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- Global prior -->
+      <div class="rounded-2xl border border-slate-200/90 dark:border-border bg-white dark:bg-card p-5 shadow-sm">
+        <h3 class="text-sm font-semibold text-slate-900 dark:text-foreground mb-1">Global prior — all users</h3>
+        <p class="text-xs text-slate-500 dark:text-muted-foreground leading-relaxed mb-4">
+          Shared knowledge. Every reward feeds back here at α=0.05.
+        </p>
+        <div class="flex gap-8 mb-4">
+          <div>
+            <div class="text-2xl font-semibold text-slate-900 dark:text-foreground">{{ banditState.globalN }}</div>
+            <div class="text-[10px] uppercase tracking-wide text-slate-500">updates</div>
+          </div>
+          <div>
+            <div class="text-2xl font-semibold text-slate-900 dark:text-foreground">{{ banditState.nUsers }}</div>
+            <div class="text-[10px] uppercase tracking-wide text-slate-500">users</div>
+          </div>
+        </div>
+        <div class="space-y-3">
+          <div v-for="s in enabledStrategyIds" :key="'g-' + s">
+            <div class="flex justify-between text-xs mb-1">
+              <span class="text-slate-700 dark:text-foreground/90">{{ getStrategyLabel(s) }}</span>
+              <span class="font-mono tabular-nums text-slate-900 dark:text-foreground">{{ barPct(s, banditState.globalPosterior) }}%</span>
+            </div>
+            <div class="h-2 rounded-full bg-slate-100 dark:bg-muted overflow-hidden">
+              <div
+                class="h-full rounded-full bg-gradient-to-r from-emerald-500 to-teal-500"
+                :style="{ width: barPct(s, banditState.globalPosterior) + '%' }"
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- Baseline synthetic user -->
+    <div class="rounded-2xl border border-slate-200/90 dark:border-border bg-white dark:bg-card p-5 shadow-sm">
+      <h3 class="text-sm font-semibold text-slate-900 dark:text-foreground mb-1">Baseline user — inheriting prior</h3>
+      <p class="text-xs text-slate-500 dark:text-muted-foreground mb-4 max-w-3xl">
+        Synthetic fresh-session baseline that tracks the shared global posterior. Bars move when the global prior changes after real reward updates.
+      </p>
+      <div class="grid sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4">
+        <div v-for="s in enabledStrategyIds" :key="'b-' + s">
+          <div class="flex justify-between text-xs mb-1">
+            <span class="text-slate-700 dark:text-foreground/90 truncate pr-2">{{ getStrategyLabel(s) }}</span>
+            <span class="font-mono tabular-nums shrink-0">{{ barPct(s, banditState.userBPosterior) }}%</span>
+          </div>
+          <div class="h-2 rounded-full bg-slate-100 dark:bg-muted overflow-hidden">
+            <div
+              class="h-full rounded-full bg-gradient-to-r from-fuchsia-500 to-violet-600"
+              :style="{ width: barPct(s, banditState.userBPosterior) + '%' }"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- Feature vector -->
+    <div
+      v-if="hasFeatures"
+      class="rounded-2xl border border-slate-200/90 dark:border-border bg-white dark:bg-card p-5 shadow-sm"
+    >
+      <h3 class="text-sm font-semibold text-slate-900 dark:text-foreground mb-4">Feature vector x ∈ ℝ¹⁰</h3>
+      <div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-x-8 gap-y-2 text-sm">
+        <template v-for="(name, i) in FEATURE_NAMES" :key="name">
+          <div class="flex justify-between gap-4 border-b border-slate-100 dark:border-border/60 py-1.5 last:border-0">
+            <span class="text-slate-600 dark:text-muted-foreground font-mono text-xs">{{ name }}</span>
+            <span class="font-mono text-slate-900 dark:text-foreground tabular-nums">
+              {{ banditState.lastXVec?.[i] != null ? (banditState.lastXVec![i] as number).toFixed(3) : '—' }}
+            </span>
+          </div>
+        </template>
+      </div>
+    </div>
+
+    <!-- Reward log table -->
+    <div class="rounded-2xl border border-slate-200/90 dark:border-border bg-white dark:bg-card shadow-sm overflow-hidden">
+      <div class="px-5 py-4 border-b border-slate-100 dark:border-border flex items-center justify-between">
+        <div>
+          <h3 class="text-sm font-semibold text-slate-900 dark:text-foreground">Reward log</h3>
+          <p class="text-xs text-slate-500 dark:text-muted-foreground mt-0.5">Auto + manual feedback from chat</p>
+        </div>
+      </div>
+      <div class="overflow-x-auto">
+        <table class="w-full text-sm">
+          <thead>
+            <tr class="text-left border-b border-slate-100 dark:border-border bg-slate-50/80 dark:bg-muted/30">
+              <th class="py-3 px-5 font-medium text-slate-500 dark:text-muted-foreground">Strategy</th>
+              <th class="py-3 px-5 font-medium text-slate-500 dark:text-muted-foreground">Reward</th>
+              <th class="py-3 px-5 font-medium text-slate-500 dark:text-muted-foreground">Detail</th>
+              <th class="py-3 px-5 font-medium text-slate-500 dark:text-muted-foreground">Source</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr
+              v-for="(e, i) in banditState.rewardLog"
+              :key="i"
+              class="border-b border-slate-100 dark:border-border/60 last:border-0 hover:bg-slate-50/50 dark:hover:bg-muted/20"
+            >
+              <td class="py-3 px-5 font-medium text-slate-900 dark:text-foreground">
+                {{ getStrategyLabel(e.strategy) }}
+              </td>
+              <td class="py-3 px-5">
+                <span
+                  class="inline-flex items-center gap-1.5 rounded-full px-2.5 py-0.5 text-xs font-medium"
+                  :class="e.reward >= 0.5 ? 'bg-emerald-50 text-emerald-800 dark:bg-emerald-950/40 dark:text-emerald-300' : 'bg-red-50 text-red-800 dark:bg-red-950/40 dark:text-red-300'"
+                >
+                  <span class="h-1.5 w-1.5 rounded-full" :class="e.reward >= 0.5 ? 'bg-emerald-500' : 'bg-red-500'" />
+                  {{ e.reward.toFixed(2) }}
+                </span>
+              </td>
+              <td class="py-3 px-5 text-slate-600 dark:text-muted-foreground max-w-md truncate">{{ e.detail }}</td>
+              <td class="py-3 px-5 text-slate-500 dark:text-muted-foreground text-xs capitalize">{{ e.source }}</td>
+            </tr>
+            <tr v-if="banditState.rewardLog.length === 0">
+              <td class="py-10 px-5 text-center text-slate-500 dark:text-muted-foreground" colspan="4">
+                No reward events yet. Send messages and use helpful / not helpful in chat.
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </section>
+</template>

vivek/frontend-vue/src/components/HelloWorld.vue

@@ -0,0 +1,93 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import viteLogo from '../assets/vite.svg'
+import heroImg from '../assets/hero.png'
+import vueLogo from '../assets/vue.svg'
+
+const count = ref(0)
+</script>
+
+<template>
+  <section id="center">
+    <div class="hero">
+      <img :src="heroImg" class="base" width="170" height="179" alt="" />
+      <img :src="vueLogo" class="framework" alt="Vue logo" />
+      <img :src="viteLogo" class="vite" alt="Vite logo" />
+    </div>
+    <div>
+      <h1>Get started</h1>
+      <p>Edit <code>src/App.vue</code> and save to test <code>HMR</code></p>
+    </div>
+    <button class="counter" @click="count++">Count is {{ count }}</button>
+  </section>
+
+  <div class="ticks"></div>
+
+  <section id="next-steps">
+    <div id="docs">
+      <svg class="icon" role="presentation" aria-hidden="true">
+        <use href="/icons.svg#documentation-icon"></use>
+      </svg>
+      <h2>Documentation</h2>
+      <p>Your questions, answered</p>
+      <ul>
+        <li>
+          <a href="https://vite.dev/" target="_blank">
+            <img class="logo" :src="viteLogo" alt="" />
+            Explore Vite
+          </a>
+        </li>
+        <li>
+          <a href="https://vuejs.org/" target="_blank">
+            <img class="button-icon" :src="vueLogo" alt="" />
+            Learn more
+          </a>
+        </li>
+      </ul>
+    </div>
+    <div id="social">
+      <svg class="icon" role="presentation" aria-hidden="true">
+        <use href="/icons.svg#social-icon"></use>
+      </svg>
+      <h2>Connect with us</h2>
+      <p>Join the Vite community</p>
+      <ul>
+        <li>
+          <a href="https://github.com/vitejs/vite" target="_blank">
+            <svg class="button-icon" role="presentation" aria-hidden="true">
+              <use href="/icons.svg#github-icon"></use>
+            </svg>
+            GitHub
+          </a>
+        </li>
+        <li>
+          <a href="https://chat.vite.dev/" target="_blank">
+            <svg class="button-icon" role="presentation" aria-hidden="true">
+              <use href="/icons.svg#discord-icon"></use>
+            </svg>
+            Discord
+          </a>
+        </li>
+        <li>
+          <a href="https://x.com/vite_js" target="_blank">
+            <svg class="button-icon" role="presentation" aria-hidden="true">
+              <use href="/icons.svg#x-icon"></use>
+            </svg>
+            X.com
+          </a>
+        </li>
+        <li>
+          <a href="https://bsky.app/profile/vite.dev" target="_blank">
+            <svg class="button-icon" role="presentation" aria-hidden="true">
+              <use href="/icons.svg#bluesky-icon"></use>
+            </svg>
+            Bluesky
+          </a>
+        </li>
+      </ul>
+    </div>
+  </section>
+
+  <div class="ticks"></div>
+  <section id="spacer"></section>
+</template>

vivek/frontend-vue/src/components/LiveWidgetFrame.vue

@@ -0,0 +1,111 @@
+<script setup lang="ts">
+import { computed, ref, watch } from 'vue'
+import { buildProgressiveHtmlDoc } from '@/lib/progressiveWidget'
+
+/**
+ * Progressive iframe renderer for HTML-mode widgets. While content streams,
+ * srcdoc is updated at a throttled rate (~120ms) so the browser re-renders
+ * without flickering. When `finalized` goes true, we swap to the polished
+ * final HTML so design-system injection + truncation fixes take effect.
+ */
+const props = defineProps<{
+  rawStream: string
+  finalHtml?: string
+  finalized: boolean
+  height?: number
+}>()
+
+const throttledDoc = ref('')
+let lastWrite = 0
+let pendingTimer: ReturnType<typeof setTimeout> | null = null
+
+function scheduleWrite(next: string) {
+  const now = Date.now()
+  const THROTTLE_MS = 120
+  if (now - lastWrite >= THROTTLE_MS) {
+    throttledDoc.value = next
+    lastWrite = now
+    return
+  }
+  if (pendingTimer) clearTimeout(pendingTimer)
+  pendingTimer = setTimeout(() => {
+    throttledDoc.value = next
+    lastWrite = Date.now()
+    pendingTimer = null
+  }, THROTTLE_MS - (now - lastWrite))
+}
+
+watch(
+  () => [props.rawStream, props.finalized, props.finalHtml],
+  () => {
+    if (props.finalized && props.finalHtml) {
+      throttledDoc.value = props.finalHtml
+      return
+    }
+    const doc = buildProgressiveHtmlDoc(props.rawStream)
+    if (doc) scheduleWrite(doc)
+  },
+  { immediate: true },
+)
+
+const frameHeight = computed(() => {
+  const raw = Number(props.height || 420)
+  if (!Number.isFinite(raw)) return 420
+  return Math.min(Math.max(raw, 300), 520)
+})
+</script>
+
+<template>
+  <div class="relative w-full">
+    <iframe
+      v-if="throttledDoc"
+      :srcdoc="throttledDoc"
+      sandbox="allow-scripts allow-same-origin"
+      class="w-full widget-frame border-0"
+      :style="{ height: `${frameHeight}px`, maxHeight: '56vh' }"
+    />
+    <div
+      v-else
+      class="w-full rounded-xl border bg-muted/20 skeleton"
+      :style="{ height: `${frameHeight}px`, maxHeight: '56vh' }"
+    />
+    <div
+      v-if="!finalized"
+      class="absolute top-2 right-2 text-[10px] px-2 py-1 rounded-full bg-cyan-500/90 text-white shadow-md flex items-center gap-1.5"
+    >
+      <span class="relative flex h-1.5 w-1.5">
+        <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-white opacity-75" />
+        <span class="relative inline-flex rounded-full h-1.5 w-1.5 bg-white" />
+      </span>
+      streaming
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.skeleton {
+  position: relative;
+  overflow: hidden;
+  background: hsl(var(--muted) / 0.3);
+}
+.skeleton::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(
+    90deg,
+    transparent 0%,
+    hsl(var(--muted) / 0.6) 50%,
+    transparent 100%
+  );
+  animation: shimmerSweep 1.4s linear infinite;
+}
+@keyframes shimmerSweep {
+  0% {
+    transform: translateX(-100%);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+}
+</style>

vivek/frontend-vue/src/components/LiveWidgetSchema.vue

@@ -0,0 +1,213 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { Motion } from '@motionone/vue'
+import Button from '@/components/ui/Button.vue'
+import WidgetSchemaChart from '@/components/WidgetSchemaChart.vue'
+import { parseProgressiveWidgetSchema, type WidgetBlock } from '@/lib/progressiveWidget'
+
+/**
+ * Renders widget blocks progressively as JSON streams in. Each block fades up
+ * independently (Claude-artifact style) and we show a soft "pending" block for
+ * whichever block the model is currently generating.
+ */
+const props = defineProps<{
+  rawStream: string
+  finalized?: boolean
+}>()
+
+const state = computed(() => parseProgressiveWidgetSchema(props.rawStream))
+const blocks = computed<WidgetBlock[]>(() => state.value.blocks)
+const pendingType = computed<string | null>(() => (props.finalized ? null : state.value.pendingBlockHint))
+
+function pendingLabel(t: string | null): string {
+  if (!t) return 'Building block'
+  const labels: Record<string, string> = {
+    text: 'Writing narrative',
+    kpi_row: 'Preparing KPIs',
+    chart: 'Rendering chart',
+    image: 'Loading image',
+    table: 'Composing table',
+    action_row: 'Wiring actions',
+  }
+  return labels[t] || `Building ${t}`
+}
+</script>
+
+<template>
+  <div class="live-widget space-y-3 text-sm">
+    <template v-for="(block, i) in blocks" :key="`lw-${i}`">
+      <Motion
+        tag="div"
+        :initial="{ opacity: 0, y: 8, scale: 0.985 }"
+        :animate="{ opacity: 1, y: 0, scale: 1 }"
+        :transition="{ duration: 0.32, easing: [0.16, 1, 0.3, 1] }"
+      >
+        <div v-if="block.type === 'text'" class="whitespace-pre-wrap leading-relaxed">
+          {{ (block as { content?: string }).content || '' }}
+        </div>
+
+        <div v-else-if="block.type === 'kpi_row'" class="grid grid-cols-2 sm:grid-cols-3 gap-2">
+          <div
+            v-for="(it, j) in (block as { items?: { label?: string; value?: string; tone?: string }[] }).items || []"
+            :key="j"
+            class="rounded-xl border bg-card px-3 py-2 shadow-sm"
+          >
+            <div class="text-[10px] text-muted-foreground uppercase tracking-wide">{{ it.label }}</div>
+            <div
+              class="text-lg font-semibold mt-0.5"
+              :class="{
+                'text-emerald-600 dark:text-emerald-400': it.tone === 'positive',
+                'text-red-600 dark:text-red-400': it.tone === 'negative',
+              }"
+            >
+              {{ it.value }}
+            </div>
+          </div>
+        </div>
+
+        <WidgetSchemaChart
+          v-else-if="block.type === 'chart'"
+          :title="(block as { title?: string }).title"
+          :chart="(block as { chart?: Record<string, unknown> }).chart as any || {}"
+        />
+
+        <div v-else-if="block.type === 'image'" class="rounded-xl border bg-card overflow-hidden shadow-sm">
+          <div
+            v-if="(block as { title?: string }).title"
+            class="px-3 py-2 border-b text-xs font-medium"
+          >
+            {{ (block as { title?: string }).title }}
+          </div>
+          <div class="p-2 flex justify-center bg-muted/15">
+            <img
+              :src="(block as { src?: string }).src || ''"
+              :alt="(block as { alt?: string }).alt || 'Widget image'"
+              class="max-w-full max-h-[min(420px,55vh)] rounded-lg object-contain"
+              loading="lazy"
+              referrerpolicy="no-referrer"
+            />
+          </div>
+        </div>
+
+        <div v-else-if="block.type === 'table'" class="rounded-xl border bg-card overflow-hidden">
+          <div v-if="(block as { title?: string }).title" class="px-3 py-2 border-b text-xs font-medium">
+            {{ (block as { title?: string }).title }}
+          </div>
+          <div class="overflow-x-auto">
+            <table class="w-full text-xs">
+              <thead v-if="(block as { columns?: string[] }).columns?.length">
+                <tr>
+                  <th
+                    v-for="(c, ci) in (block as { columns?: string[] }).columns"
+                    :key="ci"
+                    class="text-left px-3 py-2 border-b bg-muted/40 font-medium"
+                  >
+                    {{ c }}
+                  </th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr v-for="(row, ri) in (block as { rows?: unknown[][] }).rows || []" :key="ri">
+                  <td v-for="(cell, ci) in row" :key="ci" class="px-3 py-1.5 border-b border-border/60">
+                    {{ cell }}
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </div>
+
+        <div v-else-if="block.type === 'action_row'" class="flex flex-wrap gap-2">
+          <Button
+            v-for="(b, bi) in (block as { buttons?: { label?: string; intent?: string }[] }).buttons || []"
+            :key="bi"
+            type="button"
+            variant="outline"
+            size="sm"
+            disabled
+            :title="(b as { intent?: string }).intent ? `Intent: ${(b as { intent?: string }).intent}` : undefined"
+          >
+            {{ b.label || 'Action' }}
+          </Button>
+        </div>
+
+        <div v-else class="rounded-lg border border-dashed border-muted-foreground/30 bg-muted/20 px-3 py-2 text-xs whitespace-pre-wrap">
+          {{ JSON.stringify(block, null, 2) }}
+        </div>
+      </Motion>
+    </template>
+
+    <Transition
+      enter-active-class="transition-all duration-300 ease-out"
+      enter-from-class="opacity-0 translate-y-1"
+      enter-to-class="opacity-100 translate-y-0"
+      leave-active-class="transition-all duration-200 ease-in"
+      leave-from-class="opacity-100 translate-y-0"
+      leave-to-class="opacity-0 -translate-y-1"
+    >
+      <div
+        v-if="pendingType"
+        class="pending-block rounded-xl border border-cyan-500/30 bg-cyan-500/5 dark:bg-cyan-950/25 px-3 py-2 flex items-center gap-3"
+      >
+        <span class="relative flex h-2.5 w-2.5 shrink-0">
+          <span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-cyan-400 opacity-60" />
+          <span class="relative inline-flex rounded-full h-2.5 w-2.5 bg-cyan-500" />
+        </span>
+        <span class="text-[12px] font-medium text-cyan-900 dark:text-cyan-100">
+          {{ pendingLabel(pendingType) }}…
+        </span>
+        <div class="shimmer flex-1 h-1.5 rounded-full bg-muted/40" />
+      </div>
+    </Transition>
+
+    <div v-if="!blocks.length && !pendingType" class="skeleton-stack space-y-2">
+      <div class="skeleton h-6 w-2/3 rounded-lg" />
+      <div class="skeleton h-20 w-full rounded-xl" />
+      <div class="skeleton h-4 w-1/2 rounded" />
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.shimmer {
+  position: relative;
+  overflow: hidden;
+}
+.shimmer::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(
+    90deg,
+    transparent 0%,
+    rgba(6, 182, 212, 0.35) 50%,
+    transparent 100%
+  );
+  animation: shimmerSweep 1.3s linear infinite;
+}
+.skeleton {
+  position: relative;
+  overflow: hidden;
+  background: hsl(var(--muted) / 0.45);
+}
+.skeleton::after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(
+    90deg,
+    transparent 0%,
+    hsl(var(--muted) / 0.75) 50%,
+    transparent 100%
+  );
+  animation: shimmerSweep 1.4s linear infinite;
+}
+@keyframes shimmerSweep {
+  0% {
+    transform: translateX(-100%);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+}
+</style>