@songsid/agend 2.3.0 → 2.3.1

package/dist/ui/panel-chat.js

@@ -648,7 +648,13 @@ function Composer({ name, label = name, lease, busy }) {
   const [, tick] = useState(0);
   const [sel, setSel] = useState(0);
   const [closedFor, setClosedFor] = useState(null);    // the draft the palette was closed on (Esc); it opens again on change
+  // An IME composing (Zhuyin, Pinyin, kana…): between compositionstart and compositionend the box is the IME's. Nothing
+  // here touches it — no draft update, no re-render, no auto-grow (each one moved the box, and iOS redrew the candidate
+  // bar on every keystroke: the user's flicker). What it holds is taken once, at compositionend.
+  const composing = useRef(false);
   const value = s.drafts[name] || "";
+  // A render while composing (another part of the chat changed) gives the box what it holds, so it never writes it.
+  const boxValue = composing.current && input.current ? input.current.value : value;
   const files = s.pendingFiles[name] || [];
   const reply = s.replies[name];                       // #2272: the message this one will reply to
   const content = !!value.trim() || files.length > 0;
@@ -660,7 +666,7 @@ function Composer({ name, label = name, lease, busy }) {
   // Grow with the text, up to a limit: set through the CSSOM, never a style attribute (#1300). Empty, it is one line
   // (#2478 — a long name's placeholder made the box two lines tall).
   useLayoutEffect(() => {
-    const el = input.current; if (!el) return;
+    const el = input.current; if (!el || composing.current) return;
     el.style.height = "auto";
     if (value) el.style.height = `${Math.min(el.scrollHeight, 240)}px`;
   }, [value]);
@@ -700,7 +706,11 @@ function Composer({ name, label = name, lease, busy }) {
     if (reply && e.key === "Escape" && !e.isComposing) { e.preventDefault(); store.clearReply(name); return; }   // #2272
     if (R().composerKey(e, { touch: touchScreen() }) === "send") { e.preventDefault(); submit(); }
   };
-  const onInput = (e) => { setValue(e.target.value); };
+  const onInput = (e) => { if (composing.current || e.isComposing) return; setValue(e.target.value); };
+  const onCompositionStart = () => { composing.current = true; };
+  // The composed text is the draft now (some engines send no input after it); a blur ends one that never ended.
+  // Lower-case props below: an element has no oncomposition… property, so Preact would listen for "CompositionStart".
+  const onCompositionEnd = (e) => { if (!composing.current) return; composing.current = false; setValue(e.target.value); };
   // Files in a paste are attached; a very long text paste goes as a text file — only once it is really attached.
   const onPaste = (e) => {
     const list = e.clipboardData && e.clipboardData.files;
@@ -727,11 +737,14 @@ function Composer({ name, label = name, lease, busy }) {
       <input ref=${fileIn} type="file" multiple hidden
         onChange=${(e) => { store.addFiles(name, e.target.files); e.target.value = ""; }} />
       ${/* #2478: the placeholder is drawn beside the box, one line ending in "…" — a textarea's own placeholder is clipped,
-          never ellipsized, and a long name wrapped it to two lines. The box keeps the words as its accessible name. */ ""}
-      <span class="composer-field"><textarea id="msgIn" ref=${input} rows="1" value=${value} aria-label=${t("chat.composerPlaceholder", label)}
+          never ellipsized, and a long name wrapped it to two lines. The box keeps the words as its accessible name. Its own
+          placeholder is one space: :placeholder-shown hides the drawn one (app.css) the moment the box holds text, an
+          IME's composing text included, with no change to the page. */ ""}
+      <span class="composer-field"><textarea id="msgIn" ref=${input} rows="1" value=${boxValue} aria-label=${t("chat.composerPlaceholder", label)}
         enterkeyhint=${touchScreen() ? "enter" : undefined} autocomplete="off" aria-controls=${palette ? "cmdPalette" : undefined} aria-expanded=${palette ? "true" : "false"}
-        aria-activedescendant=${pick ? optId(pick) : undefined} onInput=${onInput} onKeyDown=${onKeyDown} onPaste=${onPaste}></textarea>${value ? null
-        : html`<span class="composer-ph" aria-hidden="true">${t("chat.composerPlaceholder", label)}</span>`}</span>
+        aria-activedescendant=${pick ? optId(pick) : undefined} onInput=${onInput} onKeyDown=${onKeyDown} onPaste=${onPaste}
+        oncompositionstart=${onCompositionStart} oncompositionend=${onCompositionEnd} onBlur=${onCompositionEnd}
+        placeholder=" "></textarea><span class="composer-ph" aria-hidden="true">${t("chat.composerPlaceholder", label)}</span></span>
       <button id="stopBtn" type="button" class="btn btn-stop" hidden=${!busy} title=${t("chat.stopReplyTitle")}
         disabled=${!!s.cancelling[name]} onClick=${() => store.cancelReply(name)}><${Icon} name="stop" size=${14} /><span class="stop-label">${t("chat.stopReply")}</span></button>
       <button id="sendBtn" type="button" class="btn btn-primary btn-send" hidden=${busy && !content} disabled=${!content}

package/dist/ui/panel-log.js

@@ -62,7 +62,7 @@ register("log", {
     ev_backend_unreachable: "CLI unreachable", ev_startup_backend_unreachable: "CLI unreachable at start", ev_backend_launch_warning: "Launch warning",
     ev_clear_action: "Conversation cleared", ev_normal_exit_action: "Exited", ev_reply_drop_detected: "A reply went missing",
     ev_reply_drop_recovered: "Missing reply recovered", ev_reply_drop_unrecovered: "Missing reply not recovered",
-    ev_supervision_ended: "Supervision ended", ev_tmux_server_crash: "tmux crashed", ev_malformed_tool_call: "Malformed tool call", ev_health_check_error: "Health check error",
+    ev_supervision_ended: "Supervision ended", ev_tmux_server_crash: "tmux crashed", ev_malformed_tool_call: "Malformed tool call", ev_health_check_error: "Health check error", ev_working_state: "Working-state journal",
   },
   "zh-TW": {
     offTitle: "紀錄未開啟",
@@ -100,7 +100,7 @@ register("log", {
     ev_backend_unreachable: "連不到 CLI", ev_startup_backend_unreachable: "啟動時連不到 CLI", ev_backend_launch_warning: "啟動警告",
     ev_clear_action: "對話已清除", ev_normal_exit_action: "已結束", ev_reply_drop_detected: "有回覆遺失",
     ev_reply_drop_recovered: "遺失的回覆已補回", ev_reply_drop_unrecovered: "遺失的回覆沒有補回",
-    ev_supervision_ended: "監督結束", ev_tmux_server_crash: "tmux 當掉", ev_malformed_tool_call: "格式錯誤的工具呼叫", ev_health_check_error: "健康檢查錯誤",
+    ev_supervision_ended: "監督結束", ev_tmux_server_crash: "tmux 當掉", ev_malformed_tool_call: "格式錯誤的工具呼叫", ev_health_check_error: "健康檢查錯誤", ev_working_state: "工作狀態紀錄",
   },
 });
 const tl = (key, ...a) => t(`log.${key}`, ...a);
@@ -179,7 +179,7 @@ export function timeline(steps, events) {
   return out;
 }
 
-const isError = (x) => x.kind === "error" || x.kind === "event" || x.status === "failed" || x.status === "interrupted";
+const isError = (x) => x.kind === "error" || (x.kind === "event" && x.type !== "working_state") || x.status === "failed" || x.status === "interrupted";
 /** Consecutive identical finished tool steps (same tool, subject and status) as one row with a count: a loop shows. */
 export function collapse(items) {
   const out = [];

package/dist/ui/panel-settings.js

@@ -811,7 +811,7 @@ function General({ ctx }) {
  */
 export const WEB_READ_ONLY = [
   "web.allowed_hosts", "web.view_access", "web.notify_login", "web.preview", "web.preview_port", "web.preview_origin", "web.preview_on_public_link",
-  "web.usage_panel", "web.provider_secrets", "web.upload_max_file_mb", "web.upload_max_total_mb", "web_terminal.bind", "web_terminal.tunnel",
+  "web.usage_panel", "web.search", "web.provider_secrets", "web.upload_max_file_mb", "web.upload_max_total_mb", "web_terminal.bind", "web_terminal.tunnel",
 ];
 function WebSection({ ctx, staged }) {
   const { schema } = ctx;
@@ -907,6 +907,12 @@ function WebSection({ ctx, staged }) {
   useEffect(() => { if (!formMounted.current) { formMounted.current = true; return; } review(true); }, [f]);
   const shown = (path) => {
     const [top, key] = path.split(".");
+    if (top === "web" && key === "search") {
+      const days = web.search && typeof web.search === "object" ? web.search.retention_days : undefined;
+      if (days === undefined || days === null) return tn("searchRetentionUnset");
+      if (days === 0) return tn("searchRetentionZero");
+      return String(days);
+    }
     const v = (top === "web" ? web : term)[key];
     return v === undefined ? tn("notSet") : typeof v === "object" ? JSON.stringify(v) : String(v);
   };
@@ -958,6 +964,7 @@ function WebSection({ ctx, staged }) {
     <section class="card s-web-readonly"><h3>${tn("webReadOnlyTitle")}</h3>
       <p class="note">${tn("webReadOnlyLead")}</p>
       <dl class="s-web-ro">${WEB_READ_ONLY.map((k) => html`<div key=${k}><dt><code>${k}</code></dt><dd>${shown(k)}</dd></div>`)}</dl>
+      <p class="note">${tn("webSearchHint")}</p>
     </section>
     <div class="save-row"><button type="button" class="btn btn-primary" disabled=${!ready} onClick=${() => review()}>${tn("reviewChanges")}</button>
       ${msg ? html`<span class="note" role="status">${msg}</span>` : null}</div>

package/dist/ui/settings-strings.js

@@ -530,6 +530,9 @@ register("settings", {
     vaRevoke: "Revoke web authority", vaRevokeTitle: "Revoke all web authority?", vaRevokeConfirm: "Every authority given from the web so far reads as none from now on, and every session's authorization ends. Nobody is signed out: a session carries authority again once it is authorized again.",
     vaRevoked: "Web authority given so far is revoked.", vaRevokedNotDurable: "Revoked for now, but it could not be saved: web authority stays off until it can be, and a restart before then undoes the revocation.", vaRevokeFailed: "That did not work — try again.",
     webReadOnlyLead: "Read-only here: these decide what the dashboard listens on and exposes. Edit fleet.yaml, then run agend reload (web.preview_port and web.preview_origin take a restart of AgEnD).",
+    searchRetentionUnset: "not set (no age limit; 300,000-row cap)",
+    searchRetentionZero: "0 (no age limit; 300,000-row cap)",
+    webSearchHint: "Global search keeps entries with no age limit by default. The daily prune still caps the index at 300,000 rows (oldest first). Set web.search.retention_days in fleet.yaml (1–3650 days, or 0 for no age limit); it takes effect at the next fleet start.",
     notSet: "not set (default)",
     defaultsTitle: "Defaults",
     classicBackend: "ClassicBot default backend",
@@ -1139,6 +1142,9 @@ register("settings", {
     vaRevoke: "撤銷網頁授權", vaRevokeTitle: "撤銷所有網頁授權？", vaRevokeConfirm: "到目前為止從網頁給出的授權，從現在起都視為無，所有 session 的授權也會結束。不會登出任何人：session 再授權一次後，送出的訊息會再帶有授權。",
     vaRevoked: "已撤銷到目前為止的網頁授權。", vaRevokedNotDurable: "已暫時撤銷，但無法保存：在可以保存之前網頁授權會保持關閉，而在那之前重新啟動會讓這次撤銷失效。", vaRevokeFailed: "沒有成功，請再試一次。",
     webReadOnlyLead: "這裡僅供檢視：這些設定決定儀表板監聽和公開的內容。請編輯 fleet.yaml 後執行 agend reload（web.preview_port 與 web.preview_origin 需要重新啟動 AgEnD）。",
+    searchRetentionUnset: "未設定（不限天數；上限 30 萬筆）",
+    searchRetentionZero: "0（不限天數；上限 30 萬筆）",
+    webSearchHint: "全域搜尋預設不限天數。每日清理仍會把索引上限維持在 30 萬筆（先刪最舊的）。在 fleet.yaml 設定 web.search.retention_days（1–3650 天，或 0 代表不限天數），下次啟動 fleet 後生效。",
     notSet: "未設定（預設）",
     defaultsTitle: "預設值",
     classicBackend: "ClassicBot 預設 backend",

package/dist/ui/shared/app-shell.js

@@ -679,9 +679,16 @@ export function Shell({ panels, onNewInstance, viewOnly = false }) {
     // Only a touch screen (a coarse pointer) has an on-screen keyboard: a narrow desk window made shorter is not one.
     // Turned with the keyboard up and the field still focused, the new width has no height without it yet: the keyboard
     // stays up until the field is left, or the view grows from its lowest by more than a keyboard (put away).
-    let width = -1, tallest = 0, held = false, lowest = 0;
+    // Once up, the keyboard stays up while the field keeps focus: an IME's candidate bar (or the predictive row) coming and
+    // going moves the view by tens of px on every keystroke, and must never take the tabs out and back. Only leaving the
+    // field, or the view growing from its lowest by more than a keyboard (put away), takes it down. While an IME composes
+    // nothing changes at all; what the view says then is applied at compositionend — or as soon as the field it composes
+    // in has lost focus or left the page (a composition can end without its compositionend: #2517 review).
+    let width = -1, tallest = 0, held = false, lowest = 0, upLowest = 0, composing = null;
     const coarse = () => typeof matchMedia === "function" && matchMedia("(pointer: coarse)").matches;
     const check = () => {
+      if (composing && composing.isConnected !== false && document.activeElement === composing) return;
+      composing = null;
       const w = Math.round(vv.width), h = vv.height;
       const typing = coarse() && isTextEntry(document.activeElement);
       if (w !== width) {                                              // turned, or a new width: measured again
@@ -693,14 +700,24 @@ export function Shell({ panels, onNewInstance, viewOnly = false }) {
         if (!typing || h - lowest > KEYBOARD_MIN_PX) held = false;    // left the field, or the keyboard was put away
       }
       if (!held) tallest = Math.max(tallest, window.innerHeight || 0, typing ? 0 : h);   // the view itself only when not typing
-      const up = held || keyboardUp(h, tallest, typing);
-      if (up !== shellStore.get().keyboard) shellStore.set({ keyboard: up });
+      const was = shellStore.get().keyboard;
+      let up = held || keyboardUp(h, tallest, typing);
+      if (!up && was && typing && h - upLowest <= KEYBOARD_MIN_PX) up = true;          // a bar's height, not the keyboard
+      upLowest = up ? (was ? Math.min(upLowest, h) : h) : 0;
+      if (up !== was) shellStore.set({ keyboard: up });
     };
+    const start = (e) => { composing = (e && e.target) || document.activeElement || null; };
+    const end = () => { composing = null; check(); };
     check();
     vv.addEventListener("resize", check);
     document.addEventListener("focusin", check);
     document.addEventListener("focusout", check);
-    return () => { vv.removeEventListener("resize", check); document.removeEventListener("focusin", check); document.removeEventListener("focusout", check); };
+    document.addEventListener("compositionstart", start, true);
+    document.addEventListener("compositionend", end, true);
+    return () => {
+      vv.removeEventListener("resize", check); document.removeEventListener("focusin", check); document.removeEventListener("focusout", check);
+      document.removeEventListener("compositionstart", start, true); document.removeEventListener("compositionend", end, true);
+    };
   }, []);
   const guest = guestPage();             // #1920: a guest's page — no operations, usage, pending changes or owner CSS
   const cls = ["shell", shell.collapsed ? "sb-collapsed" : "", shell.drawer ? "sb-open" : "", shell.keyboard ? "kb-open" : "", guest ? "guest" : ""].filter(Boolean).join(" ");

package/dist/ui/shared/app.css

@@ -791,6 +791,7 @@ img.amb-p { object-fit: contain; }
 .composer-field { position: relative; flex: 1; min-width: 0; display: flex; }
 .composer-ph { position: absolute; left: var(--s-1); right: var(--s-1); top: 7px; pointer-events: none; color: var(--text-3);
   font-size: var(--fs-md); line-height: var(--lh-md); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
+.composer-field textarea:not(:placeholder-shown) + .composer-ph { display: none; }   /* text in the box, composing text too */
 .btn-send { width: 36px; padding: 0; }
 .btn-send .send-label { display: none; }
 /* A narrow phone: Stop reply beside Send leaves the message box no room — the label is for screen readers there. */
@@ -1191,11 +1192,14 @@ body.side-resizing, body.side-resizing * { cursor: col-resize !important; user-s
 .u-crow-name { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: var(--fw-semibold); color: var(--text); }
 .u-crow .u-plan { flex: 0 100 auto; min-width: 22px; max-width: max-content; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
   padding-block: 0; line-height: 16px; font-size: 10.5px; }
-.u-crow-reset { margin-left: auto; flex: none; padding-left: 6px; font-size: var(--fs-xs); color: var(--text-3); white-space: nowrap; font-variant-numeric: tabular-nums; }
-.u-cm { display: grid; grid-template-columns: 2.6em minmax(0, 1fr) 3.4em; align-items: center; gap: 7px; min-width: 0; }
+/* Last known numbers: a small muted "cached at …" at the name line's end (why, in its tooltip). */
+.u-crow-stale { margin-left: auto; flex: none; padding-left: 6px; font-size: var(--fs-xs); color: var(--text-3); white-space: nowrap; font-variant-numeric: tabular-nums; }
+.u-cm { display: grid; grid-template-columns: 2.2em minmax(0, 1fr) 2.9em 3.7em; align-items: center; gap: 5px; min-width: 0; }
+/* Each window's own reset, after its percent: muted, tabular, right-aligned (an empty cell keeps the columns lined up). */
+.u-cm-reset { text-align: right; font-size: var(--fs-xs); color: var(--text-3); white-space: nowrap; font-variant-numeric: tabular-nums; overflow: hidden; }
 .u-cm-tag { font-size: var(--fs-xs); color: var(--text-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
 /* #2240: an account of several pools (agy) names each pool's line: a wider label, ending in an ellipsis if it must. */
-.u-crow.is-pooled .u-cm { grid-template-columns: minmax(0, 7.5em) minmax(0, 1fr) 3.4em; }
+.u-crow.is-pooled .u-cm { grid-template-columns: minmax(0, 7.0em) minmax(0, 1fr) 2.9em 3.7em; column-gap: 7px; }
 .u-cm-bar { height: 6px; border-radius: var(--r-full); background: var(--surface-2); overflow: hidden; }
 .u-cm-fill { display: block; height: 100%; width: 0; min-width: 2px; border-radius: var(--r-full); background: var(--accent); }
 .u-cm-fill.warn { background: var(--warn); } .u-cm-fill.crit { background: var(--danger); }
@@ -1204,6 +1208,8 @@ body.side-resizing, body.side-resizing * { cursor: col-resize !important; user-s
 .u-crow-note { font-size: var(--fs-xs); color: var(--text-3); min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .u-crow-note.is-alert::before { content: "●"; margin-right: 5px; color: var(--danger); }
 .u-crow.is-stale .u-crow-note.is-alert::before { color: var(--warn); }
+/* Last known numbers in compact: as the full card shows them (#2386), muted — not current. */
+.u-crow.is-stale .u-cm-pct { color: var(--text-3); } .u-crow.is-stale .u-cm-fill { background: var(--text-3); }
 @media (prefers-reduced-motion: no-preference) { .u-crow { transition: background-color 0.15s var(--ease); } }
 .u-rail-body { flex: 1; min-height: 0; overflow-y: auto; padding: 0 var(--s-3) var(--s-4); display: flex; flex-direction: column; gap: var(--s-3); }
 @media (max-width: 1199px) { .u-rail { display: none; } }

package/dist/ui/shared/usage-dialog.js

@@ -214,18 +214,27 @@ export function compactPools(p) {
   return [...pools.values()].map((x) => ({ ...x, worst: x.metrics.reduce((a, b) => ((b.used ?? 0) > (a.used ?? 0) ? b : a)) }));
 }
 const pctOf = (m) => Math.min(100, Math.max(0, m.used ?? 0));
+/** When a window resets, at the clock ("14:05", "10/19 14:05"), for a tooltip; "" when unknown or already past. */
+function resetClock(m, now = Date.now()) {
+  const at = new Date((m && m.resetsAt) || "").getTime();
+  return Number.isFinite(at) && at > now ? `↻ ${usageClock(m.resetsAt, now)}` : "";
+}
 /**
- * One window on its own line: its few characters ("5h"), a full-width bar and the percent, coloured as the full card.
- * A pool's line (#2240): the pool's name in place of the window, its every window in the tooltip.
+ * One window on its own line: its few characters ("5h"), a full-width bar, the percent coloured as the full card, and
+ * when this window resets ("↻ 8m"; the user's ask, 2026-10-23: a week's reset was hidden behind the 5 h one's). A pool's
+ * line (#2240): the pool's name in place of the window, the reset of the window its percent is, every window (with its
+ * reset time) in the tooltip.
  */
 function CompactMeter({ m, tag, title }) {
   const bar = useRef(null);
   const pct = Math.min(100, Math.max(0, m.used ?? 0)), cls = level(pct);
   useLayoutEffect(() => { if (bar.current) bar.current.style.width = `${pct}%`; }, [pct]);   // CSSOM (#1300)
   const word = cls === "crit" ? tn("usageNear") : cls === "warn" ? tn("usageHigh") : "";
-  return html`<span class="u-cm" title=${title || `${usageText(m.label, m.labelI18n)}: ${pct.toFixed(0)}%${word ? ` (${word})` : ""}`}>
+  const reset = soonestReset([m]), clock = resetClock(m);
+  return html`<span class="u-cm" title=${title || `${usageText(m.label, m.labelI18n)}: ${pct.toFixed(0)}%${word ? ` (${word})` : ""}${clock ? ` · ${clock}` : ""}`}>
     <span class="u-cm-tag">${tag || windowTag(m)}</span><span class="u-cm-bar"><span ref=${bar} class=${`u-cm-fill ${cls}`}></span></span>
-    <span class=${`u-cm-pct ${cls}`}>${pct.toFixed(0)}%</span></span>`;
+    <span class=${`u-cm-pct ${cls}`}>${pct.toFixed(0)}%</span>
+    <span class="u-cm-reset">${reset ? html`${reset.short}<span class="sr-only"> (${reset.full})</span>` : null}</span></span>`;
 }
 /** What a login says instead of numbers (not logged in, an error), or "" when it has numbers. */
 function rowNote(p) {
@@ -234,26 +243,27 @@ function rowNote(p) {
   return "";
 }
 /**
- * A login in three short lines, under its provider's name (the user's pick, 2026-10-22): its name and plan with the
- * soonest reset on the right; then its short window and its long one, each a labelled full-width bar and the percent.
+ * A login in three short lines, under its provider's name (the user's pick, 2026-10-22): its name and plan; then its
+ * short window and its long one, each a labelled full-width bar, the percent and that window's own reset.
  * Numbers not current, a failed read or no login: one muted line in place of the bars, what is wrong as its tooltip.
  * Pressed, it opens its full card.
  */
 export function CompactRow({ p, onExpand }) {
   const title = providerTitle(p), failed = p.status === "error" || p.status === "no-credentials";
-  const pools = failed || p.stale ? null : compactPools(p);
-  const metrics = failed || p.stale ? [] : pools ? pools.flatMap((x) => x.metrics) : compactMetrics(p);
+  // Last known numbers (stale, e.g. an expired token) show as the others do (the user, 2026-10-23; the full card has since
+  // #2386), with a small "cached at 07:47" on the name line; a window that reset since is left out (compactSlots).
+  const pools = failed ? null : compactPools(p);
+  const metrics = failed ? [] : pools ? pools.flatMap((x) => x.metrics) : compactMetrics(p);
   const note = rowNote(p), stale = p.stale ? staleNote(p) : null;
   const say = stale ? stale.mark : note || tn("usage.no_data");
   const detail = stale ? [stale.mark, stale.detail].filter(Boolean).join(" — ") : say;
-  const reset = soonestReset(metrics);
   const name = title.profile || title.base;
   return html`<button type="button" class=${`u-crow${p.stale ? " is-stale" : ""}${pools ? " is-pooled" : ""}`} aria-expanded="false" title=${`${p.name} — ${tn("usageExpand")}`} onClick=${onExpand}>
     <span class="u-crow-head"><span class="u-crow-name">${name}</span>
       ${p.plan ? html`<span class="pill u-plan" title=${p.plan}><span aria-hidden="true">${planBadge(p.plan)}</span><span class="sr-only">${p.plan}</span></span>` : null}
-      ${reset ? html`<span class="u-crow-reset" title=${reset.full}>${reset.short}<span class="sr-only"> (${reset.full})</span></span>` : null}</span>
+      ${stale && metrics.length ? html`<span class="u-crow-stale" title=${detail}>${p.cachedAt ? tn("usageCachedAt", { at: usageClock(p.cachedAt) }) : stale.mark}<span class="sr-only"> (${detail})</span></span>` : null}</span>
     ${pools ? pools.map((x) => html`<${CompactMeter} key=${x.pool.label} m=${x.worst} tag=${usageText(x.pool.label, x.pool.labelI18n)}
-        title=${x.metrics.map((m) => `${usageText(m.label, m.labelI18n)}: ${pctOf(m).toFixed(0)}%`).join(" · ")} />`)
+        title=${x.metrics.map((m) => { const c = resetClock(m); return `${usageText(m.label, m.labelI18n)}: ${pctOf(m).toFixed(0)}%${c ? ` (${c})` : ""}`; }).join(" · ")} />`)
       : metrics.length ? metrics.map((m, j) => html`<${CompactMeter} key=${j} m=${m} />`)
       : html`<span class=${`u-crow-note${(stale || (p.status === "error" && !p.transient)) ? " is-alert" : ""}`} title=${detail}>${say}</span>`}
   </button>`;

package/dist/ui/shared/view-strings.js

@@ -52,6 +52,7 @@ register("view", {
   "usageFull": "Full",
   "usageFullTitle": "The full card for each login",
   "usageExpand": "Show the full card",
+  "usageCachedAt": "cached at {at}",
   "usageCollapse": "Back to one line",
   "usageWindowHours": "{n}h",
   "usageWindowDays": "{n}d",
@@ -294,6 +295,7 @@ register("view", {
   "usageFull": "完整",
   "usageFullTitle": "每個登入顯示完整卡片",
   "usageExpand": "顯示完整卡片",
+  "usageCachedAt": "快取於 {at}",
   "usageCollapse": "收回成一行",
   "usageWindowHours": "{n}小時",
   "usageWindowDays": "{n}天",

package/dist/web-api.d.ts

@@ -212,7 +212,7 @@ export interface WebApiContext {
     } | null;
     /** A fleet.yaml instance (own key) or a ClassicBot room, now. */
     isKnownInstance?(name: string): boolean;
-    startInstance(name: string, config: unknown, topicMode: boolean): Promise<void>;
+    startInstance(name: string, config: unknown, topicMode: boolean, kind?: "fleet-topic" | "classic", resumePaused?: boolean): Promise<void>;
     stopInstance(name: string): Promise<{
         backgroundWorkEnded: boolean;
     }>;

package/dist/web-api.js

@@ -2625,7 +2625,7 @@ export function handleWebRequest(req, res, url, ctx) {
         (async () => {
             let held = false;
             try {
-                await withSpawnHoldReply(async (message) => { held = true; json(res, 202, { held: true, message, instance: name }); }, () => ctx.startInstance(name, config, topicMode ?? false));
+                await withSpawnHoldReply(async (message) => { held = true; json(res, 202, { held: true, message, instance: name }); }, () => ctx.startInstance(name, config, topicMode ?? false, "fleet-topic", true));
                 ctx.emitSseEvent("status", ctx.getUiStatus());
                 if (!held)
                     json(res, 200, { started: name });