@dan-ai-studio/dshopencodego 0.1.66 → 0.1.68

package/README.en.md

@@ -115,7 +115,7 @@ Configuration lives in the profile's `cordis.patch.yml`:
       some-new-model: openai-responses        # the only legal values are anthropic-messages / openai-completions / openai-responses
     pinnedAddresses:                           # fixed IP: host -> address (only the gateway host counts)
       opencode.ai: 104.18.32.47              # IPv4 or IPv6; an invalid or absent address uses the system DNS
-    requestLogEnabled: false                 # request-log master switch, default off: off reads byte-for-byte as without the log
+    requestLogEnabled: true                  # request-log master switch, default on: off reads byte-for-byte as without the log
     requestLogDebug: false                   # debug detail: pool events and the request user agent; session ids are always whole
     requestLogMaxEntries: 200                # most entries to keep, 50 to 500; oldest are dropped first
     retryPolicy:                              # optional: this route's retry policy, executed by dsh-llm-retry
@@ -141,14 +141,16 @@ The API key comes from the Harness credential store (reference name `OPENCODE_GO
 - The settings page shows and accepts the value in **seconds** (a number of milliseconds is not readable at a glance) and stores it in milliseconds. Range: 1 to 1800000 milliseconds.
 - Once a connection has been idle that long, the pool **reclaims it** on its own — no separate mechanism is needed. The actual release comes a couple of seconds later than the setting, which is the client's own small margin beyond the deadline the server states. When the plugin is unloaded, the pool is **closed with it**: the pool belongs to the plugin and should not be left behind on the machine.
 
-**Request log**: per-request records, off by default; enabling them changes nothing about what requests do. The settings page's "Request log" group holds the master switch, the debug switch (pool events and the request user agent), and the retention count (default 200).
+**Request log**: per-request records, on by default; turning them off returns the request path to exactly as without the log. The settings page's "Request log" group holds the master switch, the debug switch (pool events and the request user agent, default off), and the retention count (default 200).
 
 - **Two entries, one page**:
   - **A sidebar icon → a full page in the main column**: every request across sessions. The log is a process-wide thing, so the sidebar is where it belongs — a fixed, always-visible spot, and the same pattern the Harness's own plugin manager uses.
   - **A "Request log" View inside the conversation**: this session's requests, in place — answering "why was that turn slow" without leaving the chat.
-- It is a page, not a floating card: the head, the summary (requests / failures / mean latency / mean first token / mean tok/s / mean cache hit / connection reuse) and the filters stay put while the table scrolls. Each row carries time, model, session, input/output/cache, **cache hit**, **tok/s**, first token, latency and status; clicking one expands its HTTP detail (method, URL, redacted headers, request shape, result and usage). Filters: model, result, slow requests, session; groups: session, model, result; **click a column head to sort by it**, click again to flip.
-- **tok/s** is the output rate over the decode window (first token to the end), on the same scale as the Harness's own per-turn reading (reasoning tokens included). A request that produced no token has no rate — none is invented.
+- It is a page, not a floating card: the head, the summary (requests / failures / mean latency / mean first token / mean tok/s / mean cache hit / connection reuse) and the filters stay put while the table scrolls. Each row carries time, model, session, input/output/cache, **cache hit**, **tok/s**, first token, latency and status; clicking one expands its HTTP detail (method, protocol, URL, body size, redacted headers, request shape, result and usage, reasoning split, cache writes, per-request cost, content span). Filters: model, result, slow requests, session; groups: session, model, result; **click a column head to sort by it**, click again to flip.
+- **tok/s** is the output rate over the decode window (first token to the end), on the same scale as the Harness's own per-turn reading (reasoning tokens included). A request that produced no token has no rate — none is invented. **A burst delivery has no rate either**: when the gateway holds a whole turn and flushes it at the end (common with reasoning models: 8 seconds of thinking invisible on the wire, then a hundred tokens in a few milliseconds), a sub-100ms content span is delivery shape, not generation speed — it shows as — and stays out of the mean.
+- The session column names the **session title** (from the session catalog; falls back to the id, whose full spelling stays one hover away). The session filter matches titles and ids; session groups are headed the same way.
 - **Cache hit** is the share of input tokens served from cache (cache reads over uncached input plus cache reads). No reported input means no share — none is invented either.
+- **The In column is uncached new input**: the gateway reports a prompt as "uncached plus cache hits" and the log records only the new part — a fully prefix-cached turn reads as a tiny input with a 100% hit, which is not a bug. Hover a column head for its definition.
 - Session ids are **always stored whole**: an id is a conversation identity, not a credential, and a truncated one reads two conversations as one.
 - The log is a ring buffer (oldest dropped first) that dies with the process; snapshots are read on demand, never polled, so a page nobody opens costs no traffic.
 - The credential never enters a record: the recorder takes no headers argument at all, only the allowlisted session id and user agent. Failed requests are recorded with their error code; a request cut off before any terminal event is not recorded — no total reported, none invented.

package/README.md

@@ -114,7 +114,7 @@ DSH 桌面端是 Electron 壳 + 完整的 dsh Web 应用，本插件对它同样
       some-new-model: openai-responses        # 合法值只有 anthropic-messages / openai-completions / openai-responses
     pinnedAddresses:                           # 固定 IP：域名 → 地址（只对网关域名生效）
       opencode.ai: 104.18.32.47              # 可写 IPv4 或 IPv6；不合法或未设置时走系统 DNS
-    requestLogEnabled: false                 # 请求日志总开关，默认关闭：关闭时请求路径与没有该日志逐字节一致
+    requestLogEnabled: true                  # 请求日志总开关，默认开启：关闭后请求路径与没有该日志逐字节一致
     requestLogDebug: false                   # 排错详情：连接池事件与请求 UA；会话 id 始终完整记录
     requestLogMaxEntries: 200                # 最多保留条数，50 ~ 500，超限丢弃最旧的
     retryPolicy:                              # 可选：本路由的重试策略（由 dsh-llm-retry 执行）
@@ -140,14 +140,16 @@ API Key 通过 Harness 凭证库提供（引用名 `OPENCODE_GO_API_KEY`），
 - 设置页里以**秒**显示与填写（毫秒的数字人读不出量级），存储时换算成毫秒。取值 1 ~ 1800000 毫秒。
 - 空闲满这个时间之后，连接由连接池**自己回收**，不需要额外的清理机制（实际释放时间比设置值多约 2 秒，那是客户端在服务端给的期限之外自留的一点缓冲）。插件被卸载时，连接池也会**一并关掉**——它是插件的，不该留在机器上。
 
-**请求日志**：默认关闭的逐请求记录，打开它不改变请求的任何行为。设置页"请求日志"分组里有总开关、排错详情开关（连接池事件与请求 UA）、保留条数（默认 200）。
+**请求日志**：默认开启的逐请求记录，关掉它请求路径与没有该日志逐字节一致。设置页"请求日志"分组里有总开关、排错详情开关（连接池事件与请求 UA，默认关闭）、保留条数（默认 200）。
 
 - **两个入口，同一个页面**：
   - **侧边栏图标 → 主区域整页**：跨会话看全部请求。日志是进程级的数据，放在侧边栏最合理——位置固定、常驻可见，和 DSH 自己的插件管理器同一个范式。
   - **会话里的「请求日志」标签页**：就地看**本会话**的请求，回答"刚才那轮为什么慢"不用离开对话。
-- 页面是一整页而不是浮层：标题、统计（请求数／失败数／平均耗时／平均首字／平均 tok/s／平均缓存命中／连接复用率）、筛选栏固定在上方，只有表格自己滚动。每行含时间、模型、会话、输入／输出／缓存、**缓存命中**、**tok/s**、首字、耗时与状态；点一行展开 HTTP 明细（方法、地址、脱敏后的请求头、请求构成、结果与用量）。筛选有模型／结果／慢请求／会话，分组有会话／模型／结果；**点列头按该列排序**，再点一次反向。
-- **tok/s** 是**首字到结束**这段解码窗口上的输出速率，口径与 Harness 自己的每轮读数一致（含推理 token）。没有 token 的请求没有速率——不编数。
+- 页面是一整页而不是浮层：标题、统计（请求数／失败数／平均耗时／平均首字／平均 tok/s／平均缓存命中／连接复用率）、筛选栏固定在上方，只有表格自己滚动。每行含时间、模型、会话、输入／输出／缓存、**缓存命中**、**tok/s**、首字、耗时与状态；点一行展开 HTTP 明细（方法、协议、地址、请求体大小、脱敏后的请求头、请求构成、结果与用量、推理拆分、缓存写入、单轮花费、内容跨度）。筛选有模型／结果／慢请求／会话，分组有会话／模型／结果；**点列头按该列排序**，再点一次反向。
+- **tok/s** 是**首字到结束**这段解码窗口上的输出速率，口径与 Harness 自己的每轮读数一致（含推理 token）。没有 token 的请求没有速率——不编数。**突发推送同样没有速率**：网关把一整轮攒到最后一次性推过来时（推理模型常见：8 秒思考在 wire 上不可见，然后上百个 token 几毫秒内到达），内容跨度不足 100ms，算出来的"每秒几万 token"不是生成速度——显示为 —，也不计入平均。
+- 会话列显示**会话标题**（标题来自会话目录；拿不到时回退显示 id，悬停可见完整 id）。会话筛选同时匹配标题与 id；按会话分组的组头同样显示标题。
 - **缓存命中**是输入 token 里走缓存的占比（缓存读取／（未缓存输入＋缓存读取））。网关没报输入就没有占比——同样不编数。
+- **输入列是未缓存的新增 token**：网关把整段 prompt 拆成"未缓存＋缓存命中"两部分上报，输入列只记新增的——同一会话前缀缓存全中时输入很小、缓存命中 100%，不是 bug。悬停列头有口径说明。
 - 会话 id **始终完整记录**（它是会话身份，不是凭据；截断后两个会话会读成一个）。
 - 记录的是环形缓冲（超限丢最旧），进程重启即清；只读快照，不轮询，没人打开的页面零流量。
 - 凭据永远不进记录：记录器根本不接收请求头参数，只收白名单里的会话 id 与 UA；失败的请求同样记一条（含错误码），中断到没有终端事件的不记（网关没报总数就不编数）。

package/lib/client.js

@@ -233,10 +233,14 @@ function parseEntry(value) {
   const row = value;
   const shape = row["shape"];
   const headers = row["headers"];
+  const protocol = row["protocol"];
   return {
     seq: count("seq", row),
     atMs: count("atMs", row),
     model: text("model", row),
+    // Older rows predate the protocol recording; they read without one
+    // rather than failing the whole snapshot.
+    ...protocol === "anthropic-messages" || protocol === "openai-completions" || protocol === "openai-responses" ? { protocol } : {},
     session: text("session", row),
     method: text("method", row),
     url: text("url", row),
@@ -244,9 +248,14 @@ function parseEntry(value) {
     ...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["cacheWriteTokens"] === void 0 ? {} : { cacheWriteTokens: count("cacheWriteTokens", row) },
+    ...row["reasoningTokens"] === void 0 ? {} : { reasoningTokens: count("reasoningTokens", row) },
+    ...row["costUsd"] === void 0 ? {} : { costUsd: rate("costUsd", row) },
+    ...row["requestBytes"] === void 0 ? {} : { requestBytes: count("requestBytes", row) },
     ...row["durationMs"] === void 0 ? {} : { durationMs: count("durationMs", row) },
     ...row["firstTokenMs"] === void 0 ? {} : { firstTokenMs: count("firstTokenMs", row) },
     ...row["decodeMs"] === void 0 ? {} : { decodeMs: count("decodeMs", row) },
+    ...row["streamMs"] === void 0 ? {} : { streamMs: count("streamMs", row) },
     ...row["tps"] === void 0 ? {} : { tps: rate("tps", row) },
     ok: row["ok"] === true,
     ...typeof row["code"] === "string" ? { code: row["code"] } : {},
@@ -498,7 +507,7 @@ var en = {
   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.",
+  requestLogHint: "Per-request records for troubleshooting. On by default; turning it off returns the request path to exactly as without the log.",
   requestLogPageHint: "One row per request. Click a column head to sort; the table scrolls and the filters stay put.",
   requestLogEnabled: "Record requests",
   requestLogDebug: "Debug detail",
@@ -536,22 +545,31 @@ var en = {
   requestLogColModel: "Model",
   requestLogColSession: "Session",
   requestLogColIn: "In",
+  requestLogColInHint: "Uncached input tokens: what this turn added beyond the cache",
   requestLogColOut: "Out",
+  requestLogColOutHint: "Generated output tokens",
   requestLogColCache: "Cached",
+  requestLogColCacheHint: "Input tokens served from the cache",
   requestLogColCacheRate: "Cache hit",
   requestLogColLatency: "Latency",
   requestLogColTps: "tok/s",
+  requestLogColStream: "Content span",
   requestLogColFirstToken: "First token",
   requestLogColStatus: "Status",
   requestLogDetailRequest: "Request",
   requestLogDetailTiming: "Timing",
   requestLogDetailResult: "Result",
   requestLogDetailMethod: "Method",
+  requestLogDetailProtocol: "Protocol",
   requestLogDetailUrl: "URL",
+  requestLogDetailRequestBytes: "Request body",
   requestLogDetailSession: "Session",
   requestLogDetailPool: "Pool",
   requestLogDetailError: "Error",
   requestLogDetailTokens: "Tokens",
+  requestLogDetailReasoning: "Reasoning",
+  requestLogDetailCacheWrite: "Cache write",
+  requestLogDetailCost: "Cost",
   requestLogDetailHeaders: "Headers",
   requestLogDetailUserAgent: "User-Agent",
   requestLogDetailShape: "Shape",
@@ -564,6 +582,7 @@ var en = {
   requestLogStatFirstToken: "Mean first token",
   requestLogStatTps: "Mean tok/s",
   requestLogStatCacheRate: "Mean cache hit",
+  requestLogOfTotal: "of",
   writeRejected: "The settings write was rejected (the namespace was reloaded) \u2014 try again",
   writeFailed: "The settings write failed",
   filterPlaceholder: "Filter by name or id",
@@ -677,7 +696,7 @@ var zh = {
   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",
+  requestLogHint: "\u6392\u67E5\u7528\u7684\u9010\u8BF7\u6C42\u8BB0\u5F55\u3002\u9ED8\u8BA4\u5F00\u542F\uFF1B\u5173\u95ED\u540E\u8BF7\u6C42\u8DEF\u5F84\u4E0E\u6CA1\u6709\u8BE5\u65E5\u5FD7\u9010\u5B57\u8282\u4E00\u81F4\u3002",
   requestLogPageHint: "\u6BCF\u4E2A\u8BF7\u6C42\u4E00\u884C\u3002\u70B9\u5217\u5934\u53EF\u6392\u5E8F\uFF1B\u8868\u683C\u6EDA\u52A8\uFF0C\u7B5B\u9009\u680F\u56FA\u5B9A\u5728\u4E0A\u65B9\u3002",
   requestLogEnabled: "\u8BB0\u5F55\u8BF7\u6C42",
   requestLogDebug: "\u6392\u9519\u8BE6\u60C5",
@@ -715,22 +734,31 @@ var zh = {
   requestLogColModel: "\u6A21\u578B",
   requestLogColSession: "\u4F1A\u8BDD",
   requestLogColIn: "\u8F93\u5165",
+  requestLogColInHint: "\u672A\u7F13\u5B58\u7684\u8F93\u5165 token\uFF1A\u672C\u8F6E\u65B0\u589E\u7684\uFF0C\u4E0D\u542B\u7F13\u5B58\u547D\u4E2D\u7684\u90E8\u5206",
   requestLogColOut: "\u8F93\u51FA",
+  requestLogColOutHint: "\u751F\u6210\u7684\u8F93\u51FA token",
   requestLogColCache: "\u7F13\u5B58",
+  requestLogColCacheHint: "\u547D\u4E2D\u7F13\u5B58\u7684\u8F93\u5165 token",
   requestLogColCacheRate: "\u7F13\u5B58\u547D\u4E2D",
   requestLogColLatency: "\u8017\u65F6",
   requestLogColTps: "tok/s",
+  requestLogColStream: "\u5185\u5BB9\u8DE8\u5EA6",
   requestLogColFirstToken: "\u9996\u5B57",
   requestLogColStatus: "\u72B6\u6001",
   requestLogDetailRequest: "\u8BF7\u6C42",
   requestLogDetailTiming: "\u8017\u65F6",
   requestLogDetailResult: "\u7ED3\u679C",
   requestLogDetailMethod: "\u65B9\u6CD5",
+  requestLogDetailProtocol: "\u534F\u8BAE",
   requestLogDetailUrl: "\u5730\u5740",
+  requestLogDetailRequestBytes: "\u8BF7\u6C42\u4F53",
   requestLogDetailSession: "\u4F1A\u8BDD",
   requestLogDetailPool: "\u8FDE\u63A5\u6C60",
   requestLogDetailError: "\u9519\u8BEF",
   requestLogDetailTokens: "Token",
+  requestLogDetailReasoning: "\u63A8\u7406",
+  requestLogDetailCacheWrite: "\u7F13\u5B58\u5199\u5165",
+  requestLogDetailCost: "\u82B1\u8D39",
   requestLogDetailHeaders: "\u8BF7\u6C42\u5934",
   requestLogDetailUserAgent: "User-Agent",
   requestLogDetailShape: "\u8BF7\u6C42\u6784\u6210",
@@ -743,6 +771,7 @@ var zh = {
   requestLogStatFirstToken: "\u5E73\u5747\u9996\u5B57",
   requestLogStatTps: "\u5E73\u5747 tok/s",
   requestLogStatCacheRate: "\u5E73\u5747\u7F13\u5B58\u547D\u4E2D",
+  requestLogOfTotal: "\u5171",
   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",
@@ -1005,7 +1034,7 @@ function settingsOf(value) {
     refreshMinutes: minutes,
     pinnedAddresses: Object.fromEntries(pinEntries),
     keepAliveTimeoutMs: typeof keepAlive === "number" ? keepAlive : DEFAULT_KEEP_ALIVE_TIMEOUT_MS,
-    requestLogEnabled: typeof requestLogEnabled === "boolean" ? requestLogEnabled : false,
+    requestLogEnabled: typeof requestLogEnabled === "boolean" ? requestLogEnabled : true,
     requestLogDebug: typeof requestLogDebug === "boolean" ? requestLogDebug : false,
     requestLogMaxEntries: typeof requestLogMaxEntries === "number" ? requestLogMaxEntries : DEFAULT_REQUEST_LOG_MAX_ENTRIES
   };
@@ -1867,7 +1896,7 @@ function Section({ controller, t, getLocale, openRequestLog }) {
           "input",
           {
             type: "checkbox",
-            checked: state.settings?.requestLogEnabled ?? false,
+            checked: state.settings?.requestLogEnabled ?? true,
             disabled: !editable || state.saving,
             onChange: (event) => {
               void act(async () => {
@@ -2042,10 +2071,10 @@ if (!document.querySelector("style[data-plugin-css=" + JSON.stringify(id2) + "]"
   const style = document.createElement("style");
   style.dataset.plugin = "@dan-ai-studio/dshopencodego";
   style.dataset.pluginCss = id2;
-  style.textContent = ".Lx7MOq_page{box-sizing:border-box;background:var(--dsw-alias-bg-base);height:100%;min-height:0;color:var(--dsw-alias-label-primary);flex-direction:column;display:flex}.Lx7MOq_pageLoose{height:auto}.Lx7MOq_pageLoose .Lx7MOq_tableWrap{overflow:visible}.Lx7MOq_head{flex-wrap:wrap;flex:none;align-items:center;gap:12px;padding:20px clamp(16px,3vw,32px) 12px;display:flex}.Lx7MOq_headText{min-width:0}.Lx7MOq_title{margin:0;font-size:20px;font-weight:500;line-height:28px}.Lx7MOq_subtitle{color:var(--dsw-alias-label-secondary);margin:4px 0 0;font-size:13px;line-height:20px}.Lx7MOq_headActions{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.Lx7MOq_button{border:1px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-bg-layer-1);height:28px;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.Lx7MOq_button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.Lx7MOq_button:disabled{cursor:default;opacity:.5}.Lx7MOq_summary{flex-wrap:wrap;flex:none;gap:8px;padding:0 clamp(16px,3vw,32px) 12px;display:flex}.Lx7MOq_card{border:1px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-1);flex-direction:column;gap:2px;min-width:104px;padding:8px 12px;display:flex}.Lx7MOq_cardLabel{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:16px}.Lx7MOq_cardValue{font-variant-numeric:tabular-nums;font-size:16px;font-weight:500;line-height:22px}.Lx7MOq_cardError .Lx7MOq_cardValue{color:var(--dsw-alias-state-error-primary)}.Lx7MOq_cardWarn .Lx7MOq_cardValue{color:var(--dsw-alias-state-warn-primary)}.Lx7MOq_toolbar{flex-wrap:wrap;flex:none;align-items:center;gap:8px 12px;padding:0 clamp(16px,3vw,32px) 12px;display:flex}.Lx7MOq_field{color:var(--dsw-alias-label-secondary);align-items:center;gap:6px;font-size:13px;line-height:20px;display:inline-flex}.Lx7MOq_select,.Lx7MOq_input{border:1px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-bg-layer-1);height:28px;color:var(--dsw-alias-label-primary);font:inherit;padding:0 8px;font-size:13px}.Lx7MOq_input{width:160px}.Lx7MOq_inputNumber{width:72px}.Lx7MOq_checkbox{accent-color:var(--dsw-alias-brand-primary)}.Lx7MOq_tableWrap{border:1px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-1);flex:1;min-height:0;margin:0 clamp(16px,3vw,32px);overflow:auto}.Lx7MOq_table{border-collapse:separate;border-spacing:0;width:100%;min-width:940px;font-size:13px;line-height:20px}.Lx7MOq_table th{z-index:1;border-bottom:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-tertiary);text-align:left;white-space:nowrap;padding:8px 10px;font-size:12px;font-weight:500;position:sticky;top:0}.Lx7MOq_thSortable{cursor:pointer;user-select:none}.Lx7MOq_thSortable:hover{color:var(--dsw-alias-label-primary)}.Lx7MOq_table td{border-bottom:1px solid var(--dsw-alias-border-l1);white-space:nowrap;font-variant-numeric:tabular-nums;padding:6px 10px}.Lx7MOq_table tbody tr:last-child td{border-bottom:none}.Lx7MOq_row{cursor:pointer}.Lx7MOq_row:hover td{background:var(--dsw-alias-interactive-bg-hover)}.Lx7MOq_rowOk td:first-child{box-shadow:inset 3px 0 0 var(--dsw-alias-border-l3)}.Lx7MOq_rowSlow td:first-child{box-shadow:inset 3px 0 0 var(--dsw-alias-state-warn-primary)}.Lx7MOq_rowFail td:first-child{box-shadow:inset 3px 0 0 var(--dsw-alias-state-error-primary)}.Lx7MOq_rowFail td:last-child,.Lx7MOq_rowSlow td:last-child{color:var(--dsw-alias-state-error-primary)}.Lx7MOq_group td{border-bottom:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);padding-top:12px;font-weight:500}.Lx7MOq_detail td{border-bottom:1px solid var(--dsw-alias-border-l1);white-space:normal;background:var(--dsw-alias-bg-layer-2);padding:12px 10px 16px}.Lx7MOq_detailGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px 24px;display:grid}.Lx7MOq_detailItem{gap:8px;min-width:0;font-size:13px;line-height:20px;display:flex}.Lx7MOq_detailLabel{color:var(--dsw-alias-label-tertiary);flex:none}.Lx7MOq_detailValue{overflow-wrap:anywhere;min-width:0;color:var(--dsw-alias-label-primary)}.Lx7MOq_mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.Lx7MOq_empty{text-align:center;color:var(--dsw-alias-label-tertiary);padding:48px 16px}.Lx7MOq_foot{color:var(--dsw-alias-label-tertiary);flex-wrap:wrap;flex:none;align-items:center;gap:12px;padding:12px clamp(16px,3vw,32px) 20px;font-size:12px;display:flex}.Lx7MOq_pager{align-items:center;gap:8px;margin-left:auto;display:flex}.Lx7MOq_notice{color:var(--dsw-alias-label-secondary);padding:0 clamp(16px,3vw,32px) 12px;font-size:13px;line-height:20px}.Lx7MOq_noticeError{color:var(--dsw-alias-state-error-primary)}";
+  style.textContent = ".Lx7MOq_page{box-sizing:border-box;background:var(--dsw-alias-bg-base);height:100%;min-height:0;color:var(--dsw-alias-label-primary);flex-direction:column;display:flex}.Lx7MOq_pageLoose{height:auto}.Lx7MOq_pageLoose .Lx7MOq_tableWrap{overflow:visible}.Lx7MOq_pageLoose .Lx7MOq_stuck{z-index:3;background:var(--dsw-alias-bg-base);position:sticky;top:0}.Lx7MOq_pageLoose .Lx7MOq_table th{top:var(--request-log-stuck,0px)}.Lx7MOq_pageLoose .Lx7MOq_foot{z-index:2;background:var(--dsw-alias-bg-base);position:sticky;bottom:0}.Lx7MOq_head{flex-wrap:wrap;flex:none;align-items:center;gap:12px;padding:20px clamp(16px,3vw,32px) 12px;display:flex}.Lx7MOq_headText{min-width:0}.Lx7MOq_title{margin:0;font-size:20px;font-weight:500;line-height:28px}.Lx7MOq_subtitle{color:var(--dsw-alias-label-secondary);margin:4px 0 0;font-size:13px;line-height:20px}.Lx7MOq_headActions{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.Lx7MOq_button{border:1px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-bg-layer-1);height:28px;color:var(--dsw-alias-label-primary);font:inherit;cursor:pointer;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:inline-flex}.Lx7MOq_button:hover:not(:disabled){background:var(--dsw-alias-interactive-bg-hover)}.Lx7MOq_button:disabled{cursor:default;opacity:.5}.Lx7MOq_summary{flex-wrap:wrap;flex:none;gap:8px;padding:0 clamp(16px,3vw,32px) 12px;display:flex}.Lx7MOq_card{border:1px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-1);flex-direction:column;gap:2px;min-width:104px;padding:8px 12px;display:flex}.Lx7MOq_cardLabel{color:var(--dsw-alias-label-tertiary);font-size:12px;line-height:16px}.Lx7MOq_cardValue{font-variant-numeric:tabular-nums;font-size:16px;font-weight:500;line-height:22px}.Lx7MOq_cardError .Lx7MOq_cardValue{color:var(--dsw-alias-state-error-primary)}.Lx7MOq_cardWarn .Lx7MOq_cardValue{color:var(--dsw-alias-state-warn-primary)}.Lx7MOq_toolbar{flex-wrap:wrap;flex:none;align-items:center;gap:8px 12px;padding:0 clamp(16px,3vw,32px) 12px;display:flex}.Lx7MOq_field{color:var(--dsw-alias-label-secondary);align-items:center;gap:6px;font-size:13px;line-height:20px;display:inline-flex}.Lx7MOq_select,.Lx7MOq_input{border:1px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-sm);background:var(--dsw-alias-bg-layer-1);height:28px;color:var(--dsw-alias-label-primary);font:inherit;padding:0 8px;font-size:13px}.Lx7MOq_input{width:160px}.Lx7MOq_inputNumber{width:72px}.Lx7MOq_checkbox{accent-color:var(--dsw-alias-brand-primary)}.Lx7MOq_tableWrap{border:1px solid var(--dsw-alias-border-l2);border-radius:var(--dsw-radius-md);background:var(--dsw-alias-bg-layer-1);flex:1;min-height:0;margin:0 clamp(16px,3vw,32px);overflow:auto}.Lx7MOq_table{border-collapse:separate;border-spacing:0;width:100%;min-width:940px;font-size:13px;line-height:20px}.Lx7MOq_table th{z-index:1;border-bottom:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-tertiary);text-align:left;white-space:nowrap;padding:8px 10px;font-size:12px;font-weight:500;position:sticky;top:0}.Lx7MOq_thSortable{cursor:pointer;user-select:none}.Lx7MOq_thSortable:hover{color:var(--dsw-alias-label-primary)}.Lx7MOq_table td{border-bottom:1px solid var(--dsw-alias-border-l1);white-space:nowrap;font-variant-numeric:tabular-nums;padding:6px 10px}.Lx7MOq_table tbody tr:last-child td{border-bottom:none}.Lx7MOq_row{cursor:pointer}.Lx7MOq_row:hover td{background:var(--dsw-alias-interactive-bg-hover)}.Lx7MOq_rowOk td:first-child{box-shadow:inset 3px 0 0 var(--dsw-alias-border-l3)}.Lx7MOq_rowSlow td:first-child{box-shadow:inset 3px 0 0 var(--dsw-alias-state-warn-primary)}.Lx7MOq_rowFail td:first-child{box-shadow:inset 3px 0 0 var(--dsw-alias-state-error-primary)}.Lx7MOq_rowFail td:last-child,.Lx7MOq_rowSlow td:last-child{color:var(--dsw-alias-state-error-primary)}.Lx7MOq_group td{border-bottom:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-secondary);padding-top:12px;font-weight:500}.Lx7MOq_detail td{border-bottom:1px solid var(--dsw-alias-border-l1);white-space:normal;background:var(--dsw-alias-bg-layer-2);padding:12px 10px 16px}.Lx7MOq_detailGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px 24px;display:grid}.Lx7MOq_detailItem{gap:8px;min-width:0;font-size:13px;line-height:20px;display:flex}.Lx7MOq_detailLabel{color:var(--dsw-alias-label-tertiary);flex:none}.Lx7MOq_detailValue{overflow-wrap:anywhere;min-width:0;color:var(--dsw-alias-label-primary)}.Lx7MOq_mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.Lx7MOq_empty{text-align:center;color:var(--dsw-alias-label-tertiary);padding:48px 16px}.Lx7MOq_foot{color:var(--dsw-alias-label-tertiary);flex-wrap:wrap;flex:none;align-items:center;gap:12px;padding:12px clamp(16px,3vw,32px) 20px;font-size:12px;display:flex}.Lx7MOq_pager{align-items:center;gap:8px;margin-left:auto;display:flex}.Lx7MOq_notice{color:var(--dsw-alias-label-secondary);padding:0 clamp(16px,3vw,32px) 12px;font-size:13px;line-height:20px}.Lx7MOq_noticeError{color:var(--dsw-alias-state-error-primary)}";
   document.head.appendChild(style);
 }
-var request_log_default = { "button": "Lx7MOq_button", "card": "Lx7MOq_card", "cardError": "Lx7MOq_cardError", "cardLabel": "Lx7MOq_cardLabel", "cardValue": "Lx7MOq_cardValue", "cardWarn": "Lx7MOq_cardWarn", "checkbox": "Lx7MOq_checkbox", "detail": "Lx7MOq_detail", "detailGrid": "Lx7MOq_detailGrid", "detailItem": "Lx7MOq_detailItem", "detailLabel": "Lx7MOq_detailLabel", "detailValue": "Lx7MOq_detailValue", "empty": "Lx7MOq_empty", "field": "Lx7MOq_field", "foot": "Lx7MOq_foot", "group": "Lx7MOq_group", "head": "Lx7MOq_head", "headActions": "Lx7MOq_headActions", "headText": "Lx7MOq_headText", "input": "Lx7MOq_input", "inputNumber": "Lx7MOq_inputNumber", "mono": "Lx7MOq_mono", "notice": "Lx7MOq_notice", "noticeError": "Lx7MOq_noticeError", "page": "Lx7MOq_page", "pageLoose": "Lx7MOq_pageLoose", "pager": "Lx7MOq_pager", "row": "Lx7MOq_row", "rowFail": "Lx7MOq_rowFail", "rowOk": "Lx7MOq_rowOk", "rowSlow": "Lx7MOq_rowSlow", "select": "Lx7MOq_select", "subtitle": "Lx7MOq_subtitle", "summary": "Lx7MOq_summary", "table": "Lx7MOq_table", "tableWrap": "Lx7MOq_tableWrap", "thSortable": "Lx7MOq_thSortable", "title": "Lx7MOq_title", "toolbar": "Lx7MOq_toolbar" };
+var request_log_default = { "button": "Lx7MOq_button", "card": "Lx7MOq_card", "cardError": "Lx7MOq_cardError", "cardLabel": "Lx7MOq_cardLabel", "cardValue": "Lx7MOq_cardValue", "cardWarn": "Lx7MOq_cardWarn", "checkbox": "Lx7MOq_checkbox", "detail": "Lx7MOq_detail", "detailGrid": "Lx7MOq_detailGrid", "detailItem": "Lx7MOq_detailItem", "detailLabel": "Lx7MOq_detailLabel", "detailValue": "Lx7MOq_detailValue", "empty": "Lx7MOq_empty", "field": "Lx7MOq_field", "foot": "Lx7MOq_foot", "group": "Lx7MOq_group", "head": "Lx7MOq_head", "headActions": "Lx7MOq_headActions", "headText": "Lx7MOq_headText", "input": "Lx7MOq_input", "inputNumber": "Lx7MOq_inputNumber", "mono": "Lx7MOq_mono", "notice": "Lx7MOq_notice", "noticeError": "Lx7MOq_noticeError", "page": "Lx7MOq_page", "pageLoose": "Lx7MOq_pageLoose", "pager": "Lx7MOq_pager", "row": "Lx7MOq_row", "rowFail": "Lx7MOq_rowFail", "rowOk": "Lx7MOq_rowOk", "rowSlow": "Lx7MOq_rowSlow", "select": "Lx7MOq_select", "stuck": "Lx7MOq_stuck", "subtitle": "Lx7MOq_subtitle", "summary": "Lx7MOq_summary", "table": "Lx7MOq_table", "tableWrap": "Lx7MOq_tableWrap", "thSortable": "Lx7MOq_thSortable", "title": "Lx7MOq_title", "toolbar": "Lx7MOq_toolbar" };
 
 // src/client/RequestLogPage.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
@@ -2099,6 +2128,16 @@ function duration(value) {
 function rate2(value) {
   return value === void 0 ? "\u2014" : value.toFixed(1);
 }
+function cost(value) {
+  if (value === void 0) return "\u2014";
+  return `$${value.toFixed(value < 0.01 ? 6 : 4)}`;
+}
+function bytes(value) {
+  if (value === void 0) return "\u2014";
+  if (value < 1024) return `${value} B`;
+  if (value < 1024 * 1024) return `${(value / 1024).toFixed(1)} KB`;
+  return `${(value / (1024 * 1024)).toFixed(2)} MB`;
+}
 function cacheRate(entry) {
   if (entry.inputTokens === void 0) return void 0;
   const cached = entry.cacheReadTokens ?? 0;
@@ -2126,7 +2165,7 @@ function groupKey(entry, groupBy) {
       return void 0;
   }
 }
-function RequestLogPage({ readLog, enabled, t, getLocale, sessionId }) {
+function RequestLogPage({ readLog, enabled, t, getLocale, sessionId, useSessions }) {
   const [snapshot, setSnapshot] = (0, import_react2.useState)(void 0);
   const [failure, setFailure] = (0, import_react2.useState)(void 0);
   const [refreshing, setRefreshing] = (0, import_react2.useState)(false);
@@ -2141,6 +2180,27 @@ function RequestLogPage({ readLog, enabled, t, getLocale, sessionId }) {
   const [sortKey, setSortKey] = (0, import_react2.useState)("atMs");
   const [sortDir, setSortDir] = (0, import_react2.useState)("desc");
   const [onlySession, setOnlySession] = (0, import_react2.useState)(sessionId !== void 0);
+  const stuckRef = (0, import_react2.useRef)(null);
+  const [stuckTop, setStuckTop] = (0, import_react2.useState)(0);
+  (0, import_react2.useEffect)(() => {
+    const element = stuckRef.current;
+    if (element === null) return;
+    const measure = () => {
+      setStuckTop(element.getBoundingClientRect().height);
+    };
+    measure();
+    if (typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(measure);
+    observer.observe(element);
+    return () => {
+      observer.disconnect();
+    };
+  }, []);
+  const catalog = useSessions?.((state) => state);
+  const sessionLabel = (0, import_react2.useCallback)((id4) => {
+    const title = catalog?.byId[id4]?.title?.trim();
+    return title === void 0 || title === "" ? { text: id4 === "" ? "\u2014" : id4, titled: false } : { text: title, titled: true };
+  }, [catalog]);
   const toggleSort = (key) => {
     if (key === sortKey) {
       setSortDir(sortDir === "asc" ? "desc" : "asc");
@@ -2179,10 +2239,13 @@ function RequestLogPage({ readLog, enabled, t, getLocale, sessionId }) {
       if (result === "fail" && entry.ok) return false;
       if (slowOnly && (entry.durationMs ?? 0) < Math.max(0, slowSeconds) * 1e3) return false;
       if (onlySession && sessionId !== void 0 && entry.session !== sessionId) return false;
-      if (query !== "" && !entry.session.includes(query)) return false;
+      if (query !== "") {
+        const label = sessionLabel(entry.session);
+        if (!entry.session.includes(query) && !(label.titled && label.text.includes(query))) return false;
+      }
       return true;
     });
-  }, [snapshot, model, result, slowOnly, slowSeconds, sessionQuery, onlySession, sessionId]);
+  }, [snapshot, model, result, slowOnly, slowSeconds, sessionQuery, onlySession, sessionId, sessionLabel]);
   const pages = Math.max(1, Math.ceil(filtered.length / PAGE_SIZE));
   const safePage = Math.min(page, pages - 1);
   const sorted = (0, import_react2.useMemo)(() => {
@@ -2205,9 +2268,9 @@ function RequestLogPage({ readLog, enabled, t, getLocale, sessionId }) {
     return value === void 0 ? [] : [value];
   }));
   const reuse = snapshot !== void 0 && snapshot.totalRecords > 0 ? Math.max(0, Math.min(1, 1 - snapshot.newConnections / snapshot.totalRecords)) : void 0;
-  const head = (key, label) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("th", { className: request_log_default.thSortable, onClick: () => {
+  const head = (key, label, hint) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("th", { className: request_log_default.thSortable, onClick: () => {
     toggleSort(key);
-  }, children: [
+  }, title: hint, children: [
     label,
     sortKey === key ? sortDir === "asc" ? " \u25B2" : " \u25BC" : ""
   ] });
@@ -2219,10 +2282,11 @@ function RequestLogPage({ readLog, enabled, t, getLocale, sessionId }) {
       if (group !== void 0 && group !== lastGroup) {
         lastGroup = group;
         out.push(
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tr", { className: request_log_default.group, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { colSpan: 11, children: group }) }, `group-${group}-${entry.seq}`)
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tr", { className: request_log_default.group, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { colSpan: 11, children: groupBy === "session" ? sessionLabel(group).text : group }) }, `group-${group}-${entry.seq}`)
         );
       }
       const state = !entry.ok ? "rowFail" : entry.tps !== void 0 && entry.tps < 5 ? "rowSlow" : "rowOk";
+      const session = sessionLabel(entry.session);
       out.push(
         /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
           "tr",
@@ -2234,7 +2298,7 @@ function RequestLogPage({ readLog, enabled, t, getLocale, sessionId }) {
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { children: new Date(entry.atMs).toLocaleTimeString(getLocale(), { hour12: false }) }),
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { className: request_log_default.mono, children: entry.model }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { className: request_log_default.mono, children: entry.session === "" ? "\u2014" : entry.session }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { title: session.titled ? entry.session : void 0, className: session.titled ? void 0 : request_log_default.mono, children: session.text }),
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { children: count2(entry.inputTokens) }),
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { children: count2(entry.outputTokens) }),
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { children: count2(entry.cacheReadTokens) }),
@@ -2255,13 +2319,28 @@ function RequestLogPage({ readLog, enabled, t, getLocale, sessionId }) {
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.detailLabel, children: t("requestLogDetailMethod") }),
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: `${request_log_default.detailValue} ${request_log_default.mono}`, children: entry.method })
             ] }),
+            entry.protocol !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.detailItem, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.detailLabel, children: t("requestLogDetailProtocol") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: `${request_log_default.detailValue} ${request_log_default.mono}`, children: entry.protocol })
+            ] }),
             /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.detailItem, children: [
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.detailLabel, children: t("requestLogDetailUrl") }),
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: `${request_log_default.detailValue} ${request_log_default.mono}`, children: entry.url })
             ] }),
+            entry.requestBytes !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.detailItem, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.detailLabel, children: t("requestLogDetailRequestBytes") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.detailValue, children: bytes(entry.requestBytes) })
+            ] }),
             /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.detailItem, children: [
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.detailLabel, children: t("requestLogDetailSession") }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: `${request_log_default.detailValue} ${request_log_default.mono}`, children: entry.session === "" ? "\u2014" : entry.session })
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "span",
+                {
+                  className: `${request_log_default.detailValue} ${session.titled ? "" : request_log_default.mono}`,
+                  title: session.titled ? entry.session : void 0,
+                  children: session.titled ? `${session.text} \xB7 ${entry.session}` : session.text
+                }
+              )
             ] }),
             entry.poolKey !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.detailItem, children: [
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.detailLabel, children: t("requestLogDetailPool") }),
@@ -2281,7 +2360,15 @@ function RequestLogPage({ readLog, enabled, t, getLocale, sessionId }) {
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.detailItem, children: [
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.detailLabel, children: t("requestLogDetailTokens") }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.detailValue, children: `${count2(entry.inputTokens)} / ${count2(entry.outputTokens)} / ${count2(entry.cacheReadTokens)}` })
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: request_log_default.detailValue, children: [
+                `${count2(entry.inputTokens)} / ${count2(entry.outputTokens)} / ${count2(entry.cacheReadTokens)}`,
+                entry.cacheWriteTokens !== void 0 && ` \xB7 ${t("requestLogDetailCacheWrite")} ${count2(entry.cacheWriteTokens)}`,
+                entry.reasoningTokens !== void 0 && ` \xB7 ${t("requestLogDetailReasoning")} ${count2(entry.reasoningTokens)}`
+              ] })
+            ] }),
+            entry.costUsd !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.detailItem, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.detailLabel, children: t("requestLogDetailCost") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.detailValue, children: cost(entry.costUsd) })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.detailItem, children: [
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.detailLabel, children: t("requestLogColCacheRate") }),
@@ -2291,6 +2378,10 @@ function RequestLogPage({ readLog, enabled, t, getLocale, sessionId }) {
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.detailLabel, children: t("requestLogColTps") }),
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.detailValue, children: rate2(entry.tps) })
             ] }),
+            entry.streamMs !== void 0 && entry.tps === void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.detailItem, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.detailLabel, children: t("requestLogColStream") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.detailValue, children: duration(entry.streamMs) })
+            ] }),
             !entry.ok && entry.code !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.detailItem, children: [
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.detailLabel, children: t("requestLogDetailError") }),
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.detailValue, children: entry.code })
@@ -2301,201 +2392,213 @@ function RequestLogPage({ readLog, enabled, t, getLocale, sessionId }) {
     }
     return out;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: sessionId === void 0 ? request_log_default.page : `${request_log_default.page} ${request_log_default.pageLoose}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.head, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.headText, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", { className: request_log_default.title, children: t("requestLogTitle") }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: request_log_default.subtitle, children: t("requestLogPageHint") })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: request_log_default.headActions, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { type: "button", className: request_log_default.button, onClick: () => {
-        void load();
-      }, disabled: refreshing, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives.IconRefreshOutlineRegular, { size: 13 }),
-        t("requestLogRefresh")
-      ] }) })
-    ] }),
-    !enabled() && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: request_log_default.notice, children: t("requestLogDisabled") }),
-    failure !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: `${request_log_default.notice} ${request_log_default.noticeError}`, children: failure }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.summary, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.card, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardLabel, children: t("requestLogStatRequests") }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardValue, children: filtered.length.toLocaleString(getLocale()) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: `${request_log_default.card} ${failures > 0 ? request_log_default.cardError : ""}`, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardLabel, children: t("requestLogStatFailures") }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardValue, children: failures.toLocaleString(getLocale()) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.card, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardLabel, children: t("requestLogStatLatency") }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardValue, children: duration(meanLatency) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.card, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardLabel, children: t("requestLogStatFirstToken") }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardValue, children: duration(meanFirstToken) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.card, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardLabel, children: t("requestLogStatTps") }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardValue, children: rate2(meanTps) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.card, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardLabel, children: t("requestLogStatCacheRate") }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardValue, children: percent(meanCacheRate) })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.card, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardLabel, children: t("requestLogReuse") }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardValue, children: reuse === void 0 ? "\u2014" : `${(reuse * 100).toFixed(0)}%` })
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.toolbar, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: request_log_default.field, children: [
-        t("requestLogFilterModel"),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-          "select",
-          {
-            className: request_log_default.select,
-            value: model,
-            onChange: (event) => {
-              setModel(event.target.value);
-              setPage(0);
-            },
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "all", children: t("requestLogFilterModelAll") }),
-              models.map((id4) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: id4, children: id4 }, id4))
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: request_log_default.field, children: [
-        t("requestLogFilterResult"),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-          "select",
-          {
-            className: request_log_default.select,
-            value: result,
-            onChange: (event) => {
-              setResult(event.target.value);
-              setPage(0);
-            },
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "all", children: t("requestLogResultAll") }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "ok", children: t("requestLogResultOk") }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "fail", children: t("requestLogResultFail") })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: request_log_default.field, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "input",
-          {
-            className: request_log_default.checkbox,
-            type: "checkbox",
-            checked: slowOnly,
-            onChange: (event) => {
-              setSlowOnly(event.target.checked);
-              setPage(0);
-            }
-          }
-        ),
-        t("requestLogSlowOnly"),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "input",
-          {
-            className: `${request_log_default.input} ${request_log_default.inputNumber}`,
-            type: "number",
-            min: 1,
-            value: slowSeconds,
-            disabled: !slowOnly,
-            "aria-label": t("requestLogSlowSeconds"),
-            onChange: (event) => {
-              setSlowSeconds(Number(event.target.value));
-              setPage(0);
-            }
-          }
-        ),
-        t("requestLogSlowSeconds")
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: request_log_default.field, children: [
-        t("requestLogFilterSession"),
-        sessionId !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-            "input",
-            {
-              className: request_log_default.checkbox,
-              type: "checkbox",
-              checked: onlySession,
-              onChange: (event) => {
-                setOnlySession(event.target.checked);
-                setPage(0);
-              }
-            }
-          ),
-          t("requestLogOnlySession")
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+    "div",
+    {
+      className: sessionId === void 0 ? request_log_default.page : `${request_log_default.page} ${request_log_default.pageLoose}`,
+      style: { "--request-log-stuck": `${stuckTop}px` },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.stuck, ref: stuckRef, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.head, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.headText, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h1", { className: request_log_default.title, children: t("requestLogTitle") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: request_log_default.subtitle, children: t("requestLogPageHint") })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: request_log_default.headActions, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("button", { type: "button", className: request_log_default.button, onClick: () => {
+              void load();
+            }, disabled: refreshing, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_dsh_client_ui_primitives.IconRefreshOutlineRegular, { size: 13 }),
+              t("requestLogRefresh")
+            ] }) })
+          ] }),
+          !enabled() && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: request_log_default.notice, children: t("requestLogDisabled") }),
+          failure !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: `${request_log_default.notice} ${request_log_default.noticeError}`, children: failure }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.summary, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.card, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardLabel, children: t("requestLogStatRequests") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardValue, children: filtered.length.toLocaleString(getLocale()) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: `${request_log_default.card} ${failures > 0 ? request_log_default.cardError : ""}`, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardLabel, children: t("requestLogStatFailures") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardValue, children: failures.toLocaleString(getLocale()) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.card, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardLabel, children: t("requestLogStatLatency") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardValue, children: duration(meanLatency) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.card, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardLabel, children: t("requestLogStatFirstToken") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardValue, children: duration(meanFirstToken) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.card, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardLabel, children: t("requestLogStatTps") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardValue, children: rate2(meanTps) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.card, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardLabel, children: t("requestLogStatCacheRate") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardValue, children: percent(meanCacheRate) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.card, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardLabel, children: t("requestLogReuse") }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: request_log_default.cardValue, children: reuse === void 0 ? "\u2014" : `${(reuse * 100).toFixed(0)}%` })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.toolbar, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: request_log_default.field, children: [
+              t("requestLogFilterModel"),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                "select",
+                {
+                  className: request_log_default.select,
+                  value: model,
+                  onChange: (event) => {
+                    setModel(event.target.value);
+                    setPage(0);
+                  },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "all", children: t("requestLogFilterModelAll") }),
+                    models.map((id4) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: id4, children: id4 }, id4))
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: request_log_default.field, children: [
+              t("requestLogFilterResult"),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                "select",
+                {
+                  className: request_log_default.select,
+                  value: result,
+                  onChange: (event) => {
+                    setResult(event.target.value);
+                    setPage(0);
+                  },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "all", children: t("requestLogResultAll") }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "ok", children: t("requestLogResultOk") }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "fail", children: t("requestLogResultFail") })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: request_log_default.field, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "input",
+                {
+                  className: request_log_default.checkbox,
+                  type: "checkbox",
+                  checked: slowOnly,
+                  onChange: (event) => {
+                    setSlowOnly(event.target.checked);
+                    setPage(0);
+                  }
+                }
+              ),
+              t("requestLogSlowOnly"),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "input",
+                {
+                  className: `${request_log_default.input} ${request_log_default.inputNumber}`,
+                  type: "number",
+                  min: 1,
+                  value: slowSeconds,
+                  disabled: !slowOnly,
+                  "aria-label": t("requestLogSlowSeconds"),
+                  onChange: (event) => {
+                    setSlowSeconds(Number(event.target.value));
+                    setPage(0);
+                  }
+                }
+              ),
+              t("requestLogSlowSeconds")
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: request_log_default.field, children: [
+              t("requestLogFilterSession"),
+              sessionId !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  "input",
+                  {
+                    className: request_log_default.checkbox,
+                    type: "checkbox",
+                    checked: onlySession,
+                    onChange: (event) => {
+                      setOnlySession(event.target.checked);
+                      setPage(0);
+                    }
+                  }
+                ),
+                t("requestLogOnlySession")
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "input",
+                {
+                  className: request_log_default.input,
+                  type: "search",
+                  value: sessionQuery,
+                  disabled: onlySession,
+                  onChange: (event) => {
+                    setSessionQuery(event.target.value);
+                    setPage(0);
+                  }
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: request_log_default.field, children: [
+              t("requestLogGroupBy"),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                "select",
+                {
+                  className: request_log_default.select,
+                  value: groupBy,
+                  onChange: (event) => {
+                    setGroupBy(event.target.value);
+                    setPage(0);
+                  },
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "none", children: t("requestLogGroupNone") }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "session", children: t("requestLogGroupSession") }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "model", children: t("requestLogGroupModel") }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "result", children: t("requestLogGroupResult") })
+                  ]
+                }
+              )
+            ] })
+          ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          "input",
-          {
-            className: request_log_default.input,
-            type: "search",
-            value: sessionQuery,
-            disabled: onlySession,
-            onChange: (event) => {
-              setSessionQuery(event.target.value);
-              setPage(0);
-            }
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { className: request_log_default.field, children: [
-        t("requestLogGroupBy"),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-          "select",
-          {
-            className: request_log_default.select,
-            value: groupBy,
-            onChange: (event) => {
-              setGroupBy(event.target.value);
-              setPage(0);
-            },
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "none", children: t("requestLogGroupNone") }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "session", children: t("requestLogGroupSession") }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "model", children: t("requestLogGroupModel") }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: "result", children: t("requestLogGroupResult") })
-            ]
-          }
-        )
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: request_log_default.tableWrap, children: filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: request_log_default.empty, children: t("requestLogEmpty") }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("table", { className: request_log_default.table, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tr", { children: [
-        head("atMs", t("requestLogColTime")),
-        head("model", t("requestLogColModel")),
-        head("session", t("requestLogColSession")),
-        head("inputTokens", t("requestLogColIn")),
-        head("outputTokens", t("requestLogColOut")),
-        head("cacheReadTokens", t("requestLogColCache")),
-        head("cacheRate", t("requestLogColCacheRate")),
-        head("tps", t("requestLogColTps")),
-        head("firstTokenMs", t("requestLogColFirstToken")),
-        head("durationMs", t("requestLogColLatency")),
-        head("status", t("requestLogColStatus"))
-      ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tbody", { children: rows() })
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.foot, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: `${filtered.length.toLocaleString(getLocale())} / ${(snapshot?.totalRecords ?? 0).toLocaleString(getLocale())} ${t("requestLogStatRequests")}` }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.pager, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: request_log_default.button, disabled: safePage <= 0, onClick: () => {
-          setPage(safePage - 1);
-        }, children: t("requestLogPagePrev") }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: `${safePage + 1} ${t("requestLogPageOf")} ${pages}` }),
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: request_log_default.button, disabled: safePage >= pages - 1, onClick: () => {
-          setPage(safePage + 1);
-        }, children: t("requestLogPageNext") })
-      ] })
-    ] })
-  ] });
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: request_log_default.tableWrap, children: filtered.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: request_log_default.empty, children: t("requestLogEmpty") }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("table", { className: request_log_default.table, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tr", { children: [
+            head("atMs", t("requestLogColTime")),
+            head("model", t("requestLogColModel")),
+            head("session", t("requestLogColSession")),
+            head("inputTokens", t("requestLogColIn"), t("requestLogColInHint")),
+            head("outputTokens", t("requestLogColOut"), t("requestLogColOutHint")),
+            head("cacheReadTokens", t("requestLogColCache"), t("requestLogColCacheHint")),
+            head("cacheRate", t("requestLogColCacheRate")),
+            head("tps", t("requestLogColTps")),
+            head("firstTokenMs", t("requestLogColFirstToken")),
+            head("durationMs", t("requestLogColLatency")),
+            head("status", t("requestLogColStatus"))
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tbody", { children: rows() })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.foot, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { children: [
+            `${t("requestLogStatRequests")}: ${filtered.length.toLocaleString(getLocale())}`,
+            filtered.length !== (snapshot?.totalRecords ?? 0) ? ` (${t("requestLogOfTotal")} ${(snapshot?.totalRecords ?? 0).toLocaleString(getLocale())})` : ""
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: request_log_default.pager, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: request_log_default.button, disabled: safePage <= 0, onClick: () => {
+              setPage(safePage - 1);
+            }, children: t("requestLogPagePrev") }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: `${safePage + 1} ${t("requestLogPageOf")} ${pages}` }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("button", { type: "button", className: request_log_default.button, disabled: safePage >= pages - 1, onClick: () => {
+              setPage(safePage + 1);
+            }, children: t("requestLogPageNext") })
+          ] })
+        ] })
+      ]
+    }
+  );
 }
 
 // src/client/RequestLogPanelIcon.tsx

package/lib/index.js

@@ -75757,9 +75757,11 @@ var fields = {
     maxTokens: Schema.union([Schema.const(null), Schema.number().step(1).min(1).max(Number.MAX_SAFE_INTEGER)])
   })])).default({}),
   modelProtocols: Schema.dict(Schema.string()).default({}),
-  // Off by default: the request path must read exactly as it does without
-  // the log, so the recorder is constructed only when this is true.
-  requestLogEnabled: Schema.boolean().default(false),
+  // On by default: recording costs one call and one boolean per request
+  // plus a bounded ring, and buys a per-request trail whenever something
+  // looks wrong. Off returns the request path to exactly as without the
+  // log, because the recorder is never constructed then.
+  requestLogEnabled: Schema.boolean().default(true),
   requestLogDebug: Schema.boolean().default(false),
   requestLogMaxEntries: Schema.number().step(1).min(MIN_REQUEST_LOG_MAX_ENTRIES).max(MAX_REQUEST_LOG_MAX_ENTRIES).default(DEFAULT_REQUEST_LOG_MAX_ENTRIES),
   pinnedAddresses: Schema.dict(Schema.string()).default({}),
@@ -76520,6 +76522,10 @@ function spendOf(usage, rates2) {
   const cacheWrite = usage.cacheWriteTokens ?? 0;
   return (usage.inputTokens * rates2.input + usage.outputTokens * rates2.output + cacheRead * (rates2.cacheRead ?? fallback) + cacheWrite * (rates2.cacheWrite ?? fallback)) / 1e6;
 }
+function costOf(usage, rates2) {
+  if (rates2 === void 0) return void 0;
+  return spendOf(usage, rates2);
+}
 function add(totals, usage) {
   const inputTokens = totals.inputTokens + usage.inputTokens;
   const outputTokens = totals.outputTokens + usage.outputTokens;
@@ -76598,6 +76604,12 @@ function requestUrl(input) {
   if (input instanceof URL) return input.toString();
   return input.url;
 }
+function bodyBytes(body) {
+  if (typeof body === "string") return Buffer.byteLength(body);
+  if (body instanceof ArrayBuffer) return body.byteLength;
+  if (ArrayBuffer.isView(body)) return body.byteLength;
+  return void 0;
+}
 async function* observingTerminalUsage(events, observe) {
   for await (const event of events) {
     if (event.type === "done") observe(event.message.usage);
@@ -76771,6 +76783,7 @@ var OpencodeGoAdapter = class extends LlmAdapter {
       const span = this.options.requestLog?.start({
         model: options.model,
         sessionId: options.sessionId === void 0 ? void 0 : String(options.sessionId),
+        protocol: facts.api,
         method: "POST",
         url: config.baseURL,
         messageCount: options.messages.length,
@@ -76786,7 +76799,7 @@ var OpencodeGoAdapter = class extends LlmAdapter {
         const base = fetchFactory();
         return (async (input, init) => {
           const response = await base(input, init);
-          span.request(typeof init?.method === "string" ? init.method : "POST", requestUrl(input));
+          span.request(typeof init?.method === "string" ? init.method : "POST", requestUrl(input), bodyBytes(init?.body));
           span.status(response.status);
           return response;
         });
@@ -76850,7 +76863,7 @@ var OpencodeGoAdapter = class extends LlmAdapter {
               exhausted = true;
               return;
             }
-            if (span !== void 0 && isTokenDelta(result.value)) span.firstToken();
+            if (span !== void 0 && isTokenDelta(result.value)) span.token();
             if (result.value.type === "usage") {
               pendingUsage = result.value.usage;
               this.options.onUsage?.({
@@ -76866,14 +76879,18 @@ var OpencodeGoAdapter = class extends LlmAdapter {
             } else if (result.value.type === "finish") {
               const reason = result.value.reason;
               const ok = reason.kind === "stop" || reason.kind === "tool-calls" || reason.kind === "max-tokens";
+              const usage = pendingUsage === void 0 ? void 0 : {
+                inputTokens: pendingUsage.inputTokens,
+                outputTokens: pendingUsage.outputTokens,
+                ...pendingUsage.cacheReadTokens === void 0 ? {} : { cacheReadTokens: pendingUsage.cacheReadTokens },
+                ...pendingUsage.cacheWriteTokens === void 0 ? {} : { cacheWriteTokens: pendingUsage.cacheWriteTokens },
+                ...reportedReasoning === void 0 || reportedReasoning <= 0 ? {} : { reasoningTokens: reportedReasoning }
+              };
               span?.finish(
                 ok,
                 ok ? void 0 : reason.failure?.code,
-                pendingUsage === void 0 ? void 0 : {
-                  inputTokens: pendingUsage.inputTokens,
-                  outputTokens: pendingUsage.outputTokens,
-                  ...pendingUsage.cacheReadTokens === void 0 ? {} : { cacheReadTokens: pendingUsage.cacheReadTokens }
-                }
+                usage,
+                usage === void 0 ? void 0 : costOf(usage, rates2)
               );
             }
             yield result.value;
@@ -77109,10 +77126,14 @@ function parseEntry(value) {
   const row = value;
   const shape = row["shape"];
   const headers = row["headers"];
+  const protocol = row["protocol"];
   return {
     seq: count("seq", row),
     atMs: count("atMs", row),
     model: text("model", row),
+    // Older rows predate the protocol recording; they read without one
+    // rather than failing the whole snapshot.
+    ...protocol === "anthropic-messages" || protocol === "openai-completions" || protocol === "openai-responses" ? { protocol } : {},
     session: text("session", row),
     method: text("method", row),
     url: text("url", row),
@@ -77120,9 +77141,14 @@ function parseEntry(value) {
     ...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["cacheWriteTokens"] === void 0 ? {} : { cacheWriteTokens: count("cacheWriteTokens", row) },
+    ...row["reasoningTokens"] === void 0 ? {} : { reasoningTokens: count("reasoningTokens", row) },
+    ...row["costUsd"] === void 0 ? {} : { costUsd: rate("costUsd", row) },
+    ...row["requestBytes"] === void 0 ? {} : { requestBytes: count("requestBytes", row) },
     ...row["durationMs"] === void 0 ? {} : { durationMs: count("durationMs", row) },
     ...row["firstTokenMs"] === void 0 ? {} : { firstTokenMs: count("firstTokenMs", row) },
     ...row["decodeMs"] === void 0 ? {} : { decodeMs: count("decodeMs", row) },
+    ...row["streamMs"] === void 0 ? {} : { streamMs: count("streamMs", row) },
     ...row["tps"] === void 0 ? {} : { tps: rate("tps", row) },
     ok: row["ok"] === true,
     ...typeof row["code"] === "string" ? { code: row["code"] } : {},
@@ -77666,6 +77692,7 @@ var OpencodeGoRequestLogService = class extends TypertRemoteService3 {
 
 // src/request-log/store.ts
 var MAX_POOL_EVENTS = 20;
+var MIN_STREAM_MS_FOR_RATE = 100;
 var RequestLog = class {
   gates;
   entries = [];
@@ -77707,33 +77734,40 @@ var RequestLog = class {
     const startedAt = Date.now();
     const session = detail.sessionId ?? "";
     let firstTokenAt;
+    let lastTokenAt;
     let method;
     let url;
+    let requestBytes;
     let status;
     let finished = false;
     return {
-      firstToken: () => {
-        if (firstTokenAt === void 0) firstTokenAt = Date.now();
+      token: () => {
+        const now = Date.now();
+        if (firstTokenAt === void 0) firstTokenAt = now;
+        lastTokenAt = now;
       },
-      request: (nextMethod, nextUrl) => {
+      request: (nextMethod, nextUrl, nextRequestBytes) => {
         if (method === void 0) {
           method = nextMethod;
           url = nextUrl;
+          requestBytes = nextRequestBytes;
         }
       },
       status: (value) => {
         status = value;
       },
-      finish: (ok, code, usage) => {
+      finish: (ok, code, usage, costUsd) => {
         if (finished) return;
         finished = true;
         const endedAt = Date.now();
         const decodeMs = firstTokenAt === void 0 ? void 0 : Math.max(0, endedAt - firstTokenAt);
-        const tps = decodeMs === void 0 || decodeMs <= 0 || usage === void 0 ? void 0 : usage.outputTokens / (decodeMs / 1e3);
+        const streamMs = firstTokenAt === void 0 || lastTokenAt === void 0 ? void 0 : Math.max(0, lastTokenAt - firstTokenAt);
+        const tps = decodeMs === void 0 || decodeMs <= 0 || usage === void 0 || streamMs === void 0 || streamMs < MIN_STREAM_MS_FOR_RATE ? void 0 : usage.outputTokens / (decodeMs / 1e3);
         const entry = {
           seq: ++this.seq,
           atMs: startedAt,
           model: detail.model,
+          ...detail.protocol === void 0 ? {} : { protocol: detail.protocol },
           session,
           method: method ?? detail.method ?? "POST",
           url: url ?? detail.url ?? "",
@@ -77741,11 +77775,16 @@ var RequestLog = class {
           ...usage === void 0 ? {} : {
             inputTokens: usage.inputTokens,
             outputTokens: usage.outputTokens,
-            ...usage.cacheReadTokens === void 0 || usage.cacheReadTokens <= 0 ? {} : { cacheReadTokens: usage.cacheReadTokens }
+            ...usage.cacheReadTokens === void 0 || usage.cacheReadTokens <= 0 ? {} : { cacheReadTokens: usage.cacheReadTokens },
+            ...usage.cacheWriteTokens === void 0 || usage.cacheWriteTokens <= 0 ? {} : { cacheWriteTokens: usage.cacheWriteTokens },
+            ...usage.reasoningTokens === void 0 || usage.reasoningTokens <= 0 ? {} : { reasoningTokens: usage.reasoningTokens }
           },
+          ...costUsd === void 0 ? {} : { costUsd },
+          ...requestBytes === void 0 ? {} : { requestBytes },
           durationMs: Math.max(0, endedAt - startedAt),
           ...firstTokenAt === void 0 ? {} : { firstTokenMs: Math.max(0, firstTokenAt - startedAt) },
           ...decodeMs === void 0 ? {} : { decodeMs },
+          ...streamMs === void 0 ? {} : { streamMs },
           ...tps === void 0 ? {} : { tps },
           ok,
           ...code === void 0 ? {} : { code },
@@ -77886,7 +77925,7 @@ function createUpdateChecker(deps) {
 }
 
 // src/update/version.ts
-var PLUGIN_VERSION = true ? "0.1.66" : "0.0.0-dev";
+var PLUGIN_VERSION = true ? "0.1.68" : "0.0.0-dev";
 
 // src/update/service.ts
 import { TypertRemoteService as TypertRemoteService4 } from "@deepseek-ai/dsh-typert-protocol";

package/lib/types/config.d.ts

@@ -76,9 +76,10 @@ export interface OpencodeGoConfig {
      */
     modelProtocols: Record<string, string>;
     /**
-     * Whether the per-request log records anything at all. Off by default: a
-     * disabled log changes nothing on the request path — not one extra
-     * allocation — because the recorder is never constructed.
+     * Whether the request log records anything at all. On by default: one
+     * call and one boolean per request, plus a bounded ring. Off returns the
+     * request path to exactly as without the log — the recorder is never
+     * constructed.
      */
     requestLogEnabled: boolean;
     /**

package/lib/types/request-log/store.d.ts

@@ -19,6 +19,7 @@
  *
  * @module @dan-ai-studio/dshopencodego/request-log/store
  */
+import type { WireProtocol } from '../catalog/protocol.ts';
 /** One recorded request. Counts are provider-reported; timings are Host-measured. */
 export interface RequestLogEntry {
     /** Monotonic sequence within this process; gaps mean nothing was recorded. */
@@ -27,6 +28,11 @@ export interface RequestLogEntry {
     readonly atMs: number;
     /** The model id the request was made with. */
     readonly model: string;
+    /**
+     * The wire protocol the request ran on, as the catalog resolved it.
+     * Present from the build that records it; older rows simply lack it.
+     */
+    readonly protocol?: WireProtocol;
     /** The session id the request belonged to, whole. */
     readonly session: string;
     /** HTTP method used. */
@@ -41,6 +47,32 @@ export interface RequestLogEntry {
     readonly outputTokens?: number;
     /** Provider-reported cache-read tokens, when positive. */
     readonly cacheReadTokens?: number;
+    /** Provider-reported cache-write tokens, when positive. */
+    readonly cacheWriteTokens?: number;
+    /**
+     * Provider-reported reasoning tokens, when positive. A subset of
+     * `outputTokens` — never added to a total — recorded so a thinking turn's
+     * shape stays visible.
+     */
+    readonly reasoningTokens?: number;
+    /**
+     * Estimated USD for this request at the rates in force when it ran, by the
+     * same function that prices the since-boot meter. Absent for unpriced
+     * models: no zero standing in for "unknown".
+     */
+    readonly costUsd?: number;
+    /**
+     * Request body size in bytes, as handed to fetch. Explanatory, not
+     * sensitive: a multi-megabyte turn uploads slowly no matter the model.
+     */
+    readonly requestBytes?: number;
+    /**
+     * Wall time from the first to the last content token, in milliseconds —
+     * the window the output actually streamed in. Absent when fewer than two
+     * content tokens arrived; a burst delivery reads here as ~zero while the
+     * whole reply still counts in the totals above.
+     */
+    readonly streamMs?: number;
     /** Wall time from request start to terminal event, in milliseconds. */
     readonly durationMs?: number;
     /** Wall time from request start to the first token delta, in milliseconds. */
@@ -54,9 +86,11 @@ export interface RequestLogEntry {
     /**
      * Output tokens per second over the decode window.
      *
-     * Absent when the request produced no token, or when the decode window
-     * rounds to zero milliseconds: a rate divided by zero is not a rate, and
-     * inventing one would misreport a fast reply as infinitely quick.
+     * Absent when the request produced no token, when the decode window
+     * rounds to zero milliseconds, or when the whole output arrived in one
+     * burst (see `MIN_STREAM_MS_FOR_RATE`): a rate divided by zero is not a
+     * rate, and a rate over a burst is not a generation speed. Either would
+     * misreport a buffered reply as infinitely quick.
      */
     readonly tps?: number;
     /** Whether the request completed. */
@@ -119,20 +153,30 @@ export interface RequestLogGates {
 /**
  * An in-flight request, handed back only when the log is enabled.
  *
- * Every method is cheap by construction: two `Date.now` reads and small
- * integer arithmetic across the whole span. No serialization, no hashing,
- * no body handling — the counts ride the usage chunk the adapter already
- * holds, and the timings bracket work that already happened.
+ * Every method is cheap by construction: one `Date.now` read per content
+ * delta and small integer arithmetic across the whole span. No
+ * serialization, no hashing, no body handling — the counts ride the usage
+ * chunk the adapter already holds, and the timings bracket work that
+ * already happened.
  */
 export interface RequestSpan {
-    /** Mark the first token delta's arrival. Idempotent: only the first call counts. */
-    firstToken(): void;
+    /**
+     * Mark one content token's arrival.
+     *
+     * The first call opens the decode window; every call moves the last-token
+     * mark, so the span between them is the window the output actually
+     * streamed in. The adapter calls this for every chunk its own first-token
+     * definition accepts — the same definition the Harness uses.
+     */
+    token(): void;
     /**
      * Record the wire request line, from the fetch wrapper. Called at most
      * once per span; a second call keeps the first, so retries never rewrite
      * the original line.
+     * @param requestBytes - request body size in bytes, when the body was a
+     *   measurable in-memory value rather than a stream.
      */
-    request(method: string, url: string): void;
+    request(method: string, url: string, requestBytes?: number): void;
     /** Mark the response status line's arrival. */
     status(status: number): void;
     /**
@@ -140,17 +184,22 @@ export interface RequestSpan {
      * @param ok - whether the request completed.
      * @param code - failure code for a request that did not complete.
      * @param usage - provider-reported counts, when the terminal usage arrived.
+     * @param costUsd - estimated USD at the call's rates, when priced.
      */
     finish(ok: boolean, code?: string, usage?: {
         readonly inputTokens: number;
         readonly outputTokens: number;
         readonly cacheReadTokens?: number;
-    }): void;
+        readonly cacheWriteTokens?: number;
+        readonly reasoningTokens?: number;
+    }, costUsd?: number): void;
 }
 /** Detail the adapter hands the recorder for one request. */
 export interface RequestStart {
     readonly model: string;
     readonly sessionId: string | undefined;
+    /** The wire protocol, as the catalog resolved it for this model. */
+    readonly protocol?: WireProtocol;
     /** Fallback line, used only when the fetch wrapper never reported the real one. */
     readonly method?: string;
     readonly url?: string;

package/lib/types/usage/meter.d.ts

@@ -123,6 +123,22 @@ export interface GoMeter {
     /** Per-model entries, busiest first. */
     readonly models: readonly MeterModelEntry[];
 }
+/**
+ * What one call's tokens cost at the rates in force for it, without touching
+ * any accumulator.
+ *
+ * The request log prices one row through this while the meter keeps the
+ * since-boot totals: same function, same rates, so the two can never
+ * disagree. Unpriced calls have no estimate rather than a zero one.
+ * @param usage - the call's counts; reasoning tokens ride inside `output`
+ *   and are never billed twice.
+ * @param rates - the rates published for the model at call time.
+ * @returns estimated USD, or undefined when the model published no rates.
+ */
+export declare function costOf(usage: Pick<TokenUsage, 'inputTokens' | 'outputTokens'> & {
+    readonly cacheReadTokens?: number;
+    readonly cacheWriteTokens?: number;
+}, rates: MeterRates | undefined): number | undefined;
 /** Accumulates provider-reported usage for the lifetime of one Host process. */
 export declare class UsageMeter {
     private readonly sinceMs;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dan-ai-studio/dshopencodego",
-  "version": "0.1.66",
+  "version": "0.1.68",
   "description": "OpenCode Go provider for DeepSeek Harness: live gateway catalog, per-conversation session header, usage",
   "type": "module",
   "license": "MIT",