dsh-agy 0.3.2 → 0.4.1

package/lib/client.js

@@ -103,6 +103,17 @@ window.__ModuleLoader__.load({
    rounded rect inset 2px from the card edge and transparent at rest. A
    full-bleed rectangle reads as a slab and fights the card's own radius. */
 .agy-rows { display: flex; flex-direction: column; gap: 2px; }
+/* The live line: one status strip above the rows, present ONLY while upstream
+   requests are in flight — an idle pool renders no strip, so quiet stays quiet.
+   The pulsing dot is the host StateDot primitive ('ongoing'), so the animation
+   is the platform's; this rule is layout and tone only. Sits OUTSIDE .agy-rows,
+   so the master list's scroll cap does not scroll the status away. */
+.agy-live {
+  display: flex; align-items: center; gap: 7px;
+  margin: 2px 2px 6px; padding: 7px 8px; border-radius: 10px;
+  font: var(--dsw-font-xxs-12); color: var(--dsw-alias-label-secondary, #61666b);
+  background: var(--dsw-alias-bg-layer-2, #f4f5f7);
+}
 /* Master/detail: the account list beside the selected account's detail, so a
  * row and the panel it opens stay in view together.
  *
@@ -314,6 +325,12 @@ window.__ModuleLoader__.load({
   color: var(--dsw-alias-label-primary, #1f2329); }
 .agy-limit-reset { text-align: right; font: var(--dsw-font-xxxs-11);
   color: var(--dsw-alias-label-tertiary, #8f959e); }
+/* The burn projection: indented to align with the bar (58px label + 10px gap),
+   warn-tinted because "this window runs dry before it resets" is the one
+   projection that asks the reader to act. */
+.agy-limit-burn { padding: 0 0 4px 68px;
+  font: var(--dsw-font-xxxs-11);
+  color: var(--dsw-alias-state-warn-primary, #f59e0b); }
 
 /* ── Dense breakdown tables (Usage tab only) ─────────────────────────────── */
 .agy-table-wrap { padding: 6px 0 2px; }
@@ -360,6 +377,19 @@ window.__ModuleLoader__.load({
 /* Danger has no primitive variant; keep the ghost skin and tint the label. */
 .agy-btn-danger { color: var(--dsw-alias-state-error-primary, #ec1313) !important; }
 
+/* ── Recent activity ring ──────────────────────────────────────────────────
+   The "what just happened" list. Only the result cell carries color — ok
+   inherits the table's neutral, and a wall of tinted rows would read as an
+   alarm rather than a log. */
+.agy-recent-state { font: var(--dsw-font-xxs-12); }
+.agy-recent-state[data-kind="fail"] { color: var(--dsw-alias-state-error-primary, #ec1313); }
+.agy-recent-state[data-kind="limited"] { color: var(--dsw-alias-state-warn-primary, #f59e0b); }
+.agy-recent-state[data-kind="rotation"] { color: var(--dsw-alias-brand-primary-new-colorprimary-new-color, #4176e6); }
+/* The recent list is a standalone disclosure on the tab root, not one block
+   inside a card body — the separator border-top the disclosure idiom uses
+   between sibling blocks would draw a stray line across nothing here. */
+.agy-recent.agy-disclosure { border-top: 0; }
+
 .agy-toolbar { display: flex; align-items: center; gap: 8px; }
 .agy-textarea { width: 100%; min-height: 88px; resize: vertical; outline: none;
   padding: 9px 10px; font: var(--dsw-font-xxs-12); font-family: var(--ds-font-family-code);
@@ -401,16 +431,35 @@ window.__ModuleLoader__.load({
 			tabModels: "模型",
 			tabUsage: "用量",
 			tabCredentials: "凭据",
-			stateActive: "使用中",
+			stateActive: "可用",
 			stateCooling: "冷却中",
 			stateVerificationRequired: "待验证",
 			stateDisabled: "已停用",
 			coolingUntil: "冷却至",
+			verificationRetry: "待验证 · {time} 重试",
 			currentAccount: "当前账号",
+			fieldDisabled: "停用",
+			disabledCredentials: "凭据失效",
+			disabledSince: "停用于 {ago}",
+			disabledHint: "凭据已被上游拒绝。运行该账号所在行的「验证」尝试恢复；若仍失败，请重新登录导入。",
 			noProject: "—",
 			valueUnknown: "—",
 			colAccount: "账号",
 			colRequests: "请求",
+			colTime: "时间",
+			colResult: "结果",
+			colDuration: "耗时",
+			recentTitle: "最近请求",
+			recentHelp: "本进程内存中的最近 200 条（含轮换事件），不落盘、不跨进程合并。",
+			recentEmpty: "暂无最近记录",
+			recentOk: "成功",
+			rowRequestsTotal: "累计请求 {n}",
+			lastActive: "{ago}活跃",
+			liveOne: "正在通过 {email} 生成 · {count} 个并发",
+			liveMany: "正在生成 · {count} 个并发 · {accounts} 个账号",
+			fieldThroughput: "吞吐",
+			throughputValue: "≈ {n} token/s",
+			throughputNote: "首 token 后 · 累计平均",
 			colActions: "操作",
 			emptyAccounts: "还没有账号。切到「凭据」标签导入，或点击上方「登录」。",
 			detailTitle: "已选账号",
@@ -420,6 +469,7 @@ window.__ModuleLoader__.load({
 			limitsRefreshOk: "已刷新 {measured} 个账号的限额",
 			limitsRefreshFresh: "限额仍是新鲜的，无需刷新",
 			limitsRefreshFailed: "{failed} 个账号的限额刷新失败",
+			limitBurnWarn: "按此速度{value}后耗尽",
 			quotaWindow5h: "5 小时",
 			quotaWindowWeekly: "每周",
 			fieldProject: "项目",
@@ -447,13 +497,14 @@ window.__ModuleLoader__.load({
 			quotaResetIn: "重置 {value}",
 			relNow: "即将",
 			relJustNow: "刚刚",
+			relSeconds: "{n} 秒",
 			relAgo: "{value}前",
 			relMinutes: "{n} 分钟",
 			relHours: "{n} 小时",
 			relDays: "{n} 天",
 			relMonths: "{n} 个月",
 			relYears: "{n} 年",
-			actionActivate: "激活",
+			actionActivate: "设为当前",
 			actionVerify: "验证",
 			actionDelete: "删除",
 			actionTest: "测试调用",
@@ -494,6 +545,8 @@ window.__ModuleLoader__.load({
 			fieldRateLimitRotation: "限流 / 轮换",
 			byModel: "按模型",
 			byAccount: "按账号",
+			trendTitle: "近 7 天",
+			colDay: "日期",
 			colModel: "模型",
 			colTokenShare: "Token 占比",
 			colOutput: "输出",
@@ -561,16 +614,35 @@ window.__ModuleLoader__.load({
 			tabModels: "Models",
 			tabUsage: "Usage",
 			tabCredentials: "Credentials",
-			stateActive: "Active",
+			stateActive: "Ready",
 			stateCooling: "Cooling down",
 			stateVerificationRequired: "Needs verification",
 			stateDisabled: "Disabled",
 			coolingUntil: "Cooling until",
-			currentAccount: "current",
+			verificationRetry: "Needs verification · retries {time}",
+			currentAccount: "Current",
+			fieldDisabled: "Disabled",
+			disabledCredentials: "Credentials rejected",
+			disabledSince: "disabled {ago}",
+			disabledHint: "The credentials were rejected by upstream. Run Verify on this account's row to try restoring it; if that fails, sign in again to re-import.",
 			noProject: "—",
 			valueUnknown: "—",
 			colAccount: "Account",
 			colRequests: "Requests",
+			colTime: "Time",
+			colResult: "Result",
+			colDuration: "Duration",
+			recentTitle: "Recent requests",
+			recentHelp: "Last 200 records in this process's memory (rotation events included); never persisted, never merged across processes.",
+			recentEmpty: "No recent activity",
+			recentOk: "ok",
+			rowRequestsTotal: "{n} requests in total",
+			lastActive: "active {ago}",
+			liveOne: "Generating via {email} · {count} in flight",
+			liveMany: "Generating · {count} in flight across {accounts} account(s)",
+			fieldThroughput: "Throughput",
+			throughputValue: "≈ {n} token/s",
+			throughputNote: "after first token · cumulative",
 			colActions: "Actions",
 			emptyAccounts: "No accounts yet. Import one from the Credentials tab, or use Sign in above.",
 			detailTitle: "Selected account",
@@ -580,6 +652,7 @@ window.__ModuleLoader__.load({
 			limitsRefreshOk: "Refreshed limits for {measured} account(s)",
 			limitsRefreshFresh: "Limits are already fresh — nothing to refresh",
 			limitsRefreshFailed: "Limit refresh failed for {failed} account(s)",
+			limitBurnWarn: "at this rate, empty in {value}",
 			quotaWindow5h: "5 hours",
 			quotaWindowWeekly: "Weekly",
 			fieldProject: "Project",
@@ -607,13 +680,14 @@ window.__ModuleLoader__.load({
 			quotaResetIn: "resets {value}",
 			relNow: "shortly",
 			relJustNow: "just now",
+			relSeconds: "{n}s",
 			relAgo: "{value} ago",
 			relMinutes: "{n} min",
 			relHours: "{n} h",
 			relDays: "{n} d",
 			relMonths: "{n} mo",
 			relYears: "{n} y",
-			actionActivate: "Activate",
+			actionActivate: "Set as current",
 			actionVerify: "Verify",
 			actionDelete: "Delete",
 			actionTest: "Test call",
@@ -654,6 +728,8 @@ window.__ModuleLoader__.load({
 			fieldRateLimitRotation: "Rate limits / rotations",
 			byModel: "By model",
 			byAccount: "By account",
+			trendTitle: "Last 7 days",
+			colDay: "Day",
 			colModel: "Model",
 			colTokenShare: "Token share",
 			colOutput: "Output",
@@ -782,6 +858,14 @@ window.__ModuleLoader__.load({
 		* it — see `actionError` in `AgySettings`.
 		*/
 		const ACTION_MESSAGE_TTL_MS = 3500;
+		/**
+		* How often the section re-reads the pool's in-flight snapshot.
+		*
+		* The call is a pure in-memory read on the host (no token refresh, no quota
+		* probe), so a tight-ish interval is free; 3s makes the live line feel live
+		* without a visible request cost.
+		*/
+		const POOL_POLL_INTERVAL_MS = 3e3;
 		function h(tag, props, ...children) {
 			return (0, react.createElement)(tag, props ?? null, ...children);
 		}
@@ -854,6 +938,28 @@ window.__ModuleLoader__.load({
 			return counters.input + counters.output + counters.cacheRead + counters.cacheWrite;
 		}
 		/**
+		* Cumulative average OUTPUT rate for one scope, in tokens per second.
+		*
+		* Pure and exported for a direct unit test. The denominator is the STREAMING
+		* window (average latency minus average time-to-first-token), NOT the wall
+		* clock: on this channel the pre-first-token wait (upstream queue, routing,
+		* prompt processing, silent thinking) is ~90% of the request — measured 7.5s
+		* of an 8.3s average — so dividing by wall time understated the decode rate
+		* about 8× (40 tok/s shown where the account really streamed ~300).
+		*
+		* Per-request AVERAGES, not raw sums: a failed request carries wall time but
+		* never a first token (`latencyN` > `ttftN`), so subtracting raw sums would
+		* hand its wait to the decode window. Both averages must exist — a scope with
+		* no timed request or no reported first token gets null, hiding the row rather
+		* than showing a fake rate.
+		*/
+		function throughputTokenPerSecond(totals) {
+			if (totals.latencyN === 0 || totals.ttftN === 0 || totals.output <= 0) return null;
+			const decodeMs = totals.latencyMs / totals.latencyN - totals.ttftMs / totals.ttftN;
+			if (decodeMs <= 0) return null;
+			return Math.round(totals.output / totals.latencyN / (decodeMs / 1e3));
+		}
+		/**
 		* The whole prompt side: everything the model read, cached or not.
 		*
 		* The LEDGER keeps `input` as the uncached portion alone, because that is DSH's
@@ -918,28 +1024,58 @@ window.__ModuleLoader__.load({
 			}
 		}
 		/**
+		* Humanize a burn horizon (hours until a window runs dry at the sampled rate).
+		*
+		* Reuses the shared `rel*` magnitudes so the phrasing matches every other
+		* duration on the panel; under an hour falls to minutes rather than rounding
+		* to a false zero.
+		*/
+		function burnHorizon(hours, t) {
+			if (hours < 1) return t("relMinutes", { n: Math.max(1, Math.round(hours * 60)) });
+			if (hours < 48) return t("relHours", { n: Math.round(hours) });
+			return t("relDays", { n: Math.round(hours / 24) });
+		}
+		/**
 		* A wall-clock moment for a state label (a cooldown end).
 		*
 		* Time-of-day alone is enough while the wall is today; past midnight it must
 		* carry the date, or a 24h quota cooldown reads as though it ends in a few
 		* minutes. (`untilText` is the relative form, used where "how long from now" is
 		* the question rather than "when".)
+		*
+		* `lang` is the UI language ('zh' | 'en'), not the browser locale: the words on
+		* this panel follow the host's language setting, so the dates must too — a zh
+		* panel rendering `9/24/2026` (the browser's en-US ordering) was the symptom.
+		* `undefined` degrades to the browser default, the pre-`lang` behaviour.
 		*/
-		function clockTime(iso) {
+		function clockTime(iso, lang) {
 			if (iso === null) return "—";
 			const date = new Date(iso);
 			if (Number.isNaN(date.getTime())) return "—";
 			const now = /* @__PURE__ */ new Date();
-			return date.getFullYear() === now.getFullYear() && date.getMonth() === now.getMonth() && date.getDate() === now.getDate() ? date.toLocaleTimeString([], {
+			return date.getFullYear() === now.getFullYear() && date.getMonth() === now.getMonth() && date.getDate() === now.getDate() ? date.toLocaleTimeString(lang, {
 				hour: "2-digit",
 				minute: "2-digit"
-			}) : date.toLocaleString([], {
+			}) : date.toLocaleString(lang, {
 				month: "short",
 				day: "numeric",
 				hour: "2-digit",
 				minute: "2-digit"
 			});
 		}
+		/**
+		* A ledger day key ('YYYY-MM-DD', local by construction) as a short label.
+		* Parsed as LOCAL date parts — a UTC parse would shift the label a day for
+		* half the planet.
+		*/
+		function dayLabel(day, lang) {
+			const [y, m, d] = day.split("-").map(Number);
+			if (y === void 0 || m === void 0 || d === void 0 || Number.isNaN(y)) return day;
+			return new Date(y, m - 1, d).toLocaleDateString(lang, {
+				month: "short",
+				day: "numeric"
+			});
+		}
 		const MINUTE_MS = 6e4;
 		const HOUR_MS = 60 * MINUTE_MS;
 		const DAY_MS = 24 * HOUR_MS;
@@ -993,6 +1129,34 @@ window.__ModuleLoader__.load({
 			return t("relAgo", { value: diff < HOUR_MS ? t("relMinutes", { n: Math.floor(diff / MINUTE_MS) }) : diff < DAY_MS ? t("relHours", { n: Math.floor(diff / HOUR_MS) }) : diff < 30 * DAY_MS ? t("relDays", { n: Math.floor(diff / DAY_MS) }) : diff < 365 * DAY_MS ? t("relMonths", { n: Math.floor(diff / (30 * DAY_MS)) }) : t("relYears", { n: Math.floor(diff / (365 * DAY_MS)) }) });
 		}
 		/**
+		* Ago label with seconds resolution, for the recent list. `agoText` collapses
+		* the whole first minute into "just now", which is too coarse when the reader
+		* is watching live activity — here the seconds carry the information.
+		*/
+		function recentAgo(at, now, t) {
+			const diff = now - at;
+			if (diff < 1e4) return t("relJustNow");
+			if (diff < MINUTE_MS) return t("relSeconds", { n: Math.floor(diff / 1e3) });
+			return agoText(new Date(at).toISOString(), t, now);
+		}
+		/**
+		* Middle-truncate an identity for the recent list.
+		*
+		* Both ends carry the signal — an email's domain, a model id's tier suffix —
+		* so the cut is taken from the MIDDLE, and bounding the rendered length (not
+		* relying on CSS clipping of a `table-layout: fixed` cell) is what keeps the
+		* columns honest. The full value stays on the cell's title.
+		* @param text - the full identity.
+		* @param max - rendered character budget including the ellipsis.
+		* @returns the truncated display string.
+		*/
+		function truncateIdentity(text, max = 22) {
+			if (text.length <= max) return text;
+			const head = Math.ceil((max - 1) / 2);
+			const tail = max - 1 - head;
+			return `${text.slice(0, head)}…${text.slice(-tail)}`;
+		}
+		/**
 		* A host-styled button.
 		*
 		* Delegates to the host's `Button` so focus rings, disabled states, size tiers
@@ -1061,36 +1225,44 @@ window.__ModuleLoader__.load({
 			const [proxyDraft, setProxyDraft] = (0, react.useState)("");
 			const usage = account.usage;
 			const now = Date.now();
+			const throughput = usage === null ? null : throughputTokenPerSecond(usage.totals);
 			const identityRows = [
 				[t("fieldProject"), account.projectId ?? t("noProject")],
 				[t("fieldProxy"), h("span", { className: "agy-mono" }, account.proxy ?? t("proxyDirect"))],
 				[t("fieldFingerprint"), account.fingerprint === null ? t("fingerprintNone") : t("fingerprintRegenerated", {
 					count: account.fingerprintHistory,
-					date: new Date(account.fingerprint.createdAt).toLocaleDateString()
+					date: new Date(account.fingerprint.createdAt).toLocaleDateString(props.lang)
 				})],
-				[t("fieldCooldownReason"), account.cooldownReason === null ? t("noProject") : `${cooldownReasonLabel(account.cooldownReason, t)} · ${agoText(account.cooldownSetAt, t, now)}`],
+				...account.cooldownReason === null ? [] : [[t("fieldCooldownReason"), `${cooldownReasonLabel(account.cooldownReason, t)} · ${agoText(account.cooldownSetAt, t, now)}`]],
 				[t("fieldSources"), usage === null ? t("noProject") : t("sourcesSummary", {
 					chat: usage.sources.chat,
 					cli: usage.sources.cli,
 					verify: usage.sources.verify,
 					test: usage.sources.test
 				})],
-				[t("fieldLatency"), usage === null ? t("noProject") : `${t("latencyAverage", { value: formatDuration(average(usage.totals.latencyMs, usage.totals.latencyN)) })} · ${t("latencyTtft", { value: formatDuration(average(usage.totals.ttftMs, usage.totals.ttftN)) })}`]
+				[t("fieldLatency"), usage === null ? t("noProject") : `${t("latencyAverage", { value: formatDuration(average(usage.totals.latencyMs, usage.totals.latencyN)) })} · ${t("latencyTtft", { value: formatDuration(average(usage.totals.ttftMs, usage.totals.ttftN)) })}`],
+				...throughput === null ? [] : [[t("fieldThroughput"), `${t("throughputValue", { n: throughput })} · ${t("throughputNote")}`]]
 			];
+			if (account.state === "disabled") identityRows.push([t("fieldDisabled"), account.disabledAt === null ? t("disabledCredentials") : `${t("disabledCredentials")} · ${t("disabledSince", { ago: agoText(account.disabledAt, t, now) })}`]);
 			if (account.verificationRequired) identityRows.push([t("fieldVerification"), account.verificationUrl === null ? t("verificationNoUrl") : h("a", {
 				className: "agy-link",
 				href: account.verificationUrl,
 				target: "_blank",
 				rel: "noreferrer noopener"
 			}, t("verificationOpen"))]);
-			const identity = card(t("detailTitle"), defs(identityRows), account.email ?? `#${account.index}`);
+			const identity = card(t("detailTitle"), h("div", null, defs(identityRows), account.state === "disabled" ? hint(t("disabledHint")) : null), account.email ?? `#${account.index}`);
 			const actions = card(t("colActions"), h("div", { className: "agy-actions" }, button(t("actionTest"), () => {
 				handlers.onTest(account.index);
 			}, { disabled: busy }), button(t("actionExport"), () => {
 				handlers.onExport(account.index);
 			}, { disabled: busy }), button(t("actionRegenerateFingerprint"), () => {
 				handlers.onRegenerateFingerprint(account.index);
-			}, { disabled: busy })));
+			}, { disabled: busy }), button(t("actionDelete"), () => {
+				handlers.onDelete(account.index);
+			}, {
+				variant: "danger",
+				disabled: busy
+			})));
 			/**
 			* The 5-hour / weekly windows, placed ABOVE the cumulative usage card.
 			*
@@ -1111,13 +1283,14 @@ window.__ModuleLoader__.load({
 				key: group.name
 			}, h("div", { className: "agy-limit-group-name" }, group.name), ...group.windows.map((window) => {
 				const fraction = window.remainingFraction;
-				return h("div", {
-					className: "agy-limit-row",
-					key: window.bucketId
-				}, h("span", { className: "agy-limit-k" }, windowLabel(window.window, t)), h("span", { className: "agy-limit-track" }, fraction === null ? null : h("i", { style: {
+				const burn = account.limitBurn?.[window.bucketId];
+				const hoursLeft = fraction !== null && burn !== void 0 && burn > 0 ? fraction / burn : null;
+				const resetHours = window.resetTime === null ? null : (new Date(window.resetTime).getTime() - now) / HOUR_MS;
+				const exhaustsFirst = hoursLeft !== null && resetHours !== null && hoursLeft < resetHours;
+				return h("div", { key: window.bucketId }, h("div", { className: "agy-limit-row" }, h("span", { className: "agy-limit-k" }, windowLabel(window.window, t)), h("span", { className: "agy-limit-track" }, fraction === null ? null : h("i", { style: {
 					width: `${Math.round(fraction * 100)}%`,
 					background: quotaColor(fraction)
-				} })), h("span", { className: "agy-limit-p" }, fraction === null ? t("valueUnknown") : `${Math.round(fraction * 100)}%`), h("span", { className: "agy-limit-reset" }, window.resetTime === null ? null : untilText(window.resetTime, t, now)));
+				} })), h("span", { className: "agy-limit-p" }, fraction === null ? t("valueUnknown") : `${Math.round(fraction * 100)}%`), h("span", { className: "agy-limit-reset" }, window.resetTime === null ? null : untilText(window.resetTime, t, now))), exhaustsFirst ? h("div", { className: "agy-limit-burn" }, t("limitBurnWarn", { value: burnHorizon(hoursLeft, t) })) : null);
 			})))));
 			const usageBlock = usage === null ? null : card(t("usageCumulative"), metrics([
 				metric(t("kpiInput"), promptTokens(usage.totals), t("kpiInputMissed", { tokens: tokenText(usage.totals.input) })),
@@ -1153,14 +1326,69 @@ window.__ModuleLoader__.load({
 				});
 			})())));
 		}
+		/**
+		* Whether the row should offer "set as current".
+		*
+		* A pure rule, exported for a direct unit test. Two cases hide the action:
+		* the account is already the pool's preference, or it is DISABLED — `activate`
+		* only writes the preference and cannot re-enable, so on a disabled row the
+		* button was a no-op the user would read as broken. The repair path for a
+		* button was a no-op the user would read as broken. The repair path for a
+		* disabled account is `actionVerify`, which stays on the row.
+		*/
+		function canActivateAccount(account) {
+			return !account.active && account.state !== "disabled";
+		}
+		/**
+		* Pick the selected account index: defaults to the active account (badge "current")
+		* when present, otherwise falls back to index 0. Clamps to valid bounds.
+		*/
+		function resolveSelectedAccountIndex(accounts, selected) {
+			if (accounts.length === 0) return 0;
+			if (selected !== null) {
+				if (selected >= 0 && selected < accounts.length) return selected;
+				const activePos = accounts.findIndex((a) => a.active);
+				return activePos >= 0 ? activePos : Math.min(Math.max(selected, 0), accounts.length - 1);
+			}
+			const activePos = accounts.findIndex((a) => a.active);
+			return activePos >= 0 ? activePos : 0;
+		}
 		function AccountsTab(props) {
 			const { accounts, busy, handlers, t } = props;
-			const [selected, setSelected] = (0, react.useState)(0);
-			if (accounts.length === 0) return card(t("colAccount"), h("div", { className: "agy-empty" }, t("emptyAccounts")));
-			const index = Math.min(selected, accounts.length - 1);
+			const [selected, setSelected] = (0, react.useState)(null);
+			const selectedRef = (0, react.useRef)(null);
+			const now = Date.now();
+			/**
+			* The live line: who is serving right now, and how much.
+			*
+			* Present ONLY while something is in flight — an idle pool renders no strip,
+			* so the quiet state stays quiet. The dot is the host `StateDot`'s ongoing
+			* state, so the animation is the platform's.
+			*/
+			const liveLine = props.busyNow.length === 0 ? null : (() => {
+				const total = props.busyNow.reduce((sum, entry) => sum + entry.count, 0);
+				const [first] = props.busyNow;
+				const subject = first === void 0 ? "" : first.email ?? `#${first.index}`;
+				return h("div", { className: "agy-live" }, h(_deepseek_ai_dsh_client_ui_primitives.StateDot, {
+					state: "ongoing",
+					size: 8
+				}), h("span", null, props.busyNow.length === 1 ? t("liveOne", {
+					email: subject,
+					count: total
+				}) : t("liveMany", {
+					count: total,
+					accounts: props.busyNow.length
+				})));
+			})();
+			const index = resolveSelectedAccountIndex(accounts, selected);
 			const current = accounts[index];
+			(0, react.useEffect)(() => {
+				selectedRef.current?.scrollIntoView?.({ block: "nearest" });
+			}, [index]);
+			if (accounts.length === 0) return card(t("colAccount"), h("div", { className: "agy-empty" }, t("emptyAccounts")));
 			const rows = accounts.map((account, at) => h("div", {
 				key: String(account.index),
+				ref: at === index ? selectedRef : void 0,
 				className: "agy-rowitem",
 				"data-clickable": "true",
 				"data-selected": at === index,
@@ -1175,30 +1403,35 @@ window.__ModuleLoader__.load({
 					event.preventDefault();
 					setSelected(at);
 				}
-			}, h("div", { className: "agy-rowmain" }, h("div", { className: "agy-rowtitle" }, h("span", { className: "agy-rowname" }, account.email ?? `#${account.index}`), account.active ? h(_deepseek_ai_dsh_client_ui_primitives.Tag, { tone: "info" }, t("currentAccount")) : null), h("div", { className: "agy-rowmeta" }, account.projectId ?? t("noProject"), account.usage === null || account.usage.totals.requests === 0 ? null : ` · ${t("colRequests")} ${account.usage.totals.requests}`)), h("div", { className: "agy-rowactions" }, stateBadge(account.state, account.state === "cooling" ? `${t("coolingUntil")} ${clockTime(account.cooldownUntil)}` : stateLabel(account.state, t)), account.active ? null : button(t("actionActivate"), () => {
+			}, h("div", { className: "agy-rowmain" }, h("div", { className: "agy-rowtitle" }, h("span", { className: "agy-rowname" }, account.email ?? `#${account.index}`), account.active ? h(_deepseek_ai_dsh_client_ui_primitives.Tag, { tone: "info" }, t("currentAccount")) : null), h("div", { className: "agy-rowmeta" }, account.projectId ?? t("noProject"), account.usage === null || account.usage.totals.requests === 0 ? null : ` · ${t("rowRequestsTotal", { n: account.usage.totals.requests })}`, account.usage === null || account.usage.lastUsedAt === null ? null : ` · ${t("lastActive", { ago: agoText(new Date(account.usage.lastUsedAt).toISOString(), t, now) })}`)), h("div", { className: "agy-rowactions" }, stateBadge(account.state, account.state === "cooling" ? `${t("coolingUntil")} ${clockTime(account.cooldownUntil, props.lang)}` : account.state === "verification-required" ? t("verificationRetry", { time: clockTime(account.cooldownUntil, props.lang) }) : stateLabel(account.state, t)), canActivateAccount(account) ? button(t("actionActivate"), () => {
+				setSelected(at);
 				handlers.onActivate(account.index);
 			}, {
 				size: "sm",
 				disabled: busy
-			}), button(t("actionVerify"), () => {
+			}) : null, button(t("actionVerify"), () => {
 				handlers.onVerify(account.index);
 			}, {
 				size: "sm",
 				disabled: busy
-			}), button(t("actionDelete"), () => {
-				handlers.onDelete(account.index);
-			}, {
-				size: "sm",
-				variant: "danger",
-				disabled: busy
 			}))));
-			return h("div", { className: "agy-root" }, h("div", { className: "agy-split-wrap" }, h("div", { className: "agy-split" }, card(t("colAccount"), h("div", { className: "agy-rows" }, ...rows), `${accounts.length}`), current === void 0 ? null : h(AccountDetail, {
+			return h("div", { className: "agy-root" }, h("div", { className: "agy-split-wrap" }, h("div", { className: "agy-split" }, card(t("colAccount"), h("div", null, liveLine, h("div", { className: "agy-rows" }, ...rows)), `${accounts.length}`), current === void 0 ? null : h(AccountDetail, {
 				key: String(current.index),
 				account: current,
 				busy,
-				handlers,
+				handlers: {
+					...handlers,
+					onDelete: (index) => {
+						setSelected(null);
+						handlers.onDelete(index);
+					}
+				},
+				lang: props.lang,
 				t
-			}))));
+			})), h(RecentCard, {
+				rpc: props.rpc,
+				t
+			})));
 		}
 		/**
 		* Models tab: per-model visibility switches, plus the account's model quota in a
@@ -1556,6 +1789,110 @@ window.__ModuleLoader__.load({
 			}))) : null);
 			return card(t("thinkingTitle"), block);
 		}
+		/** Result vocabulary for one recent row; rotation events are their own kind. */
+		function recentResultKind(entry) {
+			if (entry.kind === "rotation") return "rotation";
+			if (entry.rateLimited) return "limited";
+			if (!entry.ok) return "fail";
+			return "ok";
+		}
+		/**
+		* Localized label for a failure-classification token, falling back to the raw
+		* token so a classification added upstream still reads as something.
+		*/
+		function failureReasonLabel(reason, t) {
+			switch (reason) {
+				case "rate-limit": return t("colRateLimited");
+				case "network-error": return t("cooldownReasonNetworkError");
+				case "auth-failure": return t("disabledCredentials");
+				case "verification-required": return t("cooldownReasonValidationRequired");
+				case "quota-exhausted": return t("cooldownReasonQuotaExhausted");
+				case "project-error": return t("cooldownReasonProjectError");
+				default: return reason;
+			}
+		}
+		/**
+		* The result cell's text. Rotation rows say WHY (`reason` rides the record
+		* since the ring captures the classification); a failed request with a
+		* non-rate-limit classification also names it — the rate-limit case is already
+		* the whole RateLimited label, and doubling it reads as a stutter.
+		*/
+		function recentResultText(entry, t) {
+			const kind = recentResultKind(entry);
+			if (kind === "rotation") return entry.reason === null ? t("colRotations") : `${t("colRotations")} · ${failureReasonLabel(entry.reason, t)}`;
+			if (kind === "limited") return t("colRateLimited");
+			if (kind === "fail") return entry.reason === null || entry.reason === "rate-limit" ? t("colFailed") : `${t("colFailed")} · ${failureReasonLabel(entry.reason, t)}`;
+			return t("recentOk");
+		}
+		/**
+		* The "what just happened" list: the most recent records this process saw,
+		* newest first, collapsed by default and polled while open.
+		*
+		* A component (never called directly) — it owns hooks; see ThinkingSamples for
+		* the hook-order rule this file has been bitten by twice. The poll is the same
+		* 3s cadence as the live line and reads the host's memory ring, so an open
+		* list costs nothing upstream.
+		*/
+		function RecentCard(props) {
+			const { rpc, t } = props;
+			const [open, setOpen] = (0, react.useState)(false);
+			const [recent, setRecent] = (0, react.useState)(null);
+			const [error, setError] = (0, react.useState)(void 0);
+			const alive = (0, react.useRef)(true);
+			(0, react.useEffect)(() => {
+				alive.current = true;
+				return () => {
+					alive.current = false;
+				};
+			}, []);
+			const load = (0, react.useCallback)(() => {
+				rpc.call("pool.recent", {}).then((result) => {
+					if (alive.current) {
+						setRecent(result.recent);
+						setError(void 0);
+					}
+				}).catch((caught) => {
+					if (alive.current) setError(caught instanceof Error ? caught.message : String(caught));
+				});
+			}, [rpc]);
+			(0, react.useEffect)(() => {
+				if (open && recent === null) load();
+			}, [
+				open,
+				recent,
+				load
+			]);
+			(0, react.useEffect)(() => {
+				if (!open) return;
+				const timer = setInterval(() => {
+					if (!document.hidden) load();
+				}, POOL_POLL_INTERVAL_MS);
+				return () => {
+					clearInterval(timer);
+				};
+			}, [open, load]);
+			const now = Date.now();
+			return h("div", {
+				className: "agy-disclosure agy-recent",
+				"data-open": open
+			}, h("button", {
+				type: "button",
+				className: "agy-disclosure-toggle",
+				"aria-expanded": open,
+				onClick: () => {
+					setOpen(!open);
+				}
+			}, h("span", { className: "agy-caret" }), h("span", null, t("recentTitle")), recent === null ? null : h("span", { className: "agy-disclosure-meta" }, String(recent.length))), open === false ? null : h("div", { className: "agy-disclosure-body" }, error === void 0 ? null : h("div", { className: "agy-error" }, error), hint(t("recentHelp")), recent === null ? h("div", { className: "agy-empty" }, t("loading")) : recent.length === 0 ? h("div", { className: "agy-empty" }, t("recentEmpty")) : h("div", { className: "agy-table-wrap" }, table(h("tr", null, h("th", { style: { width: "64px" } }, t("colTime")), h("th", { style: { width: "30%" } }, t("colAccount")), h("th", { style: { width: "24%" } }, t("colModel")), h("th", { style: { width: "96px" } }, t("colResult")), h("th", { style: { width: "56px" } }, t("colDuration")), h("th", { style: { width: "48px" } }, t("colOutput"))), recent.map((entry, index) => h("tr", { key: `${entry.at}-${index}` }, h("td", null, recentAgo(entry.at, now, t)), h("td", null, h("span", {
+				className: "agy-mail",
+				title: entry.account ?? void 0
+			}, entry.account === null ? "—" : truncateIdentity(entry.account))), h("td", null, h("span", {
+				className: "agy-mail",
+				title: entry.model ?? void 0
+			}, entry.model === null ? "—" : truncateIdentity(entry.model))), h("td", null, h("span", {
+				className: "agy-recent-state",
+				"data-kind": recentResultKind(entry)
+			}, recentResultText(entry, t))), h("td", null, entry.latencyMs === null ? "—" : formatDuration(entry.latencyMs)), h("td", { className: "agy-num" }, entry.output === null ? "—" : tokenText(entry.output))))))));
+		}
 		const RANGE_IDS = [
 			"today",
 			"week",
@@ -1667,7 +2004,7 @@ window.__ModuleLoader__.load({
 				onClick: () => {
 					setRange(id);
 				}
-			}, rangeLabel(id, t)))), h("span", { className: "agy-grow" }), stats.since === null ? null : h("span", { className: "agy-aside" }, t("since", { date: new Date(stats.since).toLocaleDateString() }))), card(t("usageTitle"), h("div", null, metrics([
+			}, rangeLabel(id, t)))), h("span", { className: "agy-grow" }), stats.since === null ? null : h("span", { className: "agy-aside" }, t("since", { date: new Date(stats.since).toLocaleDateString(props.lang) }))), card(t("usageTitle"), h("div", null, metrics([
 				metric(t("kpiTotalTokens"), total, t("kpiTotalDetail", {
 					requests: counters.requests,
 					failed: counters.failed
@@ -1680,7 +2017,7 @@ window.__ModuleLoader__.load({
 				[t("fieldRateLimitRotation"), `${counters.rateLimited} / ${counters.rotations}`],
 				[t("labelLatencyAverage"), formatDuration(average(counters.latencyMs, counters.latencyN))],
 				[t("labelTtft"), formatDuration(average(counters.ttftMs, counters.ttftN))]
-			])), view.models.length === 0 ? null : card(t("byModel"), h("div", { className: "agy-table-wrap" }, table(h("tr", null, h("th", null, t("colModel")), numHeader(0, t("colRequests")), numHeader(1, t("kpiInput")), numHeader(2, t("kpiCacheRead")), numHeader(3, t("colOutput")), numHeader(4, t("colTokenShare"))), view.models.map((row) => h("tr", { key: row.model }, h("td", { className: "agy-strong" }, h("span", { className: "agy-mail" }, row.model)), h("td", { className: "agy-num" }, String(row.counters.requests)), h("td", { className: "agy-num" }, tokenText(promptTokens(row.counters))), h("td", { className: "agy-num" }, tokenText(row.counters.cacheRead)), h("td", { className: "agy-num" }, tokenText(row.counters.output)), h("td", { className: "agy-num" }, h("span", { className: "agy-bar" }, h("span", { className: "agy-track" }, h("i", { style: { width: `${Math.round(totalTokens(row.counters) / Math.max(1, total) * 100)}%` } }))))))))), view.accounts.length === 0 ? null : card(t("byAccount"), h("div", { className: "agy-table-wrap" }, table(h("tr", null, h("th", null, t("colAccount")), numHeader(0, t("colRequests")), numHeader(1, t("colToken")), numHeader(2, t("colFailed")), numHeader(3, t("colRateLimited")), numHeader(4, t("colRotations"))), view.accounts.map((row) => h("tr", { key: row.account }, h("td", { className: "agy-strong" }, h("span", { className: "agy-mail" }, row.account)), h("td", { className: "agy-num" }, String(row.counters.requests)), h("td", { className: "agy-num" }, tokenText(totalTokens(row.counters))), h("td", { className: "agy-num" }, String(row.counters.failed)), h("td", { className: "agy-num" }, String(row.counters.rateLimited)), h("td", { className: "agy-num" }, String(row.counters.rotations))))))));
+			])), card(t("trendTitle"), h("div", { className: "agy-table-wrap" }, table(h("tr", null, h("th", null, t("colDay")), numHeader(0, t("colRequests")), numHeader(1, t("colFailed")), numHeader(2, t("colRateLimited")), numHeader(3, t("colRotations"))), stats.days.map((row) => h("tr", { key: row.day }, h("td", null, dayLabel(row.day, props.lang)), h("td", { className: "agy-num" }, String(row.requests)), h("td", { className: "agy-num" }, String(row.failed)), h("td", { className: "agy-num" }, String(row.rateLimited)), h("td", { className: "agy-num" }, String(row.rotations))))))), view.models.length === 0 ? null : card(t("byModel"), h("div", { className: "agy-table-wrap" }, table(h("tr", null, h("th", null, t("colModel")), numHeader(0, t("colRequests")), numHeader(1, t("kpiInput")), numHeader(2, t("kpiCacheRead")), numHeader(3, t("colOutput")), numHeader(4, t("colTokenShare"))), view.models.map((row) => h("tr", { key: row.model }, h("td", { className: "agy-strong" }, h("span", { className: "agy-mail" }, row.model)), h("td", { className: "agy-num" }, String(row.counters.requests)), h("td", { className: "agy-num" }, tokenText(promptTokens(row.counters))), h("td", { className: "agy-num" }, tokenText(row.counters.cacheRead)), h("td", { className: "agy-num" }, tokenText(row.counters.output)), h("td", { className: "agy-num" }, h("span", { className: "agy-bar" }, h("span", { className: "agy-track" }, h("i", { style: { width: `${Math.round(totalTokens(row.counters) / Math.max(1, total) * 100)}%` } }))))))))), view.accounts.length === 0 ? null : card(t("byAccount"), h("div", { className: "agy-table-wrap" }, table(h("tr", null, h("th", null, t("colAccount")), numHeader(0, t("colRequests")), numHeader(1, t("colToken")), numHeader(2, t("colFailed")), numHeader(3, t("colRateLimited")), numHeader(4, t("colRotations"))), view.accounts.map((row) => h("tr", { key: row.account }, h("td", { className: "agy-strong" }, h("span", { className: "agy-mail" }, row.account)), h("td", { className: "agy-num" }, String(row.counters.requests)), h("td", { className: "agy-num" }, tokenText(totalTokens(row.counters))), h("td", { className: "agy-num" }, String(row.counters.failed)), h("td", { className: "agy-num" }, String(row.counters.rateLimited)), h("td", { className: "agy-num" }, String(row.counters.rotations))))))));
 		}
 		function CredentialsTab(props) {
 			const { t } = props;
@@ -1720,6 +2057,15 @@ window.__ModuleLoader__.load({
 			/** Model ids whose own test call is in flight (see the per-row test button). */
 			const [modelTesting, setModelTesting] = (0, react.useState)(() => /* @__PURE__ */ new Set());
 			const [stats, setStats] = (0, react.useState)(null);
+			/**
+			* Accounts with upstream requests in flight, from the polled `pool.status`.
+			*
+			* A poll, not a push: the section has no push channel, and the call is a pure
+			* in-memory read on the host. A failed poll is display-only and stays silent —
+			* the previous frame (including "idle") holds until the next tick, which is
+			* the honest degradation for a status line.
+			*/
+			const [poolBusy, setPoolBusy] = (0, react.useState)([]);
 			const [error, setError] = (0, react.useState)(void 0);
 			/** A non-fatal outcome worth reporting (e.g. a partial credential import). */
 			const [notice, setNoticeState] = (0, react.useState)(void 0);
@@ -1821,7 +2167,8 @@ window.__ModuleLoader__.load({
 						return {
 							...account,
 							limits: entry.groups,
-							limitsUpdatedAt: entry.updatedAt
+							limitsUpdatedAt: entry.updatedAt,
+							limitBurn: entry.burn ?? account.limitBurn
 						};
 					}));
 					if (report) {
@@ -1841,6 +2188,19 @@ window.__ModuleLoader__.load({
 			(0, react.useEffect)(() => {
 				refresh();
 			}, [refresh]);
+			(0, react.useEffect)(() => {
+				const tick = () => {
+					if (document.hidden) return;
+					rpc.call("pool.status", {}).then((result) => {
+						if (alive.current) setPoolBusy(result.busy);
+					}).catch(() => {});
+				};
+				tick();
+				const timer = setInterval(tick, POOL_POLL_INTERVAL_MS);
+				return () => {
+					clearInterval(timer);
+				};
+			}, [rpc]);
 			(0, react.useEffect)(() => {
 				if (tab === "accounts" && accounts.length > 0) loadLimits();
 			}, [
@@ -2054,7 +2414,10 @@ window.__ModuleLoader__.load({
 			const body = tab === "accounts" ? h(AccountsTab, {
 				accounts,
 				busy,
+				busyNow: poolBusy,
 				handlers,
+				lang: props.lang,
+				rpc,
 				t
 			}) : tab === "models" ? modelError === void 0 ? h(ModelsTab, {
 				models,
@@ -2131,6 +2494,7 @@ window.__ModuleLoader__.load({
 				loadModels();
 			}, { size: "sm" })) : tab === "usage" ? h(UsageTab, {
 				stats,
+				lang: props.lang,
 				t
 			}) : h(CredentialsTab, {
 				busy,
@@ -2184,6 +2548,7 @@ window.__ModuleLoader__.load({
 			}
 			const rpc = createRpc(connection);
 			const t = ctx.locale.bind(NS);
+			const lang = ctx.locale.getLocale?.().active;
 			ctx.effect(() => ctx.slots.inject("settings.section", () => ctx.slots.register({
 				name: "settings.section",
 				id: "agy",
@@ -2192,15 +2557,20 @@ window.__ModuleLoader__.load({
 				label: () => t("title")
 			}, () => h(AgySettings, {
 				rpc,
-				t
+				t,
+				lang
 			}))), "dsh-agy: Settings section");
 		}
 		//#endregion
 		exports.AgySettings = AgySettings;
 		exports.apply = apply;
+		exports.canActivateAccount = canActivateAccount;
 		exports.inject = inject;
 		exports.orderModels = orderModels;
+		exports.resolveSelectedAccountIndex = resolveSelectedAccountIndex;
+		exports.throughputTokenPerSecond = throughputTokenPerSecond;
 		exports.tokenText = tokenText;
+		exports.truncateIdentity = truncateIdentity;
 		return module.exports;
 	}
 });