@meridianlabs/log-viewer 0.3.273 → 0.3.276

package/lib/styles/index.css

@@ -1,4 +1,89 @@
-@charset "UTF-8";/*!
+@charset "UTF-8";._ansiDisplayContainer_33le5_1 {
+  position: relative;
+  width: 100%;
+}
+
+._ansiDisplay_33le5_1 {
+  font-family: monospace;
+  white-space: pre-wrap;
+  line-height: normal;
+  --ansiBlack: #000000;
+  --ansiRed: #cd3131;
+  --ansiGreen: #00bc00;
+  --ansiYellow: #949800;
+  --ansiBlue: #0451a5;
+  --ansiMagenta: #bc05bc;
+  --ansiCyan: #0598bc;
+  --ansiWhite: #555555;
+  --ansiBrightBlack: #666666;
+  --ansiBrightRed: #cd3131;
+  --ansiBrightGreen: #14ce14;
+  --ansiBrightYellow: #b5ba00;
+  --ansiBrightBlue: #0451a5;
+  --ansiBrightMagenta: #bc05bc;
+  --ansiBrightCyan: #0598bc;
+  --ansiBrightWhite: #a5a5a5;
+}
+
+._ansiDisplayRaw_33le5_28 {
+  margin: 0;
+  white-space: pre-wrap;
+}
+
+.dark-mode ._ansiDisplay_33le5_1 {
+  --ansiBlack: #000000;
+  --ansiRed: #cd3131;
+  --ansiGreen: #0dbc79;
+  --ansiYellow: #e5e510;
+  --ansiBlue: #2472c8;
+  --ansiMagenta: #bc3fbc;
+  --ansiCyan: #11a8cd;
+  --ansiWhite: #e5e5e5;
+  --ansiBrightBlack: #666666;
+  --ansiBrightRed: #f14c4c;
+  --ansiBrightGreen: #23d18b;
+  --ansiBrightYellow: #f5f543;
+  --ansiBrightBlue: #3b8eea;
+  --ansiBrightMagenta: #d670d6;
+  --ansiBrightCyan: #29b8db;
+  --ansiBrightWhite: #e5e5e5;
+}
+
+@keyframes _ansi-display-run-blink_33le5_1 {
+  50% {
+    opacity: 0;
+  }
+}
+.btn._toolButton_13erz_1 {
+  background-color: var(--bs-light-border-subtle);
+  border: 1px solid var(--bs-border-color);
+  white-space: nowrap;
+}
+
+._marginRight_13erz_7 {
+  margin-right: 0.5em;
+}
+
+._toolButton_13erz_1:focus {
+  outline: none;
+  box-shadow:
+    0 0 0 2px rgba(var(--bs-primary-rgb), 0.5),
+    inset 0 2px 4px rgba(0, 0, 0, 0.15),
+    inset 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.btn._toolButton_13erz_1._subtle_13erz_19 {
+  background-color: var(--bs-light);
+}
+
+.btn._toolButton_13erz_1._latched_13erz_23,
+.btn._toolButton_13erz_1._latched_13erz_23:hover {
+  background-color: var(--bs-secondary-bg);
+  box-shadow:
+    inset 0 2px 4px rgba(0, 0, 0, 0.15),
+    inset 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+/*!
  * Bootstrap Icons v1.13.1 (https://icons.getbootstrap.com/)
  * Copyright 2019-2024 The Bootstrap Authors
  * Licensed under MIT (https://github.com/twbs/icons/blob/main/LICENSE)
@@ -17145,108 +17230,24 @@ li > ul {
   background: var(--bs-primary);
   color: white;
 }
-._ansiDisplayContainer_1749m_1 {
-  position: relative;
-  width: 100%;
-}
-
-._ansiDisplay_1749m_1 {
-  font-family: monospace;
-  white-space: pre-wrap;
-  line-height: normal;
-  --ansiBlack: #000000;
-  --ansiRed: #cd3131;
-  --ansiGreen: #00bc00;
-  --ansiYellow: #949800;
-  --ansiBlue: #0451a5;
-  --ansiMagenta: #bc05bc;
-  --ansiCyan: #0598bc;
-  --ansiWhite: #555555;
-  --ansiBrightBlack: #666666;
-  --ansiBrightRed: #cd3131;
-  --ansiBrightGreen: #14ce14;
-  --ansiBrightYellow: #b5ba00;
-  --ansiBrightBlue: #0451a5;
-  --ansiBrightMagenta: #bc05bc;
-  --ansiBrightCyan: #0598bc;
-  --ansiBrightWhite: #a5a5a5;
-}
-
-._ansiDisplayRaw_1749m_28 {
-  margin: 0;
+/* A bidi island: strong RTL/LTR characters in untrusted text can't reorder
+   the UI text around it, and each line takes its direction from its own
+   content (as a terminal would) instead of the page's. */
+._untrustedText_tpj36_4 {
+  unicode-bidi: plaintext;
   white-space: pre-wrap;
 }
 
-._ansiDisplayToggle_1749m_33 {
-  position: absolute;
-  top: 0.25rem;
-  right: 0.25rem;
-  z-index: 10;
-  opacity: 0.7;
-  transition: opacity 0.2s;
-}
-
-._ansiDisplayContainer_1749m_1:hover ._ansiDisplayToggle_1749m_33 {
-  opacity: 1;
-}
-
-.dark-mode ._ansiDisplay_1749m_1 {
-  --ansiBlack: #000000;
-  --ansiRed: #cd3131;
-  --ansiGreen: #0dbc79;
-  --ansiYellow: #e5e510;
-  --ansiBlue: #2472c8;
-  --ansiMagenta: #bc3fbc;
-  --ansiCyan: #11a8cd;
-  --ansiWhite: #e5e5e5;
-  --ansiBrightBlack: #666666;
-  --ansiBrightRed: #f14c4c;
-  --ansiBrightGreen: #23d18b;
-  --ansiBrightYellow: #f5f543;
-  --ansiBrightBlue: #3b8eea;
-  --ansiBrightMagenta: #d670d6;
-  --ansiBrightCyan: #29b8db;
-  --ansiBrightWhite: #e5e5e5;
-}
-
-@keyframes _ansi-display-run-blink_1749m_1 {
-  50% {
-    opacity: 0;
-  }
-}
-
-._ansiDisplayToggle_1749m_33 {
-  padding: 0 0.2rem;
-  background-color: var(--bs-body-bg);
-}
-.btn._toolButton_13erz_1 {
-  background-color: var(--bs-light-border-subtle);
-  border: 1px solid var(--bs-border-color);
-  white-space: nowrap;
-}
-
-._marginRight_13erz_7 {
-  margin-right: 0.5em;
-}
-
-._toolButton_13erz_1:focus {
-  outline: none;
-  box-shadow:
-    0 0 0 2px rgba(var(--bs-primary-rgb), 0.5),
-    inset 0 2px 4px rgba(0, 0, 0, 0.15),
-    inset 0 1px 2px rgba(0, 0, 0, 0.1);
-}
-
-.btn._toolButton_13erz_1._subtle_13erz_19 {
-  background-color: var(--bs-light);
+/* Inline untrusted text inherits its container's wrapping, so single-line
+   labels and grid cells still truncate. */
+._untrustedInlineText_tpj36_11 {
+  unicode-bidi: plaintext;
 }
 
-.btn._toolButton_13erz_1._latched_13erz_23,
-.btn._toolButton_13erz_1._latched_13erz_23:hover {
-  background-color: var(--bs-secondary-bg);
-  box-shadow:
-    inset 0 2px 4px rgba(0, 0, 0, 0.15),
-    inset 0 1px 2px rgba(0, 0, 0, 0.1);
+._placeholder_tpj36_15 {
+  font-style: italic;
+  color: var(--bs-secondary-color);
+  margin-inline-end: 0.5em;
 }
 ._errorPanel_13pj6_1 {
   flex-direction: column;
@@ -17532,6 +17533,12 @@ li > ul {
 .markdown-content p:last-child {
   margin-bottom: 0;
 }
+
+/* Untrusted content is shown as its literal source text. */
+.untrusted-content {
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
 ._panel_tison_1 {
   width: 100%;
   display: flex;
@@ -21283,981 +21290,683 @@ a._citationLink_1gzkd_9:hover {
   height: 100%;
   position: relative;
 }
-._toolsGrid_1qqm2_1 {
-  display: grid;
-  row-gap: 0em;
+/* Colour roles (handoff decision 4): hue says WHO (agent rows), red says
+   STATUS, and these two say WHAT. The tool teal is saturated and lifted
+   well off the model grey (≥ 1.8 : 1 light, ≥ 2.4 : 1 dark) so a tool
+   tick reads next to a model span in either theme (design owner
+   2026-09-15). */
+._chart_md8fn_6 {
+  position: relative;
+  width: 100%;
+  --sa-model-color: #64748b;
+  --sa-tool-color: #14b8a6;
+  --sa-tool-label-color: #0f766e;
 }
 
-._tools_1qqm2_1 {
-  display: grid;
-  grid-template-columns: max-content max-content;
-  column-gap: 1rem;
-  margin: 0;
-  align-items: baseline;
+._svg_md8fn_14 {
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
 }
 
-._tool_1qqm2_1 {
-  padding: 0;
-  color: inherit !important;
-}
-._root_ugt1x_1 {
-  /* A var, not a plain 100vh, so a host whose chrome sits above the page
-     (scout's ProjectBar) can shrink the root via its className without a
-     cascade-order fight — an overflowing root gets its header clipped once
-     mount-time scrolling nudges the overflow-hidden ancestor. */
-  height: var(--focus-turn-view-height, 100vh);
-  display: flex;
-  flex-direction: column;
+/* Uppercase 9px band labels, letter-spacing set inline (SVG attr). */
+._bandLabel_md8fn_22 {
+  font-size: 9px;
+  fill: var(--bs-secondary-color);
 }
 
-/* Fixed secondary header under the app chrome: agent-path breadcrumb on the
-   left; turn label + turn/lane navigation + exit-focus on the right. A
-   non-scrolling sibling of the scroll container (the column layout pins it). */
-._focusBar_ugt1x_14 {
-  flex: 0 0 auto;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 0.5em;
-  padding: 0.3rem 0.5rem;
-  background-color: var(--bs-body-bg);
-  border-bottom: 1px solid var(--bs-border-color);
+._bandHeadline_md8fn_27 {
+  font-size: 9px;
+  fill: var(--bs-secondary-color);
+  font-family: var(--bs-font-monospace);
 }
 
-._crumbs_ugt1x_25 {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.4em;
-  white-space: nowrap;
-  color: var(--bs-secondary);
+._axisLine_md8fn_33 {
+  stroke: var(--bs-border-color);
 }
 
-._laneName_ugt1x_33 {
-  font-weight: 500;
+._axisLabel_md8fn_37 {
+  font-size: 9px;
+  fill: var(--bs-secondary-color);
 }
 
-/* Breadcrumb segments that act (ancestor links, lane picker) render as plain
-   text in the bar's muted color; hover matches the bar's icon buttons. */
-._crumbButton_ugt1x_39 {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.25em;
-  padding: 0;
-  border: none;
-  background: none;
-  color: inherit;
-  font-size: inherit;
-  font-family: inherit;
-  cursor: pointer;
+._yTickLabel_md8fn_42 {
+  font-size: 9px;
+  fill: var(--bs-secondary-color);
 }
 
-._crumbButton_ugt1x_39:hover {
-  color: var(--bs-body-color);
-  text-decoration: underline;
-}
+/* ── working time ── */
 
-._crumbButton_ugt1x_39:focus-visible {
-  outline: 2px solid currentColor;
-  outline-offset: 2px;
+._workingBlock_md8fn_49 {
+  fill: #5b8ec4;
 }
 
-._crumbSeparator_ugt1x_62 {
-  font-size: 0.7em;
-  opacity: 0.6;
+._stallBracket_md8fn_53 {
+  stroke: #adb5bd;
+  stroke-width: 1;
+  fill: none;
 }
 
-._laneMenu_ugt1x_67 {
-  display: flex;
-  flex-direction: column;
-  row-gap: 0.15em;
+._stallBracketRetry_md8fn_59 {
+  stroke: #b04a3c;
+  stroke-width: 1;
+  fill: none;
 }
 
-._laneMenuItem_ugt1x_73 {
-  display: block;
-  border: none;
-  background: none;
-  color: var(--bs-body-color);
-  font-family: inherit;
-  text-align: left;
-  white-space: nowrap;
-  cursor: pointer;
-  border-radius: var(--bs-border-radius);
-  padding: 0.1em 0.4em;
+._stallLabel_md8fn_65 {
+  font-size: 9px;
+  fill: var(--bs-secondary-color);
 }
 
-._laneMenuItem_ugt1x_73:hover {
-  background-color: var(--bs-secondary-bg);
+._stallLabelRetry_md8fn_70 {
+  font-size: 9px;
+  fill: #b04a3c;
 }
 
-._laneMenuItemCurrent_ugt1x_90 {
-  font-weight: 600;
+/* ── curves ── */
+
+/* Painted geometry only: the full-plot hit surface beneath reads the
+   curves, so a stroke or fill must never catch the pointer — a hover
+   landing on a context vertex, or a travelling pointer crossing the line,
+   would otherwise reach nothing (review pass 15). */
+._tokenSeries_md8fn_81 {
+  fill: none;
+  stroke: #495057;
+  stroke-width: 1.2;
+  pointer-events: none;
 }
 
-._controls_ugt1x_94 {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.15em;
-  color: var(--bs-secondary);
+._contextSeries_md8fn_88 {
+  fill: none;
+  stroke: #3a7bd5;
+  stroke-width: 1.2;
+  pointer-events: none;
 }
 
-._turnLabel_ugt1x_101 {
-  white-space: nowrap;
-  margin-right: 0.35em;
+._contextDot_md8fn_95 {
+  fill: #3a7bd5;
+  pointer-events: none;
 }
 
-._divider_ugt1x_106 {
-  display: inline-block;
-  width: 1px;
-  align-self: stretch;
-  background-color: var(--bs-border-color);
-  margin: 2px 0.5em;
-  opacity: 0.5;
+._compactionDrop_md8fn_100 {
+  stroke: #2b6a94;
+  stroke-dasharray: 3 2;
 }
 
-._button_ugt1x_115 {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 0.3em;
-  border: none;
-  background: none;
-  color: var(--bs-secondary);
-  cursor: pointer;
-  line-height: 1.6;
-  text-decoration: none;
+._compactionLabel_md8fn_105 {
+  font-size: 9px;
+  fill: #2b6a94;
 }
 
-._button_ugt1x_115:hover:not(:disabled) {
-  color: var(--bs-body-color);
+/* ── shared cursor (handoff 11a) ── */
+
+/* One hairline through every band at the anchor time. */
+._cursorLine_md8fn_113 {
+  stroke: #adb5bd;
+  stroke-width: 1;
+  pointer-events: none;
 }
 
-._button_ugt1x_115:focus-visible {
-  outline: 2px solid currentColor;
-  outline-offset: 2px;
+/* Dark pill on the axis pinning the exact time (or turn). */
+._cursorPill_md8fn_120 {
+  fill: #212529;
+  pointer-events: none;
 }
 
-._button_ugt1x_115:disabled {
-  opacity: 0.3;
-  cursor: default;
+._cursorPillText_md8fn_125 {
+  fill: #fff;
+  font-family: var(--bs-font-monospace);
+  font-size: 9px;
+  pointer-events: none;
 }
 
-/* Only the scroll container flexes. Host-provided header chrome must not
-   shrink: an overflow:hidden header (scout's navbar) has no automatic
-   min-height, so with the scroller's content-sized flex basis it would get
-   crushed whenever the focused turn is taller than the viewport. */
-._root_ugt1x_1 > :not(._container_ugt1x_146) {
-  flex-shrink: 0;
+/* Read-out dot per visible row on the curve bands (stroke = row hue). */
+._readoutDot_md8fn_133 {
+  fill: var(--bs-body-bg);
+  stroke-width: 1.5;
+  pointer-events: none;
 }
 
-._container_ugt1x_146 {
-  flex: 1 1 auto;
-  min-height: 0;
-  overflow-y: auto;
-  padding: 0 0.5rem 1rem;
+/* Full-plot hit surface — sits under every span/marker so they still
+   receive their own hovers. */
+._plotHit_md8fn_141 {
+  fill: transparent;
 }
 
-/* A single focused event isn't a transcript list — drop the per-card box and
-   the expanded-boundary gutter (both are transcript-row chrome). Keep the
-   background so the model's sticky header stays opaque as content scrolls. */
-._container_ugt1x_146 [id^="event-panel-"] {
-  border: none !important;
-  box-shadow: none !important;
-  padding: 0;
+/* Stall regions on the working band carry their own hover target. */
+._stallHit_md8fn_146 {
+  fill: transparent;
 }
 
-/* Sample/transcript-level error strip: persistent on every focused turn
-   (only the last turn's slice carries the actual error card). */
-._errorStrip_ugt1x_168 {
-  display: flex;
-  align-items: baseline;
-  gap: 0.5em;
-  width: 100%;
-  border: none;
-  border-bottom: solid 1px var(--bs-border-color);
-  background: var(--bs-danger-bg-subtle);
-  color: var(--bs-danger-text-emphasis);
-  font-size: 0.8rem;
-  padding: 0.25rem 1rem;
-  text-align: left;
-  cursor: pointer;
+/* Token burn stacked by conversation (handoff 10a): each layer fills in
+   its row hue at 0.28 with a 1px top edge in the same hue (both inline). */
+._tokenLayer_md8fn_152 {
+  opacity: 0.28;
+  stroke: none;
+  pointer-events: none;
 }
 
-._errorStripLabel_ugt1x_183 {
-  font-weight: 600;
-  text-transform: uppercase;
-  font-size: 0.7rem;
-  letter-spacing: 0.04em;
-  flex-shrink: 0;
+._tokenLayerEdge_md8fn_158 {
+  fill: none;
+  stroke-width: 1;
+  pointer-events: none;
 }
 
-._errorStripMessage_ugt1x_191 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+/* Gutter legend under a curve band's label: swatch · name. */
+._legendName_md8fn_165 {
+  font-size: 9px;
+  fill: var(--bs-body-color);
 }
-/* Zero-height sticky dock so mounting the bar never shifts the event list;
-   it centers the bar over the events column. Sits above the sticky card
-   headers (z-index 1) and the swimlanes (500). `top` is set inline to the
-   chrome offset. */
-._dock_1hs1n_5 {
-  position: sticky;
-  z-index: 600;
-  height: 0;
-  display: flex;
-  justify-content: center;
-  /* The zero-height dock would otherwise stretch the bar to its own height,
-     collapsing the bar's vertical padding. */
-  align-items: flex-start;
-  pointer-events: none;
+
+/* ── model & tool activity ── */
+
+._rowLabel_md8fn_172 {
+  font-size: 9px;
+  fill: var(--bs-body-color);
 }
 
-._bar_1hs1n_17 {
-  pointer-events: auto;
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  margin-top: 24px;
-  padding: 12px 16px;
-  background: var(--bs-body-bg);
-  border: 1px solid var(--bs-border-color);
-  border-radius: var(--bs-border-radius);
-  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
+._rowLabelMuted_md8fn_177 {
+  fill: #adb5bd;
 }
 
-._title_1hs1n_30 {
-  font-size: 11px;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-  color: var(--bs-secondary-color);
-  white-space: nowrap;
+._modelSpan_md8fn_181 {
+  fill: var(--sa-model-color);
 }
 
-/* Width is set inline (fits the placeholder range / prefilled value). */
-._input_1hs1n_39 {
-  padding: 2px 6px;
-  font-size: 12.5px;
-  color: var(--bs-body-color);
-  background: var(--bs-body-bg);
-  border: 1px solid var(--inspect-focus-border-color);
-  border-radius: var(--bs-border-radius);
-  outline: none;
+._toolSpan_md8fn_185 {
+  fill: var(--sa-tool-color);
 }
 
-._input_1hs1n_39:focus {
-  box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb), 0.18);
+/* Failed tool call: red-outlined span (handoff decision 4). */
+._failedSpan_md8fn_190 {
+  fill: #fdf1ef;
+  stroke: #b04a3c;
 }
 
-._input_1hs1n_39::placeholder {
-  color: var(--bs-tertiary-color);
+._pendingSpan_md8fn_195 {
+  opacity: 0.55;
 }
 
-._range_1hs1n_57 {
-  font-size: 13px;
-  color: var(--bs-secondary-color);
-  white-space: nowrap;
+/* Span hover (handoff 11a): the hovered rect outlines. Its turn-mates no
+   longer dim (design owner, 2026-09-15). */
+._spanHovered_md8fn_201 {
+  stroke: #212529;
+  stroke-width: 1;
 }
 
-._divider_1hs1n_63 {
-  width: 1px;
-  height: 18px;
-  background: var(--bs-border-color);
+/* ── Turns axis (handoff 8b) ── */
+
+/* Column rects: no rounding, a 1.5px body-bg seam between columns. */
+._turnRect_md8fn_209 {
+  stroke: var(--bs-body-bg);
+  stroke-width: 1.5;
 }
 
-._hint_1hs1n_69 {
-  font-size: 11.5px;
-  color: var(--bs-secondary-color);
-  white-space: nowrap;
+/* The seam rule above shares `.failedSpan` / `.spanHovered`'s specificity
+   and comes later, so on a Turns rect it would win: the failed outline and
+   the hover outline are restated at higher specificity. */
+._turnRect_md8fn_209._failedSpan_md8fn_190 {
+  stroke: #b04a3c;
+  stroke-width: 1;
 }
 
-._hintKey_1hs1n_75 {
-  font-weight: 600;
+._turnRect_md8fn_209._spanHovered_md8fn_201 {
+  stroke: #212529;
+  stroke-width: 1;
 }
 
-._close_1hs1n_79 {
-  display: inline-flex;
-  align-items: center;
-  padding: 0;
-  border: none;
-  background: none;
-  font-size: 15px;
-  color: var(--bs-secondary-color);
-  cursor: pointer;
-  line-height: 1;
+/* Faint full-height column separators behind every band. */
+._turnSeparator_md8fn_228 {
+  stroke: #f1f3f5;
+  stroke-width: 1;
+  pointer-events: none;
 }
 
-._close_1hs1n_79:hover {
-  color: var(--bs-body-color);
+/* A rejected call's slot: the tool never ran. */
+._ghostSpan_md8fn_235 {
+  fill: #f7f3fc;
+  stroke: #6b4fa8;
+  stroke-dasharray: 2 2;
+  pointer-events: none;
 }
-._selectorContainer_djjmp_1 {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  margin-right: 2px;
+
+._ghostLabel_md8fn_242 {
+  font-size: 8px;
+  fill: #6b4fa8;
 }
 
-._selectorButton_djjmp_8 {
-  display: inline-flex;
-  align-items: center;
-  gap: 3px;
-  background-color: var(--bs-body-bg);
-  color: var(--bs-body-color);
-  border: 1px solid var(--bs-border-color);
-  border-radius: var(--bs-border-radius-pill, 999px);
-  padding: 0 8px;
-  font-size: var(--inspect-font-size-smallest);
-  font-weight: 500;
-  cursor: pointer;
-  white-space: nowrap;
-  line-height: 1.5;
+/* A crowded half whose slots are all rejected calls: one ghost that,
+   unlike the per-slot ghosts, takes the aggregate's hover and click. Its
+   dashed stroke is declared after `.spanHovered`, so the hover outline is
+   restated at higher specificity. */
+._ghostAggregate_md8fn_251 {
+  pointer-events: auto;
 }
 
-._selectorButton_djjmp_8:hover {
-  background-color: var(--bs-tertiary-bg);
+._ghostAggregate_md8fn_251._spanHovered_md8fn_201 {
+  stroke: #212529;
 }
 
-._chevron_djjmp_28 {
-  font-size: 0.6em;
-  margin-left: 1px;
+._axisLabelMuted_md8fn_259 {
+  fill: var(--bs-secondary-color);
+  opacity: 0.8;
 }
 
-._backdrop_djjmp_33 {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 998;
+/* Grader / secondary-role rows render muted (handoff decision 4). */
+._roleRow_md8fn_265 {
+  opacity: 0.7;
 }
 
-._dropdownMenu_djjmp_42 {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  margin-top: 2px;
-  background: var(--bs-body-bg);
-  border: 1px solid var(--bs-border-color);
-  border-radius: var(--bs-border-radius);
-  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
-  z-index: 999;
-  min-width: 100%;
-  overflow: hidden;
-  padding: 2px 0;
+/* "+N more" fold row: a grey summary of the conversations past the cap. */
+._foldRow_md8fn_270 {
+  opacity: 0.6;
 }
 
-._dropdownItem_djjmp_57 {
-  display: block;
-  width: 100%;
-  padding: 2px 10px;
-  background: none;
-  border: none;
-  text-align: left;
-  cursor: pointer;
-  color: var(--bs-body-color);
-  font-size: var(--inspect-font-size-smallest);
-  white-space: nowrap;
+/* Parent conversation waiting on a spawned child — the only idle ever
+   drawn on the activity band (handoff 10a). */
+._blockedThread_md8fn_276 {
+  stroke: #adb5bd;
+  stroke-width: 1;
+  stroke-dasharray: 2 3;
 }
 
-._dropdownItem_djjmp_57:hover {
-  background-color: var(--bs-tertiary-bg);
+._blockedLabel_md8fn_282 {
+  font-size: 8px;
+  fill: #adb5bd;
 }
 
-._dropdownItemActive_djjmp_74 {
-  font-weight: 600;
-}
-._selectBox_19rqv_1 {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  width: 1em;
-  height: 1em;
-  padding: 0;
-  margin-right: 0.15em;
-  border: 1px solid var(--bs-border-color);
-  border-radius: 0.25em;
-  background-color: var(--bs-body-bg);
-  color: #fff;
-  font-size: 0.9rem;
-  line-height: 1;
-  opacity: 0.85;
-  cursor: pointer;
+/* ── agent gutter (handoff 10a) ── */
+
+._gutterCheckbox_md8fn_289 {
+  fill: none;
+  stroke: #212529;
+  stroke-width: 1;
 }
 
-._selectBox_19rqv_1._selectBoxChecked_19rqv_19 {
-  opacity: 1;
-  background-color: var(--bs-primary);
-  border-color: var(--bs-primary);
+._gutterCheckboxOn_md8fn_295 {
+  fill: #212529;
 }
 
-._selectBox_19rqv_1:focus-visible {
-  outline: 2px solid var(--bs-primary);
-  outline-offset: 1px;
+._gutterCheck_md8fn_289 {
+  fill: none;
+  stroke: #fff;
+  stroke-width: 1.4;
+  stroke-linecap: round;
+  stroke-linejoin: round;
 }
 
-._selectBox_19rqv_1 i {
-  font-size: 0.75em;
-  line-height: 1;
+._gutterExpand_md8fn_307 {
+  font-size: 9px;
+  fill: var(--bs-secondary-color);
 }
-._title_9b4ex_1 {
-  display: grid;
-  grid-template-columns: max-content max-content minmax(0, 1fr);
-  column-gap: 0.3em;
+
+._gutterName_md8fn_312 {
+  font-size: 9px;
+  fill: #212529;
 }
 
-._title_9b4ex_1._selectable_9b4ex_7 {
-  grid-template-columns: max-content max-content max-content minmax(0, 1fr);
-  align-items: center;
+._gutterModel_md8fn_317 {
+  font-size: 8px;
+  fill: var(--bs-secondary-color);
 }
 
-/* Selected for export — EventPanel's edge + tint; margin absorbs the border. */
-._contents_9b4ex_13._selected_9b4ex_13 {
-  border-left: 3px solid var(--inspect-jump-target-ring-color);
-  margin-left: -2px;
-  background-color: rgba(77, 126, 191, 0.05);
+._gutterHit_md8fn_322 {
+  fill: transparent;
+  cursor: pointer;
+  outline: none;
 }
 
-._contents_9b4ex_13 {
-  padding: 0.4em;
-  margin-bottom: 0;
-  border: solid 1px var(--bs-light-border-subtle);
-  border-radius: var(--bs-border-radius);
+._burstLabel_md8fn_328 {
+  font-size: 8px;
+  fill: var(--sa-tool-label-color);
 }
 
-._below_9b4ex_26 {
-  margin-top: 0.4em;
+._retryBadge_md8fn_333 {
+  font-size: 9px;
+  fill: #b04a3c;
 }
-._headline_1l22a_1 {
-  display: block;
-  min-width: 0;
+
+/* Density strip columns: the majority kind's colour, opacity by count. */
+._densityModel_md8fn_339 {
+  fill: var(--sa-model-color);
 }
 
-._inlineExplanation_1l22a_6 {
-  margin-left: 0.3em;
+._densityTool_md8fn_343 {
+  fill: var(--sa-tool-color);
 }
 
-._rejected_1l22a_10 {
-  color: var(--bs-danger);
+._densityFailure_md8fn_347 {
+  fill: #b04a3c;
+  pointer-events: none;
 }
-._panel_8zdtn_1 {
-  margin: 0.5em 0;
+
+/* Hover-only: the strip has no click action, so no pointer cursor. */
+._densityHit_md8fn_353 {
+  fill: transparent;
 }
-._tab_1je38_1 {
-  min-width: 4rem;
-  padding: 0.1rem 0.6rem;
-  border-radius: var(--bs-border-radius);
+
+/* ── marker rail ── */
+
+/* Only the hit rect is interactive — the group's stem line would
+   otherwise capture hovers meant for the bands beneath it. */
+._marker_md8fn_361 {
+  pointer-events: none;
 }
-._wrapper_og902_1 {
-  position: relative;
-  display: flex;
-  align-items: baseline;
-  justify-content: flex-end;
-  min-width: 0;
-  flex: 1;
+
+/* Focusable for keyboard access to the card, but click-inert. Bootstrap's
+   reboot gives every [role="button"] a pointer; the descendant selector
+   outranks it. */
+._marker_md8fn_361 ._markerHit_md8fn_368 {
+  fill: transparent;
+  pointer-events: all;
+  cursor: default;
+  outline: none;
 }
 
-._navs_og902_10 {
-  margin-right: 0;
-  flex-wrap: nowrap;
+/* Bordered count box above a clustered glyph (stroke/text take the
+   category hue inline) — the task timeline's ordinal-box token. */
+._clusterBoxRect_md8fn_377 {
+  fill: var(--bs-body-bg);
+  stroke-opacity: 0.55;
+  pointer-events: none;
 }
 
-/* Off-screen single-line copy of the pills used to measure the natural
-   width that determines whether to render tabs or the picker. */
-._probe_og902_17 {
-  position: absolute;
-  top: 0;
-  left: 0;
-  visibility: hidden;
+._clusterBoxText_md8fn_383 {
+  font-family: var(--bs-font-monospace);
+  font-size: 9px;
   pointer-events: none;
-  width: max-content;
-  flex-wrap: nowrap;
 }
 
-._probeItem_og902_27 {
-  min-width: 4rem;
-  padding: 0.1rem 0.6rem;
-  white-space: nowrap;
+/* ── dark theme ── */
+
+[data-bs-theme="dark"] ._chart_md8fn_6 {
+  --sa-tool-color: #2dd4bf;
+  --sa-tool-label-color: #5eead4;
 }
-._trigger_nqyxq_1 {
-  display: inline-flex;
-  align-items: center;
-  padding: 0.1rem 0.6rem;
-  border: none;
-  border-radius: var(--bs-border-radius);
-  white-space: nowrap;
-  max-width: 100%;
-  min-width: 0;
-  cursor: pointer;
-  /* `.nav-link.active` colors only apply inside a `.nav-pills` parent;
-     the picker button isn't nested in one, so apply them directly. */
-  background-color: var(--bs-nav-pills-link-active-bg, var(--bs-primary));
-  color: var(--bs-nav-pills-link-active-color, #fff);
+
+[data-bs-theme="dark"] ._tokenSeries_md8fn_81 {
+  stroke: #adb5bd;
 }
 
-._trigger_nqyxq_1:hover {
-  filter: brightness(1.05);
+[data-bs-theme="dark"] ._contextSeries_md8fn_88 {
+  stroke: #6ea0dc;
 }
 
-._label_nqyxq_21 {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+[data-bs-theme="dark"] ._contextDot_md8fn_95 {
+  fill: #6ea0dc;
 }
 
-._chevron_nqyxq_27 {
-  margin-left: 0.4em;
-  font-size: 0.75em;
-  flex-shrink: 0;
+[data-bs-theme="dark"] ._compactionDrop_md8fn_100 {
+  stroke: #6ba3c9;
 }
 
-._backdrop_nqyxq_33 {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  /* Above Bootstrap's sticky-top (1020) so sticky bars don't occlude the menu. */
-  z-index: 1049;
+[data-bs-theme="dark"] ._compactionLabel_md8fn_105 {
+  fill: #8fbcd9;
 }
 
-._menu_nqyxq_43 {
-  position: fixed;
-  background: var(--bs-body-bg);
-  border: 1px solid var(--bs-border-color);
-  border-radius: 0.25rem;
-  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
-  z-index: 1050;
-  overflow: hidden;
-  max-height: 60vh;
-  overflow-y: auto;
+[data-bs-theme="dark"] ._stallBracket_md8fn_53 {
+  stroke: #6c757d;
 }
 
-._item_nqyxq_55 {
-  display: block;
-  width: 100%;
-  padding: 0.25rem 0.75rem;
-  background: none;
-  border: none;
-  text-align: left;
-  cursor: pointer;
-  color: var(--bs-body-color);
-  white-space: nowrap;
-  transition: background-color 0.15s ease-in-out;
+[data-bs-theme="dark"] ._stallBracketRetry_md8fn_59 {
+  stroke: #d98b7f;
 }
 
-._item_nqyxq_55:hover {
-  background-color: var(--bs-tertiary-bg);
+[data-bs-theme="dark"] ._stallLabelRetry_md8fn_70 {
+  fill: #d98b7f;
 }
 
-._item_nqyxq_55:active {
-  background-color: var(--bs-secondary-bg);
+[data-bs-theme="dark"] ._failedSpan_md8fn_190 {
+  fill: #322019;
+  stroke: #d98b7f;
 }
 
-._item_nqyxq_55._selected_nqyxq_76 {
-  background-color: var(--bs-primary);
-  color: var(--bs-light);
+[data-bs-theme="dark"] ._turnRect_md8fn_209._failedSpan_md8fn_190 {
+  stroke: #d98b7f;
 }
 
-._item_nqyxq_55._selected_nqyxq_76:hover {
-  background-color: var(--bs-primary);
-  filter: brightness(1.05);
+[data-bs-theme="dark"] ._retryBadge_md8fn_333 {
+  fill: #d98b7f;
 }
-._stickyWrapper_loteg_1 {
-  position: sticky;
-  /* `top` is set inline from StickyScrollContext (the chrome offset). */
-  /* Full-bleed: cancel the parent card's padding so the sticky bar
-     spans the entire card width, then re-apply padding internally. */
-  margin: -5px -0.625rem -5px -0.625rem;
-  padding: 5px 0.625rem;
-  /* Opaque (matches the host card) even when unstuck so colored message bands
-     don't bleed through the header as it scrolls off during the push-off. */
-  background-color: inherit;
-  z-index: 1;
-  border-bottom: solid 1px transparent;
+
+[data-bs-theme="dark"] ._densityFailure_md8fn_347 {
+  fill: #d98b7f;
 }
 
-/* Header pinned at its sticky offset (attribute toggled by useStickyStuck). */
-._stickyWrapper_loteg_1[data-sticky-stuck] {
-  background-color: var(--bs-light);
-  border-bottom-color: var(--bs-light-border-subtle);
+[data-bs-theme="dark"] ._rowLabelMuted_md8fn_177 {
+  fill: #6c757d;
 }
 
-._label_loteg_21 {
-  margin-right: 0.2em;
-  justify-self: end;
+[data-bs-theme="dark"] ._blockedThread_md8fn_276 {
+  stroke: #6c757d;
 }
 
-/* Single line, truncated with an ellipsis rather than wrapping: the header's
-   grid track shrinks this cell (via `minmax(0, max-content)`) whenever the
-   turnNav cluster and/or tab picker need the room, and a wrapped second line
-   would grow the sticky header's height instead of just losing title text. */
-._title_loteg_30 {
-  min-width: 0;
-  line-height: 1.6;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
+[data-bs-theme="dark"] ._blockedLabel_md8fn_282 {
+  fill: #868e96;
 }
 
-._titleExtra_loteg_38 {
-  display: inline-flex;
-  align-items: center;
-  vertical-align: middle;
-  margin-left: 0.5em;
+[data-bs-theme="dark"] ._gutterCheckbox_md8fn_289 {
+  stroke: #dee2e6;
 }
 
-._navs_loteg_45 {
-  display: flex;
-  align-items: baseline;
-  justify-content: flex-end;
-  min-width: 0;
+[data-bs-theme="dark"] ._gutterCheckboxOn_md8fn_295 {
+  fill: #dee2e6;
 }
 
-._turnLabel_loteg_52 {
-  margin-left: 1rem;
-  margin-top: 0.2rem;
-  opacity: 0.5;
-  font-size: var(--inspect-font-size-smallest);
-  white-space: nowrap;
+[data-bs-theme="dark"] ._gutterCheck_md8fn_289 {
+  stroke: #212529;
 }
 
-._turnNav_loteg_60 {
-  display: inline-flex;
-  align-items: center;
-  margin-left: 1rem;
-  cursor: default;
+[data-bs-theme="dark"] ._gutterName_md8fn_312 {
+  fill: #dee2e6;
 }
 
-._turnNav_loteg_60 ._turnLabel_loteg_52 {
-  margin-left: 0;
-  margin-top: 0;
+[data-bs-theme="dark"] ._cursorLine_md8fn_113 {
+  stroke: #6c757d;
 }
 
-/* Non-capstone headers of a turn hide their cluster while the capstone is on
-   screen, revealing it only when this header is pinned. `visibility` (not
-   `display`) so the grid column keeps its width and nothing reflows. */
-._turnNavFollower_loteg_75 {
-  visibility: hidden;
+[data-bs-theme="dark"] ._cursorPill_md8fn_120 {
+  fill: #dee2e6;
 }
 
-._stickyWrapper_loteg_1[data-sticky-stuck] ._turnNavFollower_loteg_75 {
-  visibility: visible;
+[data-bs-theme="dark"] ._cursorPillText_md8fn_125 {
+  fill: #212529;
 }
 
-._turnLabelButton_loteg_83 {
-  border: none;
-  background: none;
-  font: inherit;
-  color: inherit;
-  padding: 2px 8px;
-  border-radius: var(--bs-border-radius);
-  cursor: pointer;
+[data-bs-theme="dark"] ._spanHovered_md8fn_201 {
+  stroke: #f8f9fa;
 }
 
-/* Link-like text highlight, matching the sibling chevron/focus buttons —
-   deliberately no pill hover; no other header button has a pill treatment. */
-._turnLabelButton_loteg_83:hover {
-  color: var(--bs-body-color);
-  opacity: 1;
+[data-bs-theme="dark"] ._turnRect_md8fn_209._spanHovered_md8fn_201 {
+  stroke: #f8f9fa;
 }
 
-._turnButton_loteg_100 {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 0.25em;
-  border: none;
-  background: none;
-  color: var(--bs-secondary);
-  cursor: pointer;
-  line-height: 1;
-  text-decoration: none;
-  font-size: var(--inspect-font-size-smallest);
+[data-bs-theme="dark"] ._turnSeparator_md8fn_228 {
+  stroke: #2b3035;
 }
 
-._turnButton_loteg_100:hover:not(:disabled) {
-  color: var(--bs-body-color);
+[data-bs-theme="dark"] ._ghostSpan_md8fn_235 {
+  fill: #2a2436;
+  stroke: #b39ddb;
 }
 
-._turnButton_loteg_100:focus-visible {
-  outline: 2px solid currentColor;
-  outline-offset: 2px;
+[data-bs-theme="dark"] ._ghostLabel_md8fn_242 {
+  fill: #b39ddb;
 }
 
-._turnButton_loteg_100:disabled {
-  opacity: 0.3;
-  cursor: default;
+[data-bs-theme="dark"] ._ghostAggregate_md8fn_251._spanHovered_md8fn_201 {
+  stroke: #f8f9fa;
+}
+/* One tooltip card for every hovered thing (handoff 11a/11b): reuses the
+   .lineTooltip chrome — white, 1px border, r3, soft shadow, 0.72rem,
+   tabular numerals — at a fixed 262px width. */
+._tooltip_1y9z1_4 {
+  position: absolute;
+  width: 262px;
+  background: var(--bs-body-bg);
+  border: 1px solid var(--bs-border-color);
+  border-radius: 3px;
+  padding: 6px 8px 4px 8px;
+  font-size: 0.72rem;
+  font-variant-numeric: tabular-nums;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
+  z-index: 10;
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  color: var(--bs-body-color);
 }
 
-a._turnButton_loteg_100 {
-  padding: 0 0.4em;
+._header_1y9z1_21 {
+  display: flex;
+  align-items: baseline;
+  gap: 0.35rem;
+  white-space: nowrap;
 }
 
-._card_loteg_132 {
-  position: relative;
-  background-color: var(--bs-body-bg);
-  padding: 0.625rem;
-  border: solid 1px var(--bs-light-border-subtle);
-  border-radius: var(--bs-border-radius);
+._subject_1y9z1_28 {
+  font-weight: 600;
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
-/* Landing target of the latest go-to-turn jump — persistent selection ring. */
-._card_loteg_132._jumpTarget_loteg_141 {
-  outline: 2px solid var(--inspect-jump-target-ring-color);
-  outline-offset: 2px;
+._statusFailed_1y9z1_36 {
+  color: #a13b2c;
 }
 
-/* Selected for export; compounded to outrank .depthRoot, margin absorbs the border like .expanded. */
-._card_loteg_132._selected_loteg_147 {
-  border-left: 3px solid var(--inspect-jump-target-ring-color);
-  margin-left: -2px;
-  background-color: rgba(77, 126, 191, 0.05);
+._statusRejected_1y9z1_40 {
+  color: #6b4fa8;
 }
 
-._cardContent_loteg_153 {
-  padding: 0;
-  display: inherit;
+._timeLine_1y9z1_44 {
+  font-family: var(--bs-font-monospace);
+  font-size: 0.68rem;
+  color: var(--bs-secondary-color);
 }
 
-._cardContent_loteg_153._hidden_loteg_158 {
-  display: none;
+._who_1y9z1_50 {
+  display: flex;
+  align-items: center;
+  gap: 0.3rem;
+  white-space: nowrap;
+  overflow: hidden;
 }
 
-._hidden_loteg_158 {
-  display: none;
+._swatch_1y9z1_58 {
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  flex-shrink: 0;
 }
 
-._copyLink_loteg_166 {
-  font-size: 1.2em;
-  opacity: 0;
-  padding-left: 0.2em;
-  padding-right: 0;
+._dot_1y9z1_65 {
+  display: inline-block;
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  margin-right: 0.3rem;
   vertical-align: middle;
-  line-height: 1;
-  margin-left: 0.25em;
 }
 
-._hover_loteg_176 ._copyLink_loteg_166 {
-  opacity: 0.75;
+._glyph_1y9z1_74 {
+  font-size: 0.65rem;
 }
 
-/* Extra air between the turn label and the event-number pill. */
-._eventLabel_loteg_181 {
-  margin-left: 0.5em;
+._grid_1y9z1_78 {
+  display: grid;
+  grid-template-columns: max-content minmax(0, 1fr);
+  column-gap: 0.75rem;
+  row-gap: 1px;
+  align-items: baseline;
 }
 
-._root_loteg_185 {
-  background-color: var(--bs-light-bg-subtle);
-  border-radius: unset;
+._key_1y9z1_86 {
+  color: var(--bs-secondary-color);
+  white-space: nowrap;
 }
 
-/* A panel showing non-summary detail gets a contrasting gray right gutter (same
-   3px width as the colorful message/tool edges, --bs-secondary so it reads in
-   both light and dark). The negative margin offsets the extra 2px over the
-   default 1px border so widening it doesn't shift the card. Compounded with
-   .card so it outranks .depthRoot's `border-right: none`, keeping the gutter on
-   depth-0 / lane-scoped events. */
-._card_loteg_132._expanded_loteg_146 {
-  border-right: 3px solid var(--bs-secondary);
-  margin-right: -2px;
+._value_1y9z1_91 {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
-/* The chevron button is styled down to the bare glyph — the surrounding
-   header cells supply the visual affordance. */
-._collapseToggle_loteg_203 {
-  display: flex;
-  align-items: center;
-  padding: 0;
-  border: none;
-  background: none;
-  color: inherit;
-  font: inherit;
-  cursor: pointer;
+._mono_1y9z1_98 {
+  font-family: var(--bs-font-monospace);
+  font-size: 0.68rem;
 }
 
-._bottomDongle_loteg_214 {
-  display: block;
-  font-family: inherit;
-  font-weight: inherit;
-  position: absolute;
-  margin: 0 auto;
-  width: fit-content;
-  bottom: -10px;
-  left: 50%;
-  transform: translateX(-50%);
-  background-color: var(--bs-body-bg);
-  border: solid 1px var(--bs-light-border-subtle);
-  color: var(--bs-secondary);
-  border-radius: var(--bs-border-radius);
-  padding: 0em 0.4em;
-  cursor: pointer;
+._muted_1y9z1_103 {
+  color: var(--bs-secondary-color);
 }
 
-._dongleIcon_loteg_232 {
-  padding-right: 0.3em;
+._ellipsis_1y9z1_107 {
+  display: inline-block;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  vertical-align: bottom;
 }
 
-@media print {
-  ._card_loteg_132 {
-    break-inside: avoid;
-  }
+._list_1y9z1_116 {
+  display: flex;
+  flex-direction: column;
+  gap: 1px;
 }
-._branchPoint_w0zdg_1 {
-  --bp-bg: var(--bs-tertiary-bg, #fafbfd);
-  --bp-hairline: var(--bs-border-color, #e5e7eb);
-  --bp-segmented-border: var(--bs-border-color, #d1d5db);
-  --bp-segmented-bg: var(--bs-body-bg, #ffffff);
-  --bp-label: var(--bs-secondary-color, #6b7280);
-  --bp-active-bg: var(--bs-secondary-bg, #e5e7eb);
-
-  background: var(--bp-bg);
-  border-top: 1px solid var(--bp-hairline);
-  border-bottom: 1px solid var(--bp-hairline);
-  padding: 6px 18px;
 
+._listRow_1y9z1_122 {
   display: flex;
   align-items: center;
-  gap: 12px;
-  flex-wrap: wrap;
+  gap: 0.5rem;
+  white-space: nowrap;
 }
 
-._label_w0zdg_20 {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  flex: none;
+._listRow_1y9z1_122 > :nth-child(2) {
+  flex: 1;
+  min-width: 0;
 }
 
-._glyph_w0zdg_27 {
-  display: inline-flex;
-  align-items: center;
-  color: var(--bp-label);
-  font-size: 14px;
-  line-height: 1;
-  flex: none;
+._listRowHovered_1y9z1_134 {
+  font-weight: 600;
 }
 
-._labelText_w0zdg_36 {
-  font-size: 11px;
-  font-weight: 700;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  color: var(--bp-label);
+._note_1y9z1_138 {
+  color: var(--bs-body-color);
 }
 
-._segmented_w0zdg_44 {
-  display: inline-flex;
-  border: 1px solid var(--bp-segmented-border);
-  border-radius: 8px;
-  overflow: hidden;
-  background: var(--bp-segmented-bg);
+._footer_1y9z1_142 {
+  margin-top: 2px;
+  padding: 3px 0 0 0;
+  border: none;
+  border-top: 1px dotted var(--bs-border-color);
+  background: none;
+  color: #2a78d6;
+  font-size: 0.7rem;
+  text-align: left;
+  cursor: pointer;
 }
 
-._segment_w0zdg_44 {
-  all: unset;
-  padding: 3px 12px;
-  background: var(--bp-segmented-bg);
-  color: var(--bp-label);
-  font-size: 11.5px;
-  font-weight: 500;
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  gap: 6px;
-  border-left: 1px solid var(--bp-segmented-border);
-  user-select: none;
-}
-._segment_w0zdg_44:first-of-type {
-  border-left: 0;
-}
-._segment_w0zdg_44:hover:not([aria-checked="true"]):not(:disabled) {
-  background: var(--bp-active-bg);
-  color: var(--bs-body-color, inherit);
-}
-._segment_w0zdg_44[aria-checked="true"] {
-  background: var(--bp-active-bg);
-  color: var(--bs-body-color, inherit);
-  font-weight: 600;
-  cursor: default;
-}
-._segment_w0zdg_44:disabled:not([aria-checked="true"]) {
-  cursor: default;
-}
-._segment_w0zdg_44:focus-visible {
-  outline: 2px solid var(--bp-segmented-border);
-  outline-offset: 2px;
-}
-
-._continuesGlyph_w0zdg_87 {
-  width: 9px;
-  height: 9px;
-  fill: currentColor;
-  flex: none;
-  opacity: 0.85;
-}
-._panel_1us8t_1 {
-  margin: 0.2em 0;
-  display: grid;
-  grid-template-columns: max-content 1fr;
-  column-gap: 1em;
-  row-gap: 0.3em;
-  align-items: baseline;
-}
-
-._rowValue_1us8t_10 {
-  display: flex;
-  flex-direction: column;
-  gap: 0.1em;
-}
-
-._files_1us8t_16 {
-  display: flex;
-  flex-direction: column;
-  gap: 0.1em;
-  font-family: var(--bs-font-monospace);
-}
-
-._file_1us8t_16 {
-  overflow-wrap: anywhere;
+._footer_1y9z1_142:hover {
+  text-decoration: underline;
 }
 
-._fileOverflow_1us8t_27 {
-  font-style: italic;
-  opacity: 0.7;
-}
-._panel_8zdtn_1 {
-  margin: 0.5em 0;
-}
-._empty_f9al6_1 {
-  padding: 0 18px 14px;
-  color: var(--bs-secondary-color, #6b7280);
-}
+/* ── dark theme ── */
 
-._headline_f9al6_6 {
-  font-size: 13px;
-  font-weight: 600;
-  color: var(--bs-emphasis-color, var(--bs-body-color, #1a1a1a));
+[data-bs-theme="dark"] ._statusFailed_1y9z1_36 {
+  color: #d98b7f;
 }
 
-._detail_f9al6_12 {
-  font-size: 12.5px;
-  margin-top: 4px;
+[data-bs-theme="dark"] ._statusRejected_1y9z1_40 {
+  color: #b39ddb;
 }
 
-._detail_f9al6_12 code {
-  background: var(--bs-body-bg, #ffffff);
-  border: 1px solid var(--bs-border-color, #e5e7eb);
-  border-radius: 3px;
-  padding: 1px 5px;
-  font-size: 11.5px;
-  color: var(--bs-emphasis-color, var(--bs-body-color, #1a1a1a));
-}
-._panel_vz394_1 {
-  margin: 0.2em 0;
-}
-._grid_1pgwi_1 {
-  width: 100%;
-  display: grid;
-  grid-template-columns: 1fr max-content;
-  column-gap: 1em;
+[data-bs-theme="dark"] ._footer_1y9z1_142 {
+  color: #6ea0dc;
 }
 ._wrapper_14pl5_1 {
   font-variant-numeric: tabular-nums;
@@ -23215,144 +22924,1653 @@ a._turnButton_loteg_100 {
   cursor: pointer;
 }
 
-._retuneLine_13lh4_146 {
-  stroke: #9d84d1;
+._retuneLine_13lh4_146 {
+  stroke: #9d84d1;
+}
+
+._retuneMarker_13lh4_150 {
+  fill: #8f6fd0;
+  stroke: #5d3f9e;
+  cursor: pointer;
+}
+
+._chartLabel_13lh4_156 {
+  font-size: 9px;
+  fill: var(--bs-secondary-color);
+}
+
+._legend_13lh4_161 {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.7rem;
+  font-size: 0.7rem;
+  color: var(--bs-secondary-color);
+}
+
+._legendItem_13lh4_169 {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.3rem;
+}
+
+._legendDiamond_13lh4_175 {
+  width: 7px;
+  height: 7px;
+  background: #8f6fd0;
+  border: 1px solid #5d3f9e;
+  transform: rotate(45deg);
+  display: inline-block;
+}
+
+._legendRateLimit_13lh4_184 {
+  width: 1px;
+  height: 10px;
+  background: #b04a3c;
+  display: inline-block;
+}
+
+._legendGuide_13lh4_191 {
+  width: 12px;
+  height: 0;
+  border-top: 1px dashed #9d84d1;
+  display: inline-block;
+}
+
+[data-bs-theme="dark"] ._roleChip_13lh4_49 {
+  border-color: #2c4a66;
+  background: #16222e;
+  color: #8db8dd;
+}
+
+[data-bs-theme="dark"] ._series_13lh4_123 {
+  stroke: #6ea0dc;
+}
+
+[data-bs-theme="dark"] ._rateLimits_13lh4_75 {
+  color: #d98b7f;
+}
+
+[data-bs-theme="dark"] ._legendRateLimit_13lh4_184 {
+  background: #d98b7f;
+}
+
+[data-bs-theme="dark"] ._rateLimitLine_13lh4_139 {
+  stroke: #d98b7f;
+}
+._panel_ald9k_1 {
+  display: block;
+}
+
+._head_ald9k_5 {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 24px;
+  flex-wrap: wrap;
+  padding-bottom: 12px;
+  border-bottom: 1px solid var(--bs-light-border-subtle);
+  margin-bottom: 14px;
+}
+
+._headLeft_ald9k_16 {
+  display: flex;
+  align-items: baseline;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+
+._title_ald9k_23 {
+  margin: 0;
+  font-size: var(--inspect-font-size-small);
+  font-weight: 600;
+}
+
+._meta_ald9k_29 {
+  display: flex;
+  align-items: baseline;
+  gap: 14px;
+  flex-wrap: wrap;
+  color: var(--bs-body-color);
+}
+
+._metaItem_ald9k_37 {
+  display: inline-flex;
+  align-items: baseline;
+  gap: 8px;
+}
+
+._metaLabel_ald9k_43 {
+  font-size: 11px;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: var(--bs-secondary);
+}
+
+._metaValue_ald9k_51 {
+  font-size: 13px;
+  color: var(--bs-body-color);
+  font-variant-numeric: tabular-nums;
+}
+
+._metaSep_ald9k_57 {
+  width: 1px;
+  align-self: stretch;
+  background: var(--bs-light-border-subtle);
+  margin: 2px 4px;
+}
+
+._tableNoTop_ald9k_64 {
+  margin-top: 0;
+}
+._container_143e5_1 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.375rem;
+}
+
+._filterRow_143e5_7 {
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+  font-size: 0.72rem;
+  flex-wrap: wrap;
+  padding-top: 0.25rem;
+}
+
+._caption_143e5_16 {
+  text-transform: uppercase;
+  color: var(--bs-secondary-color);
+  font-size: 0.68rem;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  margin-right: 0.25rem;
+}
+
+/* Filled colour pills: fill + border + text in one hue per category — the
+   same hue the category's glyph uses on the rail, so the filter row doubles
+   as the rail's legend. */
+._filterPill_143e5_28 {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.3rem;
+  padding: 0.125rem 0.5rem;
+  border: 1px solid var(--bs-border-color);
+  border-radius: 999px;
+  line-height: 1.2;
+  background: none;
+  font-size: 0.72rem;
+  font-weight: 500;
+  cursor: pointer;
+}
+
+._pillCount_143e5_42 {
+  font-weight: 400;
+}
+
+._pillEmpty_143e5_46 {
+  opacity: 0.6;
+  cursor: default;
+}
+
+._pillAll_143e5_51 {
+  color: var(--bs-body-color);
+}
+
+._pillAll_143e5_51._pillSelected_143e5_55 {
+  background: #212529;
+  border-color: #212529;
+  color: #fff;
+}
+
+._pillError_143e5_61 {
+  background: #fdf1ef;
+  border-color: #ecc8c1;
+  color: #a13b2c;
+}
+
+._pillLimit_143e5_67 {
+  background: #fffaeb;
+  border-color: #e8d8a0;
+  color: #8a6d1a;
+}
+
+._pillApproval_143e5_73 {
+  background: #f7f3fc;
+  border-color: #d9cfe8;
+  color: #4a2e73;
+}
+
+._pillInput_143e5_79 {
+  background: #f2f7fc;
+  border-color: #cfe0f1;
+  color: #1d4f7c;
+}
+
+._pillInterrupt_143e5_85 {
+  background: #f8f9fa;
+  border-color: #dee2e6;
+  color: #6c757d;
+}
+
+._pillCompaction_143e5_91 {
+  background: #eef6fb;
+  border-color: #c3dcea;
+  color: #2b6a94;
+}
+
+/* The one palette addition (handoff): a green Scores hue. */
+._pillScore_143e5_98 {
+  background: #f0f7f2;
+  border-color: #d3e3d8;
+  color: #2f8a52;
+}
+
+/* Selected = solid fill with white text; unselected pills stay tinted. */
+._pillError_143e5_61._pillSelected_143e5_55 {
+  background: #b04a3c;
+  border-color: #b04a3c;
+  color: #fff;
+}
+
+._pillLimit_143e5_67._pillSelected_143e5_55 {
+  background: #8a6d1a;
+  border-color: #8a6d1a;
+  color: #fff;
+}
+
+._pillApproval_143e5_73._pillSelected_143e5_55 {
+  background: #6b4fa8;
+  border-color: #6b4fa8;
+  color: #fff;
+}
+
+._pillInput_143e5_79._pillSelected_143e5_55 {
+  background: #1d4f7c;
+  border-color: #1d4f7c;
+  color: #fff;
+}
+
+._pillInterrupt_143e5_85._pillSelected_143e5_55 {
+  background: #6c757d;
+  border-color: #6c757d;
+  color: #fff;
+}
+
+._pillCompaction_143e5_91._pillSelected_143e5_55 {
+  background: #2b6a94;
+  border-color: #2b6a94;
+  color: #fff;
+}
+
+._pillScore_143e5_98._pillSelected_143e5_55 {
+  background: #2f8a52;
+  border-color: #2f8a52;
+  color: #fff;
+}
+
+._pillSelected_143e5_55 ._pillCount_143e5_42 {
+  color: inherit;
+}
+
+._search_143e5_151 {
+  margin-left: auto;
+  border: 1px solid var(--bs-border-color);
+  border-radius: 3px;
+  background: var(--bs-body-bg);
+  color: var(--bs-body-color);
+  font-size: 0.72rem;
+  padding: 0.125rem 0.5rem;
+  width: 220px;
+}
+
+._search_143e5_151::placeholder {
+  color: var(--bs-secondary-color);
+}
+
+._list_143e5_166 {
+  border: 1px solid var(--bs-border-color);
+  border-radius: 3px;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  padding: 0.25rem 0.5rem;
+}
+
+._empty_143e5_175 {
+  padding: 0.75rem;
+  color: var(--bs-secondary-color);
+  font-size: 0.8rem;
+}
+
+/* Four fixed columns — Time / Kind / Event / By (task-timeline parity). */
+._headerRow_143e5_182,
+._row_143e5_183 {
+  display: grid;
+  grid-template-columns: 110px 64px minmax(0, 1fr) minmax(56px, max-content);
+  /* rem, not em — the header row's smaller font would shrink an em gap,
+     shifting its Kind/Event labels left of the row cells. */
+  column-gap: 1rem;
+  align-items: start;
+  padding: 0.4rem 0.25rem;
+}
+
+._headerRow_143e5_182 {
+  text-transform: uppercase;
+  color: var(--bs-secondary-color);
+  font-size: 0.62rem;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  border-bottom: 1px solid var(--bs-border-color);
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+
+._timeSort_143e5_204 {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.2rem;
+  background: none;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+  text-transform: inherit;
+  color: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+  letter-spacing: inherit;
+  text-align: left;
+}
+
+._byHeader_143e5_220 {
+  text-align: right;
+}
+
+._row_143e5_183 {
+  border-bottom: 1px dotted var(--bs-border-color);
+  cursor: pointer;
+}
+
+/* Rows are virtualized (absolutely positioned), so :last-child would match
+   whatever row happens to render last — the bottom row is flagged by index. */
+._row_143e5_183._rowLast_143e5_231 {
+  border-bottom: none;
+}
+
+._rowSelected_143e5_235 {
+  background: var(--bs-secondary-bg);
+  outline: 1px solid var(--bs-border-color);
+  border-radius: 3px;
+}
+
+/* Hover-linked wash while the row's glyph is hovered on the rail — the
+   inset bar carries the category hue. */
+._rowWash_143e5_243 {
+  background: #faf8fd;
+}
+
+._washError_143e5_247 {
+  box-shadow: inset 2px 0 0 #b04a3c;
+  background: #fdf6f5;
+}
+
+._washLimit_143e5_252 {
+  box-shadow: inset 2px 0 0 #8a6d1a;
+  background: #fffaeb;
+}
+
+._washApproval_143e5_257 {
+  box-shadow: inset 2px 0 0 #6b4fa8;
+}
+
+._washInput_143e5_261 {
+  box-shadow: inset 2px 0 0 #1d4f7c;
+  background: #f7fafd;
+}
+
+._washInterrupt_143e5_266 {
+  box-shadow: inset 2px 0 0 #6c757d;
+  background: #f8f9fa;
+}
+
+._washCompaction_143e5_271 {
+  box-shadow: inset 2px 0 0 #2b6a94;
+  background: #f4f9fc;
+}
+
+._washScore_143e5_276 {
+  box-shadow: inset 2px 0 0 #2f8a52;
+  background: #f4faf6;
+}
+
+._time_143e5_204 {
+  font-family: var(--bs-font-monospace);
+  font-size: 0.72rem;
+  color: var(--bs-secondary-color);
+  padding-top: 2px;
+}
+
+/* Centers the pill on the row's first text line. */
+._kindCell_143e5_289 {
+  display: flex;
+  align-items: center;
+  height: calc(0.8rem * 1.5);
+}
+
+/* Same filled pill as the filter row at 0.65rem uppercase, so a row's Kind
+   cell and its filter pill are visibly one object. */
+._kindPill_143e5_297 {
+  display: inline-flex;
+  align-items: center;
+  border: 1px solid;
+  border-radius: 999px;
+  padding: 0.05rem 0.4rem;
+  font-size: 0.65rem;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+  white-space: nowrap;
+}
+
+/* Body: one size, one weight, two colours — mono separates values from
+   prose; no bold and no status colour anywhere in the cell. */
+._event_143e5_311 {
+  font-size: 0.8rem;
+  font-weight: 400;
+  color: var(--bs-body-color);
+  line-height: 1.5;
+}
+
+._muted_143e5_318 {
+  color: var(--bs-secondary-color);
+}
+
+._mono_143e5_322 {
+  font-family: var(--bs-font-monospace);
+  font-size: 0.75rem;
+}
+
+/* Author demoted to a right-aligned channel — user vs system at a glance. */
+._by_143e5_220 {
+  font-size: 0.72rem;
+  font-weight: 400;
+  color: var(--bs-secondary-color);
+  text-align: right;
+  padding-top: 2px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+._openEvent_143e5_339 {
+  font-size: 0.72rem;
+  color: var(--bs-link-color);
+  background: none;
+  border: none;
+  padding: 0;
+  cursor: pointer;
+}
+
+._openEvent_143e5_339:hover {
+  text-decoration: underline;
+}
+
+/* ── dark theme (mirrors the task timeline's pill overrides; Scores gets
+      its new dark variant per the handoff) ── */
+
+[data-bs-theme="dark"] ._pillAll_143e5_51._pillSelected_143e5_55 {
+  background: #dee2e6;
+  border-color: #dee2e6;
+  color: #212529;
+}
+
+[data-bs-theme="dark"] ._pillError_143e5_61 {
+  background: #322019;
+  border-color: #6b3a30;
+  color: #d98b7f;
+}
+
+[data-bs-theme="dark"] ._pillLimit_143e5_67 {
+  background: #3a3220;
+  border-color: #5c512f;
+  color: #e8d8a0;
+}
+
+[data-bs-theme="dark"] ._pillApproval_143e5_73 {
+  background: #2a2333;
+  border-color: #4a3d63;
+  color: #cbb8ec;
+}
+
+[data-bs-theme="dark"] ._pillInput_143e5_79 {
+  background: #16222e;
+  border-color: #2c4a66;
+  color: #8db8dd;
+}
+
+[data-bs-theme="dark"] ._pillInterrupt_143e5_85 {
+  background: #26282b;
+  border-color: #4a5056;
+  color: #9aa3ab;
+}
+
+[data-bs-theme="dark"] ._pillCompaction_143e5_91 {
+  background: #16242e;
+  border-color: #2b4c66;
+  color: #8fbcd9;
+}
+
+[data-bs-theme="dark"] ._pillScore_143e5_98 {
+  background: #1d2b22;
+  border-color: #2f4a3a;
+  color: #7fc79b;
+}
+
+[data-bs-theme="dark"] ._pillError_143e5_61._pillSelected_143e5_55,
+[data-bs-theme="dark"] ._pillLimit_143e5_67._pillSelected_143e5_55,
+[data-bs-theme="dark"] ._pillApproval_143e5_73._pillSelected_143e5_55,
+[data-bs-theme="dark"] ._pillInput_143e5_79._pillSelected_143e5_55,
+[data-bs-theme="dark"] ._pillInterrupt_143e5_85._pillSelected_143e5_55,
+[data-bs-theme="dark"] ._pillCompaction_143e5_91._pillSelected_143e5_55,
+[data-bs-theme="dark"] ._pillScore_143e5_98._pillSelected_143e5_55 {
+  color: #fff;
+}
+
+[data-bs-theme="dark"] ._pillError_143e5_61._pillSelected_143e5_55 {
+  background: #b04a3c;
+  border-color: #b04a3c;
+}
+
+[data-bs-theme="dark"] ._pillLimit_143e5_67._pillSelected_143e5_55 {
+  background: #8a6d1a;
+  border-color: #8a6d1a;
+}
+
+[data-bs-theme="dark"] ._pillApproval_143e5_73._pillSelected_143e5_55 {
+  background: #6b4fa8;
+  border-color: #6b4fa8;
+}
+
+[data-bs-theme="dark"] ._pillInput_143e5_79._pillSelected_143e5_55 {
+  background: #1d4f7c;
+  border-color: #1d4f7c;
+}
+
+[data-bs-theme="dark"] ._pillInterrupt_143e5_85._pillSelected_143e5_55 {
+  background: #6c757d;
+  border-color: #6c757d;
+}
+
+[data-bs-theme="dark"] ._pillCompaction_143e5_91._pillSelected_143e5_55 {
+  background: #2b6a94;
+  border-color: #2b6a94;
+}
+
+[data-bs-theme="dark"] ._pillScore_143e5_98._pillSelected_143e5_55 {
+  background: #2f8a52;
+  border-color: #2f8a52;
+}
+
+[data-bs-theme="dark"] ._rowWash_143e5_243 {
+  background: #221d2b;
+}
+
+[data-bs-theme="dark"] ._washError_143e5_247 {
+  background: #2b1f1b;
+}
+
+[data-bs-theme="dark"] ._washLimit_143e5_252 {
+  background: #2b2619;
+}
+
+[data-bs-theme="dark"] ._washApproval_143e5_257 {
+  background: #221d2b;
+}
+
+[data-bs-theme="dark"] ._washInput_143e5_261 {
+  background: #1a222b;
+}
+
+[data-bs-theme="dark"] ._washInterrupt_143e5_266 {
+  background: #222528;
+}
+
+[data-bs-theme="dark"] ._washCompaction_143e5_271 {
+  background: #19242c;
+}
+
+[data-bs-theme="dark"] ._washScore_143e5_276 {
+  background: #1c2620;
+}
+._container_pqeak_1 {
+  padding: 0.5em 1em 1em 1em;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  gap: 0.6rem;
+}
+
+._pickerRow_pqeak_9 {
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+  font-size: 0.72rem;
+  flex-wrap: wrap;
+}
+
+._caption_pqeak_17 {
+  text-transform: uppercase;
+  color: var(--bs-secondary-color);
+  font-size: 0.68rem;
+  font-weight: 600;
+  letter-spacing: 0.04em;
+  margin-right: 0.25rem;
+}
+
+._bandChip_pqeak_26 {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.3rem;
+  padding: 0.125rem 0.5rem;
+  border: 1px solid var(--bs-border-color);
+  color: var(--bs-secondary-color);
+  border-radius: 999px;
+  line-height: 1.2;
+  background: none;
+  font-size: 0.72rem;
+  cursor: pointer;
+  white-space: nowrap;
+}
+
+._bandChipOn_pqeak_41 {
+  border-color: var(--bs-secondary);
+  background: var(--bs-secondary-bg);
+  color: var(--bs-body-color);
+}
+
+._bandChip_pqeak_26 i {
+  font-size: 0.7rem;
+}
+
+/* Wall clock | Turns (shared SegmentedControl) at the right end of the picker. */
+._axisToggle_pqeak_52 {
+  margin-left: auto;
+  display: inline-flex;
+}
+._toolsGrid_1qqm2_1 {
+  display: grid;
+  row-gap: 0em;
+}
+
+._tools_1qqm2_1 {
+  display: grid;
+  grid-template-columns: max-content max-content;
+  column-gap: 1rem;
+  margin: 0;
+  align-items: baseline;
+}
+
+._tool_1qqm2_1 {
+  padding: 0;
+  color: inherit !important;
+}
+._root_ugt1x_1 {
+  /* A var, not a plain 100vh, so a host whose chrome sits above the page
+     (scout's ProjectBar) can shrink the root via its className without a
+     cascade-order fight — an overflowing root gets its header clipped once
+     mount-time scrolling nudges the overflow-hidden ancestor. */
+  height: var(--focus-turn-view-height, 100vh);
+  display: flex;
+  flex-direction: column;
+}
+
+/* Fixed secondary header under the app chrome: agent-path breadcrumb on the
+   left; turn label + turn/lane navigation + exit-focus on the right. A
+   non-scrolling sibling of the scroll container (the column layout pins it). */
+._focusBar_ugt1x_14 {
+  flex: 0 0 auto;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5em;
+  padding: 0.3rem 0.5rem;
+  background-color: var(--bs-body-bg);
+  border-bottom: 1px solid var(--bs-border-color);
+}
+
+._crumbs_ugt1x_25 {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.4em;
+  white-space: nowrap;
+  color: var(--bs-secondary);
+}
+
+._laneName_ugt1x_33 {
+  font-weight: 500;
+}
+
+/* Breadcrumb segments that act (ancestor links, lane picker) render as plain
+   text in the bar's muted color; hover matches the bar's icon buttons. */
+._crumbButton_ugt1x_39 {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25em;
+  padding: 0;
+  border: none;
+  background: none;
+  color: inherit;
+  font-size: inherit;
+  font-family: inherit;
+  cursor: pointer;
+}
+
+._crumbButton_ugt1x_39:hover {
+  color: var(--bs-body-color);
+  text-decoration: underline;
+}
+
+._crumbButton_ugt1x_39:focus-visible {
+  outline: 2px solid currentColor;
+  outline-offset: 2px;
+}
+
+._crumbSeparator_ugt1x_62 {
+  font-size: 0.7em;
+  opacity: 0.6;
+}
+
+._laneMenu_ugt1x_67 {
+  display: flex;
+  flex-direction: column;
+  row-gap: 0.15em;
+}
+
+._laneMenuItem_ugt1x_73 {
+  display: block;
+  border: none;
+  background: none;
+  color: var(--bs-body-color);
+  font-family: inherit;
+  text-align: left;
+  white-space: nowrap;
+  cursor: pointer;
+  border-radius: var(--bs-border-radius);
+  padding: 0.1em 0.4em;
+}
+
+._laneMenuItem_ugt1x_73:hover {
+  background-color: var(--bs-secondary-bg);
+}
+
+._laneMenuItemCurrent_ugt1x_90 {
+  font-weight: 600;
+}
+
+._controls_ugt1x_94 {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.15em;
+  color: var(--bs-secondary);
+}
+
+._turnLabel_ugt1x_101 {
+  white-space: nowrap;
+  margin-right: 0.35em;
+}
+
+._divider_ugt1x_106 {
+  display: inline-block;
+  width: 1px;
+  align-self: stretch;
+  background-color: var(--bs-border-color);
+  margin: 2px 0.5em;
+  opacity: 0.5;
+}
+
+._button_ugt1x_115 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 0.3em;
+  border: none;
+  background: none;
+  color: var(--bs-secondary);
+  cursor: pointer;
+  line-height: 1.6;
+  text-decoration: none;
+}
+
+._button_ugt1x_115:hover:not(:disabled) {
+  color: var(--bs-body-color);
+}
+
+._button_ugt1x_115:focus-visible {
+  outline: 2px solid currentColor;
+  outline-offset: 2px;
+}
+
+._button_ugt1x_115:disabled {
+  opacity: 0.3;
+  cursor: default;
+}
+
+/* Only the scroll container flexes. Host-provided header chrome must not
+   shrink: an overflow:hidden header (scout's navbar) has no automatic
+   min-height, so with the scroller's content-sized flex basis it would get
+   crushed whenever the focused turn is taller than the viewport. */
+._root_ugt1x_1 > :not(._container_ugt1x_146) {
+  flex-shrink: 0;
+}
+
+._container_ugt1x_146 {
+  flex: 1 1 auto;
+  min-height: 0;
+  overflow-y: auto;
+  padding: 0 0.5rem 1rem;
+}
+
+/* A single focused event isn't a transcript list — drop the per-card box and
+   the expanded-boundary gutter (both are transcript-row chrome). Keep the
+   background so the model's sticky header stays opaque as content scrolls. */
+._container_ugt1x_146 [id^="event-panel-"] {
+  border: none !important;
+  box-shadow: none !important;
+  padding: 0;
+}
+
+/* Sample/transcript-level error strip: persistent on every focused turn
+   (only the last turn's slice carries the actual error card). */
+._errorStrip_ugt1x_168 {
+  display: flex;
+  align-items: baseline;
+  gap: 0.5em;
+  width: 100%;
+  border: none;
+  border-bottom: solid 1px var(--bs-border-color);
+  background: var(--bs-danger-bg-subtle);
+  color: var(--bs-danger-text-emphasis);
+  font-size: 0.8rem;
+  padding: 0.25rem 1rem;
+  text-align: left;
+  cursor: pointer;
+}
+
+._errorStripLabel_ugt1x_183 {
+  font-weight: 600;
+  text-transform: uppercase;
+  font-size: 0.7rem;
+  letter-spacing: 0.04em;
+  flex-shrink: 0;
+}
+
+._errorStripMessage_ugt1x_191 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+/* Zero-height sticky dock so mounting the bar never shifts the event list;
+   it centers the bar over the events column. Sits above the sticky card
+   headers (z-index 1) and the swimlanes (500). `top` is set inline to the
+   chrome offset. */
+._dock_1hs1n_5 {
+  position: sticky;
+  z-index: 600;
+  height: 0;
+  display: flex;
+  justify-content: center;
+  /* The zero-height dock would otherwise stretch the bar to its own height,
+     collapsing the bar's vertical padding. */
+  align-items: flex-start;
+  pointer-events: none;
+}
+
+._bar_1hs1n_17 {
+  pointer-events: auto;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-top: 24px;
+  padding: 12px 16px;
+  background: var(--bs-body-bg);
+  border: 1px solid var(--bs-border-color);
+  border-radius: var(--bs-border-radius);
+  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
+}
+
+._title_1hs1n_30 {
+  font-size: 11px;
+  letter-spacing: 0.04em;
+  text-transform: uppercase;
+  color: var(--bs-secondary-color);
+  white-space: nowrap;
+}
+
+/* Width is set inline (fits the placeholder range / prefilled value). */
+._input_1hs1n_39 {
+  padding: 2px 6px;
+  font-size: 12.5px;
+  color: var(--bs-body-color);
+  background: var(--bs-body-bg);
+  border: 1px solid var(--inspect-focus-border-color);
+  border-radius: var(--bs-border-radius);
+  outline: none;
+}
+
+._input_1hs1n_39:focus {
+  box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb), 0.18);
+}
+
+._input_1hs1n_39::placeholder {
+  color: var(--bs-tertiary-color);
+}
+
+._range_1hs1n_57 {
+  font-size: 13px;
+  color: var(--bs-secondary-color);
+  white-space: nowrap;
+}
+
+._divider_1hs1n_63 {
+  width: 1px;
+  height: 18px;
+  background: var(--bs-border-color);
+}
+
+._hint_1hs1n_69 {
+  font-size: 11.5px;
+  color: var(--bs-secondary-color);
+  white-space: nowrap;
+}
+
+._hintKey_1hs1n_75 {
+  font-weight: 600;
+}
+
+._close_1hs1n_79 {
+  display: inline-flex;
+  align-items: center;
+  padding: 0;
+  border: none;
+  background: none;
+  font-size: 15px;
+  color: var(--bs-secondary-color);
+  cursor: pointer;
+  line-height: 1;
+}
+
+._close_1hs1n_79:hover {
+  color: var(--bs-body-color);
+}
+._selectorContainer_djjmp_1 {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  margin-right: 2px;
+}
+
+._selectorButton_djjmp_8 {
+  display: inline-flex;
+  align-items: center;
+  gap: 3px;
+  background-color: var(--bs-body-bg);
+  color: var(--bs-body-color);
+  border: 1px solid var(--bs-border-color);
+  border-radius: var(--bs-border-radius-pill, 999px);
+  padding: 0 8px;
+  font-size: var(--inspect-font-size-smallest);
+  font-weight: 500;
+  cursor: pointer;
+  white-space: nowrap;
+  line-height: 1.5;
+}
+
+._selectorButton_djjmp_8:hover {
+  background-color: var(--bs-tertiary-bg);
+}
+
+._chevron_djjmp_28 {
+  font-size: 0.6em;
+  margin-left: 1px;
+}
+
+._backdrop_djjmp_33 {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 998;
+}
+
+._dropdownMenu_djjmp_42 {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  margin-top: 2px;
+  background: var(--bs-body-bg);
+  border: 1px solid var(--bs-border-color);
+  border-radius: var(--bs-border-radius);
+  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.15);
+  z-index: 999;
+  min-width: 100%;
+  overflow: hidden;
+  padding: 2px 0;
+}
+
+._dropdownItem_djjmp_57 {
+  display: block;
+  width: 100%;
+  padding: 2px 10px;
+  background: none;
+  border: none;
+  text-align: left;
+  cursor: pointer;
+  color: var(--bs-body-color);
+  font-size: var(--inspect-font-size-smallest);
+  white-space: nowrap;
+}
+
+._dropdownItem_djjmp_57:hover {
+  background-color: var(--bs-tertiary-bg);
+}
+
+._dropdownItemActive_djjmp_74 {
+  font-weight: 600;
+}
+._selectBox_19rqv_1 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 1em;
+  height: 1em;
+  padding: 0;
+  margin-right: 0.15em;
+  border: 1px solid var(--bs-border-color);
+  border-radius: 0.25em;
+  background-color: var(--bs-body-bg);
+  color: #fff;
+  font-size: 0.9rem;
+  line-height: 1;
+  opacity: 0.85;
+  cursor: pointer;
+}
+
+._selectBox_19rqv_1._selectBoxChecked_19rqv_19 {
+  opacity: 1;
+  background-color: var(--bs-primary);
+  border-color: var(--bs-primary);
+}
+
+._selectBox_19rqv_1:focus-visible {
+  outline: 2px solid var(--bs-primary);
+  outline-offset: 1px;
+}
+
+._selectBox_19rqv_1 i {
+  font-size: 0.75em;
+  line-height: 1;
+}
+._title_9b4ex_1 {
+  display: grid;
+  grid-template-columns: max-content max-content minmax(0, 1fr);
+  column-gap: 0.3em;
+}
+
+._title_9b4ex_1._selectable_9b4ex_7 {
+  grid-template-columns: max-content max-content max-content minmax(0, 1fr);
+  align-items: center;
+}
+
+/* Selected for export — EventPanel's edge + tint; margin absorbs the border. */
+._contents_9b4ex_13._selected_9b4ex_13 {
+  border-left: 3px solid var(--inspect-jump-target-ring-color);
+  margin-left: -2px;
+  background-color: rgba(77, 126, 191, 0.05);
+}
+
+._contents_9b4ex_13 {
+  padding: 0.4em;
+  margin-bottom: 0;
+  border: solid 1px var(--bs-light-border-subtle);
+  border-radius: var(--bs-border-radius);
+}
+
+._below_9b4ex_26 {
+  margin-top: 0.4em;
+}
+._headline_1l22a_1 {
+  display: block;
+  min-width: 0;
+}
+
+._inlineExplanation_1l22a_6 {
+  margin-left: 0.3em;
+}
+
+._rejected_1l22a_10 {
+  color: var(--bs-danger);
+}
+._panel_8zdtn_1 {
+  margin: 0.5em 0;
+}
+._tab_1je38_1 {
+  min-width: 4rem;
+  padding: 0.1rem 0.6rem;
+  border-radius: var(--bs-border-radius);
+}
+._wrapper_og902_1 {
+  position: relative;
+  display: flex;
+  align-items: baseline;
+  justify-content: flex-end;
+  min-width: 0;
+  flex: 1;
+}
+
+._navs_og902_10 {
+  margin-right: 0;
+  flex-wrap: nowrap;
+}
+
+/* Off-screen single-line copy of the pills used to measure the natural
+   width that determines whether to render tabs or the picker. */
+._probe_og902_17 {
+  position: absolute;
+  top: 0;
+  left: 0;
+  visibility: hidden;
+  pointer-events: none;
+  width: max-content;
+  flex-wrap: nowrap;
+}
+
+._probeItem_og902_27 {
+  min-width: 4rem;
+  padding: 0.1rem 0.6rem;
+  white-space: nowrap;
+}
+._trigger_nqyxq_1 {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.1rem 0.6rem;
+  border: none;
+  border-radius: var(--bs-border-radius);
+  white-space: nowrap;
+  max-width: 100%;
+  min-width: 0;
+  cursor: pointer;
+  /* `.nav-link.active` colors only apply inside a `.nav-pills` parent;
+     the picker button isn't nested in one, so apply them directly. */
+  background-color: var(--bs-nav-pills-link-active-bg, var(--bs-primary));
+  color: var(--bs-nav-pills-link-active-color, #fff);
+}
+
+._trigger_nqyxq_1:hover {
+  filter: brightness(1.05);
+}
+
+._label_nqyxq_21 {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+._chevron_nqyxq_27 {
+  margin-left: 0.4em;
+  font-size: 0.75em;
+  flex-shrink: 0;
+}
+
+._backdrop_nqyxq_33 {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  /* Above Bootstrap's sticky-top (1020) so sticky bars don't occlude the menu. */
+  z-index: 1049;
+}
+
+._menu_nqyxq_43 {
+  position: fixed;
+  background: var(--bs-body-bg);
+  border: 1px solid var(--bs-border-color);
+  border-radius: 0.25rem;
+  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  z-index: 1050;
+  overflow: hidden;
+  max-height: 60vh;
+  overflow-y: auto;
+}
+
+._item_nqyxq_55 {
+  display: block;
+  width: 100%;
+  padding: 0.25rem 0.75rem;
+  background: none;
+  border: none;
+  text-align: left;
+  cursor: pointer;
+  color: var(--bs-body-color);
+  white-space: nowrap;
+  transition: background-color 0.15s ease-in-out;
+}
+
+._item_nqyxq_55:hover {
+  background-color: var(--bs-tertiary-bg);
+}
+
+._item_nqyxq_55:active {
+  background-color: var(--bs-secondary-bg);
+}
+
+._item_nqyxq_55._selected_nqyxq_76 {
+  background-color: var(--bs-primary);
+  color: var(--bs-light);
+}
+
+._item_nqyxq_55._selected_nqyxq_76:hover {
+  background-color: var(--bs-primary);
+  filter: brightness(1.05);
+}
+._stickyWrapper_loteg_1 {
+  position: sticky;
+  /* `top` is set inline from StickyScrollContext (the chrome offset). */
+  /* Full-bleed: cancel the parent card's padding so the sticky bar
+     spans the entire card width, then re-apply padding internally. */
+  margin: -5px -0.625rem -5px -0.625rem;
+  padding: 5px 0.625rem;
+  /* Opaque (matches the host card) even when unstuck so colored message bands
+     don't bleed through the header as it scrolls off during the push-off. */
+  background-color: inherit;
+  z-index: 1;
+  border-bottom: solid 1px transparent;
+}
+
+/* Header pinned at its sticky offset (attribute toggled by useStickyStuck). */
+._stickyWrapper_loteg_1[data-sticky-stuck] {
+  background-color: var(--bs-light);
+  border-bottom-color: var(--bs-light-border-subtle);
+}
+
+._label_loteg_21 {
+  margin-right: 0.2em;
+  justify-self: end;
+}
+
+/* Single line, truncated with an ellipsis rather than wrapping: the header's
+   grid track shrinks this cell (via `minmax(0, max-content)`) whenever the
+   turnNav cluster and/or tab picker need the room, and a wrapped second line
+   would grow the sticky header's height instead of just losing title text. */
+._title_loteg_30 {
+  min-width: 0;
+  line-height: 1.6;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+._titleExtra_loteg_38 {
+  display: inline-flex;
+  align-items: center;
+  vertical-align: middle;
+  margin-left: 0.5em;
+}
+
+._navs_loteg_45 {
+  display: flex;
+  align-items: baseline;
+  justify-content: flex-end;
+  min-width: 0;
+}
+
+._turnLabel_loteg_52 {
+  margin-left: 1rem;
+  margin-top: 0.2rem;
+  opacity: 0.5;
+  font-size: var(--inspect-font-size-smallest);
+  white-space: nowrap;
+}
+
+._turnNav_loteg_60 {
+  display: inline-flex;
+  align-items: center;
+  margin-left: 1rem;
+  cursor: default;
+}
+
+._turnNav_loteg_60 ._turnLabel_loteg_52 {
+  margin-left: 0;
+  margin-top: 0;
+}
+
+/* Non-capstone headers of a turn hide their cluster while the capstone is on
+   screen, revealing it only when this header is pinned. `visibility` (not
+   `display`) so the grid column keeps its width and nothing reflows. */
+._turnNavFollower_loteg_75 {
+  visibility: hidden;
+}
+
+._stickyWrapper_loteg_1[data-sticky-stuck] ._turnNavFollower_loteg_75 {
+  visibility: visible;
+}
+
+._turnLabelButton_loteg_83 {
+  border: none;
+  background: none;
+  font: inherit;
+  color: inherit;
+  padding: 2px 8px;
+  border-radius: var(--bs-border-radius);
+  cursor: pointer;
+}
+
+/* Link-like text highlight, matching the sibling chevron/focus buttons —
+   deliberately no pill hover; no other header button has a pill treatment. */
+._turnLabelButton_loteg_83:hover {
+  color: var(--bs-body-color);
+  opacity: 1;
+}
+
+._turnButton_loteg_100 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 0.25em;
+  border: none;
+  background: none;
+  color: var(--bs-secondary);
+  cursor: pointer;
+  line-height: 1;
+  text-decoration: none;
+  font-size: var(--inspect-font-size-smallest);
+}
+
+._turnButton_loteg_100:hover:not(:disabled) {
+  color: var(--bs-body-color);
+}
+
+._turnButton_loteg_100:focus-visible {
+  outline: 2px solid currentColor;
+  outline-offset: 2px;
+}
+
+._turnButton_loteg_100:disabled {
+  opacity: 0.3;
+  cursor: default;
+}
+
+a._turnButton_loteg_100 {
+  padding: 0 0.4em;
+}
+
+._card_loteg_132 {
+  position: relative;
+  background-color: var(--bs-body-bg);
+  padding: 0.625rem;
+  border: solid 1px var(--bs-light-border-subtle);
+  border-radius: var(--bs-border-radius);
+}
+
+/* Landing target of the latest go-to-turn jump — persistent selection ring. */
+._card_loteg_132._jumpTarget_loteg_141 {
+  outline: 2px solid var(--inspect-jump-target-ring-color);
+  outline-offset: 2px;
+}
+
+/* Selected for export; compounded to outrank .depthRoot, margin absorbs the border like .expanded. */
+._card_loteg_132._selected_loteg_147 {
+  border-left: 3px solid var(--inspect-jump-target-ring-color);
+  margin-left: -2px;
+  background-color: rgba(77, 126, 191, 0.05);
+}
+
+._cardContent_loteg_153 {
+  padding: 0;
+  display: inherit;
+}
+
+._cardContent_loteg_153._hidden_loteg_158 {
+  display: none;
+}
+
+._hidden_loteg_158 {
+  display: none;
+}
+
+._copyLink_loteg_166 {
+  font-size: 1.2em;
+  opacity: 0;
+  padding-left: 0.2em;
+  padding-right: 0;
+  vertical-align: middle;
+  line-height: 1;
+  margin-left: 0.25em;
+}
+
+._hover_loteg_176 ._copyLink_loteg_166 {
+  opacity: 0.75;
+}
+
+/* Extra air between the turn label and the event-number pill. */
+._eventLabel_loteg_181 {
+  margin-left: 0.5em;
+}
+
+._root_loteg_185 {
+  background-color: var(--bs-light-bg-subtle);
+  border-radius: unset;
+}
+
+/* A panel showing non-summary detail gets a contrasting gray right gutter (same
+   3px width as the colorful message/tool edges, --bs-secondary so it reads in
+   both light and dark). The negative margin offsets the extra 2px over the
+   default 1px border so widening it doesn't shift the card. Compounded with
+   .card so it outranks .depthRoot's `border-right: none`, keeping the gutter on
+   depth-0 / lane-scoped events. */
+._card_loteg_132._expanded_loteg_146 {
+  border-right: 3px solid var(--bs-secondary);
+  margin-right: -2px;
+}
+
+/* The chevron button is styled down to the bare glyph — the surrounding
+   header cells supply the visual affordance. */
+._collapseToggle_loteg_203 {
+  display: flex;
+  align-items: center;
+  padding: 0;
+  border: none;
+  background: none;
+  color: inherit;
+  font: inherit;
+  cursor: pointer;
+}
+
+._bottomDongle_loteg_214 {
+  display: block;
+  font-family: inherit;
+  font-weight: inherit;
+  position: absolute;
+  margin: 0 auto;
+  width: fit-content;
+  bottom: -10px;
+  left: 50%;
+  transform: translateX(-50%);
+  background-color: var(--bs-body-bg);
+  border: solid 1px var(--bs-light-border-subtle);
+  color: var(--bs-secondary);
+  border-radius: var(--bs-border-radius);
+  padding: 0em 0.4em;
+  cursor: pointer;
+}
+
+._dongleIcon_loteg_232 {
+  padding-right: 0.3em;
 }
 
-._retuneMarker_13lh4_150 {
-  fill: #8f6fd0;
-  stroke: #5d3f9e;
-  cursor: pointer;
+@media print {
+  ._card_loteg_132 {
+    break-inside: avoid;
+  }
 }
+._branchPoint_w0zdg_1 {
+  --bp-bg: var(--bs-tertiary-bg, #fafbfd);
+  --bp-hairline: var(--bs-border-color, #e5e7eb);
+  --bp-segmented-border: var(--bs-border-color, #d1d5db);
+  --bp-segmented-bg: var(--bs-body-bg, #ffffff);
+  --bp-label: var(--bs-secondary-color, #6b7280);
+  --bp-active-bg: var(--bs-secondary-bg, #e5e7eb);
 
-._chartLabel_13lh4_156 {
-  font-size: 9px;
-  fill: var(--bs-secondary-color);
+  background: var(--bp-bg);
+  border-top: 1px solid var(--bp-hairline);
+  border-bottom: 1px solid var(--bp-hairline);
+  padding: 6px 18px;
+
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  flex-wrap: wrap;
 }
 
-._legend_13lh4_161 {
+._label_w0zdg_20 {
   display: inline-flex;
   align-items: center;
-  gap: 0.7rem;
-  font-size: 0.7rem;
-  color: var(--bs-secondary-color);
+  gap: 8px;
+  flex: none;
 }
 
-._legendItem_13lh4_169 {
+._glyph_w0zdg_27 {
   display: inline-flex;
   align-items: center;
-  gap: 0.3rem;
+  color: var(--bp-label);
+  font-size: 14px;
+  line-height: 1;
+  flex: none;
 }
 
-._legendDiamond_13lh4_175 {
-  width: 7px;
-  height: 7px;
-  background: #8f6fd0;
-  border: 1px solid #5d3f9e;
-  transform: rotate(45deg);
-  display: inline-block;
+._labelText_w0zdg_36 {
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+  color: var(--bp-label);
 }
 
-._legendRateLimit_13lh4_184 {
-  width: 1px;
-  height: 10px;
-  background: #b04a3c;
-  display: inline-block;
+._segmented_w0zdg_44 {
+  display: inline-flex;
+  border: 1px solid var(--bp-segmented-border);
+  border-radius: 8px;
+  overflow: hidden;
+  background: var(--bp-segmented-bg);
 }
 
-._legendGuide_13lh4_191 {
-  width: 12px;
-  height: 0;
-  border-top: 1px dashed #9d84d1;
-  display: inline-block;
+._segment_w0zdg_44 {
+  all: unset;
+  padding: 3px 12px;
+  background: var(--bp-segmented-bg);
+  color: var(--bp-label);
+  font-size: 11.5px;
+  font-weight: 500;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  border-left: 1px solid var(--bp-segmented-border);
+  user-select: none;
 }
-
-[data-bs-theme="dark"] ._roleChip_13lh4_49 {
-  border-color: #2c4a66;
-  background: #16222e;
-  color: #8db8dd;
+._segment_w0zdg_44:first-of-type {
+  border-left: 0;
 }
-
-[data-bs-theme="dark"] ._series_13lh4_123 {
-  stroke: #6ea0dc;
+._segment_w0zdg_44:hover:not([aria-checked="true"]):not(:disabled) {
+  background: var(--bp-active-bg);
+  color: var(--bs-body-color, inherit);
 }
-
-[data-bs-theme="dark"] ._rateLimits_13lh4_75 {
-  color: #d98b7f;
+._segment_w0zdg_44[aria-checked="true"] {
+  background: var(--bp-active-bg);
+  color: var(--bs-body-color, inherit);
+  font-weight: 600;
+  cursor: default;
 }
-
-[data-bs-theme="dark"] ._legendRateLimit_13lh4_184 {
-  background: #d98b7f;
+._segment_w0zdg_44:disabled:not([aria-checked="true"]) {
+  cursor: default;
+}
+._segment_w0zdg_44:focus-visible {
+  outline: 2px solid var(--bp-segmented-border);
+  outline-offset: 2px;
 }
 
-[data-bs-theme="dark"] ._rateLimitLine_13lh4_139 {
-  stroke: #d98b7f;
+._continuesGlyph_w0zdg_87 {
+  width: 9px;
+  height: 9px;
+  fill: currentColor;
+  flex: none;
+  opacity: 0.85;
 }
-._panel_ald9k_1 {
-  display: block;
+._panel_1us8t_1 {
+  margin: 0.2em 0;
+  display: grid;
+  grid-template-columns: max-content 1fr;
+  column-gap: 1em;
+  row-gap: 0.3em;
+  align-items: baseline;
 }
 
-._head_ald9k_5 {
+._rowValue_1us8t_10 {
   display: flex;
-  align-items: baseline;
-  justify-content: space-between;
-  gap: 24px;
-  flex-wrap: wrap;
-  padding-bottom: 12px;
-  border-bottom: 1px solid var(--bs-light-border-subtle);
-  margin-bottom: 14px;
+  flex-direction: column;
+  gap: 0.1em;
 }
 
-._headLeft_ald9k_16 {
+._files_1us8t_16 {
   display: flex;
-  align-items: baseline;
-  gap: 12px;
-  flex-wrap: wrap;
+  flex-direction: column;
+  gap: 0.1em;
+  font-family: var(--bs-font-monospace);
 }
 
-._title_ald9k_23 {
-  margin: 0;
-  font-size: var(--inspect-font-size-small);
-  font-weight: 600;
+._file_1us8t_16 {
+  overflow-wrap: anywhere;
 }
 
-._meta_ald9k_29 {
-  display: flex;
-  align-items: baseline;
-  gap: 14px;
-  flex-wrap: wrap;
-  color: var(--bs-body-color);
+._fileOverflow_1us8t_27 {
+  font-style: italic;
+  opacity: 0.7;
 }
-
-._metaItem_ald9k_37 {
-  display: inline-flex;
-  align-items: baseline;
-  gap: 8px;
+._panel_8zdtn_1 {
+  margin: 0.5em 0;
 }
-
-._metaLabel_ald9k_43 {
-  font-size: 11px;
-  font-weight: 600;
-  letter-spacing: 0.04em;
-  text-transform: uppercase;
-  color: var(--bs-secondary);
+._empty_f9al6_1 {
+  padding: 0 18px 14px;
+  color: var(--bs-secondary-color, #6b7280);
 }
 
-._metaValue_ald9k_51 {
+._headline_f9al6_6 {
   font-size: 13px;
-  color: var(--bs-body-color);
-  font-variant-numeric: tabular-nums;
+  font-weight: 600;
+  color: var(--bs-emphasis-color, var(--bs-body-color, #1a1a1a));
 }
 
-._metaSep_ald9k_57 {
-  width: 1px;
-  align-self: stretch;
-  background: var(--bs-light-border-subtle);
-  margin: 2px 4px;
+._detail_f9al6_12 {
+  font-size: 12.5px;
+  margin-top: 4px;
 }
 
-._tableNoTop_ald9k_64 {
-  margin-top: 0;
+._detail_f9al6_12 code {
+  background: var(--bs-body-bg, #ffffff);
+  border: 1px solid var(--bs-border-color, #e5e7eb);
+  border-radius: 3px;
+  padding: 1px 5px;
+  font-size: 11.5px;
+  color: var(--bs-emphasis-color, var(--bs-body-color, #1a1a1a));
+}
+._panel_vz394_1 {
+  margin: 0.2em 0;
+}
+._grid_1pgwi_1 {
+  width: 100%;
+  display: grid;
+  grid-template-columns: 1fr max-content;
+  column-gap: 1em;
 }
 ._container_1ww70_1 {
   margin: 1em 0 0 0;
@@ -28080,7 +29298,7 @@ pre._value_8citi_25 {
 /* "Refined Classic" look: hairline rows, no wrapper/column chrome, muted
    headers, Bootstrap-variable colors so it tracks light/dark mode. */
 
-._gridContainer_t8clh_4 {
+._gridContainer_1o53x_4 {
   max-width: 100%;
   max-height: 60vh;
   overflow: auto;
@@ -28088,19 +29306,18 @@ pre._value_8citi_25 {
 }
 
 /* Title-region summary card: size to content, no inner scroll/padding. */
-._cardContainer_t8clh_12 {
+._cardContainer_1o53x_12 {
   max-width: 100%;
   overflow: visible;
 }
 
-._groupGrid_t8clh_17 + ._groupGrid_t8clh_17 {
+._groupGrid_1o53x_17 + ._groupGrid_1o53x_17 {
   margin-top: 1rem;
   padding-top: 1rem;
   border-top: solid 1px var(--bs-light-border-subtle);
 }
 
-._table_t8clh_23 {
-  table-layout: fixed;
+._table_1o53x_23 {
   border-collapse: separate;
   border-spacing: 0;
   background-color: transparent;
@@ -28108,15 +29325,15 @@ pre._value_8citi_25 {
   font-size: 12px;
 }
 
-._table_t8clh_23 th,
-._table_t8clh_23 td {
+._table_1o53x_23 th,
+._table_1o53x_23 td {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   padding: 0 12px;
 }
 
-._table_t8clh_23 td {
+._table_1o53x_23 td {
   height: 32px;
   border-bottom: 1px solid var(--bs-border-color-translucent);
   font-variant-numeric: tabular-nums;
@@ -28130,7 +29347,7 @@ pre._value_8citi_25 {
 /* 0.8rem / 500 matches what the AG grid actually rendered (its theme's
    headerFontSize param never took effect; headers inherited the app's
    0.8rem with AG's default 500 header weight). */
-._table_t8clh_23 th {
+._table_1o53x_23 th {
   height: 28px;
   border-bottom: 1px solid var(--bs-border-color);
   background-color: var(--bs-light-bg-subtle);
@@ -28142,12 +29359,12 @@ pre._value_8citi_25 {
 
 /* Group header row: unlabeled cells (placeholders over ungrouped columns)
    drop their bottom border so the column reads as one tall header cell. */
-._groupRow_t8clh_66 th {
+._groupRow_1o53x_65 th {
   height: 24px;
   border-bottom-color: transparent;
 }
 
-._groupRow_t8clh_66 th._groupLabel_t8clh_71 {
+._groupRow_1o53x_65 th._groupLabel_1o53x_70 {
   border-bottom-color: var(--bs-border-color);
   text-align: center;
   text-transform: uppercase;
@@ -28156,13 +29373,13 @@ pre._value_8citi_25 {
 
 /* `.table th`/`.table td` outrank single-class selectors, so these
    per-column overrides repeat the element for equal-or-higher specificity. */
-._table_t8clh_23 th._numericHeader_t8clh_80,
-._table_t8clh_23 td._numericCell_t8clh_81 {
+._table_1o53x_23 th._numericHeader_1o53x_79,
+._table_1o53x_23 td._numericCell_1o53x_80 {
   text-align: right;
 }
 
 /* Scorer column reads as the row label — a touch heavier + higher contrast. */
-._scorerCell_t8clh_86 {
+._scorerCell_1o53x_85 {
   font-weight: 500;
   color: var(--bs-emphasis-color);
 }
@@ -28170,54 +29387,78 @@ pre._value_8citi_25 {
 /* Breathing room at the edges so values don't sit flush with the modal
    border (and so the last column doesn't get overlapped by the vertical
    scroll bar). */
-._table_t8clh_23 th._scorerHeader_t8clh_94,
-._table_t8clh_23 td._scorerCell_t8clh_86 {
+._table_1o53x_23 th._scorerHeader_1o53x_93,
+._table_1o53x_23 td._scorerCell_1o53x_85 {
   padding-left: 1rem;
 }
 
-._table_t8clh_23 th._lastHeader_t8clh_99,
-._table_t8clh_23 td._lastCell_t8clh_100 {
+._table_1o53x_23 th._lastHeader_1o53x_98,
+._table_1o53x_23 td._lastCell_1o53x_99 {
   padding-right: 0.5rem;
 }
 
-._sortable_t8clh_104 {
+._sortable_1o53x_103 {
   cursor: pointer;
   user-select: none;
 }
 
-._headerLabel_t8clh_109 {
+._headerLabel_1o53x_108 {
   display: inline-flex;
   align-items: center;
   gap: 4px;
   max-width: 100%;
 }
 
-._sortIcon_t8clh_116 {
+._sortIcon_1o53x_115 {
   font-size: 10px;
 }
 
-._compact_t8clh_120 th,
-._compact_t8clh_120 td {
+._sortIconIdle_1o53x_119 {
+  visibility: hidden;
+}
+
+/* The full view auto-sizes columns so names read in full (only the compact
+   card truncates). Full width lets stacked group tables line up: the scorer
+   column absorbs the slack, keeping metric columns flush right. */
+._table_1o53x_23:not(._compact_1o53x_126) {
+  width: 100%;
+}
+
+/* A scorer name too long for the capped dialog wraps, not ellipsizes. */
+._table_1o53x_23:not(._compact_1o53x_126) td._scorerCell_1o53x_85 {
+  min-width: 180px;
+  white-space: normal;
+  overflow-wrap: anywhere;
+  padding-top: 4px;
+  padding-bottom: 4px;
+}
+
+._compact_1o53x_126 {
+  table-layout: fixed;
+}
+
+._compact_1o53x_126 th,
+._compact_1o53x_126 td {
   padding: 0 8px;
 }
 
-._compact_t8clh_120 td {
+._compact_1o53x_126 td {
   height: 26px;
 }
 
 /* Inline card sits on the title-bar surface — let it show through rather
    than painting its own header chrome, and don't leave a floating rule
    under the last row. */
-._compact_t8clh_120 th {
+._compact_1o53x_126 th {
   height: 24px;
   background-color: transparent;
 }
 
-._compact_t8clh_120 tbody tr:last-child td {
+._compact_1o53x_126 tbody tr:last-child td {
   border-bottom: none;
 }
 
-._compact_t8clh_120 ._groupRow_t8clh_66 th {
+._compact_1o53x_126 ._groupRow_1o53x_65 th {
   height: 20px;
 }
 ._unscoredSamples_1h85z_1 {
@@ -28585,6 +29826,20 @@ pre._value_8citi_25 {
   height: 100%;
   min-height: 0;
 }
+._container_f35vk_1:hover ._toggle_f35vk_1 {
+  opacity: 1;
+}
+
+._toggle_f35vk_1 {
+  position: absolute;
+  top: 0.25rem;
+  right: 0.25rem;
+  z-index: 10;
+  opacity: 0.7;
+  transition: opacity 0.2s;
+  padding: 0 0.2rem;
+  background-color: var(--bs-body-bg);
+}
 .ap-default-term-ff {
   --term-font-family: "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace, "Symbols Nerd Font";
 }