micro-models-agent 2.10.0 → 2.12.0

package/CHANGELOG.md

@@ -4,6 +4,39 @@ All notable changes to Micro Models Agent (MMA) will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/), and this project adheres to [Semantic Versioning](https://semver.org/).
 
+## [2.12.0] - 2026-09-29
+
+### Added
+
+- **Session-bound plans** (`src/modules/execution/plan-store.ts`, `module.ts`, `src/core/bootstrap/modules-phase.ts`, `src/cli/repl-commands.ts`, `src/modules/webui/sessions-api.ts`, `state.ts`, `module.ts`, `assets/js/tabs.js`): the active plan is now stored per session (`.mma/plans/sessions/<sessionId>/active.json`) instead of a single project-global `active.json`. Switching sessions (`/resume`, `/new`, `POST /api/sessions/activate` / `POST /api/sessions`) moves the `ExecutionModule` tracker to that session's plan (new sessions start plan-less, `/resume` prints a `◇ <plan>` status line); deleting a session drops its plan slot. Plan tools writing past `setPlan` (`abort`/`switch`/`delete`/`purge`) and internal saves mirror the slot, so an aborted plan never resurrects on return. Drafts/archive stay a shared library; the legacy global plan is adopted by the active session on first start after upgrade. Web sidebar refreshes immediately after tab switch instead of waiting for the 2s poll. Spec: `docs/specs/2026-09-29-session-plan-binding-design.md`.
+
+### Fixed
+
+- **Provider identity sync on swap** (`src/modules/providers/manager.ts`, `src/config/registry.ts`, `src/core/agent.ts`): switching `provider.active` now mirrors the legacy flat fields (`baseUrl`/`apiKey`/`type`) from the active entry, closing the desync where banner and probes used a stale flat endpoint (e.g. `localhost:1234` while `opencode-go` was active); `reasoning_effort` is normalized and the reasoning strategy refreshed on provider swap; assistant `tool_calls` are kept paired with their tool results.
+
+## [2.11.0] - 2026-09-28
+
+### Added
+
+- **Plan contracts for small models: `plan_step` tool + per-step `checks`** (`src/modules/execution/plan-tool.ts`, `plan-actions.ts`, `plan-checks.ts`, `planner.ts`, `plan-steps.ts`, `module.ts`): `plan create`/`re-plan` now require `checks` 1:1 with steps (`file-exists:<path>` hard-verified on done via `StepVerifier`, `command:<cmd>`/`manual:<text>` self-certified with an explicit note; delete-kind inverts the file check). New alwaysOn tool `plan_step step=N status=done|failed|skipped` replaces `plan update step=` for status changes (no `action` parameter to confuse; old form keeps working as an alias) and is wired everywhere `plan`/`todo` are (alignment exemption, stuck-detector read-only set, bookkeeping key, terminal checklist refresh, web plan snapshot, meta-color sets). `plan` coverage validation is now a hard block (`plan.coverage_blocked`, validated before any state mutation so a rejected create leaks no active plan). `kinds` removed from the model-facing schema — create/delete intent is fully auto-detected (`switchStepKind` both directions: verified deletions flip to delete, never-deleted-missing files flip back to create). `todo done` accepts `ids=[...]` (list/add print `[id]`); text matching stays as fallback. Step checks render as `↳ check:` in the prompt block; system prompt and all model-facing `plan update` directives now teach `plan_step`; i18n en+ru (`plan.checks_*`, `plan.check_failed`, `plan.check_self_certified`, `plan.coverage_blocked`, `plan.step_required`, `todo.subtask_id_not_found`).
+
+- **Memory-aware `question` tool in the core set** (`src/tools/question.ts`, `src/tools/index.ts`, `src/core/system-prompt.ts`, `src/i18n/en.json`, `src/i18n/ru.json`): single/multi-choice and free-text prompts now registered in `registerAllTools()` (visible in REPL and web UI; `approve` registered alongside for explicit Yes/No — reject returns `success:false` so the loop treats it as a failure signal). The handler pre-checks agent memory itself (`splitByMemory` over `MemoryStore.search`, fail-open) — questions memory already answers are reported, not asked; answers live only in the session (persist via `remember` only when asked to); at most `MAX_QUESTIONS_PER_CALL = 3` unknown questions per call with a re-call note. System prompt carries a one-line `ASK RULE`; REPL rendering already matched `STYLE.md`, web rendering reuses `feed.js onQuestion`.
+
+- **Activity rail above the composer** (`src/modules/webui/assets/js/rail.js`, `index.html`, `styles.css`, `app.js`, `tabs.js`, `settings.js`): an indicator that lives for the whole turn — indeterminate scanner with phase/elapsed/tool & event counters when no plan exists, honest `done/total` progress with step ticks when an MoE plan is active, and a short flash on every real SSE event (`tool_start`/`tool_end`/`text`/`plan`). Layouts `off|line|meta|full` via the new config key `ui.activityRail` (default `line`), editable in `/config` and web Settings → Chat output and applied live; en/ru localized, `prefers-reduced-motion` respected, phase announced politely (`role="status"`, timer/counters `aria-hidden`). Spec: `docs/specs/2026-09-27-activity-rail-design.md`.
+
+- **Web chat font size** (`src/config/types.ts`, `defaults.ts`, `registry-extra.ts`, `src/modules/webui/assets/styles.css`, `assets/js/settings.js`, `app.js`, `src/i18n/en.json`, `ru.json`): new `ui.fontSize` key (`compact` = 13px / `comfortable` = 15px / `large` = 17px, default `comfortable`), editable via `/config`, `mma config set` and web Settings → Chat output; applied live through `body[data-font]` without a reload (unknown values fall back to the default). Web-only — the terminal is unaffected.
+
+- **Composer selector switches with loaders + 4th reasoning selector** (`src/modules/webui/reasoning-view.ts`, `config-api.ts`, `assets/js/settings.js`, `store.js`, `index.html`, `styles.css`, `src/i18n/en.json`, `ru.json`): switching provider/model/context/reasoning now paints a pending mark (`⋯` + `aria-busy`, all selector menus inert) from click until config + model list are re-read (provider/model re-reads run in parallel; context/reasoning skip the model round-trip), with single-flight (double-click answers `web.selectors.switch_busy`) and a stale-guard so a slow A→B→A never repaints over the fresh state; boot shows the same mark instead of bare `—`. `GET /api/models` additively carries `reasoning: {strategy, supported, mode}` (strategy from the active provider preset via entries, `supported` from the probe cache, `null` until probed), rendered as a 4th row showing only supported levels (`openai-effort` → full set, `prompt-tag`/`template-kwarg` → coarse set without `medium`/`max`); `strategy: "none"` hides the row, a failed probe shows an honest `off` mark with a shortcut to Settings → Reasoning. Spec: `docs/specs/2026-09-28-web-selector-loaders-reasoning-design.md`.
+
+### Changed
+
+- **Internal loop diagnostics are verbose-only** (`src/logger/app-logger.ts`, `src/output/channel.ts`, `src/cli/main.ts`, `src/cli/repl-commands.ts`): new `Logger.diagnostic(level, msg, meta)` marks loop internals (hallucination retries, audit/compaction notes, repeated-tool nudges, MoE/critic internals, `LLM warning`) with `data.diagnostic` on the output bus. `OutputChannel.setShowDiagnostics()` drops them unless `ui.verbosity === "verbose"`, so chat shows user-facing notices only; file logging (`.log`, `app.jsonl`) is unchanged and diagnostics stay diagnosable. `/config ui.verbosity` now also hides `info` logs outside verbose, matching the startup rule.
+- **Critic verdict no longer renders in chat** (`src/core/agent/critic-gate.ts`, `src/ui/renderer.ts`, `src/modules/webui/forward.ts`, `assets/app.js`, `assets/js/feed.js`): `Renderer.criticVerdict`, the SSE `critic` event, the `onCritic` UI callback and the `ui.critic_*`/`web.critic_*` i18n keys are removed. The verdict remains in `session.jsonl` (`critic_check`/`critic_verdict`/`critic_escalation`) and as a verbose diagnostic line; model-facing repair/advice still goes through `<system-summary>` only.
+- **Hallucination uncertainty line follows the same rule** (`src/core/agent/hallucination-gate.ts`): the `[⚠️ Uncertainty]` meta line is rendered only in verbose mode; the model still receives the retry context.
+- **Web quiet hides model-facing tool bodies** (`src/core/types.ts`, `src/core/agent/tool-batch.ts`, `src/modules/webui/forward.ts`, `run-agent.ts`, `assets/app.js`, `assets/js/feed.js`, `src/tools/question.ts`): `onMeta` carries an optional `MetaKind` (`tool` for display/output/diff/failure-gist from `ToolBatch`, `status` otherwise); the SSE `meta` event tags tool bodies with `kind: "tool"` (status events stay wire-identical) and `feed.js onMeta` drops them in `quiet`, mirroring the terminal renderer. `question` returns `display: ""` so its model directives (memory/session/batch rules) never echo — the model still gets the full `output` in `role:"tool"`. Plan/file/question cards and the single `↳` failure cause are unaffected. Spec: `docs/specs/2026-09-28-web-quiet-tool-meta-design.md`.
+- **System prompt routes questions through tools, not plain text** (`src/core/system-prompt.ts`, `src/tools/question.ts`): observed in `ses_mukw2cxn` — the model asked a choice question as a chat dash-list instead of calling `question`, so no interactive buttons appeared. `SCOPE`/`STOP AND ASK` now mandate the `question` tool (options when variants are known), `PROTECTED PATHS` mandates `approve`; plain text remains only as a headless fallback. The `question` description itself now forbids plain-text choice lists.
+- **Web default font size 13px → 15px** (`src/modules/webui/assets/styles.css`): the `body` base size moves to the new `comfortable` step; `compact` restores the old 13px via `body[data-font]`.
+
 ## [2.10.0] - 2026-09-27
 
 ### Added

package/dist/assets/app.js

@@ -4,7 +4,7 @@ import { I18N, t, loadI18n } from "./js/i18n.js";
 import { S, hooks } from "./js/store.js";
 import {
 onText, onReasoning, onMeta, onPhase, onToolStart, onToolEnd,
-onTurnEnd, onErrorEvent, onCommandOutput, onLog, onCritic, onPlan, onQuestion,
+onTurnEnd, onErrorEvent, onCommandOutput, onLog, onPlan, onQuestion,
 showEmptyFeed, renderPlan, renderUsage, renderEnvironment, renderWorkspace,
 feedHasContent, loadHistory,
 } from "./js/feed.js";
@@ -14,8 +14,11 @@ loadCommands,
 } from "./js/tabs.js";
 import {
 renderSelectors, renderSettings, loadConfig, loadModels, loadProviders,
-loadMemory, loadSkills, loadPlugins, applyTheme, currentTheme, setConnStatus,
+loadMemory, loadSkills, loadPlugins, applyTheme, currentTheme, applyFontSize, setConnStatus,
 } from "./js/settings.js";
+import {
+initRail, setPlan as railPlan, railEvent, applyRailI18n,
+} from "./js/rail.js";
 
 document.querySelectorAll("[data-collapse]").forEach((head) => {
   const initArrow = head.querySelector(".arrow");
@@ -64,6 +67,7 @@ function renderState(snapshot, busy) {
   if (sessionId) updateTabName(sessionId, S.state.host.sessionName);
   if (!S.tabs.length) showEmptyFeed();
   renderPlan(S.state.host.plan);
+  railPlan(busy && snapshot ? snapshot.plan : null);
   renderUsage(S.state.host);
   // Late provider auto-detect may change the effective window after boot —
   // the snapshot carries it so the topbar follows without a config re-fetch.
@@ -120,13 +124,12 @@ function connectSSE() {
 // checks and stay bespoke below; everything else is `parse → null-guard → call`.
 const handlers = [
   ["text", (d) => onText(d.chunk || "", d.sessionId)],
-  ["meta", (d) => onMeta(d.chunk || "", d.sessionId)],
+  ["meta", (d) => onMeta(d.chunk || "", d.sessionId, d.kind)],
   ["reasoning", (d) => onReasoning(d.chunk || "", d.sessionId)],
   ["phase", (d) => onPhase(d.phase, d.sessionId)],
   ["tool_start", onToolStart],
   ["tool_end", onToolEnd],
   ["plan", onPlan],
-  ["critic", onCritic],
   ["question", onQuestion],
   ["turn_end", onTurnEnd],
   ["log", onLog],
@@ -137,6 +140,15 @@ for (const [event, fn] of handlers) {
     if (d) fn(d);
   });
 }
+// Activity rail: its own listeners — feed handlers stay untouched.
+for (const ev of ["tool_start", "tool_end", "text", "plan"]) {
+  es.addEventListener(ev, (e) => {
+    const d = parse(e);
+    if (!d) return;
+    if (ev === "plan") railPlan(d);
+    else railEvent(ev, d.name);
+  });
+}
 es.addEventListener("command", (e) => {
   const d = parse(e);
   if (d && typeof d.text === "string") onCommandOutput(d.text, d.sessionId);
@@ -188,6 +200,9 @@ function applyStaticI18n() {
     closeSettings: ["x", t("web.topbar.close")],
     sessNew: ["plus", t("web.sessions.new")],
     sessRefresh: ["refresh", t("web.sessions.refresh")],
+    sessPrev: ["chevron-left", t("web.sessbar.prev")],
+    sessNext: ["chevron-right", t("web.sessbar.next")],
+    sessClose: ["x", t("web.topbar.close")],
   };
   Object.keys(controls).forEach((id) => {
     const node = document.getElementById(id);
@@ -223,6 +238,7 @@ function applyStaticI18n() {
 
   renderSelectors();
   renderSessionsDropdown();
+  applyRailI18n();
   if (msgs.querySelector(".empty")) showEmptyFeed();
   if (connStatus && !connStatus.hidden) setConnStatus(true);
 }
@@ -242,11 +258,13 @@ async function boot() {
   await loadI18n();
   await loadCommands();
   applyTheme(currentTheme());
+  applyFontSize();
   applyStaticI18n();
   showEmptyFeed();
   renderSelectors();
   renderSettings();
   await loadConfig();
+  initRail(S.state.config && S.state.config.ui ? S.state.config.ui.activityRail : undefined);
   await loadModels();
   await loadProviders();
   await loadSessions();

package/dist/assets/index.html

@@ -31,12 +31,37 @@
   <span class="conn" id="connStatus" role="status" aria-live="polite" hidden></span>
 </div>
 
+<div class="bar-sub" id="sessBar">
+  <button class="icon-btn" id="sessPrev" type="button">‹</button>
+  <button class="sess-name" id="sessNameBtn" type="button"><span id="sessName">—</span></button>
+  <button class="icon-btn" id="sessNext" type="button">›</button>
+  <button class="icon-btn" id="sessClose" type="button">✕</button>
+  <span class="sess-tools" id="sessTools"></span>
+</div>
+
 <div class="layout">
   <div class="chat">
     <div class="msgs" id="msgs" role="log" aria-label="conversation"></div>
     <div class="visually-hidden" id="live" role="status" aria-live="polite" aria-atomic="true"></div>
 
     <div class="input-area">
+      <div class="rail-wrap l-line" id="railWrap" role="status" aria-live="polite" hidden>
+        <div class="rail-l1">
+          <span class="lab" id="railPhase">✦ thinking</span>
+          <span class="s" aria-hidden="true">·</span><span class="time" id="railTime" aria-hidden="true">0.0s</span>
+          <span class="s" aria-hidden="true">·</span><span class="st" id="railSteps" aria-hidden="true">no plan</span>
+          <span class="right" id="railEsc" aria-hidden="true">Esc — stop</span>
+        </div>
+        <div class="rl-track" id="railTrack" data-mode="scan">
+          <div class="rl-fill" id="railFill"></div>
+          <div class="rl-scan"></div>
+        </div>
+        <div class="rail-l2" aria-hidden="true">
+          <span class="tools" id="railTools">0 tools</span>
+          <span class="s">·</span><span class="events" id="railEvents">0 events</span>
+          <span class="s">·</span><span class="last" id="railLast">—</span>
+        </div>
+      </div>
       <div class="selectors">
         <div class="sel" data-sel="provider">
           <button id="selProviderBtn">provider: <b>—</b> ▾</button>
@@ -50,6 +75,10 @@
           <button id="selContextBtn">context: <b>—</b> ▾</button>
           <div class="menu" id="selContextMenu"></div>
         </div>
+        <div class="sel" data-sel="reasoning">
+          <button id="selReasoningBtn">reasoning: <b>—</b> ▾</button>
+          <div class="menu" id="selReasoningMenu"></div>
+        </div>
       </div>
       <input type="file" id="imgPicker" accept="image/*" multiple hidden>
       <div class="attach-strip" id="attachStrip" hidden></div>

package/dist/assets/js/dom.js

@@ -67,7 +67,8 @@ refresh: [
   ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }],
   ["path", { d: "M8 21H3v-5" }],
 ],
-"chevron-down": [["path", { d: "m6 9 6 6 6-6" }]],
+  "chevron-down": [["path", { d: "m6 9 6 6 6-6" }]],
+  "chevron-left": [["path", { d: "m15 18-6-6 6-6" }]],
 "chevron-right": [["path", { d: "m9 18 6-6-6-6" }]],
 search: [
   ["circle", { cx: 11, cy: 11, r: 8 }],

package/dist/assets/js/feed.js

@@ -247,8 +247,12 @@ export function onReasoning(chunk, sid) {
 }
 
 // Generic agent status (context stats, compaction, MoE status, warnings):
-// always visible, one dim line per chunk, never collapsed.
-export function onMeta(chunk, sid) {
+// always visible, one dim line per chunk, never collapsed. Tool bodies
+// (`kind: "tool"` — display/output/diff/failure-gist from ToolBatch) are
+// model-facing and hidden in quiet mode, mirroring the terminal renderer
+// (`writeInlineBody`); failures still surface once via `tool_end` ↳ cause.
+export function onMeta(chunk, sid, kind) {
+  if (kind === "tool" && verbosity() === "quiet") return;
   const feed = feedForEvent(sid);
   clearBusy(feed);
   const text = (chunk || "").trim();
@@ -343,14 +347,39 @@ function cardFor(name, args, sid) {
     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);
     if (OPENABLE_TOOLS.indexOf(name) !== -1) {
       const openLink = el("a", "fc-open", t("web.card.open"));
       openLink.href = "/api/file?path=" + encodeURIComponent(path);
       openLink.target = "_blank";
       openLink.rel = "noopener noreferrer";
-      bottom.appendChild(openLink);
+      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);
     }
+    const copyBtn = el("button", "fc-open", t("web.card.copy_path"));
+    copyBtn.type = "button";
+    copyBtn.title = t("web.card.copy_title");
+    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);
+      });
+    });
+    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);
+    }
     appendTo(feed, card);
     return card;
   }
@@ -507,6 +536,9 @@ export function onCommandOutput(text, sid) {
 // `textContent` so nothing untrusted is parsed as HTML.
 export function onLog(data) {
   if (!data || typeof data.text !== "string" || !data.text) return;
+  // Internal loop diagnostics (retry counters, audit/compaction internals) are
+  // session-log material — the chat shows them only in verbose mode.
+  if (data.diagnostic && verbosity() !== "verbose") return;
   const feed = feedForEvent(data.sessionId) || activeFeed();
   if (!feed) return;
   const level = data.level;
@@ -518,29 +550,9 @@ export function onLog(data) {
   if (level === "error" || level === "warn") announce(data.text);
 }
 
-// In-loop critic verdict (concern/critical). Mirrors the terminal verbosity
-// (quiet hides, normal shows one line, verbose adds the summary). The
-// repair/advice directive itself is model-facing and never sent here.
-export function onCritic(data) {
-  if (!data || (data.status !== "concern" && data.status !== "critical")) return;
-  const level = verbosity();
-  if (level === "quiet") return;
-  const feed = feedForEvent(data.sessionId) || activeFeed();
-  if (!feed) return;
-  const critical = data.status === "critical" || data.repair === true;
-  const label = critical
-    ? t("web.critic_repair")
-    : pluralCount("web.critic_concern", Number(data.issueCount) || 0);
-  const line = el("div", critical ? "warnline" : "detail");
-  line.textContent = (critical ? "⚠ " : "⟡ ") + label;
-  appendTo(feed, line);
-  if (level === "verbose" && typeof data.summary === "string" && data.summary) {
-    const detail = el("div", "detail");
-    detail.textContent = "↳ " + data.summary;
-    appendTo(feed, detail);
-  }
-  if (critical) announce(label);
-}
+// In-loop critic verdicts are session-log only (`critic_verdict` in
+// `session.jsonl`): the chat keeps user-facing notices and verbose-mode
+// diagnostics, not verifier verdicts.
 
 function renderAssistantText(feed, text) {
   const raw = String(text == null ? "" : text);

package/dist/assets/js/format.js

@@ -18,7 +18,7 @@ execute: [
   "subagent", "mcp_call",
 ],
 meta: [
-  "plan", "todo", "verify", "lsp_check", "enable_tools", "set_thinking",
+  "plan", "plan_step", "todo", "verify", "lsp_check", "enable_tools", "set_thinking",
   "load_skill", "remember",
 ],
 };

package/dist/assets/js/rail.js

@@ -0,0 +1,114 @@
+// Activity rail — the indicator above the composer for the whole `busy` period.
+//
+// The in-feed `.busy` line clears on the first `text` event; the rail lives
+// until the turn ends and shows only what we actually know: phase, elapsed,
+// plan progress when a plan exists (MoE), tool/event counters. Without a plan
+// the rail is an indeterminate scanner — no invented percentages.
+// Layouts: off | line (default) | meta | full — see docs/specs/2026-09-27-activity-rail-design.md.
+
+import { t, pluralCount } from "./i18n.js";
+import { labelOf } from "./format.js";
+
+const LAYOUTS = ["off", "line", "meta", "full"];
+
+let root = null, trackEl = null, fillEl = null;
+let labEl = null, timeEl = null, stepsEl = null, escEl = null;
+let toolsEl = null, eventsEl = null, lastEl = null;
+let layout = "line";
+let busy = false, startedAt = 0;
+let tools = 0, events = 0, lastTool = "";
+let sawText = false, pendingTool = false;
+let plan = null;
+let timer = null;
+
+function render() {
+  if (!root) return;
+  root.hidden = layout === "off" || !busy;
+  if (root.hidden) return;
+  const phase = pendingTool ? "tool" : sawText ? "composing" : "thinking";
+  root.classList.toggle("phase-tool", phase === "tool");
+  root.classList.toggle("phase-compose", phase === "composing");
+  labEl.textContent = "✦ " + (phase === "tool" ? t("web.rail.working")
+    : phase === "composing" ? t("web.rail.composing") : t("web.action.thinking"));
+  timeEl.textContent = ((Date.now() - startedAt) / 1000).toFixed(1) + "s";
+  const steps = plan && Array.isArray(plan.steps) ? plan.steps : [];
+  if (steps.length > 0) {
+    const done = steps.filter((s) => s && s.status === "done").length;
+    trackEl.dataset.mode = "plan";
+    fillEl.style.setProperty("--prog", String((done / steps.length) * 100));
+    stepsEl.textContent = t("web.rail.step_of", { cur: Math.min(done + 1, steps.length), total: steps.length });
+  } else {
+    trackEl.dataset.mode = "scan";
+    stepsEl.textContent = t("web.rail.no_plan");
+  }
+  toolsEl.textContent = pluralCount("web.rail.tools", tools);
+  eventsEl.textContent = pluralCount("web.rail.events", events);
+  lastEl.textContent = lastTool ? t("web.rail.last") + " " + lastTool : t("web.rail.none");
+  escEl.textContent = t("web.input.esc");
+}
+
+function flash() {
+  if (!trackEl || !busy) return;
+  trackEl.classList.remove("flash");
+  void trackEl.offsetWidth;
+  trackEl.classList.add("flash");
+}
+
+export function initRail(cfgLayout) {
+  root = document.getElementById("railWrap");
+  if (!root) return;
+  trackEl = root.querySelector(".rl-track");
+  fillEl = root.querySelector(".rl-fill");
+  labEl = root.querySelector(".lab");
+  timeEl = root.querySelector(".time");
+  stepsEl = root.querySelector(".st");
+  escEl = root.querySelector(".right");
+  toolsEl = root.querySelector(".tools");
+  eventsEl = root.querySelector(".events");
+  lastEl = root.querySelector(".last");
+  setLayout(cfgLayout);
+  if (!timer) timer = setInterval(render, 250);
+}
+
+export function setLayout(next) {
+  layout = LAYOUTS.includes(next) ? next : "line";
+  if (!root) return;
+  root.classList.remove("l-line", "l-meta", "l-full");
+  root.classList.add("l-" + layout);
+  const inpMeta = document.querySelector(".inp-meta");
+  const inputArea = document.querySelector(".input-area");
+  if (layout === "meta" && inpMeta && root.parentElement !== inpMeta) {
+    inpMeta.prepend(root);
+  } else if (layout !== "meta" && inputArea && root.parentElement !== inputArea) {
+    const selectors = inputArea.querySelector(".selectors");
+    inputArea.insertBefore(root, selectors || inputArea.firstChild);
+  }
+  render();
+}
+
+export function setBusy(on) {
+  const next = !!on;
+  if (next && !busy) {
+    startedAt = Date.now();
+    tools = 0; events = 0; lastTool = "";
+    sawText = false; pendingTool = false; plan = null;
+  }
+  busy = next;
+  render();
+}
+
+export function setPlan(p) {
+  plan = p && Array.isArray(p.steps) && p.steps.length > 0 ? p : null;
+  render();
+}
+
+export function railEvent(kind, name) {
+  events += 1;
+  if (kind === "tool_start") { pendingTool = true; lastTool = labelOf(name); }
+  else if (kind === "tool_end") { pendingTool = false; tools += 1; lastTool = labelOf(name); }
+  else if (kind === "text") sawText = true;
+  flash();
+  render();
+}
+
+export function applyRailI18n() { render(); }

package/dist/assets/js/settings-controls.js

@@ -402,7 +402,7 @@ export const PANEL_SECTIONS = {
   ],
   agent: [
     { id: "agent.moe", titleKey: "web.settings.sec.agent.moe", descKey: "web.settings.sec.agent.moe.desc", keys: ["moe.enabled", "moe.maxReplanCycles", "experts"] },
-    { id: "agent.critic", titleKey: "web.settings.sec.agent.critic", descKey: "web.settings.sec.agent.critic.desc", keys: ["critic.enabled", "critic.maxCalls", "critic.maxRepairCycles", "critic.timeoutMs"] },
+    { id: "agent.critic", titleKey: "web.settings.sec.agent.critic", descKey: "web.settings.sec.agent.critic.desc", keys: ["critic.enabled", "critic.model", "critic.provider", "critic.tools", "critic.maxCalls", "critic.maxRepairCycles", "critic.timeoutMs"] },
     { id: "agent.tools", titleKey: "web.settings.sec.agent.tools", descKey: "web.settings.sec.agent.tools.desc", keys: ["tools.enableOnDemand", "tools.defaultTags", "skills.budget"] },
     { id: "agent.subagent", titleKey: "web.settings.sec.agent.subagent", descKey: "web.settings.sec.agent.subagent.desc", keys: ["subagent.resultMode", "subagent.maxSummaryChars", "subagent.maxParallelChunkQueries", "subagent.stableSystemPrompt"] },
     { id: "agent.hallucination", titleKey: "web.settings.sec.agent.hallucination", descKey: "web.settings.sec.agent.hallucination.desc", keys: ["hallucination.judge.enabled"] },
@@ -421,7 +421,7 @@ export const PANEL_SECTIONS = {
     { id: "sessions.isolation", titleKey: "web.settings.sec.sessions.isolation", descKey: "web.settings.sec.sessions.isolation.desc", keys: ["sessionIsolation.enabled", "sessionIsolation.isolatePlugins", "sessionIsolation.isolateTempFiles"] },
   ],
   ui: [
-    { id: "ui.chat", titleKey: "web.settings.sec.ui.chat", descKey: "web.settings.sec.ui.chat.desc", keys: ["ui.spinner", "ui.showContextStats", "ui.showCompaction"] },
+    { id: "ui.chat", titleKey: "web.settings.sec.ui.chat", descKey: "web.settings.sec.ui.chat.desc", keys: ["ui.fontSize", "ui.activityRail", "ui.spinner", "ui.showContextStats", "ui.showCompaction"] },
   ],
   security: [
     { id: "security.switches", titleKey: "web.settings.sec.security.switches", descKey: "web.settings.sec.security.switches.desc", keys: ["security.enabled", "security.bash.enabled", "security.bash.blockDangerousFlags", "security.paths.enabled", "security.contentScan.enabled", "security.network.enabled", "security.sessionEncryption.enabled"] },