fix(usage): make plan-usage chip work end-to-end + session-status footer

End-to-end testing on the real install surfaced several issues the unit
tests missed:

- Injection gate excluded real sessions: gated on workingDir under CASES_DIR,
  but sessions run in linked cases / real repos. Drop the gate (match
  updateCaseModel, which writes settings.local.json unconditionally).
- statusLine curl failed on HTTPS: prod is loopback HTTPS with a self-signed
  cert; `curl -s` returns 000. Use `curl -sk` (loopback only). applyStatusLineConfig
  now also updates an out-of-date ours-command so the fix propagates.
- Footer hijacked by limits: the in-terminal statusline now shows CURRENT
  SESSION status — `Opus 4.8 (1M context)  in:562,411 out:1,188  ctx:56%` —
  while the account-wide plan limits live only in the header chip.
- Chip blank after reload: persist last-known to localStorage and restore on
  load (account-global, slow-moving; 12h freshness guard).
- Readability + color: per-window green/yellow/red by usage (<60 / 60–84 / ≥85),
  bolder labels and values.
- Drop the renderIndexHtml strip (client-side reveal only, response-viewer
  pattern) — fixes server-index-title test fragility to local settings.

Footer fields flow through context_window.total_input_tokens/total_output_tokens
(schema + parser). Tests updated; verified live (footer, chip, colors, reload
persistence) on the real install.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
arkon
2026-06-14 05:44:54 +02:00
co-authored by Claude Opus 4.8
parent c82f6c802e
commit 4d9d93dfff
9 changed files with 191 additions and 62 deletions
+30 -6
View File
@@ -8341,13 +8341,37 @@ kbd {
white-space: nowrap;
cursor: default;
}
.header-plan-usage--warn {
color: #e6b800;
border-color: rgba(230, 184, 0, 0.4);
/* Readable two-window layout: dim uppercase label + bold, color-coded value. */
.header-plan-usage .pu-win {
display: inline-flex;
align-items: baseline;
gap: 4px;
}
.header-plan-usage--crit {
color: var(--danger, #ff5c5c);
border-color: rgba(255, 92, 92, 0.5);
.header-plan-usage .pu-label {
font-size: 0.66rem;
font-weight: 700;
color: var(--text);
opacity: 0.9;
text-transform: uppercase;
letter-spacing: 0.02em;
}
.header-plan-usage .pu-val {
font-weight: 700;
}
.header-plan-usage .pu-sep {
margin: 0 7px;
color: var(--text-dim);
opacity: 0.45;
}
/* Green/yellow/red by how much of the window is used up. */
.header-plan-usage .pu-green {
color: #3fb950;
}
.header-plan-usage .pu-yellow {
color: #d6a01a;
}
.header-plan-usage .pu-red {
color: #f85149;
}
/* Marker class must out-specify the display:inline-flex !important above. */
.header-plan-usage.header-plan-usage--hidden {