@dan-ai-studio/dshopencodego 0.1.77 → 0.1.78

package/README.en.md

@@ -151,8 +151,8 @@ The API key comes from the Harness credential store (reference name `OPENCODE_GO
 - **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.
 - **Content split**: below the body size the detail shows **Text X / Images Y** — images estimated as base64 per deduped attachment (each capped at the route's encoded target), text as the residual, so the two always sum to the total. Image-dominated turns read at a glance.
 - 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.
+- The log is a ring buffer (oldest dropped first) that dies with the process; snapshots are read on open and on manual refresh, plus once a second while any request is running, 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. A request gets a "Requesting" placeholder row the moment it starts (the status column counts its seconds) and the row is completed in place when it ends. Failed requests are recorded with their error code; a stream the consumer abandoned early is recorded as `ABORTED` instead of vanishing silently.
 
 **Images**: an over-budget image is refused explicitly rather than silently downscaled or dropped. The budgets ride one preset `imageBudgetPreset` (three choices, default `dsh`), not three numbers:
 

package/README.md

@@ -150,8 +150,8 @@ API Key 通过 Harness 凭证库提供（引用名 `OPENCODE_GO_API_KEY`），
 - **输入列是未缓存的新增 token**：网关把整段 prompt 拆成"未缓存＋缓存命中"两部分上报，输入列只记新增的——同一会话前缀缓存全中时输入很小、缓存命中 100%，不是 bug。悬停列头有口径说明。
 - **内容拆分**：明细里"请求体"下面跟一行"文本 X ／图片 Y"——图片是各去重后附件按 base64 估的占比（单张按路由的编码上限封顶），文本是总数减图片的剩余，两者恒等于请求体总数。图片 dominant 的请求一眼就能看出来。
 - 会话 id **始终完整记录**（它是会话身份，不是凭据；截断后两个会话会读成一个）。
-- 记录的是环形缓冲（超限丢最旧），进程重启即清；只读快照，不轮询，没人打开的页面零流量。
-- 凭据永远不进记录：记录器根本不接收请求头参数，只收白名单里的会话 id 与 UA；失败的请求同样记一条（含错误码），中断到没有终端事件的不记（网关没报总数就不编数）。
+- 记录的是环形缓冲（超限丢最旧），进程重启即清；页面平时只在打开与手动刷新时读快照，有请求中时每秒自动刷新一次直到结束，没人打开的页面零流量。
+- 凭据永远不进记录：记录器根本不接收请求头参数，只收白名单里的会话 id 与 UA；请求一开始就有一条"请求中"占位行（状态列读秒），结束时原位补全为完整记录。失败的请求同样记一条（含错误码）；消费者提前终止的流记一条 `ABORTED`，不再无声丢失。
 
 **图片**：三个字段各管一层，超限的图片会被明确拒绝，而不是静默降质或丢弃：
 

package/lib/client.js

@@ -258,6 +258,9 @@ function parseEntry(value) {
     ...row["decodeMs"] === void 0 ? {} : { decodeMs: count("decodeMs", row) },
     ...row["streamMs"] === void 0 ? {} : { streamMs: count("streamMs", row) },
     ...row["tps"] === void 0 ? {} : { tps: rate("tps", row) },
+    // Running rows cross the wire too: a viewer opened mid-request must
+    // see them. Older snapshots predate the flag and read as finished.
+    ...row["running"] === true ? { running: true } : {},
     ok: row["ok"] === true,
     ...typeof row["code"] === "string" ? { code: row["code"] } : {},
     ...typeof row["poolKey"] === "string" ? { poolKey: row["poolKey"] } : {},
@@ -525,6 +528,7 @@ var en = {
   requestLogOpenSessionFailed: "That session is archived and cannot be opened.",
   requestLogClose: "Close",
   requestLogRefresh: "Refresh",
+  requestLogRunning: "Requesting",
   requestLogEmpty: "No requests recorded. Turn the log on, then make a request.",
   requestLogDisabled: "The request log is off.",
   requestLogFilterModel: "Model",
@@ -723,6 +727,7 @@ var zh = {
   requestLogOpenSessionFailed: "\u8BE5\u4F1A\u8BDD\u5DF2\u5F52\u6863\uFF0C\u6253\u4E0D\u5F00\u3002",
   requestLogClose: "\u5173\u95ED",
   requestLogRefresh: "\u5237\u65B0",
+  requestLogRunning: "\u8BF7\u6C42\u4E2D",
   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",
@@ -2140,10 +2145,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_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_sessionLink{color:var(--dsw-alias-link);font:inherit;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0}.Lx7MOq_sessionLink:hover{text-decoration:underline}.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_sessionLink{color:var(--dsw-alias-link);font:inherit;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0}.Lx7MOq_sessionLink:hover{text-decoration:underline}.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_rowRunning td:first-child{box-shadow:inset 3px 0 0 var(--dsw-alias-brand-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", "sessionLink": "Lx7MOq_sessionLink", "stuck": "Lx7MOq_stuck", "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", "rowRunning": "Lx7MOq_rowRunning", "rowSlow": "Lx7MOq_rowSlow", "select": "Lx7MOq_select", "sessionLink": "Lx7MOq_sessionLink", "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");
@@ -2183,7 +2188,7 @@ function sortValue(entry, key) {
     case "durationMs":
       return entry.durationMs ?? -1;
     case "status":
-      return entry.ok ? `ok-${entry.status ?? ""}` : `fail-${entry.code ?? ""}`;
+      return entry.running === true ? "running" : entry.ok ? `ok-${entry.status ?? ""}` : `fail-${entry.code ?? ""}`;
   }
 }
 var PAGE_SIZE = 50;
@@ -2233,8 +2238,10 @@ function groupKey(entry, groupBy) {
       return entry.session === "" ? "\u2014" : entry.session;
     case "model":
       return entry.model;
+    // A running row is neither a success nor a failure yet: it groups on
+    // its own instead of inflating either outcome.
     case "result":
-      return entry.ok ? "ok" : entry.code ?? "fail";
+      return entry.running === true ? "running" : entry.ok ? "ok" : entry.code ?? "fail";
     case "none":
       return void 0;
   }
@@ -2276,6 +2283,7 @@ function RequestLogPage({ readLog, enabled, canOpenSession, openSession, t, getL
     const title = catalog?.byId[id4]?.title?.trim();
     return title === void 0 || title === "" ? { text: id4 === "" ? "\u2014" : id4, titled: false } : { text: title, titled: true };
   }, [catalog]);
+  const resultGroupLabel = (group) => group === "ok" ? t("requestLogResultOk") : group === "fail" ? t("requestLogResultFail") : group === "running" ? t("requestLogRunning") : group;
   const toggleSort = (key) => {
     if (key === sortKey) {
       setSortDir(sortDir === "asc" ? "desc" : "asc");
@@ -2301,6 +2309,16 @@ function RequestLogPage({ readLog, enabled, canOpenSession, openSession, t, getL
   (0, import_react2.useEffect)(() => {
     void load();
   }, [load]);
+  const hasRunning = (snapshot?.entries ?? []).some((entry) => entry.running === true);
+  (0, import_react2.useEffect)(() => {
+    if (!hasRunning) return;
+    const timer = setInterval(() => {
+      void load();
+    }, 1e3);
+    return () => {
+      clearInterval(timer);
+    };
+  }, [hasRunning, load]);
   const models = (0, import_react2.useMemo)(() => {
     const ids = /* @__PURE__ */ new Set();
     for (const entry of snapshot?.entries ?? []) ids.add(entry.model);
@@ -2311,7 +2329,7 @@ function RequestLogPage({ readLog, enabled, canOpenSession, openSession, t, getL
     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 (result === "fail" && (entry.ok || entry.running === true)) 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 !== "") {
@@ -2334,7 +2352,7 @@ function RequestLogPage({ readLog, enabled, canOpenSession, openSession, t, getL
     return next;
   }, [filtered, sortKey, sortDir]);
   const pageEntries = sorted.slice(safePage * PAGE_SIZE, (safePage + 1) * PAGE_SIZE);
-  const failures = filtered.filter((entry) => !entry.ok).length;
+  const failures = filtered.filter((entry) => !entry.ok && entry.running !== true).length;
   const meanLatency = average(filtered.flatMap((entry) => entry.durationMs === void 0 ? [] : [entry.durationMs]));
   const meanFirstToken = average(filtered.flatMap((entry) => entry.firstTokenMs === void 0 ? [] : [entry.firstTokenMs]));
   const meanTps = average(filtered.flatMap((entry) => entry.tps === void 0 ? [] : [entry.tps]));
@@ -2357,10 +2375,10 @@ function RequestLogPage({ readLog, enabled, canOpenSession, openSession, t, getL
       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: groupBy === "session" ? sessionLabel(group).text : 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 : groupBy === "result" ? resultGroupLabel(group) : group }) }, `group-${group}-${entry.seq}`)
         );
       }
-      const state = !entry.ok ? "rowFail" : entry.tps !== void 0 && entry.tps < 5 ? "rowSlow" : "rowOk";
+      const state = entry.running === true ? "rowRunning" : !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)(
@@ -2398,8 +2416,8 @@ function RequestLogPage({ readLog, enabled, canOpenSession, openSession, t, getL
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { children: percent(cacheRate(entry)) }),
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { children: rate2(entry.tps) }),
               /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { children: duration(entry.firstTokenMs) }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { children: duration(entry.durationMs) }),
-              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { children: entry.ok ? entry.status === void 0 ? "\u2713" : String(entry.status) : entry.code ?? "\u2717" })
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { children: entry.running === true ? duration(Math.max(0, Date.now() - entry.atMs)) : duration(entry.durationMs) }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { children: entry.running === true ? `${t("requestLogRunning")} \xB7 ${duration(Math.max(0, Date.now() - entry.atMs))}` : entry.ok ? entry.status === void 0 ? "\u2713" : String(entry.status) : entry.code ?? "\u2717" })
             ]
           },
           entry.seq

package/lib/index.js

@@ -77068,6 +77068,7 @@ var OpencodeGoAdapter = class extends LlmAdapter {
         } finally {
           if (!exhausted) {
             timedOut = timeoutOf(watchdog.signal, "LLM_STREAM_IDLE_TIMEOUT") !== void 0;
+            span?.finish(false, "ABORTED");
             consumer.abort("opencode-go stream consumer stopped");
             try {
               void Promise.resolve(iterator.return(void 0)).catch(() => {
@@ -77321,6 +77322,9 @@ function parseEntry(value) {
     ...row["decodeMs"] === void 0 ? {} : { decodeMs: count("decodeMs", row) },
     ...row["streamMs"] === void 0 ? {} : { streamMs: count("streamMs", row) },
     ...row["tps"] === void 0 ? {} : { tps: rate("tps", row) },
+    // Running rows cross the wire too: a viewer opened mid-request must
+    // see them. Older snapshots predate the flag and read as finished.
+    ...row["running"] === true ? { running: true } : {},
     ok: row["ok"] === true,
     ...typeof row["code"] === "string" ? { code: row["code"] } : {},
     ...typeof row["poolKey"] === "string" ? { poolKey: row["poolKey"] } : {},
@@ -77897,52 +77901,77 @@ var RequestLog = class {
    * Begin one request's span, or nothing when the log is disabled.
    *
    * This is the single gate on the request path: a disabled log costs one
-   * method call and one boolean read, and constructs nothing.
+   * method call and one boolean read, and constructs nothing. When enabled,
+   * the running row is appended before the span is returned, so the viewer
+   * sees the request while it runs; `request` and `status` mutate that same
+   * visible row as the wire facts arrive.
    */
   start(detail) {
     if (!this.gates.enabled()) return void 0;
     const debug = this.gates.debug();
     const startedAt = Date.now();
     const session = detail.sessionId ?? "";
+    const record2 = {
+      seq: ++this.seq,
+      atMs: startedAt,
+      model: detail.model,
+      ...detail.protocol === void 0 ? {} : { protocol: detail.protocol },
+      session,
+      method: detail.method ?? "POST",
+      url: detail.url ?? "",
+      running: true,
+      ok: false,
+      shape: { messages: detail.messageCount, hasImage: detail.hasImage, tools: detail.toolCount },
+      ...detail.imageBytes === void 0 ? {} : { imageBytes: detail.imageBytes },
+      ...!debug ? {} : {
+        headers: {
+          ...detail.headers.session === void 0 ? {} : { session: detail.headers.session },
+          ...detail.headers.userAgent === void 0 ? {} : { userAgent: detail.headers.userAgent }
+        }
+      }
+    };
+    this.insert(record2, true);
     let firstTokenAt;
     let lastTokenAt;
-    let method;
-    let url;
-    let requestBytes;
-    let status;
+    let reported = false;
     let finished = false;
     return {
       token: () => {
         const now = Date.now();
-        if (firstTokenAt === void 0) firstTokenAt = now;
+        if (firstTokenAt === void 0) {
+          firstTokenAt = now;
+          record2.firstTokenMs = Math.max(0, now - startedAt);
+        }
         lastTokenAt = now;
       },
       request: (nextMethod, nextUrl, nextRequestBytes) => {
-        if (method === void 0) {
-          method = nextMethod;
-          url = nextUrl;
-          requestBytes = nextRequestBytes;
+        if (!reported) {
+          reported = true;
+          record2.method = nextMethod;
+          record2.url = nextUrl;
+          if (nextRequestBytes !== void 0) record2.requestBytes = nextRequestBytes;
         }
       },
       status: (value) => {
-        status = value;
+        record2.status = value;
       },
       finish: (ok, code, usage, costUsd) => {
         if (finished) return;
         finished = true;
+        const seq = record2.seq;
         const endedAt = Date.now();
         const decodeMs = firstTokenAt === void 0 ? void 0 : Math.max(0, endedAt - firstTokenAt);
         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,
+          seq,
           atMs: startedAt,
           model: detail.model,
           ...detail.protocol === void 0 ? {} : { protocol: detail.protocol },
           session,
-          method: method ?? detail.method ?? "POST",
-          url: url ?? detail.url ?? "",
-          ...status === void 0 ? {} : { status },
+          method: record2.method,
+          url: record2.url,
+          ...record2.status === void 0 ? {} : { status: record2.status },
           ...usage === void 0 ? {} : {
             inputTokens: usage.inputTokens,
             outputTokens: usage.outputTokens,
@@ -77951,7 +77980,7 @@ var RequestLog = class {
             ...usage.reasoningTokens === void 0 || usage.reasoningTokens <= 0 ? {} : { reasoningTokens: usage.reasoningTokens }
           },
           ...costUsd === void 0 ? {} : { costUsd },
-          ...requestBytes === void 0 ? {} : { requestBytes },
+          ...record2.requestBytes === void 0 ? {} : { requestBytes: record2.requestBytes },
           ...detail.imageBytes === void 0 ? {} : { imageBytes: detail.imageBytes },
           durationMs: Math.max(0, endedAt - startedAt),
           ...firstTokenAt === void 0 ? {} : { firstTokenMs: Math.max(0, firstTokenAt - startedAt) },
@@ -77972,12 +78001,17 @@ var RequestLog = class {
             }
           }
         };
-        this.append(entry);
+        const at = this.entries.findIndex((candidate) => candidate.seq === seq);
+        if (at === -1) {
+          this.insert(entry, false);
+        } else {
+          this.entries[at] = entry;
+        }
       }
     };
   }
-  append(entry) {
-    this.totalRecords += 1;
+  insert(entry, count2) {
+    if (count2) this.totalRecords += 1;
     const bound = Math.max(1, Math.floor(this.gates.maxEntries()));
     const next = [entry, ...this.entries].slice(0, bound);
     this.droppedRecords += this.entries.length + 1 - next.length;
@@ -78097,7 +78131,7 @@ function createUpdateChecker(deps) {
 }
 
 // src/update/version.ts
-var PLUGIN_VERSION = true ? "0.1.77" : "0.0.0-dev";
+var PLUGIN_VERSION = true ? "0.1.78" : "0.0.0-dev";
 
 // src/update/service.ts
 import { TypertRemoteService as TypertRemoteService4 } from "@deepseek-ai/dsh-typert-protocol";

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

@@ -4,9 +4,10 @@
  * Everything here is inert unless the profile enables it. The recorder is
  * constructed only when `requestLogEnabled` reads true, so a disabled log
  * changes nothing on the request path — not one extra allocation. When
- * enabled, one entry per completed or failed request is appended; the oldest
- * entries are dropped past the configured bound, so the log can never grow
- * with the session.
+ * enabled, `start` appends a running placeholder immediately — so a request
+ * is visible from the moment it begins, not only after it ends — and
+ * `finish` completes that same row in place. The oldest entries are dropped
+ * past the configured bound, so the log can never grow with the session.
  *
  * Two facts are structural rather than conventional:
  *
@@ -101,7 +102,16 @@ export interface RequestLogEntry {
      * misreport a buffered reply as infinitely quick.
      */
     readonly tps?: number;
-    /** Whether the request completed. */
+    /**
+     * Whether the request is still in flight. Present only while it runs:
+     * `finish` removes it. A running row always reads `ok: false` with no
+     * `code`, so readers must check this flag before counting a failure.
+     */
+    readonly running?: boolean;
+    /**
+     * Whether the request completed successfully. Always false while
+     * `running` is true.
+     */
     readonly ok: boolean;
     /** Failure code (`TIMEOUT`, `TRANSPORT`, …) for a request that did not complete. */
     readonly code?: string;
@@ -136,7 +146,7 @@ export interface PoolLogEvent {
 }
 /** What the viewer reads: the entries plus the counters a rate needs. */
 export interface RequestLogSnapshot {
-    /** Newest first, at most the configured bound. */
+    /** Newest first, at most the configured bound — finished rows plus running ones. */
     readonly entries: readonly RequestLogEntry[];
     /** Recent pool lifecycle, newest first, capped. */
     readonly poolEvents: readonly PoolLogEvent[];
@@ -161,11 +171,12 @@ export interface RequestLogGates {
 /**
  * An in-flight request, handed back only when the log is enabled.
  *
- * 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.
+ * `start` already appended its running row, so every method mutates the
+ * visible entry in place. Every method stays cheap by construction: one
+ * `Date.now` read per content delta, field writes for the wire line, and
+ * small integer arithmetic at close. 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 {
     /**
@@ -188,7 +199,7 @@ export interface RequestSpan {
     /** Mark the response status line's arrival. */
     status(status: number): void;
     /**
-     * Close the span and append its entry.
+     * Close the span and complete its running row in place.
      * @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.
@@ -254,10 +265,13 @@ export declare class RequestLog {
      * Begin one request's span, or nothing when the log is disabled.
      *
      * This is the single gate on the request path: a disabled log costs one
-     * method call and one boolean read, and constructs nothing.
+     * method call and one boolean read, and constructs nothing. When enabled,
+     * the running row is appended before the span is returned, so the viewer
+     * sees the request while it runs; `request` and `status` mutate that same
+     * visible row as the wire facts arrive.
      */
     start(detail: RequestStart): RequestSpan | undefined;
-    private append;
+    private insert;
     /** Shrink the ring to a new bound immediately; growing backfills nothing. */
     setMaxEntries(bound: number): void;
     /** The current reading, newest first. Computed lazily: nothing on the hot path. */

package/package.json

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