fix(ui): sync merge and dependency updates

Code-only sync from GitHub commit 5c8b9dc. Data artifacts were left unchanged on the Space to avoid reuploading runtime datasets.

PLAN.md

@@ -141,6 +141,7 @@ All times are `America/Los_Angeles` / PDT unless noted.
 - 2026-06-14 18:07: removed the sidebar brand subtitle and added client-side sidebar navigation synchronization with stable view IDs so page content switches on the first click while the Gradio backend visibility callback catches up.
 - 2026-06-14 18:08: tightened role icon sizing inside hero-card tag pills so tag icons fit the allocated pill height instead of inheriting larger card image dimensions.
 - 2026-06-14 18:30: constrained Gradio dropdown overlays to the trigger/viewport width, scoped listbox CSS to `.dota-dropdown`, hid horizontal overflow, and added a runtime clamp that repositions fixed dropdown menus on open, scroll, and resize so long hero labels no longer push menus outside the field.
+- 2026-06-14 21:20: resolved the GitHub merge conflict in `src/dota2tuned/ui/gradio_app.py` by keeping the new Builds page while preserving the JS-only sidebar switching and dropdown clamp fixes. Refreshed direct dependency minimums and `uv.lock` to the latest resolved set, including Gradio `6.18.0`, FastAPI `0.137.0`, Transformers `5.12.0`, Torch `2.12.0`, Datasets `5.0.0`, and matching Modal/HF training dependency lists. Validation passed with `uv lock --check`, `uv run ruff check app.py src tests`, `uv run pytest -q`, and a Gradio app-construction smoke check.
 
 ## Adapter Eval Notes
 

SUBMISSION.md

@@ -31,6 +31,7 @@ Do not claim the Off the Grid or Local-first badges. The app uses Modal for the
 - [x] Modal adapter inference passed.
 - [x] Fine-tuned adapter is published on Hugging Face.
 - [x] Compact serving artifacts are uploaded with the Space.
+- [x] Expanded sample artifacts include 1,604 enriched match details and 16,040 player-match rows.
 - [x] Dataset card is prepared for the Hub dataset.
 - [x] Repository license is declared as Apache-2.0.
 - [x] GitHub `main` is pushed and clean.

app.py

@@ -5,10 +5,16 @@ sys.path.insert(0, str(Path(__file__).parent / "src"))
 
 import gradio as gr
 
-from dota2tuned.ui.gradio_app import APP_CSS, build_app
+from dota2tuned.ui.gradio_app import APP_CSS, APP_HEAD, build_app
 
 demo = build_app()
 
 
 if __name__ == "__main__":
-    demo.launch(css=APP_CSS, js=getattr(demo, "dota2tuned_js", None), theme=gr.themes.Soft())
+    # NOTE: the load JS is attached inside build_app via demo.load(); launch(js=)
+    # is a no-op on page load in Gradio 6.18, so it is intentionally not passed.
+    demo.launch(
+        css=APP_CSS,
+        head=APP_HEAD,
+        theme=gr.themes.Soft(),
+    )

pyproject.toml

@@ -6,34 +6,34 @@ readme = "README.md"
 license = "Apache-2.0"
 requires-python = ">=3.11,<3.13"
 dependencies = [
-  "datasets>=3.0.0",
-  "duckdb>=1.1.0",
-  "gradio>=5.0.0",
-  "httpx>=0.27.0",
-  "huggingface-hub>=1.0.0",
-  "joblib>=1.4.0",
-  "numpy>=1.26.0",
-  "polars>=1.0.0",
-  "pyarrow>=16.0.0",
-  "pydantic>=2.8.0",
-  "python-dotenv>=1.0.0",
-  "scikit-learn>=1.5.0",
-  "tenacity>=8.3.0",
-  "typer>=0.12.0",
+  "datasets>=5.0.0",
+  "duckdb>=1.5.3",
+  "gradio>=6.18.0",
+  "httpx>=0.28.1",
+  "huggingface-hub>=1.19.0",
+  "joblib>=1.5.3",
+  "numpy>=2.4.6",
+  "polars>=1.41.2",
+  "pyarrow>=24.0.0",
+  "pydantic>=2.13.4",
+  "python-dotenv>=1.2.2",
+  "scikit-learn>=1.9.0",
+  "tenacity>=9.1.4",
+  "typer>=0.25.1",
 ]
 
 [project.optional-dependencies]
 train = [
-  "accelerate>=1.0.0",
-  "bitsandbytes>=0.44.0",
-  "peft>=0.13.0",
-  "torch>=2.4.0",
-  "transformers>=4.51.0",
-  "trl>=0.25.0",
+  "accelerate>=1.14.0",
+  "bitsandbytes>=0.49.2",
+  "peft>=0.19.1",
+  "torch>=2.12.0",
+  "transformers>=5.12.0",
+  "trl>=1.6.0",
 ]
-lightgbm = ["lightgbm>=4.5.0"]
-modal = ["modal>=1.5.0", "fastapi[standard]>=0.115.0"]
-dev = ["pytest>=8.3.0", "ruff>=0.6.0"]
+lightgbm = ["lightgbm>=4.6.0"]
+modal = ["modal>=1.5.0", "fastapi[standard]>=0.137.0"]
+dev = ["pytest>=9.1.0", "ruff>=0.15.17"]
 
 [project.scripts]
 dota2tuned = "dota2tuned.cli:app"

requirements.txt

@@ -1,23 +1,23 @@
-datasets>=3.0.0
-duckdb>=1.1.0
-gradio>=5.0.0
-httpx>=0.27.0
-huggingface-hub>=1.0.0
-joblib>=1.4.0
+datasets>=5.0.0
+duckdb>=1.5.3
+gradio>=6.18.0
+httpx>=0.28.1
+huggingface-hub>=1.19.0
+joblib>=1.5.3
 modal>=1.5.0
-numpy>=1.26.0
-polars>=1.0.0
-pyarrow>=16.0.0
-pydantic>=2.8.0
-python-dotenv>=1.0.0
-scikit-learn>=1.5.0
-tenacity>=8.3.0
-typer>=0.12.0
+numpy>=2.4.6
+polars>=1.41.2
+pyarrow>=24.0.0
+pydantic>=2.13.4
+python-dotenv>=1.2.2
+scikit-learn>=1.9.0
+tenacity>=9.1.4
+typer>=0.25.1
 
 # GPU Space / training dependencies. These are safe on GPU Spaces and HF Jobs.
-accelerate>=1.0.0
-bitsandbytes>=0.44.0
-peft>=0.13.0
-torch>=2.4.0
-transformers>=4.51.0
-trl>=0.25.0
+accelerate>=1.14.0
+bitsandbytes>=0.49.2
+peft>=0.19.1
+torch>=2.12.0
+transformers>=5.12.0
+trl>=1.6.0

src/dota2tuned/cli.py

@@ -200,10 +200,18 @@ def eval() -> None:
 
 @app.command()
 def serve() -> None:
-    from dota2tuned.ui.gradio_app import APP_CSS
+    import gradio as gr
+
+    from dota2tuned.ui.gradio_app import APP_CSS, APP_HEAD
 
     demo = build_app()
-    demo.launch(css=APP_CSS, js=getattr(demo, "dota2tuned_js", None))
+    # Load JS is attached inside build_app via demo.load(); launch(js=) does not
+    # run on page load in Gradio 6.18.
+    demo.launch(
+        css=APP_CSS,
+        head=APP_HEAD,
+        theme=gr.themes.Soft(),
+    )
 
 
 @app.command("modal-deploy")

src/dota2tuned/finetune.py

@@ -6,14 +6,14 @@ from typing import Any
 from dota2tuned.config import Settings
 
 JOB_DEPENDENCIES = [
-    "datasets",
-    "transformers",
-    "trl",
-    "peft",
-    "bitsandbytes",
-    "accelerate",
-    "huggingface_hub",
-    "hf-transfer",
+    "datasets>=5.0.0",
+    "transformers>=5.12.0",
+    "trl>=1.6.0",
+    "peft>=0.19.1",
+    "bitsandbytes>=0.49.2",
+    "accelerate>=1.14.0",
+    "huggingface-hub>=1.19.0",
+    "hf-transfer>=0.1.9",
 ]
 
 JOB_ENV = {
@@ -26,13 +26,14 @@ JOB_ENV = {
 
 TRAIN_SCRIPT = """# /// script
 # dependencies = [
-#   "datasets",
-#   "transformers",
-#   "trl",
-#   "peft",
-#   "bitsandbytes",
-#   "accelerate",
-#   "huggingface_hub",
+#   "datasets>=5.0.0",
+#   "transformers>=5.12.0",
+#   "trl>=1.6.0",
+#   "peft>=0.19.1",
+#   "bitsandbytes>=0.49.2",
+#   "accelerate>=1.14.0",
+#   "huggingface-hub>=1.19.0",
+#   "hf-transfer>=0.1.9",
 # ]
 # ///
 import torch

src/dota2tuned/modal_backend.py

@@ -21,31 +21,31 @@ REMOTE_CACHE = Path("/cache")
 REMOTE_OUTPUTS = Path("/outputs")
 
 CORE_DEPS = [
-    "duckdb>=1.1.0",
-    "fastapi[standard]>=0.115.0",
-    "gradio>=5.0.0",
-    "httpx>=0.27.0",
-    "huggingface-hub>=1.0.0",
-    "joblib>=1.4.0",
-    "numpy>=1.26.0",
-    "polars>=1.0.0",
-    "pyarrow>=16.0.0",
-    "pydantic>=2.8.0",
-    "python-dotenv>=1.0.0",
-    "scikit-learn>=1.5.0",
-    "tenacity>=8.3.0",
+    "duckdb>=1.5.3",
+    "fastapi[standard]>=0.137.0",
+    "gradio>=6.18.0",
+    "httpx>=0.28.1",
+    "huggingface-hub>=1.19.0",
+    "joblib>=1.5.3",
+    "numpy>=2.4.6",
+    "polars>=1.41.2",
+    "pyarrow>=24.0.0",
+    "pydantic>=2.13.4",
+    "python-dotenv>=1.2.2",
+    "scikit-learn>=1.9.0",
+    "tenacity>=9.1.4",
 ]
 
 TRAIN_DEPS = [
     *CORE_DEPS,
-    "accelerate>=1.0.0",
-    "bitsandbytes>=0.44.0",
-    "datasets>=3.0.0",
+    "accelerate>=1.14.0",
+    "bitsandbytes>=0.49.2",
+    "datasets>=5.0.0",
     "hf-transfer>=0.1.9",
-    "peft>=0.13.0",
-    "torch>=2.4.0",
-    "transformers>=4.51.0",
-    "trl>=0.25.0",
+    "peft>=0.19.1",
+    "torch>=2.12.0",
+    "transformers>=5.12.0",
+    "trl>=1.6.0",
 ]
 
 REMOTE_ENV = {
@@ -133,7 +133,7 @@ if modal is not None and settings.modal_enabled:
         from fastapi import FastAPI
         from gradio.routes import mount_gradio_app
 
-        from dota2tuned.ui.gradio_app import APP_CSS, build_app
+        from dota2tuned.ui.gradio_app import APP_CSS, APP_HEAD, build_app
 
         demo = build_app()
         return mount_gradio_app(
@@ -141,7 +141,7 @@ if modal is not None and settings.modal_enabled:
             blocks=demo,
             path="/",
             css=APP_CSS,
-            js=getattr(demo, "dota2tuned_js", None),
+            head=APP_HEAD,
         )
 
     @app.function(

src/dota2tuned/normalize.py

@@ -30,6 +30,9 @@ SCHEMAS: dict[str, dict[str, pl.DataType]] = {
         "secret_shop": pl.Boolean,
         "side_shop": pl.Boolean,
         "recipe": pl.Boolean,
+        "attrib": pl.Utf8,
+        "notes": pl.Utf8,
+        "lore": pl.Utf8,
     },
     "dim_patch": {
         "patch_id": pl.Int64,
@@ -144,6 +147,41 @@ def normalize_hero_stats(rows: list[dict[str, Any]]) -> list[dict[str, Any]]:
     return output
 
 
+def _format_attrib(attrib: Any) -> str | None:
+    if not isinstance(attrib, list):
+        return None
+    parts = []
+    for entry in attrib:
+        if not isinstance(entry, dict):
+            continue
+        header = str(entry.get("header") or "").replace("%", "").strip()
+        value = entry.get("value")
+        footer = str(entry.get("footer") or "").strip()
+        if not header:
+            continue
+        if isinstance(value, list):
+            value_text = "/".join(str(item) for item in value)
+        else:
+            value_text = str(value) if value is not None else ""
+        if "{value}" in header:
+            text = header.replace("{value}", value_text)
+        else:
+            text = f"{header} {value_text}".strip()
+        if footer:
+            text = f"{text} {footer}"
+        parts.append(text.strip())
+    return "; ".join(part for part in parts if part) or None
+
+
+def _format_notes(notes: Any) -> str | None:
+    if isinstance(notes, list):
+        cleaned = [str(note).strip() for note in notes if str(note).strip()]
+        return " | ".join(cleaned) or None
+    if isinstance(notes, str) and notes.strip():
+        return notes.strip()
+    return None
+
+
 def normalize_items(rows: list[dict[str, Any]]) -> list[dict[str, Any]]:
     output = []
     for row in rows:
@@ -161,6 +199,9 @@ def normalize_items(rows: list[dict[str, Any]]) -> list[dict[str, Any]]:
                 "secret_shop": row.get("secret_shop"),
                 "side_shop": row.get("side_shop"),
                 "recipe": row.get("recipe"),
+                "attrib": _format_attrib(row.get("attrib")),
+                "notes": _format_notes(row.get("notes")),
+                "lore": str(row.get("lore")).strip() if row.get("lore") else None,
             }
         )
     return output

src/dota2tuned/recommend.py

@@ -58,6 +58,7 @@ class DraftRecommender:
         self.pairs = read_parquet(parquet_dir / "fact_hero_pair_stats.parquet")
         self.players = read_parquet(parquet_dir / "fact_player_match.parquet")
         self.hero_samples = self._load_hero_samples()
+        self._pair_index = self._build_pair_index()
 
     def ready(self) -> bool:
         return not self.heroes.is_empty()
@@ -127,17 +128,48 @@ class DraftRecommender:
             for row in grouped.iter_rows(named=True)
         }
 
+    def _build_pair_index(
+        self,
+    ) -> dict[tuple[str, int], dict[int, list[tuple[float | None, int]]]]:
+        """Index pair stats by (relation, hero_id) -> other_hero_id -> [(win_rate, games)].
+
+        Precomputed once so ``_pair_lift`` is a handful of dict lookups instead of a
+        full ``pairs`` scan per candidate hero. Results match the previous
+        filter+aggregate exactly (mean ignores null win_rate; games sum treats
+        null as 0).
+        """
+        index: dict[tuple[str, int], dict[int, list[tuple[float | None, int]]]] = {}
+        if self.pairs.is_empty():
+            return index
+        for row in self.pairs.iter_rows(named=True):
+            relation = str(row.get("relation") or "")
+            hero_id = int(row["hero_id"])
+            other_id = int(row["other_hero_id"])
+            win_rate = row.get("win_rate")
+            games = int(row.get("games") or 0)
+            bucket = index.setdefault((relation, hero_id), {})
+            bucket.setdefault(other_id, []).append(
+                (float(win_rate) if win_rate is not None else None, games)
+            )
+        return index
+
     def _pair_lift(self, hero_id: int, others: list[int], relation: str) -> tuple[float, int]:
-        if self.pairs.is_empty() or not others:
+        if not others:
             return 0.0, 0
-        subset = self.pairs.filter(
-            (pl.col("hero_id") == hero_id)
-            & (pl.col("other_hero_id").is_in(others))
-            & (pl.col("relation") == relation)
-        )
-        if subset.is_empty():
+        bucket = self._pair_index.get((relation, hero_id))
+        if not bucket:
+            return 0.0, 0
+        win_rates: list[float] = []
+        games = 0
+        matched = False
+        for other_id in set(others):
+            for win_rate, pair_games in bucket.get(other_id, ()):
+                matched = True
+                games += pair_games
+                if win_rate is not None:
+                    win_rates.append(win_rate)
+        if not matched:
             return 0.0, 0
-        avg = subset.select(pl.col("win_rate").mean()).item()
-        games = subset.select(pl.col("games").sum()).item()
+        avg = sum(win_rates) / len(win_rates) if win_rates else None
         lift = float(avg - 0.5) * 0.25 if avg is not None else 0.0
-        return lift, int(games or 0)
+        return lift, int(games)

src/dota2tuned/ui/gradio_app.py

@@ -251,6 +251,24 @@ SCOPE_ICON_URLS = {
     for scope, (accent, paths) in SCOPE_ICON_BODIES.items()
 }
 
+PRIMARY_ATTR_INFO = {
+    "str": ("STR", "#ee8f7d"),
+    "agi": ("AGI", "#8fd19e"),
+    "int": ("INT", "#8fc8ff"),
+    "all": ("UNIVERSAL", "#c09cff"),
+}
+
+TIME_BUCKET_ORDER = ["0-10m", "10-20m", "20-30m", "30-40m", "40m+", "unknown"]
+
+TIME_BUCKET_LABELS = {
+    "0-10m": "Laning (0-10 min)",
+    "10-20m": "Early Game (10-20 min)",
+    "20-30m": "Mid Game (20-30 min)",
+    "30-40m": "Late Game (30-40 min)",
+    "40m+": "End Game (40+ min)",
+    "unknown": "Unknown Timing",
+}
+
 COMMON_HERO_ALIASES = {
     "Anti-Mage": ["AM"],
     "Ancient Apparition": ["AA"],
@@ -314,6 +332,7 @@ APP_CSS = """
     format("woff");
   font-weight: 400;
   font-style: normal;
+  font-display: swap;
 }
 @font-face {
   font-family: "Trajan Pro";
@@ -322,6 +341,7 @@ APP_CSS = """
     format("woff");
   font-weight: 700;
   font-style: normal;
+  font-display: swap;
 }
 @font-face {
   font-family: "Trajan Pro";
@@ -330,6 +350,53 @@ APP_CSS = """
     format("woff");
   font-weight: 900;
   font-style: normal;
+  font-display: swap;
+}
+/* Dark palette: single source of truth (app is dark-only, WCAG 2.2 AA). */
+:root {
+  --d2-bg: #0d0f13;
+  --d2-fg: #dcdedf;
+  --d2-fg-strong: #f1f3f4;
+  --d2-fg-muted: #9ba2aa;
+  --d2-gold: #d9b166;
+  --d2-gold-soft: #efe5bb;
+  --d2-red: #ff6046;
+  --d2-red-strong: #c2452f;
+  --d2-focus: #ff7a63;
+  --d2-border: #7d8893;
+  --d2-border-menu: #8a96a3;
+  --d2-scroll-thumb: #8a96a3;
+}
+/* Single dark palette, applied unconditionally (no ?__theme=dark redirect).
+   Map Gradio's semantic theme variables to their dark values so every built-in
+   component renders dark regardless of system preference or the .dark body
+   class. Set on .gradio-container so the subtree inherits these over body.dark
+   and :root. Branded surfaces are further styled by the !important rules below. */
+.gradio-container,
+.gradio-container.dark {
+  color-scheme: dark;
+  --background-fill-primary: var(--neutral-950);
+  --background-fill-secondary: var(--neutral-900);
+  --body-background-fill: var(--neutral-950);
+  --body-text-color: var(--neutral-100);
+  --body-text-color-subdued: var(--neutral-400);
+  --border-color-primary: var(--neutral-700);
+  --border-color-accent: var(--neutral-600);
+  --block-background-fill: var(--neutral-800);
+  --block-border-color: var(--neutral-700);
+  --block-label-background-fill: var(--primary-600);
+  --block-label-text-color: #fff;
+  --block-title-text-color: #fff;
+  --panel-background-fill: var(--neutral-900);
+  --panel-border-color: var(--neutral-700);
+  --input-background-fill: var(--neutral-700);
+  --input-border-color: var(--neutral-700);
+  --input-placeholder-color: var(--neutral-500);
+  --code-background-fill: var(--neutral-800);
+  --table-even-background-fill: var(--neutral-950);
+  --table-odd-background-fill: var(--neutral-900);
+  --table-border-color: var(--neutral-700);
+  --color-accent-soft: var(--neutral-700);
 }
 .gradio-container {
   max-width: none !important;
@@ -349,7 +416,17 @@ APP_CSS = """
   max-width: none !important;
   width: 100% !important;
 }
-.gradio-container * {
+.gradio-container button,
+.gradio-container input,
+.gradio-container textarea,
+.gradio-container select,
+.gradio-container label,
+.gradio-container .prose,
+.gradio-container .markdown,
+.gradio-container h1,
+.gradio-container h2,
+.gradio-container h3,
+.gradio-container h4 {
   font-family: "Trajan Pro", "Goudy Trajan", "Noto Sans", serif !important;
   letter-spacing: 0 !important;
 }
@@ -368,13 +445,18 @@ APP_CSS = """
 .gradio-container textarea,
 .gradio-container input,
 .gradio-container .wrap-inner {
-  border-color: rgba(103, 112, 123, 0.42) !important;
+  border-color: var(--d2-border) !important;
   background: rgba(22, 22, 24, 0.70) !important;
   box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.035) !important;
 }
 .gradio-container textarea,
 .gradio-container input {
-  color: #efe5bb !important;
+  color: var(--d2-gold-soft) !important;
+}
+.gradio-container :focus-visible {
+  outline: 2px solid var(--d2-focus) !important;
+  outline-offset: 2px !important;
+  border-radius: 2px;
 }
 .app-main button {
   border: 1px solid rgba(255, 96, 70, 0.42) !important;
@@ -388,7 +470,7 @@ APP_CSS = """
 .app-main button:hover {
   border-color: rgba(255, 96, 70, 0.74) !important;
   background:
-    linear-gradient(180deg, rgba(234, 105, 83, 0.98), rgba(126, 43, 34, 0.98)) !important;
+    linear-gradient(180deg, var(--d2-red-strong), rgba(126, 43, 34, 0.98)) !important;
   transform: translateY(-1px);
 }
 .app-main button:active {
@@ -431,7 +513,7 @@ APP_CSS = """
   min-height: 62px;
   padding: 8px 4px 16px;
   margin: 0 0 10px;
-  border-bottom: 1px solid rgba(235, 207, 135, 0.18);
+  border-bottom: 1px solid rgba(235, 207, 135, 0.60);
 }
 .app-sidebar-brand img {
   width: 34px;
@@ -448,7 +530,7 @@ APP_CSS = """
 }
 .app-sidebar-brand span {
   display: block;
-  color: #8b929a;
+  color: var(--d2-fg-muted);
   font-size: 12px;
   line-height: 15px;
 }
@@ -464,7 +546,16 @@ APP_CSS = """
   gap: 2px !important;
 }
 .app-sidebar .app-nav input[type="radio"] {
-  display: none !important;
+  position: absolute !important;
+  width: 1px !important;
+  height: 1px !important;
+  margin: -1px !important;
+  padding: 0 !important;
+  border: 0 !important;
+  clip: rect(0 0 0 0) !important;
+  clip-path: inset(50%) !important;
+  overflow: hidden !important;
+  white-space: nowrap !important;
 }
 .app-sidebar .app-nav label {
   display: flex !important;
@@ -494,13 +585,19 @@ APP_CSS = """
   opacity: 0.72;
 }
 .app-sidebar .app-nav label:has(input:checked) {
-  background: transparent !important;
-  color: #ff6046 !important;
+  background: rgba(255, 96, 70, 0.10) !important;
+  color: var(--d2-red) !important;
+  box-shadow: inset 3px 0 0 var(--d2-red) !important;
+  font-weight: 900 !important;
 }
 .app-sidebar .app-nav label:has(input:checked)::before {
   opacity: 1;
   filter: drop-shadow(0 0 8px rgba(255, 96, 70, 0.45));
 }
+.app-sidebar .app-nav label:has(input:focus-visible) {
+  outline: 2px solid var(--d2-focus) !important;
+  outline-offset: -2px !important;
+}
 __NAV_ICON_CSS__
 .app-main {
   max-width: none !important;
@@ -519,6 +616,12 @@ __NAV_ICON_CSS__
 .app-view > .block {
   width: 100%;
 }
+/* All views stay mounted (visible=True); JS toggles .d2-active to switch tabs.
+   This keeps view visibility fully under our control instead of Gradio's
+   visible= toggle, which left freshly-selected tabs blank until re-selected. */
+.app-view:not(.d2-active) {
+  display: none !important;
+}
 .dota-dropdown {
   position: relative;
   z-index: 20;
@@ -526,10 +629,8 @@ __NAV_ICON_CSS__
 .dota-dropdown:focus-within {
   z-index: 2500;
 }
-.dota-dropdown [role="listbox"],
-.dota-dropdown .options,
-.dota-dropdown .dropdown-options,
-.dota-dropdown .svelte-select-list {
+.dota-dropdown ul[role="listbox"],
+.dota-dropdown .options {
   z-index: 4000 !important;
   pointer-events: auto !important;
   min-width: 0 !important;
@@ -537,25 +638,49 @@ __NAV_ICON_CSS__
   overflow-x: hidden !important;
   overscroll-behavior: contain;
   box-sizing: border-box !important;
-  border: 1px solid rgba(103, 112, 123, 0.55) !important;
+  border: 1px solid var(--d2-border-menu) !important;
   background: linear-gradient(180deg, #36363e 0%, #23262e 100%) !important;
   box-shadow: 0 14px 34px rgba(0, 0, 0, 0.58) !important;
-}
-.dota-dropdown [role="option"],
-.dota-dropdown .option,
-.dota-dropdown .dropdown-option,
-.dota-dropdown .svelte-select-list div {
-  color: #dcdedf !important;
+  scrollbar-width: thin;
+  scrollbar-color: var(--d2-scroll-thumb) transparent;
+}
+.dota-dropdown ul[role="listbox"]::-webkit-scrollbar,
+.dota-dropdown .options::-webkit-scrollbar {
+  width: 12px;
+  height: 12px;
+}
+.dota-dropdown ul[role="listbox"]::-webkit-scrollbar-track,
+.dota-dropdown .options::-webkit-scrollbar-track {
+  background: transparent;
+}
+.dota-dropdown ul[role="listbox"]::-webkit-scrollbar-thumb,
+.dota-dropdown .options::-webkit-scrollbar-thumb {
+  background: var(--d2-scroll-thumb);
+  border: 3px solid transparent;
+  background-clip: padding-box;
+  border-radius: 8px;
+}
+.dota-dropdown [role="option"] {
+  color: var(--d2-fg) !important;
   max-width: 100% !important;
   box-sizing: border-box !important;
 }
-.dota-dropdown [role="option"]:hover,
-.dota-dropdown .option:hover,
-.dota-dropdown .dropdown-option:hover,
-.dota-dropdown .svelte-select-list div:hover {
+.dota-dropdown [role="option"]:hover {
   background: rgba(255, 96, 70, 0.16) !important;
   color: #fff !important;
 }
+/* Rich option rendering is additive: we inject an icon + label as new child
+   nodes and collapse Gradio's own text node/checkmark with font-size:0 instead
+   of deleting them, so Svelte's reconciliation never touches removed nodes. */
+.dota-dropdown li[role="option"].dota-decorated-rich {
+  font-size: 0 !important;
+  line-height: 0 !important;
+}
+.dota-dropdown li[role="option"].dota-decorated-rich > .dota-choice-icon,
+.dota-dropdown li[role="option"].dota-decorated-rich > .dota-choice-label {
+  font-size: 13px;
+  line-height: 1.25;
+}
 .dota-choice-option {
   display: flex !important;
   align-items: center !important;
@@ -686,7 +811,7 @@ __NAV_ICON_CSS__
   height: 20px !important;
   min-width: 20px !important;
   padding: 0 !important;
-  border: 1px solid rgba(235, 207, 135, 0.34) !important;
+  border: 1px solid rgba(235, 207, 135, 0.70) !important;
   border-radius: 50% !important;
   background: rgba(5, 6, 10, 0.72) !important;
   color: #efe5bb !important;
@@ -750,22 +875,223 @@ __NAV_ICON_CSS__
   border-radius: 50%;
 }
 .empty-strip {
-  color: #8b929a;
+  color: var(--d2-fg-muted);
   font-size: 13px;
   padding: 7px 0;
 }
+.build-hero-header {
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  padding: 16px 18px;
+  border: 1px solid rgba(235, 207, 135, 0.4);
+  border-radius: 4px;
+  background-color: rgba(22, 22, 24, 0.78);
+  background-size: cover;
+  background-position: center 18%;
+  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35);
+  overflow: hidden;
+}
+.build-hero-header::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background: linear-gradient(
+    90deg,
+    rgba(10, 11, 14, 0.92) 0%,
+    rgba(10, 11, 14, 0.55) 55%,
+    rgba(10, 11, 14, 0.85) 100%
+  );
+  pointer-events: none;
+}
+.build-hero-header .build-hero-icon {
+  position: relative;
+  z-index: 1;
+  width: 64px;
+  height: 64px;
+  object-fit: cover;
+  border-radius: 6px;
+  flex: 0 0 64px;
+  box-shadow: 0 0 0 1px rgba(235, 207, 135, 0.4), 0 6px 18px rgba(0, 0, 0, 0.4);
+}
+.build-hero-title {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  min-width: 0;
+}
+.build-hero-title strong {
+  font-size: 20px;
+  line-height: 24px;
+  color: #efe5bb;
+}
+.build-stat-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+.build-stat-pill {
+  display: inline-flex;
+  align-items: center;
+  padding: 2px 9px;
+  border-radius: 12px;
+  border: 1px solid var(--pill-color, rgba(235, 207, 135, 0.4));
+  background: rgba(235, 207, 135, 0.10);
+  color: #efe5bb;
+  font-size: 11px;
+  line-height: 16px;
+}
+.build-columns {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+  gap: 12px;
+  margin-top: 4px;
+}
+.build-column {
+  border: 1px solid rgba(217, 177, 102, 0.3);
+  border-radius: 4px;
+  padding: 12px;
+  background: linear-gradient(180deg, rgba(50, 51, 58, 0.78), rgba(20, 21, 25, 0.78));
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.03), 0 4px 14px rgba(0, 0, 0, 0.28);
+}
+.build-column-title {
+  font-size: 12px;
+  font-weight: 700;
+  text-transform: uppercase;
+  color: #efd9a0;
+  padding-bottom: 7px;
+  margin-bottom: 9px;
+  border-bottom: 1px solid rgba(235, 207, 135, 0.32);
+}
+.build-item-list {
+  display: flex;
+  flex-direction: column;
+  gap: 9px;
+}
+.build-item {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 4px;
+  border-radius: 3px;
+  cursor: help;
+  transition: background 0.12s ease;
+}
+.build-item:hover {
+  background: rgba(255, 96, 70, 0.10);
+}
+.build-item img {
+  width: 38px;
+  height: 38px;
+  object-fit: cover;
+  border-radius: 3px;
+  flex: 0 0 38px;
+  box-shadow: 0 0 0 1px rgba(235, 207, 135, 0.32);
+}
+.build-item-order {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 18px;
+  height: 18px;
+  flex: 0 0 18px;
+  border-radius: 50%;
+  border: 1px solid rgba(235, 207, 135, 0.5);
+  background: rgba(5, 6, 10, 0.6);
+  color: #efe5bb;
+  font-size: 10px;
+  line-height: 16px;
+  font-weight: 700;
+}
+.build-item-meta {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+  flex: 1 1 auto;
+}
+.build-item-meta strong {
+  font-size: 13px;
+  line-height: 16px;
+  color: #f6f3e9;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.build-item-meta span {
+  font-size: 11px;
+  line-height: 14px;
+  color: #a3aab2;
+}
+.build-item-bar {
+  height: 4px;
+  border-radius: 2px;
+  background: rgba(103, 112, 123, 0.32);
+  overflow: hidden;
+}
+.build-item-bar span {
+  display: block;
+  height: 100%;
+  background: linear-gradient(90deg, rgba(255, 96, 70, 0.9), rgba(217, 177, 102, 0.9));
+}
+.build-column-highlight {
+  border-color: rgba(235, 207, 135, 0.55);
+  background: linear-gradient(180deg, rgba(94, 68, 32, 0.42), rgba(22, 22, 24, 0.7));
+  margin-top: 4px;
+  box-shadow: 0 0 0 1px rgba(235, 207, 135, 0.12), 0 4px 14px rgba(0, 0, 0, 0.28);
+}
+.build-column-highlight .build-column-title {
+  font-size: 13px;
+  color: #ffd98c;
+}
+.build-item-list-row {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+  gap: 10px;
+}
+.build-item-highlight img {
+  width: 48px;
+  height: 48px;
+  flex: 0 0 48px;
+  box-shadow: 0 0 0 1px rgba(235, 207, 135, 0.5), 0 4px 10px rgba(0, 0, 0, 0.3);
+}
 @media (max-width: 720px) {
-  .dota-dropdown .options[role="listbox"],
-  .dota-dropdown [role="listbox"] {
+  .dota-dropdown .options,
+  .dota-dropdown ul[role="listbox"] {
     left: 8px !important;
     right: 8px !important;
     width: calc(100vw - 16px) !important;
     max-width: calc(100vw - 16px) !important;
   }
 }
+@media (prefers-reduced-motion: reduce) {
+  .gradio-container *,
+  .gradio-container *::before,
+  .gradio-container *::after {
+    transition-duration: 0.001ms !important;
+    animation-duration: 0.001ms !important;
+    transition-delay: 0ms !important;
+    scroll-behavior: auto !important;
+  }
+  .app-main button:hover {
+    transform: none !important;
+  }
+}
 """.replace("__NAV_ICON_CSS__", NAV_ICON_CSS)
 
 
+# Injected into <head>. Preconnect to the asset CDNs. Dark mode is a single CSS
+# palette (see the .gradio-container theme-variable overrides in APP_CSS), so no
+# ?__theme=dark redirect is needed.
+APP_HEAD = """
+<link rel="preconnect" href="https://cdn.steamstatic.com" crossorigin>
+<link rel="preconnect" href="https://cdn.cloudflare.steamstatic.com" crossorigin>
+"""
+
+
 def _dropdown_js(choice_icon_by_label: dict[str, dict[str, str]]) -> str:
     return f"""
 () => {{
@@ -785,16 +1111,21 @@ def _dropdown_js(choice_icon_by_label: dict[str, dict[str, str]]) -> str:
     "Data Freshness": "data-freshness-view"
   }};
   const comparableHeroName = (value) =>
-    cleanLabel(value).split(" · ", 1)[0].replace(/\\s+\\([^)]*\\)\\s*$/, "");
+    cleanLabel(value)
+      .split(" · ", 1)[0]
+      .replace(/\\([^)]*\\)/g, " ")
+      .toLowerCase()
+      .replace(/[^a-z0-9]+/g, "");
   const syncDropdownMenus = () => {{
     const margin = 8;
+    if (!document.querySelector('.dota-dropdown .options, .dota-dropdown ul[role="listbox"]')) {{
+      return;
+    }}
     document.querySelectorAll(".dota-dropdown").forEach((dropdown) => {{
       const input = dropdown.querySelector(
         'input[autocomplete="off"], input[role="combobox"], input'
       );
-      const listbox = dropdown.querySelector(
-        '.options[role="listbox"], [role="listbox"], .dropdown-options, .svelte-select-list'
-      );
+      const listbox = dropdown.querySelector('.options, ul[role="listbox"]');
       if (!input || !listbox) return;
       const rect = input.closest(".wrap, .wrap-inner, .input-container")?.getBoundingClientRect()
         || input.getBoundingClientRect();
@@ -814,6 +1145,9 @@ def _dropdown_js(choice_icon_by_label: dict[str, dict[str, str]]) -> str:
     }});
   }};
   const syncSidebarView = () => {{
+    // Views are always rendered; we own visibility via the .d2-active class
+    // (CSS hides the rest). We never set inline display/hidden, which would
+    // fight Svelte and leave a freshly-selected tab blank until re-selected.
     const nav = document.querySelector(".app-nav");
     if (!nav) return;
     const checked = nav.querySelector('input[type="radio"]:checked');
@@ -822,59 +1156,71 @@ def _dropdown_js(choice_icon_by_label: dict[str, dict[str, str]]) -> str:
     Object.entries(navViews).forEach(([name, id]) => {{
       const view = document.getElementById(id);
       if (!view) return;
-      const visible = name === selected;
-      view.hidden = !visible;
-      view.style.display = visible ? "" : "none";
-      view.setAttribute("aria-hidden", visible ? "false" : "true");
+      const active = name === selected;
+      view.classList.toggle("d2-active", active);
+      view.setAttribute("aria-hidden", active ? "false" : "true");
     }});
   }};
+  const decorateOption = (option) => {{
+    if (option.dataset && option.dataset.dotaChoiceIconDecorated === "1") return;
+    // Gradio 6.18 prefixes option text with a "✓" checkmark glyph; the clean
+    // choice label lives in aria-label, which is what choiceIcons is keyed on.
+    const label = cleanLabel(option.getAttribute("aria-label") || option.textContent);
+    const icon = choiceIcons[label];
+    if (!icon || !icon.src) return;
+    option.classList.add("dota-choice-option");
+    if (icon.kind) option.classList.add(`dota-${{icon.kind}}-option`);
+    const img = document.createElement("img");
+    img.className = "dota-choice-icon";
+    img.src = icon.src;
+    img.alt = "";
+    img.loading = "lazy";
+    img.decoding = "async";
+    if (icon.kind === "hero" && label.includes(" · ")) {{
+      const [name, tagsText] = label.split(" · ", 2);
+      const labelWrap = document.createElement("span");
+      labelWrap.className = "dota-choice-label";
+      const nameEl = document.createElement("span");
+      nameEl.className = "dota-choice-name";
+      nameEl.textContent = name;
+      const tagsEl = document.createElement("span");
+      tagsEl.className = "dota-choice-tags";
+      tagsText.split(",").map((tag) => tag.trim()).filter(Boolean).forEach((tag) => {{
+        const tagEl = document.createElement("span");
+        tagEl.className = "dota-choice-tag";
+        tagEl.textContent = tag;
+        tagsEl.append(tagEl);
+      }});
+      labelWrap.append(nameEl, tagsEl);
+      // Additive only: never delete Gradio/Svelte-owned nodes (textContent="").
+      // CSS (.dota-decorated-rich) collapses the original text node + checkmark,
+      // so Svelte's per-option reactive effect never reconciles a removed node.
+      option.prepend(img);
+      option.append(labelWrap);
+      option.classList.add("dota-decorated-rich");
+    }} else {{
+      option.prepend(img);
+    }}
+    if (option.dataset) option.dataset.dotaChoiceIconDecorated = "1";
+  }};
   const decorate = () => {{
-    const optionSelector = [
-      '[role="option"]',
-      '.option',
-      '.dropdown-option',
-      'li',
-      '.svelte-select-list div'
-    ].join(', ');
-    const options = document.querySelectorAll(optionSelector);
-    options.forEach((option) => {{
-      if (option.dataset && option.dataset.dotaChoiceIconDecorated === "1") return;
-      const label = cleanLabel(option.textContent);
-      const icon = choiceIcons[label];
-      if (!icon || !icon.src) return;
-      option.classList.add("dota-choice-option");
-      if (icon.kind) option.classList.add(`dota-${{icon.kind}}-option`);
-      const img = document.createElement("img");
-      img.className = "dota-choice-icon";
-      img.src = icon.src;
-      img.alt = "";
-      img.loading = "lazy";
-      img.decoding = "async";
-      if (icon.kind === "hero" && label.includes(" · ")) {{
-        const [name, tagsText] = label.split(" · ", 2);
-        const labelWrap = document.createElement("span");
-        labelWrap.className = "dota-choice-label";
-        const nameEl = document.createElement("span");
-        nameEl.className = "dota-choice-name";
-        nameEl.textContent = name;
-        const tagsEl = document.createElement("span");
-        tagsEl.className = "dota-choice-tags";
-        tagsText.split(",").map((tag) => tag.trim()).filter(Boolean).forEach((tag) => {{
-          const tagEl = document.createElement("span");
-          tagEl.className = "dota-choice-tag";
-          tagEl.textContent = tag;
-          tagsEl.append(tagEl);
-        }});
-        option.textContent = "";
-        option.append(img, labelWrap);
-        labelWrap.append(nameEl, tagsEl);
-      }} else {{
-        option.prepend(img);
-      }}
-      if (option.dataset) option.dataset.dotaChoiceIconDecorated = "1";
-    }});
+    const options = document.querySelectorAll('li[role="option"], [role="option"]');
+    if (options.length) {{
+      observer.disconnect();
+      options.forEach(decorateOption);
+      observer.observe(document.body, {{ childList: true, subtree: true }});
+    }}
     syncDropdownMenus();
   }};
+  let decorateScheduled = false;
+  const scheduleDecorate = () => {{
+    if (decorateScheduled) return;
+    decorateScheduled = true;
+    requestAnimationFrame(() => {{
+      decorateScheduled = false;
+      decorate();
+    }});
+  }};
   const openDropdown = (dropdown) => {{
     const input = dropdown?.querySelector(
       'input[autocomplete="off"], input[role="combobox"], input'
@@ -898,8 +1244,7 @@ def _dropdown_js(choice_icon_by_label: dict[str, dict[str, str]]) -> str:
     event.stopPropagation();
     openDropdown(dropdown);
     setTimeout(() => {{
-      decorate();
-      syncDropdownMenus();
+      scheduleDecorate();
     }}, 0);
   }};
   const removeSelectedHero = (event) => {{
@@ -946,16 +1291,23 @@ def _dropdown_js(choice_icon_by_label: dict[str, dict[str, str]]) -> str:
     }}
     setTimeout(syncSidebarView, 0);
   }};
-  const observer = new MutationObserver(decorate);
+  const observer = new MutationObserver(scheduleDecorate);
   observer.observe(document.body, {{ childList: true, subtree: true }});
+  let syncScheduled = false;
+  const scheduleSync = () => {{
+    if (syncScheduled) return;
+    syncScheduled = true;
+    requestAnimationFrame(() => {{
+      syncScheduled = false;
+      syncDropdownMenus();
+    }});
+  }};
   document.addEventListener("mousedown", openFromChevron, true);
   document.addEventListener("click", activateSidebarNav, true);
   document.addEventListener("change", syncSidebarView, true);
   document.addEventListener("click", removeSelectedHero, true);
-  document.addEventListener("click", () => setTimeout(decorate, 0), true);
-  document.addEventListener("keyup", () => setTimeout(decorate, 0), true);
-  window.addEventListener("resize", syncDropdownMenus, true);
-  window.addEventListener("scroll", syncDropdownMenus, true);
+  window.addEventListener("resize", scheduleSync, {{ passive: true }});
+  window.addEventListener("scroll", scheduleSync, {{ passive: true, capture: true }});
   decorate();
   syncSidebarView();
 }}
@@ -1088,6 +1440,7 @@ def _html_escape(value: object) -> str:
         .replace("<", "&lt;")
         .replace(">", "&gt;")
         .replace('"', "&quot;")
+        .replace("'", "&#39;")
     )
 
 
@@ -1123,10 +1476,15 @@ def _hero_metadata(heroes: pl.DataFrame) -> dict[int, dict[str, str]]:
     for row in heroes.iter_rows(named=True):
         hero_id = int(row["hero_id"])
         hero_name = str(row.get("hero_name") or f"Hero {hero_id}")
+        pro_win_rate = row.get("pro_win_rate")
         metadata[hero_id] = {
             "name": hero_name,
             "roles": _format_roles_text(row.get("roles")),
             "icon": _asset_url(row.get("icon") or row.get("img")),
+            "image": _asset_url(row.get("img") or row.get("icon")),
+            "primary_attr": str(row.get("primary_attr") or "").lower(),
+            "pro_pick": int(row.get("pro_pick") or 0),
+            "pro_win_rate": float(pro_win_rate) if pro_win_rate is not None else None,
             "aliases": ", ".join(_hero_aliases(hero_name)),
         }
     return metadata
@@ -1203,6 +1561,171 @@ def _item_choices(items: pl.DataFrame) -> list[tuple[str, str]]:
     return sorted(choices, key=lambda item: item[0])
 
 
+def _item_tooltip(item_name: str, item_row: dict[str, object]) -> str:
+    lines = [item_name]
+    cost = item_row.get("cost")
+    if cost:
+        lines.append(f"Cost: {int(cost):,}g")
+    attrib = item_row.get("attrib")
+    if attrib:
+        lines.append(str(attrib))
+    notes = item_row.get("notes")
+    if notes:
+        lines.append(str(notes))
+    return _html_escape("\n".join(lines))
+
+
+def _item_metadata(items: pl.DataFrame) -> dict[str, dict[str, object]]:
+    metadata: dict[str, dict[str, object]] = {}
+    if items.is_empty():
+        return metadata
+    for row in items.iter_rows(named=True):
+        key = str(row.get("item_key") or "")
+        if not key:
+            continue
+        metadata[key] = {
+            "name": str(row.get("item_name") or key.replace("_", " ").title()),
+            "cost": row.get("cost"),
+            "attrib": row.get("attrib"),
+            "notes": row.get("notes"),
+        }
+    return metadata
+
+
+def _build_hero_header_html(hero_id: int, metadata: dict[int, dict[str, object]]) -> str:
+    row = metadata.get(hero_id, {})
+    name = _html_escape(row.get("name") or f"Hero {hero_id}")
+    icon = _html_escape(row.get("icon") or "")
+    image = _html_escape(row.get("image") or "")
+    attr_key = str(row.get("primary_attr") or "")
+    attr_label, attr_color = PRIMARY_ATTR_INFO.get(attr_key, ("", ""))
+    pills = []
+    if attr_label:
+        style = f" style='--pill-color: {attr_color}'" if attr_color else ""
+        pills.append(f"<span class='build-stat-pill'{style}>{attr_label}</span>")
+    pro_win_rate = row.get("pro_win_rate")
+    if pro_win_rate is not None:
+        pills.append(f"<span class='build-stat-pill'>Pro WR {pro_win_rate * 100:.1f}%</span>")
+    pro_pick = row.get("pro_pick") or 0
+    if pro_pick:
+        pills.append(f"<span class='build-stat-pill'>{pro_pick:,} pro picks</span>")
+    icon_html = (
+        f"<img class='build-hero-icon' src='{icon}' alt='{name}' loading='lazy'>"
+        if icon
+        else ""
+    )
+    style = f" style=\"background-image: url('{image}')\"" if image else ""
+    return (
+        f"<div class='build-hero-header'{style}>"
+        f"{icon_html}"
+        "<div class='build-hero-title'>"
+        f"<strong>{name}</strong>"
+        f"{_role_tags_html(row.get('roles'))}"
+        f"<div class='build-stat-row'>{''.join(pills)}</div>"
+        "</div></div>"
+    )
+
+
+def _build_top_items_html(
+    hero_id: int,
+    build_stats: pl.DataFrame,
+    item_metadata: dict[str, dict[str, object]],
+    top_n: int = 6,
+) -> str:
+    if build_stats.is_empty():
+        return ""
+    filtered = build_stats.filter(
+        (pl.col("hero_id") == hero_id) & ~pl.col("item_key").str.starts_with("recipe_")
+    )
+    if filtered.is_empty():
+        return ""
+    totals = filtered.group_by("item_key").agg(pl.col("purchases").sum().alias("purchases"))
+    total = totals["purchases"].sum() or 0
+    items_html = []
+    for row in totals.sort("purchases", descending=True).head(top_n).iter_rows(named=True):
+        item_key = str(row["item_key"])
+        item_row = item_metadata.get(item_key, {})
+        item_name = _html_escape(item_row.get("name") or item_key.replace("_", " ").title())
+        icon = _html_escape(_item_icon_url(item_key))
+        tooltip = _item_tooltip(item_row.get("name") or item_name, item_row)
+        purchases = int(row["purchases"])
+        share = (purchases / total * 100) if total else 0
+        items_html.append(
+            f"<div class='build-item build-item-highlight' title='{tooltip}'>"
+            f"<img src='{icon}' alt='{item_name}' loading='lazy'>"
+            "<div class='build-item-meta'>"
+            f"<strong>{item_name}</strong>"
+            f"<span>{share:.0f}% of buys</span>"
+            f"<div class='build-item-bar'><span style='width: {share:.0f}%'></span></div>"
+            "</div></div>"
+        )
+    if not items_html:
+        return ""
+    return (
+        "<div class='build-column build-column-highlight'>"
+        "<div class='build-column-title'>Most Popular Items</div>"
+        f"<div class='build-item-list build-item-list-row'>{''.join(items_html)}</div>"
+        "</div>"
+    )
+
+
+def _build_columns_html(
+    hero_id: int,
+    build_stats: pl.DataFrame,
+    item_metadata: dict[str, dict[str, object]],
+    top_n: int = 8,
+) -> str:
+    if build_stats.is_empty():
+        return (
+            "<div class='empty-strip'>No build table is available yet. "
+            "Run match enrichment and normalization first.</div>"
+        )
+    filtered = build_stats.filter(
+        (pl.col("hero_id") == hero_id) & ~pl.col("item_key").str.starts_with("recipe_")
+    )
+    if filtered.is_empty():
+        return "<div class='empty-strip'>No observed item timings for that hero.</div>"
+    columns = []
+    for bucket in TIME_BUCKET_ORDER:
+        bucket_rows = filtered.filter(pl.col("time_bucket") == bucket)
+        if bucket_rows.is_empty():
+            continue
+        total = bucket_rows["purchases"].sum() or 0
+        top_rows = bucket_rows.sort("purchases", descending=True).head(top_n)
+        items_html = []
+        for order, row in enumerate(
+            top_rows.sort("median_time").iter_rows(named=True), start=1
+        ):
+            item_key = str(row["item_key"])
+            item_row = item_metadata.get(item_key, {})
+            item_name = _html_escape(item_row.get("name") or item_key.replace("_", " ").title())
+            icon = _html_escape(_item_icon_url(item_key))
+            tooltip = _item_tooltip(item_row.get("name") or item_name, item_row)
+            purchases = int(row["purchases"])
+            share = (purchases / total * 100) if total else 0
+            median_time = _format_item_time(row.get("median_time"))
+            items_html.append(
+                f"<div class='build-item' title='{tooltip}'>"
+                f"<span class='build-item-order'>{order}</span>"
+                f"<img src='{icon}' alt='{item_name}' loading='lazy'>"
+                "<div class='build-item-meta'>"
+                f"<strong>{item_name}</strong>"
+                f"<span>{share:.0f}% of buys &middot; median {median_time}</span>"
+                f"<div class='build-item-bar'><span style='width: {share:.0f}%'></span></div>"
+                "</div></div>"
+            )
+        columns.append(
+            "<div class='build-column'>"
+            "<div class='build-column-title'>"
+            f"{_html_escape(TIME_BUCKET_LABELS.get(bucket, bucket))}</div>"
+            f"<div class='build-item-list'>{''.join(items_html)}</div>"
+            "</div>"
+        )
+    if not columns:
+        return "<div class='empty-strip'>No observed item timings for that hero.</div>"
+    return "<div class='build-columns'>" + "".join(columns) + "</div>"
+
+
 def _selected_hero_html(
     hero_ids: object, metadata: dict[int, dict[str, str]], target: str | None = None
 ) -> str:
@@ -1306,6 +1829,7 @@ def build_app() -> gr.Blocks:
     hero_choices = _hero_choices(recommender.heroes)
     item_table = read_parquet(settings.parquet_dir / "dim_item.parquet")
     item_choices = _item_choices(item_table)
+    item_metadata = _item_metadata(item_table)
 
     def hero_preview(hero_ids: list[int] | None, target: str | None = None) -> str:
         return _selected_hero_html(hero_ids or [], hero_metadata, target)
@@ -1400,26 +1924,17 @@ def build_app() -> gr.Blocks:
             return prediction.get("message", "Prediction unavailable.")
         return json.dumps(prediction, indent=2)
 
-    def hero_builds(hero_id: int | None, item_key: str | None) -> str:
+    def hero_builds(hero_id: int | None) -> str:
         hero_ids, unknown = _parse_heroes([hero_id] if hero_id else [], hero_name_lookup)
         if unknown:
-            return f"Unrecognized hero: {', '.join(unknown)}"
+            unknown_text = _html_escape(", ".join(unknown))
+            return f"<div class='empty-strip'>Unrecognized hero: {unknown_text}</div>"
         if not hero_ids:
-            return "Select a hero."
-        if build_stats.is_empty():
-            return "No build table is available yet. Run match enrichment and normalization first."
-        filtered = build_stats.filter(pl.col("hero_id") == hero_ids[0])
-        if item_key:
-            filtered = filtered.filter(pl.col("item_key") == item_key)
-        rows = filtered.sort("purchases", descending=True).head(15).iter_rows(named=True)
-        lines = []
-        for row in rows:
-            median_time = _format_item_time(row.get("median_time"))
-            lines.append(
-                f"- **{row.get('item_key')}** in `{row.get('time_bucket')}`: "
-                f"{row.get('purchases')} purchases, median `{median_time}`"
-            )
-        return "\n".join(lines) if lines else "No observed item timings for that hero."
+            return "<div class='empty-strip'>Select a hero.</div>"
+        header = _build_hero_header_html(hero_ids[0], hero_metadata)
+        top_build = _build_top_items_html(hero_ids[0], build_stats, item_metadata)
+        columns = _build_columns_html(hero_ids[0], build_stats, item_metadata)
+        return header + top_build + columns
 
     def draft_lab(enemies: list[int] | None, role: str, twist: str) -> str:
         enemy_ids, unknown = _parse_heroes(enemies, hero_name_lookup)
@@ -1459,24 +1974,24 @@ def build_app() -> gr.Blocks:
             "- Rule: if the evidence is thin, say so before giving the pick."
         )
 
-    def switch_view(selected: str):
-        return tuple(gr.update(visible=label == selected) for label in NAV_OPTIONS)
-
     with gr.Blocks(title="DOTA2Tuned") as demo:
         with gr.Sidebar(open=True, width=238, position="left", elem_classes=["app-sidebar"]):
             gr.HTML(_sidebar_brand_html())
             with gr.Column(elem_classes=["app-sidebar-nav-section"]):
-                nav = gr.Radio(
+                gr.Radio(
                     choices=NAV_OPTIONS,
                     value="Draft Coach",
                     show_label=False,
                     container=False,
+                    # Force interactive: the nav drives view switching purely in JS
+                    # (no server event), so without this Gradio renders it disabled.
+                    interactive=True,
                     elem_classes=["app-nav"],
                 )
         with gr.Column(elem_classes=["app-main"]):
             with gr.Column(
-                visible=True, elem_id="draft-coach-view", elem_classes=["app-view"]
-            ) as draft_view:
+                visible=True, elem_id="draft-coach-view", elem_classes=["app-view", "d2-active"]
+            ):
                 with gr.Row():
                     allies = gr.Dropdown(
                         choices=hero_choices,
@@ -1575,8 +2090,8 @@ def build_app() -> gr.Blocks:
                 )
 
             with gr.Column(
-                visible=False, elem_id="hero-meta-view", elem_classes=["app-view"]
-            ) as hero_meta_view:
+                visible=True, elem_id="hero-meta-view", elem_classes=["app-view"]
+            ):
                 with gr.Row():
                     meta_hero = gr.Dropdown(
                         choices=hero_choices,
@@ -1615,8 +2130,8 @@ def build_app() -> gr.Blocks:
                 )
 
             with gr.Column(
-                visible=False, elem_id="tuned-model-view", elem_classes=["app-view"]
-            ) as tuned_model_view:
+                visible=True, elem_id="tuned-model-view", elem_classes=["app-view"]
+            ):
                 tuned_question = gr.Textbox(
                     label="Question",
                     value=(
@@ -1646,8 +2161,8 @@ def build_app() -> gr.Blocks:
                 )
 
             with gr.Column(
-                visible=False, elem_id="match-predictor-view", elem_classes=["app-view"]
-            ) as match_predictor_view:
+                visible=True, elem_id="match-predictor-view", elem_classes=["app-view"]
+            ):
                 with gr.Row():
                     radiant = gr.Dropdown(
                         choices=hero_choices,
@@ -1697,44 +2212,28 @@ def build_app() -> gr.Blocks:
                 )
 
             with gr.Column(
-                visible=False, elem_id="builds-view", elem_classes=["app-view"]
-            ) as builds_view:
-                with gr.Row():
-                    hero = gr.Dropdown(
-                        choices=hero_choices,
-                        label="Hero",
-                        value=1,
-                        filterable=True,
-                        elem_classes=["dota-dropdown", "hero-dropdown"],
-                    )
-                    build_item = gr.Dropdown(
-                        choices=item_choices,
-                        label="Optional item filter",
-                        filterable=True,
-                        elem_classes=["dota-dropdown", "item-dropdown"],
-                    )
-                with gr.Row():
-                    build_hero_preview = gr.HTML(hero_preview([1]))
-                    build_item_preview = gr.HTML(item_preview(None))
-                builds_button = gr.Button("Show Builds")
-                builds_output = gr.Markdown()
+                visible=True, elem_id="builds-view", elem_classes=["app-view"]
+            ):
+                hero = gr.Dropdown(
+                    choices=hero_choices,
+                    label="Hero",
+                    value=1,
+                    filterable=True,
+                    elem_classes=["dota-dropdown", "hero-dropdown"],
+                )
+                build_hero_preview = gr.HTML(hero_preview([1]))
+                builds_output = gr.HTML(hero_builds(1))
                 hero.change(
                     hero_single_preview,
                     inputs=[hero],
                     outputs=[build_hero_preview],
                     api_visibility="private",
                 )
-                build_item.change(
-                    item_preview,
-                    inputs=[build_item],
-                    outputs=[build_item_preview],
-                    api_visibility="private",
-                )
-                builds_button.click(hero_builds, inputs=[hero, build_item], outputs=[builds_output])
+                hero.change(hero_builds, inputs=[hero], outputs=[builds_output])
 
             with gr.Column(
-                visible=False, elem_id="draft-lab-view", elem_classes=["app-view"]
-            ) as draft_lab_view:
+                visible=True, elem_id="draft-lab-view", elem_classes=["app-view"]
+            ):
                 lab_enemies = gr.Dropdown(
                     choices=hero_choices,
                     label="Enemy heroes",
@@ -1773,27 +2272,19 @@ def build_app() -> gr.Blocks:
                 )
 
             with gr.Column(
-                visible=False, elem_id="data-freshness-view", elem_classes=["app-view"]
-            ) as data_freshness_view:
+                visible=True, elem_id="data-freshness-view", elem_classes=["app-view"]
+            ):
                 status_button = gr.Button("Refresh")
                 status_output = gr.Markdown()
                 status_button.click(data_status, outputs=[status_output])
-        nav.change(
-            switch_view,
-            inputs=[nav],
-            outputs=[
-                draft_view,
-                hero_meta_view,
-                tuned_model_view,
-                match_predictor_view,
-                builds_view,
-                draft_lab_view,
-                data_freshness_view,
-            ],
-            api_visibility="private",
-        )
 
-    demo.css = APP_CSS
-    demo.dota2tuned_js = _dropdown_js(_dropdown_icon_by_label(hero_choices, hero_metadata))
-    demo.js = demo.dota2tuned_js
+        # Gradio 6.18 runs client JS only via the load EVENT — launch(js=) and
+        # Blocks(js=) do not fire on page load. Attach the script here so dropdown
+        # icons, sidebar nav switching, and hero-card removal actually work.
+        demo.load(
+            None,
+            None,
+            None,
+            js=_dropdown_js(_dropdown_icon_by_label(hero_choices, hero_metadata)),
+        )
     return demo

tests/test_gradio_app.py

@@ -2,6 +2,7 @@ import polars as pl
 
 from dota2tuned.ui.gradio_app import (
     APP_CSS,
+    APP_HEAD,
     _dropdown_js,
     _format_item_time,
     _hero_aliases,
@@ -132,3 +133,61 @@ def test_parse_heroes_reports_unknown_names():
 def test_format_item_time_labels_pre_game_buys():
     assert _format_item_time(-90) == "pre-game"
     assert _format_item_time(180) == "3.0 min"
+
+
+def test_css_has_dark_accessibility_and_perf_hardening():
+    # Palette is a single source of truth; app is dark-only and AA-targeted.
+    assert ":root {" in APP_CSS
+    assert "--d2-fg" in APP_CSS
+    # WCAG 2.2: visible focus + reduced motion.
+    assert ":focus-visible" in APP_CSS
+    assert "prefers-reduced-motion" in APP_CSS
+    # Dark scrollbar is styled for both engines.
+    assert "scrollbar-color:" in APP_CSS
+    assert "::-webkit-scrollbar-thumb" in APP_CSS
+    # Perf: webfonts no longer block first paint; no whole-tree font recalc.
+    assert "font-display: swap" in APP_CSS
+    assert ".gradio-container * {" not in APP_CSS
+
+
+def test_dropdown_js_decorates_without_deleting_svelte_nodes():
+    js = _dropdown_js(
+        {"Anti-Mage · Carry": {"src": "https://example.test/am.png", "kind": "hero"}}
+    )
+    # Root cause of the red Error toast: we used to wipe Gradio/Svelte-owned nodes.
+    assert 'option.textContent = ""' not in js
+    assert "dota-decorated-rich" in js
+    assert "decorateOption" in js
+    # Stale Gradio-5 selectors removed.
+    assert "svelte-select-list" not in js
+    # Perf: debounced observer + throttled scroll; no blanket keyup re-decorate.
+    assert "requestAnimationFrame" in js
+    assert "scheduleDecorate" in js
+    assert '"keyup"' not in js
+
+
+def test_app_head_preconnects_without_theme_redirect():
+    assert "preconnect" in APP_HEAD
+    assert "cdn.steamstatic.com" in APP_HEAD
+    # Dark mode is a single CSS palette now; no ?__theme=dark URL redirect.
+    assert "__theme" not in APP_HEAD
+
+
+def test_css_forces_single_dark_palette():
+    # Gradio's semantic theme vars are pinned to dark values unconditionally.
+    assert "color-scheme: dark" in APP_CSS
+    assert "--background-fill-primary: var(--neutral-950)" in APP_CSS
+    assert "--body-text-color: var(--neutral-100)" in APP_CSS
+
+
+def test_sidebar_js_toggles_view_class_without_inline_display():
+    js = _dropdown_js({})
+    # Views are always rendered; JS toggles the .d2-active class (CSS hides the
+    # rest). It must NOT set inline display/hidden, which fought Svelte and left
+    # a freshly-selected tab blank until it was re-selected.
+    assert "view.style.display" not in js
+    assert "view.hidden" not in js
+    assert 'classList.toggle("d2-active"' in js
+    assert 'setAttribute("aria-hidden"' in js
+    # CSS owns hiding the inactive views.
+    assert ".app-view:not(.d2-active)" in APP_CSS

tests/test_recommend.py

@@ -126,3 +126,36 @@ def test_recommendations_use_player_match_samples_for_confidence(tmp_path: Path)
     assert recs[0].sample_size == 150
     assert recs[0].confidence == "medium"
     assert "normalized player matches" in recs[0].sources
+
+
+def test_pair_lift_matches_filter_aggregate_semantics(tmp_path: Path):
+    write_parquet(
+        tmp_path / "dim_hero.parquet",
+        [{"hero_id": 1, "hero_name": "Anti-Mage", "roles": "Carry", "pro_pick": 10, "pro_win": 6}],
+    )
+    write_parquet(
+        tmp_path / "fact_hero_pair_stats.parquet",
+        [
+            {"hero_id": 1, "other_hero_id": 9, "relation": "enemy", "win_rate": 0.6, "games": 100},
+            {"hero_id": 1, "other_hero_id": 8, "relation": "enemy", "win_rate": 0.4, "games": 50},
+            {"hero_id": 1, "other_hero_id": 7, "relation": "ally", "win_rate": 0.7, "games": 30},
+        ],
+    )
+    rec = DraftRecommender(tmp_path)
+
+    # mean(0.6, 0.4) = 0.5 -> (0.5 - 0.5) * 0.25 = 0.0 ; games summed across matches
+    assert rec._pair_lift(1, [9, 8], "enemy") == (0.0, 150)
+    # single match: (0.6 - 0.5) * 0.25 = 0.025
+    lift, games = rec._pair_lift(1, [9], "enemy")
+    assert games == 100
+    assert round(lift, 6) == 0.025
+    # ally relation is indexed separately from enemy
+    lift, games = rec._pair_lift(1, [7], "ally")
+    assert games == 30
+    assert round(lift, 6) == 0.05
+    # duplicates behave like is_in membership, not double counting
+    assert rec._pair_lift(1, [9, 9], "enemy") == rec._pair_lift(1, [9], "enemy")
+    # misses, empty input, and wrong relation all yield (0.0, 0)
+    assert rec._pair_lift(1, [999], "enemy") == (0.0, 0)
+    assert rec._pair_lift(1, [], "enemy") == (0.0, 0)
+    assert rec._pair_lift(1, [7], "enemy") == (0.0, 0)

uv.lock

@@ -285,7 +285,7 @@ name = "cuda-bindings"
 version = "13.3.1"
 source = { registry = "https://pypi.org/simple" }
 dependencies = [
-    { name = "cuda-pathfinder", marker = "sys_platform != 'emscripten' and sys_platform != 'win32'" },
+    { name = "cuda-pathfinder" },
 ]
 wheels = [
     { url = "https://files.pythonhosted.org/packages/51/6b/457ca12dad3ee9bfcc9a545cfd6b64b359ba49de40f776f6e028e678f262/cuda_bindings-13.3.1-cp311-cp311-manylinux_2_24_aarch64.manylinux_2_28_aarch64.whl", hash = "sha256:c5879712accf6e14bb01aa5e67440eb84998b8d104b509cc7a6dc0b8f656a474", size = 6053539, upload-time = "2026-05-29T23:11:43.19Z" },
@@ -312,34 +312,34 @@ wheels = [
 
 [package.optional-dependencies]
 cudart = [
-    { name = "nvidia-cuda-runtime", marker = "sys_platform == 'linux'" },
+    { name = "nvidia-cuda-runtime", marker = "sys_platform == 'linux' or sys_platform == 'win32'" },
 ]
 cufft = [
-    { name = "nvidia-cufft", marker = "sys_platform == 'linux'" },
+    { name = "nvidia-cufft", marker = "sys_platform == 'linux' or sys_platform == 'win32'" },
 ]
 cufile = [
     { name = "nvidia-cufile", marker = "sys_platform == 'linux'" },
 ]
 cupti = [
-    { name = "nvidia-cuda-cupti", marker = "sys_platform == 'linux'" },
+    { name = "nvidia-cuda-cupti", marker = "sys_platform == 'linux' or sys_platform == 'win32'" },
 ]
 curand = [
-    { name = "nvidia-curand", marker = "sys_platform == 'linux'" },
+    { name = "nvidia-curand", marker = "sys_platform == 'linux' or sys_platform == 'win32'" },
 ]
 cusolver = [
-    { name = "nvidia-cusolver", marker = "sys_platform == 'linux'" },
+    { name = "nvidia-cusolver", marker = "sys_platform == 'linux' or sys_platform == 'win32'" },
 ]
 cusparse = [
-    { name = "nvidia-cusparse", marker = "sys_platform == 'linux'" },
+    { name = "nvidia-cusparse", marker = "sys_platform == 'linux' or sys_platform == 'win32'" },
 ]
 nvjitlink = [
-    { name = "nvidia-nvjitlink", marker = "sys_platform == 'linux'" },
+    { name = "nvidia-nvjitlink", marker = "sys_platform == 'linux' or sys_platform == 'win32'" },
 ]
 nvrtc = [
-    { name = "nvidia-cuda-nvrtc", marker = "sys_platform == 'linux'" },
+    { name = "nvidia-cuda-nvrtc", marker = "sys_platform == 'linux' or sys_platform == 'win32'" },
 ]
 nvtx = [
-    { name = "nvidia-nvtx", marker = "sys_platform == 'linux'" },
+    { name = "nvidia-nvtx", marker = "sys_platform == 'linux' or sys_platform == 'win32'" },
 ]
 
 [[package]]
@@ -438,31 +438,31 @@ train = [
 
 [package.metadata]
 requires-dist = [
-    { name = "accelerate", marker = "extra == 'train'", specifier = ">=1.0.0" },
-    { name = "bitsandbytes", marker = "extra == 'train'", specifier = ">=0.44.0" },
-    { name = "datasets", specifier = ">=3.0.0" },
-    { name = "duckdb", specifier = ">=1.1.0" },
-    { name = "fastapi", extras = ["standard"], marker = "extra == 'modal'", specifier = ">=0.115.0" },
-    { name = "gradio", specifier = ">=5.0.0" },
-    { name = "httpx", specifier = ">=0.27.0" },
-    { name = "huggingface-hub", specifier = ">=1.0.0" },
-    { name = "joblib", specifier = ">=1.4.0" },
-    { name = "lightgbm", marker = "extra == 'lightgbm'", specifier = ">=4.5.0" },
+    { name = "accelerate", marker = "extra == 'train'", specifier = ">=1.14.0" },
+    { name = "bitsandbytes", marker = "extra == 'train'", specifier = ">=0.49.2" },
+    { name = "datasets", specifier = ">=5.0.0" },
+    { name = "duckdb", specifier = ">=1.5.3" },
+    { name = "fastapi", extras = ["standard"], marker = "extra == 'modal'", specifier = ">=0.137.0" },
+    { name = "gradio", specifier = ">=6.18.0" },
+    { name = "httpx", specifier = ">=0.28.1" },
+    { name = "huggingface-hub", specifier = ">=1.19.0" },
+    { name = "joblib", specifier = ">=1.5.3" },
+    { name = "lightgbm", marker = "extra == 'lightgbm'", specifier = ">=4.6.0" },
     { name = "modal", marker = "extra == 'modal'", specifier = ">=1.5.0" },
-    { name = "numpy", specifier = ">=1.26.0" },
-    { name = "peft", marker = "extra == 'train'", specifier = ">=0.13.0" },
-    { name = "polars", specifier = ">=1.0.0" },
-    { name = "pyarrow", specifier = ">=16.0.0" },
-    { name = "pydantic", specifier = ">=2.8.0" },
-    { name = "pytest", marker = "extra == 'dev'", specifier = ">=8.3.0" },
-    { name = "python-dotenv", specifier = ">=1.0.0" },
-    { name = "ruff", marker = "extra == 'dev'", specifier = ">=0.6.0" },
-    { name = "scikit-learn", specifier = ">=1.5.0" },
-    { name = "tenacity", specifier = ">=8.3.0" },
-    { name = "torch", marker = "extra == 'train'", specifier = ">=2.4.0" },
-    { name = "transformers", marker = "extra == 'train'", specifier = ">=4.51.0" },
-    { name = "trl", marker = "extra == 'train'", specifier = ">=0.25.0" },
-    { name = "typer", specifier = ">=0.12.0" },
+    { name = "numpy", specifier = ">=2.4.6" },
+    { name = "peft", marker = "extra == 'train'", specifier = ">=0.19.1" },
+    { name = "polars", specifier = ">=1.41.2" },
+    { name = "pyarrow", specifier = ">=24.0.0" },
+    { name = "pydantic", specifier = ">=2.13.4" },
+    { name = "pytest", marker = "extra == 'dev'", specifier = ">=9.1.0" },
+    { name = "python-dotenv", specifier = ">=1.2.2" },
+    { name = "ruff", marker = "extra == 'dev'", specifier = ">=0.15.17" },
+    { name = "scikit-learn", specifier = ">=1.9.0" },
+    { name = "tenacity", specifier = ">=9.1.4" },
+    { name = "torch", marker = "extra == 'train'", specifier = ">=2.12.0" },
+    { name = "transformers", marker = "extra == 'train'", specifier = ">=5.12.0" },
+    { name = "trl", marker = "extra == 'train'", specifier = ">=1.6.0" },
+    { name = "typer", specifier = ">=0.25.1" },
 ]
 provides-extras = ["train", "lightgbm", "modal", "dev"]
 
@@ -503,7 +503,7 @@ wheels = [
 
 [[package]]
 name = "fastapi"
-version = "0.136.3"
+version = "0.137.0"
 source = { registry = "https://pypi.org/simple" }
 dependencies = [
     { name = "annotated-doc" },
@@ -512,9 +512,9 @@ dependencies = [
     { name = "typing-extensions" },
     { name = "typing-inspection" },
 ]
-sdist = { url = "https://files.pythonhosted.org/packages/81/2d/ff8d91d7b564d464629a0fd50a4489c97fcb836ac230bf3a7269232a9b1f/fastapi-0.136.3.tar.gz", hash = "sha256:e487fae93ad408e6f47641ee4dfe389864fd7bec92e547ea8498fc13f43e83ab", size = 396410, upload-time = "2026-05-23T18:53:15.192Z" }
+sdist = { url = "https://files.pythonhosted.org/packages/da/fe/fb25c287ff7e0f79fc6acf2e8b812725dad28d2a1446c0410bab1422ac90/fastapi-0.137.0.tar.gz", hash = "sha256:d0565d551f65a803ecff245390840867186f456ef98971f750724eed16e1541c", size = 408023, upload-time = "2026-06-14T12:51:30.672Z" }
 wheels = [
-    { url = "https://files.pythonhosted.org/packages/e0/82/45359b62a067409bd929ae8a56b8ed13e5a8c8a61194b3c236920999ab83/fastapi-0.136.3-py3-none-any.whl", hash = "sha256:3d2a69bdf04b7e9f3afa292c3bc7a98816bbfafa10bc9b45f3f3700d2f761620", size = 117481, upload-time = "2026-05-23T18:53:16.924Z" },
+    { url = "https://files.pythonhosted.org/packages/e7/f1/b38481428e50131e5345b535414d11d196f14990122fe69c9020c64e5683/fastapi-0.137.0-py3-none-any.whl", hash = "sha256:6dcbde8d464f92117c1accb9e42720f8e423fa9b86cb563b1f5862f785a06498", size = 121777, upload-time = "2026-06-14T12:51:29.067Z" },
 ]
 
 [package.optional-dependencies]
@@ -1166,7 +1166,7 @@ name = "nvidia-cublas"
 version = "13.1.1.3"
 source = { registry = "https://pypi.org/simple" }
 dependencies = [
-    { name = "nvidia-cuda-nvrtc", marker = "sys_platform != 'emscripten' and sys_platform != 'win32'" },
+    { name = "nvidia-cuda-nvrtc" },
 ]
 wheels = [
     { url = "https://files.pythonhosted.org/packages/a7/a1/0bd24ee8c8d03adac032fd2909426a00c88f8c57961b1277ded97f91119f/nvidia_cublas-13.1.1.3-py3-none-manylinux_2_27_aarch64.whl", hash = "sha256:b7a210458267ac818974c53038fbec2e969d5c99f305ab15c72522fa9f001dd5", size = 542848918, upload-time = "2026-04-08T18:46:22.985Z" },
@@ -1205,7 +1205,7 @@ name = "nvidia-cudnn-cu13"
 version = "9.20.0.48"
 source = { registry = "https://pypi.org/simple" }
 dependencies = [
-    { name = "nvidia-cublas", marker = "sys_platform != 'emscripten' and sys_platform != 'win32'" },
+    { name = "nvidia-cublas" },
 ]
 wheels = [
     { url = "https://files.pythonhosted.org/packages/56/c5/83384d846b2fd17c44bd499b36c75a45ed4f095fbbb2252294e89cea5c5c/nvidia_cudnn_cu13-9.20.0.48-py3-none-manylinux_2_27_aarch64.whl", hash = "sha256:e31454ae00094b0c55319d9d15b6fa2fc50a9e1c0f5c8c80fb75258234e731e1", size = 444574296, upload-time = "2026-03-09T19:28:27.751Z" },
@@ -1217,7 +1217,7 @@ name = "nvidia-cufft"
 version = "12.0.0.61"
 source = { registry = "https://pypi.org/simple" }
 dependencies = [
-    { name = "nvidia-nvjitlink", marker = "sys_platform != 'emscripten' and sys_platform != 'win32'" },
+    { name = "nvidia-nvjitlink" },
 ]
 wheels = [
     { url = "https://files.pythonhosted.org/packages/8b/ae/f417a75c0259e85c1d2f83ca4e960289a5f814ed0cea74d18c353d3e989d/nvidia_cufft-12.0.0.61-py3-none-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:2708c852ef8cd89d1d2068bdbece0aa188813a0c934db3779b9b1faa8442e5f5", size = 214053554, upload-time = "2025-09-04T08:31:38.196Z" },
@@ -1247,9 +1247,9 @@ name = "nvidia-cusolver"
 version = "12.0.4.66"
 source = { registry = "https://pypi.org/simple" }
 dependencies = [
-    { name = "nvidia-cublas", marker = "sys_platform != 'emscripten' and sys_platform != 'win32'" },
-    { name = "nvidia-cusparse", marker = "sys_platform != 'emscripten' and sys_platform != 'win32'" },
-    { name = "nvidia-nvjitlink", marker = "sys_platform != 'emscripten' and sys_platform != 'win32'" },
+    { name = "nvidia-cublas" },
+    { name = "nvidia-cusparse" },
+    { name = "nvidia-nvjitlink" },
 ]
 wheels = [
     { url = "https://files.pythonhosted.org/packages/c8/c3/b30c9e935fc01e3da443ec0116ed1b2a009bb867f5324d3f2d7e533e776b/nvidia_cusolver-12.0.4.66-py3-none-manylinux_2_27_aarch64.whl", hash = "sha256:02c2457eaa9e39de20f880f4bd8820e6a1cfb9f9a34f820eb12a155aa5bc92d2", size = 223467760, upload-time = "2025-09-04T08:33:04.222Z" },
@@ -1261,7 +1261,7 @@ name = "nvidia-cusparse"
 version = "12.6.3.3"
 source = { registry = "https://pypi.org/simple" }
 dependencies = [
-    { name = "nvidia-nvjitlink", marker = "sys_platform != 'emscripten' and sys_platform != 'win32'" },
+    { name = "nvidia-nvjitlink" },
 ]
 wheels = [
     { url = "https://files.pythonhosted.org/packages/f8/94/5c26f33738ae35276672f12615a64bd008ed5be6d1ebcb23579285d960a9/nvidia_cusparse-12.6.3.3-py3-none-manylinux2014_aarch64.manylinux_2_17_aarch64.whl", hash = "sha256:80bcc4662f23f1054ee334a15c72b8940402975e0eab63178fc7e670aa59472c", size = 162155568, upload-time = "2025-09-04T08:33:42.864Z" },