micro-models-agent 2.13.1 → 2.14.0

package/CHANGELOG.md

@@ -6,6 +6,12 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/), and this
 
 ## [Unreleased]
 
+## [2.14.0] - 2026-10-01
+
+### Changed
+
+- **Web UI**: file actions now render as quiet terminal-style lines instead of boxed cards (`src/modules/webui/assets/js/feed.js`, `styles.css`). Each file tool shows `◇ <label> · <path-link> [copy-icon] <status>` in the tool-category color — no more Open/Download/Path pill buttons (path click opens the viewer, copy is an icon-only hover action). Consecutive file rows collapse into an expandable `│ N files` group with a chevron toggle. File-type badges are gone (format detection stays silent for highlighting only; draw.io hint is verbose-only). Dead strings `web.card.open/download/copy_path/download_title` removed, count via new `web.card.files_*` (en+ru). Tests: `tests/webui-assets.test.ts`, `tests/webui-smoke.test.ts`, new `tests/e2e/web-filecard.e2e-test.ts`.
+
 ## [2.13.1] - 2026-09-30
 
 ### Fixed

package/dist/assets/js/feed.js

@@ -444,56 +444,91 @@ function safeUrl(url) {
   return null;
 }
 
-function cardFor(name, args, sid) {
+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;
+  }
+  return null;
+}
+
+function cardFor(name, args, sid, ok) {
   const feed = feedForEvent(sid);
   if (!feed) return null;
   if (FILE_TOOLS.indexOf(name) !== -1) {
     const path = args.path || args.file || args.dir;
     if (!path) return null;
-    const card = el("div", "filecard");
-    const top = el("div", "fc-top");
-    top.appendChild(el("span", "g", "◇"));
-    const nameEl = el("span", "name", path);
-    nameEl.title = path;
-    top.appendChild(nameEl);
-    card.appendChild(top);
-    const bottom = el("div", "fc-bottom");
-    bottom.appendChild(el("span", "lab", labelOf(name)));
-    const actions = el("span", "fc-actions");
-    const baseName = String(path.split(/[\\/]/).pop() || 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", "fc-open", t("web.card.open"));
+      const openLink = el("a", "path", String(path).split(/[\\/]/).pop() || path);
       openLink.href = "/api/file?path=" + encodeURIComponent(path);
       openLink.target = "_blank";
       openLink.rel = "noopener noreferrer";
-      openLink.title = t("web.card.open_title");
-      actions.appendChild(openLink);
-      const dlLink = el("a", "fc-open", t("web.card.download"));
-      dlLink.href = "/api/file?path=" + encodeURIComponent(path) + "&download=1";
-      dlLink.title = t("web.card.download_title");
-      dlLink.setAttribute("download", baseName);
-      actions.appendChild(dlLink);
+      openLink.title = t("web.card.open_title") + " · " + 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;
+      row.appendChild(s);
     }
-    const copyBtn = el("button", "fc-open", t("web.card.copy_path"));
+    const copyBtn = el("button", "copy-btn");
     copyBtn.type = "button";
     copyBtn.title = t("web.card.copy_title");
+    copyBtn.setAttribute("aria-label", t("web.card.copy_title"));
+    copyBtn.appendChild(icon("copy"));
     copyBtn.addEventListener("click", () => {
       copyText(path).then((ok) => {
-        copyBtn.textContent = ok ? "✓ " + t("web.code.copied") : "⚠ " + t("web.code.copy_failed");
-        window.setTimeout(() => {
-          copyBtn.textContent = t("web.card.copy_path");
-        }, 1400);
+        copyBtn.replaceChildren(icon(ok ? "check" : "copy"));
+        if (!ok) { const st = row.querySelector(".st"); if (st) st.textContent = " ⚠"; }
+        window.setTimeout(() => copyBtn.replaceChildren(icon("copy")), 1400);
       });
     });
-    actions.appendChild(copyBtn);
-    bottom.appendChild(actions);
-    card.appendChild(bottom);
-    if (/\.drawio(\.xml)?$/i.test(path)) {
-      const hint = el("div", "fc-hint", t("web.card.drawio_hint"));
-      card.appendChild(hint);
+    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") {
+      row.appendChild(el("span", "detail", "↳ " + t("web.card.drawio_hint")));
     }
-    appendTo(feed, card);
-    return card;
+    appendTo(feed, row);
+    try { maybeGroupFilerow(feed, row); } catch (err) { /* fail-open: plain row stays */ }
+    return row;
   }
   if (LINK_TOOLS.indexOf(name) !== -1 && args.url) {
     const line = el("div", "linkline");
@@ -549,7 +584,7 @@ export function onToolEnd(data) {
     // a single `↳` cause instead of the whole model-facing body.
     if (data.success) {
       if (line) S.runNodes.push(line);
-      const card = cardFor(data.name, args, data.sessionId);
+      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 {
@@ -558,7 +593,7 @@ export function onToolEnd(data) {
     }
     return;
   }
-  if (data.success) cardFor(data.name, args, data.sessionId);
+  if (data.success) cardFor(data.name, args, data.sessionId, data.success);
   renderToolOutput(line, data.output);
 }
 

package/dist/assets/styles.css

@@ -377,31 +377,23 @@ body.light .codeblock { border: 1px solid var(--border); }
 }
 body.light .imgcard .ph { background: var(--ph-light); }
 .imgcard .cap { padding: 6px 10px; color: var(--dim-a); font-size: 12px; }
-.filecard {
-  margin-left: 26px; padding: 8px 12px; border-radius: 6px;
-  background: var(--surface); border: 1px solid var(--border-2); color: var(--muted);
-  display: flex; flex-direction: column; gap: 6px; align-items: stretch;
-  font-size: 12.5px; max-width: 480px; min-width: 0;
-}
-.filecard .fc-top { display: flex; gap: 8px; align-items: baseline; min-width: 0; }
-.filecard .g { color: var(--cyan); flex: 0 0 auto; }
-.filecard .name {
-  color: var(--fg); min-width: 0; overflow-wrap: anywhere; word-break: break-word;
-}
-.filecard .fc-bottom {
-  display: flex; gap: 10px; align-items: center; justify-content: space-between;
-}
-.filecard .lab { color: var(--dim-a); min-width: 0; overflow-wrap: anywhere; }
-.filecard .fc-open {
-  flex: 0 0 auto; font: inherit; font-size: 12px; line-height: 1.4;
-  color: var(--accent); background: transparent; border: 1px solid var(--border-2);
-  border-radius: 4px; padding: 2px 10px; cursor: pointer; text-decoration: none;
-}
-.filecard .fc-open:hover { border-color: var(--accent); text-decoration: none; }
-.filecard .fc-open:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
-.filecard button.fc-open { font: inherit; }
-.filecard .fc-actions { display: flex; gap: 6px; align-items: center; margin-left: auto; flex: 0 0 auto; }
-.filecard .fc-hint { color: var(--dim-a); font-size: 12px; }
+.filerow { margin-left: 26px; display: flex; gap: 8px; align-items: baseline; min-width: 0; font-size: 12.5px; color: var(--muted); }
+.filerow .g { flex: 0 0 auto; }
+.filerow.recon .g, .filerow.recon .lab { color: var(--cyan); }
+.filerow.mutate .g, .filerow.mutate .lab { color: var(--magenta); }
+.filerow .sep { color: var(--dim-b); }
+.filerow a.path { color: var(--accent); text-decoration: none; overflow-wrap: anywhere; word-break: break-word; }
+.filerow a.path:hover { text-decoration: underline; }
+.filerow .tail { color: var(--dim-a); overflow-wrap: anywhere; word-break: break-word; }
+.filerow .copy-btn { background: transparent; border: 0; padding: 2px; color: var(--dim-a); cursor: pointer; opacity: 0; }
+.filerow:hover .copy-btn, .filerow:focus-within .copy-btn { opacity: 1; }
+@media (pointer: coarse) { .filerow .copy-btn { opacity: 1; } }
+.filerow .copy-btn:focus-visible { opacity: 1; outline: 2px solid var(--accent); outline-offset: 1px; }
+.filerow .copy-btn .svg-icon { width: 14px; height: 14px; }
+.filegroup { margin-left: 26px; font-size: 12.5px; color: var(--muted); }
+.filegroup .head { background: transparent; border: 0; color: inherit; font: inherit; cursor: pointer; display: flex; gap: 6px; align-items: baseline; padding: 0; }
+.filegroup .items.hidden { display: none; }
+.filegroup .items > .filerow { margin-left: 0; }
 .linkline { margin-left: 26px; min-width: 0; overflow-wrap: anywhere; }
 .linkline a { color: var(--accent); text-decoration: none; overflow-wrap: anywhere; word-break: break-word; }
 .linkline a:hover { text-decoration: underline; }
@@ -613,7 +605,7 @@ body.light .sel > button { border: 1px solid var(--border); }
 
 /* new rows rise in softly (a bulk history render animates once as a whole —
    one shared fade, still cheap: opacity/transform only) */
-.feed > :is(.u, .md, .act, .think, .q, .filecard, .planblock, .imgcard, .linkline,
+.feed > :is(.u, .md, .act, .think, .q, .filerow, .filegroup, .planblock, .imgcard, .linkline,
   .toolout, .metric, .detail, .metaln, .warnline, .errline, .cmdout, .sysline,
   .startbanner, .grouped, .msg-actions, .busy) {
   animation: rise .18s ease-out;
@@ -640,7 +632,7 @@ body.light .sel > button { border: 1px solid var(--border); }
 .overlay.open .modal { animation: rise .18s ease-out; }
 
 /* hover/active blends */
-.sel > button, .menu .mi, .stab, .q .qopt, .q .qsend, .filecard, .icon-btn,
+.sel > button, .menu .mi, .stab, .q .qopt, .q .qsend, .filerow, .filegroup, .icon-btn,
 .btn, .linkbtn, .chip, .cb-copy, .act-btn, .copy-btn, .composer .attach-btn,
 .composer .send-btn, .dd-menu .si, .dd-menu .act, .cmdk-item, .toggle {
   transition: background-color .12s, color .12s, border-color .12s;

package/dist/i18n/en.json

@@ -1500,13 +1500,12 @@
   "web.code.copy_failed": "copy failed",
   "web.msg.copy": "copy",
   "web.msg.copy_md": "copy as markdown",
-  "web.card.open": "open ↗",
-  "web.card.download": "download ⤓",
-  "web.card.copy_path": "copy path",
   "web.card.open_title": "Preview in a browser tab",
-  "web.card.download_title": "Download the file",
   "web.card.copy_title": "Copy the workspace path",
   "web.card.drawio_hint": "Draw.io diagram is XML — preview shows code; open it in draw.io / VS Code to see the scheme.",
+  "web.card.files_one": "{count} file",
+  "web.card.files_few": "{count} files",
+  "web.card.files_many": "{count} files",
   "web.card.screenshot": "screenshot",
   "web.card.attached_image": "attached image",
   "web.card.browser_viewport": "browser · viewport",

package/dist/i18n/ru.json

@@ -1476,13 +1476,12 @@
   "web.code.copy_failed": "не скопировано",
   "web.msg.copy": "копировать",
   "web.msg.copy_md": "копировать как markdown",
-  "web.card.open": "открыть ↗",
-  "web.card.download": "скачать ⤓",
-  "web.card.copy_path": "путь",
   "web.card.open_title": "Предпросмотр во вкладке браузера",
-  "web.card.download_title": "Скачать файл",
   "web.card.copy_title": "Скопировать путь в рабочей папке",
   "web.card.drawio_hint": "Диаграмма draw.io — это XML: предпросмотр покажет код, схему смотри в draw.io / VS Code.",
+  "web.card.files_one": "{count} файл",
+  "web.card.files_few": "{count} файла",
+  "web.card.files_many": "{count} файлов",
   "web.card.screenshot": "снимок экрана",
   "web.card.attached_image": "прикреплённое изображение",
   "web.card.browser_viewport": "браузер · область просмотра",

package/dist/main.js

@@ -4025,13 +4025,12 @@ Updated: {updatedAt}`,
     "web.code.copy_failed": "copy failed",
     "web.msg.copy": "copy",
     "web.msg.copy_md": "copy as markdown",
-    "web.card.open": "open ↗",
-    "web.card.download": "download ⤓",
-    "web.card.copy_path": "copy path",
     "web.card.open_title": "Preview in a browser tab",
-    "web.card.download_title": "Download the file",
     "web.card.copy_title": "Copy the workspace path",
     "web.card.drawio_hint": "Draw.io diagram is XML — preview shows code; open it in draw.io / VS Code to see the scheme.",
+    "web.card.files_one": "{count} file",
+    "web.card.files_few": "{count} files",
+    "web.card.files_many": "{count} files",
     "web.card.screenshot": "screenshot",
     "web.card.attached_image": "attached image",
     "web.card.browser_viewport": "browser · viewport",
@@ -5905,13 +5904,12 @@ var init_ru = __esm(() => {
     "web.code.copy_failed": "не скопировано",
     "web.msg.copy": "копировать",
     "web.msg.copy_md": "копировать как markdown",
-    "web.card.open": "открыть ↗",
-    "web.card.download": "скачать ⤓",
-    "web.card.copy_path": "путь",
     "web.card.open_title": "Предпросмотр во вкладке браузера",
-    "web.card.download_title": "Скачать файл",
     "web.card.copy_title": "Скопировать путь в рабочей папке",
     "web.card.drawio_hint": "Диаграмма draw.io — это XML: предпросмотр покажет код, схему смотри в draw.io / VS Code.",
+    "web.card.files_one": "{count} файл",
+    "web.card.files_few": "{count} файла",
+    "web.card.files_many": "{count} файлов",
     "web.card.screenshot": "снимок экрана",
     "web.card.attached_image": "прикреплённое изображение",
     "web.card.browser_viewport": "браузер · область просмотра",
@@ -11908,6 +11906,18 @@ var init_walker = __esm(() => {
 // src/modules/indexer/cache.ts
 import { readFileSync as readFileSync14, writeFileSync as writeFileSync10, existsSync as existsSync18, mkdirSync as mkdirSync11, rmSync } from "fs";
 import { join as join20 } from "path";
+function isIndexedFile(v) {
+  if (typeof v !== "object" || v === null)
+    return false;
+  const f = v;
+  return typeof f.path === "string" && typeof f.language === "string" && Array.isArray(f.exports) && typeof f.size === "number";
+}
+function isIndexResult(v) {
+  if (typeof v !== "object" || v === null)
+    return false;
+  const r = v;
+  return Array.isArray(r.files) && r.files.every(isIndexedFile) && typeof r.totalSize === "number";
+}
 
 class IndexCache {
   cachePath;
@@ -11927,7 +11937,7 @@ class IndexCache {
       return null;
     try {
       const parsed = JSON.parse(readFileSync14(this.cachePath, "utf-8"));
-      if (parsed.version !== CACHE_VERSION || !parsed.result)
+      if (parsed.version !== CACHE_VERSION || !isIndexResult(parsed.result))
         return null;
       if (this.root !== undefined && parsed.root !== this.root)
         return null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "micro-models-agent",
-  "version": "2.13.1",
+  "version": "2.14.0",
   "description": "Micro Models Agent (MMA) — LLM agent harness for small models (Qwen3.5-9B, 32K-64K context)",
   "type": "module",
   "bin": {