@dan-ai-studio/dshopencodego 0.1.64 → 0.1.65

package/lib/client.js

@@ -55,16 +55,16 @@ function parseGoQuota(value) {
 function parseCost(value) {
   if (value === null || typeof value !== "object") throw new Error("invalid model cost");
   const row = value;
-  const rate = (key) => {
+  const rate3 = (key) => {
     const entry = row[key];
     if (typeof entry !== "number" || !Number.isFinite(entry) || entry < 0) throw new Error(`invalid model cost "${key}"`);
     return entry;
   };
   return {
-    input: rate("input"),
-    output: rate("output"),
-    ...typeof row["cacheRead"] === "number" ? { cacheRead: rate("cacheRead") } : {},
-    ...typeof row["cacheWrite"] === "number" ? { cacheWrite: rate("cacheWrite") } : {}
+    input: rate3("input"),
+    output: rate3("output"),
+    ...typeof row["cacheRead"] === "number" ? { cacheRead: rate3("cacheRead") } : {},
+    ...typeof row["cacheWrite"] === "number" ? { cacheWrite: rate3("cacheWrite") } : {}
   };
 }
 function parseModalities(value) {
@@ -115,7 +115,7 @@ function parseCatalogReading(value) {
     throw new Error("invalid catalog reading");
   }
   const numbers = counts;
-  const count2 = (key) => {
+  const count3 = (key) => {
     const entry = numbers[key];
     if (typeof entry !== "number" || !Number.isFinite(entry) || entry < 0) throw new Error(`invalid catalog count "${key}"`);
     return entry;
@@ -134,11 +134,11 @@ function parseCatalogReading(value) {
     fetchedAtMs: row["fetchedAtMs"],
     quotaSource: quotaSource ?? "seed",
     counts: {
-      total: count2("total"),
-      enabled: count2("enabled"),
-      deprecated: count2("deprecated"),
-      unconfigured: count2("unconfigured"),
-      inferred: count2("inferred")
+      total: count3("total"),
+      enabled: count3("enabled"),
+      deprecated: count3("deprecated"),
+      unconfigured: count3("unconfigured"),
+      inferred: count3("inferred")
     }
   };
 }
@@ -246,6 +246,8 @@ function parseEntry(value) {
     ...row["cacheReadTokens"] === void 0 ? {} : { cacheReadTokens: count("cacheReadTokens", row) },
     ...row["durationMs"] === void 0 ? {} : { durationMs: count("durationMs", row) },
     ...row["firstTokenMs"] === void 0 ? {} : { firstTokenMs: count("firstTokenMs", row) },
+    ...row["decodeMs"] === void 0 ? {} : { decodeMs: count("decodeMs", row) },
+    ...row["tps"] === void 0 ? {} : { tps: rate("tps", row) },
     ok: row["ok"] === true,
     ...typeof row["code"] === "string" ? { code: row["code"] } : {},
     ...typeof row["poolKey"] === "string" ? { poolKey: row["poolKey"] } : {},
@@ -264,6 +266,13 @@ function parseEntry(value) {
     } : {}
   };
 }
+function rate(key, row) {
+  const entry = row[key];
+  if (typeof entry !== "number" || !Number.isFinite(entry) || entry < 0) {
+    throw new Error(`invalid request-log entry "${key}"`);
+  }
+  return entry;
+}
 function parsePoolEvent(value) {
   if (value === null || typeof value !== "object") throw new Error("invalid request-log pool event");
   const row = value;
@@ -378,22 +387,22 @@ function parseUsageWindows(value) {
 function parseTotals(value) {
   if (value === null || typeof value !== "object") throw new Error("invalid meter totals");
   const row = value;
-  const count2 = (key) => {
+  const count3 = (key) => {
     const entry = row[key];
     if (typeof entry !== "number" || !Number.isFinite(entry) || entry < 0) throw new Error(`invalid meter field "${key}"`);
     return entry;
   };
-  const optionalCount = (key) => row[key] === void 0 ? void 0 : count2(key);
+  const optionalCount = (key) => row[key] === void 0 ? void 0 : count3(key);
   const reasoningTokens = optionalCount("reasoningTokens");
   const estimatedUSD = optionalCount("estimatedUSD");
   const unpricedTokens = optionalCount("unpricedTokens");
   return {
-    calls: count2("calls"),
-    inputTokens: count2("inputTokens"),
-    outputTokens: count2("outputTokens"),
-    cacheReadTokens: count2("cacheReadTokens"),
-    cacheWriteTokens: count2("cacheWriteTokens"),
-    totalTokens: count2("totalTokens"),
+    calls: count3("calls"),
+    inputTokens: count3("inputTokens"),
+    outputTokens: count3("outputTokens"),
+    cacheReadTokens: count3("cacheReadTokens"),
+    cacheWriteTokens: count3("cacheWriteTokens"),
+    totalTokens: count3("totalTokens"),
     ...reasoningTokens === void 0 ? {} : { reasoningTokens },
     ...estimatedUSD === void 0 ? {} : { estimatedUSD },
     ...unpricedTokens === void 0 ? {} : { unpricedTokens }
@@ -490,6 +499,7 @@ var en = {
   keepAliveHint: "How long a connection to the gateway is held between requests. Longer pauses in a conversation cost one handshake each; the timer restarts on every answer.",
   requestLogTitle: "Request log",
   requestLogHint: "Per-request records for troubleshooting. Off by default; enabling it does not change what requests do.",
+  requestLogPageHint: "One row per request. The table scrolls; the filters stay put.",
   requestLogEnabled: "Record requests",
   requestLogDebug: "Debug detail",
   requestLogDebugHint: "Pool events and full session ids. Otherwise sessions are truncated to 8 characters.",
@@ -509,6 +519,7 @@ var en = {
   requestLogSlowOnly: "Slow only",
   requestLogSlowSeconds: "slower than (seconds)",
   requestLogFilterSession: "Session contains",
+  requestLogOnlySession: "this session only",
   requestLogGroupBy: "Group by",
   requestLogGroupNone: "None",
   requestLogGroupSession: "Session",
@@ -527,6 +538,7 @@ var en = {
   requestLogColOut: "Out",
   requestLogColCache: "Cached",
   requestLogColLatency: "Latency",
+  requestLogColTps: "tok/s",
   requestLogColFirstToken: "First token",
   requestLogColStatus: "Status",
   requestLogDetailRequest: "Request",
@@ -544,6 +556,11 @@ var en = {
   requestLogDetailMessages: "messages",
   requestLogDetailTools: "tools",
   requestLogDetailHasImage: "with images",
+  requestLogStatRequests: "Requests",
+  requestLogStatFailures: "Failures",
+  requestLogStatLatency: "Mean latency",
+  requestLogStatFirstToken: "Mean first token",
+  requestLogStatTps: "Mean tok/s",
   writeRejected: "The settings write was rejected (the namespace was reloaded) \u2014 try again",
   writeFailed: "The settings write failed",
   filterPlaceholder: "Filter by name or id",
@@ -658,6 +675,7 @@ var zh = {
   keepAliveHint: "\u4E0E\u7F51\u5173\u7684\u8FDE\u63A5\u5728\u4E24\u6B21\u8BF7\u6C42\u4E4B\u95F4\u4FDD\u7559\u591A\u4E45\u3002\u5BF9\u8BDD\u4E2D\u6BCF\u6B21\u505C\u987F\u8F83\u4E45\u90FD\u8981\u91CD\u65B0\u63E1\u624B\u4E00\u6B21\uFF1B\u6BCF\u6B21\u6536\u5230\u56DE\u7B54\u540E\u8BA1\u65F6\u90FD\u4F1A\u91CD\u65B0\u5F00\u59CB\u3002",
   requestLogTitle: "\u8BF7\u6C42\u65E5\u5FD7",
   requestLogHint: "\u6392\u67E5\u7528\u7684\u9010\u8BF7\u6C42\u8BB0\u5F55\u3002\u9ED8\u8BA4\u5173\u95ED\uFF1B\u6253\u5F00\u5B83\u4E0D\u4F1A\u6539\u53D8\u8BF7\u6C42\u672C\u8EAB\u7684\u884C\u4E3A\u3002",
+  requestLogPageHint: "\u6BCF\u4E2A\u8BF7\u6C42\u4E00\u884C\u3002\u8868\u683C\u6EDA\u52A8\uFF0C\u7B5B\u9009\u680F\u56FA\u5B9A\u5728\u4E0A\u65B9\u3002",
   requestLogEnabled: "\u8BB0\u5F55\u8BF7\u6C42",
   requestLogDebug: "\u6392\u9519\u8BE6\u60C5",
   requestLogDebugHint: "\u8FDE\u63A5\u6C60\u4E8B\u4EF6\u4E0E\u5B8C\u6574\u4F1A\u8BDD id\u3002\u4E0D\u5F00\u5219\u4F1A\u8BDD\u53EA\u4FDD\u7559\u524D 8 \u4F4D\u3002",
@@ -677,6 +695,7 @@ var zh = {
   requestLogSlowOnly: "\u53EA\u770B\u6162\u8BF7\u6C42",
   requestLogSlowSeconds: "\u6162\u4E8E\uFF08\u79D2\uFF09",
   requestLogFilterSession: "\u4F1A\u8BDD\u5305\u542B",
+  requestLogOnlySession: "\u4EC5\u672C\u4F1A\u8BDD",
   requestLogGroupBy: "\u5206\u7EC4",
   requestLogGroupNone: "\u4E0D\u5206\u7EC4",
   requestLogGroupSession: "\u6309\u4F1A\u8BDD",
@@ -695,6 +714,7 @@ var zh = {
   requestLogColOut: "\u8F93\u51FA",
   requestLogColCache: "\u7F13\u5B58",
   requestLogColLatency: "\u8017\u65F6",
+  requestLogColTps: "tok/s",
   requestLogColFirstToken: "\u9996\u5B57",
   requestLogColStatus: "\u72B6\u6001",
   requestLogDetailRequest: "\u8BF7\u6C42",
@@ -712,6 +732,11 @@ var zh = {
   requestLogDetailMessages: "\u6761\u6D88\u606F",
   requestLogDetailTools: "\u4E2A\u5DE5\u5177",
   requestLogDetailHasImage: "\u542B\u56FE\u7247",
+  requestLogStatRequests: "\u8BF7\u6C42\u6570",
+  requestLogStatFailures: "\u5931\u8D25\u6570",
+  requestLogStatLatency: "\u5E73\u5747\u8017\u65F6",
+  requestLogStatFirstToken: "\u5E73\u5747\u9996\u5B57",
+  requestLogStatTps: "\u5E73\u5747 tok/s",
   writeRejected: "\u8BBE\u7F6E\u5199\u5165\u88AB\u62D2\u7EDD\uFF08\u5DF2\u91CD\u65B0\u8F7D\u5165\uFF09\uFF0C\u8BF7\u91CD\u8BD5",
   writeFailed: "\u8BBE\u7F6E\u5199\u5165\u5931\u8D25",
   filterPlaceholder: "\u6309\u540D\u79F0\u6216 ID \u7B5B\u9009",
@@ -786,348 +811,7 @@ var zh = {
 };
 
 // src/client/Section.tsx
-var import_react2 = require("react");
-
-// src/client/RequestLogDialog.tsx
 var import_react = require("react");
-var import_react_dom = require("react-dom");
-
-// plugin-css:/home/runner/work/dshopencodego/dshopencodego/src/client/request-log.module.css
-var id = "@dan-ai-studio/dshopencodego/request-log.module.css";
-if (!document.querySelector("style[data-plugin-css=" + JSON.stringify(id) + "]")) {
-  const style = document.createElement("style");
-  style.dataset.plugin = "@dan-ai-studio/dshopencodego";
-  style.dataset.pluginCss = id;
-  style.textContent = ".Lx7MOq_overlay{z-index:1000;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.Lx7MOq_panel{border-radius:8px;flex-direction:column;width:min(1100px,94vw);max-height:92vh;display:flex;overflow:hidden}.Lx7MOq_title{align-items:baseline;gap:8px;display:flex}.Lx7MOq_titleValue{margin-left:auto}.Lx7MOq_controls{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}.Lx7MOq_footer{align-items:center;gap:16px;display:flex}.Lx7MOq_tableWrap{flex:1;min-height:120px;overflow:auto}.Lx7MOq_table{border-collapse:collapse;width:100%;font-size:12px}.Lx7MOq_table th,.Lx7MOq_table td{text-align:left;white-space:nowrap;padding:4px 8px}.Lx7MOq_group td{font-weight:700}.Lx7MOq_row{cursor:pointer}.Lx7MOq_rowFail{border-left:3px solid #c0392b}.Lx7MOq_rowFail td:first-child{color:#c0392b}.Lx7MOq_rowSlow{border-left:3px solid #d68910}.Lx7MOq_rowSlow td:first-child{color:#d68910}.Lx7MOq_rowOk{border-left:3px solid #0000}.Lx7MOq_detail td{white-space:normal;word-break:break-all}.Lx7MOq_mono{font-family:monospace}.Lx7MOq_pager{align-items:center;gap:12px;display:flex}";
-  document.head.appendChild(style);
-}
-var request_log_default = { "controls": "Lx7MOq_controls", "detail": "Lx7MOq_detail", "footer": "Lx7MOq_footer", "group": "Lx7MOq_group", "mono": "Lx7MOq_mono", "overlay": "Lx7MOq_overlay", "pager": "Lx7MOq_pager", "panel": "Lx7MOq_panel", "row": "Lx7MOq_row", "rowFail": "Lx7MOq_rowFail", "rowOk": "Lx7MOq_rowOk", "rowSlow": "Lx7MOq_rowSlow", "table": "Lx7MOq_table", "tableWrap": "Lx7MOq_tableWrap", "title": "Lx7MOq_title", "titleValue": "Lx7MOq_titleValue" };
-
-// src/client/RequestLogDialog.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var PAGE_SIZE = 50;
-function formatCount(value) {
-  if (value === void 0) return "\u2014";
-  return value.toLocaleString();
-}
-function formatMs(value) {
-  if (value === void 0) return "\u2014";
-  return value < 1e3 ? `${Math.round(value)}ms` : `${(value / 1e3).toFixed(1)}s`;
-}
-function formatTime(atMs, getLocale) {
-  return new Date(atMs).toLocaleTimeString(getLocale?.(), { hour12: false });
-}
-function statusOf(entry) {
-  if (!entry.ok) return entry.code === "TIMEOUT" || entry.code === "ABORTED" ? "timeout" : "fail";
-  return "ok";
-}
-function groupKey(entry, groupBy) {
-  switch (groupBy) {
-    case "session":
-      return entry.session === "" ? "\u2014" : entry.session;
-    case "model":
-      return entry.model;
-    case "result":
-      return entry.ok ? "ok" : entry.code ?? "fail";
-    case "none":
-      return null;
-  }
-}
-function RequestLogDialog({ readLog, enabled, t, getLocale, onClose }) {
-  const [snapshot, setSnapshot] = (0, import_react.useState)(void 0);
-  const [failure, setFailure] = (0, import_react.useState)(void 0);
-  const [refreshing, setRefreshing] = (0, import_react.useState)(false);
-  const [model, setModel] = (0, import_react.useState)("all");
-  const [result, setResult] = (0, import_react.useState)("all");
-  const [slowOnly, setSlowOnly] = (0, import_react.useState)(false);
-  const [slowSeconds, setSlowSeconds] = (0, import_react.useState)(5);
-  const [sessionQuery, setSessionQuery] = (0, import_react.useState)("");
-  const [groupBy, setGroupBy] = (0, import_react.useState)("none");
-  const [page, setPage] = (0, import_react.useState)(0);
-  const [expanded, setExpanded] = (0, import_react.useState)(null);
-  const root = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
-    let alive = true;
-    const load = async () => {
-      setRefreshing(true);
-      try {
-        const next = await readLog();
-        if (!alive) return;
-        setSnapshot(next);
-        setFailure(void 0);
-      } catch (error) {
-        if (!alive) return;
-        setFailure(error instanceof Error ? error.message : String(error));
-      } finally {
-        if (alive) setRefreshing(false);
-      }
-    };
-    void load();
-    return () => {
-      alive = false;
-    };
-  }, [readLog]);
-  (0, import_react.useEffect)(() => {
-    const close = (event) => {
-      if (!root.current?.contains(event.target)) onClose();
-    };
-    const escape = (event) => {
-      if (event.key === "Escape") onClose();
-    };
-    document.addEventListener("mousedown", close);
-    document.addEventListener("keydown", escape);
-    return () => {
-      document.removeEventListener("mousedown", close);
-      document.removeEventListener("keydown", escape);
-    };
-  }, [onClose]);
-  const models = (0, import_react.useMemo)(() => {
-    const ids = /* @__PURE__ */ new Set();
-    for (const entry of snapshot?.entries ?? []) ids.add(entry.model);
-    return [...ids].toSorted();
-  }, [snapshot]);
-  const filtered = (0, import_react.useMemo)(() => {
-    const query = sessionQuery.trim();
-    return (snapshot?.entries ?? []).filter((entry) => {
-      if (model !== "all" && entry.model !== model) return false;
-      if (result === "ok" && !entry.ok) return false;
-      if (result === "fail" && entry.ok) return false;
-      if (slowOnly && (entry.durationMs ?? 0) < Math.max(0, slowSeconds) * 1e3) return false;
-      if (query !== "" && !entry.session.includes(query)) return false;
-      return true;
-    });
-  }, [snapshot, model, result, slowOnly, slowSeconds, sessionQuery]);
-  const pages = Math.max(1, Math.ceil(filtered.length / PAGE_SIZE));
-  const safePage = Math.min(page, pages - 1);
-  const pageEntries = filtered.slice(safePage * PAGE_SIZE, (safePage + 1) * PAGE_SIZE);
-  const reuse = snapshot !== void 0 && snapshot.totalRecords > 0 ? Math.max(0, Math.min(1, 1 - snapshot.newConnections / snapshot.totalRecords)) : null;
-  const rows = () => {
-    const out = [];
-    let lastGroup = null;
-    for (const entry of pageEntries) {
-      const state = statusOf(entry);
-      const slow = entry.ok && (entry.durationMs ?? 0) >= 5e3;
-      const group = groupKey(entry, groupBy);
-      if (group !== null && group !== lastGroup) {
-        lastGroup = group;
-        out.push(
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { className: request_log_default.group, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { colSpan: 9, children: group }) }, `group-${group}-${entry.seq}`)
-        );
-      }
-      out.push(
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          "tr",
-          {
-            className: `${request_log_default.row} ${state === "ok" ? slow ? request_log_default.rowSlow : request_log_default.rowOk : state === "timeout" ? request_log_default.rowSlow : request_log_default.rowFail}`,
-            onClick: () => {
-              setExpanded(expanded === entry.seq ? null : entry.seq);
-            },
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: formatTime(entry.atMs, getLocale) }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { className: request_log_default.mono, children: entry.model }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { className: request_log_default.mono, children: entry.session === "" ? "\u2014" : entry.session }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: formatCount(entry.inputTokens) }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: formatCount(entry.outputTokens) }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: formatCount(entry.cacheReadTokens) }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: formatMs(entry.durationMs) }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: formatMs(entry.firstTokenMs) }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { children: entry.ok ? `${entry.status ?? ""}`.trim() || "\u2713" : entry.code ?? "\u2717" })
-            ]
-          },
-          entry.seq
-        )
-      );
-      if (expanded === entry.seq) {
-        out.push(
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { className: request_log_default.detail, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("td", { colSpan: 9, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: t("requestLogDetailRequest") }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-              `${t("requestLogDetailMethod")}: `,
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: request_log_default.mono, children: entry.method })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-              `${t("requestLogDetailUrl")}: `,
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: request_log_default.mono, children: entry.url })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-              `${t("requestLogDetailSession")}: `,
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: request_log_default.mono, children: entry.session === "" ? "\u2014" : entry.session })
-            ] }),
-            entry.poolKey !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-              `${t("requestLogDetailPool")}: `,
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: request_log_default.mono, children: entry.poolKey })
-            ] }),
-            entry.headers !== void 0 && (entry.headers.session !== void 0 || entry.headers.userAgent !== void 0) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-              `${t("requestLogDetailHeaders")}: `,
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: request_log_default.mono, children: [entry.headers.session, entry.headers.userAgent].filter((part) => part !== void 0).join(" \xB7 ") })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-              `${t("requestLogDetailShape")}: `,
-              `${entry.shape?.messages ?? 0} ${t("requestLogDetailMessages")}`,
-              entry.shape !== void 0 && entry.shape.tools > 0 && ` \xB7 ${entry.shape.tools} ${t("requestLogDetailTools")}`,
-              entry.shape?.hasImage === true && ` \xB7 ${t("requestLogDetailHasImage")}`
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: t("requestLogDetailTiming") }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: `${t("requestLogColLatency")}: ${formatMs(entry.durationMs)} \xB7 ${t("requestLogColFirstToken")}: ${formatMs(entry.firstTokenMs)}` }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: t("requestLogDetailResult") }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-              `${t("requestLogColStatus")}: ${entry.status ?? "\u2014"}`,
-              ` \xB7 ${t("requestLogDetailTokens")}: ${formatCount(entry.inputTokens)} / ${formatCount(entry.outputTokens)} / ${formatCount(entry.cacheReadTokens)}`,
-              !entry.ok && entry.code !== void 0 && ` \xB7 ${t("requestLogDetailError")}: ${entry.code}`
-            ] })
-          ] }) }, `detail-${entry.seq}`)
-        );
-      }
-    }
-    return out;
-  };
-  return (0, import_react_dom.createPortal)(
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: request_log_default.overlay, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: request_log_default.panel, ref: root, role: "dialog", "aria-label": t("requestLogTitle"), "aria-busy": refreshing, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: request_log_default.title, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: t("requestLogTitle") }),
-        snapshot !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: request_log_default.titleValue, children: `${snapshot.totalRecords.toLocaleString(getLocale?.())} \xB7 ${t("requestLogDropped")} ${snapshot.droppedRecords.toLocaleString(getLocale?.())}` }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: () => {
-          setPage(0);
-          setExpanded(null);
-          void refresh();
-        }, disabled: refreshing, children: t("requestLogRefresh") }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", onClick: onClose, children: t("requestLogClose") })
-      ] }),
-      !enabled && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: t("requestLogDisabled") }),
-      enabled && failure !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { role: "alert", children: failure }),
-      enabled && snapshot !== void 0 && reuse !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { title: t("requestLogReuseHint"), children: [
-        `${t("requestLogReuse")} ${(reuse * 100).toFixed(0)}%`,
-        snapshot.poolKey !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: request_log_default.mono, children: [
-          " \xB7 ",
-          snapshot.poolKey
-        ] })
-      ] }),
-      enabled && snapshot !== void 0 && snapshot.poolEvents.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: request_log_default.mono, children: snapshot.poolEvents.map(
-        (event) => `${new Date(event.atMs).toLocaleTimeString(getLocale?.(), { hour12: false })} ${event.type} ${event.key}`
-      ).join(" \xB7 ") }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: request_log_default.controls, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
-          `${t("requestLogFilterModel")} `,
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", { value: model, onChange: (event) => {
-            setModel(event.target.value);
-            setPage(0);
-          }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "all", children: t("requestLogFilterModelAll") }),
-            models.map((id4) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: id4, children: id4 }, id4))
-          ] })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
-          `${t("requestLogFilterResult")} `,
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-            "select",
-            {
-              value: result,
-              onChange: (event) => {
-                setResult(event.target.value);
-                setPage(0);
-              },
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "all", children: t("requestLogResultAll") }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "ok", children: t("requestLogResultOk") }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "fail", children: t("requestLogResultFail") })
-              ]
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "input",
-            {
-              type: "checkbox",
-              checked: slowOnly,
-              onChange: (event) => {
-                setSlowOnly(event.target.checked);
-                setPage(0);
-              }
-            }
-          ),
-          ` ${t("requestLogSlowOnly")} `,
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "input",
-            {
-              type: "number",
-              min: 1,
-              value: slowSeconds,
-              disabled: !slowOnly,
-              "aria-label": t("requestLogSlowSeconds"),
-              onChange: (event) => {
-                setSlowSeconds(Number(event.target.value));
-                setPage(0);
-              }
-            }
-          ),
-          ` ${t("requestLogSlowSeconds")}`
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
-          `${t("requestLogFilterSession")} `,
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "input",
-            {
-              type: "search",
-              value: sessionQuery,
-              onChange: (event) => {
-                setSessionQuery(event.target.value);
-                setPage(0);
-              }
-            }
-          )
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { children: [
-          `${t("requestLogGroupBy")} `,
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("select", { value: groupBy, onChange: (event) => {
-            setGroupBy(event.target.value);
-            setPage(0);
-          }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "none", children: t("requestLogGroupNone") }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "session", children: t("requestLogGroupSession") }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "model", children: t("requestLogGroupModel") }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "result", children: t("requestLogGroupResult") })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: request_log_default.tableWrap, children: filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { children: t("requestLogEmpty") }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("table", { className: request_log_default.table, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("tr", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: t("requestLogColTime") }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: t("requestLogColModel") }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: t("requestLogColSession") }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: t("requestLogColIn") }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: t("requestLogColOut") }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: t("requestLogColCache") }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: t("requestLogColLatency") }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: t("requestLogColFirstToken") }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("th", { children: t("requestLogColStatus") })
-        ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tbody", { children: rows() })
-      ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: request_log_default.footer, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: request_log_default.pager, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", disabled: safePage <= 0, onClick: () => {
-          setPage(safePage - 1);
-        }, children: t("requestLogPagePrev") }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: `${safePage + 1} ${t("requestLogPageOf")} ${pages}` }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", disabled: safePage >= pages - 1, onClick: () => {
-          setPage(safePage + 1);
-        }, children: t("requestLogPageNext") })
-      ] }) })
-    ] }) }),
-    document.body
-  );
-  async function refresh() {
-    setRefreshing(true);
-    try {
-      setSnapshot(await readLog());
-      setFailure(void 0);
-    } catch (error) {
-      setFailure(error instanceof Error ? error.message : String(error));
-    } finally {
-      setRefreshing(false);
-    }
-  }
-}
 
 // src/update/check.ts
 var PACKAGE_NAME = "@dan-ai-studio/dshopencodego";
@@ -1187,18 +871,18 @@ function isIPv6(value) {
   const head = groups(halves[0] ?? "");
   const tail = halves.length === 2 ? groups(halves[1] ?? "") : [];
   const all = [...head, ...tail];
-  let count2 = 0;
+  let count3 = 0;
   for (const [index, group] of all.entries()) {
     if (group.includes(".")) {
       if (index !== all.length - 1) return false;
       if (!isDottedQuad(group)) return false;
-      count2 += 2;
+      count3 += 2;
       continue;
     }
     if (!/^[0-9a-fA-F]{1,4}$/.test(group)) return false;
-    count2 += 1;
+    count3 += 1;
   }
-  return halves.length === 2 ? count2 <= 7 : count2 === 8;
+  return halves.length === 2 ? count3 <= 7 : count3 === 8;
 }
 function isAddress(value) {
   const trimmed = value.trim();
@@ -1267,18 +951,18 @@ function inputModalityLabels(model, t) {
 }
 
 // plugin-css:/home/runner/work/dshopencodego/dshopencodego/src/client/section.module.css
-var id2 = "@dan-ai-studio/dshopencodego/section.module.css";
-if (!document.querySelector("style[data-plugin-css=" + JSON.stringify(id2) + "]")) {
+var id = "@dan-ai-studio/dshopencodego/section.module.css";
+if (!document.querySelector("style[data-plugin-css=" + JSON.stringify(id) + "]")) {
   const style = document.createElement("style");
   style.dataset.plugin = "@dan-ai-studio/dshopencodego";
-  style.dataset.pluginCss = id2;
+  style.dataset.pluginCss = id;
   style.textContent = ".d7lz0W_root{color:var(--dsw-alias-label-primary);flex-direction:column;gap:1.25rem;display:flex}.d7lz0W_title{margin:0;font-size:1.05rem}.d7lz0W_hint{color:var(--dsw-alias-label-secondary);margin:0;font-size:.8rem}.d7lz0W_warn{color:var(--dsw-alias-state-warn-primary);margin:0;font-size:.8rem}.d7lz0W_ok{color:var(--dsw-alias-state-success-primary);font-size:.8rem}.d7lz0W_block{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:.6rem;flex-direction:column;gap:.5rem;padding:.85rem;display:flex}.d7lz0W_row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.d7lz0W_row>strong{margin-right:auto}.d7lz0W_input{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-base);min-width:10rem;color:var(--dsw-alias-label-primary);font:inherit;border-radius:.35rem;flex:14rem;padding:.35rem .5rem;font-size:.85rem}.d7lz0W_button{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;border-radius:.35rem;padding:.35rem .7rem;font-size:.8rem}.d7lz0W_button:disabled{color:var(--dsw-alias-state-idle-primary);cursor:default}.d7lz0W_number{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-base);width:5rem;color:var(--dsw-alias-label-primary);font:inherit;border-radius:.35rem;padding:.25rem .4rem;font-size:.8rem}.d7lz0W_select{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-base);width:auto;max-width:100%;color:var(--dsw-alias-label-primary);font:inherit;border-radius:.35rem;padding:.25rem .4rem;font-size:.8rem}.d7lz0W_list{flex-direction:column;display:flex}.d7lz0W_item{border-top:1px solid var(--dsw-alias-border-l1);align-items:flex-start;gap:.5rem;padding:.45rem .15rem;display:flex}.d7lz0W_item input[type=checkbox]{accent-color:var(--dsw-alias-brand-primary);margin-top:.15rem}.d7lz0W_itemBody{flex-direction:column;gap:.15rem;min-width:0;display:flex}.d7lz0W_itemMain{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.d7lz0W_itemMeta{color:var(--dsw-alias-label-secondary);flex-wrap:wrap;gap:.75rem;font-size:.75rem;display:flex}.d7lz0W_itemModalities{color:var(--dsw-alias-label-secondary);font-size:.75rem}.d7lz0W_name{color:var(--dsw-alias-label-primary)}.d7lz0W_mono{color:var(--dsw-alias-label-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.d7lz0W_badge{color:var(--dsw-alias-brand-primary)}";
   document.head.appendChild(style);
 }
 var section_default = { "badge": "d7lz0W_badge", "block": "d7lz0W_block", "button": "d7lz0W_button", "hint": "d7lz0W_hint", "input": "d7lz0W_input", "item": "d7lz0W_item", "itemBody": "d7lz0W_itemBody", "itemMain": "d7lz0W_itemMain", "itemMeta": "d7lz0W_itemMeta", "itemModalities": "d7lz0W_itemModalities", "list": "d7lz0W_list", "mono": "d7lz0W_mono", "name": "d7lz0W_name", "number": "d7lz0W_number", "ok": "d7lz0W_ok", "root": "d7lz0W_root", "row": "d7lz0W_row", "select": "d7lz0W_select", "title": "d7lz0W_title", "warn": "d7lz0W_warn" };
 
 // src/client/Section.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime = require("react/jsx-runtime");
 var API_KEY_REF = "OPENCODE_GO_API_KEY";
 var VISIBILITY_WRITE_DELAY_MS = 250;
 var INITIAL = {
@@ -1295,8 +979,7 @@ var INITIAL = {
   writable: false,
   saving: false,
   filter: INITIAL_FILTER,
-  update: { phase: "idle", status: void 0, message: void 0 },
-  requestLogOpen: false
+  update: { phase: "idle", status: void 0, message: void 0 }
 };
 function settingsOf(value) {
   if (value === null || typeof value !== "object") return void 0;
@@ -1773,14 +1456,6 @@ var SectionController = class _SectionController {
       () => this.set({ settings: { ...current, requestLogMaxEntries: entries } })
     );
   }
-  /** Open the request-log viewer. */
-  openRequestLog() {
-    this.set({ requestLogOpen: true });
-  }
-  /** Close the request-log viewer. */
-  closeRequestLog() {
-    this.set({ requestLogOpen: false });
-  }
   async write(operation, onAccepted) {
     this.set({ saving: true });
     try {
@@ -1824,12 +1499,12 @@ function UpdateBanner({ controller, t, busy, act, update }) {
   if (update.phase === "idle") return null;
   const status = update.status;
   const notes = status?.latest === void 0 ? `https://github.com/${REPOSITORY}/releases` : `https://github.com/${REPOSITORY}/releases/tag/v${status.latest}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: section_default.block, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: section_default.row, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: t("updateTitle") }),
-    update.phase === "checking" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: section_default.hint, children: t("updateChecking") }),
-    update.phase === "current" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: section_default.hint, children: `${t("updateLatest")} ${status?.current ?? ""}`.trim() }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: section_default.block, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: section_default.row, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: t("updateTitle") }),
+    update.phase === "checking" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: section_default.hint, children: t("updateChecking") }),
+    update.phase === "current" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: section_default.hint, children: `${t("updateLatest")} ${status?.current ?? ""}`.trim() }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "button",
         {
           type: "button",
@@ -1844,9 +1519,9 @@ function UpdateBanner({ controller, t, busy, act, update }) {
         }
       )
     ] }),
-    update.phase === "ready" && status?.latest !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: section_default.hint, children: `${t("updateAvailable")} ${status.latest} (${t("updateCurrent")} ${status.current})` }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    update.phase === "ready" && status?.latest !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: section_default.hint, children: `${t("updateAvailable")} ${status.latest} (${t("updateCurrent")} ${status.current})` }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "button",
         {
           type: "button",
@@ -1858,8 +1533,8 @@ function UpdateBanner({ controller, t, busy, act, update }) {
           children: t("updateNow")
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("a", { className: section_default.hint, href: notes, target: "_blank", rel: "noreferrer", children: t("updateNotes") }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { className: section_default.hint, href: notes, target: "_blank", rel: "noreferrer", children: t("updateNotes") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "button",
         {
           type: "button",
@@ -1874,9 +1549,9 @@ function UpdateBanner({ controller, t, busy, act, update }) {
         }
       )
     ] }),
-    update.phase === "confirming" && status?.latest !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: section_default.hint, children: `${t("updateConfirmHint")} ${status.latest}` }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    update.phase === "confirming" && status?.latest !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: section_default.hint, children: `${t("updateConfirmHint")} ${status.latest}` }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "button",
         {
           type: "button",
@@ -1890,7 +1565,7 @@ function UpdateBanner({ controller, t, busy, act, update }) {
           children: t("updateConfirm")
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "button",
         {
           type: "button",
@@ -1903,15 +1578,15 @@ function UpdateBanner({ controller, t, busy, act, update }) {
         }
       )
     ] }),
-    update.phase === "updating" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: section_default.hint, children: t("updateApplying") }),
-    update.phase === "done" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: section_default.ok, children: `${t("updateDone")} ${status?.latest ?? ""}`.trim() }),
-      update.message === "restart-required" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: section_default.warn, children: t("updateRestart") })
+    update.phase === "updating" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: section_default.hint, children: t("updateApplying") }),
+    update.phase === "done" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: section_default.ok, children: `${t("updateDone")} ${status?.latest ?? ""}`.trim() }),
+      update.message === "restart-required" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: section_default.warn, children: t("updateRestart") })
     ] }),
-    update.phase === "failed" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: section_default.warn, children: t("updateFailed") }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: section_default.hint, children: updateFailureText(update.message, t) }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    update.phase === "failed" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: section_default.warn, children: t("updateFailed") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: section_default.hint, children: updateFailureText(update.message, t) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
         "button",
         {
           type: "button",
@@ -1943,12 +1618,12 @@ function updateFailureText(message, t) {
   if (message === "pending-builds") return t("updatePendingBuilds");
   return message;
 }
-function Section({ controller, t, getLocale }) {
-  const state = (0, import_react2.useSyncExternalStore)(controller.subscribe, controller.snapshot, controller.snapshot);
-  const [keyDraft, setKeyDraft] = (0, import_react2.useState)("");
-  const [pinDraft, setPinDraft] = (0, import_react2.useState)("");
-  const [busy, setBusy] = (0, import_react2.useState)(false);
-  const act = (0, import_react2.useCallback)(async (operation) => {
+function Section({ controller, t, getLocale, openRequestLog }) {
+  const state = (0, import_react.useSyncExternalStore)(controller.subscribe, controller.snapshot, controller.snapshot);
+  const [keyDraft, setKeyDraft] = (0, import_react.useState)("");
+  const [pinDraft, setPinDraft] = (0, import_react.useState)("");
+  const [busy, setBusy] = (0, import_react.useState)(false);
+  const act = (0, import_react.useCallback)(async (operation) => {
     setBusy(true);
     try {
       await operation();
@@ -1956,10 +1631,10 @@ function Section({ controller, t, getLocale }) {
       setBusy(false);
     }
   }, []);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     setKeyDraft("");
   }, [state.saved]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react.useEffect)(() => {
     setPinDraft(state.network?.address ?? "");
   }, [state.network?.address]);
   const reading = state.reading;
@@ -1968,18 +1643,18 @@ function Section({ controller, t, getLocale }) {
   const editable = state.writable && state.settings !== void 0;
   const rows = reading === void 0 ? [] : visibleModels(reading.models, state.filter, visibility, getLocale?.());
   const hidden = reading === void 0 ? 0 : reading.models.length - rows.length;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("section", { className: section_default.root, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h2", { className: section_default.title, children: t("nav") }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: section_default.hint, children: t("intro") }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(UpdateBanner, { controller, t, busy, act, update: state.update }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: section_default.block, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: section_default.row, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: t("keyTitle") }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: state.keyConfigured === true ? section_default.ok : state.keyConfigured === false ? section_default.warn : section_default.hint, children: state.keyConfigured === true ? t("keyConfigured") : state.keyConfigured === false ? t("keyMissing") : "\u2014" })
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("section", { className: section_default.root, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: section_default.title, children: t("nav") }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: section_default.hint, children: t("intro") }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(UpdateBanner, { controller, t, busy, act, update: state.update }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: section_default.block, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: section_default.row, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: t("keyTitle") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: state.keyConfigured === true ? section_default.ok : state.keyConfigured === false ? section_default.warn : section_default.hint, children: state.keyConfigured === true ? t("keyConfigured") : state.keyConfigured === false ? t("keyMissing") : "\u2014" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: section_default.hint, children: t("keyHint") }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: section_default.row, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: section_default.hint, children: t("keyHint") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: section_default.row, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "input",
           {
             className: section_default.input,
@@ -1992,7 +1667,7 @@ function Section({ controller, t, getLocale }) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "button",
           {
             type: "button",
@@ -2006,7 +1681,7 @@ function Section({ controller, t, getLocale }) {
             children: state.saved === true ? t("keySaved") : t("keySave")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "button",
           {
             type: "button",
@@ -2022,16 +1697,16 @@ function Section({ controller, t, getLocale }) {
         )
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: section_default.block, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: section_default.row, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: t("pinTitle") }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: section_default.mono, children: network?.host ?? "\u2014" }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: network?.failed === true ? section_default.warn : section_default.hint, children: network === void 0 ? "\u2014" : network.failed === true ? t("pinFailed") : network.address === void 0 ? t("pinNone") : network.address })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: section_default.block, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: section_default.row, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: t("pinTitle") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: section_default.mono, children: network?.host ?? "\u2014" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: network?.failed === true ? section_default.warn : section_default.hint, children: network === void 0 ? "\u2014" : network.failed === true ? t("pinFailed") : network.address === void 0 ? t("pinNone") : network.address })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: section_default.hint, children: t("pinHint") }),
-      state.networkFailure !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: section_default.warn, children: `${t("pinUnavailable")}: ${state.networkFailure}` }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: section_default.row, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: section_default.hint, children: t("pinHint") }),
+      state.networkFailure !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: section_default.warn, children: `${t("pinUnavailable")}: ${state.networkFailure}` }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: section_default.row, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "input",
           {
             className: section_default.input,
@@ -2044,7 +1719,7 @@ function Section({ controller, t, getLocale }) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "button",
           {
             type: "button",
@@ -2058,7 +1733,7 @@ function Section({ controller, t, getLocale }) {
             children: t("pinSave")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "button",
           {
             type: "button",
@@ -2073,13 +1748,13 @@ function Section({ controller, t, getLocale }) {
           }
         )
       ] }),
-      state.pinInvalid && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: section_default.warn, children: t("pinInvalid") })
+      state.pinInvalid && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: section_default.warn, children: t("pinInvalid") })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: section_default.block, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: section_default.row, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: t("catalogTitle") }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: section_default.hint, children: reading === void 0 ? "\u2014" : `${reading.counts.total} ${t("catalogCountUnit")} \xB7 ${reading.counts.enabled} \u2713` + (reading.counts.inferred === 0 ? "" : ` \xB7 ${reading.counts.inferred} ${t("catalogInferred")}`) + (reading.counts.unconfigured === 0 ? "" : ` \xB7 ${reading.counts.unconfigured} ${t("catalogUnconfigured")}`) }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: section_default.block, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: section_default.row, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: t("catalogTitle") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: section_default.hint, children: reading === void 0 ? "\u2014" : `${reading.counts.total} ${t("catalogCountUnit")} \xB7 ${reading.counts.enabled} \u2713` + (reading.counts.inferred === 0 ? "" : ` \xB7 ${reading.counts.inferred} ${t("catalogInferred")}`) + (reading.counts.unconfigured === 0 ? "" : ` \xB7 ${reading.counts.unconfigured} ${t("catalogUnconfigured")}`) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "button",
           {
             type: "button",
@@ -2091,7 +1766,7 @@ function Section({ controller, t, getLocale }) {
             children: t("catalogSelectAll")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "button",
           {
             type: "button",
@@ -2103,7 +1778,7 @@ function Section({ controller, t, getLocale }) {
             children: t("catalogSelectNone")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "button",
           {
             type: "button",
@@ -2118,31 +1793,31 @@ function Section({ controller, t, getLocale }) {
           }
         )
       ] }),
-      state.failure !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { className: section_default.warn, children: [
+      state.failure !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: section_default.warn, children: [
         t("catalogStale"),
         ": ",
         state.failure
       ] }),
-      reading !== void 0 && reading.stale && state.failure === void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: section_default.warn, children: t("catalogStale") }),
-      reading !== void 0 && reading.degradations.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { className: section_default.warn, children: [
+      reading !== void 0 && reading.stale && state.failure === void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: section_default.warn, children: t("catalogStale") }),
+      reading !== void 0 && reading.degradations.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: section_default.warn, children: [
         t("catalogDegraded"),
         ": ",
         reading.degradations.map((degradation) => `${t(degradation.source === "metadata" ? "catalogDegradedMetadata" : "catalogDegradedDocument")} \u2014 ${degradation.reason}`).join("; ")
       ] }),
-      reading !== void 0 && reading.quotaSource === "seed" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { className: section_default.hint, children: [
+      reading !== void 0 && reading.quotaSource === "seed" && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: section_default.hint, children: [
         t("quotaSeed"),
         " ",
         SEED_TRANSCRIBED
       ] }),
-      reading !== void 0 && reading.factsCachedAt !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { className: section_default.hint, children: [
+      reading !== void 0 && reading.factsCachedAt !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: section_default.hint, children: [
         t("factsCached"),
         " ",
         new Date(reading.factsCachedAt).toISOString().slice(0, 10)
       ] }),
-      reading !== void 0 && reading.cached === true && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: section_default.hint, children: t("catalogRefreshing") }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: section_default.row, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { className: section_default.hint, htmlFor: "dshopencodego-refresh", children: t("refreshLabel") }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      reading !== void 0 && reading.cached === true && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: section_default.hint, children: t("catalogRefreshing") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: section_default.row, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: section_default.hint, htmlFor: "dshopencodego-refresh", children: t("refreshLabel") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "input",
           {
             id: "dshopencodego-refresh",
@@ -2157,11 +1832,11 @@ function Section({ controller, t, getLocale }) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: section_default.hint, children: t("refreshHint") })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: section_default.hint, children: t("refreshHint") })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: section_default.row, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { className: section_default.hint, htmlFor: "dshopencodego-keepalive", children: t("keepAliveLabel") }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: section_default.row, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: section_default.hint, htmlFor: "dshopencodego-keepalive", children: t("keepAliveLabel") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "input",
           {
             id: "dshopencodego-keepalive",
@@ -2176,12 +1851,12 @@ function Section({ controller, t, getLocale }) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: section_default.hint, children: t("keepAliveHint") })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: section_default.hint, children: t("keepAliveHint") })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: section_default.row, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: t("requestLogTitle") }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: section_default.hint, children: t("requestLogHint") }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: section_default.row, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: section_default.hint, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: section_default.row, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("strong", { children: t("requestLogTitle") }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: section_default.hint, children: t("requestLogHint") }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: section_default.row, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: section_default.hint, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "input",
           {
             type: "checkbox",
@@ -2196,9 +1871,9 @@ function Section({ controller, t, getLocale }) {
         ),
         ` ${t("requestLogEnabled")}`
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: section_default.row, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: section_default.hint, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: section_default.row, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: section_default.hint, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             "input",
             {
               type: "checkbox",
@@ -2213,11 +1888,11 @@ function Section({ controller, t, getLocale }) {
           ),
           ` ${t("requestLogDebug")}`
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: section_default.hint, children: t("requestLogDebugHint") })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: section_default.hint, children: t("requestLogDebugHint") })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: section_default.row, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("label", { className: section_default.hint, htmlFor: "dshopencodego-requestlog-max", children: t("requestLogMaxEntries") }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: section_default.row, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", { className: section_default.hint, htmlFor: "dshopencodego-requestlog-max", children: t("requestLogMaxEntries") }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "input",
           {
             id: "dshopencodego-requestlog-max",
@@ -2234,14 +1909,14 @@ function Section({ controller, t, getLocale }) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: section_default.hint, children: t("requestLogMaxEntriesHint") })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: section_default.hint, children: t("requestLogMaxEntriesHint") })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: section_default.row, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: section_default.button, onClick: () => {
-        controller.openRequestLog();
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: section_default.row, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { type: "button", className: section_default.button, onClick: () => {
+        openRequestLog?.();
       }, children: t("requestLogOpen") }) }),
-      state.writeFailure !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: section_default.warn, children: state.writeFailure.kind === "rejected" ? t("writeRejected") : state.writeFailure.message.length === 0 ? t("writeFailed") : `${t("writeFailed")}: ${state.writeFailure.message}` }),
-      reading !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: section_default.row, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      state.writeFailure !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: section_default.warn, children: state.writeFailure.kind === "rejected" ? t("writeRejected") : state.writeFailure.message.length === 0 ? t("writeFailed") : `${t("writeFailed")}: ${state.writeFailure.message}` }),
+      reading !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: section_default.row, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "input",
           {
             className: section_default.input,
@@ -2254,8 +1929,8 @@ function Section({ controller, t, getLocale }) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: section_default.hint, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: section_default.hint, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             "input",
             {
               type: "checkbox",
@@ -2267,8 +1942,8 @@ function Section({ controller, t, getLocale }) {
           ),
           ` ${t("filterOnlyEnabled")}`
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: section_default.hint, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: section_default.hint, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             "input",
             {
               type: "checkbox",
@@ -2280,9 +1955,9 @@ function Section({ controller, t, getLocale }) {
           ),
           ` ${t("filterShowDeprecated")}`
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: section_default.hint, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: section_default.hint, children: [
           `${t("sortLabel")} `,
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
             "select",
             {
               className: section_default.select,
@@ -2292,29 +1967,29 @@ function Section({ controller, t, getLocale }) {
                 controller.setFilter({ sort: event.target.value });
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "default", children: t("sortDefault") }),
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "released", children: t("sortReleased") }),
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "name", children: t("sortName") }),
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "context", children: t("sortContext") }),
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "quota", children: t("sortQuota") }),
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "price", children: t("sortPrice") }),
-                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "enabled", children: t("sortEnabled") })
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "default", children: t("sortDefault") }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "released", children: t("sortReleased") }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "name", children: t("sortName") }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "context", children: t("sortContext") }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "quota", children: t("sortQuota") }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "price", children: t("sortPrice") }),
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("option", { value: "enabled", children: t("sortEnabled") })
               ]
             }
           )
         ] }),
-        hidden > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: section_default.hint, children: [
+        hidden > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: section_default.hint, children: [
           hidden,
           " ",
           t("filterHidden")
         ] })
       ] }),
-      reading !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: section_default.list, children: rows.map((model) => {
+      reading !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: section_default.list, children: rows.map((model) => {
         const badge = badgeFor(model, t);
         const modalities = inputModalityLabels(model, t).join(" \xB7 ");
         const offered = isOffered(model, visibility);
-        return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: section_default.item, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: section_default.item, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             "input",
             {
               type: "checkbox",
@@ -2326,39 +2001,411 @@ function Section({ controller, t, getLocale }) {
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: section_default.itemBody, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: section_default.itemMain, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: section_default.name, children: model.name }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: section_default.mono, children: model.id }),
-              model.releaseDate !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: section_default.hint, children: model.releaseDate }),
-              badge.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: section_default.badge, children: badge })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: section_default.itemBody, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: section_default.itemMain, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: section_default.name, children: model.name }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: section_default.mono, children: model.id }),
+              model.releaseDate !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: section_default.hint, children: model.releaseDate }),
+              badge.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: section_default.badge, children: badge })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: section_default.itemMeta, children: [
-              model.contextWindow !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: `${t("iosContext")} ${model.contextWindow.toLocaleString(getLocale?.())}` }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: ioLabel(model, t) }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: priceLabel(model) }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: quotaLabel(model, t) })
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: section_default.itemMeta, children: [
+              model.contextWindow !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: `${t("iosContext")} ${model.contextWindow.toLocaleString(getLocale?.())}` }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: ioLabel(model, t) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: priceLabel(model) }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: quotaLabel(model, t) })
             ] }),
-            modalities.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: section_default.itemModalities, children: `${t("inputLabel")} ${modalities}` })
+            modalities.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: section_default.itemModalities, children: `${t("inputLabel")} ${modalities}` })
           ] })
         ] }, model.id);
       }) })
-    ] }),
-    state.requestLogOpen && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      RequestLogDialog,
-      {
-        readLog: () => controller.readRequestLog(),
-        enabled: state.settings?.requestLogEnabled ?? false,
-        t,
-        getLocale,
-        onClose: () => {
-          controller.closeRequestLog();
-        }
+    ] })
+  ] });
+}
+
+// src/client/RequestLogPage.tsx
+var import_react2 = require("react");
+var import_dsh_client_ui_primitives = require("@deepseek-ai/dsh-client-ui-primitives");
+
+// plugin-css:/home/runner/work/dshopencodego/dshopencodego/src/client/request-log.module.css
+var id2 = "@dan-ai-studio/dshopencodego/request-log.module.css";
+if (!document.querySelector("style[data-plugin-css=" + JSON.stringify(id2) + "]")) {
+  const style = document.createElement("style");
+  style.dataset.plugin = "@dan-ai-studio/dshopencodego";
+  style.dataset.pluginCss = id2;
+  style.textContent = ".Lx7MOq_page{box-sizing:border-box;background:var(--dsw-alias-bg-base);height:100%;min-height:0;color:var(--dsw-alias-label-primary);flex-direction:column;display:flex;overflow:hidden}.Lx7MOq_head{flex-wrap:wrap;flex:none;align-items:center;gap:12px;padding:20px clamp(16px,3vw,32px) 12px;display:flex}.Lx7MOq_headText{min-width:0}.Lx7MOq_title{margin:0;font-size:20px;font-weight:500;line-height:28px}.Lx7MOq_subtitle{color:var(--dsw-alias-label-secondary);margin:4px 0 0;font-size:13px;line-height:20px}.Lx7MOq_headActions{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.Lx7MOq_button{border:1px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-bg-layer-1);height:28px;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.Lx7MOq_button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.Lx7MOq_button:disabled{cursor:default;opacity:.5}.Lx7MOq_summary{flex-wrap:wrap;flex:none;gap:8px;padding:0 clamp(16px,3vw,32px) 12px;display:flex}.Lx7MOq_card{border:1px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-1);flex-direction:column;gap:2px;min-width:104px;padding:8px 12px;display:flex}.Lx7MOq_cardLabel{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:16px}.Lx7MOq_cardValue{font-variant-numeric:tabular-nums;font-size:16px;font-weight:500;line-height:22px}.Lx7MOq_cardError .Lx7MOq_cardValue{color:var(--dsw-alias-state-error-primary)}.Lx7MOq_cardWarn .Lx7MOq_cardValue{color:var(--dsw-alias-state-warn-primary)}.Lx7MOq_toolbar{flex-wrap:wrap;flex:none;align-items:center;gap:8px 12px;padding:0 clamp(16px,3vw,32px) 12px;display:flex}.Lx7MOq_field{color:var(--dsw-alias-label-secondary);align-items:center;gap:6px;font-size:13px;line-height:20px;display:inline-flex}.Lx7MOq_select,.Lx7MOq_input{border:1px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-bg-layer-1);height:28px;color:var(--dsw-alias-label-primary);font:inherit;padding:0 8px;font-size:13px}.Lx7MOq_input{width:160px}.Lx7MOq_inputNumber{width:72px}.Lx7MOq_checkbox{accent-color:var(--dsw-alias-brand-primary)}.Lx7MOq_tableWrap{border:1px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-1);flex:1;min-height:0;margin:0 clamp(16px,3vw,32px);overflow:auto}.Lx7MOq_table{border-collapse:separate;border-spacing:0;width:100%;min-width:940px;font-size:13px;line-height:20px}.Lx7MOq_table th{z-index:1;border-bottom:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-tertiary);text-align:left;white-space:nowrap;padding:8px 10px;font-size:12px;font-weight:500;position:sticky;top:0}.Lx7MOq_table td{border-bottom:1px solid var(--dsw-alias-border-l1);white-space:nowrap;font-variant-numeric:tabular-nums;padding:6px 10px}.Lx7MOq_table tbody tr:last-child td{border-bottom:none}.Lx7MOq_row{cursor:pointer}.Lx7MOq_row:hover td{background:var(--dsw-alias-interactive-bg-hover)}.Lx7MOq_rowOk td:first-child{box-shadow:inset 3px 0 0 var(--dsw-alias-border-l3)}.Lx7MOq_rowSlow td:first-child{box-shadow:inset 3px 0 0 var(--dsw-alias-state-warn-primary)}.Lx7MOq_rowFail td:first-child{box-shadow:inset 3px 0 0 var(--dsw-alias-state-error-primary)}.Lx7MOq_rowFail td:last-child,.Lx7MOq_rowSlow td:last-child{color:var(--dsw-alias-state-error-primary)}.Lx7MOq_group td{border-bottom:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);padding-top:12px;font-weight:500}.Lx7MOq_detail td{border-bottom:1px solid var(--dsw-alias-border-l1);white-space:normal;background:var(--dsw-alias-bg-layer-2);padding:12px 10px 16px}.Lx7MOq_detailGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px 24px;display:grid}.Lx7MOq_detailItem{gap:8px;min-width:0;font-size:13px;line-height:20px;display:flex}.Lx7MOq_detailLabel{color:var(--dsw-alias-label-tertiary);flex:none}.Lx7MOq_detailValue{overflow-wrap:anywhere;min-width:0;color:var(--dsw-alias-label-primary)}.Lx7MOq_mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.Lx7MOq_empty{text-align:center;color:var(--dsw-alias-label-tertiary);padding:48px 16px}.Lx7MOq_foot{color:var(--dsw-alias-label-tertiary);flex-wrap:wrap;flex:none;align-items:center;gap:12px;padding:12px clamp(16px,3vw,32px) 20px;font-size:12px;display:flex}.Lx7MOq_pager{align-items:center;gap:8px;margin-left:auto;display:flex}.Lx7MOq_notice{color:var(--dsw-alias-label-secondary);padding:0 clamp(16px,3vw,32px) 12px;font-size:13px;line-height:20px}.Lx7MOq_noticeError{color:var(--dsw-alias-state-error-primary)}";
+  document.head.appendChild(style);
+}
+var request_log_default = { "button": "Lx7MOq_button", "card": "Lx7MOq_card", "cardError": "Lx7MOq_cardError", "cardLabel": "Lx7MOq_cardLabel", "cardValue": "Lx7MOq_cardValue", "cardWarn": "Lx7MOq_cardWarn", "checkbox": "Lx7MOq_checkbox", "detail": "Lx7MOq_detail", "detailGrid": "Lx7MOq_detailGrid", "detailItem": "Lx7MOq_detailItem", "detailLabel": "Lx7MOq_detailLabel", "detailValue": "Lx7MOq_detailValue", "empty": "Lx7MOq_empty", "field": "Lx7MOq_field", "foot": "Lx7MOq_foot", "group": "Lx7MOq_group", "head": "Lx7MOq_head", "headActions": "Lx7MOq_headActions", "headText": "Lx7MOq_headText", "input": "Lx7MOq_input", "inputNumber": "Lx7MOq_inputNumber", "mono": "Lx7MOq_mono", "notice": "Lx7MOq_notice", "noticeError": "Lx7MOq_noticeError", "page": "Lx7MOq_page", "pager": "Lx7MOq_pager", "row": "Lx7MOq_row", "rowFail": "Lx7MOq_rowFail", "rowOk": "Lx7MOq_rowOk", "rowSlow": "Lx7MOq_rowSlow", "select": "Lx7MOq_select", "subtitle": "Lx7MOq_subtitle", "summary": "Lx7MOq_summary", "table": "Lx7MOq_table", "tableWrap": "Lx7MOq_tableWrap", "title": "Lx7MOq_title", "toolbar": "Lx7MOq_toolbar" };
+
+// src/client/RequestLogPage.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var PAGE_SIZE = 50;
+function count2(value) {
+  return value === void 0 ? "\u2014" : value.toLocaleString();
+}
+function duration(value) {
+  if (value === void 0) return "\u2014";
+  return value < 1e3 ? `${Math.round(value)}ms` : `${(value / 1e3).toFixed(2)}s`;
+}
+function rate2(value) {
+  return value === void 0 ? "\u2014" : value.toFixed(1);
+}
+function average(values) {
+  if (values.length === 0) return void 0;
+  let sum = 0;
+  for (const value of values) sum += value;
+  return sum / values.length;
+}
+function groupKey(entry, groupBy) {
+  switch (groupBy) {
+    case "session":
+      return entry.session === "" ? "\u2014" : entry.session;
+    case "model":
+      return entry.model;
+    case "result":
+      return entry.ok ? "ok" : entry.code ?? "fail";
+    case "none":
+      return void 0;
+  }
+}
+function RequestLogPage({ readLog, enabled, t, getLocale, sessionId }) {
+  const [snapshot, setSnapshot] = (0, import_react2.useState)(void 0);
+  const [failure, setFailure] = (0, import_react2.useState)(void 0);
+  const [refreshing, setRefreshing] = (0, import_react2.useState)(false);
+  const [model, setModel] = (0, import_react2.useState)("all");
+  const [result, setResult] = (0, import_react2.useState)("all");
+  const [slowOnly, setSlowOnly] = (0, import_react2.useState)(false);
+  const [slowSeconds, setSlowSeconds] = (0, import_react2.useState)(5);
+  const [sessionQuery, setSessionQuery] = (0, import_react2.useState)("");
+  const [groupBy, setGroupBy] = (0, import_react2.useState)("none");
+  const [page, setPage] = (0, import_react2.useState)(0);
+  const [expanded, setExpanded] = (0, import_react2.useState)(null);
+  const sessionPrefix = sessionId === void 0 ? "" : sessionId.slice(0, 8);
+  const [onlySession, setOnlySession] = (0, import_react2.useState)(sessionPrefix !== "");
+  const load = (0, import_react2.useCallback)(async () => {
+    setRefreshing(true);
+    try {
+      const next = await readLog();
+      setSnapshot(next);
+      setFailure(void 0);
+    } catch (error) {
+      setFailure(error instanceof Error ? error.message : String(error));
+    } finally {
+      setRefreshing(false);
+    }
+  }, [readLog]);
+  (0, import_react2.useEffect)(() => {
+    void load();
+  }, [load]);
+  const models = (0, import_react2.useMemo)(() => {
+    const ids = /* @__PURE__ */ new Set();
+    for (const entry of snapshot?.entries ?? []) ids.add(entry.model);
+    return [...ids].toSorted();
+  }, [snapshot]);
+  const filtered = (0, import_react2.useMemo)(() => {
+    const query = sessionQuery.trim();
+    return (snapshot?.entries ?? []).filter((entry) => {
+      if (model !== "all" && entry.model !== model) return false;
+      if (result === "ok" && !entry.ok) return false;
+      if (result === "fail" && entry.ok) return false;
+      if (slowOnly && (entry.durationMs ?? 0) < Math.max(0, slowSeconds) * 1e3) return false;
+      if (onlySession && sessionPrefix !== "" && !entry.session.startsWith(sessionPrefix)) return false;
+      if (query !== "" && !entry.session.includes(query)) return false;
+      return true;
+    });
+  }, [snapshot, model, result, slowOnly, slowSeconds, sessionQuery, onlySession, sessionPrefix]);
+  const pages = Math.max(1, Math.ceil(filtered.length / PAGE_SIZE));
+  const safePage = Math.min(page, pages - 1);
+  const pageEntries = filtered.slice(safePage * PAGE_SIZE, (safePage + 1) * PAGE_SIZE);
+  const failures = filtered.filter((entry) => !entry.ok).length;
+  const meanLatency = average(filtered.flatMap((entry) => entry.durationMs === void 0 ? [] : [entry.durationMs]));
+  const meanFirstToken = average(filtered.flatMap((entry) => entry.firstTokenMs === void 0 ? [] : [entry.firstTokenMs]));
+  const meanTps = average(filtered.flatMap((entry) => entry.tps === void 0 ? [] : [entry.tps]));
+  const reuse = snapshot !== void 0 && snapshot.totalRecords > 0 ? Math.max(0, Math.min(1, 1 - snapshot.newConnections / snapshot.totalRecords)) : void 0;
+  const rows = () => {
+    const out = [];
+    let lastGroup;
+    for (const entry of pageEntries) {
+      const group = groupKey(entry, groupBy);
+      if (group !== void 0 && group !== lastGroup) {
+        lastGroup = group;
+        out.push(
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tr", { className: request_log_default.group, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { colSpan: 10, children: group }) }, `group-${group}-${entry.seq}`)
+        );
       }
-    )
+      const state = !entry.ok ? "rowFail" : entry.tps !== void 0 && entry.tps < 5 ? "rowSlow" : "rowOk";
+      out.push(
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          "tr",
+          {
+            className: `${request_log_default.row} ${request_log_default[state]}`,
+            onClick: () => {
+              setExpanded(expanded === entry.seq ? null : entry.seq);
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { children: new Date(entry.atMs).toLocaleTimeString(getLocale(), { hour12: false }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { className: request_log_default.mono, children: entry.model }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { className: request_log_default.mono, children: entry.session === "" ? "\u2014" : entry.session }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { children: count2(entry.inputTokens) }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { children: count2(entry.outputTokens) }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { children: count2(entry.cacheReadTokens) }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { children: rate2(entry.tps) }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { children: duration(entry.firstTokenMs) }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { children: duration(entry.durationMs) }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { children: entry.ok ? entry.status === void 0 ? "\u2713" : String(entry.status) : entry.code ?? "\u2717" })
+            ]
+          },
+          entry.seq
+        )
+      );
+      if (expanded === entry.seq) {
+        out.push(
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tr", { className: request_log_default.detail, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { colSpan: 10, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.detailGrid, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.detailItem, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.detailLabel, children: t("requestLogDetailMethod") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: `${request_log_default.detailValue} ${request_log_default.mono}`, children: entry.method })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.detailItem, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.detailLabel, children: t("requestLogDetailUrl") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: `${request_log_default.detailValue} ${request_log_default.mono}`, children: entry.url })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.detailItem, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.detailLabel, children: t("requestLogDetailSession") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: `${request_log_default.detailValue} ${request_log_default.mono}`, children: entry.session === "" ? "\u2014" : entry.session })
+            ] }),
+            entry.poolKey !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.detailItem, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.detailLabel, children: t("requestLogDetailPool") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: `${request_log_default.detailValue} ${request_log_default.mono}`, children: entry.poolKey })
+            ] }),
+            entry.headers !== void 0 && (entry.headers.session !== void 0 || entry.headers.userAgent !== void 0) && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.detailItem, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.detailLabel, children: t("requestLogDetailUserAgent") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: `${request_log_default.detailValue} ${request_log_default.mono}`, children: [entry.headers.session, entry.headers.userAgent].filter((part) => part !== void 0).join(" \xB7 ") })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.detailItem, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.detailLabel, children: t("requestLogDetailShape") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: request_log_default.detailValue, children: [
+                `${entry.shape?.messages ?? 0} ${t("requestLogDetailMessages")}`,
+                entry.shape !== void 0 && entry.shape.tools > 0 && ` \xB7 ${entry.shape.tools} ${t("requestLogDetailTools")}`,
+                entry.shape?.hasImage === true && ` \xB7 ${t("requestLogDetailHasImage")}`
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.detailItem, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.detailLabel, children: t("requestLogDetailTokens") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.detailValue, children: `${count2(entry.inputTokens)} / ${count2(entry.outputTokens)} / ${count2(entry.cacheReadTokens)}` })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.detailItem, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.detailLabel, children: t("requestLogColTps") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.detailValue, children: rate2(entry.tps) })
+            ] }),
+            !entry.ok && entry.code !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.detailItem, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.detailLabel, children: t("requestLogDetailError") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.detailValue, children: entry.code })
+            ] })
+          ] }) }) }, `detail-${entry.seq}`)
+        );
+      }
+    }
+    return out;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.page, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.head, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.headText, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", { className: request_log_default.title, children: t("requestLogTitle") }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: request_log_default.subtitle, children: t("requestLogPageHint") })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: request_log_default.headActions, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { type: "button", className: request_log_default.button, onClick: () => {
+        void load();
+      }, disabled: refreshing, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives.IconRefreshOutlineRegular, { size: 13 }),
+        t("requestLogRefresh")
+      ] }) })
+    ] }),
+    !enabled() && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: request_log_default.notice, children: t("requestLogDisabled") }),
+    failure !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: `${request_log_default.notice} ${request_log_default.noticeError}`, children: failure }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.summary, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.card, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardLabel, children: t("requestLogStatRequests") }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardValue, children: filtered.length.toLocaleString(getLocale()) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: `${request_log_default.card} ${failures > 0 ? request_log_default.cardError : ""}`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardLabel, children: t("requestLogStatFailures") }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardValue, children: failures.toLocaleString(getLocale()) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.card, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardLabel, children: t("requestLogStatLatency") }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardValue, children: duration(meanLatency) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.card, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardLabel, children: t("requestLogStatFirstToken") }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardValue, children: duration(meanFirstToken) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.card, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardLabel, children: t("requestLogStatTps") }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardValue, children: rate2(meanTps) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.card, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardLabel, children: t("requestLogReuse") }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardValue, children: reuse === void 0 ? "\u2014" : `${(reuse * 100).toFixed(0)}%` })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.toolbar, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: request_log_default.field, children: [
+        t("requestLogFilterModel"),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          "select",
+          {
+            className: request_log_default.select,
+            value: model,
+            onChange: (event) => {
+              setModel(event.target.value);
+              setPage(0);
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "all", children: t("requestLogFilterModelAll") }),
+              models.map((id4) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: id4, children: id4 }, id4))
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: request_log_default.field, children: [
+        t("requestLogFilterResult"),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          "select",
+          {
+            className: request_log_default.select,
+            value: result,
+            onChange: (event) => {
+              setResult(event.target.value);
+              setPage(0);
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "all", children: t("requestLogResultAll") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "ok", children: t("requestLogResultOk") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "fail", children: t("requestLogResultFail") })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: request_log_default.field, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "input",
+          {
+            className: request_log_default.checkbox,
+            type: "checkbox",
+            checked: slowOnly,
+            onChange: (event) => {
+              setSlowOnly(event.target.checked);
+              setPage(0);
+            }
+          }
+        ),
+        t("requestLogSlowOnly"),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "input",
+          {
+            className: `${request_log_default.input} ${request_log_default.inputNumber}`,
+            type: "number",
+            min: 1,
+            value: slowSeconds,
+            disabled: !slowOnly,
+            "aria-label": t("requestLogSlowSeconds"),
+            onChange: (event) => {
+              setSlowSeconds(Number(event.target.value));
+              setPage(0);
+            }
+          }
+        ),
+        t("requestLogSlowSeconds")
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: request_log_default.field, children: [
+        t("requestLogFilterSession"),
+        sessionPrefix !== "" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+            "input",
+            {
+              className: request_log_default.checkbox,
+              type: "checkbox",
+              checked: onlySession,
+              onChange: (event) => {
+                setOnlySession(event.target.checked);
+                setPage(0);
+              }
+            }
+          ),
+          t("requestLogOnlySession")
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "input",
+          {
+            className: request_log_default.input,
+            type: "search",
+            value: sessionQuery,
+            disabled: onlySession,
+            onChange: (event) => {
+              setSessionQuery(event.target.value);
+              setPage(0);
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: request_log_default.field, children: [
+        t("requestLogGroupBy"),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+          "select",
+          {
+            className: request_log_default.select,
+            value: groupBy,
+            onChange: (event) => {
+              setGroupBy(event.target.value);
+              setPage(0);
+            },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "none", children: t("requestLogGroupNone") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "session", children: t("requestLogGroupSession") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "model", children: t("requestLogGroupModel") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "result", children: t("requestLogGroupResult") })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: request_log_default.tableWrap, children: filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: request_log_default.empty, children: t("requestLogEmpty") }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("table", { className: request_log_default.table, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tr", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { children: t("requestLogColTime") }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { children: t("requestLogColModel") }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { children: t("requestLogColSession") }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { children: t("requestLogColIn") }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { children: t("requestLogColOut") }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { children: t("requestLogColCache") }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { children: t("requestLogColTps") }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { children: t("requestLogColFirstToken") }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { children: t("requestLogColLatency") }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { children: t("requestLogColStatus") })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tbody", { children: rows() })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.foot, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: `${filtered.length.toLocaleString(getLocale())} / ${(snapshot?.totalRecords ?? 0).toLocaleString(getLocale())} ${t("requestLogStatRequests")}` }),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.pager, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: request_log_default.button, disabled: safePage <= 0, onClick: () => {
+          setPage(safePage - 1);
+        }, children: t("requestLogPagePrev") }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: `${safePage + 1} ${t("requestLogPageOf")} ${pages}` }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: request_log_default.button, disabled: safePage >= pages - 1, onClick: () => {
+          setPage(safePage + 1);
+        }, children: t("requestLogPageNext") })
+      ] })
+    ] })
   ] });
 }
 
+// src/client/RequestLogPanelIcon.tsx
+var import_dsh_client_ui_primitives2 = require("@deepseek-ai/dsh-client-ui-primitives");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+function RequestLogPanelIcon({ size }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_dsh_client_ui_primitives2.IconDataOutlineRegular, { size });
+}
+
 // src/client/UsagePill.tsx
 var import_react3 = require("react");
 
@@ -2374,7 +2421,7 @@ if (!document.querySelector("style[data-plugin-css=" + JSON.stringify(id3) + "]"
 var pill_default = { "hint": "mMNkkW_hint", "limited": "mMNkkW_limited", "local": "mMNkkW_local", "panel": "mMNkkW_panel", "progress": "mMNkkW_progress", "retry": "mMNkkW_retry", "root": "mMNkkW_root", "row": "mMNkkW_row", "trigger": "mMNkkW_trigger", "warning": "mMNkkW_warning", "window": "mMNkkW_window" };
 
 // src/client/UsagePill.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
+var import_jsx_runtime4 = require("react/jsx-runtime");
 function failureOf(error) {
   if (error !== null && typeof error === "object" && "code" in error && error.code === "dshopencodego/usage-unavailable") {
     const details = error.details;
@@ -2396,7 +2443,7 @@ function formatUSD(value) {
 }
 function UsagePill({ directory, ...rest }) {
   const state = (0, import_react3.useSyncExternalStore)(directory.subscribe, directory.getSnapshot, directory.getSnapshot);
-  return state.current?.provider === "opencode-go" ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(ActiveUsage, { ...rest }) : null;
+  return state.current?.provider === "opencode-go" ? /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ActiveUsage, { ...rest }) : null;
 }
 function ActiveUsage({
   readWindows,
@@ -2463,8 +2510,8 @@ function ActiveUsage({
   const label = windows === void 0 ? `Go \xB7 ${failure === void 0 ? "\u2026" : t("usageUnavailable")}` : `Go \xB7 ${t("usageRolling")} ${windows.rolling.percent}% \xB7 ${t("usageWeekly")} ${windows.weekly.percent}%` + (failure === void 0 ? "" : ` \xB7 ${t("usageStale")}`);
   const unpriced = (meter?.models ?? []).filter((entry) => entry.estimatedUSD === void 0);
   const unpricedModels = unpriced.slice(0, MAX_UNPRICED_IDS).map((entry) => entry.model).join(", ") + (unpriced.length > MAX_UNPRICED_IDS ? ` +${unpriced.length - MAX_UNPRICED_IDS}` : "");
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: pill_default.root, ref: root, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("span", { className: pill_default.root, ref: root, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
       "button",
       {
         type: "button",
@@ -2478,71 +2525,71 @@ function ActiveUsage({
         children: label
       }
     ),
-    open && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: pill_default.panel, role: "dialog", "aria-label": t("usageTitle"), "aria-busy": refreshing, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: t("usageTitle") }),
-      failure !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: pill_default.warning, role: "alert", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: t("usageUnavailable") }) }),
-        failure.message.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: failure.message }),
-        windows !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { children: t("usageStale") })
+    open && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: pill_default.panel, role: "dialog", "aria-label": t("usageTitle"), "aria-busy": refreshing, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: t("usageTitle") }),
+      failure !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: pill_default.warning, role: "alert", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: t("usageUnavailable") }) }),
+        failure.message.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { children: failure.message }),
+        windows !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { children: t("usageStale") })
       ] }),
-      windows === void 0 && failure === void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: pill_default.hint, children: t("usageLoading") }),
-      windows !== void 0 && [["rolling", "usageRolling"], ["weekly", "usageWeekly"], ["monthly", "usageMonthly"]].map(([key, label2]) => /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: pill_default.window, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: pill_default.row, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: t(label2) }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("strong", { children: [
+      windows === void 0 && failure === void 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: pill_default.hint, children: t("usageLoading") }),
+      windows !== void 0 && [["rolling", "usageRolling"], ["weekly", "usageWeekly"], ["monthly", "usageMonthly"]].map(([key, label2]) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: pill_default.window, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: pill_default.row, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: t(label2) }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("strong", { children: [
             windows[key].percent,
             "%"
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("progress", { className: pill_default.progress, max: 100, value: Math.min(100, windows[key].percent), "aria-label": t(label2) }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: pill_default.hint, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("progress", { className: pill_default.progress, max: 100, value: Math.min(100, windows[key].percent), "aria-label": t(label2) }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: pill_default.hint, children: [
           t("usageResets"),
           " ",
           new Date(windows[key].resetsAt).toLocaleString(getLocale?.())
         ] }),
-        windows[key].status === "rate-limited" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: pill_default.limited, children: t("usageLimited") })
+        windows[key].status === "rate-limited" && /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: pill_default.limited, children: t("usageLimited") })
       ] }, key)),
-      meter !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: pill_default.local, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: t("usageSinceBoot") }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: pill_default.row, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: t("usageCallsUnit") }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: meter.totals.calls })
+      meter !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: pill_default.local, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: t("usageSinceBoot") }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: pill_default.row, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: t("usageCallsUnit") }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: meter.totals.calls })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: pill_default.row, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: t("usageTokensUnit") }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: meter.totals.totalTokens.toLocaleString(getLocale?.()) })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: pill_default.row, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: t("usageTokensUnit") }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: meter.totals.totalTokens.toLocaleString(getLocale?.()) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: pill_default.row, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: t("usageCached") }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: meter.totals.cacheReadTokens.toLocaleString(getLocale?.()) })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: pill_default.row, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: t("usageCached") }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: meter.totals.cacheReadTokens.toLocaleString(getLocale?.()) })
         ] }),
-        meter.totals.reasoningTokens !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: pill_default.row, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: t("usageReasoning") }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: meter.totals.reasoningTokens.toLocaleString(getLocale?.()) })
+        meter.totals.reasoningTokens !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: pill_default.row, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: t("usageReasoning") }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: meter.totals.reasoningTokens.toLocaleString(getLocale?.()) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: pill_default.row, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("span", { children: t("usageSpend") }),
-          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: meter.totals.estimatedUSD === void 0 ? t("usageUnpriced") : formatUSD(meter.totals.estimatedUSD) })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: pill_default.row, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: t("usageSpend") }),
+          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("strong", { children: meter.totals.estimatedUSD === void 0 ? t("usageUnpriced") : formatUSD(meter.totals.estimatedUSD) })
         ] }),
-        meter.totals.unpricedTokens !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: pill_default.hint, children: [
+        meter.totals.unpricedTokens !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: pill_default.hint, children: [
           t("usageSpendPartial"),
           " ",
           meter.totals.unpricedTokens.toLocaleString(getLocale?.())
         ] }),
-        unpriced.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: pill_default.hint, children: [
+        unpriced.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: pill_default.hint, children: [
           t("usageUnpricedModels"),
           " ",
           unpricedModels
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: pill_default.hint, children: t("usageSpendHint") }),
-        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: pill_default.hint, children: t("usageLocalHint") })
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: pill_default.hint, children: t("usageSpendHint") }),
+        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: pill_default.hint, children: t("usageLocalHint") })
       ] }),
-      updatedAt !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: pill_default.hint, children: [
+      updatedAt !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("p", { className: pill_default.hint, children: [
         t("usageLastUpdated"),
         " ",
         new Date(updatedAt).toLocaleString(getLocale?.())
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: pill_default.retry, disabled: refreshing, onClick: () => {
+      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("button", { type: "button", className: pill_default.retry, disabled: refreshing, onClick: () => {
         void refresh();
       }, children: t(refreshing ? "usageRefreshing" : "usageRetry") })
     ] })
@@ -2551,6 +2598,7 @@ function ActiveUsage({
 
 // src/client/index.ts
 var NS = "settings.dshopencodego";
+var REQUEST_LOG_PANEL = "dshopencodego-request-log";
 var inject = ["slots", "locale", "remote"];
 function apply(ctx) {
   ctx.effect(() => ctx.locale.register(NS, { zh, en }), "dshopencodego: copy dictionaries");
@@ -2577,10 +2625,11 @@ function apply(ctx) {
   ctx.inject(["configForms", "remote.opencodeGoCatalog", "remote.opencodeGoUpdate", "remote.opencodeGoNetwork", "remote.opencodeGoRequestLog", "remote.credentials"], (scope) => {
     const forms = scope.get("configForms");
     const pluginManager = {};
+    const profile = forms?.get("dshopencodego");
     const controller = new SectionController({
       remote: scope.remote,
       pluginManager,
-      scope: forms?.get("dshopencodego")
+      scope: profile
     });
     scope.inject(["remote.pluginManager"], (managerScope) => {
       pluginManager.current = managerScope.remote.pluginManager;
@@ -2592,6 +2641,47 @@ function apply(ctx) {
     scope.effect(() => () => {
       controller.dispose();
     });
+    const requestLog = {
+      readLog: async () => {
+        const result = await scope.remote.opencodeGoRequestLog.readLog();
+        if (!result.ok) throw result.error;
+        return result.value;
+      },
+      // Read live: the switch on the settings page can change while the log
+      // page sits open, and the page says so rather than pretending.
+      enabled: () => {
+        const value = profile?.getSnapshot().value;
+        if (value === null || typeof value !== "object") return false;
+        return value.requestLogEnabled === true;
+      },
+      t: (key) => translate(key),
+      getLocale: () => scope.locale.getLocale().active
+    };
+    scope.slots.inject("main", function* () {
+      yield scope.slots.register({
+        name: "main",
+        key: REQUEST_LOG_PANEL,
+        locale: NS,
+        inject: () => requestLog
+      }, RequestLogPage);
+    });
+    scope.slots.inject("sidebar.panellist", () => scope.slots.register({
+      name: "sidebar.panellist",
+      id: REQUEST_LOG_PANEL,
+      // After the Host's own panels, which run from 0.
+      order: 100,
+      label: () => translate("requestLogTitle"),
+      locale: NS
+    }, RequestLogPanelIcon));
+    scope.slots.inject("conversation.view", () => scope.slots.register({
+      name: "conversation.view",
+      id: "dshopencodego-request-log",
+      // After the Host's own View (the chat itself), which runs at 0.
+      order: 100,
+      label: () => translate("requestLogTitle"),
+      locale: NS,
+      inject: (sessionId) => ({ ...requestLog, sessionId: String(sessionId) })
+    }, RequestLogPage));
     scope.slots.inject("settings.section", () => scope.slots.register({
       name: "settings.section",
       id: "dshopencodego",
@@ -2604,7 +2694,16 @@ function apply(ctx) {
       inject: () => ({
         controller,
         t: (key) => translate(key),
-        getLocale: () => scope.locale.getLocale().active
+        getLocale: () => scope.locale.getLocale().active,
+        // The settings page opens the log in the main column, beside this
+        // page rather than over it. A composition without the layout service
+        // has no main column to select, so the button does nothing there.
+        openRequestLog: () => {
+          try {
+            ctx.layout.selectPanel(REQUEST_LOG_PANEL);
+          } catch {
+          }
+        }
       })
     }, Section));
   });