micro-models-agent 2.14.0 → 2.16.0

package/CHANGELOG.md

@@ -6,6 +6,44 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/), and this
 
 ## [Unreleased]
 
+### Added
+
+- **Web UI incoming message queue** (`src/modules/webui/state.ts`, `util.ts`, `forward.ts`, `module.ts`, `server.ts`, `run-agent.ts`, `assets/js/tabs.js`): a message sent mid-turn no longer dies on `409 busy` — it queues (`202 {queued: n}`, cap `MAX_QUEUE_LENGTH = 5`, overflow `429 queue_full`) and runs as the next turn on `turn_end`, in order. Drain reuses the single-flight submit path; the queue clears on server stop; `GET /api/state` and SSE `state` carry `queueLen`. The composer stays editable during a turn with a `↳ queued · position N` receipt (`web.input.queued/queue_full`, en+ru; dead `web.input.busy` removed). Docs: `docs/agents/modules.md`. Tests: `tests/webui-server.test.ts`, `tests/webui-auth.test.ts`.
+
+- **Web Trace: diagnostics coverage + full model text** (`src/modules/webui/log-api.ts`, `sessions-api.ts`, `forward.ts`, `state.ts`, `module.ts`, `assets/app.js`, `assets/js/sidebar.js`): Trace shows status rows (SSE `meta`), warn/error logs (SSE `log`, minus info-diagnostic chatter), draft retractions, and index start/done/error — plus critic/MoE/compaction/context-probe/usage/audit/claim-retry/output pulled incrementally from `session.jsonl` on every `turn_end` via the new `GET /api/sessions/:id/log` (`?types=&since=&limit=`, field whitelist, secret scrub, no new producers). `turn_end` carries a server `turnSeq`; text details show the full turn text (honest 20K cap instead of a 4K tail slice) with session/turn and a session-log provenance footer (assistant count, iterations, model/tokens). Git ops stay inside `bash` rows (prefix heuristics too fragile). i18n `web.sidebar.trace_*/detail_*` (en+ru). Tests: `tests/webui-log.test.ts`, e2e `web-boot` (Trace panel + index lifecycle).
+
+### Fixed
+
+- **Web file list is always expanded with full root-relative links** (`src/modules/webui/assets/js/feed.js`, `styles.css`): consecutive file rows no longer collapse into an expandable `│ N files` group (its chevron toggle failed to open) — every file tool renders its own `◇ <label> · <full-path-link> [copy] <status>` line, and the link text is the full workspace-relative path (`displayPathFromRoot`, absolute paths stripped by the workspace prefix) instead of basename + dim tail. Consecutive file/action rows are compact (`~4px` via `margin-top: -7px` compensating the `11px` feed gap, `line-height: 1.35`). Group CSS/JS removed. Tests: `tests/webui-assets.test.ts`, `tests/e2e/web-filecard.e2e-test.ts`.
+- **Web transcript edges and answer separation** (`src/modules/webui/assets/styles.css`): scroll edge fades are glued exactly to the transcript edges — vertical breathing moved from the scroller to `.feed` (sticky pseudos are constrained to the padding-free content box, previously leaving a gap under the header and above the composer) and hidden fades take zero flow space (`-33px` margins neutralizing height + flex gap). Finished assistant answers carry a quiet accent rail (`.feed > .md/.ans`, `border-left: 2px solid var(--accent)`, mirroring the user block) so the result reads instantly apart from the dim tool/think process. Tests: `tests/webui-assets.test.ts`.
+- **Success-claim no longer vetoed by plan-bookkeeping failures** (`src/modules/hallucination/success-claim.ts`): `checkSuccessClaim` ignores `plan`/`plan_step`/`todo` evidences — their failures police the agent's own notebook (covered by the final audit), never task outcome. Lived-in case (ses_mupgenhq_75f66l, qwen3.5-9b): an honest "tests passed" was retracted over a stale `re-plan` error ("Длина checks должна совпадать"), forcing a same-substance re-answer after the task was done. Tests: `tests/hallucination-success-claim.test.ts`.
+
+- **Web UI boot was dead on 2.15.0** (`src/modules/webui/assets/js/settings.js`): a stray `}` in `setStaleBar` pushed `return` to top level (`Uncaught SyntaxError: Illegal return statement`), killing the whole `app.js` import graph — blank page, no feed, selectors stuck at `–`. One-line brace fix.
+- **Web e2e boot smoke** (`tests/e2e/web-boot.e2e-test.ts`): `mma web` boots in a real Chromium with zero console/page errors (live session tab, chrome skeleton, settings modal) and every served JS module in the live `/app.js` import graph answers 200; `web-helpers.launch` now names collected console errors when the feed never boots, so the next broken module fails with its `SyntaxError` in the message instead of a bare timeout.
+
+## [2.16.0] - 2026-10-01
+
+### Added
+
+- **Web dropdown search for models and sessions** (`src/modules/webui/assets/js/settings.js`, `tabs.js`, `format.js`, `index.html`, `styles.css`, `src/i18n/en.json`, `ru.json`): the composer model menu and the sessions dropdown (`☰`) gain a sticky search field — case-insensitive substring (`matchesQuery` in `format.js`; sessions match name + id) with keyboard support (`↓` into the list, `Enter` picks the first hit, `Esc` clears/closes, `↑` back to search). The sessions input lives statically in the markup so the 2s state poll never steals the caret; the model filter survives list re-reads and clears on pick. Empty sections hide with their headers, zero hits show `no matches`; `↻ refresh` / `+ new session` stay outside the filter. New keys `web.selectors.search_models` / `web.sessions.search` (en+ru). Tests: `tests/webui-assets.test.ts`.
+
+## [2.15.0] - 2026-10-01
+
+### Added
+
+- **Web UI: stale-translations badge** (`src/modules/webui/i18n-stale.ts`, `i18n-api.ts`, `host-state.ts`, `core/host.ts`, `assets/index.html`, `js/dom.js`, `js/settings.js`, `app.js`, `styles.css`): `GET /api/i18n` and the state snapshot carry `i18nStale` (dict files on disk newer than the server process); the topbar shows a yellow badge with a reload action instead of silently rendering raw keys. New keys `web.i18n.stale`/`web.i18n.reload` (en+ru). Tests: `tests/webui-i18n.test.ts`, `tests/webui-usage.test.ts`, `tests/webui-assets.test.ts`.
+
+### Fixed
+
+- **Plan auto-advance no longer completes modify-steps on stale files** (`src/modules/execution/module.ts`): `advancePlanIfStepComplete` and final-audit `autoCloseEvidenceSteps` now require `provablyStale()` to be false — every named file must be created/modified after `plan.createdAt` (fail-open on bad dates and unreadable mtimes, delete-kind unchanged). Previously a step naming a long-existing file auto-completed before a line of code was written (observed: 6 plan steps auto-closed while the agent was still on step 1). Tests: `tests/execution-plan-deliverables.test.ts`.
+- **Critic evidence includes git-tracked changes** (`src/modules/critic/evidence.ts`): `buildEvidencePack` unions tool-arg file lists with `git status --porcelain` (staged + unstaged + untracked, capped, fail-open outside repos), so edits made outside file tools (helper scripts via bash, heredocs) no longer produce false `concern` verdicts about missing changes. Tests: `tests/critic-evidence.test.ts`.
+- **Repeated-failure memory writes are diagnosed, model misses skipped** (`src/core/agent/tool-batch.ts`, `loop-state.ts`): `diagnoseRepeatedFailures()` records distinct error headlines with signature-based cause/solution (edit_file anchor miss → CRLF/stale-read hypothesis) and skips global-memory writes for model errors (invented test paths, exit-code-only grep misses). Previously boilerplate causes and the model's own wrong guesses landed in `errors.md`. Tests: `tests/tool-failure-diagnosis.test.ts`.
+- **Factual check resolves path suffixes** (`src/modules/hallucination/factual.ts`): `webui/state.ts` now matches `src/modules/webui/state.ts` via the cached basename index (no new FS walks), fixing false "mentioned files not found" warnings on short paths. Tests: `tests/hallucination-factual.test.ts`.
+- **`edit_file` tolerates LF anchors in CRLF files** (`src/tools/edit-file.ts`): `spliceNormalized()` matches on normalized line endings and splices the original, keeping the file's ending style (no more "string not found" loops on Windows checkouts). Tests: `tests/edit-file.test.ts`.
+- **Web usage re-render covers the context breakdown** (`src/modules/webui/assets/js/feed.js`): `h.contextBreakdown` added to the `renderUsage` signature so part shifts at constant used/limit repaint the segmented bar and legend. Guard: `tests/webui-assets.test.ts`.
+- **Terminal context-budget part words are localized** (`src/cli/repl.ts`, `src/i18n/en.json`, `ru.json`): the startup banner showed untranslated latin `sys/res/hist` in both locales; now `repl.ctx_part_system/reserve/history` (`system/reserve/history` + `система/резерв/история`). Web legend (usage parts) intentionally unchanged. Tests: `tests/i18n.test.ts`.
+- **Verification hygiene is model-facing** (`src/core/system-prompt.ts`, `src/tools/browser.ts`): verification `mma web` servers must run isolated (`MMA_CONFIG_DIR`), never against the user's live server; without vision capabilities the browser description steers to snapshot text and DOM/API assertions. Tests: `tests/core/bootstrap.test.ts`, `tests/tools/browser.test.ts`.
+
 ## [2.14.0] - 2026-10-01
 
 ### Changed

package/dist/assets/app.js

@@ -15,7 +15,7 @@ loadCommands,
 } from "./js/tabs.js";
 import {
 renderSelectors, renderSettings, loadConfig, loadModels, loadProviders,
-loadMemory, loadSkills, loadPlugins, applyTheme, currentTheme, applyFontSize, setConnStatus,
+loadMemory, loadSkills, loadPlugins, applyTheme, currentTheme, applyFontSize, setConnStatus, setStaleBar,
 } from "./js/settings.js";
 import {
 initRail, setPlan as railPlan, railEvent, applyRailI18n,
@@ -23,6 +23,7 @@ initRail, setPlan as railPlan, railEvent, applyRailI18n,
 import {
   initSidebar, sidebarSessionChanged, sidebarMapState,
   sidebarTraceEvent, sidebarTurnEnd, sidebarBusy, sidebarMapIndicator,
+  sidebarPullLog,
   applySidebarI18n,
 } from "./js/sidebar.js";
 
@@ -88,6 +89,7 @@ function renderState(snapshot, busy) {
   sidebarSessionChanged(sessionId);
   renderWorkspace(S.state.host);
   renderSessionsDropdown();
+  setStaleBar(!!(snapshot && snapshot.i18nStale));
 }
 
 async function refresh() {
@@ -140,7 +142,7 @@ const handlers = [
   ["tool_end", onToolEnd],
   ["plan", onPlan],
   ["question", onQuestion],
-  ["turn_end", (d) => { onTurnEnd(d); sidebarTurnEnd(); sidebarBusy(false); }],
+  ["turn_end", (d) => { onTurnEnd(d); sidebarTurnEnd(d.turnSeq); sidebarBusy(false); sidebarPullLog(); }],
   ["log", onLog],
   ["retract", (d) => onRetract(d.reason || "", d.sessionId)],
 ];
@@ -160,7 +162,10 @@ for (const ev of ["tool_start", "tool_end", "text", "plan"]) {
   });
 }
 // Sidebar Trace: live per-session event log. Feed handlers stay untouched.
-for (const ev of ["tool_start", "tool_end", "phase", "plan", "question"]) {
+// Tool/text/phase/plan/question/error stream live; status/log/retract/index
+// ride the same SSE bus; critic/MoE/compaction/probe/usage/audit/claim rows
+// arrive via the session-log supplement Trace pulls on every turn_end.
+for (const ev of ["tool_start", "tool_end", "phase", "plan", "question", "meta", "log", "retract", "index"]) {
   es.addEventListener(ev, (e) => { const d = parse(e); if (d) sidebarTraceEvent(ev, d); });
 }
 es.addEventListener("text", (e) => { const d = parse(e); if (d) sidebarTraceEvent("text", d); });
@@ -259,6 +264,7 @@ function applyStaticI18n() {
   applySidebarI18n();
   if (msgs.querySelector(".empty")) showEmptyFeed();
   if (connStatus && !connStatus.hidden) setConnStatus(true);
+  setStaleBar(undefined, true);
 }
 
 async function boot() {

package/dist/assets/index.html

@@ -16,6 +16,7 @@
   <div class="dd" id="sessDD">
     <button class="icon-btn" id="sessBtn" title="all sessions" aria-label="all sessions" aria-haspopup="menu" aria-expanded="false">☰</button>
     <div class="dd-menu">
+      <input class="searchbox" id="sessSearch" type="search" autocomplete="off" spellcheck="false" placeholder="search sessions…" aria-label="search sessions">
       <div class="h" id="sessActiveHeader">active</div>
       <div id="sessActiveList"></div>
       <div class="h" id="sessRecentHeader">recent</div>
@@ -29,6 +30,7 @@
   <button class="icon-btn" id="toggleSidebar" title="sidebar" aria-label="sidebar" aria-expanded="false">▤</button>
   <button class="icon-btn" id="openSettings" title="settings" aria-label="settings" aria-haspopup="dialog" aria-expanded="false">⚙</button>
   <span class="conn" id="connStatus" role="status" aria-live="polite" hidden></span>
+  <span class="conn stale" id="staleBar" role="status" hidden></span>
 </div>
 
 <div class="bar-sub" id="sessBar">

package/dist/assets/js/dom.js

@@ -14,6 +14,7 @@ export const attachStrip = document.getElementById("attachStrip");
 export const attachErr = document.getElementById("attachErr");
 export const imgPicker = document.getElementById("imgPicker");
 export const connStatus = document.getElementById("connStatus");
+export const staleBar = document.getElementById("staleBar");
 export const liveEl = document.getElementById("live");
 export const sendBtn = document.getElementById("sendBtn");
 

package/dist/assets/js/feed.js

@@ -444,44 +444,23 @@ function safeUrl(url) {
   return null;
 }
 
-function maybeGroupFilerow(feed, row) {
-  const prev = row.previousElementSibling;
-  const group = prev && prev.classList && prev.classList.contains("filegroup") ? prev : null;
-  const prevRow = prev && prev.classList && prev.classList.contains("filerow") ? prev : null;
-  if (group && group.dataset.open !== "1") {
-    group.querySelector(".items").appendChild(row);
-    if (row.dataset.fail === "1") group.dataset.fail = "1";
-    const n = group.querySelectorAll(".items > .filerow").length;
-    group.querySelector(".count").textContent = pluralCount("web.card.files", n);
-    group.querySelector(".ok").textContent = group.dataset.fail === "1" ? " ✗" : " ✓";
-    return group;
-  }
-  if (prevRow) {
-    const wrap = el("div", "filegroup");
-    const head = el("button", "head");
-    head.setAttribute("aria-expanded", "false");
-    head.appendChild(el("span", "g", "│ "));
-    head.appendChild(el("span", "count", pluralCount("web.card.files", 2)));
-    const fail = prevRow.dataset.fail === "1" || row.dataset.fail === "1";
-    if (fail) wrap.dataset.fail = "1";
-    head.appendChild(el("span", "ok", fail ? " ✗" : " ✓"));
-    const chev = icon("chevron-down");
-    head.appendChild(chev);
-    const items = el("div", "items hidden");
-    feed.replaceChild(wrap, prevRow);
-    items.appendChild(prevRow);
-    items.appendChild(row);
-    wrap.appendChild(head);
-    wrap.appendChild(items);
-    head.addEventListener("click", () => {
-      const open = wrap.dataset.open === "1";
-      wrap.dataset.open = open ? "" : "1";
-      head.setAttribute("aria-expanded", open ? "false" : "true");
-      items.classList.toggle("hidden", open);
-    });
-    return wrap;
+// File rows are always expanded: one `filerow` per file-tool call, no
+// collapsing group. Consecutive rows stay a plain expanded list (the old
+// E grouping with a chevron toggle hid the list and failed to open).
+function displayPathFromRoot(path) {
+  const raw = String(path == null ? "" : path).replace(/\\/g, "/");
+  try {
+    const ws = S && S.state && S.state.host && S.state.host.workspace
+      ? String(S.state.host.workspace).replace(/\\/g, "/").replace(/\/+$/, "")
+      : "";
+    if (ws && (raw === ws || raw.indexOf(ws + "/") === 0)) {
+      const rel = raw === ws ? "" : raw.slice(ws.length + 1);
+      if (rel) return rel;
+    }
+  } catch (err) {
+    /* fail-open: show raw path */
   }
-  return null;
+  return raw;
 }
 
 function cardFor(name, args, sid, ok) {
@@ -490,22 +469,21 @@ function cardFor(name, args, sid, ok) {
   if (FILE_TOOLS.indexOf(name) !== -1) {
     const path = args.path || args.file || args.dir;
     if (!path) return null;
+    const shown = displayPathFromRoot(path);
     const row = el("div", "filerow " + categoryOf(name));
     row.appendChild(el("span", "g", "◇"));
     row.appendChild(el("span", "lab", labelOf(name)));
     row.appendChild(el("span", "sep", " · "));
     if (OPENABLE_TOOLS.indexOf(name) !== -1) {
-      const openLink = el("a", "path", String(path).split(/[\\/]/).pop() || path);
-      openLink.href = "/api/file?path=" + encodeURIComponent(path);
+      const openLink = el("a", "path", shown || String(path));
+      openLink.href = "/api/file?path=" + encodeURIComponent(String(path));
       openLink.target = "_blank";
       openLink.rel = "noopener noreferrer";
-      openLink.title = t("web.card.open_title") + " · " + path;
+      openLink.title = t("web.card.open_title") + " · " + String(path);
       row.appendChild(openLink);
-      const tail = String(path).split(/[\\/]/).slice(0, -1).join("/");
-      if (tail) row.appendChild(el("span", "tail", " · " + tail));
     } else {
-      const s = el("span", "tail", path);
-      s.title = path;
+      const s = el("span", "tail", shown || String(path));
+      s.title = String(path);
       row.appendChild(s);
     }
     const copyBtn = el("button", "copy-btn");
@@ -514,7 +492,7 @@ function cardFor(name, args, sid, ok) {
     copyBtn.setAttribute("aria-label", t("web.card.copy_title"));
     copyBtn.appendChild(icon("copy"));
     copyBtn.addEventListener("click", () => {
-      copyText(path).then((ok) => {
+      copyText(String(path)).then((ok) => {
         copyBtn.replaceChildren(icon(ok ? "check" : "copy"));
         if (!ok) { const st = row.querySelector(".st"); if (st) st.textContent = " ⚠"; }
         window.setTimeout(() => copyBtn.replaceChildren(icon("copy")), 1400);
@@ -523,11 +501,10 @@ function cardFor(name, args, sid, ok) {
     row.appendChild(copyBtn);
     row.appendChild(el("span", "st", ok === false ? " ✗" : ok === true ? " ✓" : ""));
     if (ok === false) row.dataset.fail = "1";
-    if (/\.drawio(\.xml)?$/i.test(path) && verbosity() === "verbose") {
+    if (/\.drawio(\.xml)?$/i.test(String(path)) && verbosity() === "verbose") {
       row.appendChild(el("span", "detail", "↳ " + t("web.card.drawio_hint")));
     }
     appendTo(feed, row);
-    try { maybeGroupFilerow(feed, row); } catch (err) { /* fail-open: plain row stays */ }
     return row;
   }
   if (LINK_TOOLS.indexOf(name) !== -1 && args.url) {
@@ -578,6 +555,30 @@ export function onToolEnd(data) {
   S.toolNodes.delete(data.toolCallId);
   const args = S.pendingArgs.get(data.toolCallId) || {};
   S.pendingArgs.delete(data.toolCallId);
+  // File tools render as a single filerow (viewer link + copy): the `.act`
+  // line from `onToolStart` is replaced, otherwise the feed shows the same
+  // action twice (act + filerow). Without a path `cardFor` renders nothing,
+  // so keep the generic act line in that case.
+  const filePath = args.path || args.file || args.dir;
+  if (FILE_TOOLS.indexOf(data.name) !== -1 && filePath) {
+    if (line && line.parentNode) line.remove();
+    if (verbosity() === "quiet") {
+      if (data.success) {
+        const card = cardFor(data.name, args, data.sessionId, data.success);
+        if (card) S.runNodes.push(card);
+        S.runDuration += typeof data.durationMs === "number" ? data.durationMs : 0;
+      } else {
+        const card = cardFor(data.name, args, data.sessionId, data.success);
+        const cause = firstOutputLine(data.output);
+        if (cause) insertAfter(card || line, el("div", "detail", "↳ " + cause));
+        if (card) S.runNodes.push(card);
+      }
+      return;
+    }
+    const card = cardFor(data.name, args, data.sessionId, data.success);
+    renderToolOutput(card || line, data.output);
+    return;
+  }
   if (verbosity() === "quiet") {
     // Quiet hides tool bodies. Track successful nodes so a run of read-only
     // actions can fold at the next segment; a failure keeps its line and adds
@@ -1015,6 +1016,58 @@ function usageRow(label, value, cls) {
   return row;
 }
 
+// Segmented context bar: system · tools · history · reserve · free, widths
+// relative to the full context window so the parts always sum to one bar.
+function contextSegBar(h, used, limit) {
+  const bar = el("div", "bar segbar");
+  const bd = h.contextBreakdown;
+  if (!bd || typeof bd.window !== "number" || bd.window <= 0) {
+    // Legacy fallback (pre-breakdown payloads): single used/limit fill.
+    const fill = el("i");
+    fill.style.width = Math.min(100, Math.round((used / limit) * 100)) + "%";
+    bar.appendChild(fill);
+    return bar;
+  }
+  const denom = Math.max(bd.window, bd.used + bd.reserve);
+  const parts = [
+    ["seg-system", bd.system],
+    ["seg-tools", bd.tools],
+    ["seg-history", bd.history],
+    ["seg-reserve", bd.reserve],
+    ["seg-free", bd.free],
+  ];
+  for (const [cls, n] of parts) {
+    if (!n || n <= 0) continue;
+    const seg = el("i", cls);
+    seg.style.width = (n / denom) * 100 + "%";
+    bar.appendChild(seg);
+  }
+  return bar;
+}
+
+// Dim legend under the segmented bar: one dot+label+value per context part.
+function contextLegend(h) {
+  const box = el("div", "seglegend");
+  const bd = h.contextBreakdown;
+  if (!bd) return box;
+  const items = [
+    ["seg-system", "web.usage.part_system", bd.system],
+    ["seg-tools", "web.usage.part_tools", bd.tools],
+    ["seg-history", "web.usage.part_history", bd.history],
+    ["seg-reserve", "web.usage.part_reserve", bd.reserve],
+    ["seg-free", "web.usage.part_free", bd.free],
+  ];
+  for (const [cls, labelKey, n] of items) {
+    if (!n || n <= 0) continue;
+    const item = el("span", "segl-item");
+    item.appendChild(el("i", "segl-dot " + cls));
+    item.appendChild(el("span", "segl-label", t(labelKey)));
+    item.appendChild(el("b", "", fmtTokens(n)));
+    box.appendChild(item);
+  }
+  return box;
+}
+
 // Session row with a copy button next to the id (icon-only, ✓ on success).
 function usageSessionRow(sessionId) {
   const row = el("div", "kv");
@@ -1045,7 +1098,7 @@ export function renderUsage(h) {
   const cfg = S.state.config || {};
   const sig = JSON.stringify([
     h.sessionId, h.model, h.contextUsed, h.contextLimit, h.cacheHitRate, h.costUsd,
-    h.compactionCount, h.contextQuality, h.contextProbe, cfg.model, cfg.contextWindow,
+    h.compactionCount, h.contextQuality, h.contextProbe, h.contextBreakdown, cfg.model, cfg.contextWindow,
     I18N.locale,
   ]);
   if (sig === S.lastUsageSig) return;
@@ -1058,11 +1111,8 @@ export function renderUsage(h) {
   const limit = typeof h.contextLimit === "number" ? h.contextLimit : cfg.contextWindow || null;
   usageEl.appendChild(usageRow(t("web.usage.context"), used != null && limit ? fmtTokens(used) + " / " + fmtTokens(limit) : "—"));
   if (used != null && limit) {
-    const bar = el("div", "bar");
-    const fill = el("i");
-    fill.style.width = Math.min(100, Math.round((used / limit) * 100)) + "%";
-    bar.appendChild(fill);
-    usageEl.appendChild(bar);
+    usageEl.appendChild(contextSegBar(h, used, limit));
+    usageEl.appendChild(contextLegend(h));
   }
   const hit = typeof h.cacheHitRate === "number" ? h.cacheHitRate : null;
   usageEl.appendChild(usageRow(t("web.usage.cache"), hit != null ? Math.round(hit * 100) + "%" : "—", hit != null ? "" : "dim"));

package/dist/assets/js/format.js

@@ -90,6 +90,14 @@ for (const raw of text.split("\n")) {
 return "";
 }
 
+// Case-insensitive substring match for dropdown filters (model / session
+// search). Empty query matches everything; non-strings stringify safely.
+export function matchesQuery(haystack, q) {
+const needle = String(q == null ? "" : q).trim().toLowerCase();
+if (!needle) return true;
+return String(haystack == null ? "" : haystack).toLowerCase().indexOf(needle) !== -1;
+}
+
 export function relTime(ts) {
 if (!ts) return "";
 const diff = Date.now() - new Date(ts).getTime();

package/dist/assets/js/settings.js

@@ -3,12 +3,12 @@
 // share from tabs; confirm/toast from dialog. Never imports app (the locale
 // refresh reaches the app shell through the store hooks registry).
 import {
-el, icon, link, inlineTextNodes, connStatus, makeToggle,
+el, icon, link, inlineTextNodes, connStatus, staleBar, makeToggle,
 } from "./dom.js";
 import { api } from "./api.js";
 import { t, loadI18n } from "./i18n.js";
 import { S, setPath, getPath, THEME_KEY, hooks } from "./store.js";
-import { contextLabel } from "./format.js";
+import { contextLabel, matchesQuery } from "./format.js";
 import { closeAllMenus, setSessOpen } from "./tabs.js";
 import { setIndicator, closeConfirm, confirmOverlay, trapTab } from "./dialog.js";
 import { controlFor, PANEL_SECTIONS, keyToPanel } from "./settings-controls.js";
@@ -48,6 +48,11 @@ function menuAction(label, iconName, onClick) {
   return mi;
 }
 
+// Live filter text of the composer model dropdown. Kept module-level so a
+// `renderSelectors()` re-read (config/models reload) preserves the query and
+// the input is rebuilt with it; cleared once a model is actually picked.
+let modelFilter = "";
+
 export function renderSelectors() {
   const cfg = S.state.config || {};
   const provider = cfg.provider || {};
@@ -55,13 +60,70 @@ export function renderSelectors() {
   setSelButton(document.getElementById("selModelBtn"), t("web.selectors.model"), cfg.model || "—");
   const modelMenu = document.getElementById("selModelMenu");
   modelMenu.textContent = "";
-  if (!S.state.models.length) {
-    modelMenu.appendChild(el("div", "mi dim", t("web.selectors.no_models")));
-  } else {
-    S.state.models.forEach((m) => {
-      modelMenu.appendChild(menuItem(m, "", m === cfg.model, () => postConfig("model", m, true)));
+  // Search row stays outside the filtered list: `drawModelList` only touches
+  // `listBox`, so typing never rebuilds (or unfocuses) the input itself.
+  const search = document.createElement("input");
+  search.id = "selModelSearch";
+  search.className = "searchbox";
+  search.type = "search";
+  search.autocomplete = "off";
+  search.spellcheck = false;
+  search.placeholder = t("web.selectors.search_models");
+  search.setAttribute("aria-label", t("web.selectors.search_models"));
+  search.value = modelFilter;
+  search.addEventListener("click", (e) => e.stopPropagation());
+  modelMenu.appendChild(search);
+  const listBox = el("div", "model-menu-list");
+  modelMenu.appendChild(listBox);
+  const drawModelList = () => {
+    listBox.textContent = "";
+    const models = S.state.models.filter((m) => matchesQuery(m, modelFilter));
+    if (!models.length) {
+      listBox.appendChild(el("div", "mi dim", S.state.models.length ? t("web.settings.no_matches") : t("web.selectors.no_models")));
+      return;
+    }
+    models.forEach((m) => {
+      const item = menuItem(m, "", m === cfg.model, () => {
+        modelFilter = "";
+        postConfig("model", m, true);
+      });
+      // ArrowUp on the first row returns focus to the search field.
+      item.addEventListener("keydown", (e) => {
+        if (e.key === "ArrowUp" && item === listBox.querySelector(".mi:not(.dim)")) {
+          e.preventDefault();
+          e.stopPropagation();
+          search.focus();
+        }
+      });
+      listBox.appendChild(item);
     });
-  }
+  };
+  search.addEventListener("input", () => {
+    modelFilter = search.value;
+    drawModelList();
+  });
+  search.addEventListener("keydown", (e) => {
+    e.stopPropagation();
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      const first = listBox.querySelector(".mi:not(.dim)");
+      if (first) first.focus();
+    } else if (e.key === "Enter") {
+      e.preventDefault();
+      const first = listBox.querySelector(".mi:not(.dim)");
+      if (first) first.click();
+    } else if (e.key === "Escape") {
+      if (search.value) {
+        e.preventDefault();
+        search.value = "";
+        modelFilter = "";
+        drawModelList();
+      } else {
+        closeAllMenus();
+      }
+    }
+  });
+  drawModelList();
   modelMenu.appendChild(el("div", "sep"));
   modelMenu.appendChild(
     menuAction(t("web.selectors.refresh_list"), "refresh", () => {
@@ -196,6 +258,11 @@ document.querySelectorAll("[data-sel]").forEach((sel) => {
     });
     const open = sel.classList.toggle("open");
     btn.setAttribute("aria-expanded", open ? "true" : "false");
+    // Opening the model menu lands focus in its search field.
+    if (open && sel.dataset && sel.dataset.sel === "model") {
+      const search = document.getElementById("selModelSearch");
+      if (search) setTimeout(() => search.focus(), 0);
+    }
   });
 });
 
@@ -324,6 +391,25 @@ export function setConnStatus(disconnected) {
   connStatus.textContent = disconnected ? "⋯ " + t("web.conn.reconnecting") : "";
 }
 
+// Stale-translations banner: dict files on disk are newer than the running
+// server process, so the chrome may show raw keys. Rebuilt only on S.state
+// change (not on every 2s poll) to keep the reload-button focus stable;
+// `force` re-renders the label after a locale switch.
+let lastStale = null;
+export function setStaleBar(stale, force) {
+  if (!staleBar) return;
+  // undefined = перерисовать последнее состояние (смена локали).
+  const on = stale === undefined ? !!lastStale : !!stale;
+  if (!force && on === lastStale) return;
+  lastStale = on;
+  staleBar.hidden = !on;
+  staleBar.textContent = "";
+  if (!on) return;
+  staleBar.appendChild(el("span", "", "⚠ " + t("web.i18n.stale") + " "));
+  staleBar.appendChild(link(t("web.i18n.reload"), "", () => location.reload()));
+  return lastStale;
+}
+
 // Panel → named sections lives in `settings-controls.js` (PANEL_SECTIONS).
 // Custom panels (model/ui/browser…) render a bespoke body first and then their
 // sections; purely generic panels (general/context/…) render sections only.