diff --git a/debug/index.html b/debug/index.html index ad0222e..3939981 100644 --- a/debug/index.html +++ b/debug/index.html @@ -332,6 +332,63 @@ .param-desc { color: var(--text2); word-break: break-word; } .param-req { color: #f48771; font-size: 9px; margin-left: 3px; } + /* ── Planning tab ── */ + .plan-run { + border: 1px solid var(--border); + border-radius: 6px; + overflow: hidden; + margin-bottom: 10px; + } + .plan-run-header { + display: flex; align-items: center; gap: 10px; + padding: 7px 12px; + background: var(--bg2); + cursor: pointer; + user-select: none; + } + .plan-run-header:hover { background: var(--bg3); } + .plan-run-ts { font-size: 11px; color: var(--text2); } + .plan-run-result { + font-size: 10px; padding: 1px 6px; border-radius: 3px; font-weight: 700; + } + .result-plan { background: #1e2d1e; color: #6a9955; } + .result-direct { background: #3a3a1e; color: #dcdcaa; } + .result-other { background: #3a1e1e; color: #f48771; } + .plan-run-chevron { font-size: 11px; color: var(--text3); margin-left: auto; transition: transform .15s; } + .plan-run-chevron.open { transform: rotate(90deg); } + + .plan-run-body { background: var(--bg); } + .plan-run-body.hidden { display: none; } + + .phase-block { + border-top: 1px solid var(--border); + } + .phase-header { + display: flex; align-items: center; gap: 8px; + padding: 5px 12px; + background: var(--bg2); + cursor: pointer; + user-select: none; + } + .phase-header:hover { background: var(--bg3); } + .phase-label { + font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .07em; + } + .phase-1 { color: var(--accent); } + .phase-2 { color: var(--c-assistant); } + .phase-3 { color: var(--c-user); } + .phase-tokens { font-size: 10px; color: var(--text3); margin-left: auto; } + .phase-changed { font-size: 9px; padding: 1px 5px; border-radius: 3px; background: #1e3a2f; color: var(--accent); } + .phase-chevron { font-size: 11px; color: var(--text3); transition: transform .15s; } + .phase-chevron.open { transform: rotate(90deg); } + + .phase-body { padding: 10px 12px; background: var(--bg); } + .phase-body.hidden { display: none; } + .phase-body pre { + white-space: pre-wrap; word-break: break-word; + line-height: 1.55; color: var(--text); font-family: inherit; font-size: 12px; + } + /* ── Scrollbar ── */ ::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-track { background: transparent; } @@ -348,6 +405,7 @@
+
@@ -383,6 +441,14 @@
+ + +