release: v0.2.31 - O(1) attention knobs, reasoning toggle & admin token persistence

- New Advanced controls on the import page: O(1) attention spec (off / all /
  deep N / explicit layer list) plus the --o1-m / --o1-window / --o1-sink knobs
  with validated defaults (32 / 128 / 4) and explanatory hints.
- Backend passes --o1* to the native `cortiq convert`; fails fast with clear
  messages when combined with Python-only options, used on GGUF imports, or
  when the installed cortiq predates 0.2.0 (the hint needs the new runtime).
- The hint is recorded in the .cmf header (weights byte-identical); the runtime
  applies it at load. Verified end-to-end: converted a model with --o1 all and
  the runtime logged "o1 nystrom attention: 2/2 layer(s)".

CHANGELOG.md

@@ -3,22 +3,6 @@
 All notable changes to this project are documented here.
 The format is based on [Keep a Changelog](https://keepachangelog.com/).
 
-## [0.2.35] - 2026-07-23
-
-### Fixed
-- **Streaming Pipeline System Prompt Merging**: Fixed system prompt injection in `run_stream` so configured model system prompts and reasoning suppression directives are properly passed into streaming requests.
-- **CMF Reasoning Mode Compatibility**: Fully integrated with `cortiq-engine` v0.5.17 for sampler-level logit bias reasoning token suppression and zero-token thinking bypass.
-
-## [0.2.34] - 2026-07-23
-
-### Added
-- **Responsive mobile admin console**: Added a hamburger navigation drawer, touch-friendly controls, phone-sized forms and cards, scrollable tables, compact toolbars, safe-area support, and mobile bottom-sheet dialogs across the admin interface.
-- **Accessible mobile interactions**: Navigation and dialogs now support backdrop dismissal, Escape-key closing, reduced-motion preferences, and explicit accessibility attributes.
-
-### Fixed
-- **Add model dialog**: Restored the missing `opt` helper import that prevented the Add model button from opening its form.
-- **Local model settings on phones**: Reflowed managed CMF server controls to avoid clipped fields and actions on narrow screens.
-
 ## [0.2.31] - 2026-07-22
 
 ### Added

Cargo.lock

@@ -285,7 +285,7 @@ checksum = "1d07550c9036bf2ae0c684c4297d503f838287c83c53686d05370d0e139ae570"
 
 [[package]]
 name = "cortiq-gateway"
-version = "0.2.34"
+version = "0.2.30"
 dependencies = [
  "anyhow",
  "arc-swap",

Cargo.toml

@@ -1,6 +1,6 @@
 [package]
 name = "cortiq-gateway"
-version = "0.2.35"
+version = "0.2.31"
 edition = "2021"
 rust-version = "1.75"
 license = "Apache-2.0"

src/admin/mod.rs

@@ -467,111 +467,16 @@ async fn provider_models(
     }
     // OpenAI + Anthropic both return { "data": [ { "id": ... } ] }.
     let v: Value = serde_json::from_str(&body).unwrap_or(json!({}));
-    let mut models: Vec<Value> = v["data"]
+    let mut models: Vec<String> = v["data"]
         .as_array()
         .map(|arr| {
             arr.iter()
-                .filter_map(|m| {
-                    let id = m["id"].as_str()?.to_string();
-                    let mut obj = json!({ "id": id });
-                    let mut caps = vec![];
-                    if let Some(pricing) = m.get("pricing").filter(|v| !v.is_null()) {
-                        if let Some(prompt) = pricing
-                            .get("prompt")
-                            .and_then(|s| s.as_str())
-                            .and_then(|s| s.parse::<f64>().ok())
-                        {
-                            obj["price_in"] = json!(prompt * 1_000_000.0);
-                        }
-                        if let Some(comp) = pricing
-                            .get("completion")
-                            .and_then(|s| s.as_str())
-                            .and_then(|s| s.parse::<f64>().ok())
-                        {
-                            obj["price_out"] = json!(comp * 1_000_000.0);
-                        }
-                        if pricing
-                            .get("input_cache_read")
-                            .filter(|v| !v.is_null())
-                            .is_some()
-                            || pricing
-                                .get("input_cache_write")
-                                .filter(|v| !v.is_null())
-                                .is_some()
-                        {
-                            caps.push("caching");
-                        }
-                    }
-                    if let Some(params) = m.get("supported_parameters").and_then(|p| p.as_array()) {
-                        let has_tools = params.iter().any(|p| {
-                            p.as_str() == Some("tools") || p.as_str() == Some("tool_choice")
-                        });
-                        if has_tools {
-                            caps.push("tools");
-                        }
-                        let has_json = params.iter().any(|p| p.as_str() == Some("response_format"));
-                        if has_json {
-                            caps.push("json");
-                        }
-                        let has_reasoning = params.iter().any(|p| {
-                            p.as_str() == Some("reasoning")
-                                || p.as_str() == Some("include_reasoning")
-                        });
-                        if has_reasoning || m.get("reasoning").filter(|v| !v.is_null()).is_some() {
-                            caps.push("reasoning");
-                        }
-                    }
-                    if let Some(arch) = m.get("architecture").filter(|v| !v.is_null()) {
-                        if let Some(inputs) =
-                            arch.get("input_modalities").and_then(|i| i.as_array())
-                        {
-                            if inputs.iter().any(|i| i.as_str() == Some("image")) {
-                                caps.push("vision");
-                            }
-                            if inputs.iter().any(|i| i.as_str() == Some("audio")) {
-                                caps.push("audio");
-                            }
-                        }
-                    }
-                    if !caps.is_empty() {
-                        obj["caps"] = json!(caps);
-                    }
-                    Some(obj)
-                })
+                .filter_map(|m| m["id"].as_str().map(|s| s.to_string()))
                 .collect()
         })
         .unwrap_or_default();
-    models.sort_by(|a, b| a["id"].as_str().cmp(&b["id"].as_str()));
-
-    let mut resp = json!({ "ok": true, "count": models.len(), "models": models });
-
-    if b.provider == "openrouter" {
-        if let Some(k) = key {
-            if let Ok(cred_resp) = client
-                .get("https://openrouter.ai/api/v1/credits")
-                .header("authorization", format!("Bearer {k}"))
-                .send()
-                .await
-            {
-                if let Ok(cred_body) = cred_resp.text().await {
-                    let cred_v: Value = serde_json::from_str(&cred_body).unwrap_or(json!({}));
-                    if let Some(data) = cred_v.get("data") {
-                        let total = data
-                            .get("total_credits")
-                            .and_then(|v| v.as_f64())
-                            .unwrap_or(0.0);
-                        let usage = data
-                            .get("total_usage")
-                            .and_then(|v| v.as_f64())
-                            .unwrap_or(0.0);
-                        resp["balance"] = json!(total - usage);
-                    }
-                }
-            }
-        }
-    }
-
-    ok(resp)
+    models.sort();
+    ok(json!({ "ok": true, "count": models.len(), "models": models }))
 }
 
 async fn meta() -> ApiResult {

src/import.rs

@@ -324,7 +324,7 @@ async fn download_cmf_repo(
     let cmf_path = match cmf_rel_path {
         Some(p) => p,
         None => {
-            let repo_name = repo.rsplit('/').next().unwrap_or(&repo);
+            let repo_name = repo.split('/').last().unwrap_or(&repo);
             format!("{repo_name}.cmf")
         }
     };
@@ -491,13 +491,9 @@ pub fn start_import(store: Arc<JobStore>, cfg: &CmfCfg, p: ImportParams) -> Resu
         let r = p.repo.to_lowercase();
         if r.contains("2bit") || r.contains("q1t") {
             "Q1T".to_string()
-        } else if r.contains("1.7bcmf")
-            || r.contains("27bcmf")
-            || r.contains("cmf")
-            || p.quant.is_empty()
-            || p.quant == "auto"
-            || p.quant == "Q8_2F"
-        {
+        } else if r.contains("1.7bcmf") || r.contains("27bcmf") || r.contains("cmf") {
+            "Q1".to_string()
+        } else if p.quant.is_empty() || p.quant == "auto" || p.quant == "Q8_2F" {
             "Q1".to_string()
         } else {
             p.quant.clone()

src/main.rs

@@ -99,7 +99,6 @@ async fn main() -> anyhow::Result<()> {
 
     let mut app = Router::new()
         .route("/healthz", get(|| async { "ok" }))
-        .route("/health", get(|| async { "ok" }))
         .route("/readyz", get(|| async { "ready" }))
         .route("/metrics", get(admin::metrics))
         .merge(protocols::build_router());
@@ -110,12 +109,7 @@ async fn main() -> anyhow::Result<()> {
             .fallback(admin::assets::fallback);
     }
 
-    let cors = tower_http::cors::CorsLayer::new()
-        .allow_origin(tower_http::cors::Any)
-        .allow_methods(tower_http::cors::Any)
-        .allow_headers(tower_http::cors::Any);
-
-    let app = app.with_state(state).layer(cors);
+    let app = app.with_state(state);
 
     let listener = tokio::net::TcpListener::bind(&listen).await?;
     tracing::info!("cortiq-gateway listening on {listen}");

src/pipeline.rs

@@ -472,65 +472,7 @@ impl Pipeline {
                 model_id,
                 route_source
             );
-            // Merge per-model/server config (same as run_inner).
-            let mut req_call = req.clone();
-            if let Some(m_cfg) = live.cfg.models.iter().find(|m| m.id == model_id) {
-                if req_call.params.temperature.is_none() {
-                    req_call.params.temperature = m_cfg.temperature;
-                }
-                if req_call.params.top_p.is_none() {
-                    req_call.params.top_p = m_cfg.top_p;
-                }
-                if req_call.params.max_tokens.is_none() {
-                    req_call.params.max_tokens = m_cfg.max_tokens;
-                }
-                if req_call.params.think_budget.is_none() {
-                    req_call.params.think_budget = m_cfg.think_budget;
-                }
-                if let Some(sys) = &m_cfg.system_prompt {
-                    if !sys.trim().is_empty()
-                        && !req_call.messages.iter().any(|m| m.role == "system")
-                    {
-                        req_call.messages.insert(
-                            0,
-                            Message {
-                                role: "system".into(),
-                                content: sys.clone(),
-                                tool_calls: Vec::new(),
-                            },
-                        );
-                    }
-                }
-            } else if let Some(s_cfg) = live.cfg.cmf.servers.iter().find(|s| s.id == model_id) {
-                if req_call.params.temperature.is_none() {
-                    req_call.params.temperature = s_cfg.temperature;
-                }
-                if req_call.params.top_p.is_none() {
-                    req_call.params.top_p = s_cfg.top_p;
-                }
-                if req_call.params.max_tokens.is_none() {
-                    req_call.params.max_tokens = s_cfg.max_tokens;
-                }
-                if req_call.params.think_budget.is_none() {
-                    req_call.params.think_budget = s_cfg.think_budget;
-                }
-                if let Some(sys) = &s_cfg.system_prompt {
-                    if !sys.trim().is_empty()
-                        && !req_call.messages.iter().any(|m| m.role == "system")
-                    {
-                        req_call.messages.insert(
-                            0,
-                            Message {
-                                role: "system".into(),
-                                content: sys.clone(),
-                                tool_calls: Vec::new(),
-                            },
-                        );
-                    }
-                }
-            }
-
-            match provider.chat_stream(req_call).await {
+            match provider.chat_stream(req.clone()).await {
                 Ok(stream) => {
                     let info = RouteInfo {
                         task_label: decision.task_label.clone(),

src/providers/openai.rs

@@ -48,13 +48,9 @@ impl OpenAiProvider {
         if let Some(m) = req.params.max_tokens {
             body["max_tokens"] = m.into();
         }
-        eprintln!("[to_wire] think_budget={:?}", req.params.think_budget);
         if let Some(tb) = req.params.think_budget {
             body["think_budget"] = tb.into();
             body["reasoning_effort"] = tb.into();
-            // cortiq serve uses enable_thinking (bool): 0 = off, >0 = on
-            body["enable_thinking"] = (tb > 0).into();
-            eprintln!("[to_wire] SET enable_thinking={}", tb > 0);
         }
         if !req.tools.is_empty() {
             body["tools"] = serde_json::Value::Array(req.tools.clone());
@@ -63,10 +59,6 @@ impl OpenAiProvider {
         for (k, v) in &req.params.passthrough {
             body[k] = v.clone();
         }
-        eprintln!(
-            "[to_wire] enable_thinking={:?}",
-            body.get("enable_thinking")
-        );
         body
     }
 }

web/css/styles.css

@@ -397,170 +397,3 @@ tbody tr:hover td { background: var(--hover); }
 .mono.kv { display: flex; gap: 6px; padding: 1px 0; white-space: normal; overflow-wrap: anywhere; word-break: break-word; }
 .mono.kv .kv-k { color: var(--muted, #9aa4b2); flex: 0 0 auto; }
 .mono.kv .kv-v { font-weight: 600; overflow-wrap: anywhere; word-break: break-word; min-width: 0; }
-
-/* ---- responsive shell + touch layout ----------------------------------- */
-.menu-toggle, .nav-close, .mobile-nav-backdrop { display: none; }
-.hamburger { width: 18px; display: flex; flex-direction: column; gap: 4px; }
-.hamburger i { display: block; height: 2px; border-radius: 2px; background: currentColor; }
-body.modal-open { overflow: hidden; }
-
-@media (max-width: 980px) {
-  .app { display: block; min-height: 100dvh; }
-  .main { min-height: 100dvh; }
-  .menu-toggle { display: inline-flex; flex: 0 0 auto; }
-  .nav-close { display: inline-flex; margin-left: auto; flex: 0 0 auto; font-size: 24px; line-height: 1; }
-  .brand-copy { min-width: 0; }
-
-  .sidebar {
-    display: flex;
-    position: fixed;
-    inset: 0 auto 0 0;
-    width: min(84vw, 310px);
-    height: 100dvh;
-    padding: max(18px, env(safe-area-inset-top)) 14px max(14px, env(safe-area-inset-bottom));
-    z-index: 70;
-    box-shadow: 18px 0 45px rgba(0, 0, 0, .42);
-    transform: translateX(-104%);
-    visibility: hidden;
-    transition: transform .22s ease, visibility 0s linear .22s;
-    overflow-y: auto;
-  }
-  .app.nav-open .sidebar {
-    transform: translateX(0);
-    visibility: visible;
-    transition: transform .22s ease;
-  }
-  .mobile-nav-backdrop {
-    display: block;
-    position: fixed;
-    inset: 0;
-    z-index: 65;
-    width: 100%;
-    height: 100%;
-    border: 0;
-    background: rgba(3, 7, 18, .62);
-    opacity: 0;
-    visibility: hidden;
-    pointer-events: none;
-    transition: opacity .22s ease, visibility 0s linear .22s;
-  }
-  .app.nav-open .mobile-nav-backdrop {
-    opacity: 1;
-    visibility: visible;
-    pointer-events: auto;
-    transition: opacity .22s ease;
-  }
-  body.mobile-nav-open { overflow: hidden; }
-
-  .topbar { padding: 10px 18px; min-height: 58px; gap: 10px; }
-  .topbar .title { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-  .topbar .right { gap: 8px; min-width: 0; }
-  .content { max-width: none; padding: 22px 20px 52px; }
-}
-
-@media (max-width: 720px) {
-  body { font-size: 14px; }
-  .status-pills { display: none; }
-  .topbar { padding: 9px 12px; }
-  .content { padding: 18px 14px 42px; }
-
-  .page-head { margin-bottom: 16px; }
-  .page-head > .flex { align-items: stretch; flex-direction: column; }
-  .page-head > .flex > .btn { width: 100%; }
-  .page-head p { line-height: 1.45; }
-
-  .card { padding: 15px; margin-bottom: 14px; border-radius: 12px; }
-  .card .card-head { align-items: flex-start; flex-wrap: wrap; }
-  .card .card-head .right { width: 100%; margin-left: 0; flex-wrap: wrap; }
-  .grid { gap: 14px; }
-  .kpis { gap: 10px; margin-bottom: 14px; }
-  .kpi { padding: 12px; border-radius: 11px; }
-  .kpi .big { font-size: 21px; }
-
-  .row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; }
-  .row > * { min-width: 0; width: 100%; }
-  input, select, textarea { min-height: 44px; font-size: 16px; }
-  input[type="checkbox"], input[type="radio"] { min-height: 0; }
-  .check { min-height: 36px; margin-bottom: 8px; }
-  .btn, .icon-btn { min-height: 44px; }
-  .btn { padding: 10px 14px; }
-  .btn.sm, .btn.small { min-height: 38px; padding: 8px 11px; }
-
-  .table-wrap {
-    width: 100%;
-    overflow-x: auto;
-    overscroll-behavior-x: contain;
-    -webkit-overflow-scrolling: touch;
-    scrollbar-width: thin;
-  }
-  .table-wrap table { min-width: max-content; }
-  th, td { padding: 10px; }
-
-  .tierrow { align-items: flex-start; flex-direction: column; gap: 8px; }
-  .tierrow .tname { width: auto; }
-  .chips { width: 100%; }
-  .togglerow { align-items: flex-start; }
-
-  .pg { gap: 14px; }
-  .routecard .kv { flex-wrap: wrap; }
-  .routecard .kv .v { max-width: 100%; overflow-wrap: anywhere; }
-  .answer { padding: 12px; }
-  .seg { max-width: 100%; overflow-x: auto; }
-  .seg button { min-height: 40px; white-space: nowrap; }
-
-  .hf-grid { grid-template-columns: 1fr; max-height: 56dvh; }
-  .job-head, .actions { align-items: stretch; flex-wrap: wrap; }
-  .actions .btn { flex: 1 1 150px; }
-  .key-row { flex-direction: column; }
-  .key-row .btn { width: 100%; }
-  .cmf-server-row { align-items: stretch !important; padding: 10px; border: 1px solid var(--border-soft); border-radius: 10px; }
-  .cmf-server-row > input, .cmf-server-row > select { width: 100% !important; min-width: 0 !important; flex: 1 1 100% !important; }
-  .cmf-server-row > .btn { flex: 1 1 calc(50% - 6px); }
-  .cmf-server-row > .small { flex: 1 1 100%; }
-
-  .modal-backdrop { align-items: flex-end; padding: 8px 0 0; }
-  .modal {
-    max-width: none;
-    max-height: calc(100dvh - 8px);
-    overflow-y: auto;
-    padding: 18px 15px max(14px, env(safe-area-inset-bottom));
-    border-radius: 18px 18px 0 0;
-  }
-  .modal .modal-foot {
-    position: sticky;
-    bottom: calc(-1 * max(14px, env(safe-area-inset-bottom)));
-    margin: 12px -15px 0;
-    padding: 12px 15px max(14px, env(safe-area-inset-bottom));
-    background: color-mix(in srgb, var(--card) 94%, transparent);
-    backdrop-filter: blur(10px);
-    border-top: 1px solid var(--border-soft);
-  }
-  .modal .modal-foot .btn { flex: 1; }
-
-  .toasts { left: 12px; right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); }
-  .toast { min-width: 0; width: 100%; }
-  .login-wrap { align-items: flex-start; padding: max(20px, env(safe-area-inset-top)) 14px; }
-  .login-card { padding: 22px 18px; margin-top: 8dvh; }
-}
-
-@media (max-width: 480px) {
-  .topbar .title { font-size: 14px; }
-  .topbar .right { gap: 6px; }
-  .lang-select { width: 54px; min-height: 44px; padding: 6px; }
-  .icon-btn { width: 42px; height: 42px; }
-  .kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
-  .kpi .lbl { line-height: 1.25; }
-  .barlist .b { grid-template-columns: minmax(0, 1fr) auto; gap: 6px 10px; }
-  .barlist .b .track { grid-column: 1 / -1; grid-row: 2; }
-  .barlist .b .val { min-width: 0; }
-  .empty { padding: 28px 12px; }
-}
-
-@media (max-width: 360px) {
-  .topbar .title { display: none; }
-  .kpis { grid-template-columns: 1fr; }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  .sidebar, .mobile-nav-backdrop { transition: none; }
-}

web/index.html

@@ -19,6 +19,6 @@
   <noscript>This console requires JavaScript.</noscript>
   <div id="app"><div class="boot">Loading…</div></div>
   <div id="toasts" class="toasts"></div>
-  <script type="module" src="/admin/js/app.js?v=3"></script>
+  <script type="module" src="/admin/js/app.js"></script>
 </body>
 </html>

web/js/app.js

@@ -4,7 +4,7 @@ import { t, getLang, setLang, onLangChange, LANGS } from "./i18n.js";
 import { api, getToken, setToken, setUnauthorizedHandler } from "./api.js";
 import { renderLogin } from "./views/login.js";
 import { renderDashboard } from "./views/dashboard.js";
-import { renderModels } from "./views/models.js?v=3";
+import { renderModels } from "./views/models.js";
 import { renderImport } from "./views/import.js";
 import { renderRouting } from "./views/routing.js";
 import { renderProtocols } from "./views/protocols.js";
@@ -28,17 +28,6 @@ export const appState = { meta: null, health: null, version: "" };
 // allaigate site — where router keys are issued and topped up
 export const SITE_URL = "https://api.allaigate.com/";
 
-let mobileNavOpen = false;
-
-function setMobileNav(open) {
-  mobileNavOpen = !!open;
-  const app = document.querySelector(".app");
-  if (app) app.classList.toggle("nav-open", mobileNavOpen);
-  document.body.classList.toggle("mobile-nav-open", mobileNavOpen);
-  const toggle = document.querySelector(".menu-toggle");
-  if (toggle) toggle.setAttribute("aria-expanded", String(mobileNavOpen));
-}
-
 function currentRoute() {
   const id = location.hash.replace(/^#\/?/, "") || "dashboard";
   return ROUTES.find((r) => r.id === id) || ROUTES[0];
@@ -53,18 +42,17 @@ const FAVICON =
 function sidebar(activeId) {
   return h(
     "aside",
-    { class: "sidebar", id: "sidebar", "aria-label": "Main navigation" },
+    { class: "sidebar", id: "sidebar" },
     h(
       "div",
       { class: "brand" },
       h("img", { src: FAVICON, alt: "" }),
-      h("div", { class: "brand-copy" }, h("b", {}, "allaigate"), h("div", { class: "sub" }, t("brand.sub"))),
-      h("button", { class: "icon-btn nav-close", type: "button", title: "Close menu", "aria-label": "Close menu", onClick: () => setMobileNav(false) }, "×")
+      h("div", {}, h("b", {}, "allaigate"), h("div", { class: "sub" }, t("brand.sub")))
     ),
     ...ROUTES.map((r) =>
       h(
         "a",
-        { class: "nav-item" + (r.id === activeId ? " active" : ""), href: "#/" + r.id, onClick: () => setMobileNav(false) },
+        { class: "nav-item" + (r.id === activeId ? " active" : ""), href: "#/" + r.id },
         h("span", { class: "ico" }, r.icon),
         t("nav." + r.id)
       )
@@ -97,7 +85,7 @@ function statusPills() {
     : t("status.checking");
   return h(
     "div",
-    { class: "flex status-pills" },
+    { class: "flex" },
     h(
       "span",
       { class: "pill" },
@@ -148,19 +136,6 @@ function topbar(activeId) {
   return h(
     "header",
     { class: "topbar" },
-    h(
-      "button",
-      {
-        class: "icon-btn menu-toggle",
-        type: "button",
-        title: "Menu",
-        "aria-label": "Open menu",
-        "aria-controls": "sidebar",
-        "aria-expanded": String(mobileNavOpen),
-        onClick: () => setMobileNav(!mobileNavOpen),
-      },
-      h("span", { class: "hamburger", "aria-hidden": "true" }, h("i"), h("i"), h("i"))
-    ),
     h("div", { class: "title" }, t("nav." + activeId)),
     h(
       "div",
@@ -200,15 +175,12 @@ async function renderView() {
 
 function renderShell() {
   const route = currentRoute();
-  mobileNavOpen = false;
-  document.body.classList.remove("mobile-nav-open");
   mount(
     document.getElementById("app"),
     h(
       "div",
       { class: "app" },
       sidebar(route.id),
-      h("button", { class: "mobile-nav-backdrop", type: "button", tabindex: "-1", "aria-label": "Close menu", onClick: () => setMobileNav(false) }),
       h("main", { class: "main" }, topbar(route.id), h("div", { class: "content", id: "view" }))
     )
   );
@@ -271,12 +243,6 @@ onLangChange(() => {
 window.addEventListener("hashchange", () => {
   if (document.querySelector(".app")) renderShell();
 });
-window.addEventListener("keydown", (e) => {
-  if (e.key === "Escape" && mobileNavOpen) setMobileNav(false);
-});
-window.addEventListener("resize", () => {
-  if (window.innerWidth > 980 && mobileNavOpen) setMobileNav(false);
-});
 setInterval(() => {
   if (document.querySelector(".app")) refreshHealth();
 }, 20000);

web/js/ui.js

@@ -50,14 +50,7 @@ export function toast(msg, kind = "info", ms = 3200) {
 // Modal dialog. `body` is a DOM node; `onSave` returns a Promise; returns nothing.
 export function modal(title, body, onSave, saveLabel) {
   const backdrop = h("div", { class: "modal-backdrop" });
-  const onKeydown = (e) => {
-    if (e.key === "Escape") close();
-  };
-  const close = () => {
-    backdrop.remove();
-    document.body.classList.remove("modal-open");
-    document.removeEventListener("keydown", onKeydown);
-  };
+  const close = () => backdrop.remove();
   backdrop.addEventListener("click", (e) => {
     if (e.target === backdrop) close();
   });
@@ -84,8 +77,6 @@ export function modal(title, body, onSave, saveLabel) {
     )
   );
   backdrop.appendChild(card);
-  document.body.classList.add("modal-open");
-  document.addEventListener("keydown", onKeydown);
   document.body.appendChild(backdrop);
   return { close };
 }

web/js/views/models.js

@@ -1,5 +1,5 @@
 // Models — pool table with add/edit modal, probe, and per-model secret entry.
-import { h, mount, modal, toast, confirmDialog, money, opt } from "../ui.js";
+import { h, mount, modal, toast, confirmDialog, money } from "../ui.js";
 import { t } from "../i18n.js";
 import { api } from "../api.js";
 import { appState } from "../app.js";
@@ -51,16 +51,7 @@ function modelForm(meta, existing) {
   const tierSel = h("select", {}, ...(meta.cost_tiers || ["cheap"]).map((c) => opt(c, c, c === m.cost_tier)));
   const priceInIn = h("input", { type: "number", step: "0.01", value: m.price_in ?? 0 });
   const priceOutIn = h("input", { type: "number", step: "0.01", value: m.price_out ?? 0 });
-  const CAP_EMOJIS = {
-    tools: "🔧 tools",
-    vision: "👁️ vision",
-    audio: "🎙️ audio",
-    reasoning: "🧠 reasoning",
-    json: "📄 json",
-    caching: "⚡ caching"
-  };
-
-  const capInputs = (meta.caps || Object.keys(CAP_EMOJIS)).map((c) => {
+  const capInputs = (meta.caps || ["tools", "vision"]).map((c) => {
     const cb = h("input", { type: "checkbox", checked: (m.caps || []).includes(c) ? true : null });
     return { c, cb };
   });
@@ -79,55 +70,25 @@ function modelForm(meta, existing) {
     capInputs.forEach(({ c, cb }) => { cb.checked = d.caps.includes(c); });
     keyIn.placeholder = d.needsKey ? t("models.form.apiKeyPlaceholder") : t("models.form.apiKeyNotNeeded");
     mount(keyStatus, "");
-    // Automatically pre-fetch models (especially useful for OpenRouter which doesn't need a key)
-    testKey(true);
   }
   providerSel.addEventListener("change", applyDefaults);
   if (!existing) applyDefaults();
 
-  let cachedModels = [];
-
-  const autofillData = () => {
-    console.log("autofillData triggered. modelIn.value:", modelIn.value);
-    console.log("cachedModels length:", cachedModels.length);
-    if (!existing && (!idIn.value || idIn._auto)) {
-      idIn.value = slugId(modelIn.value);
-      idIn._auto = true;
-      console.log("auto-filled idIn:", idIn.value);
-    }
-    const found = cachedModels.find((m) => (m.id || m) === modelIn.value);
-    console.log("found model:", found);
-    if (found) {
-      if (found.price_in !== undefined) {
-        priceInIn.value = parseFloat(Number(found.price_in).toFixed(4));
-        priceOutIn.value = parseFloat(Number(found.price_out).toFixed(4));
-        console.log("Updated prices:", priceInIn.value, priceOutIn.value);
-      }
-      if (found.caps && Array.isArray(found.caps)) {
-        capInputs.forEach(({ c, cb }) => {
-          cb.checked = found.caps.includes(c);
-        });
-        console.log("Updated caps:", found.caps);
-      }
-    }
-  };
-  modelIn.addEventListener("input", autofillData);
-  modelIn.addEventListener("change", autofillData);
-
+  // Auto-fill the id from the model name (until the user edits id by hand).
   if (!existing) {
+    modelIn.addEventListener("input", () => {
+      if (!idIn.value || idIn._auto) {
+        idIn.value = slugId(modelIn.value);
+        idIn._auto = true;
+      }
+    });
     idIn.addEventListener("input", () => { idIn._auto = false; });
-  } else {
-    console.log("Editing existing model, fetching testKey(true)");
-    testKey(true);
   }
 
-  async function testKey(silent = false) {
-    if (!baseUrlIn.value.trim()) {
-      if (!silent) mount(keyStatus, h("span", { style: "color:var(--bad)" }, t("models.form.baseUrl") + "?"));
-      return;
-    }
+  async function testKey() {
+    if (!baseUrlIn.value.trim()) { mount(keyStatus, h("span", { style: "color:var(--bad)" }, t("models.form.baseUrl") + "?")); return; }
     testBtn.disabled = true;
-    if (!silent) mount(keyStatus, t("models.form.testing"));
+    mount(keyStatus, t("models.form.testing"));
     try {
       const r = await api.providerModels({
         provider: providerSel.value,
@@ -136,25 +97,18 @@ function modelForm(meta, existing) {
         api_key_env: envFor(),
       });
       if (r.ok) {
-        cachedModels = r.models || [];
-        dl.replaceChildren(...cachedModels.map((mm) => h("option", { value: mm.id || mm })));
-        
-        let msg = "✓ " + t("models.form.foundModels", { n: r.count });
-        if (r.balance !== undefined) {
-          msg += ` (Balance: $${r.balance.toFixed(4)})`;
-        }
-        mount(keyStatus, h("span", { style: "color:var(--good)" }, msg));
-        if (!silent) modelIn.focus();
+        dl.replaceChildren(...(r.models || []).map((mm) => h("option", { value: mm })));
+        mount(keyStatus, h("span", { style: "color:var(--good)" }, "✓ " + t("models.form.foundModels", { n: r.count })));
+        modelIn.focus();
       } else {
-        if (!silent) mount(keyStatus, h("span", { style: "color:var(--bad)" }, "✗ " + (r.error || t("common.error"))));
+        mount(keyStatus, h("span", { style: "color:var(--bad)" }, "✗ " + (r.error || t("common.error"))));
       }
     } catch (e) {
-      if (!silent) mount(keyStatus, h("span", { style: "color:var(--bad)" }, "✗ " + String(e.message || e)));
+      mount(keyStatus, h("span", { style: "color:var(--bad)" }, "✗ " + String(e.message || e)));
     }
     testBtn.disabled = false;
   }
-  testBtn.addEventListener("click", () => testKey(false));
-  keyIn.addEventListener("change", () => testKey(true));
+  testBtn.addEventListener("click", testKey);
 
   const keyHint =
     existing && existing.key_source === "store" ? t("models.form.keyStored")
@@ -201,7 +155,7 @@ function modelForm(meta, existing) {
     dl,
     h("div", { class: "row" }, field(t("models.form.kind"), kindSel), field(t("models.form.costTier"), tierSel)),
     h("div", { class: "row" }, field(t("models.form.priceIn"), priceInIn), field(t("models.form.priceOut"), priceOutIn)),
-    field(t("models.form.caps"), h("div", { class: "flex wrap", style: "gap:10px" }, ...capInputs.map(({ c, cb }) => h("label", { class: "check", style: "margin:0" }, cb, CAP_EMOJIS[c] || c)))),
+    field(t("models.form.caps"), h("div", { class: "flex wrap" }, ...capInputs.map(({ c, cb }) => h("label", { class: "check" }, cb, c)))),
     advParams
   );
 

web/js/views/settings.js

@@ -331,7 +331,7 @@ export async function renderSettings() {
       drawer.style.display = drawer.style.display === "none" ? "block" : "none";
     });
 
-    const row = h("div", { class: "flex wrap cmf-server-row", style: "gap:6px;align-items:center;margin:6px 0" },
+    const row = h("div", { class: "flex wrap", style: "gap:6px;align-items:center;margin:6px 0" },
       idIn, modelSel, portIn, checkBtn, threadsIn, h("label", { class: "flex", style: "gap:4px" }, gpuIn, "GPU"), gearBtn, removeBtn, st, drawer);
     const entry = { node: row, read: () => ({
       id: idIn.value.trim() || autoId(modelSel.value),