@dan-ai-studio/dshopencodego 0.1.63 → 0.1.64

package/lib/client.js

@@ -115,7 +115,7 @@ function parseCatalogReading(value) {
     throw new Error("invalid catalog reading");
   }
   const numbers = counts;
-  const count = (key) => {
+  const count2 = (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: count("total"),
-      enabled: count("enabled"),
-      deprecated: count("deprecated"),
-      unconfigured: count("unconfigured"),
-      inferred: count("inferred")
+      total: count2("total"),
+      enabled: count2("enabled"),
+      deprecated: count2("deprecated"),
+      unconfigured: count2("unconfigured"),
+      inferred: count2("inferred")
     }
   };
 }
@@ -207,6 +207,106 @@ var networkRemote = {
   ]
 };
 
+// src/request-log/contract.ts
+function count(key, row, optional) {
+  const entry = row[key];
+  if (entry === void 0) {
+    if (optional === true) return void 0;
+    throw new Error(`invalid request-log entry "${key}"`);
+  }
+  if (typeof entry !== "number" || !Number.isFinite(entry) || entry < 0) {
+    throw new Error(`invalid request-log entry "${key}"`);
+  }
+  return entry;
+}
+function text(key, row, optional) {
+  const entry = row[key];
+  if (entry === void 0) {
+    if (optional === true) return void 0;
+    throw new Error(`invalid request-log entry "${key}"`);
+  }
+  if (typeof entry !== "string") throw new Error(`invalid request-log entry "${key}"`);
+  return entry;
+}
+function parseEntry(value) {
+  if (value === null || typeof value !== "object") throw new Error("invalid request-log entry");
+  const row = value;
+  const shape = row["shape"];
+  const headers = row["headers"];
+  return {
+    seq: count("seq", row),
+    atMs: count("atMs", row),
+    model: text("model", row),
+    session: text("session", row),
+    method: text("method", row),
+    url: text("url", row),
+    ...row["status"] === void 0 ? {} : { status: count("status", row) },
+    ...row["inputTokens"] === void 0 ? {} : { inputTokens: count("inputTokens", row) },
+    ...row["outputTokens"] === void 0 ? {} : { outputTokens: count("outputTokens", row) },
+    ...row["cacheReadTokens"] === void 0 ? {} : { cacheReadTokens: count("cacheReadTokens", row) },
+    ...row["durationMs"] === void 0 ? {} : { durationMs: count("durationMs", row) },
+    ...row["firstTokenMs"] === void 0 ? {} : { firstTokenMs: count("firstTokenMs", row) },
+    ok: row["ok"] === true,
+    ...typeof row["code"] === "string" ? { code: row["code"] } : {},
+    ...typeof row["poolKey"] === "string" ? { poolKey: row["poolKey"] } : {},
+    ...shape !== null && typeof shape === "object" ? {
+      shape: {
+        messages: count("messages", shape),
+        hasImage: shape["hasImage"] === true,
+        tools: count("tools", shape)
+      }
+    } : {},
+    ...headers !== null && typeof headers === "object" ? {
+      headers: {
+        ...typeof headers["session"] === "string" ? { session: headers["session"] } : {},
+        ...typeof headers["userAgent"] === "string" ? { userAgent: headers["userAgent"] } : {}
+      }
+    } : {}
+  };
+}
+function parsePoolEvent(value) {
+  if (value === null || typeof value !== "object") throw new Error("invalid request-log pool event");
+  const row = value;
+  const type = row["type"];
+  if (type !== "create" && type !== "close") throw new Error("invalid request-log pool event");
+  return { atMs: count("atMs", row), type, key: text("key", row) };
+}
+function parseRequestLogSnapshot(value) {
+  if (value === null || typeof value !== "object") throw new Error("invalid request-log snapshot");
+  const row = value;
+  if (!Array.isArray(row["entries"]) || !Array.isArray(row["poolEvents"])) {
+    throw new Error("invalid request-log snapshot");
+  }
+  return {
+    entries: row["entries"].map(parseEntry),
+    poolEvents: row["poolEvents"].map(parsePoolEvent),
+    totalRecords: count("totalRecords", row),
+    droppedRecords: count("droppedRecords", row),
+    newConnections: count("newConnections", row),
+    ...typeof row["poolKey"] === "string" ? { poolKey: row["poolKey"] } : {}
+  };
+}
+var codec3 = {
+  mode: "strict",
+  typeSymbol: "@dan-ai-studio/dshopencodego#RequestLogSnapshot",
+  schema: { parse: parseRequestLogSnapshot },
+  create: () => ({ parse: parseRequestLogSnapshot })
+};
+var requestLogRemote = {
+  package: "@dan-ai-studio/dshopencodego",
+  descriptors: [
+    {
+      id: "@dan-ai-studio/dshopencodego#opencodeGoRequestLog/readLog",
+      service: "opencodeGoRequestLog",
+      namespace: "opencodeGoRequestLog",
+      method: "readLog",
+      invocation: { kind: "direct" },
+      parameters: [],
+      result: codec3
+    }
+  ]
+};
+
 // src/update/contract.ts
 function parseUpdateStatus(value) {
   if (value === null || typeof value !== "object") throw new Error("invalid update reading");
@@ -226,7 +326,7 @@ function parseUpdateStatus(value) {
     checked: row["checked"]
   };
 }
-var codec3 = (typeSymbol, parse) => ({
+var codec4 = (typeSymbol, parse) => ({
   mode: "strict",
   typeSymbol,
   schema: { parse },
@@ -242,7 +342,7 @@ var updateRemote = {
       method: "readUpdate",
       invocation: { kind: "direct" },
       parameters: [],
-      result: codec3("@dan-ai-studio/dshopencodego#UpdateStatus", parseUpdateStatus)
+      result: codec4("@dan-ai-studio/dshopencodego#UpdateStatus", parseUpdateStatus)
     },
     {
       id: "@dan-ai-studio/dshopencodego#opencodeGoUpdate/refreshUpdate",
@@ -251,7 +351,7 @@ var updateRemote = {
       method: "refreshUpdate",
       invocation: { kind: "direct" },
       parameters: [],
-      result: codec3("@dan-ai-studio/dshopencodego#UpdateStatus", parseUpdateStatus)
+      result: codec4("@dan-ai-studio/dshopencodego#UpdateStatus", parseUpdateStatus)
     }
   ]
 };
@@ -278,22 +378,22 @@ function parseUsageWindows(value) {
 function parseTotals(value) {
   if (value === null || typeof value !== "object") throw new Error("invalid meter totals");
   const row = value;
-  const count = (key) => {
+  const count2 = (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 : count(key);
+  const optionalCount = (key) => row[key] === void 0 ? void 0 : count2(key);
   const reasoningTokens = optionalCount("reasoningTokens");
   const estimatedUSD = optionalCount("estimatedUSD");
   const unpricedTokens = optionalCount("unpricedTokens");
   return {
-    calls: count("calls"),
-    inputTokens: count("inputTokens"),
-    outputTokens: count("outputTokens"),
-    cacheReadTokens: count("cacheReadTokens"),
-    cacheWriteTokens: count("cacheWriteTokens"),
-    totalTokens: count("totalTokens"),
+    calls: count2("calls"),
+    inputTokens: count2("inputTokens"),
+    outputTokens: count2("outputTokens"),
+    cacheReadTokens: count2("cacheReadTokens"),
+    cacheWriteTokens: count2("cacheWriteTokens"),
+    totalTokens: count2("totalTokens"),
     ...reasoningTokens === void 0 ? {} : { reasoningTokens },
     ...estimatedUSD === void 0 ? {} : { estimatedUSD },
     ...unpricedTokens === void 0 ? {} : { unpricedTokens }
@@ -317,7 +417,7 @@ function parseGoMeter(value) {
     })
   };
 }
-var codec4 = (typeSymbol, parse) => ({
+var codec5 = (typeSymbol, parse) => ({
   mode: "strict",
   typeSymbol,
   schema: { parse },
@@ -333,7 +433,7 @@ var usageRemote = {
       method: "readWindows",
       invocation: { kind: "direct" },
       parameters: [],
-      result: codec4("@dan-ai-studio/dshopencodego#GoUsageWindows", parseUsageWindows)
+      result: codec5("@dan-ai-studio/dshopencodego#GoUsageWindows", parseUsageWindows)
     },
     {
       id: "@dan-ai-studio/dshopencodego#opencodeGoUsage/readMeter",
@@ -342,7 +442,7 @@ var usageRemote = {
       method: "readMeter",
       invocation: { kind: "direct" },
       parameters: [],
-      result: codec4("@dan-ai-studio/dshopencodego#GoMeter", parseGoMeter)
+      result: codec5("@dan-ai-studio/dshopencodego#GoMeter", parseGoMeter)
     }
   ]
 };
@@ -388,6 +488,62 @@ var en = {
   refreshHint: "How long requests and the model picker reuse one listing.",
   keepAliveLabel: "Connection kept idle (seconds)",
   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.",
+  requestLogEnabled: "Record requests",
+  requestLogDebug: "Debug detail",
+  requestLogDebugHint: "Pool events and full session ids. Otherwise sessions are truncated to 8 characters.",
+  requestLogMaxEntries: "Keep at most (entries)",
+  requestLogMaxEntriesHint: "50 to 500; oldest entries are dropped first. Default 200.",
+  requestLogOpen: "Open request log",
+  requestLogClose: "Close",
+  requestLogRefresh: "Refresh",
+  requestLogEmpty: "No requests recorded. Turn the log on, then make a request.",
+  requestLogDisabled: "The request log is off.",
+  requestLogFilterModel: "Model",
+  requestLogFilterModelAll: "All models",
+  requestLogFilterResult: "Result",
+  requestLogResultAll: "All",
+  requestLogResultOk: "Succeeded",
+  requestLogResultFail: "Failed",
+  requestLogSlowOnly: "Slow only",
+  requestLogSlowSeconds: "slower than (seconds)",
+  requestLogFilterSession: "Session contains",
+  requestLogGroupBy: "Group by",
+  requestLogGroupNone: "None",
+  requestLogGroupSession: "Session",
+  requestLogGroupModel: "Model",
+  requestLogGroupResult: "Result",
+  requestLogPagePrev: "Previous",
+  requestLogPageNext: "Next",
+  requestLogPageOf: "of",
+  requestLogReuse: "Connection reuse",
+  requestLogReuseHint: "Share of recorded requests that reused a kept-alive connection, estimated from new sockets vs recorded requests.",
+  requestLogDropped: "dropped",
+  requestLogColTime: "Time",
+  requestLogColModel: "Model",
+  requestLogColSession: "Session",
+  requestLogColIn: "In",
+  requestLogColOut: "Out",
+  requestLogColCache: "Cached",
+  requestLogColLatency: "Latency",
+  requestLogColFirstToken: "First token",
+  requestLogColStatus: "Status",
+  requestLogDetailRequest: "Request",
+  requestLogDetailTiming: "Timing",
+  requestLogDetailResult: "Result",
+  requestLogDetailMethod: "Method",
+  requestLogDetailUrl: "URL",
+  requestLogDetailSession: "Session",
+  requestLogDetailPool: "Pool",
+  requestLogDetailError: "Error",
+  requestLogDetailTokens: "Tokens",
+  requestLogDetailHeaders: "Headers",
+  requestLogDetailUserAgent: "User-Agent",
+  requestLogDetailShape: "Shape",
+  requestLogDetailMessages: "messages",
+  requestLogDetailTools: "tools",
+  requestLogDetailHasImage: "with images",
   writeRejected: "The settings write was rejected (the namespace was reloaded) \u2014 try again",
   writeFailed: "The settings write failed",
   filterPlaceholder: "Filter by name or id",
@@ -500,6 +656,62 @@ var zh = {
   refreshHint: "\u8BF7\u6C42\u4E0E\u6A21\u578B\u9009\u62E9\u5668\u590D\u7528\u540C\u4E00\u4EFD\u5217\u8868\u7684\u65F6\u957F\u3002",
   keepAliveLabel: "\u8FDE\u63A5\u7A7A\u95F2\u4FDD\u7559\uFF08\u79D2\uFF09",
   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",
+  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",
+  requestLogMaxEntries: "\u6700\u591A\u4FDD\u7559\uFF08\u6761\uFF09",
+  requestLogMaxEntriesHint: "50\uFF5E500 \u6761\uFF0C\u8D85\u9650\u4E22\u5F03\u6700\u65E7\u7684\u3002\u9ED8\u8BA4 200 \u6761\u3002",
+  requestLogOpen: "\u6253\u5F00\u8BF7\u6C42\u65E5\u5FD7",
+  requestLogClose: "\u5173\u95ED",
+  requestLogRefresh: "\u5237\u65B0",
+  requestLogEmpty: "\u6682\u65E0\u8BB0\u5F55\u3002\u5148\u6253\u5F00\u65E5\u5FD7\u5F00\u5173\uFF0C\u518D\u53D1\u8D77\u4E00\u6B21\u8BF7\u6C42\u3002",
+  requestLogDisabled: "\u8BF7\u6C42\u65E5\u5FD7\u672A\u5F00\u542F\u3002",
+  requestLogFilterModel: "\u6A21\u578B",
+  requestLogFilterModelAll: "\u5168\u90E8\u6A21\u578B",
+  requestLogFilterResult: "\u7ED3\u679C",
+  requestLogResultAll: "\u5168\u90E8",
+  requestLogResultOk: "\u6210\u529F",
+  requestLogResultFail: "\u5931\u8D25",
+  requestLogSlowOnly: "\u53EA\u770B\u6162\u8BF7\u6C42",
+  requestLogSlowSeconds: "\u6162\u4E8E\uFF08\u79D2\uFF09",
+  requestLogFilterSession: "\u4F1A\u8BDD\u5305\u542B",
+  requestLogGroupBy: "\u5206\u7EC4",
+  requestLogGroupNone: "\u4E0D\u5206\u7EC4",
+  requestLogGroupSession: "\u6309\u4F1A\u8BDD",
+  requestLogGroupModel: "\u6309\u6A21\u578B",
+  requestLogGroupResult: "\u6309\u7ED3\u679C",
+  requestLogPagePrev: "\u4E0A\u4E00\u9875",
+  requestLogPageNext: "\u4E0B\u4E00\u9875",
+  requestLogPageOf: "\uFF0F\u5171",
+  requestLogReuse: "\u8FDE\u63A5\u590D\u7528\u7387",
+  requestLogReuseHint: "\u590D\u7528\u4FDD\u6D3B\u8FDE\u63A5\u7684\u8BF7\u6C42\u5360\u6BD4\uFF0C\u7528\u65B0\u5EFA\u8FDE\u63A5\u6570\u4E0E\u5DF2\u8BB0\u5F55\u8BF7\u6C42\u6570\u4F30\u7B97\u3002",
+  requestLogDropped: "\u5DF2\u4E22\u5F03",
+  requestLogColTime: "\u65F6\u95F4",
+  requestLogColModel: "\u6A21\u578B",
+  requestLogColSession: "\u4F1A\u8BDD",
+  requestLogColIn: "\u8F93\u5165",
+  requestLogColOut: "\u8F93\u51FA",
+  requestLogColCache: "\u7F13\u5B58",
+  requestLogColLatency: "\u8017\u65F6",
+  requestLogColFirstToken: "\u9996\u5B57",
+  requestLogColStatus: "\u72B6\u6001",
+  requestLogDetailRequest: "\u8BF7\u6C42",
+  requestLogDetailTiming: "\u8017\u65F6",
+  requestLogDetailResult: "\u7ED3\u679C",
+  requestLogDetailMethod: "\u65B9\u6CD5",
+  requestLogDetailUrl: "\u5730\u5740",
+  requestLogDetailSession: "\u4F1A\u8BDD",
+  requestLogDetailPool: "\u8FDE\u63A5\u6C60",
+  requestLogDetailError: "\u9519\u8BEF",
+  requestLogDetailTokens: "Token",
+  requestLogDetailHeaders: "\u8BF7\u6C42\u5934",
+  requestLogDetailUserAgent: "User-Agent",
+  requestLogDetailShape: "\u8BF7\u6C42\u6784\u6210",
+  requestLogDetailMessages: "\u6761\u6D88\u606F",
+  requestLogDetailTools: "\u4E2A\u5DE5\u5177",
+  requestLogDetailHasImage: "\u542B\u56FE\u7247",
   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",
@@ -574,7 +786,348 @@ 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";
@@ -588,6 +1141,11 @@ var MAX_KEEP_ALIVE_TIMEOUT_SECONDS = 1800;
 var DEFAULT_KEEP_ALIVE_TIMEOUT_MS = DEFAULT_KEEP_ALIVE_TIMEOUT_SECONDS * 1e3;
 var MAX_KEEP_ALIVE_TIMEOUT_MS = MAX_KEEP_ALIVE_TIMEOUT_SECONDS * 1e3;
 
+// src/request-log/limits.ts
+var DEFAULT_REQUEST_LOG_MAX_ENTRIES = 200;
+var MIN_REQUEST_LOG_MAX_ENTRIES = 50;
+var MAX_REQUEST_LOG_MAX_ENTRIES = 500;
+
 // src/go-limits.ts
 var SEED_TRANSCRIBED = "2026-09-25";
 function monthlyRequestsRank(quota) {
@@ -629,18 +1187,18 @@ function isIPv6(value) {
   const head = groups(halves[0] ?? "");
   const tail = halves.length === 2 ? groups(halves[1] ?? "") : [];
   const all = [...head, ...tail];
-  let count = 0;
+  let count2 = 0;
   for (const [index, group] of all.entries()) {
     if (group.includes(".")) {
       if (index !== all.length - 1) return false;
       if (!isDottedQuad(group)) return false;
-      count += 2;
+      count2 += 2;
       continue;
     }
     if (!/^[0-9a-fA-F]{1,4}$/.test(group)) return false;
-    count += 1;
+    count2 += 1;
   }
-  return halves.length === 2 ? count <= 7 : count === 8;
+  return halves.length === 2 ? count2 <= 7 : count2 === 8;
 }
 function isAddress(value) {
   const trimmed = value.trim();
@@ -709,18 +1267,18 @@ function inputModalityLabels(model, t) {
 }
 
 // plugin-css:/home/runner/work/dshopencodego/dshopencodego/src/client/section.module.css
-var id = "@dan-ai-studio/dshopencodego/section.module.css";
-if (!document.querySelector("style[data-plugin-css=" + JSON.stringify(id) + "]")) {
+var id2 = "@dan-ai-studio/dshopencodego/section.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 = id;
+  style.dataset.pluginCss = id2;
   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_runtime = require("react/jsx-runtime");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 var API_KEY_REF = "OPENCODE_GO_API_KEY";
 var VISIBILITY_WRITE_DELAY_MS = 250;
 var INITIAL = {
@@ -737,7 +1295,8 @@ var INITIAL = {
   writable: false,
   saving: false,
   filter: INITIAL_FILTER,
-  update: { phase: "idle", status: void 0, message: void 0 }
+  update: { phase: "idle", status: void 0, message: void 0 },
+  requestLogOpen: false
 };
 function settingsOf(value) {
   if (value === null || typeof value !== "object") return void 0;
@@ -749,11 +1308,17 @@ function settingsOf(value) {
   const pins = record["pinnedAddresses"];
   const pinEntries = pins !== null && typeof pins === "object" ? Object.entries(pins).filter(([, address]) => typeof address === "string") : [];
   const keepAlive = record["keepAliveTimeoutMs"];
+  const requestLogEnabled = record["requestLogEnabled"];
+  const requestLogDebug = record["requestLogDebug"];
+  const requestLogMaxEntries = record["requestLogMaxEntries"];
   return {
     modelVisibility: Object.fromEntries(entries),
     refreshMinutes: minutes,
     pinnedAddresses: Object.fromEntries(pinEntries),
-    keepAliveTimeoutMs: typeof keepAlive === "number" ? keepAlive : DEFAULT_KEEP_ALIVE_TIMEOUT_MS
+    keepAliveTimeoutMs: typeof keepAlive === "number" ? keepAlive : DEFAULT_KEEP_ALIVE_TIMEOUT_MS,
+    requestLogEnabled: typeof requestLogEnabled === "boolean" ? requestLogEnabled : false,
+    requestLogDebug: typeof requestLogDebug === "boolean" ? requestLogDebug : false,
+    requestLogMaxEntries: typeof requestLogMaxEntries === "number" ? requestLogMaxEntries : DEFAULT_REQUEST_LOG_MAX_ENTRIES
   };
 }
 var SectionController = class _SectionController {
@@ -843,6 +1408,18 @@ var SectionController = class _SectionController {
       });
     }
   }
+  /**
+   * Read one request-log snapshot for the viewer. The viewer opens it on
+   * demand and refreshes it when asked; nothing polls, so a closed viewer
+   * costs no wire traffic at all.
+   */
+  async readRequestLog() {
+    const remote = this.services.remote.opencodeGoRequestLog;
+    if (remote === void 0) throw new Error("the request-log Remote is not mounted");
+    const result = await remote.readLog();
+    if (!result.ok) throw result.error;
+    return result.value;
+  }
   /**
    * Pin the gateway to one address.
    *
@@ -1053,8 +1630,8 @@ var SectionController = class _SectionController {
    * the UI never waits on the Host round trip and a burst of clicks becomes a
    * single write of the final dict.
    */
-  setVisibility(id3, enabled) {
-    this.mergeVisibility({ [id3]: enabled });
+  setVisibility(id4, enabled) {
+    this.mergeVisibility({ [id4]: enabled });
   }
   /**
    * Set every configurable model at once (select-all / select-none).
@@ -1153,6 +1730,57 @@ var SectionController = class _SectionController {
       () => this.set({ settings: { ...current, keepAliveTimeoutMs: milliseconds } })
     );
   }
+  /**
+   * Flip the request-log master switch. Off (the default) means no record is
+   * kept and the request path reads exactly as without the log.
+   */
+  async setRequestLogEnabled(enabled) {
+    const scope = this.services.scope;
+    const current = this.state.settings;
+    if (scope === void 0 || current === void 0 || !this.state.writable) return;
+    if (typeof enabled !== "boolean") return;
+    await this.write(
+      () => scope.set("requestLogEnabled", enabled),
+      () => this.set({ settings: { ...current, requestLogEnabled: enabled } })
+    );
+  }
+  /**
+   * Flip request-log debug detail. Only recorded while the master switch is
+   * on; the page does not enforce the pairing, the recorder does.
+   */
+  async setRequestLogDebug(debug) {
+    const scope = this.services.scope;
+    const current = this.state.settings;
+    if (scope === void 0 || current === void 0 || !this.state.writable) return;
+    if (typeof debug !== "boolean") return;
+    await this.write(
+      () => scope.set("requestLogDebug", debug),
+      () => this.set({ settings: { ...current, requestLogDebug: debug } })
+    );
+  }
+  /**
+   * Set how many request-log entries the Host keeps, clamped to the schema's
+   * own bounds. A lowered bound trims on the next read; raising it backfills
+   * nothing.
+   */
+  async setRequestLogMaxEntries(entries) {
+    const scope = this.services.scope;
+    const current = this.state.settings;
+    if (scope === void 0 || current === void 0 || !this.state.writable) return;
+    if (!Number.isSafeInteger(entries) || entries < MIN_REQUEST_LOG_MAX_ENTRIES || entries > MAX_REQUEST_LOG_MAX_ENTRIES) return;
+    await this.write(
+      () => scope.set("requestLogMaxEntries", entries),
+      () => 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 {
@@ -1196,12 +1824,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_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)(
+  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)(
         "button",
         {
           type: "button",
@@ -1216,9 +1844,9 @@ function UpdateBanner({ controller, t, busy, act, update }) {
         }
       )
     ] }),
-    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)(
+    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)(
         "button",
         {
           type: "button",
@@ -1230,8 +1858,8 @@ function UpdateBanner({ controller, t, busy, act, update }) {
           children: t("updateNow")
         }
       ),
-      /* @__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)(
+      /* @__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)(
         "button",
         {
           type: "button",
@@ -1246,9 +1874,9 @@ function UpdateBanner({ controller, t, busy, act, update }) {
         }
       )
     ] }),
-    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)(
+    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)(
         "button",
         {
           type: "button",
@@ -1262,7 +1890,7 @@ function UpdateBanner({ controller, t, busy, act, update }) {
           children: t("updateConfirm")
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
         "button",
         {
           type: "button",
@@ -1275,15 +1903,15 @@ function UpdateBanner({ controller, t, busy, act, update }) {
         }
       )
     ] }),
-    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 === "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 === "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)(
+    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)(
         "button",
         {
           type: "button",
@@ -1316,11 +1944,11 @@ function updateFailureText(message, t) {
   return message;
 }
 function Section({ controller, t, getLocale }) {
-  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) => {
+  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) => {
     setBusy(true);
     try {
       await operation();
@@ -1328,10 +1956,10 @@ function Section({ controller, t, getLocale }) {
       setBusy(false);
     }
   }, []);
-  (0, import_react.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     setKeyDraft("");
   }, [state.saved]);
-  (0, import_react.useEffect)(() => {
+  (0, import_react2.useEffect)(() => {
     setPinDraft(state.network?.address ?? "");
   }, [state.network?.address]);
   const reading = state.reading;
@@ -1340,18 +1968,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_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" })
+  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" })
       ] }),
-      /* @__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)(
+      /* @__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)(
           "input",
           {
             className: section_default.input,
@@ -1364,7 +1992,7 @@ function Section({ controller, t, getLocale }) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           "button",
           {
             type: "button",
@@ -1378,7 +2006,7 @@ function Section({ controller, t, getLocale }) {
             children: state.saved === true ? t("keySaved") : t("keySave")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           "button",
           {
             type: "button",
@@ -1394,16 +2022,16 @@ function Section({ controller, t, getLocale }) {
         )
       ] })
     ] }),
-    /* @__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.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.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)(
+      /* @__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)(
           "input",
           {
             className: section_default.input,
@@ -1416,7 +2044,7 @@ function Section({ controller, t, getLocale }) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           "button",
           {
             type: "button",
@@ -1430,7 +2058,7 @@ function Section({ controller, t, getLocale }) {
             children: t("pinSave")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           "button",
           {
             type: "button",
@@ -1445,13 +2073,13 @@ function Section({ controller, t, getLocale }) {
           }
         )
       ] }),
-      state.pinInvalid && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: section_default.warn, children: t("pinInvalid") })
+      state.pinInvalid && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: section_default.warn, children: t("pinInvalid") })
     ] }),
-    /* @__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)(
+    /* @__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)(
           "button",
           {
             type: "button",
@@ -1463,7 +2091,7 @@ function Section({ controller, t, getLocale }) {
             children: t("catalogSelectAll")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           "button",
           {
             type: "button",
@@ -1475,7 +2103,7 @@ function Section({ controller, t, getLocale }) {
             children: t("catalogSelectNone")
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           "button",
           {
             type: "button",
@@ -1490,31 +2118,31 @@ function Section({ controller, t, getLocale }) {
           }
         )
       ] }),
-      state.failure !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: section_default.warn, children: [
+      state.failure !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { className: section_default.warn, children: [
         t("catalogStale"),
         ": ",
         state.failure
       ] }),
-      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: [
+      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: [
         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_runtime.jsxs)("p", { className: section_default.hint, children: [
+      reading !== void 0 && reading.quotaSource === "seed" && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { className: section_default.hint, children: [
         t("quotaSeed"),
         " ",
         SEED_TRANSCRIBED
       ] }),
-      reading !== void 0 && reading.factsCachedAt !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { className: section_default.hint, children: [
+      reading !== void 0 && reading.factsCachedAt !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.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_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)(
+      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)(
           "input",
           {
             id: "dshopencodego-refresh",
@@ -1529,11 +2157,11 @@ function Section({ controller, t, getLocale }) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: section_default.hint, children: t("refreshHint") })
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: section_default.hint, children: t("refreshHint") })
       ] }),
-      /* @__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)(
+      /* @__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)(
           "input",
           {
             id: "dshopencodego-keepalive",
@@ -1548,11 +2176,72 @@ function Section({ controller, t, getLocale }) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: section_default.hint, children: t("keepAliveHint") })
+        /* @__PURE__ */ (0, import_jsx_runtime2.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)(
+          "input",
+          {
+            type: "checkbox",
+            checked: state.settings?.requestLogEnabled ?? false,
+            disabled: !editable || state.saving,
+            onChange: (event) => {
+              void act(async () => {
+                await controller.setRequestLogEnabled(event.target.checked);
+              });
+            }
+          }
+        ),
+        ` ${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)(
+            "input",
+            {
+              type: "checkbox",
+              checked: state.settings?.requestLogDebug ?? false,
+              disabled: !editable || state.saving,
+              onChange: (event) => {
+                void act(async () => {
+                  await controller.setRequestLogDebug(event.target.checked);
+                });
+              }
+            }
+          ),
+          ` ${t("requestLogDebug")}`
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.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)(
+          "input",
+          {
+            id: "dshopencodego-requestlog-max",
+            className: section_default.number,
+            type: "number",
+            min: MIN_REQUEST_LOG_MAX_ENTRIES,
+            max: MAX_REQUEST_LOG_MAX_ENTRIES,
+            disabled: !editable || state.saving,
+            value: state.settings?.requestLogMaxEntries ?? "",
+            onChange: (event) => {
+              void act(async () => {
+                await controller.setRequestLogMaxEntries(Number(event.target.value));
+              });
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: section_default.hint, children: t("requestLogMaxEntriesHint") })
       ] }),
-      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)(
+      /* @__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();
+      }, 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)(
           "input",
           {
             className: section_default.input,
@@ -1565,8 +2254,8 @@ function Section({ controller, t, getLocale }) {
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: section_default.hint, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: section_default.hint, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
             "input",
             {
               type: "checkbox",
@@ -1578,8 +2267,8 @@ function Section({ controller, t, getLocale }) {
           ),
           ` ${t("filterOnlyEnabled")}`
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: section_default.hint, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: section_default.hint, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
             "input",
             {
               type: "checkbox",
@@ -1591,9 +2280,9 @@ function Section({ controller, t, getLocale }) {
           ),
           ` ${t("filterShowDeprecated")}`
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("label", { className: section_default.hint, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: section_default.hint, children: [
           `${t("sortLabel")} `,
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
             "select",
             {
               className: section_default.select,
@@ -1603,29 +2292,29 @@ function Section({ controller, t, getLocale }) {
                 controller.setFilter({ sort: event.target.value });
               },
               children: [
-                /* @__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") })
+                /* @__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") })
               ]
             }
           )
         ] }),
-        hidden > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: section_default.hint, children: [
+        hidden > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: section_default.hint, children: [
           hidden,
           " ",
           t("filterHidden")
         ] })
       ] }),
-      reading !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: section_default.list, children: rows.map((model) => {
+      reading !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.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_runtime.jsxs)("div", { className: section_default.item, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: section_default.item, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
             "input",
             {
               type: "checkbox",
@@ -1637,43 +2326,55 @@ function Section({ controller, t, getLocale }) {
               }
             }
           ),
-          /* @__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.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.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) })
+            /* @__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) })
             ] }),
-            modalities.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: section_default.itemModalities, children: `${t("inputLabel")} ${modalities}` })
+            modalities.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.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/UsagePill.tsx
-var import_react2 = require("react");
+var import_react3 = require("react");
 
 // plugin-css:/home/runner/work/dshopencodego/dshopencodego/src/client/pill.module.css
-var id2 = "@dan-ai-studio/dshopencodego/pill.module.css";
-if (!document.querySelector("style[data-plugin-css=" + JSON.stringify(id2) + "]")) {
+var id3 = "@dan-ai-studio/dshopencodego/pill.module.css";
+if (!document.querySelector("style[data-plugin-css=" + JSON.stringify(id3) + "]")) {
   const style = document.createElement("style");
   style.dataset.plugin = "@dan-ai-studio/dshopencodego";
-  style.dataset.pluginCss = id2;
+  style.dataset.pluginCss = id3;
   style.textContent = ".mMNkkW_root{align-items:center;display:inline-flex;position:relative}.mMNkkW_trigger{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-secondary);font:inherit;cursor:pointer;white-space:nowrap;border-radius:999px;padding:.35rem .6rem;font-size:.8rem;line-height:1}.mMNkkW_trigger:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l2)}.mMNkkW_panel{z-index:20;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-overlay);width:18rem;color:var(--dsw-alias-label-primary);border-radius:.6rem;flex-direction:column;gap:.6rem;padding:.75rem .85rem;display:flex;position:absolute;bottom:calc(100% + .5rem);right:0;box-shadow:0 8px 24px #0000002e}.mMNkkW_window{flex-direction:column;gap:.25rem;display:flex}.mMNkkW_row{justify-content:space-between;gap:.5rem;font-size:.85rem;display:flex}.mMNkkW_hint{color:var(--dsw-alias-label-secondary);margin:0;font-size:.75rem}.mMNkkW_progress{width:100%;height:.35rem;accent-color:var(--dsw-alias-brand-primary)}.mMNkkW_limited{color:var(--dsw-alias-state-warn-primary);font-size:.75rem}.mMNkkW_warning{border:1px solid var(--dsw-alias-state-warn-primary);color:var(--dsw-alias-label-primary);border-radius:.4rem;padding:.4rem .5rem;font-size:.75rem}.mMNkkW_retry{border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;border-radius:.35rem;align-self:flex-start;padding:.25rem .5rem;font-size:.75rem}.mMNkkW_local{border-top:1px solid var(--dsw-alias-border-l1);flex-direction:column;gap:.2rem;padding-top:.5rem;display:flex}";
   document.head.appendChild(style);
 }
 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_runtime2 = require("react/jsx-runtime");
+var import_jsx_runtime3 = 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;
@@ -1694,8 +2395,8 @@ function formatUSD(value) {
   return value < 1 ? `$${value.toFixed(4)}` : `$${value.toFixed(2)}`;
 }
 function UsagePill({ directory, ...rest }) {
-  const state = (0, import_react2.useSyncExternalStore)(directory.subscribe, directory.getSnapshot, directory.getSnapshot);
-  return state.current?.provider === "opencode-go" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ActiveUsage, { ...rest }) : null;
+  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;
 }
 function ActiveUsage({
   readWindows,
@@ -1703,14 +2404,14 @@ function ActiveUsage({
   t,
   getLocale
 }) {
-  const [windows, setWindows] = (0, import_react2.useState)(void 0);
-  const [meter, setMeter] = (0, import_react2.useState)(void 0);
-  const [failure, setFailure] = (0, import_react2.useState)(void 0);
-  const [updatedAt, setUpdatedAt] = (0, import_react2.useState)(void 0);
-  const [refreshing, setRefreshing] = (0, import_react2.useState)(false);
-  const [open, setOpen] = (0, import_react2.useState)(false);
-  const root = (0, import_react2.useRef)(null);
-  const refresh = (0, import_react2.useCallback)(async () => {
+  const [windows, setWindows] = (0, import_react3.useState)(void 0);
+  const [meter, setMeter] = (0, import_react3.useState)(void 0);
+  const [failure, setFailure] = (0, import_react3.useState)(void 0);
+  const [updatedAt, setUpdatedAt] = (0, import_react3.useState)(void 0);
+  const [refreshing, setRefreshing] = (0, import_react3.useState)(false);
+  const [open, setOpen] = (0, import_react3.useState)(false);
+  const root = (0, import_react3.useRef)(null);
+  const refresh = (0, import_react3.useCallback)(async () => {
     setRefreshing(true);
     try {
       const [nextWindows, nextMeter] = await Promise.all([readWindows(), readMeter()]);
@@ -1729,7 +2430,7 @@ function ActiveUsage({
       setRefreshing(false);
     }
   }, [readWindows, readMeter]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     let alive = true;
     const run = () => {
       if (!alive || document.visibilityState === "hidden") return;
@@ -1744,7 +2445,7 @@ function ActiveUsage({
       document.removeEventListener("visibilitychange", run);
     };
   }, [refresh]);
-  (0, import_react2.useEffect)(() => {
+  (0, import_react3.useEffect)(() => {
     if (!open) return;
     const close = (event) => {
       if (!root.current?.contains(event.target)) setOpen(false);
@@ -1762,8 +2463,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_runtime2.jsxs)("span", { className: pill_default.root, ref: root, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("span", { className: pill_default.root, ref: root, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
       "button",
       {
         type: "button",
@@ -1777,71 +2478,71 @@ function ActiveUsage({
         children: label
       }
     ),
-    open && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: pill_default.panel, role: "dialog", "aria-label": t("usageTitle"), "aria-busy": refreshing, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: t("usageTitle") }),
-      failure !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: pill_default.warning, role: "alert", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: t("usageUnavailable") }) }),
-        failure.message.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { children: failure.message }),
-        windows !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { children: t("usageStale") })
+    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") })
       ] }),
-      windows === void 0 && failure === void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.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_runtime2.jsxs)("div", { className: pill_default.window, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: pill_default.row, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: t(label2) }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("strong", { children: [
+      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[key].percent,
             "%"
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("progress", { className: pill_default.progress, max: 100, value: Math.min(100, windows[key].percent), "aria-label": t(label2) }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: pill_default.hint, children: [
+        /* @__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: [
           t("usageResets"),
           " ",
           new Date(windows[key].resetsAt).toLocaleString(getLocale?.())
         ] }),
-        windows[key].status === "rate-limited" && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: pill_default.limited, children: t("usageLimited") })
+        windows[key].status === "rate-limited" && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: pill_default.limited, children: t("usageLimited") })
       ] }, key)),
-      meter !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: pill_default.local, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: t("usageSinceBoot") }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: pill_default.row, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: t("usageCallsUnit") }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: meter.totals.calls })
+      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 })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: pill_default.row, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: t("usageTokensUnit") }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.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("usageTokensUnit") }),
+          /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("strong", { children: meter.totals.totalTokens.toLocaleString(getLocale?.()) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: pill_default.row, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: t("usageCached") }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: meter.totals.cacheReadTokens.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?.()) })
         ] }),
-        meter.totals.reasoningTokens !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: pill_default.row, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: t("usageReasoning") }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: meter.totals.reasoningTokens.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?.()) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: pill_default.row, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: t("usageSpend") }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("strong", { children: meter.totals.estimatedUSD === void 0 ? t("usageUnpriced") : formatUSD(meter.totals.estimatedUSD) })
+        /* @__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) })
         ] }),
-        meter.totals.unpricedTokens !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: pill_default.hint, children: [
+        meter.totals.unpricedTokens !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: pill_default.hint, children: [
           t("usageSpendPartial"),
           " ",
           meter.totals.unpricedTokens.toLocaleString(getLocale?.())
         ] }),
-        unpriced.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: pill_default.hint, children: [
+        unpriced.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: pill_default.hint, children: [
           t("usageUnpricedModels"),
           " ",
           unpricedModels
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: pill_default.hint, children: t("usageSpendHint") }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: pill_default.hint, children: t("usageLocalHint") })
+        /* @__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") })
       ] }),
-      updatedAt !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("p", { className: pill_default.hint, children: [
+      updatedAt !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: pill_default.hint, children: [
         t("usageLastUpdated"),
         " ",
         new Date(updatedAt).toLocaleString(getLocale?.())
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: pill_default.retry, disabled: refreshing, onClick: () => {
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("button", { type: "button", className: pill_default.retry, disabled: refreshing, onClick: () => {
         void refresh();
       }, children: t(refreshing ? "usageRefreshing" : "usageRetry") })
     ] })
@@ -1859,7 +2560,8 @@ function apply(ctx) {
       ...usageRemote.descriptors,
       ...catalogRemote.descriptors,
       ...updateRemote.descriptors,
-      ...networkRemote.descriptors
+      ...networkRemote.descriptors,
+      ...requestLogRemote.descriptors
     ]
   });
   ctx.effect(() => {
@@ -1872,7 +2574,7 @@ function apply(ctx) {
       void dispose?.();
     };
   }, "dshopencodego: usage Remote");
-  ctx.inject(["configForms", "remote.opencodeGoCatalog", "remote.opencodeGoUpdate", "remote.opencodeGoNetwork", "remote.credentials"], (scope) => {
+  ctx.inject(["configForms", "remote.opencodeGoCatalog", "remote.opencodeGoUpdate", "remote.opencodeGoNetwork", "remote.opencodeGoRequestLog", "remote.credentials"], (scope) => {
     const forms = scope.get("configForms");
     const pluginManager = {};
     const controller = new SectionController({