minecodex 2.0.2 → 2.0.3

package/features/notes/src/frontend/styles.css

@@ -0,0 +1,110 @@
+:is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-title-control { display:flex; align-items:stretch; min-height:40px; border:1px solid var(--mcx-color-border-primary-outline); border-radius:var(--mcx-radius-lg); background:var(--color-background-primary-soft); overflow:hidden; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-title-control:focus-within { border-color:var(--mcx-color-ring); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-title-control>.pm-emoji-trigger { display:flex; flex:none; align-items:center; justify-content:center; width:40px; padding:0; border-inline-end:1px solid var(--mcx-color-border); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-title-control>.pm-emoji-trigger:hover { background:var(--mcx-color-background-primary-ghost-hover); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-title-control>.pm-emoji-trigger:focus-visible { outline-offset:-3px; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-editor .pm-title-control>input { flex:1; min-width:0; border:0; border-radius:0; background:transparent; padding:8px 10px; outline:none; box-shadow:none; }
+
+  [data-minecodex-quick-prompts=panel] { position:fixed; z-index:50; zoom:var(--codex-window-zoom,1); transform:translateY(-100%); box-sizing:border-box; display:flex; flex-direction:column; overflow:hidden; padding:var(--mcx-spacing); color:var(--mcx-color-text-primary); font-family:var(--mcx-font-sans-default); font-size:var(--mcx-text-sm); line-height:1.43; }
+  [data-minecodex-quick-prompts=panel] *, [data-minecodex-quick-prompts=button] { box-sizing:border-box; }
+  [data-minecodex-quick-prompts=panel] button { cursor:var(--cursor-interaction,pointer); }
+  [data-minecodex-quick-prompts=panel] button:disabled { opacity:.4; cursor:default; }
+  [data-minecodex-quick-prompts=panel] button:focus-visible, [data-minecodex-quick-prompts=panel] input:focus-visible, [data-minecodex-quick-prompts=panel] textarea:focus-visible { outline:2px solid var(--mcx-color-ring,var(--mcx-color-text-secondary)); outline-offset:-2px; }
+  [data-minecodex-quick-prompts=panel] svg { width:16px; height:16px; flex:none; }
+  [data-minecodex-quick-prompts=panel] .qp-header { display:flex; align-items:center; justify-content:space-between; padding:var(--mcx-spacing) var(--padding-row-x,8px); color:var(--mcx-color-text-tertiary); flex:none; }
+  [data-minecodex-quick-prompts=panel] .qp-scroll { overflow-y:auto; min-height:0; padding-bottom:var(--mcx-spacing); }
+  [data-minecodex-quick-prompts=panel] .qp-row { display:flex; align-items:center; min-width:0; border-radius:var(--suggestion-menu-item-radius,var(--mcx-radius-xl)); }
+  [data-minecodex-quick-prompts=panel] .qp-row:hover, [data-minecodex-quick-prompts=panel] .qp-row:focus-within { background:var(--mcx-color-background-primary-ghost-hover); }
+  [data-minecodex-quick-prompts=panel] .qp-select { display:flex; flex:1; align-items:center; min-width:0; gap:calc(var(--mcx-spacing)*1.5); text-align:left; padding:var(--suggestion-menu-item-padding,var(--app-menu-item-padding,var(--padding-row-y,5px) var(--padding-row-x,8px))); border-radius:inherit; }
+  [data-minecodex-quick-prompts=panel] .qp-title { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
+  [data-minecodex-quick-prompts=panel] .qp-preview { flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:var(--mcx-color-text-tertiary); }
+  [data-minecodex-quick-prompts=panel] .qp-empty { padding:calc(var(--mcx-spacing)*3) var(--padding-row-x,8px); color:var(--mcx-color-text-tertiary); }
+  [data-minecodex-quick-prompts=panel] .qp-command { padding:var(--mcx-spacing) calc(var(--mcx-spacing)*2); border-radius:var(--mcx-radius-xl); }
+  [data-minecodex-quick-prompts=panel] .qp-command:hover { background:var(--mcx-color-background-primary-ghost-hover); }
+  [data-minecodex-quick-prompts=panel] .qp-error { color:var(--mcx-color-text-danger,var(--mcx-color-text-primary)); padding:var(--mcx-spacing) var(--padding-row-x,8px); }
+  .qp-symbol { display:inline-flex; width:20px; height:20px; flex:none; align-items:center; justify-content:center; font-size:18px; line-height:1; color:var(--prompt-icon-light,var(--mcx-color-text-secondary)); }
+  .qp-symbol svg { width:20px; height:20px; }
+  .dark .qp-symbol, [data-theme=dark] .qp-symbol { color:var(--prompt-icon-dark,var(--mcx-color-text-secondary)); }
+  [data-minecodex-quick-prompts=page] { overflow:auto; color:var(--mcx-color-text-primary); font-family:var(--mcx-font-sans-default); font-size:var(--mcx-text-sm); line-height:var(--mcx-text-sm--line-height); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) * { box-sizing:border-box; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) button { cursor:var(--cursor-interaction,pointer); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) button:disabled { opacity:.4; cursor:default; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) button:focus-visible, :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) input:focus-visible, :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) textarea:focus-visible { outline:2px solid var(--mcx-color-text-secondary); outline-offset:2px; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-wrap { max-width:1440px; margin:auto; padding:28px 48px 48px; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-heading { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:36px; margin-bottom:24px; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) h1 { font-size:var(--mcx-text-heading-lg); font-weight:var(--font-weight-medium); line-height:1.2; margin:0; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) h2 { font-size:var(--mcx-text-base,14px); font-weight:600; margin:24px 0 12px; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-header-actions { display:flex; align-items:center; gap:8px; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-tab-row { display:flex; align-items:center; gap:8px; margin-bottom:24px; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-tab-row .pm-tabs { margin-bottom:0; min-width:0; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-icon { display:flex; align-items:center; justify-content:center; width:32px; height:32px; flex:none; padding:0; border-radius:var(--mcx-radius-full); color:var(--mcx-color-text-secondary); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-icon[hidden] { display:none; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-icon svg { width:16px; height:16px; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-icon:hover, :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-icon[aria-expanded=true], :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-icon[aria-pressed=true] { background:var(--mcx-color-background-primary-ghost-hover); color:var(--mcx-color-text-primary); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-popup { position:fixed; z-index:30; width:200px; padding:var(--app-menu-gutter,var(--mcx-spacing)); border-radius:var(--mcx-radius-2xl); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-popup button { width:100%; min-height:var(--app-menu-item-height,30px); display:flex; align-items:center; justify-content:space-between; gap:16px; padding:var(--app-menu-item-padding,5px 8px); border-radius:var(--mcx-radius-xl); text-align:left; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-popup button:hover, :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-popup button:focus-visible { background:var(--mcx-color-background-primary-ghost-hover); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-popup svg { width:16px; height:16px; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-command { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:32px; padding:6px 12px; border-radius:var(--mcx-radius-full,999px); color:inherit; white-space:nowrap; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-command:hover { background:var(--mcx-color-background-primary-ghost-hover); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-primary { background:var(--mcx-color-background-primary-solid); color:var(--mcx-color-text-primary-solid); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-primary:hover { background:var(--mcx-color-background-primary-solid-hover); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-tabs { display:flex; gap:4px; overflow:auto; padding-bottom:4px; margin-bottom:24px; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-tab { display:flex; align-items:center; gap:6px; flex:none; height:36px; border-radius:999px; padding:0 16px; font-weight:500; color:var(--mcx-color-text-secondary); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-tab:hover, :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-tab[aria-selected=true] { background:var(--mcx-color-background-primary-ghost-hover); color:var(--mcx-color-text-primary); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) input, :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) textarea { font:inherit; color:inherit; background:transparent; border:1px solid var(--mcx-color-border); border-radius:var(--mcx-radius-lg,12px); padding:8px 12px; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-list { display:flex; flex-direction:column; gap:4px; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-row { display:flex; align-items:center; gap:12px; padding:16px 12px; border-radius:var(--mcx-radius-xl,16px); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-row:hover { background:var(--mcx-color-background-primary-ghost-hover); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-info { flex:1; min-width:0; text-align:left; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-title { font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-preview { max-width:65%; color:var(--mcx-color-text-secondary); overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:3px; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-stats { color:var(--mcx-color-text-tertiary); min-width:130px; text-align:right; font-variant-numeric:tabular-nums; font-size:var(--mcx-text-xs,12px); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-count { color:var(--mcx-color-text-secondary); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-empty { color:var(--mcx-color-text-tertiary); padding:48px 0; text-align:center; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-form { display:flex; flex-direction:column; gap:16px; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-field { display:flex; flex-direction:column; gap:6px; color:var(--mcx-color-text-secondary); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-field textarea { min-height:220px; resize:vertical; color:var(--mcx-color-text-primary); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-grid { display:flex; flex-wrap:wrap; gap:4px; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-choice { width:36px; height:36px; border-radius:10px; display:flex; justify-content:center; align-items:center; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-choice[aria-pressed=true] { background:var(--mcx-color-background-primary-ghost-hover); outline:1px solid var(--mcx-color-text-secondary); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-swatch { width:18px; height:18px; border-radius:50%; background:currentColor; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-error { color:var(--mcx-color-text-danger,var(--mcx-color-text-primary)); margin:12px 0; }
+  @media(max-width:800px) { :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-wrap { padding:24px 30px; } :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-stats { min-width:90px; } }
+  [data-minecodex-quick-prompts=modal].pm-modal-layer { inset:0; display:grid; place-items:center; padding:24px; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-editor { top:auto; width:440px; max-width:calc(100vw - 48px); max-height:calc(100vh - 64px); margin:0; overflow:auto; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-prompt-editor { width:520px; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-modal-heading .pm-icon { width:24px; height:24px; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-editor .pm-row { min-height:44px; padding:8px; gap:10px; border-radius:var(--mcx-radius-lg); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-editor .pm-form { gap:12px; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-editor .pm-field { gap:8px; color:var(--mcx-color-text-primary); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-editor input, :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-editor textarea { border-radius:var(--mcx-radius-md); padding:8px 10px; background:var(--color-background-primary-soft,rgba(0,0,0,.025)); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-grid { gap:4px; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-choice { width:36px; height:36px; border-radius:var(--mcx-radius-lg); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-choice svg { width:20px; height:20px; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-choice[aria-pressed=true] { outline:none; box-shadow:inset 0 0 0 1px var(--mcx-color-border); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-search-inline { display:flex; align-items:center; width:clamp(150px,22vw,300px); height:32px; padding:0 12px; gap:8px; border:1px solid var(--mcx-color-border-primary-outline,var(--mcx-color-border)); border-radius:var(--mcx-radius-full); background:transparent; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-search-inline input { min-width:0; width:100%; padding:0; border:0; background:transparent; outline:none; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-search-inline>svg { width:16px; height:16px; flex:none; color:var(--mcx-color-text-tertiary); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-list>h2 { color:var(--mcx-color-text-tertiary); font-size:var(--mcx-text-sm,13px); font-weight:500; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-stats { min-width:64px; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-editor input:focus, :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-editor textarea:focus, :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-popup input:focus { outline:none; box-shadow:none; border-color:var(--mcx-color-ring,var(--mcx-color-border-primary-outline)); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-confirm-description { color:var(--mcx-color-text-secondary); line-height:1.6; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-select { display:flex; align-items:center; gap:8px; min-height:36px; padding:8px 10px; background:var(--color-background-primary-soft); border:1px solid var(--mcx-color-border); border-radius:var(--mcx-radius-md); text-align:left; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-select>svg { width:16px; height:16px; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-option-label { flex:1; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-empty-state { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:340px; gap:8px; text-align:center; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-empty-art { font-size:var(--text-5xl,48px); line-height:1; margin-bottom:8px; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-empty-title { font-size:var(--text-lg,18px); line-height:24px; font-weight:500; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-empty-description { color:var(--mcx-color-text-secondary); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-empty-state>.pm-command { margin-top:24px; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-drag { cursor:grab; color:var(--mcx-color-text-tertiary); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-drag:active { cursor:grabbing; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-drop-placeholder { flex:none; border:1px dashed var(--mcx-color-border-primary-outline,var(--mcx-color-border)); border-radius:var(--mcx-radius-xl); background:var(--mcx-color-background-primary-ghost-hover); box-sizing:border-box; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-dragging { position:absolute; opacity:0; pointer-events:none; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-popup { z-index:70; max-height:calc(100vh - 32px); overflow:auto; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-symbol-picker { width:320px; padding:12px; display:flex; flex-direction:column; gap:12px; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-symbol-picker>input { width:100%; flex:none; border-radius:var(--mcx-radius-full); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-emoji-grid { display:grid; grid-template-columns:repeat(8,minmax(0,1fr)); gap:4px; max-height:264px; overflow:auto; }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-emoji-grid .pm-emoji-choice { width:32px; height:32px; min-height:32px; padding:0; display:flex; justify-content:center; font-size:22px; border-radius:var(--mcx-radius-lg); }
+  :is([data-minecodex-quick-prompts=page],[data-minecodex-quick-prompts=modal]) .pm-emoji-choice[aria-pressed=true] { background:var(--mcx-color-background-primary-ghost-hover); }

package/features/notes/src/main.mjs

@@ -3,8 +3,8 @@
 import os from "node:os";
 import path from "node:path";
 
-import { createQuickPromptsServer } from "./quick-prompts-server.mjs";
-import { CodexNotesProduct } from "./product.mjs";
+import { createQuickPromptsServer } from "./backend/quick-prompts-server.mjs";
+import { CodexNotesProduct } from "./backend/product.mjs";
 
 const host = process.env.CODEX_NOTES_HOST ?? "127.0.0.1";
 const port = Number(process.env.CODEX_NOTES_PORT ?? "47832");

package/features/notes/vendor/phosphor-LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Phosphor Icons
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/features/session-status/DESIGN.md

@@ -1,5 +1,7 @@
 # Session Status 设计约定
 
+通用视觉、材质、按钮、Tooltip 与原生 sidebar 层级遵循根 [DESIGN.md](../../DESIGN.md)。本文件只记录功能特有组件、布局、数据语义与通用组件选型。
+
 ## 意图
 
 状态行紧随 Codex 原生输入框，帮助用户在长任务中快速判断回合、模型步骤、输出速度和 token 用量。视觉上作为输入框的附属信息，不争夺发送按钮与模型选择器的层级。
@@ -10,13 +12,7 @@
 | --- | --- | --- |
 | 次要文字 | `--color-text-tertiary` | 状态行文字与分隔符 |
 | 主要文字 | `--color-text-primary` | 弹层标题和数值 |
-| 弹层表面 | `--color-token-dropdown-background` | 点击后的明细 |
-| 边框 | `--color-border-subtle` | 弹层与分割线 |
-| 悬停 | `--color-token-list-hover-background` | 状态按钮反馈 |
-| 焦点描边 | `--input-outline-border-color-focus` | 键盘焦点反馈 |
 | 分类进度 | Codex `--app-block-accent-purple`、`--app-block-accent-blue`、`--app-block-accent-green`，以及 `--color-token-border-default` | 各弹层的分类比例与未分类段 |
-| 字体 | `--font-sans-default`、`--text-xs` | 与原生辅助信息一致 |
-| 圆角与阴影 | `--radius-xl`、`--shadow-lg` | 明细弹层 |
 
 状态行和输入框共用内容宽度，单行高度为 24px，顶部留 2px 内边距；每个状态按钮高 22px，内边距为上下 3px、左右 6px。按钮之间 gap 为 4px，两组可见内容间距为 16px（6 + 4 + 6）；按钮内图标与文字 gap 为 6px。状态行展开且可见时，将包含它的原生 `.bottom-0.pb-4` 容器底部 padding 从 16px 覆盖为 4px；收起、隐藏或卸载后自动恢复原生留白，展开的状态行使用 -4px 顶部外边距，将输入框下方原生 8px gap 的实际距离收为4px，收起时恢复。宽度不足时自然换行，不覆盖输入框或悬浮控件。统计图标采用 Lucide Gauge，用量图标采用 Phosphor Database 单路径版本，两者以 14px 绘制；上下文使用与 Codex 原生相同参数的 12px 百分环。弹层由按钮锚定，键盘可聚焦，Escape 和点击外部关闭。遵守系统减少动态效果设置，不添加持续动画。
 
@@ -32,10 +28,14 @@ TPS 根据 Codex 会话事件计算有效样本的会话平均约值，以 `N to
 
 会话统计浮窗只显示回合、步骤、首字延迟和 TPS。Token 用量浮窗以 Total 为主项，紧接比例条和输出（紫）、其他输入（蓝）、缓存输入（绿）三项，顺序与上下文弹层一致；分隔线后才显示缓存命中率。其他输入为总输入减缓存输入，包含缓存写入。三项使用同一分母。
 
+TPS 标签后放置 12px Lucide info 图标，继承标签颜色，间距 6px。悬浮或键盘聚焦时使用共享 MineCodex tooltip，说明 GPT 等模型未公开完整思考过程及逐 Token 生成时间，此处为体感响应速度参考值，不代表真实 Token 生成速度；中英文随界面语言切换。Tooltip 层级高于详情浮窗。
+
 ### 折叠入口
 - 首次安装默认展开；用户收起后在模型选择左侧显示 12px context 环，24px 热区；原生 context 环开启时隐藏原生重复入口，卸载时恢复。
-- Tooltip 沿用原生 context 内容：上下文窗口、使用/剩余比例、已用/容量（k tokens）；背景、边框、文字、圆角与阴影使用原生 tooltip tokens。
+- Tooltip 沿用原生 context 内容：上下文窗口、使用/剩余比例、已用/容量（k tokens）；样式遵循通用 Tooltip。
 - 点击环展开输入框下方详情，右侧 chevron-up 收起；200ms grid 高度与160ms透明度过渡，尊重 reduced-motion。展开状态跨会话、主聊天和 side chat 共享并持久保存。展开时隐藏输入框内的 context 环；收起动效完成后容器 display:none，不保留父级 gap，收起内容不参与键盘焦点。每个输入框订阅自己的会话上下文和统计。
 - Cache 按原始 cachedInputTokens / inputTokens 计算：大于99%显示一位小数，其余取整数，状态栏和详情共用格式。
 
 输入框实例仅绑定可见的 thread composer。全屏标签页中的隐藏聊天、浮动 Quick Chat（含 right-panel composer overlay）、inert 区域不注入；原生移动输入框或切换可见性时销毁实例并取消订阅，返回聊天后重建。
+
+明细采用通用 Popover，保持本功能的定位、尺寸及内容层级。当前通过 UI 组件库的 `config.ui.surface(panel, "popover")` 选择原生 Popover；功能继续拥有定位、尺寸与内容。

package/features/session-status/README.md

@@ -4,6 +4,8 @@
 
 Context 直接订阅 Codex 原生会话状态。其他统计由 Runtime Host 只读解析本机 `~/.codex/sessions` 中的 Codex 会话事件，再通过已有 CDP 连接向注入脚本发送数值快照；页面只向 Host 请求刷新，不发送对话内容，也不修改 Codex 会话日志。远程任务或缺少本机日志时，无法取得的指标显示 `—`。
 
+同一会话可能有多个 rollout 文件，包括续聊产生的 `<thread-id>_<session-id>.jsonl` 分段。读取器每 2 秒检查分段列表；新增分段时按事件时间重建会话统计，随后按各文件独立的读取位置增量更新。回合及模型响应按 ID 去重，累计 Token 采用日志给出的会话总量，不将不同分段的累计值相加。
+
 新聊天没有会话 ID 时隐藏；发送首条消息、原生输入框出现会话 ID 后立即显示占位并请求数据，无需等待日志落盘、回答完成或 Token 用量返回。切换聊天时立即清除旧数值，拒绝 ID 不匹配的迟到快照；折叠侧栏不影响当前会话识别。输入框会话标记的属性变化也会触发更新。
 
 生成中依据日志的 `task_started` 与完成／中断事件，每 500ms 请求统计；空闲时由 Runtime 每 2 秒刷新兜底，页面不重复轮询。首次找不到日志按 500ms、1s、2s、随后 10s 重试；持续缺失时不会高频扫描目录。并发请求按页面合并，统计刷新不占用图片等用户操作的串行队列。页面卸载或功能关闭会取消定时器、观察器与原生状态订阅。
@@ -22,6 +24,8 @@ Context 直接订阅 Codex 原生会话状态。其他统计由 Runtime Host 只
 
 统计图标使用 Lucide Static v1.31.0 的 Gauge；用量图标使用 Phosphor Icons 的 Database，单路径填充避免半透明色在路径交叠处加深。许可见 [`vendor/lucide-LICENSE`](vendor/lucide-LICENSE) 和 [`vendor/phosphor-LICENSE`](vendor/phosphor-LICENSE)。
 
+会话统计浮窗的 TPS 标签带有同色 Lucide info 图标（Lucide 0.577.0 官方资源）；悬浮或键盘聚焦可查看说明：GPT 等模型不公开完整思考过程及逐 Token 生成时间，TPS 仅为基于可观测事件估算的体感响应速度参考，不代表模型真实的 Token 生成速度。
+
 ## 上下文分类的可行性
 
 当前桌面版原生百分环只需要 `last.totalTokens` 和 `modelContextWindow`。Codex 的会话用量事件还提供输入、缓存、输出和推理输出，但没有系统提示词、工具定义、对话消息各自的 token 数。日志中的 `session_meta.base_instructions`、`response_item` 角色与类型、`compacted.replacement_history` 可以形成有边界的活跃历史分段：基础与开发者指令、消息（包含压缩摘要）、工具调用与结果。参考 Codex 自身的粗估口径，将 UTF-8 可见文本按约 4 字节/token 计，图片按固定大小估算；全程本地运算，不调用模型。加密摘要参考 Codex 对编码长度的换算。

package/features/session-status/codex-feature.json

@@ -7,7 +7,7 @@
     "en": "Shows conversation steps, observed output speed, token usage and context details below the composer.",
     "zh-CN": "在输入框下方显示对话步骤、观测输出速度、Token 用量与上下文明细。"
   },
-  "entry": { "kind": "page-script", "script": "src/session-status.mjs" },
+  "entry": { "kind": "page-script", "script": "src/session-status.mjs", "sourceFactory": "src/injection-source.mjs" },
   "icon": {
     "viewBox": "0 0 24 24",
     "markup": "<path d=\"m12 14 4-4\"></path><path d=\"M3.34 19a10 10 0 1 1 17.32 0\"></path>"

package/features/session-status/src/adapters/codex/context-usage.mjs

@@ -0,0 +1,39 @@
+// 原生 atom、scope 和 bundle 字段不进入状态栏呈现层。
+export function createContextUsageAdapter(signal, codex, onChange, loadFamily = null) {
+  let family=null, thread=null, composer=null, unsubscribe=null;
+  const empty = () => ({ contextUsedTokens:null, contextWindow:null, contextPercent:null });
+  function disconnect() { unsubscribe?.(); unsubscribe=null; }
+  function connect(id, element) {
+    if (thread === id && unsubscribe) return;
+    disconnect(); thread=id; composer=element; onChange(empty());
+    if (!id || !family || !element || signal.aborted) return;
+    const props=codex.props(element, p => p.value instanceof Map && [...p.value.values()].some(node => node?.token?.__scopeBrand === 'AppScope'));
+    const chain=props?.value, node=chain && [...chain.values()].find(node => node?.token?.__scopeBrand === 'AppScope');
+    if (!node) { codex.report("context-usage",false,"app-scope-unavailable"); return; }
+    try {
+      const atom=family.resolve(node,chain,id).resolve(node,chain);
+      const update=()=>{
+        if (signal.aborted || thread !== id) return;
+        const usage=node.store.get(atom), window=usage?.modelContextWindow, total=usage?.last?.totalTokens;
+        const valid=Number.isFinite(window) && window > 0 && Number.isFinite(total) && total >= 0;
+        const used=valid ? Math.min(total,window) : null;
+        onChange(valid ? {contextUsedTokens:used,contextWindow:window,contextPercent:Math.round(used/window*100)} : empty());
+      };
+      unsubscribe=node.store.sub(atom,update); update(); codex.report("context-usage",true);
+    } catch { codex.report("context-usage",false,"atom-contract-unavailable"); }
+  }
+  async function discover() {
+    if (loadFamily) return loadFamily();
+    const url=[...document.querySelectorAll('link[rel=modulepreload]')].map(link=>link.href).find(url=>/\/app-shared-[^/]+\.js(?:$|\?)/.test(url));
+    if (!url) throw new Error("context-bundle-unavailable");
+    const source=await (await fetch(url,{signal})).text();
+    const local=source.match(/([\w$]+)=[\w$]+\(\(\{latestTokenUsageInfo:/)?.[1];
+    const exported=[...source.matchAll(/([\w$]+) as ([\w$]+)/g)].find(match=>match[1]===local)?.[2];
+    if (!exported) throw new Error("context-export-unavailable");
+    return (await import(url))[exported];
+  }
+  void discover().then(value=>{ if (!signal.aborted) { family=value; connect(thread,composer); } })
+    .catch(()=>codex.report("context-usage",false,"context-capability-unavailable"));
+  signal.addEventListener('abort',disconnect,{once:true});
+  return { connect, dispose:disconnect };
+}

package/features/session-status/src/adapters/codex/session-log.mjs

@@ -0,0 +1,81 @@
+const MODEL_OUTPUT_ITEMS = new Set(["Reasoning", "AgentMessage"]);
+const TOOL_ITEMS = new Set(["CommandExecution", "McpToolCall", "DynamicToolCall"]);
+const IMAGE_TOKENS_ESTIMATE = 1844;
+
+function estimatedTextTokens(value) {
+  return typeof value === "string" ? Math.ceil(Buffer.byteLength(value, "utf8") / 4) : 0;
+}
+
+function estimatedContentTokens(content) {
+  if (!Array.isArray(content)) return 0;
+  return content.reduce((total, item) => {
+    if (item?.type === "input_image" || item?.type === "output_image") return total + IMAGE_TOKENS_ESTIMATE;
+    return total + estimatedTextTokens(item?.text);
+  }, 0);
+}
+
+function estimatedEncryptedTokens(value) {
+  if (typeof value !== "string") return 0;
+  // 参考 Codex 的历史粗估：先去掉加密封装，再按约 4 字节/token 换算。
+  return Math.ceil(Math.max(0, Math.floor(value.length * 3 / 4) - 650) / 4);
+}
+
+function estimatedSections(item) {
+  const type = item?.type;
+  if (type === "message") {
+    const tokens = estimatedContentTokens(item.content);
+    return item.role === "developer" || item.role === "system"
+      ? { instructions: tokens, messages: 0, tools: 0 }
+      : { instructions: 0, messages: tokens, tools: 0 };
+  }
+  if (type === "function_call" || type === "custom_tool_call") {
+    return { instructions: 0, messages: 0, tools: estimatedTextTokens(item.arguments ?? item.input) };
+  }
+  if (type === "function_call_output" || type === "custom_tool_call_output") {
+    return { instructions: 0, messages: 0, tools: estimatedContentTokens(item.output) };
+  }
+  if (type === "reasoning" || type === "compaction") {
+    return { instructions: 0, messages: estimatedContentTokens(item.summary)
+      + estimatedEncryptedTokens(item.encrypted_content), tools: 0 };
+  }
+  return null;
+}
+
+// 外部记录转换成可归约的内部事实；未知记录不参与统计。
+export function sessionFacts(record) {
+  const p = record?.payload ?? {}, at = record?.timestamp;
+  const facts = [], emit = (kind, data = {}) => facts.push({ kind, at, ...data });
+  const usage = value => value && ["input_tokens", "cached_input_tokens", "output_tokens", "total_tokens"]
+    .every(key => Number.isFinite(value[key]) && value[key] >= 0)
+    ? { input:value.input_tokens, cached:value.cached_input_tokens, output:value.output_tokens,
+        total:value.total_tokens, cacheWrite:value.cache_write_input_tokens ?? null } : null;
+  if (record?.type === "compacted") {
+    const sections = Array.isArray(p.replacement_history) ? {instructions:0,messages:0,tools:0} : null;
+    for (const item of Array.isArray(p.replacement_history) ? p.replacement_history : []) {
+      const next = estimatedSections(item);
+      if (next) for (const key of Object.keys(sections)) sections[key] += next[key];
+    }
+    emit("history-replaced", { window:p.window_number, sections });
+  }
+  if (record?.type === "response_item") {
+    const sections = estimatedSections(p);
+    if (sections) emit("history-added", { sections });
+  }
+  if (record?.type === "turn_context" && p.turn_id) emit("turn-observed", { id:p.turn_id });
+  if (record?.type === "session_meta") emit("session-configured", { contextWindow:p.context_window,
+    instructionTokens:estimatedTextTokens(p.base_instructions?.text) });
+  if (record?.type === "event_msg") {
+    if (p.type === "context_compacted") emit("context-reset");
+    if (p.type === "task_started" && p.turn_id) emit("turn-started", { id:p.turn_id });
+    if (["task_complete", "task_interrupted", "turn_aborted"].includes(p.type)) emit("turn-ended", { id:p.turn_id });
+    if (p.type === "task_complete" && Number.isFinite(p.time_to_first_token_ms)) emit("first-token-measured", { elapsed:p.time_to_first_token_ms });
+    if (p.type === "item_completed") {
+      if (p.item?.type === "ContextCompaction") emit("compaction-finished");
+      if (MODEL_OUTPUT_ITEMS.has(p.item?.type) && Number.isFinite(p.started_at_ms)) emit("output-observed", { start:p.started_at_ms });
+      if (TOOL_ITEMS.has(p.item?.type) && Number.isFinite(p.started_at_ms) && Number.isFinite(p.completed_at_ms)) emit("tool-measured", { start:p.started_at_ms, end:p.completed_at_ms });
+    }
+    if (p.type === "token_count") emit("usage-observed", { total:usage(p.info?.total_token_usage), last:usage(p.info?.last_token_usage), contextWindow:p.info?.model_context_window });
+  }
+  if (record?.type === "token_usage_record") emit("response-measured", { id:p.response_id, total:usage(p.thread_token_usage), last:usage(p.usage), end:Date.parse(at) });
+  return facts;
+}

package/features/session-status/src/adapters/codex/session-reader.mjs

@@ -0,0 +1,106 @@
+import { createReadStream } from "node:fs";
+import { readdir, stat } from "node:fs/promises";
+import os from "node:os";
+import path from "node:path";
+
+import { sessionFacts } from "./session-log.mjs";
+import { createSessionState, applySessionStatusEvent, sessionStatusSnapshot } from "../../domain/session-stats.mjs";
+
+const THREAD_ID = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+export function threadIdFromLocation(value) {
+  return String(value ?? "").match(/[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}/i)?.[0] ?? null;
+}
+
+function emptyState(filePaths) {
+  return { ...createSessionState(), files:new Map(filePaths.map(filePath => [filePath, { offset:0, pending:"" }])), nextDiscoveryAt:0 };
+}
+
+async function findLogs(directory, threadId) {
+  let entries;
+  try { entries = await readdir(directory, { withFileTypes: true }); }
+  catch (error) {
+    if (error.code === "ENOENT") return [];
+    throw error;
+  }
+  const files = [];
+  const filename = new RegExp(`-${threadId}(?:_[0-9a-f-]{36})?\\.jsonl$`, "i");
+  for (const entry of entries) {
+    const filePath = path.join(directory, entry.name);
+    if (entry.isFile() && filename.test(entry.name)) files.push(filePath);
+    if (entry.isDirectory()) {
+      files.push(...await findLogs(filePath, threadId));
+    }
+  }
+  return files.sort();
+}
+
+export class SessionStatusReader {
+  constructor({ sessionsDir = path.join(process.env.CODEX_HOME ?? path.join(os.homedir(), ".codex"), "sessions"), now = Date.now } = {}) {
+    this.sessionsDir = sessionsDir;
+    this.now = now;
+    this.states = new Map();
+    this.missingChecks = new Map();
+  }
+
+  retryAfterMs(threadId) {
+    return Math.max(0, (this.missingChecks.get(threadId)?.nextCheckAt ?? 0) - this.now());
+  }
+
+  async read(threadId) {
+    if (!THREAD_ID.test(threadId ?? "")) return null;
+    let state = this.states.get(threadId);
+    if (!state || this.now() >= state.nextDiscoveryAt) {
+      if (this.retryAfterMs(threadId) > 0) return null;
+      const filePaths = await findLogs(this.sessionsDir, threadId);
+      if (!filePaths.length) {
+        this.states.delete(threadId);
+        const attempts = this.missingChecks.get(threadId)?.attempts ?? 0;
+        const delay = [500, 1000, 2000][attempts] ?? 10_000;
+        this.missingChecks.set(threadId, { attempts: attempts + 1, nextCheckAt: this.now() + delay });
+        return null;
+      }
+      // 新分段出现时重新按时间合并，避免只停留在最初的 rollout。
+      if (!state || filePaths.join("\n") !== [...state.files.keys()].join("\n")) state = emptyState(filePaths);
+      state.nextDiscoveryAt = this.now() + 2_000;
+      this.states.set(threadId, state);
+      this.missingChecks.delete(threadId);
+    }
+    let sizes;
+    try { sizes = await Promise.all([...state.files.keys()].map(async filePath => [filePath, (await stat(filePath)).size])); }
+    catch (error) {
+      if (error.code !== "ENOENT") throw error;
+      this.states.delete(threadId);
+      return null;
+    }
+    if (sizes.some(([filePath, size]) => size < state.files.get(filePath).offset)) {
+      const nextDiscoveryAt = state.nextDiscoveryAt;
+      state = emptyState([...state.files.keys()]);
+      state.nextDiscoveryAt = nextDiscoveryAt;
+    }
+    const events = [];
+    for (const [filePath, size] of sizes) {
+      const file = state.files.get(filePath);
+      if (size <= file.offset) continue;
+      const stream = createReadStream(filePath, {
+        start: file.offset,
+        end: size - 1,
+        encoding: "utf8",
+      });
+      for await (const chunk of stream) {
+        const lines = `${file.pending}${chunk}`.split("\n");
+        file.pending = lines.pop() ?? "";
+        for (const line of lines) {
+          if (!line.includes('"token_usage_record"') && !line.includes('"event_msg"')
+            && !line.includes('"turn_context"') && !line.includes('"session_meta"')
+            && !line.includes('"response_item"') && !line.includes('"compacted"')) continue;
+          try { events.push(JSON.parse(line)); } catch { /* 忽略损坏的单行 */ }
+        }
+      }
+      file.offset = size;
+    }
+    events.sort((left, right) => (Date.parse(left.timestamp) || 0) - (Date.parse(right.timestamp) || 0));
+    for (const event of events) for (const fact of sessionFacts(event)) applySessionStatusEvent(state, fact);
+    this.states.set(threadId, state);
+    return sessionStatusSnapshot(state, threadId);
+  }
+}

package/features/session-status/src/domain/session-stats.mjs

@@ -0,0 +1,141 @@
+// 归约 MineCodex 会话事实；不依赖 Codex 日志字段或外部环境。
+function addSections(target, sections) {
+  if (!sections) return;
+  for (const key of ["instructions", "messages", "tools"]) target[key] += sections[key];
+}
+
+export function createSessionState() {
+  return {
+    turns: new Set(),
+    runningTurns: new Set(),
+    responses: new Set(),
+    hasResponseUsage: false,
+    total: null,
+    last: null,
+    contextWindow: null,
+    firstOutputAt: null,
+    pendingToolIntervals: [],
+    speedMeasurements: [],
+    ttftTotalMs: 0,
+    ttftSamples: 0,
+    toolMs: 0,
+    compactionRecords: 0,
+    compactionCompleted: 0,
+    compactionEvents: 0,
+    compactionWindow: 0,
+    baseInstructionTokens: 0,
+    visibleSections: { instructions: 0, messages: 0, tools: 0 },
+    hasVisibleHistory: false,
+    updatedAt: null,
+  };
+}
+
+function overlappingToolMs(intervals, start, end) {
+  const clipped = intervals
+    .map(([toolStart, toolEnd]) => [Math.max(start, toolStart), Math.min(end, toolEnd)])
+    .filter(([left, right]) => right > left)
+    .sort((left, right) => left[0] - right[0]);
+  let elapsed = 0;
+  let rightEdge = start;
+  for (const [left, right] of clipped) {
+    elapsed += Math.max(0, right - Math.max(left, rightEdge));
+    rightEdge = Math.max(rightEdge, right);
+  }
+  return elapsed;
+}
+
+export function applySessionStatusEvent(state, event) {
+  const reset = () => { state.firstOutputAt=null; state.pendingToolIntervals=[]; };
+  switch (event.kind) {
+    case "history-replaced":
+      state.compactionRecords++; state.last=null; reset();
+      if (Number.isSafeInteger(event.window) && event.window >= 0) state.compactionWindow=Math.max(state.compactionWindow,event.window);
+      state.visibleSections=event.sections ?? {instructions:0,messages:0,tools:0};
+      state.hasVisibleHistory=event.sections !== null;
+      break;
+    case "history-added": addSections(state.visibleSections,event.sections); state.hasVisibleHistory=true; break;
+    case "turn-observed": state.turns.add(event.id); break;
+    case "session-configured":
+      if (Number.isFinite(event.contextWindow)) state.contextWindow=event.contextWindow;
+      state.baseInstructionTokens=event.instructionTokens; break;
+    case "context-reset": state.compactionEvents++; state.last=null; reset(); break;
+    case "turn-started": reset(); state.turns.add(event.id); state.runningTurns.add(event.id); break;
+    case "turn-ended": reset(); if (event.id) state.runningTurns.delete(event.id); else state.runningTurns.clear(); break;
+    case "first-token-measured": state.ttftTotalMs+=event.elapsed; state.ttftSamples++; break;
+    case "compaction-finished": state.compactionCompleted++; break;
+    case "output-observed": state.firstOutputAt=Math.min(state.firstOutputAt ?? event.start,event.start); break;
+    case "tool-measured":
+      state.toolMs+=Math.max(0,event.end-event.start);
+      state.pendingToolIntervals.push([event.start,event.end]);
+      // 工具记录可能晚到，补扣与既有响应样本重叠的时间。
+      for (const sample of state.speedMeasurements) if (event.start < sample.end && event.end > sample.start) sample.tools.push([event.start,event.end]);
+      break;
+    case "usage-observed":
+      if (!state.hasResponseUsage && event.total) state.total=event.total;
+      if (event.last) state.last=event.last;
+      if (Number.isFinite(event.contextWindow)) state.contextWindow=event.contextWindow;
+      break;
+    case "response-measured":
+      if (event.id && state.responses.has(event.id)) return;
+      if (event.id) {
+        state.responses.add(event.id);
+        const output=event.last?.output;
+        if (Number.isFinite(output) && output > 0 && state.firstOutputAt != null && Number.isFinite(event.end) && event.end > state.firstOutputAt)
+          state.speedMeasurements.push({ start:state.firstOutputAt,end:event.end,output,tools:state.pendingToolIntervals.slice() });
+      }
+      reset();
+      if (event.total) { state.total=event.total; state.hasResponseUsage=true; }
+      if (event.last) state.last=event.last;
+      break;
+  }
+  if (state.total || state.turns.size) state.updatedAt=event.at ?? state.updatedAt;
+}
+
+export function sessionStatusSnapshot(state, threadId) {
+  let decodeTokens = 0;
+  let decodeMs = 0;
+  let speedSamples = 0;
+  for (const sample of state.speedMeasurements) {
+    const elapsed = sample.end - sample.start - overlappingToolMs(sample.tools, sample.start, sample.end);
+    if (elapsed <= 0 || elapsed >= 600_000) continue;
+    decodeTokens += sample.output;
+    decodeMs += elapsed;
+    speedSamples += 1;
+  }
+  const total = state.total;
+  const input = total?.input ?? 0;
+  const cached = total?.cached ?? 0;
+  const cacheWrite = total?.cacheWrite ?? 0;
+  const contextUsed = state.last?.total ?? null;
+  const contextWindow = state.contextWindow > 0 ? state.contextWindow : null;
+  return {
+    threadId,
+    isRunning: state.runningTurns.size > 0,
+    turns: state.turns.size,
+    steps: state.responses.size,
+    totalTokens: total?.total ?? null,
+    inputTokens: total?.input ?? null,
+    cachedInputTokens: total?.cached ?? null,
+    cacheWriteInputTokens: total?.cacheWrite ?? null,
+    uncachedInputTokens: total ? Math.max(0, input - cached - cacheWrite) : null,
+    outputTokens: total?.output ?? null,
+    cacheHitPercent: input > 0 ? Math.round(cached / input * 100) : null,
+    observedTps: decodeMs > 0 ? Math.round(decodeTokens / (decodeMs / 1000)) : null,
+    speedSamples,
+    observedModelMs: decodeMs,
+    toolMs: state.toolMs,
+    averageFirstTokenMs: state.ttftSamples > 0 ? Math.round(state.ttftTotalMs / state.ttftSamples) : null,
+    contextUsedTokens: contextUsed,
+    contextWindow,
+    contextPercent: contextUsed != null && contextWindow != null
+      ? Math.min(100, Math.round(contextUsed / contextWindow * 100)) : null,
+    compactions: Math.max(state.compactionWindow, state.compactionRecords,
+      state.compactionCompleted, state.compactionEvents),
+    contextSections: state.hasVisibleHistory ? {
+      instructions: state.baseInstructionTokens + state.visibleSections.instructions,
+      messages: state.visibleSections.messages,
+      toolHistory: state.visibleSections.tools,
+    } : null,
+    updatedAt: state.updatedAt,
+  };
+}

package/features/session-status/src/injection-source.mjs

@@ -0,0 +1,6 @@
+import { readFile } from "node:fs/promises";
+import { createContextUsageAdapter } from "./adapters/codex/context-usage.mjs";
+export async function createPageScriptSource() {
+  const source=await readFile(new URL("./session-status.mjs",import.meta.url),"utf8");
+  return `const createContextUsageAdapter=${createContextUsageAdapter.toString()};\n${source}`;
+}