@songsid/agend 2.3.0-beta.23 → 2.3.0-beta.24

package/dist/ui/shared/app.css

@@ -1062,26 +1062,17 @@ body.side-resizing, body.side-resizing * { cursor: col-resize !important; user-s
 .v-pre .ansi[data-dim] { opacity: .5; }
 .v-term-note { position: absolute; left: var(--s-3); right: var(--s-3); top: var(--s-3); padding: var(--s-2) var(--s-3); border-radius: var(--r-sm); background: var(--warn-bg); border: 1px solid var(--warn-line); color: #f0f0f0; font-size: var(--fs-sm); }
 .v-probe { position: absolute; visibility: hidden; white-space: pre; left: -9999px; top: 0; font-size: 100px; }
-.v-card { flex-shrink: 0; display: flex; align-items: center; gap: var(--s-3); padding: var(--s-2) var(--s-4); background: var(--bg); padding-bottom: max(var(--s-2), env(safe-area-inset-bottom)); }
-.v-card.open { align-items: flex-start; padding-top: var(--s-3); padding-bottom: var(--s-3); }
-.v-avatar { width: 28px; height: 28px; flex-shrink: 0; border-radius: 50%; overflow: hidden; background: var(--surface-2); display: flex; align-items: center; justify-content: center; }
-.v-card.open .v-avatar { width: 48px; height: 48px; }
-.v-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
-.v-initial { color: var(--text-2); font-weight: var(--fw-semibold); text-transform: uppercase; }
-.v-card-body { flex: 1; min-width: 0; }
-.v-card-line { display: flex; align-items: baseline; gap: var(--s-2); font-size: var(--fs-sm); min-width: 0; }
-.v-card-line strong { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.v-role { color: var(--accent); font-size: var(--fs-xs); white-space: nowrap; }
-.v-card-meta { color: var(--text-3); font-size: var(--fs-xs); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
-.v-card.open .v-card-meta { white-space: normal; }
-.v-card-desc { margin-top: var(--s-2); color: var(--text-2); font-size: var(--fs-sm); white-space: pre-wrap; }
 .help-list { list-style: disc; padding-left: var(--s-5); display: flex; flex-direction: column; gap: var(--s-2); font-size: var(--fs-sm); }
 .err { color: var(--danger); font-size: var(--fs-sm); }
 .u-provider { padding: var(--s-3) var(--s-4); border-radius: var(--r-md); background: var(--surface); display: flex; flex-direction: column; gap: var(--s-2); }
 .u-head { display: flex; align-items: center; gap: var(--s-2); min-width: 0; }
-/* #1749: one line beside ↑↓ — the name gives way first, then the plan badge (each with an ellipsis); ↑↓ never wrap. */
-.u-head strong { min-width: 0; flex: 0 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
-.u-plan { min-width: 0; flex: none; max-width: 55%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+/* #1749 / #2412: one line beside ↑↓, by flexing alone (no widths assumed: ↑↓ are larger on a phone). The plan badge
+   starts at its minimum (40 px) and grows up to its own width into the room the name and ↑↓ leave, so a long badge ends
+   in an ellipsis (the full name its tooltip) while the name keeps every pixel (#2415 review: a shared shrink, however
+   weighted, still took a fraction of one and painted "Meta Muse Co…"). Only when the name, that minimum badge and ↑↓
+   cannot all fit (a 320 px phone) does the name shrink and end in an ellipsis — nothing leaves the card. */
+.u-head strong { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.u-plan { flex: 1 0 40px; max-width: max-content; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 /* #2014: a credential profile's row — the provider name beside the plan badge, and the profile on its own full-width
    muted line under the head (one line in the rail, whole in the dialog). */
 .u-profile { margin-top: calc(-1 * var(--s-2) + 2px); color: var(--text-3); font-size: var(--fs-xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@@ -1116,8 +1107,8 @@ body.side-resizing, body.side-resizing * { cursor: col-resize !important; user-s
 @media (max-width: 1199px) { .u-rail { display: none; } }
 @media (max-width: 899px) {
   .hide-narrow { display: none; }
-  .v-card { padding-left: var(--s-3); padding-right: var(--s-3); }
-  .v-card .btn { min-height: var(--tap); }
+  .v-id { padding-left: var(--s-3); padding-right: var(--s-3); }
+  .v-id-actions .btn { min-height: var(--tap); }
 }
 
 /* ── Settings (#1408 step 3): lists, forms, the pending bar, the Apply in hand ── */
@@ -1209,8 +1200,6 @@ textarea.s-yaml { white-space: pre; overflow-x: auto; }
   .s-dev-bar .lbl { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
   /* An agent's row: name and model on the first line, its tags and buttons from the second, on every row alike. */
   .s-br { display: block; flex-basis: 100%; height: 0; }
-  /* View: the profile line wraps to two lines instead of hiding the model and context. */
-  .v-card-meta { white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
   /* A text button in Needs you lines up with the text above it, first in its row or wrapped onto a line of its own;
      a row's trailing Delete sits at the right. */
   .n-actions > .btn-ghost { padding-left: 0; padding-right: 0; margin-left: -1px; }
@@ -1726,9 +1715,10 @@ strong.org-name { font-size: var(--fs-sm); color: var(--text); }
   .id-card.card-c .id-tagline { -webkit-line-clamp: 2; line-clamp: 2; }
   .id-card.card-c .id-bio { -webkit-line-clamp: 3; line-clamp: 3; }
 }
-/* #1629 r4 §1: the card in View (above the profile row) and its part of Edit profile. */
-.v-id { flex-shrink: 0; padding: var(--s-2) var(--s-4) 0; background: var(--bg); }
+/* #1629 r4 §1: the identity card in View, with Edit profile under it. */
+.v-id { flex-shrink: 0; padding: var(--s-2) var(--s-4); background: var(--bg); padding-bottom: max(var(--s-2), env(safe-area-inset-bottom)); }
 .v-id .id-card { margin: 0; }
+.v-id-actions { display: flex; justify-content: flex-end; padding-top: var(--s-2); }
 .form-sub { margin: var(--s-2) 0 0; font-size: var(--fs-sm); font-weight: var(--fw-semibold); }
 /* #1629 r4.1 Q3 (b): Settings → Appearance, the card's upload limits (three to a row; one on a phone). */
 .grid3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-3) var(--s-4); margin-bottom: var(--s-3); }
@@ -1772,7 +1762,7 @@ strong.org-name { font-size: var(--fs-sm); color: var(--text); }
 .p-fleet > .seg, .p-settings > .seg,
 .p-fleet > .panel-body, .p-needs > .panel-body, .p-settings > .panel-body,
 .p-log > .panel-body, .p-details > .panel-body, .p-view > .panel-body,
-.p-log > .log-bar, .p-view > .v-term, .p-view > .v-id, .p-view > .v-card { position: relative; z-index: 1; }
+.p-log > .log-bar, .p-view > .v-term, .p-view > .v-id { position: relative; z-index: 1; }
 /* Keep the existing Apply bar's sticky behavior, in its own bounded stock band. */
 .p-settings > .s-pending { z-index: 1; }
 

package/dist/ui/shared/effect-stock-trust.js

@@ -14,7 +14,7 @@ const SPECS = [
   ["thread-control", ".shell .chat-main > .amb-note, .shell .p-chat .jump-latest, .shell .thread .msg-tools, .shell .thread .msg > div.msg-actions, .shell .thread .msg > button.msg-quote, .shell .thread .st-more, .shell .thread .cb-head, .shell .thread .cb-more, .shell .thread .tc-head, .shell .thread .tc-more, .shell .thread .pv-head, .shell .thread .pv-note, .shell .thread .pv-banner, .shell .thread .effect-trial-offer, .shell .thread .click-chip"],
   ["link", ".shell .thread .md a, .shell .thread .st-text > a.st-link, .shell .dock .prompts .txt > a.st-link"], ["attachment", ".shell .thread .atts"], ["media", ".shell .thread .att-media"],
   ["panel-navigation", ".shell .p-fleet > .seg, .shell .p-settings > .seg"],
-  ["panel-content", ".shell .p-fleet > .panel-body, .shell .p-needs > .panel-body, .shell .p-settings > .panel-body, .shell .p-log > .panel-body, .shell .p-details > .panel-body, .shell .p-view > .panel-body, .shell .p-view > .v-term, .shell .p-view > .v-id, .shell .p-view > .v-card"],
+  ["panel-content", ".shell .p-fleet > .panel-body, .shell .p-needs > .panel-body, .shell .p-settings > .panel-body, .shell .p-log > .panel-body, .shell .p-details > .panel-body, .shell .p-view > .panel-body, .shell .p-view > .v-term, .shell .p-view > .v-id"],
   ["panel-controls", ".shell .p-log > .log-bar, .shell .p-settings > .s-pending"],
   ["session-ended", "body > .agend-session-ended[role=alert]"],
 ];
@@ -28,7 +28,7 @@ const PANELS = Object.freeze({
   settings: { required: [".panel-head", ".seg", ".panel-body"], optional: [".s-pending"] },
   log: { required: [".panel-head", ".panel-body"], optional: [".log-bar"] },
   details: { required: [".panel-head", ".panel-body"], optional: [] },
-  view: { required: [".panel-head"], optional: [".panel-body", ".v-term", ".v-id", ".v-card"] },
+  view: { required: [".panel-head"], optional: [".panel-body", ".v-term", ".v-id"] },
 });
 function panelSurface(doc, chat) {
   if (chat) return { panel: chat, structural: STRUCTURAL, content: CONTENT, kind: "chat" };
@@ -37,8 +37,8 @@ function panelSurface(doc, chat) {
   const children = [...panel.children], count = selector => children.filter(el => el.matches(selector)).length;
   if (spec.required.some(selector => count(selector) !== 1) || spec.optional.some(selector => count(selector) > 1)
     || children.some(el => !el.matches([...spec.required, ...spec.optional, "dialog.dlg", "dialog.lb"].join(",")))) return null;
-  if (kind === "view" && !(count(".panel-body") === 1 && !count(".v-term") && !count(".v-id") && !count(".v-card")
-    || !count(".panel-body") && count(".v-term") === 1 && count(".v-card") === 1)) return null;
+  if (kind === "view" && !(count(".panel-body") === 1 && !count(".v-term") && !count(".v-id")
+    || !count(".panel-body") && count(".v-term") === 1 && count(".v-id") === 1)) return null;
   const prefix = `.p-${kind} > `;
   return { panel, kind, structural: [...STRUCTURAL.slice(0, 5), `.main > .p-${kind}`],
     content: [...CONTENT.filter(selector => !selector.startsWith(".p-chat") && !selector.startsWith(".chat-main")),

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

@@ -1,4 +1,4 @@
-// #1408 step 2: the View panel (/view, /view/<name>) — every agent's live terminal, its profile card, the AI usage
+// #1408 step 2: the View panel (/view, /view/<name>) — every agent's live terminal, its identity card, the AI usage
 // panel, in the app shell. Public (/assets/): under `web.view_access: open` an anonymous reader opens it in the
 // View-only shell, so nothing here needs a session to show, and the one write (Edit profile) asks for one.
 //
@@ -6,7 +6,7 @@
 // Everything recurring is a passive read (#1374) taken through the navigation's lease: the pane every 800 ms and the
 // roster every 5 s while the panel is mounted and the tab is visible, usage every 60 s while its dialog is open. They
 // stop when the panel goes.
-import { html, useEffect, useLayoutEffect, useMemo, useRef, useState } from "./app-html.js";
+import { html, useEffect, useRef, useState } from "./app-html.js";
 import { t } from "./app-i18n.js";
 import { appStore, createStore, useStore } from "./app-store.js";
 import { useLease } from "./app-ctx.js";
@@ -16,7 +16,7 @@ import { HeaderTools, VIEW_SCALE, textSizeStore } from "./header-tools.js";
 import { readStream } from "./read-stream.js";
 // The usage dialog's metric row lives with the dialog now (usage-dialog.js); re-exported for what imported it here.
 export { UsageMetric } from "./usage-dialog.js";
-import { backendLabel, modelText, STATUS_KEYS } from "./instance-nav.js";
+import { STATUS_KEYS } from "./instance-nav.js";
 import { viewStore } from "./view-roster-store.js";
 
 /** #1580: the app's stream says the fleet is not answering (a restart): the View's polls skip their turn until it is. */
@@ -189,7 +189,7 @@ export function ViewPanel({ route, navKey }) {
   else if (!name) body = html`<div data-trust="panel-content" class="panel-body"><${Skeleton} lines=${6} /></div>`;
   else if (!it) body = html`<div data-trust="panel-content" class="panel-body center"><${Empty} icon="alert" title=${tn("notFound", { name })} hint=${tn("notFoundHint")} /></div>`;
   else body = html`<${Terminal} key=${name} name=${name} lease=${lease} density=${density} />
-    <${Card} it=${it} viewOnly=${viewOnly} onEdit=${() => setDialog("edit")} />`;
+    <${ViewIdentity} it=${it} viewOnly=${viewOnly} onEdit=${() => setDialog("edit")} />`;
 
   return html`<div data-effect-panel="view" class="panel p-view">
     <${PanelHeader} title=${it ? (it.display_name || it.instance_name) : tn("title")}
@@ -287,33 +287,18 @@ function glyphRatio(pre) {
   return cellRatio || 0.6;
 }
 
-/** The profile card under the terminal: one line by default, the whole profile when opened. */
-function Card({ it, viewOnly, onEdit }) {
-  const [open, setOpen] = useState(stored("agend_view_card_expanded") === "1");
-  const avatar = useRef(null);
-  // The avatar is fetched once per instance (cache-busted then), not on every 5-second roster refresh.
-  useLayoutEffect(() => {
-    if (!avatar.current || !it.has_avatar) return;
-    avatar.current.src = `/api/avatar/${encodeURIComponent(it.instance_name)}?t=${Date.now()}`;
-  }, [it.instance_name, it.has_avatar]);
-  const initial = (it.display_name || it.instance_name || "?").trim().charAt(0) || "?";
-  const ctx = it.context_pct != null ? ` · ctx ${Math.round(it.context_pct)}%` : "";
-  const toggle = () => { const next = !open; setOpen(next); store("agend_view_card_expanded", next ? "1" : "0"); };
-  // #1629 r4 §1: the identity card, above the profile row while it is expanded.
+/** The identity card under the terminal, with Edit profile (or Sign in to edit) below it. Always on: the old one-line
+ *  strip is gone, and IdentityCard itself is null when the card is empty, so the button lives here rather than inside it. */
+function ViewIdentity({ it, viewOnly, onEdit }) {
   const card = useCard(it.instance_name, it.card_v);
-  return html`${open && card ? html`<div data-trust="panel-content" class="v-id"><${IdentityCard} name=${it.instance_name} card=${card} /></div>` : null}<section data-trust="panel-content" class=${`v-card${open ? " open" : ""}`} aria-label=${it.display_name || it.instance_name}>
-    <div class="v-avatar">${it.has_avatar ? html`<img ref=${avatar} alt="" />` : html`<span class="v-initial" aria-hidden="true">${initial}</span>`}</div>
-    <div class="v-card-body">
-      <div class="v-card-line"><strong>${it.display_name || it.instance_name}</strong>${it.role ? html`<span class="v-role">${it.role}</span>` : null}</div>
-      <div class="v-card-meta">${it.instance_name} · ${backendLabel(it.backend)}${it.model ? ` · ${modelText(it)}` : ""}${ctx}</div>
-      ${open && it.description ? html`<p class="v-card-desc">${it.description}</p>` : null}
+  return html`<div data-trust="panel-content" class="v-id">
+    ${card ? html`<${IdentityCard} name=${it.instance_name} card=${card} />` : null}
+    <div class="v-id-actions">
+      ${viewOnly
+        ? html`<a class="btn btn-sm" href=${signInHref()}><${Icon} name="edit" size=${14} />${tn("signInToEdit")}</a>`
+        : html`<button type="button" class="btn btn-sm" onClick=${onEdit}><${Icon} name="edit" size=${14} />${tn("editProfile")}</button>`}
     </div>
-    <button type="button" class="icon-btn" onClick=${toggle} aria-expanded=${open ? "true" : "false"} aria-label=${tn(open ? "collapseProfile" : "expandProfile")} title=${tn(open ? "collapseProfile" : "expandProfile")}>
-      <${Icon} name="chevron" size=${16} cls=${open ? "caret" : "caret flipped"} /></button>
-    ${viewOnly
-      ? html`<a class="btn btn-sm" href=${signInHref()}><${Icon} name="edit" size=${14} />${tn("signInToEdit")}</a>`
-      : html`<button type="button" class="btn btn-sm" onClick=${onEdit}><${Icon} name="edit" size=${14} />${tn("editProfile")}</button>`}
-  </section>`;
+  </div>`;
 }
 
 /** Edit profile: display name, role, description, avatar. A write: it needs a session (CSRF via agend-auth.js). */

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

@@ -107,9 +107,20 @@ export function providerTitle(p) {
  * tooltip and for a screen reader.
  */
 export function planBadge(plan) {
-  const m = /^(\S+)(?: [^()]+)? \((\d+(?:\.\d+)?)x\)$/i.exec(String(plan || "").trim());
-  return m ? `${m[1]} ×${m[2]}` : String(plan || "");
+  const text = String(plan || "").trim();
+  const m = /^(\S+)(?: [^()]+)? \((\d+(?:\.\d+)?)x\)$/i.exec(text);
+  if (m) return `${m[1]} ×${m[2]}`;
+  // #2412: a long name ("Self Serve Business Usage Based", Codex's plan_type spelled out) says only its kind, so the badge
+  // never takes the row from the provider's name; the full name is the badge's tooltip.
+  if (text.length > PLAN_BADGE_MAX) {
+    for (const [word, short] of PLAN_KINDS) if (word.test(text)) return short;
+  }
+  return text;
 }
+const PLAN_BADGE_MAX = 14;
+/** The kinds a long plan name is shortened to, the most specific first. */
+const PLAN_KINDS = [[/\benterprise\b/i, "Enterprise"], [/\bbusiness\b/i, "Business"], [/\bteam\b/i, "Team"], [/\bedu(?:cation)?\b/i, "Edu"],
+  [/\bpro\+/i, "Pro+"], [/\bpro\b/i, "Pro"], [/\bplus\b/i, "Plus"], [/\bmax\b/i, "Max"], [/\bfree\b/i, "Free"]];
 /** "Updated 3 min ago" (#1585): how old the numbers are — the panel may show the last snapshot while a fresh one comes. */
 export function updatedAgo(fetchedAt, now = Date.now()) {
   const ms = now - new Date(fetchedAt).getTime();
@@ -124,7 +135,10 @@ export function updatedAgo(fetchedAt, now = Date.now()) {
  */
 export function UsageBody({ owner }) {
   const lease = useLease(owner);
-  const [data, setData] = useState(undefined);       // undefined: loading; null: failed
+  const [data, setData] = useState(undefined);       // undefined: loading; null: failed, with nothing read before
+  // The last read failed while numbers were already shown: they stay, with a quiet note (#2236/#2289 for the server's
+  // rows; here for the read itself — a dropped or failed read must not flash the error over numbers already on screen).
+  const [failed, setFailed] = useState(false);
   const [order, setOrder] = useState(() => { try { const a = JSON.parse(stored(USAGE_ORDER_KEY) || "[]"); return Array.isArray(a) ? a.filter((x) => typeof x === "string") : []; } catch { return []; } });
   const reads = useMemo(() => readStream(lease), [lease]);
   // Refresh (force) supersedes a read on its way; the minute's tick waits for it.
@@ -134,19 +148,26 @@ export function UsageBody({ owner }) {
     try {
       const r = await lease.fetch(`/api/ai-usage${force ? "?force=1" : ""}`);
       if (!reads.live(token)) return;
+      // A refused or failed answer (a 500, a proxy's 502 page, a session that lapsed) is a failed read, not numbers.
+      if (!r.ok) throw new Error(`HTTP ${r.status}`);
       const d = await r.json();
-      if (reads.live(token)) setData(d);
-    } catch { if (reads.live(token)) setData(null); }
+      if (!d || !Array.isArray(d.providers)) throw new Error("no providers");
+      if (reads.live(token)) { setData(d); setFailed(false); }
+    } catch {
+      if (!reads.live(token)) return;
+      setData((had) => (had && Array.isArray(had.providers) ? had : null));   // the last numbers stay; none: the error
+      setFailed(true);
+    }
     finally { reads.end(token); }
   };
   useEffect(() => { load(false); lease.interval(() => load(false), 60_000); }, [lease]);
   // #1585: the server answered with the last snapshot while it fetches a fresh one — read again shortly (the same
   // cache: no vendor call of its own) so the fresh numbers replace it without waiting for the minute's tick.
   useEffect(() => {
-    if (!data || !data.refreshing) return undefined;
+    if (!data || !data.refreshing || failed) return undefined;
     const timer = setTimeout(() => load(false), 4_000);
     return () => clearTimeout(timer);
-  }, [data]);
+  }, [data, failed]);
   const key = (p) => String(p.id || p.name || "");
   const ordered = (providers) => {
     const rank = new Map(order.map((id, i) => [id, i]));
@@ -182,7 +203,7 @@ export function UsageBody({ owner }) {
           : html`${(p.metrics || []).map((m, j) => html`<${UsageMetric} key=${j} m=${m} />`)}
             ${!p.stale && p.hint ? html`<p class="note">${usageText(p.hint, p.hintI18n)}</p>` : !(p.metrics || []).length ? html`<p class="note">${tn("usage.no_data")}</p>` : null}`}
       </section>`)}
-      <div class="u-foot"><span class="note" title=${new Date(data.fetchedAt).toLocaleString()}>${updatedAgo(data.fetchedAt)}${data.refreshing ? html` · <span class="u-refreshing">${tn("usageRefreshing")}</span>` : null}</span>
+      <div class="u-foot"><span class="note" title=${new Date(data.fetchedAt).toLocaleString()}>${updatedAgo(data.fetchedAt)}${failed ? html` · <span class="u-refresh-failed" role="status">${tn("usageRefreshFailed")}</span>` : data.refreshing ? html` · <span class="u-refreshing">${tn("usageRefreshing")}</span>` : null}</span>
         ${byAgent() ? html`<a class="btn btn-ghost btn-sm u-by-agent" href="/ui/fleet/usage" title=${tn("usageByAgentTitle")}>${tn("usageByAgent")}</a>` : null}
         <button type="button" class="btn btn-sm" onClick=${() => load(true)}>${tn("usageRefresh")}</button></div>`;
   }

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

@@ -37,6 +37,7 @@ register("view", {
   "usageUpdatedAgo": "Updated {age} ago",
   "usageUpdatedJustNow": "Updated just now",
   "usageRefreshing": "Refreshing…",
+  "usageRefreshFailed": "Couldn't refresh — showing the last numbers",
   "usageMinutes": "{n} min",
   "usageHours": "{n} h",
   "usageRefresh": "Refresh",
@@ -164,7 +165,6 @@ register("view", {
   "usageButton": "Usage",
   "helpButton": "Help",
   "close": "Close",
-  "expandProfile": "Show the profile",
   "rosterFailed": "Failed to load roster: {error}\n(Is the fleet running?)",
   "paneFailed": "⚠ Could not load pane for {name} (HTTP {status}).",
   "signInToSave": "Sign in to save — your session may have ended.",
@@ -207,7 +207,6 @@ register("view", {
   "textSize": "Text size: {size}",
   "profileTitle": "Edit {name}'s profile",
   "avatar": "Avatar",
-  "collapseProfile": "Hide the profile",
   "instancesLabel": "Instances",
   "favorites": "Favorites",
   "favAdd": "Add {name} to favorites",
@@ -270,6 +269,7 @@ register("view", {
   "usageUpdatedAgo": "{age}前更新",
   "usageUpdatedJustNow": "剛剛更新",
   "usageRefreshing": "更新中…",
+  "usageRefreshFailed": "無法更新，顯示上次的數據",
   "usageMinutes": "{n} 分鐘",
   "usageHours": "{n} 小時",
   "usageRefresh": "重新整理",
@@ -397,7 +397,6 @@ register("view", {
   "usageButton": "用量",
   "helpButton": "說明",
   "close": "關閉",
-  "expandProfile": "顯示個人資料",
   "rosterFailed": "載入 instance 清單失敗：{error}\n（Fleet 是否正在執行？）",
   "paneFailed": "⚠ 無法載入 {name} 的 pane（HTTP {status}）。",
   "signInToSave": "請先登入才能儲存：你的 session 可能已結束。",
@@ -440,7 +439,6 @@ register("view", {
   "textSize": "字級：{size}",
   "profileTitle": "編輯 {name} 的個人資料",
   "avatar": "頭像",
-  "collapseProfile": "隱藏個人資料",
   "instancesLabel": "Instances",
   "favorites": "最愛",
   "favAdd": "把 {name} 加入最愛",

package/dist/ui/web-terminal/terminal.html

@@ -13,25 +13,25 @@
 <header id="bar">
   <span id="title">AgEnD terminal</span>
   <span id="ttl" hidden></span>
-  <button id="btn-close" type="button" hidden title="End this session now (the command is stopped and the terminal closes)">Stop</button>
+  <button id="btn-close" type="button" hidden title="End this session now (the command is stopped and the terminal closes)" data-i18n="stop" data-i18n-title="stopTitle">Stop</button>
 </header>
 <section id="gate">
-  <p>This terminal is connected to <strong>one command only</strong> and closes when it exits or when the time limit lapses. There is no shell behind it.</p>
-  <p>Paste the <strong>access token</strong> you were given: privately in chat, or in the dashboard's sign-in dialog. It is separate from this link; the link alone grants nothing.</p>
+  <p data-i18n-html="gateOne">This terminal is connected to <strong>one command only</strong> and closes when it exits or when the time limit lapses. There is no shell behind it.</p>
+  <p data-i18n-html="gateToken">Paste the <strong>access token</strong> you were given: privately in chat, or in the dashboard's sign-in dialog. It is separate from this link; the link alone grants nothing.</p>
   <form id="gate-form" autocomplete="off">
-    <input id="token" type="text" inputmode="text" autocapitalize="characters" spellcheck="false" placeholder="access token" maxlength="40" required>
-    <button type="submit">Open</button>
+    <input id="token" type="text" inputmode="text" autocapitalize="characters" spellcheck="false" placeholder="access token" data-i18n-placeholder="tokenPlaceholder" maxlength="40" required>
+    <button type="submit" data-i18n="open">Open</button>
   </form>
   <p id="gate-msg" role="alert"></p>
-  <noscript><p role="alert">JavaScript is required: the token is sent with a script, never as part of a page URL.</p></noscript>
+  <noscript><p role="alert">JavaScript is required: the token is sent with a script, never as part of a page URL. 需要啟用 JavaScript：存取權杖由程式送出，絕不會放進網址。</p></noscript>
 </section>
 <main id="term" hidden></main>
 <form id="code-row" hidden autocomplete="off">
-  <label for="code">Sign-in code</label>
-  <input id="code" type="password" autocomplete="off" autocapitalize="off" spellcheck="false" maxlength="1100" placeholder="paste the code here">
-  <button type="submit">Send</button>
+  <label for="code" data-i18n="codeLabel">Sign-in code</label>
+  <input id="code" type="password" autocomplete="off" autocapitalize="off" spellcheck="false" maxlength="1100" placeholder="paste the code here" data-i18n-placeholder="codePlaceholder">
+  <button type="submit" data-i18n="send">Send</button>
   <span id="code-msg" role="status"></span>
-  <p id="code-hint">The terminal does not show what you paste. Paste the code once, then press Enter or Send. Ctrl+C is off on this page — use Stop to cancel.</p>
+  <p id="code-hint" data-i18n="codeHint">The terminal does not show what you paste. Paste the code once, then press Enter or Send. Ctrl+C is off on this page — use Stop to cancel.</p>
 </form>
 <footer id="keys" hidden>
   <button data-seq="\u001b" type="button">Esc</button>

package/dist/ui/web-terminal/terminal.js

@@ -20,6 +20,52 @@
   var ws = null, term = null, fit = null, ttlTimer = null, expiresAt = 0;
   var finished = false, reconnectAttempts = 0;
 
+  // #2390: the page in the device's language (as the dashboard when none is chosen): English as written in
+  // terminal.html, else zh-TW over it. Static words only — never anything the session sends.
+  var ZH = typeof navigator !== "undefined" && /^zh/i.test(navigator.language || "");
+  var WORDS = {
+    stop: ["Stop", "停止"],
+    stopTitle: ["End this session now (the command is stopped and the terminal closes)", "立即結束這個工作階段（停止指令並關閉終端機）"],
+    gateOne: ["", "這個終端機只連到<strong>一個指令</strong>，指令結束或時間到就會關閉；後面沒有 shell。"],
+    gateToken: ["", "請貼上你拿到的<strong>存取權杖</strong>：私訊給你的，或在儀表板的登入對話框中。它和這個連結是分開的；只有連結沒有任何權限。"],
+    tokenPlaceholder: ["access token", "存取權杖"],
+    open: ["Open", "開啟"],
+    codeLabel: ["Sign-in code", "登入代碼"],
+    codePlaceholder: ["paste the code here", "在這裡貼上代碼"],
+    send: ["Send", "送出"],
+    codeHint: ["The terminal does not show what you paste. Paste the code once, then press Enter or Send. Ctrl+C is off on this page — use Stop to cancel.",
+      "終端機不會顯示你貼上的內容。貼上代碼一次，再按 Enter 或「送出」。這個頁面停用了 Ctrl+C，要取消請按「停止」。"],
+    invalid: ["Invalid token. {0} attempt(s) left before this session is destroyed.", "權杖不正確。再錯 {0} 次這個工作階段就會被銷毀。"],
+    used: ["This token was already used. If that was not you, tell the fleet admin: the link may have leaked.", "這個權杖已經用過了。如果不是你，請告訴 fleet 管理員：連結可能已外流。"],
+    ended: ["This session has ended.", "這個工作階段已結束。"],
+    couldNotOpen: ["Could not open: {0}", "無法開啟：{0}"],
+    network: ["Network error.", "網路錯誤。"],
+    truncated: ["[earlier output truncated]", "[較早的輸出已截斷]"],
+    finished: ["Finished: {0}", "已完成：{0}"],
+    endedWith: ["Ended: {0}", "已結束：{0}"],
+    exitCode: [" (exit {0})", "（結束代碼 {0}）"],
+    replaced: ["Replaced by a newer connection.", "已被較新的連線取代。"],
+    closed: ["Connection closed ({0}).", "連線已關閉（{0}）。"],
+    lost: ["Connection lost.", "連線中斷。"],
+    closesIn: ["closes in {0}", "{0} 後關閉"],
+    "notice.empty": ["", "請先從瀏覽器貼上代碼。"],
+    "notice.too-long": ["", "這比登入代碼長太多了，請只複製代碼。"],
+    "notice.not-sent": ["", "沒有送出：連線中斷了。代碼還在框裡，等重新連上後再按一次「送出」。"],
+    "notice.sent": ["", "已送出。終端機不會顯示代碼，請在上方等待結果。"]
+  };
+  function T(key) {
+    var pair = WORDS[key], s = pair ? (ZH && pair[1] ? pair[1] : pair[0]) : key;
+    for (var i = 1; i < arguments.length; i++) s = s.split("{" + (i - 1) + "}").join(String(arguments[i]));
+    return s;
+  }
+  if (ZH) {
+    document.documentElement.lang = "zh-TW";
+    Array.prototype.forEach.call(document.querySelectorAll("[data-i18n]"), function (el) { el.textContent = T(el.getAttribute("data-i18n")); });
+    Array.prototype.forEach.call(document.querySelectorAll("[data-i18n-html]"), function (el) { el.innerHTML = T(el.getAttribute("data-i18n-html")); });
+    Array.prototype.forEach.call(document.querySelectorAll("[data-i18n-title]"), function (el) { el.title = T(el.getAttribute("data-i18n-title")); });
+    Array.prototype.forEach.call(document.querySelectorAll("[data-i18n-placeholder]"), function (el) { el.placeholder = T(el.getAttribute("data-i18n-placeholder")); });
+  }
+
   // A reload or a second tab within the TTL still holds the HttpOnly cookie:
   // try the WebSocket first and only fall back to the token gate on refusal.
   // This GET-free probe keeps the page itself side-effect free.
@@ -47,16 +93,16 @@
       }
       return res.json().catch(function () { return {}; }).then(function (body) {
         if (res.status === 403 && typeof body.remaining === "number") {
-          gateMsg.textContent = "Invalid token. " + body.remaining + " attempt" + (body.remaining === 1 ? "" : "s") + " left before this session is destroyed.";
+          gateMsg.textContent = ZH ? T("invalid", body.remaining) : "Invalid token. " + body.remaining + " attempt" + (body.remaining === 1 ? "" : "s") + " left before this session is destroyed.";
         } else if (res.status === 409) {
-          gateMsg.textContent = "This token was already used. If that was not you, tell the fleet admin: the link may have leaked.";
+          gateMsg.textContent = T("used");
         } else if (res.status === 410) {
-          gateMsg.textContent = "This session has ended.";
+          gateMsg.textContent = T("ended");
         } else {
-          gateMsg.textContent = "Could not open: " + (body.error || res.status);
+          gateMsg.textContent = T("couldNotOpen", body.error || res.status);
         }
       });
-    }).catch(function () { gateMsg.textContent = "Network error."; });
+    }).catch(function () { gateMsg.textContent = T("network"); });
   });
 
   function connect(probe) {
@@ -109,9 +155,9 @@
           expiresAt = Date.now() + msg.ttlRemainingMs;
           if (ttlTimer) clearInterval(ttlTimer);   // exactly one countdown, however many reconnects
           ttlEl.hidden = false; tick(); ttlTimer = setInterval(tick, 1000);
-          if (msg.truncated && term) term.writeln("\x1b[33m[earlier output truncated]\x1b[0m");
+          if (msg.truncated && term) term.writeln("\x1b[33m" + T("truncated") + "\x1b[0m");
         } else if (msg.t === "exit") {
-          finish(msg.ok, (msg.ok ? "Finished" : "Ended") + ": " + msg.detail + (typeof msg.exitCode === "number" ? " (exit " + msg.exitCode + ")" : ""));
+          finish(msg.ok, T(msg.ok ? "finished" : "endedWith", msg.detail) + (typeof msg.exitCode === "number" ? T("exitCode", msg.exitCode) : ""));
         }
         return;
       }
@@ -120,8 +166,8 @@
     conn.onclose = function (ev) {
       if (ws !== conn || finished) return;
       if (!opened && probe) { gate.hidden = false; return; }   // initial cookie probe refused → token gate
-      if (opened && ev.code === 4000) { finish(false, "Replaced by a newer connection."); return; }
-      if (opened && (ev.code === 1000 || ev.code === 1001 || ev.code === 1008)) { finish(false, "Connection closed (" + (ev.reason || ev.code) + ")."); return; }
+      if (opened && ev.code === 4000) { finish(false, T("replaced")); return; }
+      if (opened && (ev.code === 1000 || ev.code === 1001 || ev.code === 1008)) { finish(false, T("closed", ev.reason || ev.code)); return; }
       // Transient drop, or a reconnect attempt that failed before opening: the
       // process is still running; keep trying within the TTL and the budget.
       scheduleReconnect();
@@ -134,7 +180,7 @@
       setTimeout(function () { if (!finished) connect(false); }, 500 * reconnectAttempts);
       return;
     }
-    finish(false, "Connection lost.");
+    finish(false, T("lost"));
   }
 
   /** True only when the bytes were handed to an open socket. */
@@ -146,7 +192,7 @@
   function tick() {
     var left = Math.max(0, expiresAt - Date.now());
     var m = Math.floor(left / 60000), s = Math.floor((left % 60000) / 1000);
-    ttlEl.textContent = "closes in " + m + ":" + (s < 10 ? "0" : "") + s;
+    ttlEl.textContent = T("closesIn", m + ":" + (s < 10 ? "0" : "") + s);
   }
 
   function finish(ok, text) {
@@ -166,7 +212,7 @@
     ev.preventDefault();
     var result = input.submitCode(codeInput.value, function (s) { return send(new TextEncoder().encode(s)); });
     if (result.clear) codeInput.value = "";
-    codeMsg.textContent = input.NOTICES[result.notice] || "";
+    codeMsg.textContent = (ZH && result.notice && T("notice." + result.notice) !== "notice." + result.notice ? T("notice." + result.notice) : input.NOTICES[result.notice]) || "";
     if (term) term.focus();
   });
 

package/dist/update-preflight.js

@@ -71,7 +71,7 @@ export function evaluateUpdateTarget(input) {
     const pin = Object.prototype.hasOwnProperty.call(m.runtimePins, input.host.id) ? m.runtimePins[input.host.id] : null;
     const support = p.runtimeSupport(input.host);
     if (pin && support.supported) {
-        // The pin keeps its identity (22.23.3-agend.1); the Node it installs is the one judged (postinstall: 22.23.3).
+        // The pin keeps its identity (22.23.4-agend.1); the Node it installs is the one judged (postinstall: 22.23.4).
         const node = RUNTIME_PIN.exec(pin)?.[1];
         if (!node)
             return { kind: "unknown", note: `  Note: the release pins its bundled Node as ${JSON.stringify(pin)}, which this check cannot read; its own install check still applies.` };

package/dist/web-api.js

@@ -346,10 +346,14 @@ function stillAuthorized(req, res, url, ctx) {
  * 5 MiB) and DELETE (back to the bundled icon): a signed-in admin's session only — never the CLI's token, a read-only
  * session, a guest or the public link; checked again once the body has arrived.
  */
+/** An app icon refusal as the page reads it: its code, the English detail and, when named, the detail's key (#2390). */
+function appIconRefusal(r) {
+    return { error: r.error, ...(r.detail ? { detail: r.detail } : {}), ...(r.detail_key ? { detail_key: r.detail_key } : {}), ...(r.detail_args ? { detail_args: r.detail_args } : {}) };
+}
 function handleAppIcon(req, res, url, ctx, method) {
     const store = ctx.appIcon;
     if (!store) {
-        json(res, 404, { error: "The app icon is not kept on this fleet" });
+        json(res, 404, { error: "app_icon_not_kept", detail: "The app icon is not kept on this fleet" });
         return true;
     }
     const reading = method === "GET" || method === "HEAD";
@@ -385,7 +389,7 @@ function handleAppIcon(req, res, url, ctx, method) {
     if (method === "DELETE") {
         const reset = store.reset();
         if (!reset.ok) {
-            json(res, reset.status, { error: reset.error, ...(reset.detail ? { detail: reset.detail } : {}) });
+            json(res, reset.status, appIconRefusal(reset));
             return true;
         }
         json(res, 200, state());
@@ -410,7 +414,7 @@ function handleAppIcon(req, res, url, ctx, method) {
             bytes = await readBoundedWebBody(req, APP_ICON_MAX_BYTES);
         }
         catch {
-            json(res, 413, { error: "app_icon_too_large", detail: "at most 5 MiB" });
+            json(res, 413, { error: "app_icon_too_large", detail: "at most 5 MiB", detail_key: "max_size", detail_args: [5] });
             return;
         }
         if (!again())
@@ -418,7 +422,7 @@ function handleAppIcon(req, res, url, ctx, method) {
         // #2308 review: decoding and making the sizes is seconds of CPU at worst — a worker thread's, not the fleet loop's.
         const prepared = await store.prepare(bytes);
         if (!prepared.ok) {
-            json(res, prepared.status, { error: prepared.error, ...(prepared.detail ? { detail: prepared.detail } : {}) });
+            json(res, prepared.status, appIconRefusal(prepared));
             return;
         }
         const person = again();
@@ -426,14 +430,14 @@ function handleAppIcon(req, res, url, ctx, method) {
             return;
         const saved = store.commit(prepared.prepared, person);
         if (!saved.ok) {
-            json(res, saved.status, { error: saved.error, ...(saved.detail ? { detail: saved.detail } : {}) });
+            json(res, saved.status, appIconRefusal(saved));
             return;
         }
         json(res, 200, state());
     })().catch((err) => {
         ctx.logger.error({ err: err.message }, "App icon request failed");
         try {
-            json(res, 500, { error: "App icon request failed" });
+            json(res, 500, { error: "app_icon_failed", detail: "App icon request failed" });
         }
         catch { /* already answered */ }
     });
@@ -2743,7 +2747,7 @@ export function handleWebRequest(req, res, url, ctx) {
     if (path === "/ui/tasks/board" || path === "/ui/tasks/search" || path === "/ui/tasks/work" || path.startsWith("/ui/tasks/cards") || path.startsWith("/ui/tasks/projects")) {
         const board = ctx.scheduler?.db.board;
         if (!board) {
-            json(res, 503, { error: "The task board is not available" });
+            json(res, 503, { error: "The task board is not available", code: "unavailable", key: "unavailable" });
             return true;
         }
         // The temporary public link reads the board and changes nothing on it: confirming, sending back, cancelling and