micro-models-agent 2.15.0 → 2.16.1

package/CHANGELOG.md

@@ -6,6 +6,33 @@ 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.1] - 2026-10-01
+
+### Added
+
+- **Smooth streamed-text cascade** (`src/modules/webui/assets/js/feed.js`, `md.js`, `styles.css`): live markdown chunks are buffered and flushed once per animation frame (`requestAnimationFrame`, multi-feed safe) instead of write+scroll per SSE event, and each streamed text run renders in a `span.tk` with a short opacity-only `tkIn` fade (staggered `(n%4)*20ms`, `.15s`). History render and code blocks skip the animation; killed by `prefers-reduced-motion`.
+
+## [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

package/dist/assets/app.js

@@ -23,6 +23,7 @@ initRail, setPlan as railPlan, railEvent, applyRailI18n,
 import {
   initSidebar, sidebarSessionChanged, sidebarMapState,
   sidebarTraceEvent, sidebarTurnEnd, sidebarBusy, sidebarMapIndicator,
+  sidebarPullLog,
   applySidebarI18n,
 } from "./js/sidebar.js";
 
@@ -141,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)],
 ];
@@ -161,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); });

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>

package/dist/assets/js/feed.js

@@ -246,16 +246,20 @@ function resetRun() {
 
 // Options passed to the streaming Markdown renderer: localized code-block
 // copy labels. Highlighting is applied by `md.js` once a fence closes.
-function mdOpts() {
+// `animate` wraps live-streamed text chunks in `span.tk` (CSS `tkIn` fade);
+// history render and code blocks skip it.
+function mdOpts(animate) {
   return {
     copyLabel: t("web.code.copy"),
     copiedLabel: t("web.code.copied"),
     copyFailedLabel: t("web.code.copy_failed"),
+    animate: animate === true,
   };
 }
 
 // Close the active Markdown segment (if any) and clear the text S.state.
 export function finishMd() {
+  flushText();
   if (S.curMd) {
     S.curMd.root.classList.remove("streaming");
     S.curMd.end();
@@ -264,6 +268,38 @@ export function finishMd() {
   S.curText = null;
 }
 
+// Text chunks arrive in bursts (several SSE `text` events per frame); writing
+// and scrolling on every one thrashes layout and stacks overlapping `tkIn`
+// fades ("рвано"). Buffer them and flush once per animation frame instead.
+let textBuf = "";
+let textFeed = null;
+let textScheduled = false;
+
+function flushText() {
+  textScheduled = false;
+  if (!textBuf || !S.curMd) {
+    textBuf = "";
+    textFeed = null;
+    return;
+  }
+  const buf = textBuf;
+  const feed = textFeed;
+  textBuf = "";
+  textFeed = null;
+  S.curMd.write(buf);
+  if (feed && feed === activeFeed()) scroll();
+}
+
+function scheduleText() {
+  if (textScheduled) return;
+  textScheduled = true;
+  if (typeof window !== "undefined" && typeof window.requestAnimationFrame === "function") {
+    window.requestAnimationFrame(flushText);
+  } else {
+    flushText();
+  }
+}
+
 export function onText(chunk, sid) {
   const feed = feedForEvent(sid);
   clearBusy(feed);
@@ -275,14 +311,17 @@ export function onText(chunk, sid) {
   if (S.curText == null) {
     flushRun();
     S.curText = "";
-    S.curMd = mountMarkdown(feed, mdOpts());
+    S.curMd = mountMarkdown(feed, mdOpts(true));
     S.curMd.root.classList.add("streaming");
     S.turnRoots.push(S.curMd.root);
   }
   S.curText += chunk;
   S.turnMd += chunk;
-  S.curMd.write(chunk);
-  if (feed === activeFeed()) scroll();
+  // A second session streaming concurrently must not merge into another feed's buffer.
+  if (textFeed && textFeed !== feed) flushText();
+  textFeed = feed;
+  textBuf += chunk;
+  scheduleText();
 }
 
 export function finishThink() {
@@ -444,44 +483,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 +508,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 +531,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 +540,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) {

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

@@ -8,7 +8,7 @@ el, icon, link, inlineTextNodes, connStatus, staleBar, makeToggle,
 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);
+    }
   });
 });
 
@@ -340,7 +407,6 @@ export function setStaleBar(stale, force) {
   if (!on) return;
   staleBar.appendChild(el("span", "", "⚠ " + t("web.i18n.stale") + " "));
   staleBar.appendChild(link(t("web.i18n.reload"), "", () => location.reload()));
-}
   return lastStale;
 }