@cassius0924/dsh-usage-dashboard 0.8.0 → 0.8.3

package/lib/client.js

@@ -26,7 +26,7 @@ __export(index_exports, {
   name: () => name
 });
 module.exports = __toCommonJS(index_exports);
-var import_react7 = require("react");
+var import_react10 = require("react");
 
 // src/client/boundary.tsx
 var import_react = require("react");
@@ -89,9 +89,9 @@ function loadPersisted(storageKey, isUsable) {
 function pruneOldVersions(storageKey) {
   if (typeof localStorage === "undefined") return;
   try {
-    const current = `${storageKey}:v${LS_VERSION}`;
+    const current2 = `${storageKey}:v${LS_VERSION}`;
     for (const key of Object.keys(localStorage)) {
-      if (key.startsWith(`${storageKey}:v`) && key !== current) localStorage.removeItem(key);
+      if (key.startsWith(`${storageKey}:v`) && key !== current2) localStorage.removeItem(key);
     }
   } catch {
   }
@@ -118,6 +118,17 @@ function createCache(ttlMs, storageKey, isUsable) {
 
 // src/contract.ts
 var USAGE_WINDOW_DAYS = [7, 30, 90, 365];
+var SESSION_ID_PATTERN = /^[A-Za-z0-9_-]{1,128}$/;
+var isValidSessionId = (id) => SESSION_ID_PATTERN.test(id);
+var BREAKER_API = {
+  state: "/api/dsh-usage-dashboard/breaker",
+  release: "/api/dsh-usage-dashboard/breaker/release"
+};
+var isBreakerSettings = (value) => {
+  if (typeof value !== "object" || value === null) return false;
+  const candidate = value;
+  return typeof candidate.enabled === "boolean" && Array.isArray(candidate.sessions) && candidate.sessions.every((session) => typeof session === "string" && isValidSessionId(session));
+};
 
 // src/client/api.ts
 var BALANCE_TTL_MS = 6e4;
@@ -195,15 +206,15 @@ var sessionUsageCache = /* @__PURE__ */ new Map();
 var sessionUsageListeners = /* @__PURE__ */ new Map();
 var getCachedSessionUsage = (sessionId) => sessionUsageCache.get(sessionId) ?? null;
 var subscribeSessionUsage = (sessionId, fn) => {
-  let listeners = sessionUsageListeners.get(sessionId);
-  if (listeners === void 0) {
-    listeners = /* @__PURE__ */ new Set();
-    sessionUsageListeners.set(sessionId, listeners);
+  let listeners2 = sessionUsageListeners.get(sessionId);
+  if (listeners2 === void 0) {
+    listeners2 = /* @__PURE__ */ new Set();
+    sessionUsageListeners.set(sessionId, listeners2);
   }
-  listeners.add(fn);
+  listeners2.add(fn);
   return () => {
-    listeners?.delete(fn);
-    if (listeners?.size === 0) sessionUsageListeners.delete(sessionId);
+    listeners2?.delete(fn);
+    if (listeners2?.size === 0) sessionUsageListeners.delete(sessionId);
   };
 };
 var publishSessionUsage = (sessionId, response) => {
@@ -230,20 +241,118 @@ async function fetchSessionUsage(sessionId, force = false) {
   sessionUsageInflight.set(sessionId, tracked);
   return tracked;
 }
+async function breakerRequest(url, init) {
+  try {
+    const response = await fetch(url, {
+      method: init.method,
+      cache: "no-store",
+      headers: init.body === void 0 ? { accept: "application/json" } : { accept: "application/json", "content-type": "application/json" },
+      ...init.body === void 0 ? {} : { body: init.body }
+    });
+    if (!response.ok) return { ok: false, error: `HTTP ${response.status}` };
+    return await response.json();
+  } catch (error) {
+    return { ok: false, error: error instanceof Error ? error.message : String(error) };
+  }
+}
+async function fetchBreaker() {
+  return breakerRequest(BREAKER_API.state, { method: "GET" });
+}
+async function updateBreaker(request) {
+  return breakerRequest(BREAKER_API.state, { method: "PUT", body: JSON.stringify(request) });
+}
+async function releaseBreaker(request) {
+  return breakerRequest(
+    BREAKER_API.release,
+    request === void 0 ? { method: "POST" } : { method: "POST", body: JSON.stringify(request) }
+  );
+}
 
 // src/client/dashboard.tsx
-var import_react4 = require("react");
+var import_react5 = require("react");
 
-// src/client/budget.ts
+// src/client/breaker.ts
 var BEIJING_OFFSET_MS = 8 * 60 * 60 * 1e3;
+var SHORT_SESSION_ID = 8;
+function breakerIsUsable(res) {
+  if (res === null || res === void 0 || res.ok !== true) return false;
+  const data = res.data;
+  if (data === void 0 || data === null) return false;
+  return isBreakerSettings(data) && Array.isArray(data.holding) && data.holding.every((id) => typeof id === "string") && typeof data.now === "string" && typeof data.peak === "boolean" && (data.resumeAt === null || typeof data.resumeAt === "string") && Array.isArray(data.peakWindows) && data.peakWindows.every((window2) => typeof window2 === "string");
+}
+function beijingClock(iso) {
+  if (typeof iso !== "string" || iso === "") return null;
+  const ms = Date.parse(iso);
+  if (!Number.isFinite(ms)) return null;
+  const beijing = new Date(ms + BEIJING_OFFSET_MS);
+  const hours = String(beijing.getUTCHours()).padStart(2, "0");
+  const minutes = String(beijing.getUTCMinutes()).padStart(2, "0");
+  return `${hours}:${minutes}`;
+}
+function isSessionOptedIn(data, sessionId) {
+  if (data === null || sessionId === null || sessionId === void 0 || sessionId === "") return false;
+  return Array.isArray(data.sessions) && data.sessions.includes(sessionId);
+}
+function isSessionEnabled(data, sessionId) {
+  if (data === null || data.enabled !== true) return false;
+  return isSessionOptedIn(data, sessionId);
+}
+function sessionBreakerState(data, sessionId) {
+  if (!isSessionEnabled(data, sessionId)) return "off";
+  return data !== null && Array.isArray(data.holding) && data.holding.includes(sessionId) ? "holding" : "on";
+}
+function withSessionToggled(data, sessionId, enabled) {
+  if (data === null) return null;
+  const sessions = enabled ? data.sessions.includes(sessionId) ? data.sessions : [...data.sessions, sessionId] : data.sessions.filter((id) => id !== sessionId);
+  const holding = enabled ? data.holding : data.holding.filter((id) => id !== sessionId);
+  return { ...data, sessions, holding };
+}
+function withMasterToggled(data, enabled) {
+  if (data === null) return null;
+  return { ...data, enabled, holding: enabled ? data.holding : [] };
+}
+function shortSessionId(sessionId) {
+  const trimmed = sessionId.trim();
+  return trimmed.length <= SHORT_SESSION_ID ? trimmed : `${trimmed.slice(0, SHORT_SESSION_ID)}\u2026`;
+}
+function breakerPhase(data) {
+  if (data === null) return "unavailable";
+  if (!data.enabled) return "masterOff";
+  if (!data.peak) return "offPeak";
+  return data.holding.length > 0 ? "peakHolding" : "peak";
+}
+
+// src/client/breaker-state.ts
+var import_react2 = require("react");
+var current = null;
+var listeners = /* @__PURE__ */ new Set();
+function getBreakerData() {
+  return current;
+}
+function publishBreakerData(data) {
+  current = data;
+  for (const listener of [...listeners]) listener();
+}
+function subscribeBreakerData(listener) {
+  listeners.add(listener);
+  return () => {
+    listeners.delete(listener);
+  };
+}
+function useBreakerData() {
+  return (0, import_react2.useSyncExternalStore)(subscribeBreakerData, getBreakerData, getBreakerData);
+}
+
+// src/client/budget.ts
+var BEIJING_OFFSET_MS2 = 8 * 60 * 60 * 1e3;
 function budgetSnapshot(spentValue, budgetValue, nowMs = Date.now()) {
   const spent = Number.isFinite(spentValue) ? Math.max(0, spentValue) : 0;
   const budget = Number.isFinite(budgetValue) ? Math.max(0, budgetValue) : 0;
-  const beijingNow = new Date(nowMs + BEIJING_OFFSET_MS);
+  const beijingNow = new Date(nowMs + BEIJING_OFFSET_MS2);
   const year = beijingNow.getUTCFullYear();
   const month = beijingNow.getUTCMonth();
-  const start = Date.UTC(year, month, 1) - BEIJING_OFFSET_MS;
-  const end = Date.UTC(year, month + 1, 1) - BEIJING_OFFSET_MS;
+  const start = Date.UTC(year, month, 1) - BEIJING_OFFSET_MS2;
+  const end = Date.UTC(year, month + 1, 1) - BEIJING_OFFSET_MS2;
   const elapsedRatio = Math.min(1, Math.max(1 / (end - start), (nowMs - start) / (end - start)));
   const forecast = spent / elapsedRatio;
   const ratio = budget > 0 ? spent / budget : 0;
@@ -254,12 +363,12 @@ function budgetSnapshot(spentValue, budgetValue, nowMs = Date.now()) {
 }
 
 // src/client/charts.tsx
-var import_react3 = require("react");
+var import_react4 = require("react");
 
 // src/client/chart-focus.ts
-function nextChartFocus(current, count, key, horizontalStep = 1) {
+function nextChartFocus(current2, count, key, horizontalStep = 1) {
   if (count <= 0) return 0;
-  const index = Math.min(Math.max(0, current), count - 1);
+  const index = Math.min(Math.max(0, current2), count - 1);
   if (key === "Home") return 0;
   if (key === "End") return count - 1;
   const step = key === "ArrowLeft" || key === "ArrowRight" ? Math.max(1, horizontalStep) : 1;
@@ -272,8 +381,8 @@ function lastPopulatedIndex(values) {
   }
   return Math.max(0, values.length - 1);
 }
-function nextPinnedIndex(current, tapped) {
-  return current === tapped ? null : tapped;
+function nextPinnedIndex(current2, tapped) {
+  return current2 === tapped ? null : tapped;
 }
 function isTapGesture(dx, dy, dt, moveThreshold = 10, timeThreshold = 500) {
   return Math.hypot(dx, dy) <= moveThreshold && dt <= timeThreshold;
@@ -288,7 +397,7 @@ function maxOrOne(values) {
 }
 
 // src/client/i18n.tsx
-var import_react2 = require("react");
+var import_react3 = require("react");
 
 // src/client/locales.ts
 var NS = "dsh-usage-dashboard";
@@ -481,6 +590,7 @@ var zh = {
   "balance.granted": "\u8D60\u9001\u989D\u5EA6 {amount}",
   "balance.runway": "\u9884\u8BA1\u53EF\u7528",
   "balance.runwayBreakdownTitle": "\u67E5\u770B\u9884\u8BA1\u53EF\u7528\u5929\u6570\u8BF4\u660E",
+  "balance.topUpTitle": "\u4F59\u989D\u504F\u4F4E\uFF0C\u524D\u5F80 DeepSeek \u5F00\u653E\u5E73\u53F0\u5145\u503C\uFF08\u65B0\u6807\u7B7E\u9875\u6253\u5F00\uFF09",
   "balance.days": "{count} \u5929",
   "balance.overYear": "> 365 \u5929",
   "balance.noRunway": "\u8FD1 {days} \u5929\u6CA1\u6709\u7528\u91CF\uFF0C\u65E0\u6CD5\u4F30\u7B97",
@@ -519,6 +629,9 @@ var zh = {
   "settings.widgetTabs": "\u5C55\u793A\u6D6E\u7A97\u7684\u9875\u9762",
   "settings.widgetTabsHint": "\u5217\u8868\u4F1A\u968F\u5DF2\u5B89\u88C5\u7684\u9875\u9762\u81EA\u52A8\u66F4\u65B0\u3002",
   "settings.widgetTabsEmpty": "\u5F53\u524D\u6CA1\u6709\u53EF\u914D\u7F6E\u7684\u4F1A\u8BDD\u9875\u9762\u3002",
+  "settings.peakPause": "\u9AD8\u5CF0\u6682\u505C",
+  "settings.peakPauseHint": "\u603B\u5F00\u5173\uFF1B\u5173\u95ED\u540E\u6240\u6709\u4F1A\u8BDD\u90FD\u4E0D\u6682\u505C\u3002\u6BCF\u4E2A\u4F1A\u8BDD\u7684\u5F00\u5173\u4F1A\u4FDD\u7559\uFF0C\u53EF\u968F\u65F6\u91CD\u65B0\u6253\u5F00\u3002",
+  "settings.peakPauseLoading": "\u6B63\u5728\u8BFB\u53D6\u603B\u5F00\u5173\u72B6\u6001\u2026",
   "settings.lowBalance": "\u4F59\u989D\u9884\u8B66\u7EBF",
   "settings.lowBalanceOn": "\u4F59\u989D\u4F4E\u4E8E {amount} {currency} \u65F6\uFF0C\u8FD9\u91CC\u548C\u60AC\u6D6E\u7A97\u90FD\u4F1A\u8F6C\u4E3A\u8B66\u793A\u8272\u3002\u586B 0 \u5173\u95ED\u3002",
   "settings.lowBalanceOff": "\u5DF2\u5173\u95ED\u4F59\u989D\u9884\u8B66\u3002\u586B\u4E00\u4E2A\u5927\u4E8E 0 \u7684\u6570\u5F00\u542F\u3002",
@@ -535,6 +648,32 @@ var zh = {
   "settings.tabDragAria": "\u62D6\u52A8\u300C\u989D\u5EA6\u300D\u8C03\u6574\u6807\u7B7E\u4F4D\u7F6E",
   "settings.tabMoveEarlier": "\u524D\u79FB",
   "settings.tabMoveLater": "\u540E\u79FB",
+  "breaker.title": "\u9AD8\u5CF0\u6682\u505C",
+  "breaker.desc": "\u5728\u5BF9\u8BDD\u8F93\u5165\u6846\u65C1\u6309\u4F1A\u8BDD\u5F00\u542F\uFF1B\u9AD8\u5CF0\u65F6\u6BB5\u81EA\u52A8\u6682\u505C\u8BE5\u4F1A\u8BDD\uFF0C18:00 \u7EE7\u7EED\u3002\u81EA\u52A8\u5316\u4EFB\u52A1\u4E0D\u53D7\u5F71\u54CD\uFF1B\u603B\u5F00\u5173\u5728\u300C\u8BBE\u7F6E\u300D\u5361\u91CC\u3002",
+  "breaker.pillOff": "\u9AD8\u5CF0\u6682\u505C \xB7 \u5173",
+  "breaker.pillOn": "\u9AD8\u5CF0\u6682\u505C \xB7 \u5F00",
+  "breaker.pillHolding": "\u5DF2\u6682\u505C \xB7 {clock}",
+  "breaker.pillAriaOff": "\u9AD8\u5CF0\u6682\u505C\uFF1A\u672C\u4F1A\u8BDD\u5173\u95ED\uFF0C\u70B9\u51FB\u5F00\u542F",
+  "breaker.pillAriaOn": "\u9AD8\u5CF0\u6682\u505C\uFF1A\u672C\u4F1A\u8BDD\u5F00\u542F\uFF0C{clock} \u7EE7\u7EED\uFF0C\u70B9\u51FB\u5173\u95ED",
+  "breaker.pillAriaHolding": "\u9AD8\u5CF0\u6682\u505C\uFF1A\u672C\u4F1A\u8BDD\u6B63\u5728\u6682\u505C\uFF0C{clock} \u7EE7\u7EED\uFF0C\u70B9\u51FB\u5173\u95ED",
+  "breaker.pillAriaMasterOff": "\u9AD8\u5CF0\u6682\u505C\uFF1A\u603B\u5F00\u5173\u5DF2\u5173\u95ED\uFF0C\u672C\u4F1A\u8BDD\u4E0D\u4F1A\u6682\u505C\uFF1B\u70B9\u51FB\u53EA\u5207\u6362\u672C\u4F1A\u8BDD\u5F00\u5173",
+  "breaker.pillTitleOff": "\u9AD8\u5CF0\u65F6\u6BB5\u6682\u505C\u672C\u4F1A\u8BDD\uFF1A\u5F53\u524D\u5173\u95ED\uFF0C\u70B9\u51FB\u5F00\u542F",
+  "breaker.pillTitleOn": "\u9AD8\u5CF0\u65F6\u6BB5\u6682\u505C\u672C\u4F1A\u8BDD\uFF1A\u5F53\u524D\u5F00\u542F\uFF0C{clock} \u7EE7\u7EED\uFF1B\u70B9\u51FB\u5173\u95ED",
+  "breaker.pillTitleHolding": "\u672C\u4F1A\u8BDD\u6B63\u5728\u6682\u505C\uFF0C{clock} \u7EE7\u7EED\uFF1B\u70B9\u51FB\u5173\u95ED",
+  "breaker.pillTitleMasterOff": "\u9AD8\u5CF0\u6682\u505C\u7684\u603B\u5F00\u5173\u5DF2\u5728\u989D\u5EA6\u9875\u5173\u95ED\uFF0C\u672C\u4F1A\u8BDD\u4E0D\u4F1A\u6682\u505C\uFF1B\u70B9\u51FB\u53EA\u5207\u6362\u672C\u4F1A\u8BDD\u5F00\u5173",
+  "breaker.actionError": "\u64CD\u4F5C\u5931\u8D25\uFF1A{error}",
+  "breaker.loading": "\u8F7D\u5165\u4E2D\u2026",
+  "breaker.statusUnavailable": "\u72B6\u6001\u6682\u4E0D\u53EF\u7528",
+  "breaker.statusMasterOff": "\u603B\u5F00\u5173\u5DF2\u5173\u95ED\uFF0C\u6240\u6709\u4F1A\u8BDD\u90FD\u4E0D\u6682\u505C\uFF1B\u53EF\u5728\u300C\u8BBE\u7F6E\u300D\u5361\u91CD\u65B0\u6253\u5F00",
+  "breaker.statusOffPeak": "\u95F2\u65F6 \xB7 \u4E0D\u6682\u505C\u4F1A\u8BDD",
+  "breaker.statusPeak": "\u9AD8\u5CF0\u65F6\u6BB5 \xB7 \u5F00\u542F\u7684\u4F1A\u8BDD\u4F1A\u81EA\u52A8\u6682\u505C",
+  "breaker.statusHolding": "\u5DF2\u6682\u505C {count} \u4E2A\u4F1A\u8BDD \xB7 {clock} \u7EE7\u7EED",
+  "breaker.statusHoldingNoClock": "\u5DF2\u6682\u505C {count} \u4E2A\u4F1A\u8BDD",
+  "breaker.release": "\u7ACB\u5373\u5168\u90E8\u7EE7\u7EED",
+  "breaker.releaseBusy": "\u6B63\u5728\u7EE7\u7EED\u2026",
+  "breaker.empty": "\u8FD8\u6CA1\u6709\u4F1A\u8BDD\u5F00\u542F\u9AD8\u5CF0\u6682\u505C\u3002\u5728\u5BF9\u8BDD\u8F93\u5165\u6846\u65C1\u7684\u300C\u9AD8\u5CF0\u6682\u505C\u300D\u5F00\u5173\u91CC\u5F00\u542F\u3002",
+  "breaker.rowDisableAria": "\u5173\u95ED\u300C{title}\u300D\u7684\u9AD8\u5CF0\u6682\u505C",
+  "breaker.holding": "\u6682\u505C\u4E2D \xB7 {clock}",
   "panel.caption": "\u8D26\u6237\u7EA7 \xB7 \u8DE8\u5168\u90E8\u4F1A\u8BDD",
   "panel.openAria": "\u6253\u5F00\u989D\u5EA6\u9875",
   "widget.updatedNow": "\u521A\u521A\u66F4\u65B0",
@@ -554,6 +693,9 @@ var zh = {
   "widget.expandAria": "\u5C55\u5F00\u989D\u5EA6\u7A97\u53E3",
   "widget.collapseAria": "\u6536\u8D77\u989D\u5EA6\u7A97\u53E3",
   "messageCost.label": "\u672C\u8F6E\u8D39\u7528",
+  "sessionCost.title": "\u4F1A\u8BDD\u8D39\u7528",
+  "sessionCost.aria": "\u672C\u4F1A\u8BDD\u4F30\u7B97\u8D39\u7528 {amount}",
+  "sessionCost.active": "\u6D3B\u8DC3\u65F6\u95F4",
   "messageCost.tooltip": "\u7531 dsh-usage-dashboard \u63D0\u4F9B \xB7 \u672C\u8F6E\u5BF9\u8BDD\u8D39\u7528\u4E3A\u4F30\u7B97\u503C",
   "messageCost.aria": "{amount}\uFF0C\u672C\u8F6E\u5BF9\u8BDD\u4F30\u7B97\u8D39\u7528\uFF0C\u7531 dsh-usage-dashboard \u63D0\u4F9B",
   "boundary.title": "\u989D\u5EA6\u9762\u677F\u51FA\u9519\u4E86",
@@ -749,6 +891,7 @@ var en = {
   "balance.granted": "Granted {amount}",
   "balance.runway": "Estimated runway",
   "balance.runwayBreakdownTitle": "View estimated runway details",
+  "balance.topUpTitle": "Low balance \u2014 top up on the DeepSeek platform (opens a new tab)",
   "balance.days": "{count} days",
   "balance.overYear": "> 365 days",
   "balance.noRunway": "No usage in the last {days} days, so runway cannot be estimated",
@@ -787,6 +930,9 @@ var en = {
   "settings.widgetTabs": "Show widget on",
   "settings.widgetTabsHint": "Updates automatically as views are installed.",
   "settings.widgetTabsEmpty": "There are no configurable conversation views right now.",
+  "settings.peakPause": "Peak pause",
+  "settings.peakPauseHint": "Master switch; when off no conversation pauses. Per-conversation switches are kept and can be turned back on at any time.",
+  "settings.peakPauseLoading": "Reading the master switch\u2026",
   "settings.lowBalance": "Balance warning",
   "settings.lowBalanceOn": "This page and the widget turn amber below {amount} {currency}. Enter 0 to disable.",
   "settings.lowBalanceOff": "Balance warnings are off. Enter an amount above 0 to enable them.",
@@ -803,6 +949,32 @@ var en = {
   "settings.tabDragAria": "Drag Usage to change its tab position",
   "settings.tabMoveEarlier": "Move earlier",
   "settings.tabMoveLater": "Move later",
+  "breaker.title": "Peak pause",
+  "breaker.desc": "Turn it on per conversation beside the composer; during peak hours that session pauses and resumes at 18:00. Automated tasks are unaffected; the master switch is in Settings.",
+  "breaker.pillOff": "Peak pause \xB7 off",
+  "breaker.pillOn": "Peak pause \xB7 on",
+  "breaker.pillHolding": "Paused \xB7 {clock}",
+  "breaker.pillAriaOff": "Peak pause: off for this conversation, click to turn on",
+  "breaker.pillAriaOn": "Peak pause: on for this conversation, resumes at {clock}, click to turn off",
+  "breaker.pillAriaHolding": "Peak pause: this conversation is paused now, resumes at {clock}, click to turn off",
+  "breaker.pillAriaMasterOff": "Peak pause: the master switch is off, so this conversation will not pause; clicking only flips this conversation",
+  "breaker.pillTitleOff": "Pause this conversation during peak hours: currently off, click to turn on",
+  "breaker.pillTitleOn": "Pause this conversation during peak hours: currently on, resumes at {clock}; click to turn off",
+  "breaker.pillTitleHolding": "This conversation is paused and resumes at {clock}; click to turn off",
+  "breaker.pillTitleMasterOff": "The Peak pause master switch is off on the Usage page, so this conversation will not pause; clicking only flips this conversation",
+  "breaker.actionError": "Action failed: {error}",
+  "breaker.loading": "Loading\u2026",
+  "breaker.statusUnavailable": "Status unavailable",
+  "breaker.statusMasterOff": "Master switch is off; no conversation pauses. Turn it back on in Settings.",
+  "breaker.statusOffPeak": "Off-peak \xB7 nothing is paused",
+  "breaker.statusPeak": "Peak hours \xB7 conversations with it on pause automatically",
+  "breaker.statusHolding": "{count} conversations paused \xB7 resumes at {clock}",
+  "breaker.statusHoldingNoClock": "{count} conversations paused",
+  "breaker.release": "Resume all now",
+  "breaker.releaseBusy": "Resuming\u2026",
+  "breaker.empty": "No conversation has Peak pause on yet. Turn it on with the Peak pause switch beside the composer.",
+  "breaker.rowDisableAria": "Turn off Peak pause for {title}",
+  "breaker.holding": "Paused \xB7 {clock}",
   "panel.caption": "Account-wide \xB7 across all sessions",
   "panel.openAria": "Open Usage",
   "widget.updatedNow": "Updated just now",
@@ -822,6 +994,9 @@ var en = {
   "widget.expandAria": "Expand balance widget",
   "widget.collapseAria": "Collapse balance widget",
   "messageCost.label": "Turn cost",
+  "sessionCost.title": "Session cost",
+  "sessionCost.aria": "Estimated session cost {amount}",
+  "sessionCost.active": "Active time",
   "messageCost.tooltip": "Provided by dsh-usage-dashboard \xB7 estimated cost for this turn",
   "messageCost.aria": "{amount}, estimated cost for this turn, provided by dsh-usage-dashboard",
   "boundary.title": "The usage dashboard crashed",
@@ -831,17 +1006,24 @@ var en = {
 
 // src/client/i18n.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
+var INTL_LOCALES = {
+  zh: "zh-CN",
+  en: "en-US"
+};
+function intlLocale(locale) {
+  return INTL_LOCALES[locale];
+}
 var fallbackT = (key, params) => {
   const template = zh[key];
   if (params === void 0) return template;
   return template.replace(/\{(\w+)\}/g, (match, name2) => name2 in params ? String(params[name2]) : match);
 };
-var TranslationContext = (0, import_react2.createContext)(fallbackT);
+var TranslationContext = (0, import_react3.createContext)(fallbackT);
 function LocaleProvider(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(TranslationContext.Provider, { value: props.t, children: props.children });
 }
 function useI18n() {
-  const t = (0, import_react2.useContext)(TranslationContext);
+  const t = (0, import_react3.useContext)(TranslationContext);
   return { t, locale: t("meta.locale") === "en" ? "en" : "zh" };
 }
 function localizeApiError(message, t, fallback) {
@@ -872,11 +1054,11 @@ function localizeApiError(message, t, fallback) {
 // src/client/charts.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function useChartTip() {
-  const wrapRef = (0, import_react3.useRef)(null);
-  const [tip, setTip] = (0, import_react3.useState)(null);
-  const [pinned, setPinned] = (0, import_react3.useState)(null);
-  const pinnedRef = (0, import_react3.useRef)(null);
-  const touchStart = (0, import_react3.useRef)(null);
+  const wrapRef = (0, import_react4.useRef)(null);
+  const [tip, setTip] = (0, import_react4.useState)(null);
+  const [pinned, setPinned] = (0, import_react4.useState)(null);
+  const pinnedRef = (0, import_react4.useRef)(null);
+  const touchStart = (0, import_react4.useRef)(null);
   const setPin = (next) => {
     pinnedRef.current = next;
     setPinned(next);
@@ -915,7 +1097,7 @@ function useChartTip() {
     if (next === null) setTip(null);
     else showAt(e.currentTarget, text, e.clientX, e.clientY);
   };
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     if (pinned === null) return void 0;
     const onDocPointerDown = (e) => {
       const wrap = wrapRef.current;
@@ -929,9 +1111,9 @@ function useChartTip() {
   return { wrapRef, tip, pinned, show, showFocused, hide, onPointStart, onPointEnd };
 }
 function useRovingChartPoints(count, initial, horizontalStep = 1) {
-  const refs = (0, import_react3.useRef)([]);
-  const [active, setActive] = (0, import_react3.useState)(initial);
-  (0, import_react3.useEffect)(() => setActive(Math.min(Math.max(0, initial), Math.max(0, count - 1))), [count, initial]);
+  const refs = (0, import_react4.useRef)([]);
+  const [active, setActive] = (0, import_react4.useState)(initial);
+  (0, import_react4.useEffect)(() => setActive(Math.min(Math.max(0, initial), Math.max(0, count - 1))), [count, initial]);
   const onKeyDown = (event, index) => {
     if (!["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"].includes(event.key)) return;
     event.preventDefault();
@@ -956,10 +1138,10 @@ var MODEL_COLORS = ["#4176e6", "#2da44e", "#e16f24", "#8250df", "#bf8700", "#cf2
 function Bars(props) {
   const { data, height = 120, labelEvery = 1, minWidth } = props;
   const { wrapRef, tip, pinned, show, showFocused, hide, onPointStart, onPointEnd } = useChartTip();
-  const scrollRef = (0, import_react3.useRef)(null);
+  const scrollRef = (0, import_react4.useRef)(null);
   const initialFocus = lastPopulatedIndex(data.map((datum) => datum.value));
   const roving = useRovingChartPoints(data.length, initialFocus);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     const scroll = scrollRef.current;
     if (scroll !== null && minWidth !== void 0) scroll.scrollLeft = scroll.scrollWidth;
   }, [data.length, minWidth]);
@@ -1001,11 +1183,11 @@ function Bars(props) {
 function GroupedBars(props) {
   const { series, height = 120, labelEvery = 1, minWidth } = props;
   const { wrapRef, tip, pinned, show, showFocused, hide, onPointStart, onPointEnd } = useChartTip();
-  const scrollRef = (0, import_react3.useRef)(null);
+  const scrollRef = (0, import_react4.useRef)(null);
   const count = series.length > 0 ? series[0].bars.length : 0;
   const pointValues = Array.from({ length: count }, (_, i) => series.map((s) => s.bars[i]?.value ?? 0)).flat();
   const roving = useRovingChartPoints(pointValues.length, lastPopulatedIndex(pointValues));
-  (0, import_react3.useEffect)(() => {
+  (0, import_react4.useEffect)(() => {
     const scroll = scrollRef.current;
     if (scroll !== null && minWidth !== void 0) scroll.scrollLeft = scroll.scrollWidth;
   }, [count, minWidth]);
@@ -1096,7 +1278,7 @@ function Heatmap(props) {
         if (datum === null) return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "dq-heat-cell dq-heat-cell--pad" }, d);
         const text = t("chart.tooltip", {
           head: datum.date,
-          tokens: datum.total.toLocaleString(locale === "en" ? "en-US" : "zh-CN"),
+          tokens: datum.total.toLocaleString(intlLocale(locale)),
           cost: datum.cost.toFixed(2),
           calls: t("common.calls", { count: datum.calls })
         });
@@ -1207,9 +1389,9 @@ function getActiveConversationViewId(frame, viewIds) {
 }
 
 // src/client/export.ts
-var BEIJING_OFFSET_MS2 = 8 * 60 * 60 * 1e3;
+var BEIJING_OFFSET_MS3 = 8 * 60 * 60 * 1e3;
 function exportDateStamp(nowMs = Date.now()) {
-  const date = new Date(nowMs + BEIJING_OFFSET_MS2);
+  const date = new Date(nowMs + BEIJING_OFFSET_MS3);
   return [
     date.getUTCFullYear(),
     String(date.getUTCMonth() + 1).padStart(2, "0"),
@@ -1325,19 +1507,19 @@ var isBoolean = (value) => typeof value === "boolean";
 
 // src/client/store.ts
 function createStore(key, isValid, fallback) {
-  let current = loadPref(key, isValid, fallback);
-  const listeners = /* @__PURE__ */ new Set();
+  let current2 = loadPref(key, isValid, fallback);
+  const listeners2 = /* @__PURE__ */ new Set();
   return {
-    get: () => current,
+    get: () => current2,
     set: (value) => {
-      current = value;
+      current2 = value;
       savePref(key, value);
-      for (const listener of [...listeners]) listener();
+      for (const listener of [...listeners2]) listener();
     },
     subscribe: (fn) => {
-      listeners.add(fn);
+      listeners2.add(fn);
       return () => {
-        listeners.delete(fn);
+        listeners2.delete(fn);
       };
     }
   };
@@ -1389,9 +1571,27 @@ function viewOrderForIndex(entries, index, selfId = "balance", fallback = 20) {
   return previous >= next ? previous + 0.5 : (previous + next) / 2;
 }
 
+// src/client/top-up.ts
+var TOP_UP_URL = "https://platform.deepseek.com/top_up";
+var TOP_UP_FLOOR = 10;
+function needsTopUp(balance, warningLine) {
+  if (!Number.isFinite(balance)) return false;
+  return balance < TOP_UP_FLOOR || warningLine > 0 && balance < warningLine;
+}
+
 // src/client/dashboard.tsx
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var COMPOSER_FALLBACK_PX = 126;
+function usageTitleMap(usage) {
+  const titles = /* @__PURE__ */ new Map();
+  for (const session of usage?.sessions ?? []) titles.set(session.id, session.title);
+  for (const window2 of usage?.windows ?? []) {
+    for (const session of window2.sessions) {
+      if (!titles.has(session.id)) titles.set(session.id, session.title);
+    }
+  }
+  return titles;
+}
 function Skel(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "dq-skel", style: { width: `${props.w}px`, height: `${props.h}px` } });
 }
@@ -1441,12 +1641,12 @@ function HeatmapSkeleton() {
 }
 function Delta(props) {
   const { t } = useI18n();
-  const { current, previous, label } = props;
+  const { current: current2, previous, label } = props;
   if (previous <= 0) {
-    if (current <= 0) return null;
+    if (current2 <= 0) return null;
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "dq-delta dq-delta--new", title: t("delta.noBaselineTitle", { label }), children: t("delta.noBaseline") });
   }
-  const percent = Math.round((current - previous) / previous * 100);
+  const percent = Math.round((current2 - previous) / previous * 100);
   const title = `${label} \xA5${fmt(previous)}`;
   if (percent === 0) return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "dq-delta dq-delta--flat", title, children: t("delta.flat") });
   const up = percent > 0;
@@ -1534,7 +1734,7 @@ function PricingNote(props) {
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("th", { children: t("pricing.inputCacheMiss") }),
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("th", { children: t("pricing.output") })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("tbody", { children: pricing.tiers.map((tier) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react4.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("tbody", { children: pricing.tiers.map((tier) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_react5.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { children: [
             /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { rowSpan: 2, children: tier.model }),
             /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { children: t("pricing.peak") }),
@@ -1563,7 +1763,7 @@ function CoverageDiagnostics(props) {
   const { t, locale } = useI18n();
   const { coverage } = props;
   const hasGaps = coverage.failedSessions > 0 || coverage.skippedRecords > 0 || coverage.scannedSessions < coverage.listedSessions;
-  const coverageTime = new Intl.DateTimeFormat(locale === "en" ? "en-US" : "zh-CN", {
+  const coverageTime = new Intl.DateTimeFormat(intlLocale(locale), {
     timeZone: "Asia/Shanghai",
     year: "numeric",
     month: "numeric",
@@ -1621,13 +1821,13 @@ function Link(props) {
 }
 function ExportMenu(props) {
   const { t } = useI18n();
-  const [open, setOpen] = (0, import_react4.useState)(false);
-  const [done, setDone] = (0, import_react4.useState)(false);
-  const rootRef = (0, import_react4.useRef)(null);
-  const triggerRef = (0, import_react4.useRef)(null);
-  const menuRef = (0, import_react4.useRef)(null);
-  const doneTimerRef = (0, import_react4.useRef)(null);
-  (0, import_react4.useEffect)(() => {
+  const [open, setOpen] = (0, import_react5.useState)(false);
+  const [done, setDone] = (0, import_react5.useState)(false);
+  const rootRef = (0, import_react5.useRef)(null);
+  const triggerRef = (0, import_react5.useRef)(null);
+  const menuRef = (0, import_react5.useRef)(null);
+  const doneTimerRef = (0, import_react5.useRef)(null);
+  (0, import_react5.useEffect)(() => {
     if (!open) return;
     const onDown = (event) => {
       if (rootRef.current !== null && !rootRef.current.contains(event.target)) setOpen(false);
@@ -1645,7 +1845,7 @@ function ExportMenu(props) {
       document.removeEventListener("keydown", onKey);
     };
   }, [open]);
-  (0, import_react4.useEffect)(() => () => {
+  (0, import_react5.useEffect)(() => () => {
     if (doneTimerRef.current !== null) window.clearTimeout(doneTimerRef.current);
   }, []);
   const finish = () => {
@@ -1705,7 +1905,7 @@ function SessionUsageCard(props) {
   const { t, locale } = useI18n();
   const { data } = props;
   if (data.calls === 0) return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "dq-empty", children: t("sessionUsage.empty") });
-  const rangeTime = new Intl.DateTimeFormat(locale === "en" ? "en-US" : "zh-CN", {
+  const rangeTime = new Intl.DateTimeFormat(intlLocale(locale), {
     timeZone: "Asia/Shanghai",
     year: "numeric",
     month: "numeric",
@@ -1919,8 +2119,8 @@ function SessionDetail(props) {
 function SessionRanking(props) {
   const { t, locale } = useI18n();
   const { sessions, count, totalCost } = props;
-  const [details, setDetails] = (0, import_react4.useState)({});
-  const startedRef = (0, import_react4.useRef)(/* @__PURE__ */ new Set());
+  const [details, setDetails] = (0, import_react5.useState)({});
+  const startedRef = (0, import_react5.useRef)(/* @__PURE__ */ new Set());
   const loadDetail = (id) => {
     if (startedRef.current.has(id)) return;
     startedRef.current.add(id);
@@ -2021,11 +2221,11 @@ function ModelRanking(props) {
 function ModelPicker(props) {
   const { t, locale } = useI18n();
   const { models } = props;
-  const [open, setOpen] = (0, import_react4.useState)(false);
-  const rootRef = (0, import_react4.useRef)(null);
-  const triggerRef = (0, import_react4.useRef)(null);
-  const menuRef = (0, import_react4.useRef)(null);
-  (0, import_react4.useEffect)(() => {
+  const [open, setOpen] = (0, import_react5.useState)(false);
+  const rootRef = (0, import_react5.useRef)(null);
+  const triggerRef = (0, import_react5.useRef)(null);
+  const menuRef = (0, import_react5.useRef)(null);
+  (0, import_react5.useEffect)(() => {
     if (!open) return;
     const onDown = (e) => {
       if (rootRef.current !== null && !rootRef.current.contains(e.target)) setOpen(false);
@@ -2127,45 +2327,55 @@ function BalanceDashboard(props) {
   const cachedBalance = getCachedBalance();
   const cachedUsage = getCachedUsage();
   const cachedUsageAt = getCachedUsageAt();
-  const [balance, setBalance] = (0, import_react4.useState)(cachedBalance?.data ?? null);
-  const [usage, setUsage] = (0, import_react4.useState)(cachedUsage?.data ?? null);
-  const [error, setError] = (0, import_react4.useState)(null);
-  const [notice, setNotice] = (0, import_react4.useState)(null);
-  const [loadingBalance, setLoadingBalance] = (0, import_react4.useState)(cachedBalance === null);
-  const [loadingUsage, setLoadingUsage] = (0, import_react4.useState)(cachedUsage === null);
-  const [refreshing, setRefreshing] = (0, import_react4.useState)(false);
-  const [usageUpdatedAt, setUsageUpdatedAt] = (0, import_react4.useState)(cachedUsageAt);
-  const [syncState, setSyncState] = (0, import_react4.useState)(cachedUsageAt === null ? "syncing" : "cached");
-  const [freshnessNow, setFreshnessNow] = (0, import_react4.useState)(Date.now());
-  const hadDataRef = (0, import_react4.useRef)(cachedBalance !== null || cachedUsage !== null);
-  const [widgetOn, setWidgetOn] = (0, import_react4.useState)(widgetVisibleStore.get());
-  const [widgetTabIds, setWidgetTabIds] = (0, import_react4.useState)(widgetTabIdsStore.get());
-  const [viewTabs, setViewTabs] = (0, import_react4.useState)(() => props.views.list());
-  (0, import_react4.useEffect)(() => props.views.subscribe(() => setViewTabs(props.views.list())), [props.views]);
-  const [lowBalance, setLowBalance] = (0, import_react4.useState)(lowBalanceStore.get());
-  const [monthlyBudget, setMonthlyBudget] = (0, import_react4.useState)(monthlyBudgetStore.get());
-  const [barMode, setBarMode] = (0, import_react4.useState)("daily");
-  const [selectedModels, setSelectedModels] = (0, import_react4.useState)([]);
-  const [windowDays, setWindowDays] = (0, import_react4.useState)(usageWindowStore.get());
-  const [chartMetric, setChartMetric] = (0, import_react4.useState)(chartMetricStore.get());
-  const [sidebarEntry, setSidebarEntry] = (0, import_react4.useState)(sidebarEntryStore.get());
-  (0, import_react4.useEffect)(() => sidebarEntryStore.subscribe(() => setSidebarEntry(sidebarEntryStore.get())), []);
-  const [tabDragging, setTabDragging] = (0, import_react4.useState)(false);
-  const [tabDropTarget, setTabDropTarget] = (0, import_react4.useState)(null);
-  const [retainedVision, setRetainedVision] = (0, import_react4.useState)(null);
-  const [runwayHovering, setRunwayHovering] = (0, import_react4.useState)(false);
-  const [runwayManuallyOpened, setRunwayManuallyOpened] = (0, import_react4.useState)(false);
-  const [remainingHovering, setRemainingHovering] = (0, import_react4.useState)(false);
-  const [remainingManuallyOpened, setRemainingManuallyOpened] = (0, import_react4.useState)(false);
-  const budgetInputRef = (0, import_react4.useRef)(null);
-  const rootRef = (0, import_react4.useRef)(null);
-  const [composerHeight, setComposerHeight] = (0, import_react4.useState)(null);
-  const [composerWidth, setComposerWidth] = (0, import_react4.useState)(null);
-  const [sessionUsage, setSessionUsage] = (0, import_react4.useState)(null);
-  const [loadingSessionUsage, setLoadingSessionUsage] = (0, import_react4.useState)(props.sessionId !== void 0 && props.sessionId !== "");
-  const [sessionUsageError, setSessionUsageError] = (0, import_react4.useState)(null);
-  const sessionUsageIdRef = (0, import_react4.useRef)(null);
-  (0, import_react4.useLayoutEffect)(() => {
+  const [balance, setBalance] = (0, import_react5.useState)(cachedBalance?.data ?? null);
+  const [usage, setUsage] = (0, import_react5.useState)(cachedUsage?.data ?? null);
+  const [error, setError] = (0, import_react5.useState)(null);
+  const [notice, setNotice] = (0, import_react5.useState)(null);
+  const [loadingBalance, setLoadingBalance] = (0, import_react5.useState)(cachedBalance === null);
+  const [loadingUsage, setLoadingUsage] = (0, import_react5.useState)(cachedUsage === null);
+  const [refreshing, setRefreshing] = (0, import_react5.useState)(false);
+  const [usageUpdatedAt, setUsageUpdatedAt] = (0, import_react5.useState)(cachedUsageAt);
+  const [syncState, setSyncState] = (0, import_react5.useState)(cachedUsageAt === null ? "syncing" : "cached");
+  const [freshnessNow, setFreshnessNow] = (0, import_react5.useState)(Date.now());
+  const hadDataRef = (0, import_react5.useRef)(cachedBalance !== null || cachedUsage !== null);
+  const [widgetOn, setWidgetOn] = (0, import_react5.useState)(widgetVisibleStore.get());
+  const [widgetTabIds, setWidgetTabIds] = (0, import_react5.useState)(widgetTabIdsStore.get());
+  const [viewTabs, setViewTabs] = (0, import_react5.useState)(() => props.views.list());
+  (0, import_react5.useEffect)(() => props.views.subscribe(() => setViewTabs(props.views.list())), [props.views]);
+  const [lowBalance, setLowBalance] = (0, import_react5.useState)(lowBalanceStore.get());
+  const [monthlyBudget, setMonthlyBudget] = (0, import_react5.useState)(monthlyBudgetStore.get());
+  const breakerData = useBreakerData();
+  const [breakerLoadError, setBreakerLoadError] = (0, import_react5.useState)(null);
+  const [breakerActionError, setBreakerActionError] = (0, import_react5.useState)(null);
+  const [breakerReleasing, setBreakerReleasing] = (0, import_react5.useState)(false);
+  const [breakerSavingId, setBreakerSavingId] = (0, import_react5.useState)(null);
+  const [breakerSavingMaster, setBreakerSavingMaster] = (0, import_react5.useState)(false);
+  const [breakerTitles, setBreakerTitles] = (0, import_react5.useState)({});
+  const breakerTitleRequests = (0, import_react5.useRef)(/* @__PURE__ */ new Set());
+  const breakerMutationSeq = (0, import_react5.useRef)(0);
+  const breakerMounted = (0, import_react5.useRef)(true);
+  const [barMode, setBarMode] = (0, import_react5.useState)("daily");
+  const [selectedModels, setSelectedModels] = (0, import_react5.useState)([]);
+  const [windowDays, setWindowDays] = (0, import_react5.useState)(usageWindowStore.get());
+  const [chartMetric, setChartMetric] = (0, import_react5.useState)(chartMetricStore.get());
+  const [sidebarEntry, setSidebarEntry] = (0, import_react5.useState)(sidebarEntryStore.get());
+  (0, import_react5.useEffect)(() => sidebarEntryStore.subscribe(() => setSidebarEntry(sidebarEntryStore.get())), []);
+  const [tabDragging, setTabDragging] = (0, import_react5.useState)(false);
+  const [tabDropTarget, setTabDropTarget] = (0, import_react5.useState)(null);
+  const [retainedVision, setRetainedVision] = (0, import_react5.useState)(null);
+  const [runwayHovering, setRunwayHovering] = (0, import_react5.useState)(false);
+  const [runwayManuallyOpened, setRunwayManuallyOpened] = (0, import_react5.useState)(false);
+  const [remainingHovering, setRemainingHovering] = (0, import_react5.useState)(false);
+  const [remainingManuallyOpened, setRemainingManuallyOpened] = (0, import_react5.useState)(false);
+  const budgetInputRef = (0, import_react5.useRef)(null);
+  const rootRef = (0, import_react5.useRef)(null);
+  const [composerHeight, setComposerHeight] = (0, import_react5.useState)(null);
+  const [composerWidth, setComposerWidth] = (0, import_react5.useState)(null);
+  const [sessionUsage, setSessionUsage] = (0, import_react5.useState)(null);
+  const [loadingSessionUsage, setLoadingSessionUsage] = (0, import_react5.useState)(props.sessionId !== void 0 && props.sessionId !== "");
+  const [sessionUsageError, setSessionUsageError] = (0, import_react5.useState)(null);
+  const sessionUsageIdRef = (0, import_react5.useRef)(null);
+  (0, import_react5.useLayoutEffect)(() => {
     const node = rootRef.current;
     if (node === null) return;
     const measure = () => {
@@ -2196,13 +2406,13 @@ function BalanceDashboard(props) {
       window.removeEventListener("resize", measure);
     };
   }, []);
-  (0, import_react4.useLayoutEffect)(() => {
+  (0, import_react5.useLayoutEffect)(() => {
     const node = rootRef.current;
     if (node === null) return;
     const scrollport = node.closest("[data-conversation-scroll]");
     if (scrollport instanceof HTMLElement) scrollport.scrollTop = 0;
   }, [props.sessionId]);
-  (0, import_react4.useLayoutEffect)(() => {
+  (0, import_react5.useLayoutEffect)(() => {
     quotaViewActiveStore.set(true);
     return () => quotaViewActiveStore.set(false);
   }, []);
@@ -2276,10 +2486,10 @@ function BalanceDashboard(props) {
       if (sessionUsageIdRef.current === id) setLoadingSessionUsage(false);
     }
   };
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     void load(false);
   }, []);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     const id = props.sessionId;
     sessionUsageIdRef.current = id ?? null;
     if (id === void 0 || id === "") {
@@ -2293,7 +2503,57 @@ function BalanceDashboard(props) {
     setLoadingSessionUsage(true);
     void loadSessionUsage(id, false);
   }, [props.sessionId]);
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
+    let cancelled = false;
+    let timer;
+    let fast = false;
+    const pull = async () => {
+      const seqAtStart = breakerMutationSeq.current;
+      const res = await fetchBreaker();
+      if (cancelled) return;
+      if (!breakerIsUsable(res)) {
+        setBreakerLoadError(res.error ?? "");
+        return;
+      }
+      fast = res.data.enabled && res.data.peak && res.data.sessions.length > 0;
+      setBreakerLoadError(null);
+      if (seqAtStart !== breakerMutationSeq.current) return;
+      publishBreakerData(res.data);
+    };
+    const loop = async () => {
+      await pull();
+      if (cancelled) return;
+      timer = window.setTimeout(() => {
+        void loop();
+      }, fast ? 5e3 : 3e4);
+    };
+    void loop();
+    return () => {
+      cancelled = true;
+      if (timer !== void 0) window.clearTimeout(timer);
+    };
+  }, []);
+  (0, import_react5.useEffect)(() => {
+    breakerMounted.current = true;
+    return () => {
+      breakerMounted.current = false;
+    };
+  }, []);
+  (0, import_react5.useEffect)(() => {
+    if (breakerData === null) return;
+    const known = usageTitleMap(usage);
+    for (const sessionId of breakerData.sessions) {
+      if (known.has(sessionId) || breakerTitles[sessionId] !== void 0) continue;
+      if (breakerTitleRequests.current.has(sessionId)) continue;
+      breakerTitleRequests.current.add(sessionId);
+      void fetchSessionUsage(sessionId).then((res) => {
+        if (!breakerMounted.current) return;
+        const title = res.ok === true ? res.data?.title?.trim() ?? "" : "";
+        setBreakerTitles((current2) => ({ ...current2, [sessionId]: title }));
+      });
+    }
+  }, [breakerData, usage, breakerTitles]);
+  (0, import_react5.useEffect)(() => {
     const timer = window.setInterval(() => setFreshnessNow(Date.now()), 3e4);
     return () => window.clearInterval(timer);
   }, []);
@@ -2317,6 +2577,66 @@ function BalanceDashboard(props) {
     setMonthlyBudget(value);
     monthlyBudgetStore.set(value);
   };
+  const disableBreakerSession = async (sessionId) => {
+    if (breakerSavingId !== null || breakerReleasing || breakerSavingMaster) return;
+    const previous = breakerData;
+    publishBreakerData(withSessionToggled(previous, sessionId, false));
+    setBreakerActionError(null);
+    setBreakerSavingId(sessionId);
+    const seq = ++breakerMutationSeq.current;
+    try {
+      const res = await updateBreaker({ sessionId, enabled: false });
+      if (seq !== breakerMutationSeq.current) return;
+      if (breakerIsUsable(res)) {
+        publishBreakerData(res.data);
+        setBreakerLoadError(null);
+      } else {
+        publishBreakerData(previous);
+        setBreakerActionError(res.error ?? "");
+      }
+    } finally {
+      setBreakerSavingId(null);
+    }
+  };
+  const toggleBreakerMaster = async (enabled) => {
+    if (breakerSavingMaster || breakerSavingId !== null || breakerReleasing) return;
+    const previous = breakerData;
+    publishBreakerData(withMasterToggled(previous, enabled));
+    setBreakerActionError(null);
+    setBreakerSavingMaster(true);
+    const seq = ++breakerMutationSeq.current;
+    try {
+      const res = await updateBreaker({ enabled });
+      if (seq !== breakerMutationSeq.current) return;
+      if (breakerIsUsable(res)) {
+        publishBreakerData(res.data);
+        setBreakerLoadError(null);
+      } else {
+        publishBreakerData(previous);
+        setBreakerActionError(res.error ?? "");
+      }
+    } finally {
+      setBreakerSavingMaster(false);
+    }
+  };
+  const releaseBreakerNow = async () => {
+    if (breakerReleasing || breakerSavingId !== null || breakerSavingMaster) return;
+    setBreakerActionError(null);
+    setBreakerReleasing(true);
+    const seq = ++breakerMutationSeq.current;
+    try {
+      const res = await releaseBreaker();
+      if (seq !== breakerMutationSeq.current) return;
+      if (breakerIsUsable(res)) {
+        publishBreakerData(res.data);
+        setBreakerLoadError(null);
+      } else {
+        setBreakerActionError(res.error ?? "");
+      }
+    } finally {
+      setBreakerReleasing(false);
+    }
+  };
   const changeWindowDays = (value) => {
     setWindowDays(value);
     usageWindowStore.set(value);
@@ -2395,6 +2715,7 @@ function BalanceDashboard(props) {
   const avgDailyCost = recentDays.length > 0 ? recentDays.reduce((sum, d) => sum + d.cost, 0) / recentDays.length : 0;
   const balanceValue = primary !== null ? Number(primary.total) : Number.NaN;
   const balanceLow = lowBalance > 0 && Number.isFinite(balanceValue) && balanceValue < lowBalance;
+  const topUpPrompt = needsTopUp(balanceValue, lowBalance);
   const daysLeft = avgDailyCost > 0 && Number.isFinite(balanceValue) ? balanceValue / avgDailyCost : null;
   const daysLeftText = daysLeft === null ? "\u2014" : daysLeft >= 365 ? t("balance.overYear") : t("balance.days", { count: daysLeft < 10 ? daysLeft.toFixed(1) : Math.round(daysLeft) });
   const runwayTitle = daysLeft === null ? t("balance.noRunway", { days: recentDays.length || 7 }) : t("balance.runwayTitle", { days: recentDays.length, cost: fmt(avgDailyCost) });
@@ -2411,7 +2732,7 @@ function BalanceDashboard(props) {
     costTotal: window2.totals.cost
   });
   const liveVision = visionOpen && activeWindow !== null && visionStats !== void 0 ? visionPayload(activeWindow, visionStats, activeWindowName) : null;
-  (0, import_react4.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
     if (visionOpen && activeWindow !== null && visionStats !== void 0) {
       setRetainedVision(visionPayload(activeWindow, visionStats, activeWindowName));
       return;
@@ -2495,6 +2816,15 @@ function BalanceDashboard(props) {
     { error: localizeApiError(notice.error, t, "error.query") }
   );
   const errorText = error === null ? null : localizeApiError(error, t, "error.query");
+  const breakerPhaseNow = breakerLoadError !== null ? "unavailable" : breakerPhase(breakerData);
+  const breakerResumeClock = beijingClock(breakerData?.resumeAt ?? null);
+  const breakerHeldCount = breakerData?.holding.length ?? 0;
+  const breakerStatusText = breakerPhaseNow === "unavailable" ? t("breaker.statusUnavailable") : breakerPhaseNow === "masterOff" ? t("breaker.statusMasterOff") : breakerPhaseNow === "peakHolding" ? breakerResumeClock === null ? t("breaker.statusHoldingNoClock", { count: breakerHeldCount }) : t("breaker.statusHolding", { count: breakerHeldCount, clock: breakerResumeClock }) : breakerPhaseNow === "peak" ? t("breaker.statusPeak") : t("breaker.statusOffPeak");
+  const breakerUsageTitles = usageTitleMap(usage);
+  const breakerTitleFor = (sessionId) => {
+    const title = breakerUsageTitles.get(sessionId) ?? breakerTitles[sessionId];
+    return title !== void 0 && title !== "" ? title : shortSessionId(sessionId);
+  };
   const composerSafeAreaStyle = {
     "--dq-composer-h": `${composerHeight ?? COMPOSER_FALLBACK_PX}px`,
     // Only set once measured; .dq-balance's max-width falls back to 860px
@@ -2511,7 +2841,7 @@ function BalanceDashboard(props) {
             className: `dq-sync dq-sync--${syncState}`,
             role: "status",
             "aria-live": "polite",
-            title: usageUpdatedAt === null ? t("status.neverSynced") : t("status.usageTime", { time: new Date(usageUpdatedAt).toLocaleString(locale === "en" ? "en-US" : "zh-CN", { timeZone: "Asia/Shanghai" }) }),
+            title: usageUpdatedAt === null ? t("status.neverSynced") : t("status.usageTime", { time: new Date(usageUpdatedAt).toLocaleString(intlLocale(locale), { timeZone: "Asia/Shanghai" }) }),
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "dq-sync-dot", "aria-hidden": "true" }),
               syncStatusText(syncState, usageUpdatedAt, freshnessNow, t)
@@ -2545,7 +2875,7 @@ function BalanceDashboard(props) {
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: t("alert.lowTitle", { balance: fmt(balanceValue), currency: primary?.currency, threshold: fmt(lowBalance) }) }),
         daysLeft !== null && t("alert.runway", { days: daysLeftText }),
         t("common.period"),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("a", { className: "dq-alert-link", href: "https://platform.deepseek.com/top_up", target: "_blank", rel: "noreferrer", children: t("alert.topUp") })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("a", { className: "dq-alert-link", href: TOP_UP_URL, target: "_blank", rel: "noreferrer", children: t("alert.topUp") })
       ] })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "dq-card dq-card--hero", children: [
@@ -2586,29 +2916,35 @@ function BalanceDashboard(props) {
         ] }),
         /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "dq-stat", children: [
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "dq-stat-label", children: t("balance.runway") }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-            "details",
-            {
-              className: `dq-stat-value dq-runway${daysLeft !== null && daysLeft < 3 ? " dq-stat-value--bad" : ""}`,
-              open: runwayHovering || runwayManuallyOpened,
-              onPointerEnter: () => setRunwayHovering(true),
-              onPointerLeave: () => setRunwayHovering(false),
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-                  "summary",
-                  {
-                    title: t("balance.runwayBreakdownTitle"),
-                    onClick: (e) => {
-                      e.preventDefault();
-                      setRunwayManuallyOpened((v) => !v);
-                    },
-                    children: daysLeftText
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "dq-runway-detail", children: runwayTitle })
-              ]
-            }
-          )
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "dq-runway-line", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+              "details",
+              {
+                className: `dq-stat-value dq-runway${daysLeft !== null && daysLeft < 3 ? " dq-stat-value--bad" : ""}`,
+                open: runwayHovering || runwayManuallyOpened,
+                onPointerEnter: () => setRunwayHovering(true),
+                onPointerLeave: () => setRunwayHovering(false),
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+                    "summary",
+                    {
+                      title: t("balance.runwayBreakdownTitle"),
+                      onClick: (e) => {
+                        e.preventDefault();
+                        setRunwayManuallyOpened((v) => !v);
+                      },
+                      children: daysLeftText
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "dq-runway-detail", children: runwayTitle })
+                ]
+              }
+            ),
+            topUpPrompt && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("a", { className: "dq-topup", href: TOP_UP_URL, target: "_blank", rel: "noreferrer", title: t("balance.topUpTitle"), children: [
+              t("alert.topUp"),
+              /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "dq-topup-arrow", "aria-hidden": "true", children: "\u2197" })
+            ] })
+          ] })
         ] }),
         balance?.isAvailable === false && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Stat, { label: t("common.status"), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "dq-stat-value dq-stat-value--bad", children: t("common.unavailable") }) })
       ] }) : loadingBalance ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(BalanceSkeleton, {}) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "dq-empty", children: t("balance.empty") })
@@ -2767,6 +3103,57 @@ function BalanceDashboard(props) {
         ] }, i)) }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "dq-empty", children: t("cache.empty") })
       ] })
     ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "dq-card", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CardTitle, { children: t("breaker.title") }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "dq-setting-hint dq-breaker-desc", children: t("breaker.desc") }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "dq-breaker-status", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "span",
+          {
+            role: "status",
+            className: breakerPhaseNow === "peakHolding" ? "dq-warn" : void 0,
+            title: breakerLoadError !== null && breakerLoadError !== "" ? breakerLoadError : void 0,
+            children: breakerStatusText
+          }
+        ),
+        breakerPhaseNow === "peakHolding" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "button",
+          {
+            type: "button",
+            className: "dq-refresh-btn",
+            disabled: breakerReleasing || breakerSavingId !== null,
+            "aria-busy": breakerReleasing,
+            onClick: () => {
+              void releaseBreakerNow();
+            },
+            children: breakerReleasing ? t("breaker.releaseBusy") : t("breaker.release")
+          }
+        )
+      ] }),
+      breakerData === null ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "dq-empty", children: breakerLoadError === null ? t("breaker.loading") : t("breaker.statusUnavailable") }) : breakerData.sessions.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "dq-empty", children: t("breaker.empty") }) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("ul", { className: `dq-breaker-list${breakerPhaseNow === "masterOff" ? " dq-breaker-list--muted" : ""}`, children: breakerData.sessions.map((sessionId) => {
+        const title = breakerTitleFor(sessionId);
+        const holding = breakerData.holding.includes(sessionId);
+        return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("li", { className: "dq-breaker-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: "dq-breaker-row-main", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "dq-breaker-row-title", title, children: title }),
+            holding && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "dq-breaker-row-state", children: t("breaker.holding", { clock: breakerResumeClock ?? "18:00" }) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("label", { className: "dq-breaker-switch", title: t("breaker.rowDisableAria", { title }), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            "input",
+            {
+              type: "checkbox",
+              checked: true,
+              disabled: breakerSavingId !== null || breakerReleasing || breakerSavingMaster,
+              "aria-label": t("breaker.rowDisableAria", { title }),
+              onChange: () => {
+                void disableBreakerSession(sessionId);
+              }
+            }
+          ) })
+        ] }, sessionId);
+      }) }),
+      breakerActionError !== null && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "dq-breaker-error dq-error", role: "alert", children: t("breaker.actionError", { error: localizeApiError(breakerActionError, t, "error.query") }) })
+    ] }),
     /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "dq-card", children: [
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CardTitle, { children: t("settings.title") }),
       /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: "dq-links-title", children: t("links.title") }),
@@ -2797,6 +3184,22 @@ function BalanceDashboard(props) {
           /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "dq-setting-hint", children: widgetTabs.length === 0 ? t("settings.widgetTabsEmpty") : t("settings.widgetTabsHint") })
         ] })
       ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("label", { className: "dq-toggle", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          "input",
+          {
+            type: "checkbox",
+            checked: breakerData === null ? true : breakerData.enabled,
+            disabled: breakerData === null || breakerSavingMaster,
+            "aria-describedby": "dq-peak-pause-hint",
+            onChange: (e) => {
+              void toggleBreakerMaster(e.target.checked);
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: t("settings.peakPause") })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { id: "dq-peak-pause-hint", className: "dq-toggle-hint", children: breakerData === null ? breakerLoadError === null ? t("settings.peakPauseLoading") : t("breaker.statusUnavailable") : t("settings.peakPauseHint") }),
       /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "dq-setting", children: [
         /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("label", { className: "dq-setting-label", htmlFor: "dq-low-balance", children: t("settings.lowBalance") }),
         /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "dq-setting-control", children: [
@@ -2868,21 +3271,21 @@ function BalanceDashboard(props) {
               onDragOver: onOrderDragOver,
               onDrop: onOrderDrop,
               children: viewTabs.map((tab, index) => {
-                const current = tab.id === "balance";
-                const dropTarget = tabDragging && !current && tabDropTarget === index;
+                const current2 = tab.id === "balance";
+                const dropTarget = tabDragging && !current2 && tabDropTarget === index;
                 return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
                   "span",
                   {
-                    className: `dq-tab-chip${current ? " dq-tab-chip--current" : ""}${current && tabDragging ? " dq-tab-chip--dragging" : ""}${dropTarget ? " dq-tab-chip--drop-target" : ""}`,
-                    draggable: current,
-                    tabIndex: current ? 0 : void 0,
-                    role: current ? "button" : void 0,
-                    "aria-label": current ? t("settings.tabDragAria") : void 0,
-                    onDragStart: current ? onQuotaTabDragStart : void 0,
-                    onDragEnd: current ? endTabDrag : void 0,
+                    className: `dq-tab-chip${current2 ? " dq-tab-chip--current" : ""}${current2 && tabDragging ? " dq-tab-chip--dragging" : ""}${dropTarget ? " dq-tab-chip--drop-target" : ""}`,
+                    draggable: current2,
+                    tabIndex: current2 ? 0 : void 0,
+                    role: current2 ? "button" : void 0,
+                    "aria-label": current2 ? t("settings.tabDragAria") : void 0,
+                    onDragStart: current2 ? onQuotaTabDragStart : void 0,
+                    onDragEnd: current2 ? endTabDrag : void 0,
                     onDragOver: (event) => onChipDragOver(event, index),
                     onDrop: (event) => onChipDrop(event, index),
-                    onKeyDown: current ? onQuotaTabKeyDown : void 0,
+                    onKeyDown: current2 ? onQuotaTabKeyDown : void 0,
                     children: tab.label
                   },
                   tab.id
@@ -2894,13 +3297,145 @@ function BalanceDashboard(props) {
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "dq-footer", children: "@cassius0924/dsh-usage-dashboard v0.8.0" })
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "dq-footer", children: "@cassius0924/dsh-usage-dashboard v0.8.3" })
   ] });
 }
 
-// src/client/message-cost.tsx
-var import_react5 = require("react");
+// src/client/breaker-pill.tsx
+var import_react6 = require("react");
 var import_jsx_runtime5 = require("react/jsx-runtime");
+var POLL_MS = 1e4;
+function BreakerIcon({ state }) {
+  if (state === "off") {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      "svg",
+      {
+        width: "14",
+        height: "14",
+        viewBox: "0 0 16 16",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "1.2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        "aria-hidden": "true",
+        focusable: "false",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("circle", { cx: "8", cy: "8", r: "5.9" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M6.5 5.9v4.2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("path", { d: "M9.5 5.9v4.2" })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("svg", { width: "14", height: "14", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", focusable: "false", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M8 1.6a6.4 6.4 0 1 0 0 12.8A6.4 6.4 0 0 0 8 1.6Zm-1.85 3.5h1.3v5.8h-1.3V5.1Zm2.4 0h1.3v5.8h-1.3V5.1Z"
+    }
+  ) });
+}
+function BreakerPill({ sessionId }) {
+  const { t } = useI18n();
+  const data = useBreakerData();
+  const [loadError, setLoadError] = (0, import_react6.useState)(null);
+  const [actionError, setActionError] = (0, import_react6.useState)(null);
+  const [saving, setSaving] = (0, import_react6.useState)(false);
+  const savingRef = (0, import_react6.useRef)(false);
+  const mutationSeq = (0, import_react6.useRef)(0);
+  const sessionIdRef = (0, import_react6.useRef)(sessionId);
+  (0, import_react6.useEffect)(() => {
+    sessionIdRef.current = sessionId;
+  }, [sessionId]);
+  (0, import_react6.useEffect)(() => {
+    if (sessionId === void 0 || sessionId === "") return;
+    let cancelled = false;
+    setLoadError(null);
+    setActionError(null);
+    const pull = async () => {
+      const seqAtStart = mutationSeq.current;
+      const res = await fetchBreaker();
+      if (cancelled) return;
+      if (!breakerIsUsable(res)) {
+        setLoadError(res.error ?? "");
+        return;
+      }
+      setLoadError(null);
+      if (seqAtStart !== mutationSeq.current || savingRef.current) return;
+      publishBreakerData(res.data);
+    };
+    void pull();
+    const timer = window.setInterval(() => {
+      void pull();
+    }, POLL_MS);
+    return () => {
+      cancelled = true;
+      window.clearInterval(timer);
+    };
+  }, [sessionId]);
+  if (sessionId === void 0 || sessionId === "") return null;
+  const state = sessionBreakerState(data, sessionId);
+  const on = state !== "off";
+  const masterOff = data !== null && !data.enabled;
+  const optedIn = isSessionOptedIn(data, sessionId);
+  const resumeClock = beijingClock(data?.resumeAt ?? null) ?? "18:00";
+  const errorSource = actionError ?? loadError;
+  const errorText = errorSource === null ? null : t("breaker.actionError", { error: localizeApiError(errorSource, t, "error.query") });
+  const label = state === "holding" ? t("breaker.pillHolding", { clock: resumeClock }) : state === "on" ? t("breaker.pillOn") : t("breaker.pillOff");
+  const baseTitle = masterOff ? t("breaker.pillTitleMasterOff") : state === "holding" ? t("breaker.pillTitleHolding", { clock: resumeClock }) : state === "on" ? t("breaker.pillTitleOn", { clock: resumeClock }) : t("breaker.pillTitleOff");
+  const title = errorText === null ? baseTitle : `${baseTitle} \xB7 ${errorText}`;
+  const baseAria = masterOff ? t("breaker.pillAriaMasterOff") : state === "holding" ? t("breaker.pillAriaHolding", { clock: resumeClock }) : state === "on" ? t("breaker.pillAriaOn", { clock: resumeClock }) : t("breaker.pillAriaOff");
+  const ariaLabel = errorText === null ? baseAria : `${baseAria} \xB7 ${errorText}`;
+  const toggle = async () => {
+    if (savingRef.current) return;
+    const next = !optedIn;
+    const previous = data;
+    publishBreakerData(withSessionToggled(previous, sessionId, next));
+    setActionError(null);
+    savingRef.current = true;
+    setSaving(true);
+    const seq = ++mutationSeq.current;
+    try {
+      const res = await updateBreaker({ sessionId, enabled: next });
+      if (seq !== mutationSeq.current || sessionIdRef.current !== sessionId) return;
+      if (breakerIsUsable(res)) {
+        publishBreakerData(res.data);
+        setLoadError(null);
+        return;
+      }
+      publishBreakerData(previous);
+      setActionError(res.error ?? "");
+    } finally {
+      savingRef.current = false;
+      setSaving(false);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "dq-cost-anchor", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    "button",
+    {
+      type: "button",
+      className: `dq-cost-pill dq-breaker-pill dq-breaker-pill--${state}`,
+      "aria-pressed": on,
+      "aria-busy": saving,
+      "aria-label": ariaLabel,
+      title,
+      disabled: saving,
+      onClick: () => {
+        void toggle();
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(BreakerIcon, { state }),
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "dq-cost-pill-label", children: label })
+      ]
+    }
+  ) });
+}
+
+// src/client/message-cost.tsx
+var import_react7 = require("react");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var fmtTurnCost = (cost) => cost.toLocaleString(void 0, {
   minimumFractionDigits: cost > 0 && cost < 0.01 ? 4 : 2,
   maximumFractionDigits: cost > 0 && cost < 0.01 ? 6 : 4
@@ -2911,8 +3446,8 @@ var cachedData = (sessionId) => {
 };
 function MessageCost({ sessionId, messageId }) {
   const { t } = useI18n();
-  const [data, setData] = (0, import_react5.useState)(() => cachedData(sessionId));
-  (0, import_react5.useEffect)(() => {
+  const [data, setData] = (0, import_react7.useState)(() => cachedData(sessionId));
+  (0, import_react7.useEffect)(() => {
     setData(cachedData(sessionId));
     const unsubscribe = subscribeSessionUsage(sessionId, () => setData(cachedData(sessionId)));
     const hit = cachedData(sessionId)?.turns.some((turn2) => turn2.messageId === messageId) ?? false;
@@ -2923,7 +3458,7 @@ function MessageCost({ sessionId, messageId }) {
   if (turn === void 0) return null;
   const amount = `\xA5${fmtTurnCost(turn.cost)}`;
   const tooltip = t("messageCost.tooltip");
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     "span",
     {
       className: "dq-message-cost",
@@ -2931,12 +3466,260 @@ function MessageCost({ sessionId, messageId }) {
       "data-dq-tooltip": tooltip,
       "aria-label": t("messageCost.aria", { amount }),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "dq-message-cost-separator", "aria-hidden": true, children: "\xB7" }),
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "dq-message-cost-amount", children: amount })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "dq-message-cost-separator", "aria-hidden": true, children: "\xB7" }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "dq-message-cost-amount", children: amount })
+      ]
+    }
+  );
+}
+
+// src/client/session-cost-pill.tsx
+var import_react8 = require("react");
+var import_react_dom = require("react-dom");
+
+// src/pricing.ts
+var PEAK_PRICING_FROM_MS = Date.UTC(2026, 7, 16, 16, 0, 0);
+var V41_FLASH_PRICING_FROM_MS = Date.UTC(2026, 8, 10, 4, 0, 0);
+var PRO_ROUTED_TO_FLASH_FROM_MS = Date.UTC(2026, 8, 14, 4, 0, 0);
+var PEAK_WINDOWS = [[9, 12], [14, 18]];
+var BEIJING_OFFSET_MS4 = 8 * 36e5;
+var FLAT_RATES = {
+  pro: { cacheHit: 0.025, input: 3, output: 6 },
+  flash: { cacheHit: 0.02, input: 1, output: 2 },
+  // The vision model billed at flash rates from day one, so its pre-switch
+  // history is costed at the same flat prices as flash.
+  vision: { cacheHit: 0.02, input: 1, output: 2 }
+};
+var PEAK_RATES_08_17 = {
+  pro: { cacheHit: 0.3, input: 9, output: 27 },
+  flash: { cacheHit: 0.1, input: 3, output: 9 },
+  // Official policy: the vision model is priced identically to flash; images
+  // cost tokens, not their own multiplier.
+  vision: { cacheHit: 0.1, input: 3, output: 9 }
+};
+var PEAK_RATES_09_10 = {
+  pro: { cacheHit: 0.3, input: 9, output: 27 },
+  flash: { cacheHit: 0.04, input: 2, output: 8 },
+  vision: { cacheHit: 0.04, input: 2, output: 8 }
+};
+var PRICE_ERAS = [
+  { fromMs: PEAK_PRICING_FROM_MS, peak: PEAK_RATES_08_17, weekdaysOnly: false },
+  { fromMs: V41_FLASH_PRICING_FROM_MS, peak: PEAK_RATES_09_10, weekdaysOnly: true }
+];
+function eraAt(timeMs) {
+  let era = PRICE_ERAS[0];
+  for (const candidate of PRICE_ERAS) if (timeMs >= candidate.fromMs) era = candidate;
+  return era;
+}
+var halved = (rates) => ({
+  cacheHit: rates.cacheHit / 2,
+  input: rates.input / 2,
+  output: rates.output / 2
+});
+function tierOf(model) {
+  const name2 = model.toLowerCase();
+  if (name2.includes("vision")) return "vision";
+  if (name2.includes("flash")) return "flash";
+  return "pro";
+}
+function billedTierOf(timeMs, model) {
+  const tier = tierOf(model);
+  return tier === "pro" && timeMs >= PRO_ROUTED_TO_FLASH_FROM_MS ? "flash" : tier;
+}
+function isBeijingWeekday(timeMs) {
+  const day = new Date(timeMs + BEIJING_OFFSET_MS4).getUTCDay();
+  return day >= 1 && day <= 5;
+}
+function isPeak(timeMs) {
+  if (eraAt(timeMs).weekdaysOnly && !isBeijingWeekday(timeMs)) return false;
+  const hour = Math.floor(((timeMs + BEIJING_OFFSET_MS4) % 864e5 + 864e5) % 864e5 / 36e5);
+  return PEAK_WINDOWS.some(([from, to]) => hour >= from && hour < to);
+}
+function ratesAt(timeMs, model) {
+  if (timeMs < PEAK_PRICING_FROM_MS) return FLAT_RATES[tierOf(model)];
+  const peak = eraAt(timeMs).peak[billedTierOf(timeMs, model)];
+  return isPeak(timeMs) ? peak : halved(peak);
+}
+
+// src/client/session-cost-pill.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var PANEL_MARGIN = 12;
+var PANEL_GAP = 8;
+var cachedData2 = (sessionId) => {
+  const response = getCachedSessionUsage(sessionId);
+  return response?.ok === true ? response.data ?? null : null;
+};
+function CostIcon() {
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    "svg",
+    {
+      width: "14",
+      height: "14",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "1",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      focusable: "false",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: "8", cy: "8", r: "6" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M5.5 5.3 8 8.4l2.5-3.1" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M8 8.4v2.9" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M5.8 9.5h4.4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M5.8 10.9h4.4" })
       ]
     }
   );
 }
+function SessionCostPill({ sessionId }) {
+  const { t, locale } = useI18n();
+  const [data, setData] = (0, import_react8.useState)(
+    () => sessionId === void 0 || sessionId === "" ? null : cachedData2(sessionId)
+  );
+  const [open, setOpen] = (0, import_react8.useState)(false);
+  const anchorRef = (0, import_react8.useRef)(null);
+  const panelRef = (0, import_react8.useRef)(null);
+  const [pos, setPos] = (0, import_react8.useState)(null);
+  (0, import_react8.useEffect)(() => {
+    if (sessionId === void 0 || sessionId === "") return;
+    setData(cachedData2(sessionId));
+    const unsubscribe = subscribeSessionUsage(sessionId, () => setData(cachedData2(sessionId)));
+    if (getCachedSessionUsage(sessionId) === null) void fetchSessionUsage(sessionId);
+    return unsubscribe;
+  }, [sessionId]);
+  (0, import_react8.useLayoutEffect)(() => {
+    if (!open) {
+      setPos(null);
+      return;
+    }
+    const anchor = anchorRef.current;
+    const panel = panelRef.current;
+    if (anchor === null || panel === null) return;
+    const pill = anchor.getBoundingClientRect();
+    const width = panel.getBoundingClientRect().width;
+    setPos({
+      left: Math.min(Math.max(pill.left, PANEL_MARGIN), Math.max(PANEL_MARGIN, window.innerWidth - width - PANEL_MARGIN)),
+      bottom: window.innerHeight - pill.top + PANEL_GAP
+    });
+  }, [open, data]);
+  (0, import_react8.useEffect)(() => {
+    if (!open) return;
+    const close = () => setOpen(false);
+    const onPointerDown = (event) => {
+      const target = event.target;
+      if (!(target instanceof Node)) return;
+      if (anchorRef.current?.contains(target) === true || panelRef.current?.contains(target) === true) return;
+      close();
+    };
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") close();
+    };
+    document.addEventListener("pointerdown", onPointerDown, true);
+    document.addEventListener("keydown", onKeyDown);
+    window.addEventListener("resize", close);
+    document.addEventListener("scroll", close, true);
+    return () => {
+      document.removeEventListener("pointerdown", onPointerDown, true);
+      document.removeEventListener("keydown", onKeyDown);
+      window.removeEventListener("resize", close);
+      document.removeEventListener("scroll", close, true);
+    };
+  }, [open]);
+  if (sessionId === void 0 || sessionId === "" || data === null || data.calls === 0) return null;
+  const amount = `\xA5${fmtTurnCost(data.cost)}`;
+  const priceAt = data.lastActive ?? Date.now();
+  const split = data.models.reduce(
+    (sum, model) => {
+      const rates = ratesAt(priceAt, model.model);
+      const weighted = {
+        input: model.input * rates.input,
+        cache: model.cache * rates.cacheHit,
+        output: model.output * rates.output
+      };
+      const weight = weighted.input + weighted.cache + weighted.output;
+      if (weight <= 0) return sum;
+      sum.input += model.cost * (weighted.input / weight);
+      sum.cache += model.cost * (weighted.cache / weight);
+      sum.output += model.cost * (weighted.output / weight);
+      return sum;
+    },
+    { input: 0, cache: 0, output: 0 }
+  );
+  const rangeTime = new Intl.DateTimeFormat(locale === "en" ? "en-US" : "zh-CN", {
+    timeZone: "Asia/Shanghai",
+    month: "numeric",
+    day: "numeric",
+    hour: "2-digit",
+    minute: "2-digit",
+    hour12: false
+  });
+  const range = data.firstActive !== null && data.lastActive !== null ? `${rangeTime.format(data.firstActive)} \u2013 ${rangeTime.format(data.lastActive)}` : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { ref: anchorRef, className: "dq-cost-anchor", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+      "button",
+      {
+        type: "button",
+        className: "dq-cost-pill",
+        "aria-haspopup": "dialog",
+        "aria-expanded": open,
+        "aria-label": t("sessionCost.aria", { amount }),
+        onClick: () => setOpen((value) => !value),
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CostIcon, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "dq-cost-pill-label", children: amount })
+        ]
+      }
+    ) }),
+    open && (0, import_react_dom.createPortal)(
+      /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+        "div",
+        {
+          ref: panelRef,
+          className: "dq-cost-panel",
+          role: "dialog",
+          "aria-label": t("sessionCost.title"),
+          style: pos === null ? { visibility: "hidden", left: 0, top: 0 } : { visibility: "visible", left: pos.left, bottom: pos.bottom, top: "auto" },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "dq-cost-panel-title", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("span", { className: "dq-cost-panel-title-label", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CostIcon, {}),
+                t("sessionCost.title")
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "dq-cost-panel-value", children: amount })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "dq-cost-panel-rule", "aria-hidden": true }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("dl", { className: "dq-cost-details", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dt", { children: t("common.input") }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("dd", { children: [
+                "\xA5",
+                fmtTurnCost(split.input)
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dt", { children: t("common.cacheHit") }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("dd", { children: [
+                "\xA5",
+                fmtTurnCost(split.cache)
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dt", { children: t("common.output") }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("dd", { children: [
+                "\xA5",
+                fmtTurnCost(split.output)
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dt", { children: t("sessionUsage.calls") }),
+              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dd", { children: fmtInt(data.calls) }),
+              range !== null && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dt", { children: t("sessionCost.active") }),
+                /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("dd", { children: range })
+              ] })
+            ] })
+          ]
+        }
+      ),
+      document.body
+    )
+  ] });
+}
 
 // src/client/styles.ts
 var css = `
@@ -2976,12 +3759,43 @@ var css = `
 .dq-message-cost-amount{text-decoration-line:underline;text-decoration-style:dotted;text-decoration-color:currentColor;text-underline-offset:4px}
 .dq-message-cost:hover{color:var(--dsw-alias-label-secondary,#3f4852)}
 .dq-message-cost:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#0969da);outline-offset:2px;border-radius:4px}
-.dq-message-cost::after{content:attr(data-dq-tooltip);position:absolute;left:0;top:calc(100% + 6px);z-index:2147483001;width:max-content;max-width:min(240px,calc(100vw - 24px));padding:6px 9px;border-radius:8px;background:var(--dsw-alias-tooltip-bg,#1f2328);color:var(--dsw-static-neutral-bluish-00,#fff);box-shadow:0 6px 18px rgba(0,0,0,.22);font-size:12px;font-weight:400;line-height:1.5;text-align:left;white-space:normal;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(-3px);transition:opacity .12s ease-out,transform .12s cubic-bezier(.22,1,.36,1),visibility 0s linear .12s}
+.dq-message-cost::after{content:attr(data-dq-tooltip);position:absolute;left:0;bottom:calc(100% + 6px);top:auto;z-index:2147483001;width:max-content;max-width:min(240px,calc(100vw - 24px));padding:6px 9px;border-radius:8px;background:var(--dsw-alias-tooltip-bg,#1f2328);color:var(--dsw-static-neutral-bluish-00,#fff);box-shadow:0 6px 18px rgba(0,0,0,.22);font-size:12px;font-weight:400;line-height:1.5;text-align:left;white-space:normal;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(3px);transition:opacity .12s ease-out,transform .12s cubic-bezier(.22,1,.36,1),visibility 0s linear .12s}
 .dq-message-cost:hover::after,.dq-message-cost:focus-visible::after{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .12s ease-out,transform .12s cubic-bezier(.22,1,.36,1),visibility 0s linear}
 @media (hover:hover){
   [data-time-hover-root] .dq-message-cost{opacity:0;transition:opacity 80ms ease}
   [data-time-hover-root]:hover .dq-message-cost,[data-time-hover-root]:focus-within .dq-message-cost{opacity:1}
 }
+/* Composer-dock session cost pill: one more reading beside the host's own
+   \u300C\u4F1A\u8BDD\u7EDF\u8BA1\u300D/\u300CToken \u7528\u91CF\u300Dpills (same slot, same compact skin). */
+.dq-cost-anchor{display:inline-flex;min-width:0;font-size:calc(var(--dsh-content-font-size-secondary,13px) - 1px);line-height:calc(20px + var(--dsh-content-font-delta-secondary,0px))}
+.dq-cost-pill{display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;max-width:100%;padding:1px 8px;border:0;border-radius:var(--dsw-radius-sm,8px);background:transparent;color:var(--dsw-alias-label-tertiary,#59636e);font:inherit;font-variant-numeric:tabular-nums;line-height:inherit;white-space:nowrap;cursor:pointer}
+.dq-cost-pill:hover,.dq-cost-pill[aria-expanded="true"]{background:var(--dsw-alias-interactive-bg-hover,rgba(120,130,150,.12));color:var(--dsw-alias-label-secondary,#59636e)}
+.dq-cost-pill:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#0969da);outline-offset:2px}
+.dq-cost-pill svg{flex:none}
+.dq-cost-pill-label{min-width:0;overflow:hidden;text-overflow:ellipsis}
+/* \u9AD8\u5CF0\u6682\u505C pill: same dock/skin as the cost pill. The three states never rely
+   on colour alone \u2014 copy changes and the glyph switches outline\u2192solid \u2014 but the
+   tone reinforces them: off stays neutral tertiary, on uses the primary colour,
+   holding uses the warn tone. Nothing here may widen the dock row. */
+.dq-breaker-pill{font-variant-numeric:normal}
+.dq-breaker-pill--off{color:var(--dsw-alias-label-tertiary,#59636e)}
+.dq-breaker-pill--off:hover{color:var(--dsw-alias-label-secondary,#59636e)}
+.dq-breaker-pill--on{color:var(--dsw-alias-state-business-primary,#0969da)}
+.dq-breaker-pill--on:hover{color:var(--dsw-alias-state-business-primary,#0969da)}
+.dq-breaker-pill--holding{color:var(--dq-text-warn,#9a6700)}
+.dq-breaker-pill--holding:hover{color:var(--dq-text-warn,#9a6700)}
+.dq-breaker-pill:disabled{cursor:default;opacity:.7}
+/* Click-open breakdown: the host stat-dialog skin (menu surface, prominent
+   elevation, 12/18 rows), portaled to the body and placed above the pill. */
+.dq-cost-panel{position:fixed;z-index:1100;box-sizing:border-box;width:max-content;min-width:min(300px,calc(100vw - 24px));max-width:min(440px,calc(100vw - 24px));padding:16px;border:0;border-radius:var(--dsw-radius-lg,16px);background:var(--dsw-specific-menu,var(--dsw-alias-bg-overlay,#fff));-webkit-backdrop-filter:var(--dsw-menu-backdrop-filter,blur(40px) saturate(150%));backdrop-filter:var(--dsw-menu-backdrop-filter,blur(40px) saturate(150%));box-shadow:var(--dsw-elevation-prominent,0 12px 32px rgba(0,0,0,.24));font-family:var(--dsw-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif);font-size:12px;line-height:18px;color:var(--dsw-alias-label-secondary,#59636e);cursor:default}
+.dq-cost-panel-title{display:flex;justify-content:space-between;gap:16px;margin-bottom:8px;color:var(--dsw-alias-label-primary,#1f2328);font-weight:500}
+.dq-cost-panel-title-label{display:inline-flex;align-items:center;gap:6px;min-width:0}
+.dq-cost-panel-title-label svg{flex:none}
+.dq-cost-panel-value{font-variant-numeric:tabular-nums}
+.dq-cost-panel-rule{margin-bottom:10px;border-top:.5px solid var(--dsw-alias-border-l2,rgba(0,0,0,.1))}
+.dq-cost-details{display:grid;grid-template-columns:minmax(76px,auto) minmax(0,1fr);gap:6px 16px;margin:0;color:var(--dsw-alias-label-tertiary,#59636e)}
+.dq-cost-details dt,.dq-cost-details dd{min-width:0;margin:0}
+.dq-cost-details dd{color:var(--dsw-alias-label-secondary,#59636e);font-variant-numeric:tabular-nums;text-align:right}
 /* \u5361\u7247\u95F4\u8DDD\uFF08\u6B64\u5904 gap\uFF09\u523B\u610F\u5927\u4E8E\u5361\u5185\u5C0F\u8282\u95F4\u8DDD\uFF08margin-top:12/14/16px \u90A3\u4E00\u6863\uFF09\uFF0C\u5236\u9020"\u5361\u7247\u5916\u758F\u3001\u5361\u7247\u5185\u5BC6"\u7684
    \u758F\u5BC6\u5BF9\u6BD4\uFF1A24px \u76F8\u5BF9\u5361\u5185\u6700\u5927\u6863 16px \u4ECD\u6709 1.5 \u500D\u7EA7\u5DEE\uFF0C\u76F8\u5BF9\u5E38\u89C1\u6863 12px \u6709 2 \u500D\u7EA7\u5DEE\uFF0C\u4E0D\u4E0E .dq-card \u7684
    padding\uFF0816px/20px\uFF0C\u5361\u7247\u5185\u90E8\u547C\u5438\u611F\uFF0C\u8F6E\u6B21 36 \u5DF2\u5B9A\uFF09\u6DF7\u540C\u3002 */
@@ -3077,6 +3891,17 @@ var css = `
 .dq-remaining-breakdown{display:none;position:absolute;top:calc(100% + 6px);left:0;z-index:20;flex-direction:column;gap:4px;padding:8px 10px;background:var(--dsw-alias-bg-overlay,#ffffff);border:1px solid var(--dsw-alias-border-l1,rgba(0,0,0,.12));border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.15);white-space:nowrap;font-size:12px;font-weight:500;line-height:1.5;color:var(--dsw-alias-label-primary,#1f2328)}
 .dq-remaining[open] .dq-remaining-breakdown{display:flex}
 .dq-remaining-granted{color:var(--dsw-alias-label-secondary,#59636e);font-weight:400;font-size:12px}
+/* Low-balance top-up shortcut beside the runway value. It is an <a>, not a
+   <button>, because it leaves the app; the \u2197 glyph states that. Colours come
+   from the host's primary-button tokens (the same pair DSH's own filled
+   buttons use) so the page keeps exactly one filled call to action instead of
+   reading as another filter chip. Height stays on the runway text line so the
+   hero row does not grow. */
+.dq-runway-line{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px}
+.dq-topup{display:inline-flex;align-items:center;gap:2px;height:26px;padding:0 10px;border-radius:var(--dsw-radius-sm,8px);background:var(--dsw-alias-button-primary-fill,#0969da);color:var(--dsw-alias-label-primary-foreground,#fff);font-size:12px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;transition:background .15s ease}
+.dq-topup:hover{background:var(--dsw-alias-button-primary-hover,#0757ba)}
+.dq-topup:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#0969da);outline-offset:2px}
+.dq-topup-arrow{font-size:10px;line-height:1;transform:translateY(-1px)}
 /* narrow screens: .dq-balance-grid wraps its 3 stats onto separate lines, so the absolutely-positioned
    .dq-remaining-breakdown/.dq-runway-detail popovers can float down over whichever stat now sits in the
    next row (e.g. "\u4F59\u989D\u660E\u7EC6" open covering "\u9884\u8BA1\u53EF\u7528"'s clickable summary) \u2014 force each stat onto its own
@@ -3233,6 +4058,22 @@ var css = `
    package.json (see build.mjs) so it can never drift from the release. */
 .dq-footer{margin:16px 0 0;font-size:12px;text-align:center;color:var(--dsw-alias-label-tertiary,#59636e)}
 .dq-number{width:82px;padding:5px 8px;font-size:13px;border-radius:8px;border:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.16));background:var(--dsw-alias-bg-layer-1,#fff);color:var(--dsw-alias-label-primary,#1f2328);font-variant-numeric:tabular-nums}
+/* \u9AD8\u5CF0\u6682\u505C\u5361\uFF1A\u8BF4\u660E\u3001\u72B6\u6001\u884C\u4E0E\u4F1A\u8BDD\u5217\u8868\u3002320px \u4E0B\u6807\u9898\u7701\u7565\u3001\u72B6\u6001\u4E0E\u5F00\u5173\u6362\u884C\uFF0C
+   \u5217\u8868\u884C\u4E0D\u5141\u8BB8\u6491\u51FA\u5361\u7247\u5BBD\u5EA6\u3002\u603B\u5F00\u5173\u5173\u95ED\u65F6\u5217\u8868\u6574\u4F53\u5F31\u5316\uFF0C\u4F46\u6BCF\u4F1A\u8BDD\u5F00\u5173\u4ECD\u53EF\u64CD\u4F5C\u3002 */
+.dq-breaker-desc{margin:-6px 0 0}
+.dq-breaker-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0;margin-top:10px;font-size:12px;line-height:1.5;color:var(--dsw-alias-label-secondary,#59636e)}
+.dq-breaker-list{display:flex;flex-direction:column;margin:12px 0 0;padding:0;list-style:none;min-width:0}
+.dq-breaker-list--muted{opacity:.62}
+.dq-breaker-row{display:flex;align-items:center;gap:12px;min-width:0;padding:9px 0;border-top:1px solid var(--dsw-alias-border-l2,rgba(0,0,0,.10))}
+.dq-breaker-row:first-child{border-top:0;padding-top:0}
+.dq-breaker-row-main{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;flex:1 1 auto;min-width:0}
+.dq-breaker-row-title{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--dsw-alias-label-primary,#1f2328)}
+.dq-breaker-row-state{font-size:12px;line-height:1.5;white-space:nowrap;color:var(--dq-text-warn)}
+.dq-breaker-switch{display:inline-flex;align-items:center;justify-content:center;flex:none;cursor:pointer}
+.dq-breaker-switch input{width:16px;height:16px;margin:0;accent-color:var(--dsw-alias-state-business-primary,#0969da);cursor:pointer}
+.dq-breaker-switch input:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#0969da);outline-offset:2px}
+.dq-breaker-switch input:disabled{cursor:default;opacity:.6}
+.dq-breaker-error{margin-top:8px;font-size:12px;line-height:1.5}
 .dq-number:focus-visible{outline:2px solid var(--dsw-alias-state-business-primary,#0969da);outline-offset:1px;border-color:transparent}
 .dq-links-title{font-size:13px;font-weight:500;color:var(--dsw-alias-label-primary,#1f2328);margin:0 0 12px}
 .dq-links{display:flex;flex-wrap:wrap;gap:8px}
@@ -3449,7 +4290,7 @@ html[data-dq-quota-view] .dq-balance{padding-bottom:48px}
 `;
 
 // src/client/widget.tsx
-var import_react6 = require("react");
+var import_react9 = require("react");
 
 // src/client/sessions.ts
 function currentSessionIdOf(state) {
@@ -3458,7 +4299,7 @@ function currentSessionIdOf(state) {
 }
 
 // src/client/widget.tsx
-var import_jsx_runtime6 = require("react/jsx-runtime");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var MARGIN = 16;
 var CORNER_KEY = "widget.corner";
 var COLLAPSED_KEY = "widget.collapsed";
@@ -3509,47 +4350,47 @@ function cornerPos(corner, node, bounds) {
 function QuotaWidget(props) {
   const { t } = useI18n();
   const sessionId = props.useSessions(currentSessionIdOf);
-  const [visible, setVisible] = (0, import_react6.useState)(widgetVisibleStore.get());
-  (0, import_react6.useEffect)(() => widgetVisibleStore.subscribe(() => setVisible(widgetVisibleStore.get())), []);
-  const [quotaViewActive2, setQuotaViewActive] = (0, import_react6.useState)(quotaViewActiveStore.get());
-  (0, import_react6.useEffect)(() => quotaViewActiveStore.subscribe(() => setQuotaViewActive(quotaViewActiveStore.get())), []);
-  const [lowBalance, setLowBalance] = (0, import_react6.useState)(lowBalanceStore.get());
-  (0, import_react6.useEffect)(() => lowBalanceStore.subscribe(() => setLowBalance(lowBalanceStore.get())), []);
-  const [selectedTabIds, setSelectedTabIds] = (0, import_react6.useState)(widgetTabIdsStore.get());
-  (0, import_react6.useEffect)(() => widgetTabIdsStore.subscribe(() => setSelectedTabIds(widgetTabIdsStore.get())), []);
-  const [viewTabs, setViewTabs] = (0, import_react6.useState)(() => props.views.list());
-  (0, import_react6.useEffect)(() => props.views.subscribe(() => setViewTabs(props.views.list())), [props.views]);
-  const [activeViewId, setActiveViewId] = (0, import_react6.useState)(null);
+  const [visible, setVisible] = (0, import_react9.useState)(widgetVisibleStore.get());
+  (0, import_react9.useEffect)(() => widgetVisibleStore.subscribe(() => setVisible(widgetVisibleStore.get())), []);
+  const [quotaViewActive2, setQuotaViewActive] = (0, import_react9.useState)(quotaViewActiveStore.get());
+  (0, import_react9.useEffect)(() => quotaViewActiveStore.subscribe(() => setQuotaViewActive(quotaViewActiveStore.get())), []);
+  const [lowBalance, setLowBalance] = (0, import_react9.useState)(lowBalanceStore.get());
+  (0, import_react9.useEffect)(() => lowBalanceStore.subscribe(() => setLowBalance(lowBalanceStore.get())), []);
+  const [selectedTabIds, setSelectedTabIds] = (0, import_react9.useState)(widgetTabIdsStore.get());
+  (0, import_react9.useEffect)(() => widgetTabIdsStore.subscribe(() => setSelectedTabIds(widgetTabIdsStore.get())), []);
+  const [viewTabs, setViewTabs] = (0, import_react9.useState)(() => props.views.list());
+  (0, import_react9.useEffect)(() => props.views.subscribe(() => setViewTabs(props.views.list())), [props.views]);
+  const [activeViewId, setActiveViewId] = (0, import_react9.useState)(null);
   const cachedBalance = getCachedBalance();
-  const [data, setData] = (0, import_react6.useState)(cachedBalance?.data ?? null);
-  const [error, setError] = (0, import_react6.useState)(null);
-  const [loading, setLoading] = (0, import_react6.useState)(cachedBalance === null);
-  const [collapsed, setCollapsed] = (0, import_react6.useState)(() => loadPref(COLLAPSED_KEY, isBoolean, false));
-  const [pos, setPos] = (0, import_react6.useState)(null);
-  const [corner, setCorner] = (0, import_react6.useState)(() => loadPref(CORNER_KEY, isCorner, "br"));
-  const [dragging, setDragging] = (0, import_react6.useState)(false);
-  const rootRef = (0, import_react6.useRef)(null);
-  const dragRef = (0, import_react6.useRef)(null);
+  const [data, setData] = (0, import_react9.useState)(cachedBalance?.data ?? null);
+  const [error, setError] = (0, import_react9.useState)(null);
+  const [loading, setLoading] = (0, import_react9.useState)(cachedBalance === null);
+  const [collapsed, setCollapsed] = (0, import_react9.useState)(() => loadPref(COLLAPSED_KEY, isBoolean, false));
+  const [pos, setPos] = (0, import_react9.useState)(null);
+  const [corner, setCorner] = (0, import_react9.useState)(() => loadPref(CORNER_KEY, isCorner, "br"));
+  const [dragging, setDragging] = (0, import_react9.useState)(false);
+  const rootRef = (0, import_react9.useRef)(null);
+  const dragRef = (0, import_react9.useRef)(null);
   const readUsage = () => {
     const cached = getCachedUsage();
     return { data: cached?.ok === true ? cached.data ?? null : null, at: getCachedUsageAt() };
   };
-  const [usage, setUsage] = (0, import_react6.useState)(readUsage);
-  (0, import_react6.useEffect)(() => subscribeUsage(() => setUsage(readUsage())), []);
+  const [usage, setUsage] = (0, import_react9.useState)(readUsage);
+  (0, import_react9.useEffect)(() => subscribeUsage(() => setUsage(readUsage())), []);
   const readSessionUsage = (id) => {
     if (id === void 0) return null;
     const response = getCachedSessionUsage(id);
     return response?.ok === true ? response.data ?? null : null;
   };
-  const [sessionUsage, setSessionUsage] = (0, import_react6.useState)(() => readSessionUsage(sessionId));
-  (0, import_react6.useEffect)(() => {
+  const [sessionUsage, setSessionUsage] = (0, import_react9.useState)(() => readSessionUsage(sessionId));
+  (0, import_react9.useEffect)(() => {
     setSessionUsage(readSessionUsage(sessionId));
     if (sessionId === void 0) return;
     const unsubscribe = subscribeSessionUsage(sessionId, () => setSessionUsage(readSessionUsage(sessionId)));
     void fetchSessionUsage(sessionId);
     return unsubscribe;
   }, [sessionId]);
-  (0, import_react6.useLayoutEffect)(() => {
+  (0, import_react9.useLayoutEffect)(() => {
     const viewIds = viewTabs.map((tab) => tab.id);
     const read = () => {
       const next = getActiveConversationViewId(getShellFrame(rootRef.current), viewIds);
@@ -3586,14 +4427,14 @@ function QuotaWidget(props) {
       setLoading(false);
     }
   };
-  (0, import_react6.useEffect)(() => {
+  (0, import_react9.useEffect)(() => {
     void load(true);
     const id = setInterval(() => {
       void load(false);
     }, 6e4);
     return () => clearInterval(id);
   }, []);
-  (0, import_react6.useLayoutEffect)(() => {
+  (0, import_react9.useLayoutEffect)(() => {
     if (!visible || quotaViewActive2) return;
     const node = rootRef.current;
     if (node === null) return;
@@ -3721,9 +4562,9 @@ function QuotaWidget(props) {
   const dotClass = primary === null ? "dsh-quota-dot dsh-quota-dot--idle" : data?.isAvailable === false ? "dsh-quota-dot dsh-quota-dot--error" : low ? "dsh-quota-dot dsh-quota-dot--warn" : "dsh-quota-dot";
   const ageMinutes = usage.at === null ? null : Math.floor((Date.now() - usage.at) / 6e4);
   const usageAgeText = ageMinutes === null || ageMinutes < 1 ? t("widget.updatedNow") : t("widget.stale", { minutes: ageMinutes });
-  const sessionCostRow = sessionUsage === null ? null : /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "dsh-quota-row", title: t("widget.sessionCostTitle"), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "dsh-quota-label", children: t("widget.sessionCost") }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "dsh-quota-value", children: [
+  const sessionCostRow = sessionUsage === null ? null : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "dsh-quota-row", title: t("widget.sessionCostTitle"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "dsh-quota-label", children: t("widget.sessionCost") }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "dsh-quota-value", children: [
       "\xA5",
       fmtTurnCost(sessionUsage.cost)
     ] })
@@ -3731,50 +4572,50 @@ function QuotaWidget(props) {
   let body = null;
   if (!collapsed) {
     if (loading && data === null && error === null) {
-      body = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "dsh-quota-body", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { children: t("widget.loading") }),
+      body = /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "dsh-quota-body", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { children: t("widget.loading") }),
         sessionCostRow
       ] });
     } else if (error !== null && data === null) {
-      body = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "dsh-quota-body", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "dsh-quota-error", children: localizeApiError(error, t, "error.query") }),
+      body = /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "dsh-quota-body", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "dsh-quota-error", children: localizeApiError(error, t, "error.query") }),
         sessionCostRow
       ] });
     } else if (primary !== null) {
-      body = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "dsh-quota-body", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "dsh-quota-remaining-label", children: t("balance.remaining") }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { title: low ? t("widget.lowTitle", { amount: fmt(lowBalance) }) : void 0, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: `dsh-quota-total${low ? " dsh-quota-total--low" : ""}`, children: fmt(primary.total) }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "dsh-quota-currency", children: primary.currency })
+      body = /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "dsh-quota-body", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "dsh-quota-remaining-label", children: t("balance.remaining") }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { title: low ? t("widget.lowTitle", { amount: fmt(lowBalance) }) : void 0, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: `dsh-quota-total${low ? " dsh-quota-total--low" : ""}`, children: fmt(primary.total) }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "dsh-quota-currency", children: primary.currency })
         ] }),
-        usage.data !== null && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "dsh-quota-row", title: t("widget.todayCostTitle", { age: usageAgeText }), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "dsh-quota-label", children: t("widget.todayCost") }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: "dsh-quota-value", children: [
+        usage.data !== null && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "dsh-quota-row", title: t("widget.todayCostTitle", { age: usageAgeText }), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "dsh-quota-label", children: t("widget.todayCost") }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "dsh-quota-value", children: [
             "\xA5",
             fmt(usage.data.summary.today.cost)
           ] })
         ] }),
         sessionCostRow,
-        data?.isAvailable === false && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "dsh-quota-row", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "dsh-quota-label", children: t("common.status") }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "dsh-quota-value dsh-quota-error", children: t("common.unavailable") })
+        data?.isAvailable === false && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "dsh-quota-row", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "dsh-quota-label", children: t("common.status") }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "dsh-quota-value dsh-quota-error", children: t("common.unavailable") })
         ] })
       ] });
     } else {
-      body = /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "dsh-quota-body", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "dsh-quota-error", children: t("widget.noBalance") }),
+      body = /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "dsh-quota-body", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "dsh-quota-error", children: t("widget.noBalance") }),
         sessionCostRow
       ] });
     }
   }
   const style = pos !== null ? { left: `${pos.x}px`, top: `${pos.y}px`, right: "auto", bottom: "auto" } : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
     "div",
     {
       className: `dsh-quota-root${dragging ? " dsh-quota-dragging" : ""}${hidden ? " dsh-quota-root--hidden" : ""}`,
       style,
       "aria-hidden": hidden,
-      children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
         "div",
         {
           ref: rootRef,
@@ -3786,14 +4627,14 @@ function QuotaWidget(props) {
           onPointerCancel: () => endDrag(false),
           onLostPointerCapture: () => endDrag(false),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "dsh-quota-header", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "dsh-quota-title", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "dsh-quota-grip", title: t("widget.dragGrip"), children: "\u2807" }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: dotClass }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "dsh-quota-name", children: t("widget.title") })
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "dsh-quota-header", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "dsh-quota-title", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "dsh-quota-grip", title: t("widget.dragGrip"), children: "\u2807" }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: dotClass }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "dsh-quota-name", children: t("widget.title") })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "dsh-quota-actions", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "dsh-quota-actions", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                   "button",
                   {
                     className: "dsh-quota-btn",
@@ -3809,7 +4650,7 @@ function QuotaWidget(props) {
                     children: "\u21BB"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
                   "button",
                   {
                     className: "dsh-quota-btn",
@@ -3827,7 +4668,7 @@ function QuotaWidget(props) {
                 )
               ] })
             ] }),
-            collapsed && primary !== null && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "dsh-quota-collapsed-total-row", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { className: `dsh-quota-collapsed-total${low ? " dsh-quota-total--low" : ""}`, children: [
+            collapsed && primary !== null && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "dsh-quota-collapsed-total-row", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: `dsh-quota-collapsed-total${low ? " dsh-quota-total--low" : ""}`, children: [
               fmt(primary.total),
               " ",
               primary.currency
@@ -3858,7 +4699,7 @@ function conversationViewsSource(slots) {
 }
 
 // src/client/index.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var name = "dsh-usage-dashboard";
 var inject = ["slots", "locale", "layout"];
 var openQuotaTab = null;
@@ -3879,7 +4720,15 @@ function apply(ctx) {
   });
   ctx.slots.inject("shell.overlay", () => ctx.slots.register(
     { name: "shell.overlay", id: "deepseek-quota", order: 1e3, locale: NS, label: () => t("widget.title") },
-    ({ t: slotT, useSessions }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(LocaleProvider, { t: slotT, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ErrorBoundary, { t: slotT, silent: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(QuotaWidget, { useSessions, views }) }) })
+    ({ t: slotT, useSessions }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(LocaleProvider, { t: slotT, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ErrorBoundary, { t: slotT, silent: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(QuotaWidget, { useSessions, views }) }) })
+  ));
+  ctx.slots.inject("conversation.composer.dock", () => ctx.slots.register(
+    { name: "conversation.composer.dock", id: "quota-cost", order: 2, locale: NS },
+    ({ t: slotT, sessionId }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(LocaleProvider, { t: slotT, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ErrorBoundary, { t: slotT, silent: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(SessionCostPill, { sessionId }) }) })
+  ));
+  ctx.slots.inject("conversation.composer.dock", () => ctx.slots.register(
+    { name: "conversation.composer.dock", id: "peak-breaker", order: 3, locale: NS },
+    ({ t: slotT, sessionId }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(LocaleProvider, { t: slotT, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ErrorBoundary, { t: slotT, silent: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(BreakerPill, { sessionId }) }) })
   ));
   ctx.slots.inject("conversation.chat.assistant-actions", () => ctx.slots.register(
     {
@@ -3889,13 +4738,13 @@ function apply(ctx) {
       locale: NS,
       label: () => t("messageCost.label")
     },
-    ({ t: slotT, sessionId, messageId }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(LocaleProvider, { t: slotT, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ErrorBoundary, { t: slotT, silent: true, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(MessageCost, { sessionId, messageId }) }) })
+    ({ t: slotT, sessionId, messageId }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(LocaleProvider, { t: slotT, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ErrorBoundary, { t: slotT, silent: true, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(MessageCost, { sessionId, messageId }) }) })
   ));
   const QuotaView = ({ t: slotT, sessionId, openView }) => {
-    (0, import_react7.useEffect)(() => {
+    (0, import_react10.useEffect)(() => {
       if (openView !== void 0) openQuotaTab = openView;
     }, [openView]);
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(LocaleProvider, { t: slotT, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ErrorBoundary, { t: slotT, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(BalanceDashboard, { sessionId, views }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(LocaleProvider, { t: slotT, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ErrorBoundary, { t: slotT, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(BalanceDashboard, { sessionId, views }) }) });
   };
   ctx.effect(() => {
     let disposeView = null;
@@ -3931,14 +4780,14 @@ function apply(ctx) {
       disposeView?.();
     };
   }, "dsh-usage-dashboard: quota tab registration");
-  const QuotaPanel = ({ t: slotT }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "dq-panel", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "dq-panel-head", "data-window-drag": true, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("h1", { className: "dq-panel-title", children: slotT("nav.quota") }),
-      /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "dq-panel-caption", children: slotT("panel.caption") })
+  const QuotaPanel = ({ t: slotT }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "dq-panel", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "dq-panel-head", "data-window-drag": true, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h1", { className: "dq-panel-title", children: slotT("nav.quota") }),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "dq-panel-caption", children: slotT("panel.caption") })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(LocaleProvider, { t: slotT, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ErrorBoundary, { t: slotT, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(BalanceDashboard, { views }) }) })
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(LocaleProvider, { t: slotT, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(ErrorBoundary, { t: slotT, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(BalanceDashboard, { views }) }) })
   ] });
-  const QuotaGlyph = ({ size, active }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+  const QuotaGlyph = ({ size, active }) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
     "svg",
     {
       className: "dq-side-icon",
@@ -3954,23 +4803,23 @@ function apply(ctx) {
       "aria-hidden": "true",
       focusable: "false",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M3.5 3.3 8 8.7l4.5-5.4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M8 8.7V13.2" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M3.5 10.2h9" }),
-        /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: "M3.5 12.1h9" })
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M3.5 3.3 8 8.7l4.5-5.4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M8 8.7V13.2" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M3.5 10.2h9" }),
+        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("path", { d: "M3.5 12.1h9" })
       ]
     }
   );
   const QuotaFooterButton = ({ wide, t: slotT }) => {
-    const [active, setActive] = (0, import_react7.useState)(() => ctx.layout.panelInfo.getSnapshot().activePanelId === QUOTA_PANEL_ID);
-    (0, import_react7.useEffect)(() => {
+    const [active, setActive] = (0, import_react10.useState)(() => ctx.layout.panelInfo.getSnapshot().activePanelId === QUOTA_PANEL_ID);
+    (0, import_react10.useEffect)(() => {
       const sync = () => {
         setActive(ctx.layout.panelInfo.getSnapshot().activePanelId === QUOTA_PANEL_ID);
       };
       sync();
       return ctx.layout.panelInfo.subscribe(sync);
     }, []);
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
       "button",
       {
         type: "button",
@@ -3982,8 +4831,8 @@ function apply(ctx) {
           ctx.layout.selectPanel(active ? null : QUOTA_PANEL_ID);
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "dq-side-entry-icon", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(QuotaGlyph, { size: 16 }) }),
-          wide && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "dq-side-entry-label", children: slotT("nav.quota") })
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "dq-side-entry-icon", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(QuotaGlyph, { size: 16 }) }),
+          wide && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "dq-side-entry-label", children: slotT("nav.quota") })
         ]
       }
     );