@symerian/symi 3.5.11 → 3.5.13

package/dist/build-info.json

@@ -1,5 +1,5 @@
 {
-  "version": "3.5.11",
-  "commit": "0b0214f0883885802eb1f14b3287222b044689f2",
-  "builtAt": "2026-05-06T02:28:12.827Z"
+  "version": "3.5.13",
+  "commit": "33e6d6051e6f74ada770ca1941c409ce7ba65cd2",
+  "builtAt": "2026-05-06T02:46:17.820Z"
 }

package/dist/canvas-host/a2ui/.bundle.hash

@@ -1 +1 @@
-1191210216ce547e23cadf39bf60dc8d937eb3b4357c931c6ab5afdad1515eef
+b6b358862b350355c1027203e25ea1b0380203d1ceff6fb6a17ee5d3259e905e

package/dist/control-ui/css/style.css

@@ -397,49 +397,21 @@ body {
   letter-spacing: 0.05em;
 }
 
-/* ── Model Toggle ─────────────────────────────────────────────────── */
-.model-toggle {
-  display: flex;
-  gap: 6px;
+/* ── Model Routing select ──────────────────────────────────────────── */
+.model-routing-select {
+  width: 100%;
+  display: block;
+  padding: 8px 22px 8px 8px;
   margin-bottom: 6px;
-}
-.model-toggle-btn {
-  flex: 1;
-  padding: 8px 4px;
   border: 1px solid var(--glass-border);
   border-radius: 6px;
   background: rgba(255, 255, 255, 0.03);
-  color: var(--text-dim);
-  font-family: var(--font-mono);
-  font-size: 10px;
-  letter-spacing: 0.04em;
-  cursor: pointer;
-  transition: all 0.2s ease;
-  white-space: nowrap;
-}
-.model-toggle-btn:hover {
-  border-color: var(--accent-cyan);
   color: var(--text);
-}
-.model-toggle-btn.active {
-  background: rgba(0, 212, 255, 0.08);
-  border-color: var(--accent-cyan);
-  color: var(--accent-cyan);
-  box-shadow: 0 0 8px rgba(0, 212, 255, 0.12);
-}
-.model-toggle-select {
-  flex: 1;
-  padding: 8px 22px 8px 8px;
-  border: 1px solid var(--glass-border);
-  border-radius: 6px;
-  background: rgba(255, 255, 255, 0.03);
-  color: var(--text-dim);
   font-family: var(--font-mono);
   font-size: 10px;
   letter-spacing: 0.04em;
   cursor: pointer;
   transition: all 0.2s ease;
-  white-space: nowrap;
   appearance: none;
   -webkit-appearance: none;
   background-image:
@@ -452,24 +424,31 @@ body {
     4px 4px,
     4px 4px;
   background-repeat: no-repeat;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
-.model-toggle-select:hover {
+.model-routing-select:hover {
   border-color: var(--accent-cyan);
   color: var(--text);
 }
-.model-toggle-select.active {
-  background-color: rgba(0, 212, 255, 0.08);
-  border-color: var(--accent-cyan);
-  color: var(--accent-cyan);
-  box-shadow: 0 0 8px rgba(0, 212, 255, 0.12);
-}
-.model-toggle-select:focus {
+.model-routing-select:focus {
   outline: none;
   border-color: var(--accent-cyan);
+  box-shadow: 0 0 8px rgba(0, 212, 255, 0.12);
 }
-.model-toggle-select option {
+.model-routing-select option {
   background: #0a0a0a;
   color: var(--text);
+  padding: 4px 0;
+}
+.model-routing-select optgroup {
+  background: #0a0a0a;
+  color: var(--accent-cyan);
+  font-style: normal;
+  font-weight: 600;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  font-size: 10px;
 }
 .model-status {
   font-size: 10px;

package/dist/control-ui/index.html

@@ -120,22 +120,23 @@
 
       <div class="glass-panel" id="model-routing-panel">
         <div class="panel-label">MODEL ROUTING</div>
-        <div class="model-toggle" id="model-toggle">
-          <select class="model-toggle-select" id="model-toggle-spider" data-model="spider">
-            <option value="" disabled selected>Spider ▾</option>
+        <select class="model-routing-select" id="model-toggle">
+          <option value="" disabled selected>Select model…</option>
+          <optgroup label="SPIDER">
             <option value="spider-gemma4">Gemma 4 31B Uncensored</option>
             <option value="spider-qwen35">Qwen 3.5 35B</option>
             <option value="spider-qwen35-uncen">Qwen 3.5 Uncensored</option>
             <option value="spider-qwen36">Qwen 3.6 35B</option>
-          </select>
-          <select class="model-toggle-select" id="model-toggle-coreweave" data-model="coreweave">
-            <option value="" disabled selected>CoreWeave ▾</option>
+          </optgroup>
+          <optgroup label="COREWEAVE">
             <option value="coreweave1">CoreWeave 1 (Qwen 3.5 35B)</option>
             <option value="coreweave2">CoreWeave 2 (Qwen 3.6 35B)</option>
             <option value="coreweave3">CoreWeave 3 (Qwen 3.6 27B)</option>
-          </select>
-          <button class="model-toggle-btn" data-model="api">API</button>
-        </div>
+          </optgroup>
+          <optgroup label="API">
+            <option value="api">Anthropic Claude Sonnet 4.6</option>
+          </optgroup>
+        </select>
         <div class="model-status" id="model-status">loading…</div>
       </div>
 

package/dist/control-ui/js/models.js

@@ -1,77 +1,50 @@
-// ── Model Routing Toggle ─────────────────────────────────────────────
-// Spider dropdown (4 models) ↔ CoreWeave dropdown (3 endpoints) ↔ API (Anthropic).
-// Each <select> maps an option value (the provider key) to a fully
-// qualified model id; clicking switches `agents.defaults.model.primary`
-// via config.patch.
+// ── Model Routing select ─────────────────────────────────────────────
+// Single <select> with three <optgroup>s (SPIDER / COREWEAVE / API).
+// Picking an option switches `agents.defaults.model.primary` via
+// config.patch. Compact one-row presentation — no horizontal scroll,
+// no vertical bloat from listing every option in the panel.
 
 (function () {
-  // Button keys → full model id (single-button surfaces)
-  const BUTTON_MODELS = {
-    api: "anthropic/claude-sonnet-4-6",
-  };
-
-  // Spider option values → full model id.  The option value is the
-  // provider key in symi.json; the model id includes the HuggingFace
-  // path after the provider prefix (parseModelRef splits on the first
-  // slash only, so slashes in the model id survive).
-  const SPIDER_MODELS = {
+  // <option value> → fully-qualified model id understood by the gateway
+  // (provider/model split on first "/"; later slashes survive and are
+  // part of the model id, e.g. for HuggingFace paths).
+  const MODEL_IDS = {
+    // SPIDER
     "spider-gemma4": "spider-gemma4/TrevorJS/gemma-4-31B-it-uncensored",
     "spider-qwen35": "spider-qwen35/Qwen/Qwen3.5-35B-A3B-FP8",
     "spider-qwen35-uncen":
       "spider-qwen35-uncen/Li101/Qwen3.5-35B-A3B-Uncensored-Aggressive-safetensors",
     "spider-qwen36": "spider-qwen36/Qwen/Qwen3.6-35B-A3B-FP8",
-  };
-
-  // CoreWeave option values → full model id.  Same shape as SPIDER_MODELS;
-  // each entry corresponds to a provider block in symi.json
-  // (qwen-cw / qwen-cw2 / qwen-cw3) all hosted at *.coreweave.app.
-  const COREWEAVE_MODELS = {
+    // COREWEAVE
     coreweave1: "qwen-cw/qwen35-35b-fp8",
     coreweave2: "qwen-cw2/qwen36-35b-fp8",
     coreweave3: "qwen-cw3/qwen36-27b-fp8",
+    // API
+    api: "anthropic/claude-sonnet-4-6",
   };
 
-  const buttons = document.querySelectorAll("#model-toggle .model-toggle-btn");
-  const spiderSelect = document.getElementById("model-toggle-spider");
-  const coreweaveSelect = document.getElementById("model-toggle-coreweave");
+  // Reverse: model id → option value (for setActive lookup).
+  const idToValue = {};
+  for (const [value, id] of Object.entries(MODEL_IDS)) {
+    idToValue[id] = value;
+  }
+
+  const select = document.getElementById("model-toggle");
   const statusEl = document.getElementById("model-status");
 
-  if (!buttons.length && !spiderSelect && !coreweaveSelect) {
+  if (!select) {
     return;
   }
 
   let currentHash = null;
 
-  // Reverse lookups: model id → option value, per surface
-  const idToButtonKey = {};
-  for (const [key, id] of Object.entries(BUTTON_MODELS)) {
-    idToButtonKey[id] = key;
-  }
-  const idToSpiderKey = {};
-  for (const [key, id] of Object.entries(SPIDER_MODELS)) {
-    idToSpiderKey[id] = key;
-  }
-  const idToCoreweaveKey = {};
-  for (const [key, id] of Object.entries(COREWEAVE_MODELS)) {
-    idToCoreweaveKey[id] = key;
-  }
-
   function setActive(primaryId) {
-    const buttonKey = idToButtonKey[primaryId];
-    buttons.forEach((btn) => {
-      btn.classList.toggle("active", btn.dataset.model === buttonKey);
-    });
-
-    const spiderKey = idToSpiderKey[primaryId];
-    if (spiderSelect) {
-      spiderSelect.classList.toggle("active", Boolean(spiderKey));
-      spiderSelect.value = spiderKey ?? "";
-    }
-
-    const coreweaveKey = idToCoreweaveKey[primaryId];
-    if (coreweaveSelect) {
-      coreweaveSelect.classList.toggle("active", Boolean(coreweaveKey));
-      coreweaveSelect.value = coreweaveKey ?? "";
+    const value = idToValue[primaryId];
+    if (value) {
+      select.value = value;
+    } else {
+      // Unknown model id — leave the placeholder visible.
+      select.value = "";
     }
   }
 
@@ -131,33 +104,13 @@
     }
   });
 
-  buttons.forEach((btn) => {
-    btn.addEventListener("click", () => {
-      const id = BUTTON_MODELS[btn.dataset.model];
-      if (id) {
-        void switchToModelId(id);
-      }
-    });
+  select.addEventListener("change", () => {
+    const id = MODEL_IDS[select.value];
+    if (id) {
+      void switchToModelId(id);
+    }
   });
 
-  if (spiderSelect) {
-    spiderSelect.addEventListener("change", () => {
-      const id = SPIDER_MODELS[spiderSelect.value];
-      if (id) {
-        void switchToModelId(id);
-      }
-    });
-  }
-
-  if (coreweaveSelect) {
-    coreweaveSelect.addEventListener("change", () => {
-      const id = COREWEAVE_MODELS[coreweaveSelect.value];
-      if (id) {
-        void switchToModelId(id);
-      }
-    });
-  }
-
   window.addEventListener("gateway:connected", () => init());
   if (window.gateway && window.gateway.connected) {
     void init();

package/dist/plugin-sdk/index.js

@@ -4,7 +4,7 @@ import path from "node:path";
 import fs, { constants, readFileSync } from "node:fs";
 import os from "node:os";
 import { Logger } from "tslog";
-import JSON5 from "json5";
+import json5 from "json5";
 import chalk, { Chalk } from "chalk";
 import fs$1, { mkdtemp, rm } from "node:fs/promises";
 import { z } from "zod";
@@ -294,7 +294,7 @@ function readLoggingConfig() {
 	try {
 		if (!fs.existsSync(configPath)) return;
 		const raw = fs.readFileSync(configPath, "utf-8");
-		const logging = JSON5.parse(raw)?.logging;
+		const logging = json5.parse(raw)?.logging;
 		if (!logging || typeof logging !== "object" || Array.isArray(logging)) return;
 		return logging;
 	} catch {
@@ -7392,7 +7392,7 @@ function safeRealpath(target) {
 }
 const defaultResolver = {
 	readFile: (p) => fs.readFileSync(p, "utf-8"),
-	parseJson: (raw) => JSON5.parse(raw)
+	parseJson: (raw) => json5.parse(raw)
 };
 /**
 * Resolves all $include directives in a parsed config object.
@@ -10623,7 +10623,7 @@ function resolveConfigPathForDeps(deps) {
 function normalizeDeps(overrides = {}) {
 	return {
 		fs: overrides.fs ?? fs,
-		json5: overrides.json5 ?? JSON5,
+		json5: overrides.json5 ?? json5,
 		env: overrides.env ?? process.env,
 		homedir: overrides.homedir ?? (() => resolveRequiredHomeDir(overrides.env ?? process.env, os.homedir)),
 		configPath: overrides.configPath ?? "",
@@ -10634,11 +10634,11 @@ function maybeLoadDotEnvForConfig(env) {
 	if (env !== process.env) return;
 	loadDotEnv({ quiet: true });
 }
-function parseConfigJson5(raw, json5 = JSON5) {
+function parseConfigJson5(raw, json5$1 = json5) {
 	try {
 		return {
 			ok: true,
-			parsed: json5.parse(raw)
+			parsed: json5$1.parse(raw)
 		};
 	} catch (err) {
 		return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symerian/symi",
-  "version": "3.5.11",
+  "version": "3.5.13",
   "description": "Multi-channel AI gateway with extensible messaging integrations",
   "keywords": [],
   "homepage": "https://github.com/jaysteelmind/symi#readme",