v3: Rename darwin-atlas to Model Galaxy + 48 trending originals (DeepSeek-V4, MiMo-V2.5, Hy3, GLM-5.1, Hermes-4.3, Kimi-K2, gpt-oss, Nemotron-3, etc.) + white premium UI

README.md

@@ -1,47 +1,76 @@
 ---
-title: DARWIN Atlas
-emoji: 🌳
-colorFrom: red
-colorTo: yellow
+title: Model Galaxy
+emoji: 🌌
+colorFrom: yellow
+colorTo: red
 sdk: gradio
 sdk_version: 5.20.1
 app_file: app.py
 pinned: true
-short_description: VIDRAFT Darwin family ontology on HF Atlas
+short_description: Darwin family + 2026 trending models on the HF galaxy
 ---
 
-# DARWIN Atlas
+# 🌌 Model Galaxy
 
-Interactive **model ontology / lineage graph** for the VIDRAFT **Darwin family** on Hugging Face.
+Interactive **model ontology / lineage galaxy** built on top of [Eliahu/Model-Atlas](https://huggingface.co/spaces/Eliahu/Model-Atlas) (arXiv 2503.10633), with two custom overlays:
 
-This Space is a fork of [Eliahu/Model-Atlas](https://huggingface.co/spaces/Eliahu/Model-Atlas) — the official demo of the paper *"Charting and Navigating Hugging Face's Model Atlas"* (arXiv 2503.10633) — with the entire Darwin family (111 models + 33 external base_model anchors + 108 parent→child edges) injected as a dedicated cluster.
+1. **🌳 VIDRAFT Darwin family** (120 models + 41 anchors + 120 edges) — the entire Darwin / Rogue / AWAXIS / TenOS / Warecube / AETHER / NOESIS-Darwin ecosystem, with parent → child merge / quantize / adapter chains
+2. **⭐ 2026 Trending originals** (48 models + 17 anchors + 19 edges) — DeepSeek-V4 family, MiMo-V2.5, Hy3-preview, GLM-5.1, Hermes-4.3-36B, Kimi-K2, gpt-oss family, NVIDIA Nemotron-3 (Super-120B / Nano-30B / Omni / Cascade), Qwen3-Coder-Next, Llama-3.3-70B, Granite-4.1-8B, VibeVoice, dots.mocr, CADD-Base-7B, etc.
 
 ## Atlases
 
 | Atlas | Nodes | Edges | Purpose |
 |---|---:|---:|---|
-| **DARWIN Family Only** *(default)* | 144 | 108 | Compact ontology of Darwin Core + Rogue + AWAXIS + TenOS + Warecube + AETHER + quantizations + adapters + external parents |
-| Modalities Atlas (+ Darwin) | 22 350 | 24 194 | Full HF modality landscape with Darwin cluster injected (upper-right) |
-| Large NLP Atlas (+ Darwin) | 137 202 | 152 886 | Full HF NLP ecosystem with Darwin cluster injected |
-| Hugging Face Galaxy | full | full | Original Eliahu galaxy view (no Darwin overlay) |
+| **Modalities Atlas (+ Darwin + Trending)** *(default)* | 22 427 | 24 225 | Full HF modality landscape with both overlays |
+| Large NLP Atlas (+ Darwin + Trending) | 137 271 | 152 917 | Full HF NLP ecosystem with both overlays |
+| 🌳 DARWIN Family Only | 223 | 139 | Compact Darwin ontology + connected trending models |
+| Hugging Face Galaxy | full | full | Original Eliahu galaxy view (untouched) |
 
-## Color legend (base_model_relation)
+## Cluster placement
 
-| Color | Meaning |
-|---|---|
-| 🔴 red | FINAL-Bench official Darwin Core (Darwin-2B/4B/9B/27B/28B/31B/35B/36B/TTS, lastbrain) |
-| 🟠 amber | VIDRAFT brand variants (Rogue / AWAXIS / TenOS / Warecube / Heartsync / VIDraft) |
-| 🟣 purple | Quantized derivatives (GGUF / NVFP4 / AWQ / MFP4 / FP8 / INT4 / INT8 / BF16 …) |
-| 🟢 green | LoRA adapters |
-| ⚪ gray | External base_model anchors (Qwen, Gemma, etc. — Darwin parents) |
+| Cluster | Coordinates | Size |
+|---|---|---:|
+| 🌳 Darwin (upper-right) | x ≈ 7000, y ≈ 5000 | 120 nodes |
+| ⭐ 2026 Trending (lower-right) | x ≈ 6500, y ≈ -5500 | 48 nodes |
+
+Both clusters are far enough from the existing HF nodes that they are immediately spotted on first load.
+
+## Color legend
+
+### Darwin family (base_model_relation)
+- 🔴 **red** — FINAL-Bench official Darwin Core (Darwin-2B/4B/9B/27B/28B/31B/35B/36B/TTS, Darwin-Image-v1, Darwin-28B-NEG, lastbrain v1/2/3)
+- 🟠 **amber** — VIDRAFT brand variants (Rogue / AWAXIS / TenOS / Warecube / Heartsync / VIDraft)
+- 💗 **pink** — TTS+LLM hybrids (Darwin-TTS-1.7B-Cross, VoxCPM2-KZ-Darwin)
+- 🟣 **indigo** — Image (Darwin-Image-v1)
+- 🩵 **teal** — Audio / Speech (NOESIS-OmniAudio, Whisper-Darwin, UniverSR)
+- 🟦 **sky** — AETHER series (Q2B-Proto, Q2B-v2, 14B-Phase1)
+- 🟪 **purple** — quantized derivatives (GGUF / NVFP4 / AWQ / MFP4 / FP8 / INT4 / INT8 / BF16 / mlx)
+- 🟢 **green** — LoRA adapters
+- ⚪ **gray** — external base_model anchors (Qwen / Gemma parents)
+
+### 2026 Trending (per-company colors)
+- 🟢 emerald — DeepSeek
+- 🟧 orange — Xiaomi
+- 🟦 blue — Tencent / Google
+- 🟪 violet — MiniMax / Tesslate / Moonshot
+- 🟦 teal — OpenAI / Poolside
+- 🟦 sky — IBM
+- 🟧 amber — Alibaba (Qwen)
+- 🟦 indigo — Meta / Zed
+- 💗 pink — NousResearch
+- 🟢 green — Microsoft
+- 🟢 lime — NVIDIA Nemotron
+- 🔴 red — rednote
+- ⬛ near-black — Apple
 
 ## Sources
 
-- HF API enumeration: `author=FINAL-Bench / VIDraft / ginigen-ai / Anserwise / honey90 / Warecube / Heartsync` + keyword search `Darwin / Rogue-28B / Rogue-27B / AWAXIS / TenOS-Ko / Warecube-KO / lastbrain`
-- Per-model `cardData.base_model` for parent→child edge construction
-- Sigma.js + pako (in-browser gzip) renderer from the original Atlas
+- HF API enumeration (whitelist authors + keyword search) → 120 Darwin family
+- Per-model `cardData.base_model` for parent → child edges
+- Top-100 trendingScore filter (no quantizations / community merges) → 48 originals
+- Sigma.js + pako (browser-side gzip) renderer
 
-## Citation (original paper)
+## Citation (original Atlas paper)
 
 ```bibtex
 @misc{horwitz2025chartingnavigatinghuggingfaces,

compressed_darwin_data.json.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:9ae4a21c99846c02d2787c3fa2162e3ffa8fa8407736bd806d1f8edc6d5945da
-size 17952
+oid sha256:c4f860e1530b981e566b0cd5a787316f79d246e97a27d0f8b80837acc862a38b
+size 25244

compressed_large_nlp_data.json.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:896160ec9dc1848bc547f4064a468c43b04967364b39584efe33faefce731d11
-size 23664164
+oid sha256:2bbe96f224315b9fc84bd8a0135df70506bb0061d58c6422578d3f3f1f69e92b
+size 23670602

compressed_modalities_data.json.gz

@@ -1,3 +1,3 @@
 version https://git-lfs.github.com/spec/v1
-oid sha256:22126f2c8c88bf6abd7524e36099153cfb90e3880f1f5bc029022b7ef307002e
-size 3114062
+oid sha256:cdf5038ade68b9e4dcfd2b0ba15d2e04ff85ecdf76eccf9eca5f352b8ccddca0
+size 3121171

config.json

@@ -5,12 +5,12 @@
   "logo": {
     "file": "",
     "link": "",
-    "text": "DARWIN Atlas"
+    "text": "Model Galaxy"
   },
   "text": {
-    "more": "<p><strong>DARWIN Atlas</strong> is a fork of <a href=\"https://huggingface.co/spaces/Eliahu/Model-Atlas\" target=\"_blank\">Eliahu/Model-Atlas</a> with the entire VIDRAFT <strong>Darwin family</strong> (official + derivatives + quantizations) injected as a dedicated cluster.</p><br><p><strong>Cluster legend (color = base_model_relation):</strong></p><ul><li><span style='color:rgb(220,38,38);font-weight:700'>● red</span> — FINAL-Bench official Darwin Core (Darwin-2B/4B/9B/27B/28B/31B/35B/36B/TTS, lastbrain)</li><li><span style='color:rgb(245,158,11);font-weight:700'>● amber</span> — VIDRAFT brand variants (Rogue / AWAXIS / TenOS / Warecube / Heartsync / VIDraft)</li><li><span style='color:rgb(168,85,247);font-weight:700'>● purple</span> — quantized derivatives (GGUF / NVFP4 / AWQ / MFP4 / FP8 …)</li><li><span style='color:rgb(34,197,94);font-weight:700'>● green</span> — LoRA adapters</li><li><span style='color:rgb(148,163,184);font-weight:700'>● gray</span> — external base_model anchors (Qwen / Gemma parents)</li></ul><br><p>Switch atlas via the <strong>Atlas:</strong> selector to see Darwin's position inside the broader Modalities Atlas, Large NLP Atlas, or full HF Galaxy. The Darwin cluster is anchored at upper-right (x≈7000, y≈5000) for easy spotting.</p><br><h2 class=\"title\">BibTeX (original Atlas paper)</h2><pre><code>@misc{horwitz2025chartingnavigatinghuggingfaces,<br>title={Charting and Navigating Hugging Face's Model Atlas},<br>author={Eliahu Horwitz and Nitzan Kurer and Jonathan Kahana and Liel Amar and Yedid Hoshen},<br>year={2025},<br>eprint={2503.10633},<br>archivePrefix={arXiv},<br>primaryClass={cs.LG},<br>url={https://arxiv.org/abs/2503.10633},<br>}</code></pre>",
-    "intro": "<strong>DARWIN Atlas</strong> — interactive ontology of the VIDRAFT Darwin model family on Hugging Face. <br><br>111 Darwin family models + 33 external base_model anchors + 108 parent→child edges, injected into Eliahu Horwitz's HF Model Atlas. <br><br><strong>Default view:</strong> DARWIN Family Only (compact). Switch via the <strong>Atlas:</strong> selector below to see Darwin's position inside the larger Modalities or NLP atlas (Darwin cluster anchored at upper-right). <br><br><div class=\"features\"> <h2>Key Features</h2> <ul> <li><strong>Search:</strong> Find any Darwin model (e.g. <em>Rogue-28B-MIX</em>, <em>Darwin-9B-NEG</em>).</li> <li><strong>Color By:</strong> base_model_relation (Darwin red/amber/purple), modality, license, or vidraft_family.</li> <li><strong>Atlas:</strong> Switch between Darwin-only and full HF context.</li> <li><strong>Click a node</strong> to see its base_model parents and children (the merge / quantize chain).</li> </ul> </div> <br>",
-    "title": "DARWIN Atlas"
+    "more": "<p><strong>Model Galaxy</strong> is a fork of <a href=\"https://huggingface.co/spaces/Eliahu/Model-Atlas\" target=\"_blank\">Eliahu/Model-Atlas</a> with two custom overlays: <strong>(1) the entire VIDRAFT Darwin family</strong> (120 models, upper-right cluster) and <strong>(2) the 2026 trending originals</strong> (48 models — DeepSeek-V4, MiMo-V2.5, Hy3, GLM-5.1, Hermes-4.3, Kimi-K2, gpt-oss, NVIDIA Nemotron-3, Llama-3.3, Granite-4.1, Qwen3-Coder-Next, VibeVoice, etc., lower-right cluster).</p><br><p><strong>Color schemes (Color By):</strong></p><ul><li><strong>base_model_relation</strong> — Darwin red/amber/purple, trending = company colors</li><li><strong>modality</strong> — NLP (yellow), TTS+LLM (pink), Image (indigo), Audio (teal), OCR (fuchsia), Embed (purple), Multi (rose)</li><li><strong>vidraft_family</strong> — Darwin red vs others gray</li><li><strong>darwin_official</strong> — FINAL-Bench official red, brand variants amber, others gray</li><li><strong>trending_2026</strong> — trending red, others gray</li></ul><br><p>Switch atlas via the <strong>Atlas:</strong> selector to compare against the broader Modalities, Large NLP, or full HF Galaxy.</p><br><h2 class=\"title\">BibTeX (original Atlas paper)</h2><pre><code>@misc{horwitz2025chartingnavigatinghuggingfaces,<br>title={Charting and Navigating Hugging Face's Model Atlas},<br>author={Eliahu Horwitz and Nitzan Kurer and Jonathan Kahana and Liel Amar and Yedid Hoshen},<br>year={2025},<br>eprint={2503.10633},<br>archivePrefix={arXiv},<br>primaryClass={cs.LG},<br>url={https://arxiv.org/abs/2503.10633},<br>}</code></pre>",
+    "intro": "<strong>Model Galaxy</strong> — interactive ontology of the <strong>VIDRAFT Darwin family</strong> + <strong>2026 trending originals</strong> on the Hugging Face galaxy. <br><br>168 custom-injected nodes (120 Darwin family + 48 trending) on top of Eliahu Horwitz's HF Model Atlas. <br><br><div class=\"features\"> <h2>Key Features</h2> <ul> <li><strong>Search:</strong> Find any Darwin model (e.g. <em>Rogue-28B-MIX</em>, <em>Darwin-9B-NEG</em>) or trending model (e.g. <em>DeepSeek-V4-Pro</em>, <em>Hermes-4.3</em>).</li> <li><strong>Color By:</strong> base_model_relation, modality, license, vidraft_family, darwin_official, trending_2026.</li> <li><strong>Atlas:</strong> Switch between Modalities (default), Darwin Family Only, Large NLP, or full HF Galaxy.</li> <li><strong>Click a node</strong> to see its base_model parents and children (the merge / quantize / adapter chain).</li> </ul> </div> <br><strong>Clusters:</strong> 🌳 Darwin upper-right (x≈7000) · ⭐ 2026 Trending lower-right (x≈6500, y≈-5500). <br>",
+    "title": "Model Galaxy"
   },
   "legend": {
     "edgeLabel": "edgeLabel",
@@ -29,12 +29,12 @@
   "sigma": {
     "drawingProperties": {
       "defaultEdgeType": "curve",
-      "defaultHoverLabelBGColor": "#002147",
-      "defaultLabelBGColor": "#ddd",
+      "defaultHoverLabelBGColor": "#fef3c7",
+      "defaultLabelBGColor": "#ffffff",
       "activeFontStyle": "bold",
-      "defaultLabelColor": "#000",
+      "defaultLabelColor": "#0f172a",
       "labelThreshold": 10,
-      "defaultLabelHoverColor": "#fff",
+      "defaultLabelHoverColor": "#92400e",
       "fontStyle": "bold",
       "hoverFontStyle": "bold",
       "defaultLabelSize": 14

css/style.css

@@ -764,8 +764,8 @@ display: none;
 }
 
 /* ============================================================
-   DARWIN ATLAS — PREMIUM OVERRIDE (2026-04-30)
-   Glass-morphism + gradient accents + modality color chips
+   DARWIN ATLAS — PREMIUM LIGHT OVERRIDE (2026-04-30)
+   White base + amber/red accents + frosted glass panels
    ============================================================ */
 
 @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;600;700&family=IBM+Plex+Sans:wght@300;400;500;600;700&family=IBM+Plex+Sans+KR:wght@400;500;600;700&display=swap');
@@ -774,21 +774,22 @@ html, body {
   font-family: 'IBM Plex Sans', 'IBM Plex Sans KR', -apple-system, BlinkMacSystemFont, sans-serif !important;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  background: #ffffff !important;
 }
 
 .sigma-expand {
-  background: radial-gradient(ellipse at center, #0f172a 0%, #020617 100%) !important;
+  background: radial-gradient(ellipse at center, #ffffff 0%, #f8fafc 60%, #f1f5f9 100%) !important;
 }
 
 /* ----- Left main panel ----- */
 #mainpanel {
-  background: linear-gradient(155deg, rgba(15,23,42,0.92) 0%, rgba(30,41,59,0.92) 50%, rgba(15,23,42,0.94) 100%) !important;
+  background: linear-gradient(155deg, rgba(255,255,255,0.92) 0%, rgba(255,251,235,0.88) 50%, rgba(255,255,255,0.94) 100%) !important;
   backdrop-filter: blur(18px) saturate(140%);
   -webkit-backdrop-filter: blur(18px) saturate(140%);
-  border-right: 1px solid rgba(245,158,11,0.18);
-  box-shadow: 4px 0 24px rgba(0,0,0,0.4), inset -1px 0 0 rgba(245,158,11,0.06);
+  border-right: 1px solid rgba(245,158,11,0.28);
+  box-shadow: 4px 0 22px rgba(15,23,42,0.06), inset -1px 0 0 rgba(245,158,11,0.08);
   width: 290px !important;
-  color: #e2e8f0 !important;
+  color: #1e293b !important;
   font-size: 12px;
 }
 
@@ -807,20 +808,19 @@ html, body {
   background-clip: text;
   -webkit-text-fill-color: transparent;
   margin-bottom: 4px !important;
-  text-shadow: 0 0 24px rgba(245,158,11,0.25);
 }
 #title::before { content: "🌳 "; -webkit-text-fill-color: initial; }
 
 #titletext {
-  color: #94a3b8 !important;
+  color: #475569 !important;
   font-size: 11px !important;
   line-height: 1.55 !important;
   margin-bottom: 14px !important;
   padding-bottom: 14px;
-  border-bottom: 1px solid rgba(148,163,184,0.18);
+  border-bottom: 1px solid rgba(148,163,184,0.25);
 }
-#titletext strong { color: #fbbf24 !important; font-weight: 600; }
-#titletext a { color: #f59e0b !important; }
+#titletext strong { color: #b45309 !important; font-weight: 600; }
+#titletext a { color: #b45309 !important; }
 
 .info { margin-bottom: 14px !important; }
 .info dl { margin: 0 !important; }
@@ -829,28 +829,31 @@ html, body {
   display: inline-flex !important;
   align-items: center;
   gap: 6px;
-  color: #fbbf24 !important;
-  background: rgba(245,158,11,0.08);
-  border: 1px solid rgba(245,158,11,0.25);
+  color: #b45309 !important;
+  background: linear-gradient(135deg, rgba(254,243,199,0.7), rgba(254,215,170,0.5));
+  border: 1px solid rgba(245,158,11,0.45);
   padding: 6px 12px;
   border-radius: 8px;
   font-size: 11px;
-  font-weight: 500;
+  font-weight: 600;
   text-decoration: none !important;
   transition: all 0.18s ease;
+  box-shadow: 0 1px 2px rgba(245,158,11,0.08);
 }
 .info dd.line a::before { content: "ℹ"; font-weight: 700; }
 .info dd.line a:hover {
-  background: rgba(245,158,11,0.18);
-  border-color: rgba(245,158,11,0.5);
+  background: linear-gradient(135deg, rgba(254,215,170,0.9), rgba(253,186,116,0.75));
+  border-color: #f59e0b;
+  color: #92400e !important;
   transform: translateX(2px);
+  box-shadow: 0 2px 6px rgba(245,158,11,0.18);
 }
 
 /* ----- Section headers ----- */
 #mainpanel h2 {
-  color: #f8fafc !important;
+  color: #0f172a !important;
   font-size: 11px !important;
-  font-weight: 600 !important;
+  font-weight: 700 !important;
   letter-spacing: 1.2px;
   text-transform: uppercase;
   margin-bottom: 6px !important;
@@ -861,12 +864,13 @@ html, body {
 
 /* ----- Legend ----- */
 #legend {
-  background: rgba(15,23,42,0.55) !important;
-  border: 1px solid rgba(148,163,184,0.18);
+  background: linear-gradient(135deg, rgba(255,251,235,0.85), rgba(255,255,255,0.7)) !important;
+  border: 1px solid rgba(245,158,11,0.25);
   border-radius: 10px;
   padding: 10px 12px !important;
   margin-bottom: 14px !important;
   margin-top: 4px !important;
+  box-shadow: 0 1px 3px rgba(15,23,42,0.04);
 }
 #legend .box { padding: 0 !important; }
 #legend h2 { border-left-color: #ec4899; padding-left: 8px; margin-bottom: 8px !important; }
@@ -875,7 +879,7 @@ html, body {
   flex-direction: column;
   gap: 5px;
   font-size: 11px;
-  color: #cbd5e1;
+  color: #334155;
 }
 #colorLegend > * {
   display: flex !important;
@@ -883,42 +887,51 @@ html, body {
   gap: 8px;
   padding: 4px 6px;
   border-radius: 5px;
-  background: rgba(255,255,255,0.02);
-  transition: background 0.15s;
+  background: rgba(255,255,255,0.5);
+  border: 1px solid transparent;
+  transition: all 0.15s;
+}
+#colorLegend > *:hover {
+  background: rgba(245,158,11,0.08);
+  border-color: rgba(245,158,11,0.25);
 }
-#colorLegend > *:hover { background: rgba(245,158,11,0.08); }
 
 /* ----- Form sections ----- */
 .b1 form > div {
   margin-bottom: 12px !important;
-  background: rgba(15,23,42,0.5);
-  border: 1px solid rgba(148,163,184,0.15);
+  background: rgba(255,255,255,0.85);
+  border: 1px solid rgba(148,163,184,0.25);
   border-radius: 10px;
   padding: 10px 12px;
-  transition: border-color 0.18s;
+  transition: all 0.18s;
+  box-shadow: 0 1px 2px rgba(15,23,42,0.03);
+}
+.b1 form > div:hover {
+  border-color: rgba(245,158,11,0.45);
+  box-shadow: 0 2px 8px rgba(245,158,11,0.08);
 }
-.b1 form > div:hover { border-color: rgba(245,158,11,0.35); }
 
 /* ----- Search input ----- */
 #search input[type="text"] {
   width: 100% !important;
-  background: rgba(2,6,23,0.6) !important;
-  border: 1px solid rgba(148,163,184,0.3) !important;
+  background: #ffffff !important;
+  border: 1px solid rgba(148,163,184,0.4) !important;
   border-radius: 8px !important;
   padding: 8px 12px !important;
-  color: #f1f5f9 !important;
+  color: #0f172a !important;
   font-size: 12px !important;
   font-family: 'IBM Plex Mono', monospace !important;
   transition: all 0.18s;
   margin-top: 4px;
+  box-shadow: inset 0 1px 2px rgba(15,23,42,0.04);
 }
 #search input[type="text"]:focus {
   outline: none !important;
   border-color: #f59e0b !important;
-  background: rgba(2,6,23,0.85) !important;
-  box-shadow: 0 0 0 3px rgba(245,158,11,0.12), inset 0 1px 2px rgba(0,0,0,0.4);
+  background: #ffffff !important;
+  box-shadow: 0 0 0 3px rgba(245,158,11,0.15), inset 0 1px 2px rgba(15,23,42,0.04);
 }
-#search input.empty { color: rgba(148,163,184,0.7) !important; font-style: italic; }
+#search input.empty { color: rgba(100,116,139,0.7) !important; font-style: italic; }
 #search h2::before { content: "🔍  "; -webkit-text-fill-color: initial; }
 
 #search .results {
@@ -931,31 +944,32 @@ html, body {
 #search .results a {
   display: block;
   padding: 5px 8px;
-  color: #cbd5e1 !important;
+  color: #334155 !important;
   text-decoration: none !important;
   border-radius: 4px;
   transition: all 0.12s;
 }
 #search .results a:hover {
   background: linear-gradient(90deg, rgba(245,158,11,0.18), rgba(245,158,11,0.05)) !important;
-  color: #fbbf24 !important;
+  color: #b45309 !important;
   transform: translateX(2px);
 }
 
 /* ----- Selectors (Atlas / Color By) ----- */
 .select {
-  background: rgba(2,6,23,0.6) !important;
-  border: 1px solid rgba(148,163,184,0.3) !important;
+  background: #ffffff !important;
+  border: 1px solid rgba(148,163,184,0.4) !important;
   border-radius: 8px !important;
   padding: 8px 32px 8px 12px !important;
-  color: #f1f5f9 !important;
+  color: #0f172a !important;
   cursor: pointer !important;
   font-family: 'IBM Plex Mono', monospace !important;
   font-size: 11px !important;
-  font-weight: 500 !important;
+  font-weight: 600 !important;
   position: relative;
   transition: all 0.18s;
   margin-top: 4px;
+  box-shadow: 0 1px 2px rgba(15,23,42,0.04);
 }
 .select::after {
   content: "▾";
@@ -968,7 +982,8 @@ html, body {
 }
 .select:hover {
   border-color: #f59e0b !important;
-  background: rgba(245,158,11,0.06) !important;
+  background: rgba(254,243,199,0.5) !important;
+  box-shadow: 0 2px 6px rgba(245,158,11,0.12);
 }
 .select.close::after { transform: translateY(-50%) rotate(180deg); }
 
@@ -977,124 +992,131 @@ html, body {
 #atlasselect h2::before { content: "🗺️  "; -webkit-text-fill-color: initial; }
 
 .list {
-  background: rgba(2,6,23,0.95) !important;
-  border: 1px solid rgba(148,163,184,0.3) !important;
+  background: #ffffff !important;
+  border: 1px solid rgba(245,158,11,0.35) !important;
   border-radius: 8px !important;
   margin-top: 4px;
   padding: 4px !important;
   display: none;
   max-height: 240px;
   overflow-y: auto;
+  box-shadow: 0 6px 20px rgba(15,23,42,0.1);
 }
 .list.open { display: block !important; }
 .list a {
   display: block !important;
   padding: 7px 10px !important;
-  color: #cbd5e1 !important;
+  color: #1e293b !important;
   text-decoration: none !important;
   border-radius: 5px !important;
   font-size: 11px !important;
   font-family: 'IBM Plex Mono', monospace !important;
+  font-weight: 500;
   transition: all 0.12s !important;
 }
 .list a:hover {
   background: linear-gradient(90deg, rgba(245,158,11,0.2), rgba(245,158,11,0.05)) !important;
-  color: #fbbf24 !important;
+  color: #92400e !important;
 }
 
 /* Highlight DARWIN-prefixed atlas option */
 .list a[data-file="compressed_darwin_data.json.gz"] {
-  background: rgba(220,38,38,0.1) !important;
-  color: #fca5a5 !important;
+  background: rgba(254,226,226,0.7) !important;
+  color: #b91c1c !important;
   font-weight: 700 !important;
-  border-left: 2px solid #dc2626;
+  border-left: 3px solid #dc2626;
 }
 .list a[data-file="compressed_darwin_data.json.gz"]:hover {
-  background: linear-gradient(90deg, rgba(220,38,38,0.3), rgba(220,38,38,0.08)) !important;
-  color: #fff !important;
+  background: linear-gradient(90deg, rgba(220,38,38,0.18), rgba(220,38,38,0.05)) !important;
+  color: #7f1d1d !important;
 }
 .list a[data-file="compressed_modalities_data.json.gz"] {
-  background: rgba(245,158,11,0.08) !important;
-  border-left: 2px solid #f59e0b;
+  background: rgba(254,243,199,0.7) !important;
+  color: #92400e !important;
+  font-weight: 700 !important;
+  border-left: 3px solid #f59e0b;
 }
 
 /* ----- Right info panel ----- */
 #attributepane {
-  background: linear-gradient(195deg, rgba(15,23,42,0.96) 0%, rgba(2,6,23,0.96) 100%) !important;
+  background: linear-gradient(195deg, rgba(255,255,255,0.94) 0%, rgba(255,251,235,0.88) 100%) !important;
   backdrop-filter: blur(18px) saturate(140%);
   -webkit-backdrop-filter: blur(18px) saturate(140%);
-  border-left: 1px solid rgba(245,158,11,0.18) !important;
-  box-shadow: -4px 0 24px rgba(0,0,0,0.4);
+  border-left: 1px solid rgba(245,158,11,0.28) !important;
+  box-shadow: -4px 0 22px rgba(15,23,42,0.06);
   width: 320px !important;
-  color: #e2e8f0 !important;
+  color: #1e293b !important;
   padding: 0 22px !important;
 }
 #attributepane .text { padding: 18px 0; }
 #attributepane .headertext {
-  color: #f8fafc !important;
+  color: #0f172a !important;
   font-family: 'IBM Plex Mono', monospace !important;
   font-size: 12px !important;
-  font-weight: 600 !important;
+  font-weight: 700 !important;
   text-transform: uppercase;
   letter-spacing: 1.2px;
   padding-bottom: 12px;
   margin-bottom: 14px !important;
-  border-bottom: 1px solid rgba(245,158,11,0.25);
+  border-bottom: 2px solid rgba(245,158,11,0.4);
 }
 #attributepane .left-close {
   cursor: pointer;
-  background: rgba(245,158,11,0.08);
-  border: 1px solid rgba(245,158,11,0.25);
+  background: linear-gradient(135deg, rgba(254,243,199,0.7), rgba(254,215,170,0.5));
+  border: 1px solid rgba(245,158,11,0.45);
   border-radius: 6px;
   padding: 6px 10px !important;
-  color: #fbbf24 !important;
+  color: #b45309 !important;
   font-size: 11px !important;
+  font-weight: 600;
   margin-bottom: 12px;
   transition: all 0.18s;
+  box-shadow: 0 1px 2px rgba(245,158,11,0.08);
 }
 #attributepane .left-close:hover {
-  background: rgba(245,158,11,0.2);
+  background: linear-gradient(135deg, rgba(254,215,170,0.9), rgba(253,186,116,0.75));
   border-color: #f59e0b;
+  color: #92400e !important;
 }
 #attributepane .left-close::before { content: "← "; }
 
 #attributepane .name {
-  color: #fbbf24 !important;
+  color: #b45309 !important;
   font-family: 'IBM Plex Mono', monospace !important;
   font-size: 14px !important;
-  font-weight: 600 !important;
+  font-weight: 700 !important;
   word-break: break-all;
   padding: 10px 0;
-  border-bottom: 1px dashed rgba(148,163,184,0.2);
+  border-bottom: 1px dashed rgba(148,163,184,0.35);
   margin-bottom: 10px;
 }
 
 #attributepane .data {
   font-size: 11px;
-  color: #cbd5e1;
+  color: #334155;
 }
 #attributepane .data > div, #attributepane .data > p {
   padding: 6px 0;
-  border-bottom: 1px solid rgba(148,163,184,0.08);
+  border-bottom: 1px solid rgba(148,163,184,0.15);
   font-family: 'IBM Plex Mono', monospace;
 }
 #attributepane .data strong, #attributepane .data b {
-  color: #f59e0b !important;
-  font-weight: 600;
+  color: #b45309 !important;
+  font-weight: 700;
   display: inline-block;
   min-width: 88px;
 }
 
 #attributepane .p {
   font-family: 'IBM Plex Mono', monospace !important;
-  color: #ec4899 !important;
+  color: #be185d !important;
   font-size: 11px !important;
-  font-weight: 600 !important;
+  font-weight: 700 !important;
   text-transform: uppercase;
   letter-spacing: 0.8px;
   margin-top: 16px !important;
   padding-bottom: 4px;
-  border-bottom: 1px solid rgba(236,72,153,0.3);
+  border-bottom: 2px solid rgba(236,72,153,0.4);
 }
 #attributepane .link ul {
   list-style: none;
@@ -1106,10 +1128,10 @@ html, body {
 #attributepane .link a {
   display: block;
   padding: 5px 10px;
-  background: rgba(245,158,11,0.05);
-  border: 1px solid rgba(148,163,184,0.15);
+  background: rgba(255,251,235,0.7);
+  border: 1px solid rgba(245,158,11,0.25);
   border-radius: 6px;
-  color: #cbd5e1 !important;
+  color: #334155 !important;
   text-decoration: none !important;
   font-family: 'IBM Plex Mono', monospace;
   font-size: 10px;
@@ -1117,83 +1139,79 @@ html, body {
   transition: all 0.12s;
 }
 #attributepane .link a:hover {
-  background: rgba(245,158,11,0.15);
-  border-color: rgba(245,158,11,0.5);
-  color: #fbbf24 !important;
+  background: linear-gradient(135deg, rgba(254,215,170,0.7), rgba(254,243,199,0.5));
+  border-color: #f59e0b;
+  color: #92400e !important;
   transform: translateX(2px);
 }
 
 /* ----- Zoom controls ----- */
 #zoom {
-  background: rgba(15,23,42,0.85) !important;
+  background: rgba(255,255,255,0.92) !important;
   backdrop-filter: blur(12px);
-  border: 1px solid rgba(245,158,11,0.2) !important;
+  border: 1px solid rgba(245,158,11,0.3) !important;
   border-radius: 12px !important;
   padding: 6px !important;
-  box-shadow: 0 4px 16px rgba(0,0,0,0.4) !important;
+  box-shadow: 0 4px 16px rgba(15,23,42,0.1) !important;
 }
 #zoom .z {
-  background-color: rgba(245,158,11,0.1) !important;
+  background-color: rgba(254,243,199,0.7) !important;
   border-radius: 8px !important;
-  border: 1px solid rgba(245,158,11,0.25) !important;
+  border: 1px solid rgba(245,158,11,0.35) !important;
   margin: 4px !important;
   width: 32px !important;
   height: 32px !important;
   transition: all 0.15s !important;
 }
 #zoom .z:hover {
-  background-color: rgba(245,158,11,0.3) !important;
+  background-color: rgba(253,186,116,0.7) !important;
   border-color: #f59e0b !important;
   transform: scale(1.05);
 }
 
 /* ----- Information modal ----- */
 #information {
-  background: rgba(15,23,42,0.97) !important;
+  background: rgba(255,255,255,0.98) !important;
   backdrop-filter: blur(20px);
-  border: 1px solid rgba(245,158,11,0.3) !important;
+  border: 1px solid rgba(245,158,11,0.4) !important;
   border-radius: 14px !important;
-  color: #e2e8f0 !important;
+  color: #1e293b !important;
   padding: 24px !important;
+  box-shadow: 0 20px 60px rgba(15,23,42,0.15);
 }
 #information h2.title, #information h2 {
-  color: #f59e0b !important;
+  color: #b45309 !important;
   font-family: 'IBM Plex Mono', monospace !important;
 }
 #information code, #information pre {
-  background: rgba(2,6,23,0.6) !important;
-  border: 1px solid rgba(148,163,184,0.2) !important;
-  color: #fbbf24 !important;
+  background: rgba(255,251,235,0.7) !important;
+  border: 1px solid rgba(245,158,11,0.25) !important;
+  color: #92400e !important;
   border-radius: 6px;
   padding: 8px 12px;
 }
 #information ul li { margin: 6px 0; }
-#information strong { color: #fbbf24 !important; }
-#information .features { margin-top: 12px; padding: 12px; background: rgba(245,158,11,0.06); border-radius: 8px; border: 1px solid rgba(245,158,11,0.2); }
-
-/* ----- Fancybox close button ----- */
-.fancybox-close, .fancybox-title {
-  filter: invert(0.9) hue-rotate(180deg);
-}
+#information strong { color: #b45309 !important; }
+#information .features { margin-top: 12px; padding: 12px; background: rgba(254,243,199,0.5); border-radius: 8px; border: 1px solid rgba(245,158,11,0.3); }
 
 /* ----- Developer footer ----- */
 #developercontainer {
-  background: rgba(15,23,42,0.7) !important;
-  border-top: 1px solid rgba(148,163,184,0.15) !important;
-  color: #94a3b8 !important;
+  background: rgba(255,255,255,0.85) !important;
+  border-top: 1px solid rgba(148,163,184,0.25) !important;
+  color: #64748b !important;
   font-size: 10px !important;
   padding: 8px 14px !important;
 }
-#developercontainer a { color: #fbbf24 !important; }
+#developercontainer a { color: #b45309 !important; }
 #developercontainer p { margin: 2px 0; }
 
 /* ----- Scrollbars ----- */
 *::-webkit-scrollbar { width: 8px; height: 8px; }
-*::-webkit-scrollbar-track { background: rgba(15,23,42,0.4); border-radius: 4px; }
+*::-webkit-scrollbar-track { background: rgba(241,245,249,0.6); border-radius: 4px; }
 *::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #f59e0b, #dc2626); border-radius: 4px; }
 *::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #fbbf24, #ef4444); }
 
-/* ----- Responsive (smaller screens) ----- */
+/* ----- Responsive ----- */
 @media (max-width: 1100px) {
   #mainpanel { width: 260px !important; }
   #attributepane { width: 280px !important; }

index.html

@@ -2,7 +2,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb" lang="en" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" itemscope itemtype="http://schema.org/Map">
 
 <head>
-<title>Model Atlas</title>
+<title>Model Galaxy — Darwin family + 2026 Trending</title>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1,user-scalable=no" />

js/main.js

@@ -823,9 +823,9 @@ function AtlasSelector(a) {
 
 function getAvailableAtlases() {
   return [
-    { name: "Modalities Atlas (+ Darwin)", file: "compressed_modalities_data.json.gz" },
+    { name: "Modalities Atlas (+ Darwin + Trending)", file: "compressed_modalities_data.json.gz" },
+    { name: "Large NLP Atlas (+ Darwin + Trending)", file: "compressed_large_nlp_data.json.gz" },
     { name: "DARWIN Family Only", file: "compressed_darwin_data.json.gz" },
-    { name: "Large NLP Atlas (+ Darwin)", file: "compressed_large_nlp_data.json.gz" },
     { name: "Hugging Face Galaxy", file: "compressed_galaxy.json.gz" },
   ];
 }