Merge branch 'main' of github-personal:CRIMSONHydra/stocker

.gitignore

@@ -32,8 +32,10 @@ coverage.xml
 .nox/
 
 # --- Stocker runtime artifacts --------------------------------------------
-.cache/                       # council vote cache (specialist + moderator)
-training/runs/                # GRPO runs, eval rollouts, plots, LoRA adapters
+# council vote cache (specialist + moderator)
+.cache/
+# GRPO runs, eval rollouts, plots, LoRA adapters
+training/runs/
 !training/runs/.gitkeep
 results.json
 *.log
@@ -42,6 +44,10 @@ results.json
 # 3-task dataset (data/*.parquet, data/charts/*.png) IS committed.
 data/corpus/
 data/charts/cache/
+# --- Frontend (React/Vite) -------------------------------------------------
+frontend/node_modules/
+frontend/dist/
+frontend/.env.local
 
 # --- Notebook noise --------------------------------------------------------
 .ipynb_checkpoints/

CLAUDE.md

@@ -39,6 +39,7 @@ via TRL on top of `google/gemma-4-E4B-it`.
 ├── server/app.py           # OpenEnv entry point (`server.app:main`)
 ├── inference.py            # council-driven OpenEnv inference loop (root)
 ├── client.py
+├── frontend/               # Vite + React 19 + Tailwind v4 SPA (built artefact mounted by FastAPI)
 ├── scripts/                # build_dataset, render_charts, serve_vllm, validate_tasks
 ├── training/               # eval_rollout, train_grpo, runs/
 ├── tests/
@@ -47,6 +48,23 @@ via TRL on top of `google/gemma-4-E4B-it`.
 └── pyproject.toml
 ```
 
+## Frontend
+
+- Source lives in [frontend/](frontend/) — Vite + React 19 + TypeScript +
+  Tailwind v4. Single `App.tsx` with six tabs (Terminal, Council, Training,
+  Gallery, Portfolio, Intelligence).
+- Dev: `cd frontend && npm install && npm run dev` (HMR on :3000).
+- Production: `cd frontend && npm run build` emits `frontend/dist/`. FastAPI
+  serves `frontend/dist/index.html` at `/` and `/web`, and mounts
+  `frontend/dist/assets/` at `/assets` (see [app/main.py](app/main.py) and
+  [app/api/frontend.py](app/api/frontend.py)).
+- Builds are **manual**. Don't add auto-build to CI, hooks, or `npm` scripts
+  triggered from Python.
+- When `frontend/dist/` is absent, FastAPI falls back to the inline
+  `FRONTEND_HTML` string in [app/api/frontend.py](app/api/frontend.py). That
+  fallback is the lowest-common-denominator UI for headless dev/tests and
+  must keep working without Node.
+
 ## Conventions
 
 - All Pydantic schemas live in [app/models.py](app/models.py). Don't move
@@ -83,8 +101,6 @@ via TRL on top of `google/gemma-4-E4B-it`.
 
 ## Don't
 
-- Don't introduce a frontend build step — the HTML lives inline in
-  [app/api/frontend.py](app/api/frontend.py).
 - Don't bake live API calls into specialists. Council inputs come from the
   bundled parquet dataset (`app/data/loader.py`). Live sources are the data
   builder's job.
@@ -94,3 +110,7 @@ via TRL on top of `google/gemma-4-E4B-it`.
   trainer's reward replay both depend on it.
 - Don't make specialists rely on the moderator's LoRA. Specialists must
   remain frozen so their cached votes are reusable across GRPO steps.
+- Don't auto-build the React frontend from Python or CI. Builds are run by
+  hand with `npm run build`. Don't delete the inline `FRONTEND_HTML`
+  fallback in [app/api/frontend.py](app/api/frontend.py) — tests and
+  Node-less dev rely on it.

app/api/council.py

@@ -0,0 +1,30 @@
+"""Council preview endpoint: runs the 7 specialists + moderator on the
+current env state and returns the resulting CouncilDecision.
+
+Defaults to MockLLMClient so the endpoint works on a laptop with no API
+keys / GPU. The mock is deterministic per (ticker, date) and the Council
+runner caches results to .cache/council, so repeat hits are instant.
+"""
+
+from fastapi import APIRouter, HTTPException
+
+from app.council.llm import MockLLMClient
+from app.council.runner import Council
+from app.models import CouncilDecision
+
+router = APIRouter(tags=["council"])
+
+_council = Council(client=MockLLMClient(), use_cache=True)
+
+
+@router.get("/council", response_model=CouncilDecision)
+async def get_council() -> CouncilDecision:
+    import app.api.env as env_module
+
+    env = env_module.current_env
+    if not env.is_ready():
+        raise HTTPException(
+            status_code=409,
+            detail="env not initialized or episode complete — call /reset first",
+        )
+    return await _council.run_async(env.current_observation())

app/api/frontend.py

@@ -1,10 +1,19 @@
-"""Serves the embedded HTML frontend."""
+"""Serves the embedded HTML frontend.
+
+When a built React SPA exists at ``frontend/dist/index.html``, that is served at
+``/`` and ``/web``. Otherwise the inline HTML below is served as a fallback so
+the API is usable without Node tooling (and so tests do not require a build).
+"""
+
+from pathlib import Path
 
 from fastapi import APIRouter
-from fastapi.responses import HTMLResponse
+from fastapi.responses import FileResponse, HTMLResponse
 
 router = APIRouter(tags=["frontend"])
 
+DIST_INDEX = Path(__file__).resolve().parents[2] / "frontend" / "dist" / "index.html"
+
 FRONTEND_HTML = """<!DOCTYPE html>
 <html lang="en">
 <head>
@@ -119,7 +128,9 @@ async function submit() {
 </html>"""
 
 
-@router.get("/", response_class=HTMLResponse)
-@router.get("/web", response_class=HTMLResponse)
-async def index() -> HTMLResponse:
+@router.get("/")
+@router.get("/web")
+async def index():
+    if DIST_INDEX.is_file():
+        return FileResponse(DIST_INDEX)
     return HTMLResponse(content=FRONTEND_HTML)

app/api/ohlcv.py

@@ -0,0 +1,37 @@
+"""OHLCV bars for chart rendering.
+
+Returns the full per-task daily series (warmup + episode rows) so the chart
+panel has historical context. Sourced from data/prices.parquet via
+:mod:`app.data.loader`. The agent's MarketObservation is unaffected — this
+endpoint is purely a UI concern.
+"""
+
+from fastapi import APIRouter, HTTPException, Query
+
+from app.data.loader import prices
+
+router = APIRouter(tags=["ohlcv"])
+
+
+@router.get("/ohlcv")
+async def get_ohlcv(task_id: str = Query(...)) -> dict:
+    df = prices()
+    sub = df[df["task_id"] == task_id].sort_values("date")
+    if sub.empty:
+        raise HTTPException(status_code=404, detail=f"no price rows for task {task_id}")
+
+    ticker = str(sub["ticker"].iloc[0])
+    cols = ["date", "open", "high", "low", "close", "volume", "in_episode"]
+    bars = [
+        {
+            "time": str(r["date"]),
+            "open": float(r["open"]),
+            "high": float(r["high"]),
+            "low": float(r["low"]),
+            "close": float(r["close"]),
+            "volume": float(r["volume"]),
+            "in_episode": bool(r["in_episode"]),
+        }
+        for r in sub[cols].to_dict("records")
+    ]
+    return {"task_id": task_id, "ticker": ticker, "bars": bars}

app/api/router.py

@@ -2,7 +2,7 @@
 
 from fastapi import APIRouter
 
-from app.api import corpus, env, health, meta, state
+from app.api import corpus, council, env, health, meta, ohlcv, state, training
 
 api_router = APIRouter()
 api_router.include_router(health.router)
@@ -10,3 +10,6 @@ api_router.include_router(meta.router)
 api_router.include_router(env.router)
 api_router.include_router(state.router)
 api_router.include_router(corpus.router)
+api_router.include_router(ohlcv.router)
+api_router.include_router(council.router)
+api_router.include_router(training.router)

app/api/training.py

@@ -0,0 +1,60 @@
+"""Training metrics endpoint: surfaces what is actually on disk in
+``training/runs/<run>/`` — currently a per-task ``summary.csv`` with
+total_reward / final_portfolio / buy_and_hold / alpha_pct columns plus PNG
+curve plots saved by ``training/eval_rollout.py``.
+"""
+
+import csv
+from pathlib import Path
+
+from fastapi import APIRouter
+
+router = APIRouter(tags=["training"])
+
+RUNS_DIR = Path(__file__).resolve().parents[2] / "training" / "runs"
+
+
+def _latest_run() -> Path | None:
+    if not RUNS_DIR.is_dir():
+        return None
+    candidates = [p for p in RUNS_DIR.iterdir() if p.is_dir()]
+    if not candidates:
+        return None
+    return max(candidates, key=lambda p: p.stat().st_mtime)
+
+
+@router.get("/training/metrics")
+async def get_metrics() -> dict:
+    run = _latest_run()
+    if run is None:
+        return {"status": "no_runs", "summary": [], "mean_alpha_pct": 0.0}
+
+    summary_path = run / "summary.csv"
+    summary: list[dict] = []
+    if summary_path.is_file():
+        with summary_path.open() as f:
+            for row in csv.DictReader(f):
+                summary.append({
+                    "task_id": row["task_id"],
+                    "total_reward": float(row["total_reward"]),
+                    "final_portfolio": float(row["final_portfolio"]),
+                    "buy_and_hold": float(row["buy_and_hold"]),
+                    "alpha_pct": float(row["alpha_pct"]),
+                })
+
+    mean_alpha = (
+        sum(r["alpha_pct"] for r in summary) / len(summary) if summary else 0.0
+    )
+
+    def _png(name: str) -> str | None:
+        p = run / name
+        return f"/training/runs/{run.name}/{name}" if p.is_file() else None
+
+    return {
+        "status": "completed" if summary else "no_runs",
+        "run_name": run.name,
+        "summary": summary,
+        "mean_alpha_pct": round(mean_alpha, 2),
+        "reward_curve_png": _png("reward_curve.png"),
+        "portfolio_curve_png": _png("portfolio_curve.png"),
+    }

app/config.py

@@ -8,6 +8,11 @@ class Settings(BaseSettings):
     allow_origins: list[str] = ["*"]
     port: int = 7860
 
+    transaction_cost_rate: float = 0.001
+    annual_inflation_rate: float = 0.05
+    reward_weight_performance: float = 0.7
+    reward_weight_inflation: float = 0.3
+
     model_config = {"env_prefix": "STOCKER_", "case_sensitive": False}
 
 

app/core/environment.py

@@ -3,6 +3,7 @@ from __future__ import annotations
 
 import uuid
 
+from app.config import settings
 from app.core.graders import compute_step_reward, compute_trajectory_bonus
 from app.core.tasks import get_task_definition
 from app.data import loader
@@ -85,16 +86,19 @@ class StockerEnv:
             )
 
         price = self._prices[self._current_index]
-        prev_portfolio = self._cash + self._position * price
         invalid = self._apply_action(action, price)
         new_portfolio = self._cash + self._position * price
 
         result = compute_step_reward(
             action=action,
-            prev_portfolio=prev_portfolio,
             new_portfolio=new_portfolio,
             starting_cash=float(self._task["starting_cash"]),
             invalid=invalid,
+            step_index=self._current_index,
+            total_steps=len(self._prices),
+            ideal_pnl_pct_series=self._task.get("ideal_pnl_pct_series", []),
+            ideal_pnl_pct_total=float(self._task.get("ideal_pnl_pct_total", 0.0)),
+            settings=settings,
         )
         reward = result.score
 
@@ -134,6 +138,19 @@ class StockerEnv:
             },
         )
 
+    # ----------------------------------------------------------------- public
+    def is_ready(self) -> bool:
+        """True if the env has been reset and the episode is still live."""
+        return bool(self._prices) and not self._done
+
+    def current_observation(self) -> MarketObservation:
+        """Public accessor for the agent-visible observation at the current step."""
+        if not self._prices:
+            raise RuntimeError("env has not been reset yet")
+        if self._done:
+            return self._terminal_observation()
+        return self._build_observation(self._current_index)
+
     # ------------------------------------------------------------------ state
     def state(self) -> EnvironmentState:
         price = (
@@ -166,22 +183,30 @@ class StockerEnv:
 
     # ---------------------------------------------------------------- helpers
     def _apply_action(self, action: TradeAction, price: float) -> bool:
-        """Apply trade. Returns True if invalid (insufficient cash/position)."""
+        """Apply trade. Returns True if invalid (insufficient cash/position).
+
+        Buys and sells incur a transaction cost equal to
+        settings.transaction_cost_rate * trade_notional, deducted from cash.
+        """
         if action.side == "hold" or action.quantity <= 0:
             return False
 
+        rate = settings.transaction_cost_rate
+
         if action.side == "buy":
-            cost = action.quantity * price
-            if cost > self._cash:
+            notional = action.quantity * price
+            total_cost = notional * (1.0 + rate)
+            if total_cost > self._cash:
                 return True
-            self._cash -= cost
+            self._cash -= total_cost
             self._position += action.quantity
             return False
 
         if action.side == "sell":
             if action.quantity > self._position:
                 return True
-            self._cash += action.quantity * price
+            notional = action.quantity * price
+            self._cash += notional * (1.0 - rate)
             self._position -= action.quantity
             return False
 

app/core/graders.py

@@ -1,39 +1,109 @@
 """Reward and shaping for the Stocker backtest.
 
-Per-step reward = pct change in portfolio value (with a small invalid-action
-penalty). End-of-episode reward adds:
-  * alpha bonus:  +0.10 if final portfolio beats buy-and-hold by >= 1%
-  * drawdown penalty: linear in the worst drawdown observed during the episode
+Per-step reward is a weighted sum of two components:
+
+  1. Performance factor (W_PERF) — asymmetric piecewise-linear function of the
+     gap between the precomputed ideal PnL trajectory and the model's actual
+     real (inflation-adjusted) PnL at this step. Small underperformance is
+     rewarded; large underperformance is punished; outperformance gets a
+     bonus.
+  2. Inflation factor (W_INFLATION) — penalty for the share of nominal gain
+     eaten by inflation drag at this point in the episode.
+
+A small invalid-action penalty is subtracted on top. Transaction cost is not
+a separate term — it is deducted from cash at trade time inside the env, so
+nominal_pnl_pct already reflects friction.
+
+End-of-episode shaping (alpha vs. buy-and-hold + drawdown penalty) lives in
+compute_trajectory_bonus and is unchanged.
 
 All rewards are clipped to [-1.0, 1.0] in the caller (StockerEnv.step).
 """
 from __future__ import annotations
 
+from app.config import Settings
 from app.models import RewardResult, TradeAction
 
+TRADING_DAYS_PER_YEAR = 252
+INVALID_ACTION_PENALTY = 0.01
+
 
 def compute_step_reward(
+    *,
     action: TradeAction,
-    prev_portfolio: float,
     new_portfolio: float,
     starting_cash: float,
     invalid: bool,
+    step_index: int,
+    total_steps: int,
+    ideal_pnl_pct_series: list[float],
+    ideal_pnl_pct_total: float,
+    settings: Settings,
 ) -> RewardResult:
     breakdown: dict[str, float] = {}
 
-    pnl_pct = (new_portfolio - prev_portfolio) / max(prev_portfolio, 1e-9)
-    breakdown["pnl_pct"] = round(pnl_pct, 5)
+    # Cumulative nominal PnL fraction (relative to starting cash)
+    nominal_pnl_pct = (new_portfolio - starting_cash) / max(starting_cash, 1e-9)
+
+    # Inflation-adjusted real PnL, scaled by elapsed years in the episode
+    years_elapsed = max(step_index, 0) / TRADING_DAYS_PER_YEAR
+    inflation_growth = (1.0 + settings.annual_inflation_rate) ** years_elapsed - 1.0
+    real_pnl_pct = (1.0 + nominal_pnl_pct) / (1.0 + inflation_growth) - 1.0
+
+    breakdown["nominal_pnl_pct"] = round(nominal_pnl_pct, 6)
+    breakdown["real_pnl_pct"] = round(real_pnl_pct, 6)
+    breakdown["inflation_drag"] = round(inflation_growth, 6)
+
+    # Inflation factor: how much of the nominal gain was eaten by inflation.
+    # Always <= 0 (real <= nominal under positive inflation), clipped at -1.
+    inflation_factor = max(-1.0, real_pnl_pct - nominal_pnl_pct)
+    breakdown["inflation_factor"] = round(inflation_factor, 6)
+
+    # Performance factor: asymmetric piecewise linear in the gap to ideal.
+    ideal_at_step = (
+        ideal_pnl_pct_series[step_index]
+        if 0 <= step_index < len(ideal_pnl_pct_series)
+        else ideal_pnl_pct_total
+    )
+    gap = ideal_at_step - real_pnl_pct
+    scale = max(0.05, 0.5 * abs(ideal_pnl_pct_total))
+
+    if gap < 0.0:
+        # Model exceeded ideal — bonus up to +2.0 (env clip caps at +1.0).
+        performance_factor = 1.0 + min(1.0, abs(gap) / scale)
+    elif gap <= scale:
+        # Close to ideal — high reward decaying linearly toward 0.
+        performance_factor = 1.0 - gap / scale
+    else:
+        # Far behind ideal — punishment down to -1.0.
+        performance_factor = -min(1.0, (gap - scale) / scale)
+
+    breakdown["ideal_pnl_pct_at_step"] = round(ideal_at_step, 6)
+    breakdown["gap"] = round(gap, 6)
+    breakdown["performance_factor"] = round(performance_factor, 6)
+
+    # Weighted combination
+    w_perf = settings.reward_weight_performance
+    w_inf = settings.reward_weight_inflation
+    weighted_perf = w_perf * performance_factor
+    weighted_inf = w_inf * inflation_factor
+    breakdown["weighted_performance"] = round(weighted_perf, 6)
+    breakdown["weighted_inflation"] = round(weighted_inf, 6)
+
+    score = weighted_perf + weighted_inf
 
-    penalty = 0.0
     if invalid:
-        penalty = 0.01
-        breakdown["invalid_action_penalty"] = -penalty
+        score -= INVALID_ACTION_PENALTY
+        breakdown["invalid_action_penalty"] = -INVALID_ACTION_PENALTY
 
-    score = pnl_pct - penalty
-    feedback = f"{action.side}({action.quantity}) -> portfolio {new_portfolio:.2f}"
+    feedback = (
+        f"{action.side}({action.quantity}) -> portfolio {new_portfolio:.2f} "
+        f"(real {real_pnl_pct:+.3%}, ideal {ideal_at_step:+.3%}, gap {gap:+.3%})"
+    )
     if invalid:
         feedback += " [invalid: insufficient cash/position]"
-    return RewardResult(score=round(score, 5), breakdown=breakdown, feedback=feedback)
+
+    return RewardResult(score=round(score, 6), breakdown=breakdown, feedback=feedback)
 
 
 def compute_trajectory_bonus(
@@ -45,13 +115,11 @@ def compute_trajectory_bonus(
     """End-of-episode shaping: alpha bonus minus drawdown penalty."""
     bonus = 0.0
 
-    # Alpha vs. buy-and-hold (capped at +0.10)
     if buy_and_hold_value > 0:
         alpha = (final_portfolio - buy_and_hold_value) / buy_and_hold_value
         if alpha >= 0.01:
             bonus += min(0.10, alpha)
 
-    # Drawdown penalty (only if the curve is provided)
     if portfolio_curve:
         peak = portfolio_curve[0]
         max_dd = 0.0

app/core/tasks.py

@@ -10,13 +10,17 @@ The 3 stable IDs are kept so the OpenEnv contract doesn't change.
 """
 from __future__ import annotations
 
+import json
 import logging
+from pathlib import Path
 
 from app.core import corpus_tasks
 from app.data import loader
 
 logger = logging.getLogger(__name__)
 
+IDEAL_PROFITS_DIR = Path(__file__).resolve().parent.parent.parent / "data" / "ideal_profits"
+
 
 TASK_META = {
     "task_easy": {
@@ -54,6 +58,40 @@ def list_task_ids() -> list[str]:
     return list(TASK_META.keys()) + corpus_tasks.list_corpus_task_ids()
 
 
+def _load_ideal_profits(task_id: str, n_steps: int) -> tuple[list[float], float]:
+    """Load per-step ideal PnL series for a task. Returns (series, total).
+
+    Falls back to a flat zero series if the sidecar is missing — the grader
+    still runs but the performance component collapses to zero gap signal.
+    """
+    path = IDEAL_PROFITS_DIR / f"{task_id}.json"
+    if not path.exists():
+        logger.warning(
+            "Ideal-profit sidecar missing for %s at %s. "
+            "Run `python scripts/build_ideal_profit.py`. "
+            "Performance component will be flat for this episode.",
+            task_id,
+            path,
+        )
+        return [0.0] * n_steps, 0.0
+
+    payload = json.loads(path.read_text())
+    series = [float(v) for v in payload.get("ideal_pnl_pct_series", [])]
+    total = float(payload.get("ideal_pnl_pct_total", series[-1] if series else 0.0))
+
+    if len(series) != n_steps:
+        logger.warning(
+            "Ideal-profit length mismatch for %s: sidecar=%d, episode=%d. "
+            "Re-run scripts/build_ideal_profit.py.",
+            task_id, len(series), n_steps,
+        )
+        if len(series) < n_steps:
+            series = series + [series[-1] if series else 0.0] * (n_steps - len(series))
+        else:
+            series = series[:n_steps]
+    return series, total
+
+
 def get_task_definition(task_id: str) -> dict:
     if corpus_tasks.is_corpus_task(task_id):
         return corpus_tasks.get_corpus_task_definition(task_id)
@@ -67,6 +105,8 @@ def get_task_definition(task_id: str) -> dict:
         raise RuntimeError(
             f"No episode data for {task_id}. Run scripts/build_dataset.py."
         )
+    prices = rows["close"].astype(float).tolist()
+    ideal_series, ideal_total = _load_ideal_profits(task_id, len(prices))
     return {
         "task_id": task_id,
         "description": meta["description"],
@@ -74,5 +114,7 @@ def get_task_definition(task_id: str) -> dict:
         "starting_cash": meta["starting_cash"],
         "fundamentals": meta["fundamentals"],
         "dates": rows["date"].tolist(),
-        "prices": rows["close"].astype(float).tolist(),
+        "prices": prices,
+        "ideal_pnl_pct_series": ideal_series,
+        "ideal_pnl_pct_total": ideal_total,
     }

app/main.py

@@ -6,15 +6,20 @@ import logging
 import sys
 import time
 import traceback
+from pathlib import Path
 
 from fastapi import FastAPI, Request
 from fastapi.middleware.cors import CORSMiddleware
 from fastapi.responses import JSONResponse
+from fastapi.staticfiles import StaticFiles
 
 from app.api.router import api_router
 from app.api.frontend import router as frontend_router
 from app.config import settings
 
+FRONTEND_DIST = Path(__file__).resolve().parents[1] / "frontend" / "dist"
+TRAINING_RUNS = Path(__file__).resolve().parents[1] / "training" / "runs"
+
 logging.basicConfig(
     level=logging.INFO,
     format="%(levelname)s:\t%(name)s - %(message)s",
@@ -59,6 +64,18 @@ def create_app() -> FastAPI:
 
     app.include_router(api_router)
     app.include_router(frontend_router)
+
+    assets_dir = FRONTEND_DIST / "assets"
+    if assets_dir.is_dir():
+        app.mount("/assets", StaticFiles(directory=str(assets_dir)), name="assets")
+
+    if TRAINING_RUNS.is_dir():
+        app.mount(
+            "/training/runs",
+            StaticFiles(directory=str(TRAINING_RUNS)),
+            name="training-runs",
+        )
+
     return app
 
 

data/ideal_profits/task_easy.json

@@ -0,0 +1,97 @@
+{
+  "task_id": "task_easy",
+  "ticker": "AAPL",
+  "starting_cash": 10000.0,
+  "transaction_cost_rate": 0.001,
+  "ideal_pnl_pct_series": [
+    0.0,
+    0.0,
+    0.0,
+    0.0,
+    -0.000984,
+    0.003252,
+    0.003252,
+    0.003252,
+    0.002257,
+    0.010604,
+    0.010604,
+    0.010604,
+    0.009595,
+    0.012437,
+    0.020267,
+    0.028329,
+    0.04984,
+    0.0488,
+    0.061956,
+    0.071279,
+    0.094465,
+    0.115292,
+    0.11659,
+    0.125972,
+    0.126268,
+    0.126268,
+    0.12515,
+    0.129056,
+    0.13536,
+    0.13536,
+    0.134227,
+    0.14303,
+    0.141892,
+    0.161132,
+    0.167119,
+    0.167119,
+    0.165953,
+    0.171715,
+    0.179179,
+    0.179179,
+    0.178003,
+    0.179797,
+    0.182203
+  ],
+  "ideal_pnl_pct_total": 0.182203,
+  "ideal_portfolio_curve": [
+    10000.0,
+    10000.0,
+    10000.0,
+    10000.0,
+    9990.1632,
+    10032.5241,
+    10032.5241,
+    10032.5241,
+    10022.5678,
+    10106.0388,
+    10106.0388,
+    10106.0388,
+    10095.9468,
+    10124.3672,
+    10202.6666,
+    10283.2866,
+    10498.4016,
+    10487.9952,
+    10619.5649,
+    10712.785,
+    10944.6546,
+    11152.9245,
+    11165.9046,
+    11259.7153,
+    11262.6824,
+    11262.6824,
+    11251.4961,
+    11290.5558,
+    11353.5966,
+    11353.5966,
+    11342.273,
+    11430.2998,
+    11418.9242,
+    11611.3246,
+    11671.1854,
+    11671.1854,
+    11659.5321,
+    11717.1522,
+    11791.7854,
+    11791.7854,
+    11780.0257,
+    11797.9664,
+    11822.0332
+  ]
+}

data/ideal_profits/task_hard.json

@@ -0,0 +1,95 @@
+{
+  "task_id": "task_hard",
+  "ticker": "META",
+  "starting_cash": 10000.0,
+  "transaction_cost_rate": 0.001,
+  "ideal_pnl_pct_series": [
+    0.0,
+    0.0,
+    -0.000999,
+    0.010656,
+    0.021177,
+    0.064779,
+    0.064779,
+    0.064779,
+    0.064779,
+    0.064779,
+    0.063725,
+    0.075116,
+    0.075116,
+    0.07405,
+    0.078229,
+    0.078229,
+    0.078229,
+    0.077153,
+    0.133701,
+    0.133701,
+    0.132574,
+    0.156894,
+    0.16959,
+    0.168423,
+    0.168011,
+    0.16685,
+    0.168644,
+    0.168644,
+    0.167483,
+    0.191687,
+    0.190508,
+    0.256965,
+    0.255717,
+    0.258506,
+    0.258506,
+    0.258506,
+    0.257261,
+    0.330725,
+    0.330725,
+    0.329403,
+    0.345073,
+    0.345073
+  ],
+  "ideal_pnl_pct_total": 0.345073,
+  "ideal_portfolio_curve": [
+    10000.0,
+    10000.0,
+    9990.012,
+    10106.5624,
+    10211.7722,
+    10647.7856,
+    10647.7856,
+    10647.7856,
+    10647.7856,
+    10647.7856,
+    10637.2527,
+    10751.156,
+    10751.156,
+    10740.497,
+    10782.2865,
+    10782.2865,
+    10782.2865,
+    10771.5345,
+    11337.0062,
+    11337.0062,
+    11325.7448,
+    11568.9354,
+    11695.902,
+    11684.2277,
+    11680.1068,
+    11668.4966,
+    11686.4366,
+    11686.4366,
+    11674.8341,
+    11916.8671,
+    11905.0784,
+    12569.6519,
+    12557.1687,
+    12585.0644,
+    12585.0644,
+    12585.0644,
+    12572.6112,
+    13307.2496,
+    13307.2496,
+    13294.0277,
+    13450.735,
+    13450.735
+  ]
+}

data/ideal_profits/task_medium.json

@@ -0,0 +1,93 @@
+{
+  "task_id": "task_medium",
+  "ticker": "INTC",
+  "starting_cash": 10000.0,
+  "transaction_cost_rate": 0.001,
+  "ideal_pnl_pct_series": [
+    0.0,
+    0.0,
+    -0.000998,
+    -0.000572,
+    0.031624,
+    0.031624,
+    0.030594,
+    0.033249,
+    0.033249,
+    0.033249,
+    0.032217,
+    0.047449,
+    0.079033,
+    0.080601,
+    0.095609,
+    0.100089,
+    0.109283,
+    0.108179,
+    0.111877,
+    0.110769,
+    0.114897,
+    0.121003,
+    0.119886,
+    0.12322,
+    0.1221,
+    0.122027,
+    0.120909,
+    0.142213,
+    0.15999,
+    0.158834,
+    0.185253,
+    0.185253,
+    0.18407,
+    0.210331,
+    0.210331,
+    0.209123,
+    0.208196,
+    0.208196,
+    0.208196,
+    0.206991,
+    0.236178
+  ],
+  "ideal_pnl_pct_total": 0.236178,
+  "ideal_portfolio_curve": [
+    10000.0,
+    10000.0,
+    9990.0167,
+    9994.2768,
+    10316.2372,
+    10316.2372,
+    10305.9362,
+    10332.488,
+    10332.488,
+    10332.488,
+    10322.1705,
+    10474.4906,
+    10790.3306,
+    10806.0105,
+    10956.0901,
+    11000.8902,
+    11092.8308,
+    11081.7874,
+    11118.7655,
+    11107.6922,
+    11148.9731,
+    11210.0259,
+    11198.8647,
+    11232.1995,
+    11221.0016,
+    11220.2725,
+    11209.095,
+    11422.1254,
+    11599.9048,
+    11588.3379,
+    11852.5347,
+    11852.5347,
+    11840.6999,
+    12103.3111,
+    12103.3111,
+    12091.2337,
+    12081.9641,
+    12081.9641,
+    12081.9641,
+    12069.913,
+    12361.7769
+  ]
+}

frontend/.gitignore

@@ -0,0 +1,8 @@
+node_modules/
+build/
+dist/
+coverage/
+.DS_Store
+*.log
+.env*
+!.env.example

frontend/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Stocker AI | Autonomous Trading Terminal</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
+

frontend/package-lock.json

@@ -0,0 +1,2605 @@
+{
+  "name": "stocker-ai-frontend",
+  "version": "0.1.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "stocker-ai-frontend",
+      "version": "0.1.0",
+      "dependencies": {
+        "lightweight-charts": "^4.2.3",
+        "lucide-react": "^0.546.0",
+        "motion": "^12.23.24",
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0"
+      },
+      "devDependencies": {
+        "@tailwindcss/vite": "^4.1.14",
+        "@types/node": "^22.14.0",
+        "@types/react": "^19.2.14",
+        "@types/react-dom": "^19.2.3",
+        "@vitejs/plugin-react": "^5.0.4",
+        "autoprefixer": "^10.4.21",
+        "tailwindcss": "^4.1.14",
+        "typescript": "~5.8.2",
+        "vite": "^6.2.0"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
+      "integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.0.tgz",
+      "integrity": "sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz",
+      "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-compilation-targets": "^7.28.6",
+        "@babel/helper-module-transforms": "^7.28.6",
+        "@babel/helpers": "^7.28.6",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/traverse": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/remapping": "^2.3.5",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "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==",
+      "dev": true,
+      "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-compilation-targets": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz",
+      "integrity": "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.28.6",
+        "@babel/helper-validator-option": "^7.27.1",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz",
+      "integrity": "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.28.6",
+        "@babel/types": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz",
+      "integrity": "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.28.6",
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "@babel/traverse": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.28.6.tgz",
+      "integrity": "sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==",
+      "dev": true,
+      "license": "MIT",
+      "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==",
+      "dev": true,
+      "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==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.29.2",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.2.tgz",
+      "integrity": "sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.29.0"
+      },
+      "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==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.29.0"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-self": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.27.1.tgz",
+      "integrity": "sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-source": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.27.1.tgz",
+      "integrity": "sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.27.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz",
+      "integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.28.6",
+        "@babel/parser": "^7.28.6",
+        "@babel/types": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.0.tgz",
+      "integrity": "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.29.0",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.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==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.25.12.tgz",
+      "integrity": "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.25.12.tgz",
+      "integrity": "sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.25.12.tgz",
+      "integrity": "sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.25.12.tgz",
+      "integrity": "sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.25.12.tgz",
+      "integrity": "sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.25.12.tgz",
+      "integrity": "sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.25.12.tgz",
+      "integrity": "sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.25.12.tgz",
+      "integrity": "sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.25.12.tgz",
+      "integrity": "sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.25.12.tgz",
+      "integrity": "sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.25.12.tgz",
+      "integrity": "sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.25.12.tgz",
+      "integrity": "sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.25.12.tgz",
+      "integrity": "sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.25.12.tgz",
+      "integrity": "sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.25.12.tgz",
+      "integrity": "sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.25.12.tgz",
+      "integrity": "sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.25.12.tgz",
+      "integrity": "sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.25.12.tgz",
+      "integrity": "sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.25.12.tgz",
+      "integrity": "sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.25.12.tgz",
+      "integrity": "sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.25.12.tgz",
+      "integrity": "sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.25.12.tgz",
+      "integrity": "sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.25.12.tgz",
+      "integrity": "sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.25.12.tgz",
+      "integrity": "sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "dev": true,
+      "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==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.3.tgz",
+      "integrity": "sha512-eybk3TjzzzV97Dlj5c+XrBFW57eTNhzod66y9HrBlzJ6NsCrWCp/2kaPS3K9wJmurBC0Tdw4yPjXKZqlznim3Q==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.60.2.tgz",
+      "integrity": "sha512-dnlp69efPPg6Uaw2dVqzWRfAWRnYVb1XJ8CyyhIbZeaq4CA5/mLeZ1IEt9QqQxmbdvagjLIm2ZL8BxXv5lH4Yw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.60.2.tgz",
+      "integrity": "sha512-OqZTwDRDchGRHHm/hwLOL7uVPB9aUvI0am/eQuWMNyFHf5PSEQmyEeYYheA0EPPKUO/l0uigCp+iaTjoLjVoHg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.60.2.tgz",
+      "integrity": "sha512-UwRE7CGpvSVEQS8gUMBe1uADWjNnVgP3Iusyda1nSRwNDCsRjnGc7w6El6WLQsXmZTbLZx9cecegumcitNfpmA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.60.2.tgz",
+      "integrity": "sha512-gjEtURKLCC5VXm1I+2i1u9OhxFsKAQJKTVB8WvDAHF+oZlq0GTVFOlTlO1q3AlCTE/DF32c16ESvfgqR7343/g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.60.2.tgz",
+      "integrity": "sha512-Bcl6CYDeAgE70cqZaMojOi/eK63h5Me97ZqAQoh77VPjMysA/4ORQBRGo3rRy45x4MzVlU9uZxs8Uwy7ZaKnBw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.60.2.tgz",
+      "integrity": "sha512-LU+TPda3mAE2QB0/Hp5VyeKJivpC6+tlOXd1VMoXV/YFMvk/MNk5iXeBfB4MQGRWyOYVJ01625vjkr0Az98OJQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.60.2.tgz",
+      "integrity": "sha512-2QxQrM+KQ7DAW4o22j+XZ6RKdxjLD7BOWTP0Bv0tmjdyhXSsr2Ul1oJDQqh9Zf5qOwTuTc7Ek83mOFaKnodPjg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.60.2.tgz",
+      "integrity": "sha512-TbziEu2DVsTEOPif2mKWkMeDMLoYjx95oESa9fkQQK7r/Orta0gnkcDpzwufEcAO2BLBsD7mZkXGFqEdMRRwfw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.60.2.tgz",
+      "integrity": "sha512-bO/rVDiDUuM2YfuCUwZ1t1cP+/yqjqz+Xf2VtkdppefuOFS2OSeAfgafaHNkFn0t02hEyXngZkxtGqXcXwO8Rg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.60.2.tgz",
+      "integrity": "sha512-hr26p7e93Rl0Za+JwW7EAnwAvKkehh12BU1Llm9Ykiibg4uIr2rbpxG9WCf56GuvidlTG9KiiQT/TXT1yAWxTA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-gnu": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.60.2.tgz",
+      "integrity": "sha512-pOjB/uSIyDt+ow3k/RcLvUAOGpysT2phDn7TTUB3n75SlIgZzM6NKAqlErPhoFU+npgY3/n+2HYIQVbF70P9/A==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-musl": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.60.2.tgz",
+      "integrity": "sha512-2/w+q8jszv9Ww1c+6uJT3OwqhdmGP2/4T17cu8WuwyUuuaCDDJ2ojdyYwZzCxx0GcsZBhzi3HmH+J5pZNXnd+Q==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.60.2.tgz",
+      "integrity": "sha512-11+aL5vKheYgczxtPVVRhdptAM2H7fcDR5Gw4/bTcteuZBlH4oP9f5s9zYO9aGZvoGeBpqXI/9TZZihZ609wKw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-musl": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.60.2.tgz",
+      "integrity": "sha512-i16fokAGK46IVZuV8LIIwMdtqhin9hfYkCh8pf8iC3QU3LpwL+1FSFGej+O7l3E/AoknL6Dclh2oTdnRMpTzFQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.60.2.tgz",
+      "integrity": "sha512-49FkKS6RGQoriDSK/6E2GkAsAuU5kETFCh7pG4yD/ylj9rKhTmO3elsnmBvRD4PgJPds5W2PkhC82aVwmUcJ7A==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.60.2.tgz",
+      "integrity": "sha512-mjYNkHPfGpUR00DuM1ZZIgs64Hpf4bWcz9Z41+4Q+pgDx73UwWdAYyf6EG/lRFldmdHHzgrYyge5akFUW0D3mQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.60.2.tgz",
+      "integrity": "sha512-ALyvJz965BQk8E9Al/JDKKDLH2kfKFLTGMlgkAbbYtZuJt9LU8DW3ZoDMCtQpXAltZxwBHevXz5u+gf0yA0YoA==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.60.2.tgz",
+      "integrity": "sha512-UQjrkIdWrKI626Du8lCQ6MJp/6V1LAo2bOK9OTu4mSn8GGXIkPXk/Vsp4bLHCd9Z9Iz2OTEaokUE90VweJgIYQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.60.2.tgz",
+      "integrity": "sha512-bTsRGj6VlSdn/XD4CGyzMnzaBs9bsRxy79eTqTCBsA8TMIEky7qg48aPkvJvFe1HyzQ5oMZdg7AnVlWQSKLTnw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-openbsd-x64": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.60.2.tgz",
+      "integrity": "sha512-6d4Z3534xitaA1FcMWP7mQPq5zGwBmGbhphh2DwaA1aNIXUu3KTOfwrWpbwI4/Gr0uANo7NTtaykFyO2hPuFLg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-openharmony-arm64": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.60.2.tgz",
+      "integrity": "sha512-NetAg5iO2uN7eB8zE5qrZ3CSil+7IJt4WDFLcC75Ymywq1VZVD6qJ6EvNLjZ3rEm6gB7XW5JdT60c6MN35Z85Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.60.2.tgz",
+      "integrity": "sha512-NCYhOotpgWZ5kdxCZsv6Iudx0wX8980Q/oW4pNFNihpBKsDbEA1zpkfxJGC0yugsUuyDZ7gL37dbzwhR0VI7pQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.60.2.tgz",
+      "integrity": "sha512-RXsaOqXxfoUBQoOgvmmijVxJnW2IGB0eoMO7F8FAjaj0UTywUO/luSqimWBJn04WNgUkeNhh7fs7pESXajWmkg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-gnu": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.60.2.tgz",
+      "integrity": "sha512-qdAzEULD+/hzObedtmV6iBpdL5TIbKVztGiK7O3/KYSf+HIzU257+MX1EXJcyIiDbMAqmbwaufcYPvyRryeZtA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.60.2.tgz",
+      "integrity": "sha512-Nd/SgG27WoA9e+/TdK74KnHz852TLa94ovOYySo/yMPuTmpckK/jIF2jSwS3g7ELSKXK13/cVdmg1Z/DaCWKxA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@tailwindcss/node": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.2.4.tgz",
+      "integrity": "sha512-Ai7+yQPxz3ddrDQzFfBKdHEVBg0w3Zl83jnjuwxnZOsnH9pGn93QHQtpU0p/8rYWxvbFZHneni6p1BSLK4DkGA==",
+      "dev": true,
+      "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.4"
+      }
+    },
+    "node_modules/@tailwindcss/oxide": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.2.4.tgz",
+      "integrity": "sha512-9El/iI069DKDSXwTvB9J4BwdO5JhRrOweGaK25taBAvBXyXqJAX+Jqdvs8r8gKpsI/1m0LeJLyQYTf/WLrBT1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 20"
+      },
+      "optionalDependencies": {
+        "@tailwindcss/oxide-android-arm64": "4.2.4",
+        "@tailwindcss/oxide-darwin-arm64": "4.2.4",
+        "@tailwindcss/oxide-darwin-x64": "4.2.4",
+        "@tailwindcss/oxide-freebsd-x64": "4.2.4",
+        "@tailwindcss/oxide-linux-arm-gnueabihf": "4.2.4",
+        "@tailwindcss/oxide-linux-arm64-gnu": "4.2.4",
+        "@tailwindcss/oxide-linux-arm64-musl": "4.2.4",
+        "@tailwindcss/oxide-linux-x64-gnu": "4.2.4",
+        "@tailwindcss/oxide-linux-x64-musl": "4.2.4",
+        "@tailwindcss/oxide-wasm32-wasi": "4.2.4",
+        "@tailwindcss/oxide-win32-arm64-msvc": "4.2.4",
+        "@tailwindcss/oxide-win32-x64-msvc": "4.2.4"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-android-arm64": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.2.4.tgz",
+      "integrity": "sha512-e7MOr1SAn9U8KlZzPi1ZXGZHeC5anY36qjNwmZv9pOJ8E4Q6jmD1vyEHkQFmNOIN7twGPEMXRHmitN4zCMN03g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-arm64": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.2.4.tgz",
+      "integrity": "sha512-tSC/Kbqpz/5/o/C2sG7QvOxAKqyd10bq+ypZNf+9Fi2TvbVbv1zNpcEptcsU7DPROaSbVgUXmrzKhurFvo5eDg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-darwin-x64": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.2.4.tgz",
+      "integrity": "sha512-yPyUXn3yO/ufR6+Kzv0t4fCg2qNr90jxXc5QqBpjlPNd0NqyDXcmQb/6weunH/MEDXW5dhyEi+agTDiqa3WsGg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-freebsd-x64": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.2.4.tgz",
+      "integrity": "sha512-BoMIB4vMQtZsXdGLVc2z+P9DbETkiopogfWZKbWwM8b/1Vinbs4YcUwo+kM/KeLkX3Ygrf4/PsRndKaYhS8Eiw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.2.4.tgz",
+      "integrity": "sha512-7pIHBLTHYRAlS7V22JNuTh33yLH4VElwKtB3bwchK/UaKUPpQ0lPQiOWcbm4V3WP2I6fNIJ23vABIvoy2izdwA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-gnu": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.2.4.tgz",
+      "integrity": "sha512-+E4wxJ0ZGOzSH325reXTWB48l42i93kQqMvDyz5gqfRzRZ7faNhnmvlV4EPGJU3QJM/3Ab5jhJ5pCRUsKn6OQw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-arm64-musl": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.2.4.tgz",
+      "integrity": "sha512-bBADEGAbo4ASnppIziaQJelekCxdMaxisrk+fB7Thit72IBnALp9K6ffA2G4ruj90G9XRS2VQ6q2bCKbfFV82g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-gnu": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.2.4.tgz",
+      "integrity": "sha512-7Mx25E4WTfnht0TVRTyC00j3i0M+EeFe7wguMDTlX4mRxafznw0CA8WJkFjWYH5BlgELd1kSjuU2JiPnNZbJDA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-linux-x64-musl": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.2.4.tgz",
+      "integrity": "sha512-2wwJRF7nyhOR0hhHoChc04xngV3iS+akccHTGtz965FwF0up4b2lOdo6kI1EbDaEXKgvcrFBYcYQQ/rrnWFVfA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-wasm32-wasi": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.2.4.tgz",
+      "integrity": "sha512-FQsqApeor8Fo6gUEklzmaa9994orJZZDBAlQpK2Mq+DslRKFJeD6AjHpBQ0kZFQohVr8o85PPh8eOy86VlSCmw==",
+      "bundleDependencies": [
+        "@napi-rs/wasm-runtime",
+        "@emnapi/core",
+        "@emnapi/runtime",
+        "@tybys/wasm-util",
+        "@emnapi/wasi-threads",
+        "tslib"
+      ],
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
+      "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.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.2.4.tgz",
+      "integrity": "sha512-L9BXqxC4ToVgwMFqj3pmZRqyHEztulpUJzCxUtLjobMCzTPsGt1Fa9enKbOpY2iIyVtaHNeNvAK8ERP/64sqGQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/oxide-win32-x64-msvc": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.2.4.tgz",
+      "integrity": "sha512-ESlKG0EpVJQwRjXDDa9rLvhEAh0mhP1sF7sap9dNZT0yyl9SAG6T7gdP09EH0vIv0UNTlo6jPWyujD6559fZvw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 20"
+      }
+    },
+    "node_modules/@tailwindcss/vite": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/vite/-/vite-4.2.4.tgz",
+      "integrity": "sha512-pCvohwOCspk3ZFn6eJzrrX3g4n2JY73H6MmYC87XfGPyTty4YsCjYTMArRZm/zOI8dIt3+EcrLHAFPe5A4bgtw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@tailwindcss/node": "4.2.4",
+        "@tailwindcss/oxide": "4.2.4",
+        "tailwindcss": "4.2.4"
+      },
+      "peerDependencies": {
+        "vite": "^5.2.0 || ^6 || ^7 || ^8"
+      }
+    },
+    "node_modules/@types/babel__core": {
+      "version": "7.20.5",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7",
+        "@types/babel__generator": "*",
+        "@types/babel__template": "*",
+        "@types/babel__traverse": "*"
+      }
+    },
+    "node_modules/@types/babel__generator": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz",
+      "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__template": {
+      "version": "7.4.4",
+      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+      "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.1.0",
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__traverse": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.28.0.tgz",
+      "integrity": "sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.28.2"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/node": {
+      "version": "22.19.17",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-22.19.17.tgz",
+      "integrity": "sha512-wGdMcf+vPYM6jikpS/qhg6WiqSV/OhG+jeeHT/KlVqxYfD40iYJf9/AE1uQxVWFvU7MipKRkRv8NSHiCGgPr8Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~6.21.0"
+      }
+    },
+    "node_modules/@types/react": {
+      "version": "19.2.14",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.14.tgz",
+      "integrity": "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "csstype": "^3.2.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
+      "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^19.2.0"
+      }
+    },
+    "node_modules/@vitejs/plugin-react": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-5.2.0.tgz",
+      "integrity": "sha512-YmKkfhOAi3wsB1PhJq5Scj3GXMn3WvtQ/JC0xoopuHoXSdmtdStOpFrYaT1kie2YgFBcIe64ROzMYRjCrYOdYw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.29.0",
+        "@babel/plugin-transform-react-jsx-self": "^7.27.1",
+        "@babel/plugin-transform-react-jsx-source": "^7.27.1",
+        "@rolldown/pluginutils": "1.0.0-rc.3",
+        "@types/babel__core": "^7.20.5",
+        "react-refresh": "^0.18.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "peerDependencies": {
+        "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/autoprefixer": {
+      "version": "10.5.0",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.5.0.tgz",
+      "integrity": "sha512-FMhOoZV4+qR6aTUALKX2rEqGG+oyATvwBt9IIzVR5rMa2HRWPkxf+P+PAJLD1I/H5/II+HuZcBJYEFBpq39ong==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.28.2",
+        "caniuse-lite": "^1.0.30001787",
+        "fraction.js": "^5.3.4",
+        "picocolors": "^1.1.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.10.22",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.22.tgz",
+      "integrity": "sha512-6qruVrb5rse6WylFkU0FhBKKGuecWseqdpQfhkawn6ztyk2QlfwSRjsDxMCLJrkfmfN21qvhl9ABgaMeRkuwww==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.28.2",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.2.tgz",
+      "integrity": "sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "baseline-browser-mapping": "^2.10.12",
+        "caniuse-lite": "^1.0.30001782",
+        "electron-to-chromium": "^1.5.328",
+        "node-releases": "^2.0.36",
+        "update-browserslist-db": "^1.2.3"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001790",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001790.tgz",
+      "integrity": "sha512-bOoxfJPyYo+ds6W0YfptaCWbFnJYjh2Y1Eow5lRv+vI2u8ganPZqNm1JwNh0t2ELQCqIWg4B3dWEusgAmsoyOw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "dev": true,
+      "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==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "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==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.344",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.344.tgz",
+      "integrity": "sha512-4MxfbmNDm+KPh066EZy+eUnkcDPcZ35wNmOWzFuh/ijvHsve6kbLTLURy88uCNK5FbpN+yk2nQY6BYh1GEt+wg==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/enhanced-resolve": {
+      "version": "5.21.0",
+      "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.21.0.tgz",
+      "integrity": "sha512-otxSQPw4lkOZWkHpB3zaEQs6gWYEsmX4xQF68ElXC/TWvGxGMSGOvoNbaLXm6/cS/fSfHtsEdw90y20PCd+sCA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "graceful-fs": "^4.2.4",
+        "tapable": "^2.3.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.25.12",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz",
+      "integrity": "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.25.12",
+        "@esbuild/android-arm": "0.25.12",
+        "@esbuild/android-arm64": "0.25.12",
+        "@esbuild/android-x64": "0.25.12",
+        "@esbuild/darwin-arm64": "0.25.12",
+        "@esbuild/darwin-x64": "0.25.12",
+        "@esbuild/freebsd-arm64": "0.25.12",
+        "@esbuild/freebsd-x64": "0.25.12",
+        "@esbuild/linux-arm": "0.25.12",
+        "@esbuild/linux-arm64": "0.25.12",
+        "@esbuild/linux-ia32": "0.25.12",
+        "@esbuild/linux-loong64": "0.25.12",
+        "@esbuild/linux-mips64el": "0.25.12",
+        "@esbuild/linux-ppc64": "0.25.12",
+        "@esbuild/linux-riscv64": "0.25.12",
+        "@esbuild/linux-s390x": "0.25.12",
+        "@esbuild/linux-x64": "0.25.12",
+        "@esbuild/netbsd-arm64": "0.25.12",
+        "@esbuild/netbsd-x64": "0.25.12",
+        "@esbuild/openbsd-arm64": "0.25.12",
+        "@esbuild/openbsd-x64": "0.25.12",
+        "@esbuild/openharmony-arm64": "0.25.12",
+        "@esbuild/sunos-x64": "0.25.12",
+        "@esbuild/win32-arm64": "0.25.12",
+        "@esbuild/win32-ia32": "0.25.12",
+        "@esbuild/win32-x64": "0.25.12"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/fancy-canvas": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fancy-canvas/-/fancy-canvas-2.1.0.tgz",
+      "integrity": "sha512-nifxXJ95JNLFR2NgRV4/MxVP45G9909wJTEKz5fg/TZS20JJZA6hfgRVh/bC9bwl2zBtBNcYPjiBE4njQHVBwQ==",
+      "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==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/fraction.js": {
+      "version": "5.3.4",
+      "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-5.3.4.tgz",
+      "integrity": "sha512-1X1NTtiJphryn/uLQz3whtY6jK3fTqoE3ohKs0tT+Ujr1W59oopxmoEh7Lu5p6vBaPbgoM0bzveAW4Qi5RyWDQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/rawify"
+      }
+    },
+    "node_modules/framer-motion": {
+      "version": "12.38.0",
+      "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.38.0.tgz",
+      "integrity": "sha512-rFYkY/pigbcswl1XQSb7q424kSTQ8q6eAC+YUsSKooHQYuLdzdHjrt6uxUC+PRAO++q5IS7+TamgIw1AphxR+g==",
+      "license": "MIT",
+      "dependencies": {
+        "motion-dom": "^12.38.0",
+        "motion-utils": "^12.36.0",
+        "tslib": "^2.4.0"
+      },
+      "peerDependencies": {
+        "@emotion/is-prop-valid": "*",
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/is-prop-valid": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "react-dom": {
+          "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==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.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==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/jiti": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.6.1.tgz",
+      "integrity": "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jiti": "lib/jiti-cli.mjs"
+      }
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "dev": true,
+      "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==",
+      "dev": true,
+      "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==",
+      "dev": true,
+      "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"
+      ],
+      "dev": true,
+      "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"
+      ],
+      "dev": true,
+      "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"
+      ],
+      "dev": true,
+      "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"
+      ],
+      "dev": true,
+      "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"
+      ],
+      "dev": true,
+      "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"
+      ],
+      "dev": true,
+      "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"
+      ],
+      "dev": true,
+      "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"
+      ],
+      "dev": true,
+      "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"
+      ],
+      "dev": true,
+      "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"
+      ],
+      "dev": true,
+      "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"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightweight-charts": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/lightweight-charts/-/lightweight-charts-4.2.3.tgz",
+      "integrity": "sha512-5kS/2hY3wNYNzhnS8Gb+GAS07DX8GPF2YVDnd2NMC85gJVQ6RLU6YrXNgNJ6eg0AnWPwCnvaGtYmGky3HiLQEw==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "fancy-canvas": "2.1.0"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/lucide-react": {
+      "version": "0.546.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.546.0.tgz",
+      "integrity": "sha512-Z94u6fKT43lKeYHiVyvyR8fT7pwCzDu7RyMPpTvh054+xahSgj4HFQ+NmflvzdXsoAjYGdCguGaFKYuvq0ThCQ==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "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==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "node_modules/motion": {
+      "version": "12.38.0",
+      "resolved": "https://registry.npmjs.org/motion/-/motion-12.38.0.tgz",
+      "integrity": "sha512-uYfXzeHlgThchzwz5Te47dlv5JOUC7OB4rjJ/7XTUgtBZD8CchMN8qEJ4ZVsUmTyYA44zjV0fBwsiktRuFnn+w==",
+      "license": "MIT",
+      "dependencies": {
+        "framer-motion": "^12.38.0",
+        "tslib": "^2.4.0"
+      },
+      "peerDependencies": {
+        "@emotion/is-prop-valid": "*",
+        "react": "^18.0.0 || ^19.0.0",
+        "react-dom": "^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@emotion/is-prop-valid": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/motion-dom": {
+      "version": "12.38.0",
+      "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.38.0.tgz",
+      "integrity": "sha512-pdkHLD8QYRp8VfiNLb8xIBJis1byQ9gPT3Jnh2jqfFtAsWUA3dEepDlsWe/xMpO8McV+VdpKVcp+E+TGJEtOoA==",
+      "license": "MIT",
+      "dependencies": {
+        "motion-utils": "^12.36.0"
+      }
+    },
+    "node_modules/motion-utils": {
+      "version": "12.36.0",
+      "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.36.0.tgz",
+      "integrity": "sha512-eHWisygbiwVvf6PZ1vhaHCLamvkSbPIeAYxWUuL3a2PD/TROgE7FvfHWTIH4vMl798QLfMw15nRqIaRDXTlYRg==",
+      "license": "MIT"
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "dev": true,
+      "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==",
+      "dev": true,
+      "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/node-releases": {
+      "version": "2.0.38",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.38.tgz",
+      "integrity": "sha512-3qT/88Y3FbH/Kx4szpQQ4HzUbVrHPKTLVpVocKiLfoYvw9XSGOX2FmD2d6DrXbVYyAQTF2HeF6My8jmzx7/CRw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "dev": true,
+      "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==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.10",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.10.tgz",
+      "integrity": "sha512-pMMHxBOZKFU6HgAZ4eyGnwXF/EvPGGqUr0MnZ5+99485wwW41kW91A4LOGxSHhgugZmSChL5AlElNdwlNgcnLQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/react": {
+      "version": "19.2.5",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.5.tgz",
+      "integrity": "sha512-llUJLzz1zTUBrskt2pwZgLq59AemifIftw4aB7JxOqf1HY2FDaGDxgwpAPVzHU1kdWabH7FauP4i1oEeer2WCA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.2.5",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.5.tgz",
+      "integrity": "sha512-J5bAZz+DXMMwW/wV3xzKke59Af6CHY7G4uYLN1OvBcKEsWOs4pQExj86BBKamxl/Ik5bx9whOrvBlSDfWzgSag==",
+      "license": "MIT",
+      "dependencies": {
+        "scheduler": "^0.27.0"
+      },
+      "peerDependencies": {
+        "react": "^19.2.5"
+      }
+    },
+    "node_modules/react-refresh": {
+      "version": "0.18.0",
+      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.18.0.tgz",
+      "integrity": "sha512-QgT5//D3jfjJb6Gsjxv0Slpj23ip+HtOpnNgnb2S5zU3CB26G/IDPGoy4RJB42wzFE46DRsstbW6tKHoKbhAxw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "4.60.2",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.60.2.tgz",
+      "integrity": "sha512-J9qZyW++QK/09NyN/zeO0dG/1GdGfyp9lV8ajHnRVLfo/uFsbji5mHnDgn/qYdUHyCkM2N+8VyspgZclfAh0eQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.8"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.60.2",
+        "@rollup/rollup-android-arm64": "4.60.2",
+        "@rollup/rollup-darwin-arm64": "4.60.2",
+        "@rollup/rollup-darwin-x64": "4.60.2",
+        "@rollup/rollup-freebsd-arm64": "4.60.2",
+        "@rollup/rollup-freebsd-x64": "4.60.2",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.60.2",
+        "@rollup/rollup-linux-arm-musleabihf": "4.60.2",
+        "@rollup/rollup-linux-arm64-gnu": "4.60.2",
+        "@rollup/rollup-linux-arm64-musl": "4.60.2",
+        "@rollup/rollup-linux-loong64-gnu": "4.60.2",
+        "@rollup/rollup-linux-loong64-musl": "4.60.2",
+        "@rollup/rollup-linux-ppc64-gnu": "4.60.2",
+        "@rollup/rollup-linux-ppc64-musl": "4.60.2",
+        "@rollup/rollup-linux-riscv64-gnu": "4.60.2",
+        "@rollup/rollup-linux-riscv64-musl": "4.60.2",
+        "@rollup/rollup-linux-s390x-gnu": "4.60.2",
+        "@rollup/rollup-linux-x64-gnu": "4.60.2",
+        "@rollup/rollup-linux-x64-musl": "4.60.2",
+        "@rollup/rollup-openbsd-x64": "4.60.2",
+        "@rollup/rollup-openharmony-arm64": "4.60.2",
+        "@rollup/rollup-win32-arm64-msvc": "4.60.2",
+        "@rollup/rollup-win32-ia32-msvc": "4.60.2",
+        "@rollup/rollup-win32-x64-gnu": "4.60.2",
+        "@rollup/rollup-win32-x64-msvc": "4.60.2",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/scheduler": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
+      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
+      "license": "MIT"
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "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==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/tailwindcss": {
+      "version": "4.2.4",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.2.4.tgz",
+      "integrity": "sha512-HhKppgO81FQof5m6TEnuBWCZGgfRAWbaeOaGT00KOy/Pf/j6oUihdvBpA7ltCeAvZpFhW3j0PTclkxsd4IXYDA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/tapable": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.3.tgz",
+      "integrity": "sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/webpack"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.16",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz",
+      "integrity": "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
+    "node_modules/typescript": {
+      "version": "5.8.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.8.3.tgz",
+      "integrity": "sha512-p1diW6TqL9L07nNxvRMM7hMMw4c5XOo/1ibL4aAIGmSAt9slTE1Xgw5KWuof2uTOvCg9BY7ZRi+GaF+7sfgPeQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/undici-types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
+      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/vite": {
+      "version": "6.4.2",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-6.4.2.tgz",
+      "integrity": "sha512-2N/55r4JDJ4gdrCvGgINMy+HH3iRpNIz8K6SFwVsA+JbQScLiC+clmAxBgwiSPgcG9U15QmvqCGWzMbqda5zGQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.25.0",
+        "fdir": "^6.4.4",
+        "picomatch": "^4.0.2",
+        "postcss": "^8.5.3",
+        "rollup": "^4.34.9",
+        "tinyglobby": "^0.2.13"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || ^20.0.0 || >=22.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^18.0.0 || ^20.0.0 || >=22.0.0",
+        "jiti": ">=1.21.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "sass-embedded": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "jiti": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "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/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "dev": true,
+      "license": "ISC"
+    }
+  }
+}

frontend/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "stocker-ai-frontend",
+  "private": true,
+  "version": "0.1.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite --port=3000 --host=0.0.0.0",
+    "build": "vite build",
+    "preview": "vite preview",
+    "clean": "rm -rf dist",
+    "lint": "tsc --noEmit"
+  },
+  "dependencies": {
+    "lightweight-charts": "^4.2.3",
+    "lucide-react": "^0.546.0",
+    "motion": "^12.23.24",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.1.14",
+    "@types/node": "^22.14.0",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.0.4",
+    "autoprefixer": "^10.4.21",
+    "tailwindcss": "^4.1.14",
+    "typescript": "~5.8.2",
+    "vite": "^6.2.0"
+  }
+}

frontend/src/App.tsx

@@ -0,0 +1,1554 @@
+/**
+ * @license
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { useEffect, useMemo, useRef, useState } from 'react';
+import {
+  Monitor,
+  Users,
+  TrendingUp,
+  Library,
+  Wallet,
+  Brain,
+  FileText,
+  LifeBuoy,
+  Bell,
+  CreditCard,
+  User,
+  Search,
+  ChevronUp,
+  Cpu,
+  BarChart3,
+  Globe,
+  Newspaper,
+  Zap,
+  Activity,
+  Calendar,
+  LineChart,
+} from 'lucide-react';
+import { motion, AnimatePresence } from 'motion/react';
+import {
+  CrosshairMode,
+  ColorType,
+  createChart,
+  type IChartApi,
+  type ISeriesApi,
+} from 'lightweight-charts';
+
+import {
+  api,
+  SPECIALIST_DISPLAY,
+  statusFromSignal,
+  useStockerEnv,
+  type CouncilDecision,
+  type EnvironmentState,
+  type MarketObservation,
+  type OhlcvBar,
+  type OhlcvResponse,
+  type Side,
+  type StockerEnv,
+  type TrainingMetrics,
+} from './api';
+
+// --------------------------------------------------------------------- atoms
+const SidebarItem = ({
+  icon: Icon,
+  label,
+  active,
+  onClick,
+}: {
+  icon: any;
+  label: string;
+  active: boolean;
+  onClick: () => void;
+}) => (
+  <button
+    onClick={onClick}
+    className={`w-full flex items-center gap-3 px-4 py-2.5 rounded-lg transition-all duration-200 group relative ${
+      active
+        ? 'text-[#00FF41] bg-gradient-to-r from-[#00FF41]/10 to-transparent border-l-2 border-[#00FF41]'
+        : 'text-neutral-400 hover:bg-white/5 hover:text-[#00FF41] hover:translate-x-1'
+    }`}
+  >
+    <Icon className={`w-5 h-5 ${active ? 'text-[#00FF41]' : 'group-hover:text-[#00FF41]'}`} />
+    <span className="font-medium text-[13px] tracking-tight">{label}</span>
+  </button>
+);
+
+const AgentCard = ({
+  title,
+  icon: Icon,
+  stat,
+  color,
+  children,
+  active,
+}: {
+  title: string;
+  icon: any;
+  stat?: string;
+  color: string;
+  children: any;
+  active?: boolean;
+}) => (
+  <div
+    className={`glass-panel rounded-xl flex flex-col transition-all duration-300 group hover:border-${color}/40 ${
+      active ? `border-${color}/30 shadow-[0_0_30px_rgba(115,31,255,0.1)]` : ''
+    }`}
+  >
+    <div className="p-3 px-4 border-b border-white/5 flex justify-between items-center bg-white/[0.02]">
+      <div className="flex items-center gap-2">
+        <Icon className={`w-4 h-4 text-${color}`} />
+        <h3 className="font-semibold text-sm text-[#e5e2e1]">{title}</h3>
+      </div>
+      {stat && <span className={`font-mono text-xs font-bold text-${color}`}>{stat}</span>}
+    </div>
+    <div className="p-4 flex-1 flex flex-col gap-3">{children}</div>
+  </div>
+);
+
+// ---------------------------------------------------------------------- chart
+
+const CandlestickChart = ({ bars }: { bars: OhlcvBar[] }) => {
+  const containerRef = useRef<HTMLDivElement | null>(null);
+  const chartRef = useRef<IChartApi | null>(null);
+  const candleRef = useRef<ISeriesApi<'Candlestick'> | null>(null);
+  const volumeRef = useRef<ISeriesApi<'Histogram'> | null>(null);
+
+  // mount once
+  useEffect(() => {
+    if (!containerRef.current) return;
+    const chart = createChart(containerRef.current, {
+      layout: {
+        background: { type: ColorType.Solid, color: 'transparent' },
+        textColor: '#a3a3a3',
+        fontFamily: 'JetBrains Mono, ui-monospace, monospace',
+      },
+      grid: {
+        vertLines: { color: 'rgba(255,255,255,0.04)' },
+        horzLines: { color: 'rgba(255,255,255,0.04)' },
+      },
+      timeScale: {
+        borderVisible: false,
+        timeVisible: false,
+        secondsVisible: false,
+      },
+      rightPriceScale: {
+        borderVisible: false,
+        scaleMargins: { top: 0.05, bottom: 0.28 },
+      },
+      crosshair: {
+        mode: CrosshairMode.Normal,
+        vertLine: { color: 'rgba(0,255,65,0.3)', width: 1, style: 3, labelBackgroundColor: '#00FF41' },
+        horzLine: { color: 'rgba(0,255,65,0.3)', width: 1, style: 3, labelBackgroundColor: '#00FF41' },
+      },
+      autoSize: false,
+    });
+    chartRef.current = chart;
+
+    candleRef.current = chart.addCandlestickSeries({
+      upColor: '#00FF41',
+      downColor: '#ffb4ab',
+      wickUpColor: '#00FF41',
+      wickDownColor: '#ffb4ab',
+      borderVisible: false,
+    });
+
+    volumeRef.current = chart.addHistogramSeries({
+      priceFormat: { type: 'volume' },
+      priceScaleId: '',
+      color: 'rgba(0,255,65,0.3)',
+    });
+    volumeRef.current.priceScale().applyOptions({
+      scaleMargins: { top: 0.78, bottom: 0 },
+    });
+
+    const ro = new ResizeObserver((entries) => {
+      const rect = entries[0]?.contentRect;
+      if (rect) chart.applyOptions({ width: Math.floor(rect.width), height: Math.floor(rect.height) });
+    });
+    ro.observe(containerRef.current);
+
+    return () => {
+      ro.disconnect();
+      chart.remove();
+      chartRef.current = null;
+      candleRef.current = null;
+      volumeRef.current = null;
+    };
+  }, []);
+
+  // push data when bars change
+  useEffect(() => {
+    if (!candleRef.current || !volumeRef.current) return;
+    if (!bars || bars.length === 0) {
+      candleRef.current.setData([]);
+      volumeRef.current.setData([]);
+      return;
+    }
+    candleRef.current.setData(
+      bars.map((b) => ({
+        time: b.time,
+        open: b.open,
+        high: b.high,
+        low: b.low,
+        close: b.close,
+      })),
+    );
+    volumeRef.current.setData(
+      bars.map((b) => ({
+        time: b.time,
+        value: b.volume,
+        color: b.close >= b.open ? 'rgba(0,255,65,0.35)' : 'rgba(255,180,171,0.35)',
+      })),
+    );
+    chartRef.current?.timeScale().fitContent();
+  }, [bars]);
+
+  return <div ref={containerRef} className="flex-1 min-h-[300px] w-full" />;
+};
+
+// ---------------------------------------------------------------- TerminalView
+
+const TerminalView = ({ env }: { env: StockerEnv }) => {
+  const { observation, envState, council, ohlcv, startingCash, submitTrade, loading } = env;
+
+  const [side, setSide] = useState<Side>('buy');
+  const [qty, setQty] = useState<number>(10);
+
+  const change = useMemo(() => {
+    if (!ohlcv || ohlcv.bars.length < 2) return 0;
+    const last = ohlcv.bars[ohlcv.bars.length - 1];
+    const prev = ohlcv.bars[ohlcv.bars.length - 2];
+    return ((last.close - prev.close) / prev.close) * 100;
+  }, [ohlcv]);
+
+  const lastVolume = ohlcv?.bars[ohlcv.bars.length - 1]?.volume ?? 0;
+  const portfolioValue = envState?.portfolio_value ?? observation?.portfolio_value ?? 0;
+  const alphaPct = portfolioValue && startingCash > 0
+    ? ((portfolioValue - startingCash) / startingCash) * 100
+    : 0;
+
+  const consensus = council && council.votes.length > 0
+    ? council.votes.reduce((a, v) => a + v.signal, 0) / council.votes.length
+    : 0;
+
+  const submitDisabled = loading || !observation || envState?.done;
+
+  return (
+    <div className="flex-1 flex flex-col gap-4 min-h-0">
+      {/* Top Ticker Bar */}
+      <div className="h-14 shrink-0 bg-white/5 backdrop-blur-md border border-white/10 rounded-lg flex items-center justify-between px-4">
+        <div className="flex items-center gap-6">
+          <div className="flex items-baseline gap-2">
+            <span className="font-bold text-lg text-white">{observation?.ticker ?? '—'}</span>
+            <span className="font-mono text-neutral-400">
+              {observation ? `$${observation.price.toFixed(2)}` : '—'}
+            </span>
+            <span
+              className={`font-mono text-xs ${change >= 0 ? 'text-[#00FF41]' : 'text-[#ffb4ab]'}`}
+            >
+              ({change >= 0 ? '+' : ''}
+              {change.toFixed(2)}%)
+            </span>
+          </div>
+          <div className="w-px h-6 bg-white/10" />
+          <div className="flex items-center gap-3">
+            <span className="text-[10px] uppercase font-bold text-neutral-500 tracking-widest">Vol:</span>
+            <span className="font-mono text-sm text-white">
+              {lastVolume ? `${(lastVolume / 1_000_000).toFixed(1)}M` : '—'}
+            </span>
+          </div>
+          <div className="w-px h-6 bg-white/10" />
+          <div className="flex items-center gap-3">
+            <span className="text-[10px] uppercase font-bold text-neutral-500 tracking-widest">Step:</span>
+            <span className="font-mono text-sm text-white">
+              {envState ? `${envState.current_step}/${envState.total_steps}` : '—'}
+            </span>
+          </div>
+        </div>
+        <div className="flex items-center gap-8">
+          <div className="flex flex-col items-end">
+            <span className="text-[10px] uppercase font-bold text-neutral-500 tracking-widest mb-0.5">Portfolio</span>
+            <span className="font-mono font-bold text-white">
+              ${portfolioValue.toLocaleString(undefined, { maximumFractionDigits: 2 })}
+            </span>
+          </div>
+          <div className="w-px h-8 bg-white/10" />
+          <div className="flex flex-col items-end">
+            <span className="text-[10px] uppercase font-bold text-neutral-500 tracking-widest mb-0.5">Alpha</span>
+            <span
+              className={`font-mono font-bold ${alphaPct >= 0 ? 'text-[#00FF41]' : 'text-[#ffb4ab]'}`}
+            >
+              {alphaPct >= 0 ? '+' : ''}
+              {alphaPct.toFixed(2)}%
+            </span>
+          </div>
+        </div>
+      </div>
+
+      <div className="flex-1 flex gap-4 min-h-0">
+        {/* Chart Area */}
+        <div className="flex-1 glass-panel rounded-lg flex flex-col relative overflow-hidden group">
+          <div className="absolute inset-0 scanline z-0 pointer-events-none" />
+          <div className="h-10 border-b border-white/5 flex items-center justify-between px-4 bg-white/5 z-10">
+            <div className="flex gap-4 font-mono text-[10px] uppercase tracking-widest">
+              <button className="text-[#00FF41] border-b border-[#00FF41] py-3">1D</button>
+              <button className="text-neutral-500 hover:text-white py-3">1W</button>
+              <button className="text-neutral-500 hover:text-white py-3">1M</button>
+              <button className="text-neutral-500 hover:text-white py-3">3M</button>
+            </div>
+            <div className="flex gap-2">
+              <button className="p-1 hover:bg-white/10 rounded transition-colors text-neutral-400">
+                <Zap className="w-4 h-4" />
+              </button>
+              <button className="p-1 hover:bg-white/10 rounded transition-colors text-neutral-400">
+                <Monitor className="w-4 h-4" />
+              </button>
+            </div>
+          </div>
+          <CandlestickChart bars={ohlcv?.bars ?? []} />
+        </div>
+
+        {/* Council Feed Sidebar */}
+        <div className="w-80 glass-panel rounded-lg flex flex-col overflow-hidden shrink-0">
+          <div className="h-10 border-b border-white/5 px-4 flex items-center justify-between bg-white/5">
+            <span className="text-[10px] font-bold uppercase tracking-widest text-[#e5e2e1]">Council Live Feed</span>
+            <div className="w-2 h-2 rounded-full bg-[#00FF41] animate-pulse" />
+          </div>
+          <div className="flex-1 overflow-y-auto p-3 space-y-1">
+            {council?.votes.length ? (
+              council.votes.map((v) => {
+                const status = statusFromSignal(v.signal);
+                return (
+                  <div
+                    key={v.name}
+                    className="p-3 rounded border border-transparent hover:border-white/10 hover:bg-white/5 transition-all group cursor-default"
+                  >
+                    <div className="flex justify-between items-center mb-1.5">
+                      <span className="text-xs font-semibold group-hover:text-[#00FF41] transition-colors">
+                        {SPECIALIST_DISPLAY[v.name] ?? v.name}
+                      </span>
+                      <div
+                        className={`w-1.5 h-1.5 rounded-full ${
+                          status === 'green'
+                            ? 'bg-[#00FF41]'
+                            : status === 'red'
+                            ? 'bg-[#ffb4ab]'
+                            : 'bg-neutral-500'
+                        }`}
+                      />
+                    </div>
+                    <p className="text-[11px] text-neutral-400 leading-relaxed font-mono">{v.rationale}</p>
+                  </div>
+                );
+              })
+            ) : (
+              <div className="p-3 text-[11px] text-neutral-500 font-mono">
+                {observation ? 'Polling council…' : 'Waiting for environment.'}
+              </div>
+            )}
+          </div>
+        </div>
+      </div>
+
+      {/* Bottom Panel */}
+      <div className="h-32 shrink-0 glass-panel rounded-lg flex overflow-hidden border-[#731fff]/20">
+        <div className="w-48 border-r border-white/5 flex flex-col justify-center px-6 bg-[#731fff]/5 relative overflow-hidden">
+          <div className="absolute inset-0 bg-gradient-to-br from-[#731fff]/10 to-transparent pointer-events-none" />
+          <div className="flex items-center gap-1.5 mb-1">
+            <Activity className="w-3 h-3 text-[#731fff]" />
+            <span className="text-[9px] uppercase font-bold tracking-widest text-[#731fff]">Moderator</span>
+          </div>
+          <h3 className="font-bold text-lg text-white">Gemma-4</h3>
+          <span className="text-[10px] text-neutral-500 mt-0.5">
+            Consensus: {consensus >= 0 ? '+' : ''}
+            {consensus.toFixed(2)}
+          </span>
+        </div>
+        <div className="flex-1 p-6 relative flex flex-col justify-center">
+          <p className="font-mono text-[13px] text-neutral-300 leading-relaxed max-w-3xl">
+            <span className="text-[#731fff] mr-2 opacity-70">&gt;</span>
+            {council?.rationale ?? (observation ? 'Awaiting moderator synthesis.' : 'Run a task to see live moderator output.')}
+            <span className="inline-block w-2.5 h-4 bg-[#731fff] align-middle ml-1 animate-pulse" />
+          </p>
+        </div>
+        <div className="w-72 border-l border-white/5 flex flex-col items-stretch justify-center bg-[#00FF41]/5 backdrop-blur-sm px-4 gap-2">
+          <div className="flex items-center gap-2">
+            <select
+              value={side}
+              onChange={(e) => setSide(e.target.value as Side)}
+              className="bg-black/40 border border-white/10 rounded text-[11px] font-mono px-2 py-1 text-white"
+            >
+              <option value="buy">BUY</option>
+              <option value="sell">SELL</option>
+              <option value="hold">HOLD</option>
+            </select>
+            <input
+              type="number"
+              min={0}
+              value={qty}
+              onChange={(e) => setQty(Math.max(0, parseInt(e.target.value || '0', 10)))}
+              className="w-20 bg-black/40 border border-white/10 rounded text-[11px] font-mono px-2 py-1 text-white"
+            />
+          </div>
+          <button
+            onClick={() => void submitTrade(side, qty)}
+            disabled={submitDisabled}
+            className="bg-[#00FF41] disabled:opacity-40 disabled:cursor-not-allowed text-black font-black text-sm px-6 py-2 rounded-md shadow-[0_0_20px_rgba(0,255,65,0.3)] hover:scale-105 transition-transform"
+          >
+            {loading ? 'EXECUTING…' : `${side.toUpperCase()} ${side === 'hold' ? '' : qty}`}
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+// ----------------------------------------------------------------- CouncilView
+
+const SPECIALIST_VISUALS: Record<
+  string,
+  { icon: any; color: string; render: () => any }
+> = {
+  chart_pattern: {
+    icon: Zap,
+    color: '[#00FF41]',
+    render: () => (
+      <div className="h-20 w-full bg-black/40 rounded border border-white/5 relative overflow-hidden flex items-end p-2 pb-0">
+        <svg className="w-full h-full" viewBox="0 0 100 40" preserveAspectRatio="none">
+          <path d="M0,35 Q10,32 20,38 T40,20 T60,25 T100,5" fill="none" stroke="#00FF41" strokeWidth="2" />
+          <path d="M0,35 Q10,32 20,38 T40,20 T60,25 T100,5 V40 H0 Z" fill="url(#chart-grad)" />
+          <defs>
+            <linearGradient id="chart-grad" x1="0" x2="0" y1="0" y2="1">
+              <stop offset="0%" stopColor="#00FF41" stopOpacity="0.2" />
+              <stop offset="100%" stopColor="#00FF41" stopOpacity="0" />
+            </linearGradient>
+          </defs>
+        </svg>
+      </div>
+    ),
+  },
+  indicator: {
+    icon: LineChart,
+    color: '[#00FF41]',
+    render: () => (
+      <div className="space-y-2 py-2">
+        {[
+          { l: 'RSI', v: 62, c: '#00FF41' },
+          { l: 'MACD', v: 70, c: '#00FF41' },
+          { l: 'ATR', v: 35, c: 'white' },
+        ].map((b, i) => (
+          <div key={i} className="flex items-center gap-2">
+            <span className="text-[8px] font-bold text-neutral-500 w-10">{b.l}</span>
+            <div className="flex-1 h-1.5 bg-white/5 rounded-full overflow-hidden">
+              <div className="h-full bg-current transition-all" style={{ width: `${b.v}%`, color: b.c }} />
+            </div>
+          </div>
+        ))}
+      </div>
+    ),
+  },
+  news: {
+    icon: Newspaper,
+    color: '[#00FF41]',
+    render: () => (
+      <div className="space-y-2 max-h-20 overflow-hidden relative">
+        <div className="flex gap-2 items-start opacity-90">
+          <div className="w-1 h-1 rounded-full bg-[#00FF41] mt-1.5" />
+          <span className="text-[10px] text-neutral-400">Latest sentiment-tagged headlines.</span>
+        </div>
+        <div className="flex gap-2 items-start opacity-70">
+          <div className="w-1 h-1 rounded-full bg-[#00FF41] mt-1.5" />
+          <span className="text-[10px] text-neutral-400">Tone aggregated by NewsAgent.</span>
+        </div>
+        <div className="absolute inset-0 bg-gradient-to-b from-transparent to-[#1c1b1b]" />
+      </div>
+    ),
+  },
+  forum_sentiment: {
+    icon: Users,
+    color: 'neutral-400',
+    render: () => (
+      <div className="h-20 w-full bg-black/40 rounded border border-white/5 relative p-2 overflow-hidden">
+        <div className="absolute top-[20%] left-[70%] w-3 h-3 bg-[#00FF41] rounded-full blur-[2px] opacity-60" />
+        <div className="absolute top-[40%] left-[60%] w-2 h-2 bg-[#00FF41] rounded-full blur-[1px] opacity-40" />
+        <div className="absolute top-[10%] left-[80%] w-4 h-4 bg-[#00FF41] rounded-full blur-[3px] opacity-80" />
+        <div className="absolute bottom-2 left-2 right-2 flex justify-between text-[7px] font-bold text-neutral-700 border-t border-white/5 pt-1">
+          <span>BEAR</span>
+          <span>BULL</span>
+        </div>
+      </div>
+    ),
+  },
+  peer_commodity: {
+    icon: TrendingUp,
+    color: '[#00FF41]',
+    render: () => (
+      <div className="grid grid-cols-2 gap-2 h-20">
+        {[
+          { l: 'Peer 1', v: '+1.2% ▲' },
+          { l: 'Peer 2', v: '+0.4%' },
+          { l: 'Peer 3', v: '-0.1%' },
+          { l: 'Comm.', v: '+0.7%' },
+        ].map((m, i) => (
+          <div key={i} className="bg-white/5 rounded p-1.5 flex flex-col justify-center">
+            <span className="text-[7px] font-bold text-neutral-600 uppercase">{m.l}</span>
+            <span className="text-[10px] font-mono text-neutral-300">{m.v}</span>
+          </div>
+        ))}
+      </div>
+    ),
+  },
+  geopolitics: {
+    icon: Globe,
+    color: 'neutral-400',
+    render: () => (
+      <div className="grid grid-cols-2 gap-2 h-20">
+        {[
+          { l: 'DXY', v: '104.2 ▲' },
+          { l: '10Y', v: '4.32% ▲' },
+          { l: 'SPX', v: '-0.2%' },
+          { l: 'VIX', v: '14.1' },
+        ].map((m, i) => (
+          <div key={i} className="bg-white/5 rounded p-1.5 flex flex-col justify-center">
+            <span className="text-[7px] font-bold text-neutral-600 uppercase">{m.l}</span>
+            <span className="text-[10px] font-mono text-neutral-300">{m.v}</span>
+          </div>
+        ))}
+      </div>
+    ),
+  },
+  seasonal_trend: {
+    icon: Calendar,
+    color: '[#00FF41]',
+    render: () => (
+      <div className="h-20 w-full bg-black/40 rounded border border-white/5 relative p-2 flex items-end gap-1">
+        {[30, 45, 35, 60, 55, 70, 50, 65, 75, 60, 80, 72].map((h, i) => (
+          <div key={i} className="flex-1 bg-[#00FF41]/40 rounded-t-sm" style={{ height: `${h}%` }} />
+        ))}
+        <div className="absolute top-1 right-2 text-[8px] font-bold text-neutral-600 uppercase tracking-widest">12mo avg</div>
+      </div>
+    ),
+  },
+};
+
+const CouncilView = ({ env }: { env: StockerEnv }) => {
+  const { observation, council } = env;
+  const consensus = council && council.votes.length > 0
+    ? council.votes.reduce((a, v) => a + v.signal, 0) / council.votes.length
+    : 0;
+  const consensusLabel =
+    consensus > 0.2 ? 'BULLISH' : consensus < -0.2 ? 'BEARISH' : 'NEUTRAL';
+  const consensusColor =
+    consensus > 0.2 ? 'text-[#00FF41]' : consensus < -0.2 ? 'text-[#ffb4ab]' : 'text-neutral-400';
+
+  return (
+    <div className="flex-1 flex flex-col gap-6">
+      <header>
+        <h1 className="text-3xl font-bold tracking-tighter text-white mb-2">Council Deep-Dive</h1>
+        <p className="text-sm text-neutral-400 max-w-2xl">
+          Real-time analysis and consensus generation across 7 autonomous specialized agents.
+          Target asset:{' '}
+          <span className="text-[#00FF41] font-mono bg-[#00FF41]/10 px-1.5 py-0.5 rounded border border-[#00FF41]/20">
+            {observation?.ticker ?? '—'}
+          </span>
+        </p>
+      </header>
+
+      <div className="grid grid-cols-1 xl:grid-cols-3 gap-4 flex-1">
+        {/* Alpha Moderator */}
+        <div className="col-span-1 glass-panel rounded-xl flex flex-col relative overflow-hidden group border-[#731fff]/30 shadow-[0_0_30px_rgba(115,31,255,0.1)]">
+          <div className="absolute top-0 left-0 w-full h-[1px] bg-gradient-to-r from-transparent via-[#731fff] to-transparent opacity-50" />
+          <div className="p-4 border-b border-white/5 flex justify-between items-start z-10">
+            <div className="flex items-center gap-2">
+              <Brain className="w-5 h-5 text-[#731fff]" />
+              <h3 className="text-lg font-bold text-white">Alpha Moderator</h3>
+            </div>
+            <span className="text-[10px] font-bold text-[#731fff] border border-[#731fff]/30 px-2 py-1 rounded bg-[#731fff]/10">
+              CONSENSUS
+            </span>
+          </div>
+
+          <div className="p-6 flex-1 flex flex-col justify-between z-10">
+            <div className="flex flex-col items-center py-6">
+              <div className="relative w-40 h-20 overflow-hidden flex items-end justify-center mb-2">
+                <div className="absolute top-0 w-40 h-40 rounded-full border-[12px] border-white/5 border-b-transparent border-r-transparent rotate-45" />
+                <div
+                  className={`absolute top-0 w-40 h-40 rounded-full border-[12px] ${
+                    consensus > 0.2
+                      ? 'border-[#00FF41]'
+                      : consensus < -0.2
+                      ? 'border-[#ffb4ab]'
+                      : 'border-neutral-400'
+                  } border-b-transparent border-r-transparent opacity-80`}
+                  style={{
+                    transform: `rotate(${45 + Math.max(-1, Math.min(1, consensus)) * 135}deg)`,
+                    clipPath: 'polygon(50% 50%, 0% 0%, 100% 0%)',
+                  }}
+                />
+                <div className="flex flex-col items-center translate-y-2">
+                  <span className="font-mono text-3xl text-white font-bold">
+                    {consensus >= 0 ? '+' : ''}
+                    {consensus.toFixed(2)}
+                  </span>
+                  <span className={`text-[10px] font-bold tracking-widest mt-1 uppercase ${consensusColor}`}>
+                    {consensusLabel}
+                  </span>
+                </div>
+              </div>
+              <div className="w-full flex justify-between px-4 font-mono text-[9px] text-neutral-500">
+                <span>-1.0 (BEAR)</span>
+                <span>0.0</span>
+                <span>+1.0 (BULL)</span>
+              </div>
+            </div>
+
+            <div className="space-y-2">
+              <span className="text-[10px] font-bold text-neutral-500 uppercase tracking-widest">Moderator Synthesis</span>
+              <p className="text-sm text-neutral-400 leading-relaxed">
+                {council?.rationale ??
+                  'Run a task in Gallery to populate moderator synthesis from the live council.'}
+              </p>
+              {council && (
+                <p className="text-[10px] text-[#731fff] font-mono mt-2">
+                  Action: {council.action.side.toUpperCase()}
+                  {council.action.side !== 'hold' ? ` ${council.action.quantity}` : ''}
+                </p>
+              )}
+            </div>
+          </div>
+          <div className="absolute -bottom-20 -right-20 w-64 h-64 bg-[#731fff]/10 blur-[100px] rounded-full pointer-events-none" />
+        </div>
+
+        {/* Specialist cards */}
+        {Object.entries(SPECIALIST_VISUALS).map(([roleName, visual]) => {
+          const vote = council?.votes.find((v) => v.name === roleName);
+          const stat = vote ? `${vote.signal >= 0 ? '+' : ''}${vote.signal.toFixed(2)}` : '—';
+          const Icon = visual.icon;
+          return (
+            <AgentCard
+              key={roleName}
+              title={SPECIALIST_DISPLAY[roleName] ?? roleName}
+              icon={Icon}
+              stat={stat}
+              color={visual.color}
+            >
+              {visual.render()}
+              <p className="text-xs text-neutral-500 leading-snug">
+                {vote?.rationale ?? 'Awaiting council vote — run a task in Gallery.'}
+              </p>
+            </AgentCard>
+          );
+        })}
+      </div>
+    </div>
+  );
+};
+
+// ---------------------------------------------------------------- TrainingView
+
+const MetricCard = ({
+  label,
+  value,
+  trend,
+}: {
+  label: string;
+  value: string;
+  trend?: string;
+}) => (
+  <div className={`glass-panel p-4 rounded-lg flex flex-col justify-center ${trend ? 'border-l-2 border-[#00FF41]/30' : ''}`}>
+    <span className={`text-[10px] font-bold uppercase tracking-widest mb-1 ${trend ? 'text-[#00FF41]' : 'text-neutral-500'}`}>{label}</span>
+    <span className={`text-xl font-bold flex items-center ${trend ? 'text-[#00FF41]' : 'text-white'}`}>
+      {value}
+      {trend && (
+        <span className="text-xs ml-1 flex items-center">
+          {trend} <ChevronUp className="w-3 h-3 ml-0.5" />
+        </span>
+      )}
+    </span>
+  </div>
+);
+
+const TrainingView = () => {
+  const [metrics, setMetrics] = useState<TrainingMetrics | null>(null);
+
+  useEffect(() => {
+    let cancel = false;
+    api
+      .trainingMetrics()
+      .then((m) => {
+        if (!cancel) setMetrics(m);
+      })
+      .catch(() => {
+        if (!cancel) setMetrics({ status: 'no_runs', summary: [], mean_alpha_pct: 0 });
+      });
+    return () => {
+      cancel = true;
+    };
+  }, []);
+
+  // Placeholder logs — there's no JSON log on disk, kept as decorative.
+  const logs = [
+    { type: 'SYS', msg: 'Initializing GRPO policy trainer…' },
+    { type: 'SYS', msg: 'Loading historical state tensors [BATCH_SIZE=256]…' },
+    { type: 'OPT', msg: 'Step 4480: Adv = 0.124, Kl_div = 0.003', color: 'text-purple-400' },
+    { type: 'REWARD', msg: 'Epoch 44 evaluation: Mean R = +1.24%', color: 'text-[#00FF41]' },
+    { type: 'SYS', msg: 'Checkpoint saved.', pulse: true },
+  ];
+
+  const best = metrics?.summary?.length
+    ? metrics.summary.reduce((a, b) => (b.alpha_pct > a.alpha_pct ? b : a))
+    : null;
+  const worst = metrics?.summary?.length
+    ? metrics.summary.reduce((a, b) => (b.alpha_pct < a.alpha_pct ? b : a))
+    : null;
+
+  return (
+    <div className="flex-1 flex flex-col gap-4 overflow-hidden">
+      <div className="grid grid-cols-2 md:grid-cols-4 gap-4 shrink-0">
+        <MetricCard label="Run" value={metrics?.run_name ?? '—'} />
+        <MetricCard
+          label="Mean Alpha %"
+          value={metrics ? `${metrics.mean_alpha_pct.toFixed(2)}%` : '—'}
+          trend={metrics && metrics.mean_alpha_pct > 0 ? 'up' : undefined}
+        />
+        <MetricCard
+          label="Best Task"
+          value={best ? `${best.task_id} (${best.alpha_pct.toFixed(1)}%)` : '—'}
+        />
+        <MetricCard
+          label="Worst Task"
+          value={worst ? `${worst.task_id} (${worst.alpha_pct.toFixed(1)}%)` : '—'}
+        />
+      </div>
+
+      <div className="flex-1 flex flex-col md:flex-row gap-4 overflow-hidden min-h-0">
+        {/* Left: status + logs */}
+        <div className="w-full md:w-1/3 flex flex-col gap-4 h-full min-h-0">
+          <div className="glass-panel rounded-lg p-6 shrink-0 relative overflow-hidden group">
+            <div className="absolute inset-0 bg-gradient-to-br from-[#731fff]/10 to-transparent pointer-events-none" />
+            <div className="flex items-center justify-between border-b border-white/5 pb-3 mb-4">
+              <h3 className="text-lg font-bold text-white">GRPO Status</h3>
+              <span
+                className={`px-2 py-1 text-[10px] font-bold rounded border ${
+                  metrics?.status === 'completed'
+                    ? 'bg-[#00FF41]/20 text-[#00FF41] border-[#00FF41]/40'
+                    : 'bg-neutral-500/20 text-neutral-400 border-neutral-500/40'
+                }`}
+              >
+                {metrics?.status === 'completed' ? 'EVAL DONE' : 'NO RUNS'}
+              </span>
+            </div>
+            <div className="space-y-4">
+              <div className="flex justify-between text-xs">
+                <span className="text-neutral-500">Tasks evaluated</span>
+                <span className="text-white font-mono">{metrics?.summary.length ?? 0}</span>
+              </div>
+              <div className="flex justify-between text-xs">
+                <span className="text-neutral-500">LoRA Adapters</span>
+                <span className="text-[#731fff] font-mono">Base (no LoRA loaded)</span>
+              </div>
+              <div className="flex justify-between text-xs">
+                <span className="text-neutral-500">Run directory</span>
+                <span className="text-white font-mono truncate">{metrics?.run_name ?? '—'}</span>
+              </div>
+            </div>
+          </div>
+
+          <div className="glass-panel rounded-lg flex-1 flex flex-col overflow-hidden border-[#00FF41]/20">
+            <div className="border-b border-white/5 px-4 py-2 bg-white/5 flex justify-between items-center text-[10px] font-bold uppercase tracking-widest text-neutral-500">
+              <span>Terminal Logs (decorative)</span>
+              <div className="w-2 h-2 rounded-full bg-[#00FF41] animate-pulse" />
+            </div>
+            <div className="flex-1 p-4 overflow-y-auto space-y-1 font-mono text-[11px] text-neutral-400">
+              {logs.map((log, i) => (
+                <div key={i} className="flex gap-2">
+                  <span className={`${log.type === 'SYS' ? 'text-blue-400' : log.color || 'text-neutral-500'}`}>
+                    [{log.type}]
+                  </span>
+                  <span className={log.pulse ? 'animate-pulse' : ''}>
+                    {log.msg}
+                    {log.pulse ? ' _' : ''}
+                  </span>
+                </div>
+              ))}
+            </div>
+          </div>
+        </div>
+
+        {/* Right: real curves from training/runs */}
+        <div className="w-full md:w-2/3 flex flex-col gap-4 h-full overflow-y-auto pr-1">
+          <AgentCard title="Reward Curve" icon={TrendingUp} color="[#00FF41]" active>
+            <div className="flex-1 h-full min-h-[220px] relative mt-2 flex items-center justify-center bg-black/30 rounded">
+              {metrics?.reward_curve_png ? (
+                <img
+                  src={metrics.reward_curve_png}
+                  alt="Reward curve"
+                  className="max-h-[260px] max-w-full object-contain"
+                />
+              ) : (
+                <span className="text-[11px] text-neutral-500 font-mono">
+                  No run yet — run <code>python training/eval_rollout.py --mock</code>.
+                </span>
+              )}
+            </div>
+          </AgentCard>
+
+          <AgentCard title="Portfolio Curve" icon={BarChart3} color="[#731fff]">
+            <div className="flex-1 h-full min-h-[220px] relative mt-2 flex items-center justify-center bg-black/30 rounded">
+              {metrics?.portfolio_curve_png ? (
+                <img
+                  src={metrics.portfolio_curve_png}
+                  alt="Portfolio curve"
+                  className="max-h-[260px] max-w-full object-contain"
+                />
+              ) : (
+                <span className="text-[11px] text-neutral-500 font-mono">No run yet.</span>
+              )}
+            </div>
+          </AgentCard>
+
+          {metrics?.summary?.length ? (
+            <div className="glass-panel rounded-lg p-4">
+              <h4 className="text-xs font-bold uppercase tracking-widest text-neutral-500 mb-3">Per-task summary</h4>
+              <table className="w-full text-[11px] font-mono">
+                <thead className="text-neutral-500 text-left">
+                  <tr>
+                    <th className="py-1">Task</th>
+                    <th className="py-1 text-right">Alpha %</th>
+                    <th className="py-1 text-right">Final</th>
+                    <th className="py-1 text-right">Buy &amp; Hold</th>
+                  </tr>
+                </thead>
+                <tbody>
+                  {metrics.summary.map((row) => (
+                    <tr key={row.task_id} className="border-t border-white/5">
+                      <td className="py-1.5 text-white">{row.task_id}</td>
+                      <td
+                        className={`py-1.5 text-right ${
+                          row.alpha_pct >= 0 ? 'text-[#00FF41]' : 'text-[#ffb4ab]'
+                        }`}
+                      >
+                        {row.alpha_pct.toFixed(2)}%
+                      </td>
+                      <td className="py-1.5 text-right text-neutral-300">
+                        ${row.final_portfolio.toLocaleString()}
+                      </td>
+                      <td className="py-1.5 text-right text-neutral-400">
+                        ${row.buy_and_hold.toLocaleString()}
+                      </td>
+                    </tr>
+                  ))}
+                </tbody>
+              </table>
+            </div>
+          ) : null}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+// ---------------------------------------------------------------- GalleryView
+
+const TASK_META: Record<string, { difficulty: string; name: string; color: string }> = {
+  task_easy: { difficulty: 'Easy', name: 'Steady Regime', color: '[#00FF41]' },
+  task_medium: { difficulty: 'Medium', name: 'Choppy Sideways', color: '[#731fff]' },
+  task_hard: { difficulty: 'Hard', name: 'Drawdown / Snapback', color: '[#ffb4ab]' },
+};
+
+const TaskCard = ({
+  taskId,
+  bars,
+  onDeploy,
+  active,
+}: {
+  taskId: string;
+  bars: OhlcvBar[] | null;
+  onDeploy: () => void;
+  active: boolean;
+}) => {
+  const meta = TASK_META[taskId] ?? { difficulty: '?', name: taskId, color: '[#00FF41]' };
+  const ticker = bars?.[0] ? '' : '';
+  const inEpisode = bars?.filter((b) => b.in_episode) ?? [];
+  const dates =
+    inEpisode.length > 0
+      ? `${inEpisode[0].time} → ${inEpisode[inEpisode.length - 1].time}`
+      : 'Loading…';
+
+  // Compute a 9-bucket sparkline from in-episode closes
+  let sparkBars: number[] = [];
+  if (inEpisode.length > 0) {
+    const closes = inEpisode.map((b) => b.close);
+    const min = Math.min(...closes);
+    const max = Math.max(...closes);
+    const range = max - min || 1;
+    const buckets = 9;
+    const step = closes.length / buckets;
+    sparkBars = Array.from({ length: buckets }, (_, i) => {
+      const slice = closes.slice(Math.floor(i * step), Math.floor((i + 1) * step) || (i + 1));
+      const avg = slice.reduce((a, c) => a + c, 0) / Math.max(1, slice.length);
+      return ((avg - min) / range) * 100;
+    });
+  }
+
+  return (
+    <div
+      className={`group glass-panel rounded-xl p-6 flex flex-col relative overflow-hidden transition-all hover:bg-white/[0.08] hover:shadow-[0_0_30px_rgba(0,255,65,0.05)] ${
+        active ? `border-${meta.color}/50` : 'border-white/5'
+      } hover:border-${meta.color}/50`}
+    >
+      <div
+        className={`absolute inset-0 bg-gradient-to-br from-${meta.color}/5 to-transparent pointer-events-none group-hover:from-${meta.color}/15 transition-all`}
+      />
+
+      <div className="flex justify-between items-start mb-4 relative z-10">
+        <div
+          className={`px-2 py-1 bg-${meta.color}/10 border border-${meta.color}/30 text-${meta.color} text-[10px] font-bold uppercase tracking-widest rounded flex items-center gap-1.5`}
+        >
+          <div className={`w-1.5 h-1.5 rounded-full bg-${meta.color}`} />
+          {meta.difficulty}
+        </div>
+        <span className="text-lg font-bold text-white font-mono">{bars?.[0] ? bars[0].time.slice(0, 4) : ''}</span>
+      </div>
+
+      <div className="mb-6 relative z-10">
+        <h3 className="text-xl font-bold text-white mb-1">{meta.name}</h3>
+        <div className="flex items-center gap-2 text-[10px] text-neutral-500 font-mono">
+          <Monitor className="w-3 h-3" />
+          {dates}
+        </div>
+      </div>
+
+      <div className="h-24 w-full bg-black/40 rounded-lg border border-white/5 mb-8 flex items-end px-2 pb-2 gap-1 overflow-hidden relative z-10">
+        <div className="absolute inset-x-0 bottom-0 h-[1px] bg-white/5" />
+        {sparkBars.length > 0 ? (
+          sparkBars.map((h, i) => (
+            <motion.div
+              key={i}
+              initial={{ height: 0 }}
+              animate={{ height: `${h}%` }}
+              className={`flex-1 rounded-t-[2px] transition-all bg-${meta.color}/40 group-hover:bg-${meta.color}/70`}
+            />
+          ))
+        ) : (
+          <div className="w-full text-center text-[10px] text-neutral-600 font-mono">Loading bars…</div>
+        )}
+      </div>
+
+      <button
+        onClick={onDeploy}
+        className={`w-full py-3 rounded-lg border border-white/10 flex items-center justify-center gap-2 text-xs font-bold uppercase tracking-widest transition-all relative z-10 hover:text-${meta.color} hover:border-${meta.color}/50 hover:bg-${meta.color}/5 group/btn`}
+      >
+        <Zap className="w-4 h-4 group-hover/btn:fill-current" />
+        {active ? 'Active' : 'Deploy Agent'}
+      </button>
+    </div>
+  );
+};
+
+const GalleryView = ({
+  env,
+  onDeploy,
+}: {
+  env: StockerEnv;
+  onDeploy: (taskId: string) => void;
+}) => {
+  const [bars, setBars] = useState<Record<string, OhlcvResponse>>({});
+
+  useEffect(() => {
+    let cancel = false;
+    Promise.all(env.tasks.map((t) => api.ohlcv(t).then((r) => [t, r] as const))).then((pairs) => {
+      if (cancel) return;
+      const next: Record<string, OhlcvResponse> = {};
+      for (const [t, r] of pairs) next[t] = r;
+      setBars(next);
+    });
+    return () => {
+      cancel = true;
+    };
+  }, [env.tasks]);
+
+  return (
+    <div className="flex-1 flex flex-col gap-8">
+      <header className="space-y-3">
+        <div className="flex items-center gap-2 text-[#00FF41]">
+          <Brain className="w-5 h-5" />
+          <span className="text-[10px] uppercase font-bold tracking-[0.2em]">Agent Environment</span>
+        </div>
+        <h1 className="text-5xl font-black text-white tracking-tighter">Task Gallery</h1>
+        <p className="text-sm text-neutral-400 max-w-2xl leading-relaxed">
+          Select a historical market regime to deploy and evaluate your AI trading agent's performance in isolated, controlled conditions.
+        </p>
+      </header>
+
+      <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+        {env.tasks.map((t) => (
+          <TaskCard
+            key={t}
+            taskId={t}
+            bars={bars[t]?.bars ?? null}
+            active={env.taskId === t}
+            onDeploy={() => onDeploy(t)}
+          />
+        ))}
+      </div>
+    </div>
+  );
+};
+
+// --------------------------------------------------------------- PortfolioView
+
+const PortfolioView = ({ env }: { env: StockerEnv }) => {
+  const { observation, envState, startingCash } = env;
+
+  if (!observation || !envState) {
+    return (
+      <div className="flex-1 flex items-center justify-center">
+        <p className="text-sm text-neutral-500">Run a task in Gallery to populate your portfolio.</p>
+      </div>
+    );
+  }
+
+  const ticker = observation.ticker;
+  const price = observation.price;
+  const balance = observation.position;
+  const value = balance * price;
+  const portfolio = envState.portfolio_value;
+  const cash = envState.cash;
+  const pnl = portfolio - startingCash;
+  const pnlPct = startingCash > 0 ? (pnl / startingCash) * 100 : 0;
+
+  const equityShare = portfolio > 0 ? (value / portfolio) * 100 : 0;
+  const cashShare = portfolio > 0 ? (cash / portfolio) * 100 : 0;
+  const reservedShare = Math.max(0, 100 - equityShare - cashShare);
+
+  // 24h change from the last two prices in price_history
+  const ph = observation.price_history;
+  const change24h =
+    ph.length >= 2 ? ((ph[ph.length - 1] - ph[ph.length - 2]) / ph[ph.length - 2]) * 100 : 0;
+
+  // Sparkline = last 7 closes
+  const spark = ph.slice(-7);
+  const sMin = Math.min(...spark);
+  const sMax = Math.max(...spark);
+  const sRange = sMax - sMin || 1;
+  const sparkPct = spark.map((p) => ((p - sMin) / sRange) * 100);
+
+  // Risk profile = action diversity
+  const actions = envState.action_history;
+  const totalActions = actions.length || 1;
+  const tradeCount = actions.filter((a) => a.side !== 'hold').length;
+  const riskScore = Math.min(100, Math.round((tradeCount / totalActions) * 100));
+  const riskLabel =
+    riskScore < 30 ? 'Conservative' : riskScore < 60 ? 'Moderate' : 'Aggressive';
+
+  return (
+    <div className="flex-1 flex flex-col gap-6">
+      <header className="flex justify-between items-end">
+        <div className="space-y-1">
+          <span className="text-[10px] font-bold text-[#00FF41] uppercase tracking-widest">Active Position</span>
+          <h1 className="text-4xl font-bold text-white tracking-tight">Holdings &amp; P&amp;L</h1>
+        </div>
+        <div className="flex gap-4">
+          <div className="glass-panel p-3 px-5 rounded-lg border-l-2 border-[#00FF41]">
+            <span className="text-[9px] text-neutral-500 uppercase font-bold block mb-1">Total Balance</span>
+            <span className="text-xl font-bold text-white font-mono tracking-tight">
+              ${portfolio.toLocaleString(undefined, { maximumFractionDigits: 2 })}
+            </span>
+          </div>
+          <div
+            className={`glass-panel p-3 px-5 rounded-lg border-l-2 ${
+              pnl >= 0 ? 'border-[#00FF41]' : 'border-[#ffb4ab]'
+            }`}
+          >
+            <span className="text-[9px] text-neutral-500 uppercase font-bold block mb-1">Total P&amp;L</span>
+            <span
+              className={`text-xl font-bold font-mono tracking-tight ${
+                pnl >= 0 ? 'text-[#00FF41]' : 'text-[#ffb4ab]'
+              }`}
+            >
+              {pnl >= 0 ? '+' : ''}${pnl.toFixed(2)} ({pnlPct >= 0 ? '+' : ''}{pnlPct.toFixed(2)}%)
+            </span>
+          </div>
+        </div>
+      </header>
+
+      <div className="glass-panel rounded-xl overflow-hidden border-white/5">
+        <table className="w-full text-left border-collapse">
+          <thead>
+            <tr className="bg-white/5 border-b border-white/10">
+              <th className="px-6 py-4 text-[10px] font-bold text-neutral-500 uppercase tracking-widest">Asset</th>
+              <th className="px-6 py-4 text-[10px] font-bold text-neutral-500 uppercase tracking-widest text-right">Price</th>
+              <th className="px-6 py-4 text-[10px] font-bold text-neutral-500 uppercase tracking-widest text-right">24h Change</th>
+              <th className="px-6 py-4 text-[10px] font-bold text-neutral-500 uppercase tracking-widest text-right">Balance</th>
+              <th className="px-6 py-4 text-[10px] font-bold text-neutral-500 uppercase tracking-widest text-right">Value</th>
+              <th className="px-6 py-4 text-[10px] font-bold text-neutral-500 uppercase tracking-widest text-center">7D Performance</th>
+            </tr>
+          </thead>
+          <tbody className="divide-y divide-white/5 font-mono text-sm">
+            <tr className="hover:bg-white/[0.04] transition-colors group">
+              <td className="px-6 py-5">
+                <div className="flex items-center gap-3">
+                  <div className="w-8 h-8 rounded bg-white/5 border border-white/10 flex items-center justify-center font-black group-hover:text-[#00FF41] transition-colors">
+                    {ticker[0]}
+                  </div>
+                  <div className="flex flex-col">
+                    <span className="text-white font-bold">{ticker}</span>
+                    <span className="text-[10px] text-neutral-500 font-sans tracking-tight">NASDAQ</span>
+                  </div>
+                </div>
+              </td>
+              <td className="px-6 py-5 text-right font-bold text-neutral-300">${price.toFixed(2)}</td>
+              <td
+                className={`px-6 py-5 text-right font-bold ${
+                  change24h >= 0 ? 'text-[#00FF41]' : 'text-[#ffb4ab]'
+                }`}
+              >
+                {change24h >= 0 ? '+' : ''}
+                {change24h.toFixed(2)}%
+              </td>
+              <td className="px-6 py-5 text-right text-neutral-400">{balance} {ticker}</td>
+              <td className="px-6 py-5 text-right text-white font-bold">
+                ${value.toLocaleString(undefined, { maximumFractionDigits: 2 })}
+              </td>
+              <td className="px-6 py-5">
+                <div className="h-6 w-24 mx-auto flex items-end gap-1 px-1">
+                  {sparkPct.map((v, j) => (
+                    <div
+                      key={j}
+                      className="flex-1 rounded-t-[1px] opacity-60"
+                      style={{
+                        height: `${v}%`,
+                        backgroundColor: change24h >= 0 ? '#00FF41' : '#ffb4ab',
+                      }}
+                    />
+                  ))}
+                </div>
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+
+      <div className="grid grid-cols-1 md:grid-cols-3 gap-6">
+        <div className="glass-panel rounded-xl p-6 relative overflow-hidden group">
+          <div className="absolute top-0 right-0 p-4 opacity-10">
+            <BarChart3 className="w-12 h-12" />
+          </div>
+          <h4 className="text-xs font-bold text-neutral-500 uppercase tracking-widest mb-4">Risk Profile</h4>
+          <div className="flex items-center gap-4">
+            <div
+              className="w-16 h-16 rounded-full border-4 border-white/5 border-t-[#00FF41] relative"
+              style={{ transform: `rotate(${(riskScore / 100) * 360 - 90}deg)` }}
+            >
+              <div
+                className="absolute inset-0 flex items-center justify-center"
+                style={{ transform: `rotate(${-((riskScore / 100) * 360 - 90)}deg)` }}
+              >
+                <span className="text-sm font-bold text-white">{riskScore}/100</span>
+              </div>
+            </div>
+            <div>
+              <p className="text-sm font-bold text-white mb-1 tracking-tight">{riskLabel}</p>
+              <p className="text-[10px] text-neutral-400 leading-snug">
+                {tradeCount} of {totalActions} steps were trades.
+              </p>
+            </div>
+          </div>
+        </div>
+
+        <div className="glass-panel rounded-xl p-6 col-span-2 relative overflow-hidden group">
+          <h4 className="text-xs font-bold text-neutral-500 uppercase tracking-widest mb-4">Trade Allocation</h4>
+          <div className="flex items-end h-16 gap-1.5 px-1 py-1">
+            {[
+              { l: 'Equities', v: equityShare, c: '#00FF41' },
+              { l: 'Cash', v: cashShare, c: '#731fff' },
+              { l: 'Reserved', v: reservedShare, c: 'rgba(255,255,255,0.1)' },
+            ].map((a, i) => (
+              <div key={i} className="flex-1 flex flex-col items-center">
+                <div
+                  className="w-full bg-current opacity-30 rounded-t-sm"
+                  style={{ height: `${a.v}%`, color: a.c }}
+                />
+                <span className="text-[8px] font-bold text-neutral-600 mt-1 uppercase tracking-tighter">
+                  {a.l} ({a.v.toFixed(0)}%)
+                </span>
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+// ----------------------------------------------------------- IntelligenceView
+
+const SENTIMENT_SCORE: Record<string, number> = {
+  positive: 1,
+  bullish: 1,
+  neutral: 0,
+  negative: -1,
+  bearish: -1,
+};
+
+const IntelligenceView = ({ env }: { env: StockerEnv }) => {
+  const { observation } = env;
+
+  const positiveHeadlines = (observation?.headlines ?? [])
+    .filter((h) => (SENTIMENT_SCORE[h.sentiment_label?.toLowerCase()] ?? 0) > 0);
+  const negativeHeadlines = (observation?.headlines ?? [])
+    .filter((h) => (SENTIMENT_SCORE[h.sentiment_label?.toLowerCase()] ?? 0) < 0);
+
+  const peerEntries = observation?.peers?.peers ?? [];
+  const macroEntries = observation?.macro ?? [];
+
+  const signals = [
+    positiveHeadlines[0] && {
+      t: 'Top Headline',
+      msg: positiveHeadlines[0].headline,
+      time: positiveHeadlines[0].date,
+      color: '#00FF41',
+    },
+    positiveHeadlines[1] && {
+      t: 'Secondary',
+      msg: positiveHeadlines[1].headline,
+      time: positiveHeadlines[1].date,
+      color: '#00FF41',
+    },
+    negativeHeadlines[0] && {
+      t: 'Risk Note',
+      msg: negativeHeadlines[0].headline,
+      time: negativeHeadlines[0].date,
+      color: '#ffb4ab',
+    },
+    peerEntries.length > 0 && {
+      t: 'Peer Watch',
+      msg: `${observation?.ticker} vs ${peerEntries
+        .slice(0, 3)
+        .map((p) => `${p.peer_ticker}=${p.peer_close?.toFixed(2) ?? '?'}`)
+        .join(', ')}`,
+      time: observation?.date ?? '',
+      color: '#731fff',
+    },
+    macroEntries[0] && {
+      t: 'Macro',
+      msg: `${macroEntries[0].country} — ${macroEntries[0].headline}`,
+      time: macroEntries[0].date,
+      color: '#731fff',
+    },
+  ].filter(Boolean) as Array<{ t: string; msg: string; time: string; color: string }>;
+
+  // Sentiment hub: mean of headline sentiment scores
+  const headlines = observation?.headlines ?? [];
+  const meanTone = headlines.length
+    ? headlines.reduce((a, h) => a + (SENTIMENT_SCORE[h.sentiment_label?.toLowerCase()] ?? 0), 0) /
+      headlines.length
+    : 0;
+  const toneScale = Math.round(((meanTone + 1) / 2) * 100); // 0..100
+  const sentimentLabel =
+    meanTone > 0.2 ? 'BULL' : meanTone < -0.2 ? 'BEAR' : 'NEUTRAL';
+  const peerBeta = peerEntries.length ? '~1.00' : '—';
+
+  return (
+    <div className="flex-1 flex flex-col gap-6">
+      <header className="space-y-1">
+        <h1 className="text-4xl font-bold text-white tracking-tight flex items-center gap-3">
+          Intelligence Nexus
+          <div className="flex gap-1">
+            {[...Array(3)].map((_, i) => (
+              <div
+                key={i}
+                className="w-1 h-4 bg-[#00FF41] animate-pulse"
+                style={{ animationDelay: `${i * 0.2}s` }}
+              />
+            ))}
+          </div>
+        </h1>
+        <p className="text-sm text-neutral-400">
+          Aggregating headlines, peer rotation, and macro signals from the current observation.
+        </p>
+      </header>
+
+      <div className="flex-1 flex gap-6 min-h-0">
+        {/* Neural map */}
+        <div className="flex-1 glass-panel rounded-2xl relative overflow-hidden flex items-center justify-center bg-black/60 p-12">
+          <div className="absolute inset-0 bg-aurora opacity-30 pointer-events-none" />
+          <div className="absolute inset-0 scanline opacity-20 pointer-events-none" />
+
+          <svg className="w-full h-full opacity-60" viewBox="0 0 400 300">
+            <defs>
+              <filter id="glow">
+                <feGaussianBlur stdDeviation="2" result="coloredBlur" />
+                <feMerge>
+                  <feMergeNode in="coloredBlur" />
+                  <feMergeNode in="SourceGraphic" />
+                </feMerge>
+              </filter>
+            </defs>
+            <g stroke="white" strokeWidth="0.5" strokeOpacity="0.1">
+              <line x1="200" y1="150" x2="100" y2="80" />
+              <line x1="200" y1="150" x2="300" y2="80" />
+              <line x1="200" y1="150" x2="100" y2="220" />
+              <line x1="200" y1="150" x2="300" y2="220" />
+              <line x1="100" y1="80" x2="50" y2="150" />
+              <line x1="100" y1="220" x2="50" y2="150" />
+              <line x1="300" y1="80" x2="350" y2="150" />
+              <line x1="300" y1="220" x2="350" y2="150" />
+            </g>
+            <circle cx="200" cy="150" r="10" fill="#731fff" filter="url(#glow)">
+              <animate attributeName="r" values="10;12;10" dur="3s" repeatCount="indefinite" />
+            </circle>
+            {[
+              { x: 100, y: 80, c: '#00FF41' },
+              { x: 300, y: 80, c: '#00FF41' },
+              { x: 100, y: 220, c: '#ffb4ab' },
+              { x: 300, y: 220, c: '#00FF41' },
+              { x: 50, y: 150, c: '#731fff' },
+              { x: 350, y: 150, c: '#731fff' },
+            ].map((n, i) => (
+              <g key={i}>
+                <circle cx={n.x} cy={n.y} r="4" fill={n.c} filter="url(#glow)">
+                  <animate attributeName="opacity" values="0.4;1;0.4" dur={`${2 + i}s`} repeatCount="indefinite" />
+                </circle>
+                <circle cx={n.x} cy={n.y} r="8" fill="none" stroke={n.c} strokeWidth="0.5" strokeOpacity="0.3">
+                  <animate attributeName="r" values="8;15;8" dur={`${4 + i}s`} repeatCount="indefinite" />
+                </circle>
+              </g>
+            ))}
+          </svg>
+
+          <div className="absolute inset-0 flex flex-col items-center justify-center pointer-events-none">
+            <Brain className="w-16 h-16 text-[#731fff] opacity-20" />
+            <span className="font-mono text-[10px] text-[#731fff] tracking-[0.5em] mt-4 uppercase">
+              Neural Consensus Active
+            </span>
+          </div>
+        </div>
+
+        {/* Alpha signals — derived from observation */}
+        <div className="w-96 flex flex-col gap-4 overflow-hidden shrink-0">
+          <h3 className="text-xs font-bold text-neutral-500 uppercase tracking-[0.2em] px-2 flex items-center justify-between">
+            Alpha Signals
+            <Activity className="w-3 h-3 text-[#00FF41]" />
+          </h3>
+          <div className="flex-1 overflow-y-auto space-y-4 pr-2">
+            {signals.length > 0 ? (
+              signals.map((s, i) => (
+                <div
+                  key={i}
+                  className="glass-panel p-4 rounded-xl border-l-2 hover:bg-white/[0.04] transition-all cursor-default group"
+                  style={{ borderColor: s.color }}
+                >
+                  <div className="flex justify-between items-center mb-2">
+                    <span className="text-xs font-bold uppercase tracking-widest" style={{ color: s.color }}>
+                      {s.t}
+                    </span>
+                    <span className="text-[10px] text-neutral-500">{s.time}</span>
+                  </div>
+                  <p className="text-xs text-neutral-400 leading-relaxed font-mono group-hover:text-neutral-300 transition-colors">
+                    {s.msg}
+                  </p>
+                </div>
+              ))
+            ) : (
+              <div className="text-[11px] text-neutral-500 font-mono px-2">
+                {observation ? 'No headlines/peers/macro for this step.' : 'Run a task to populate signals.'}
+              </div>
+            )}
+          </div>
+        </div>
+      </div>
+
+      <div className="h-24 glass-panel rounded-xl flex items-center px-8 border-[#00FF41]/10 bg-[#00FF41]/[0.02]">
+        <div className="flex-1 flex flex-col gap-1">
+          <span className="text-[10px] font-bold text-neutral-500 uppercase tracking-widest">Sentiment Hub</span>
+          <div className="flex items-center gap-4">
+            <div className="flex items-baseline gap-2">
+              <span className="text-2xl font-bold text-white">{toneScale}</span>
+              <span
+                className={`text-xs font-bold uppercase tracking-widest ${
+                  sentimentLabel === 'BULL'
+                    ? 'text-[#00FF41]'
+                    : sentimentLabel === 'BEAR'
+                    ? 'text-[#ffb4ab]'
+                    : 'text-neutral-400'
+                }`}
+              >
+                {sentimentLabel}
+              </span>
+            </div>
+          </div>
+        </div>
+        <div className="flex items-center gap-12">
+          {[
+            { l: 'News Tone', v: meanTone.toFixed(2) },
+            { l: 'Sentiment', v: sentimentLabel },
+            { l: 'Peer Beta', v: peerBeta },
+          ].map((m, i) => (
+            <div key={i} className="flex flex-col items-center">
+              <span className="text-[9px] font-bold text-neutral-600 uppercase mb-1">{m.l}</span>
+              <span className="text-xs font-mono font-bold text-neutral-300">{m.v}</span>
+            </div>
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+};
+
+// ------------------------------------------------------------------------- App
+
+type Tab = 'Terminal' | 'Council' | 'Training' | 'Gallery' | 'Portfolio' | 'Intelligence';
+
+export default function App() {
+  const [activeTab, setActiveTab] = useState<Tab>('Terminal');
+  const env = useStockerEnv();
+
+  const onDeploy = (taskId: string) => {
+    void env.selectTask(taskId);
+    setActiveTab('Terminal');
+  };
+
+  const renderView = () => {
+    switch (activeTab) {
+      case 'Terminal':
+        return <TerminalView env={env} />;
+      case 'Council':
+        return <CouncilView env={env} />;
+      case 'Training':
+        return <TrainingView />;
+      case 'Gallery':
+        return <GalleryView env={env} onDeploy={onDeploy} />;
+      case 'Portfolio':
+        return <PortfolioView env={env} />;
+      case 'Intelligence':
+        return <IntelligenceView env={env} />;
+      default:
+        return <TerminalView env={env} />;
+    }
+  };
+
+  return (
+    <div className="flex min-h-screen bg-[#050505] text-[#e5e2e1] font-sans selection:bg-[#00FF41]/20">
+      <div className="bg-aurora fixed inset-0 pointer-events-none z-0" />
+      <div className="fixed inset-0 pointer-events-none z-50 opacity-[0.03] scanline" />
+
+      {/* Sidebar */}
+      <nav className="w-64 fixed left-0 top-0 h-screen bg-black/40 backdrop-blur-3xl border-r border-white/5 flex flex-col pt-20 pb-8 z-40 transition-all">
+        <div className="px-6 mb-8 flex items-center gap-3">
+          <div className="w-10 h-10 rounded-lg bg-white/5 border border-white/10 flex items-center justify-center relative overflow-hidden group">
+            <Cpu className="w-6 h-6 text-[#00FF41] opacity-70 group-hover:scale-110 transition-transform" />
+            <div className="absolute inset-0 bg-gradient-to-br from-[#00FF41]/20 to-transparent opacity-0 group-hover:opacity-100 transition-opacity" />
+          </div>
+          <div>
+            <h2 className="font-bold text-sm tracking-widest text-[#e5e2e1]">ALPHA ENGINE</h2>
+            <p className="text-[10px] text-[#00FF41] font-mono tracking-widest mt-0.5 uppercase">
+              {env.taskId ?? 'Booting…'}
+            </p>
+          </div>
+        </div>
+
+        <div className="flex-1 px-3 space-y-1">
+          <SidebarItem icon={Monitor} label="Terminal" active={activeTab === 'Terminal'} onClick={() => setActiveTab('Terminal')} />
+          <SidebarItem icon={Users} label="Council" active={activeTab === 'Council'} onClick={() => setActiveTab('Council')} />
+          <SidebarItem icon={TrendingUp} label="Training" active={activeTab === 'Training'} onClick={() => setActiveTab('Training')} />
+          <SidebarItem icon={Library} label="Gallery" active={activeTab === 'Gallery'} onClick={() => setActiveTab('Gallery')} />
+          <SidebarItem icon={Wallet} label="Portfolio" active={activeTab === 'Portfolio'} onClick={() => setActiveTab('Portfolio')} />
+          <SidebarItem icon={Brain} label="Intelligence" active={activeTab === 'Intelligence'} onClick={() => setActiveTab('Intelligence')} />
+        </div>
+
+        <div className="px-3 mt-auto space-y-1 border-t border-white/5 pt-4">
+          <button className="w-full flex items-center gap-3 px-4 py-2 rounded-lg text-neutral-500 hover:bg-white/5 hover:text-[#00FF41] transition-all">
+            <FileText className="w-4 h-4" />
+            <span className="text-xs font-medium">Docs</span>
+          </button>
+          <button className="w-full flex items-center gap-3 px-4 py-2 rounded-lg text-neutral-500 hover:bg-white/5 hover:text-[#00FF41] transition-all">
+            <LifeBuoy className="w-4 h-4" />
+            <span className="text-xs font-medium">Support</span>
+          </button>
+        </div>
+
+        <div className="px-6 mt-6">
+          <div
+            className={`p-3 rounded-lg border flex items-center gap-3 ${
+              env.error
+                ? 'bg-[#ffb4ab]/5 border-[#ffb4ab]/20'
+                : env.loading
+                ? 'bg-[#731fff]/5 border-[#731fff]/20'
+                : 'bg-[#00FF41]/5 border-[#00FF41]/20'
+            }`}
+          >
+            <div
+              className={`w-2 h-2 rounded-full animate-pulse ${
+                env.error ? 'bg-[#ffb4ab]' : env.loading ? 'bg-[#731fff]' : 'bg-[#00FF41]'
+              }`}
+            />
+            <div className="flex flex-col">
+              <span
+                className={`text-[10px] font-bold uppercase tracking-widest ${
+                  env.error ? 'text-[#ffb4ab]' : env.loading ? 'text-[#731fff]' : 'text-[#00FF41]'
+                }`}
+              >
+                {env.error ? 'API Error' : env.loading ? 'Working…' : 'System Ready'}
+              </span>
+              <span className="text-[8px] text-neutral-500 font-mono truncate max-w-[160px]">
+                {env.error ?? `task: ${env.taskId ?? '—'}`}
+              </span>
+            </div>
+          </div>
+        </div>
+      </nav>
+
+      {/* Main Content */}
+      <div className="flex-1 ml-64 flex flex-col relative z-10">
+        <header className="h-14 fixed top-0 right-0 left-64 bg-black/40 backdrop-blur-xl border-b border-white/5 px-6 flex items-center justify-between z-50">
+          <div className="flex items-center gap-4">
+            <span className="text-xl font-black tracking-widest text-[#00FF41] drop-shadow-[0_0_8px_rgba(0,255,65,0.4)]">STOCKER AI</span>
+          </div>
+
+          <div className="flex items-center gap-6">
+            <div className="relative group hidden md:block">
+              <Search className="w-4 h-4 absolute left-3 top-1/2 -translate-y-1/2 text-neutral-500 group-focus-within:text-[#00FF41] transition-colors" />
+              <input
+                type="text"
+                placeholder="Search parameters..."
+                className="bg-white/5 border border-white/10 rounded-full py-1.5 pl-10 pr-4 text-xs font-mono text-[#e5e2e1] focus:outline-none focus:border-[#00FF41]/50 w-64 transition-all"
+              />
+            </div>
+
+            <div className="flex items-center gap-4">
+              <button className="text-neutral-500 hover:text-white transition-colors relative">
+                <Bell className="w-5 h-5" />
+                <span className="absolute -top-1 -right-1 w-2 h-2 bg-[#00FF41] rounded-full" />
+              </button>
+              <button className="text-neutral-500 hover:text-white transition-colors">
+                <CreditCard className="w-5 h-5" />
+              </button>
+              <button className="text-neutral-500 hover:text-white transition-colors">
+                <User className="w-5 h-5" />
+              </button>
+            </div>
+          </div>
+        </header>
+
+        <main className="pt-14 p-6 flex-1 flex flex-col min-h-screen">
+          <AnimatePresence mode="wait">
+            <motion.div
+              key={activeTab}
+              initial={{ opacity: 0, y: 10 }}
+              animate={{ opacity: 1, y: 0 }}
+              exit={{ opacity: 0, y: -10 }}
+              transition={{ duration: 0.2 }}
+              className="flex-1 flex flex-col"
+            >
+              {renderView()}
+            </motion.div>
+          </AnimatePresence>
+        </main>
+      </div>
+    </div>
+  );
+}

frontend/src/api.ts

@@ -0,0 +1,255 @@
+// TypeScript mirrors of the Pydantic models in app/models.py.
+// Keep these in sync if the backend contract changes.
+
+import { useCallback, useEffect, useState } from 'react';
+
+export type Side = 'buy' | 'sell' | 'hold';
+
+export interface MarketObservation {
+  ticker: string;
+  date: string;
+  price: number;
+  price_history: number[];
+  fundamentals: Record<string, unknown>;
+  cash: number;
+  position: number;
+  portfolio_value: number;
+  task_id: string;
+  step_number: number;
+  total_steps: number;
+  chart_path: string;
+  headlines: Array<{ date: string; headline: string; source: string; sentiment_label: string }>;
+  forum_excerpts: Array<{ date: string; subreddit: string; score: number; post_text: string }>;
+  indicators: Record<string, number | null>;
+  peers: {
+    peers: Array<{ peer_ticker: string; peer_close: number | null }>;
+    commodity?: string | null;
+    commodity_price?: number | null;
+  };
+  macro: Array<{ date: string; country: string; headline: string; policy_signal: string }>;
+}
+
+export interface EnvironmentState {
+  task_id: string;
+  current_step: number;
+  total_steps: number;
+  done: boolean;
+  cash: number;
+  position: number;
+  portfolio_value: number;
+  action_history: Array<{ side: Side; quantity: number }>;
+  reward_history: number[];
+}
+
+export interface SpecialistVote {
+  name: string;
+  signal: number;
+  confidence: number;
+  rationale: string;
+}
+
+export interface CouncilDecision {
+  votes: SpecialistVote[];
+  action: { side: Side; quantity: number };
+  rationale: string;
+}
+
+export interface OhlcvBar {
+  time: string;
+  open: number;
+  high: number;
+  low: number;
+  close: number;
+  volume: number;
+  in_episode: boolean;
+}
+
+export interface OhlcvResponse {
+  task_id: string;
+  ticker: string;
+  bars: OhlcvBar[];
+}
+
+export interface TrainingMetrics {
+  status: 'completed' | 'no_runs';
+  run_name?: string;
+  summary: Array<{
+    task_id: string;
+    total_reward: number;
+    final_portfolio: number;
+    buy_and_hold: number;
+    alpha_pct: number;
+  }>;
+  mean_alpha_pct: number;
+  reward_curve_png?: string | null;
+  portfolio_curve_png?: string | null;
+}
+
+// ---------- fetch helpers --------------------------------------------------
+
+async function jget<T>(url: string): Promise<T> {
+  const r = await fetch(url);
+  if (!r.ok) throw new Error(`${url}: ${r.status}`);
+  return r.json() as Promise<T>;
+}
+
+async function jpost<T>(url: string, body: unknown): Promise<T> {
+  const r = await fetch(url, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify(body),
+  });
+  if (!r.ok) throw new Error(`${url}: ${r.status}`);
+  return r.json() as Promise<T>;
+}
+
+export const api = {
+  meta: () => jget<{ tasks: string[]; name: string; version: string }>('/meta'),
+  reset: (task_id: string) =>
+    jpost<{ observation: MarketObservation; info: Record<string, unknown> }>(
+      '/reset',
+      { task_id },
+    ),
+  step: (side: Side, quantity: number) =>
+    jpost<{ observation: MarketObservation; reward: number; done: boolean; info: Record<string, unknown> }>(
+      '/step',
+      { side, quantity },
+    ),
+  state: () => jget<EnvironmentState>('/state'),
+  ohlcv: (task_id: string) => jget<OhlcvResponse>(`/ohlcv?task_id=${encodeURIComponent(task_id)}`),
+  council: () => jget<CouncilDecision>('/council'),
+  trainingMetrics: () => jget<TrainingMetrics>('/training/metrics'),
+};
+
+// ---------- shared state hook ---------------------------------------------
+
+export interface StockerEnv {
+  tasks: string[];
+  taskId: string | null;
+  observation: MarketObservation | null;
+  envState: EnvironmentState | null;
+  council: CouncilDecision | null;
+  ohlcv: OhlcvResponse | null;
+  /** Starting cash for the active task, captured from /reset info. */
+  startingCash: number;
+  loading: boolean;
+  error: string | null;
+  selectTask: (taskId: string) => Promise<void>;
+  submitTrade: (side: Side, quantity: number) => Promise<void>;
+}
+
+export function useStockerEnv(): StockerEnv {
+  const [tasks, setTasks] = useState<string[]>([]);
+  const [taskId, setTaskId] = useState<string | null>(null);
+  const [observation, setObservation] = useState<MarketObservation | null>(null);
+  const [envState, setEnvState] = useState<EnvironmentState | null>(null);
+  const [council, setCouncil] = useState<CouncilDecision | null>(null);
+  const [ohlcv, setOhlcv] = useState<OhlcvResponse | null>(null);
+  const [startingCash, setStartingCash] = useState<number>(10000);
+  const [loading, setLoading] = useState<boolean>(false);
+  const [error, setError] = useState<string | null>(null);
+
+  const selectTask = useCallback(async (next: string) => {
+    setLoading(true);
+    setError(null);
+    try {
+      const reset = await api.reset(next);
+      setTaskId(next);
+      setObservation(reset.observation);
+      const sc = Number(reset.info?.starting_cash);
+      if (Number.isFinite(sc) && sc > 0) setStartingCash(sc);
+      const [bars, st] = await Promise.all([api.ohlcv(next), api.state()]);
+      setOhlcv(bars);
+      setEnvState(st);
+      try {
+        setCouncil(await api.council());
+      } catch (e) {
+        // council can fail silently — UI shows empty state
+        setCouncil(null);
+        console.warn('council fetch failed', e);
+      }
+    } catch (e: unknown) {
+      const msg = e instanceof Error ? e.message : String(e);
+      setError(msg);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  const submitTrade = useCallback(async (side: Side, quantity: number) => {
+    setLoading(true);
+    setError(null);
+    try {
+      const stepRes = await api.step(side, quantity);
+      setObservation(stepRes.observation);
+      const st = await api.state();
+      setEnvState(st);
+      if (!stepRes.done) {
+        try {
+          setCouncil(await api.council());
+        } catch (e) {
+          setCouncil(null);
+          console.warn('council fetch failed', e);
+        }
+      }
+    } catch (e: unknown) {
+      const msg = e instanceof Error ? e.message : String(e);
+      setError(msg);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+
+  // bootstrap: load tasks, then auto-select first
+  useEffect(() => {
+    let cancelled = false;
+    api
+      .meta()
+      .then((m) => {
+        if (cancelled) return;
+        setTasks(m.tasks);
+        if (m.tasks.length > 0) {
+          void selectTask(m.tasks[0]);
+        }
+      })
+      .catch((e: unknown) => {
+        const msg = e instanceof Error ? e.message : String(e);
+        setError(msg);
+      });
+    return () => {
+      cancelled = true;
+    };
+  }, [selectTask]);
+
+  return {
+    tasks,
+    taskId,
+    observation,
+    envState,
+    council,
+    ohlcv,
+    startingCash,
+    loading,
+    error,
+    selectTask,
+    submitTrade,
+  };
+}
+
+// Display-name + role keyword mapping for the seven specialists.
+// Backend `name` values come from app/council/specialists.py.
+export const SPECIALIST_DISPLAY: Record<string, string> = {
+  chart_pattern: 'Chart Pattern',
+  seasonal_trend: 'Seasonal',
+  indicator: 'Indicator',
+  news: 'News',
+  forum_sentiment: 'Forum',
+  peer_commodity: 'Peer',
+  geopolitics: 'Geo',
+};
+
+export function statusFromSignal(signal: number): 'green' | 'red' | 'gray' {
+  if (signal > 0.1) return 'green';
+  if (signal < -0.1) return 'red';
+  return 'gray';
+}

frontend/src/index.css

@@ -0,0 +1,54 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;900&family=JetBrains+Mono:wght@400;500;700&display=swap');
+@import "tailwindcss";
+
+@theme {
+  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
+  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
+}
+
+@layer base {
+  body {
+    @apply bg-[#050505] text-[#e5e2e1] antialiased min-h-screen overflow-x-hidden;
+  }
+}
+
+@layer components {
+  .glass-panel {
+    @apply bg-white/5 backdrop-blur-xl border border-white/10;
+  }
+  
+  .terminal-text {
+    @apply font-mono text-sm tracking-tight;
+  }
+
+  .neon-green {
+    @apply text-[#00FF41] drop-shadow-[0_0_8px_rgba(0,255,65,0.4)];
+  }
+
+  .neon-border {
+    @apply border-[#00FF41]/30 hover:border-[#00FF41]/60 transition-colors;
+  }
+
+  .bg-aurora {
+    background: radial-gradient(circle at 15% 50%, rgba(115, 31, 255, 0.08) 0%, transparent 50%),
+                radial-gradient(circle at 85% 30%, rgba(0, 255, 65, 0.05) 0%, transparent 50%);
+    background-attachment: fixed;
+  }
+}
+
+@keyframes scanline {
+  0% { transform: translateY(-100%); }
+  100% { transform: translateY(100%); }
+}
+
+.scanline::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 2px;
+  background: rgba(0, 255, 65, 0.05);
+  animation: scanline 8s linear infinite;
+  pointer-events: none;
+}

frontend/src/main.tsx

@@ -0,0 +1,10 @@
+import {StrictMode} from 'react';
+import {createRoot} from 'react-dom/client';
+import App from './App.tsx';
+import './index.css';
+
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+);

frontend/tsconfig.json

@@ -0,0 +1,26 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "experimentalDecorators": true,
+    "useDefineForClassFields": false,
+    "module": "ESNext",
+    "lib": [
+      "ES2022",
+      "DOM",
+      "DOM.Iterable"
+    ],
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "isolatedModules": true,
+    "moduleDetection": "force",
+    "allowJs": true,
+    "jsx": "react-jsx",
+    "paths": {
+      "@/*": [
+        "./*"
+      ]
+    },
+    "allowImportingTsExtensions": true,
+    "noEmit": true
+  }
+}

frontend/vite.config.ts

@@ -0,0 +1,26 @@
+import tailwindcss from '@tailwindcss/vite';
+import react from '@vitejs/plugin-react';
+import path from 'path';
+import {defineConfig} from 'vite';
+
+export default defineConfig(() => ({
+  plugins: [react(), tailwindcss()],
+  resolve: {
+    alias: {
+      '@': path.resolve(__dirname, '.'),
+    },
+  },
+  server: {
+    hmr: process.env.DISABLE_HMR !== 'true',
+    proxy: {
+      '/health': 'http://localhost:8000',
+      '/meta': 'http://localhost:8000',
+      '/reset': 'http://localhost:8000',
+      '/step': 'http://localhost:8000',
+      '/state': 'http://localhost:8000',
+      '/ohlcv': 'http://localhost:8000',
+      '/council': 'http://localhost:8000',
+      '/training': 'http://localhost:8000',
+    },
+  },
+}));

scripts/build_ideal_profit.py

@@ -0,0 +1,116 @@
+#!/usr/bin/env python3
+"""Precompute per-task ideal profit trajectories used by the grader.
+
+For each task in TASK_META we simulate a perfect-foresight policy on the
+episode price series: at every step we go max-long if the next bar is up
+and flat otherwise. The resulting per-step cumulative PnL fraction is
+written to data/ideal_profits/<task_id>.json. The grader (per-step
+performance component) reads these sidecars and compares actual PnL to
+the ideal trajectory.
+
+Transaction cost is applied to the ideal trajectory at the same rate the
+env uses, so the gap the model sees reflects only foresight quality.
+
+Run:
+    uv run python scripts/build_ideal_profit.py
+"""
+from __future__ import annotations
+
+import json
+import sys
+from pathlib import Path
+
+ROOT = Path(__file__).resolve().parent.parent
+sys.path.insert(0, str(ROOT))
+
+from app.config import settings  # noqa: E402
+from app.core.tasks import TASK_META, list_task_ids  # noqa: E402
+from app.data import loader  # noqa: E402
+
+OUTPUT_DIR = ROOT / "data" / "ideal_profits"
+
+
+def simulate_perfect_foresight(
+    prices: list[float],
+    starting_cash: float,
+    txn_cost_rate: float,
+) -> tuple[list[float], list[float]]:
+    """Multi-transaction perfect foresight on a single ticker.
+
+    Returns (portfolio_curve, pnl_pct_curve) where each list has len(prices)
+    entries and represents the value (and pnl fraction) at the end of each
+    step after that step's action has been applied.
+    """
+    cash = float(starting_cash)
+    position = 0
+    portfolio_curve: list[float] = []
+    pnl_curve: list[float] = []
+
+    n = len(prices)
+    for i in range(n):
+        price = prices[i]
+        going_up = (i + 1 < n) and (prices[i + 1] > price)
+
+        if going_up and position == 0:
+            # Affordable shares after paying txn cost: solve qty * price * (1 + r) <= cash.
+            qty = int(cash // (price * (1.0 + txn_cost_rate)))
+            if qty > 0:
+                notional = qty * price
+                cash -= notional + notional * txn_cost_rate
+                position += qty
+        elif (not going_up) and position > 0:
+            notional = position * price
+            cash += notional - notional * txn_cost_rate
+            position = 0
+
+        port_value = cash + position * price
+        portfolio_curve.append(port_value)
+        pnl_curve.append((port_value - starting_cash) / starting_cash)
+
+    return portfolio_curve, pnl_curve
+
+
+def build_for_task(task_id: str) -> dict:
+    meta = TASK_META[task_id]
+    rows = loader.episode_rows(task_id)
+    if rows.empty:
+        raise RuntimeError(
+            f"No episode data for {task_id}. Run scripts/build_dataset.py first."
+        )
+    prices = rows["close"].astype(float).tolist()
+    starting_cash = float(meta["starting_cash"])
+
+    portfolio_curve, pnl_curve = simulate_perfect_foresight(
+        prices=prices,
+        starting_cash=starting_cash,
+        txn_cost_rate=settings.transaction_cost_rate,
+    )
+
+    return {
+        "task_id": task_id,
+        "ticker": meta["ticker"],
+        "starting_cash": starting_cash,
+        "transaction_cost_rate": settings.transaction_cost_rate,
+        "ideal_pnl_pct_series": [round(v, 6) for v in pnl_curve],
+        "ideal_pnl_pct_total": round(pnl_curve[-1], 6) if pnl_curve else 0.0,
+        "ideal_portfolio_curve": [round(v, 4) for v in portfolio_curve],
+    }
+
+
+def main() -> int:
+    OUTPUT_DIR.mkdir(parents=True, exist_ok=True)
+    for task_id in list_task_ids():
+        payload = build_for_task(task_id)
+        out = OUTPUT_DIR / f"{task_id}.json"
+        out.write_text(json.dumps(payload, indent=2))
+        n = len(payload["ideal_pnl_pct_series"])
+        print(
+            f"{task_id:<14} steps={n:>3} "
+            f"ideal_total={payload['ideal_pnl_pct_total']:+.4f} "
+            f"-> {out.relative_to(ROOT)}"
+        )
+    return 0
+
+
+if __name__ == "__main__":
+    sys.exit(main())

tests/test_api.py

@@ -34,3 +34,38 @@ def test_state_roundtrip():
     s = client.get("/state").json()
     r = client.post("/state", json=s)
     assert r.status_code == 200
+
+
+def test_ohlcv_returns_bars():
+    r = client.get("/ohlcv", params={"task_id": "task_easy"})
+    assert r.status_code == 200
+    body = r.json()
+    assert body["ticker"] == "AAPL"
+    assert len(body["bars"]) > 0
+    bar = body["bars"][0]
+    assert {"time", "open", "high", "low", "close", "volume", "in_episode"} <= bar.keys()
+    assert bar["high"] >= bar["low"]
+
+
+def test_ohlcv_unknown_task_404():
+    r = client.get("/ohlcv", params={"task_id": "nope"})
+    assert r.status_code == 404
+
+
+def test_council_after_reset():
+    client.post("/reset", json={"task_id": "task_easy"})
+    r = client.get("/council")
+    assert r.status_code == 200
+    body = r.json()
+    assert len(body["votes"]) == 7
+    assert body["action"]["side"] in {"buy", "sell", "hold"}
+
+
+def test_training_metrics_returns_summary():
+    r = client.get("/training/metrics")
+    assert r.status_code == 200
+    body = r.json()
+    assert body["status"] in {"completed", "no_runs"}
+    if body["status"] == "completed":
+        assert len(body["summary"]) >= 1
+        assert "alpha_pct" in body["summary"][0]

tests/test_graders.py

@@ -0,0 +1,121 @@
+"""Unit tests for the grader (compute_step_reward).
+
+Covers the asymmetric performance shape, the inflation drag component, and
+the env-level transaction cost deduction.
+"""
+from __future__ import annotations
+
+from app.config import Settings
+from app.core.environment import StockerEnv
+from app.core.graders import compute_step_reward
+from app.models import TradeAction
+
+
+def _settings(**overrides) -> Settings:
+    base = dict(
+        transaction_cost_rate=0.001,
+        annual_inflation_rate=0.05,
+        reward_weight_performance=0.7,
+        reward_weight_inflation=0.3,
+    )
+    base.update(overrides)
+    return Settings(**base)
+
+
+def _call(
+    *,
+    actual_pnl_pct: float,
+    ideal_at_step: float,
+    ideal_total: float,
+    step_index: int = 5,
+    total_steps: int = 50,
+    starting_cash: float = 10000.0,
+    invalid: bool = False,
+    settings: Settings | None = None,
+):
+    settings = settings or _settings()
+    series = [0.0] * total_steps
+    series[step_index] = ideal_at_step
+    new_portfolio = starting_cash * (1.0 + actual_pnl_pct)
+    return compute_step_reward(
+        action=TradeAction(side="hold", quantity=0),
+        new_portfolio=new_portfolio,
+        starting_cash=starting_cash,
+        invalid=invalid,
+        step_index=step_index,
+        total_steps=total_steps,
+        ideal_pnl_pct_series=series,
+        ideal_pnl_pct_total=ideal_total,
+        settings=settings,
+    )
+
+
+def test_at_ideal_step_yields_high_performance():
+    # actual real ~= ideal at this step -> gap ~= 0 -> perf ~= 1
+    result = _call(actual_pnl_pct=0.05, ideal_at_step=0.05, ideal_total=0.20)
+    assert result.breakdown["performance_factor"] > 0.95
+    assert result.score > 0.5
+
+
+def test_far_behind_ideal_yields_punishment():
+    # actual < ideal by much more than scale -> perf = -1
+    result = _call(actual_pnl_pct=-0.05, ideal_at_step=0.30, ideal_total=0.30)
+    assert result.breakdown["performance_factor"] == -1.0
+    assert result.breakdown["weighted_performance"] < 0
+
+
+def test_outperforming_ideal_yields_bonus():
+    # gap < 0 -> perf > 1.0 (env clip will cap, but raw breakdown shows the bonus)
+    result = _call(actual_pnl_pct=0.10, ideal_at_step=0.05, ideal_total=0.10)
+    assert result.breakdown["performance_factor"] > 1.0
+    assert result.breakdown["gap"] < 0
+
+
+def test_inflation_factor_is_negative_with_positive_pnl():
+    # Real < nominal under positive inflation, so inflation_factor < 0
+    result = _call(
+        actual_pnl_pct=0.05,
+        ideal_at_step=0.05,
+        ideal_total=0.20,
+        step_index=252,  # one year in -> noticeable inflation drag
+        total_steps=300,
+    )
+    assert result.breakdown["inflation_factor"] < 0
+    assert result.breakdown["real_pnl_pct"] < result.breakdown["nominal_pnl_pct"]
+
+
+def test_invalid_action_subtracts_penalty():
+    fine = _call(actual_pnl_pct=0.05, ideal_at_step=0.05, ideal_total=0.20)
+    bad = _call(actual_pnl_pct=0.05, ideal_at_step=0.05, ideal_total=0.20, invalid=True)
+    assert bad.score < fine.score
+    assert "invalid_action_penalty" in bad.breakdown
+
+
+def test_buy_deducts_transaction_cost_from_cash():
+    """End-to-end env check: a buy at 0.1% transaction cost shaves cash."""
+    env = StockerEnv(task_id="task_easy")
+    env.reset()
+    cash_before = env.state().cash
+    price = env._prices[0]
+    qty = 5
+    env.step({"side": "buy", "quantity": qty})
+    cash_after = env.state().cash
+
+    notional = qty * price
+    expected_cost = notional * 1.001  # 0.1% txn cost
+    assert abs((cash_before - cash_after) - expected_cost) < 1e-4
+
+
+def test_sell_deducts_transaction_cost_from_proceeds():
+    env = StockerEnv(task_id="task_easy")
+    env.reset()
+    qty = 5
+    env.step({"side": "buy", "quantity": qty})
+    cash_after_buy = env.state().cash
+    sell_price = env._prices[1]  # next-step price (env advanced after the buy)
+    env.step({"side": "sell", "quantity": qty})
+    cash_after_sell = env.state().cash
+
+    notional = qty * sell_price
+    expected_proceeds = notional * 0.999
+    assert abs((cash_after_sell - cash_after_buy) - expected_proceeds) < 1e-4