@meridianlabs/inspect-scout-viewer 0.4.41 → 0.4.42

package/lib/styles/index.css

@@ -3035,9 +3035,24 @@ pre[class*="language-"] {
   --inspect-msg-label-bg-hover: #ebebef;
   --inspect-msg-label-border: #e4e4e9;
   --inspect-msg-label-text: #5f5f68;
+
+  /* Tool block (header/edge/zones) tokens: neutral by default so the
+     design-consistent look holds when Event Colors is off; the readable
+     variant points them at the colored tool tokens below. The left edges
+     are plain 1px card borders uncolored, 3px accent bands colorized. */
+  --inspect-tool-block-edge: 1px solid var(--bs-light-border-subtle);
+  --inspect-tool-block-header-bg: var(--bs-tertiary-bg);
+  /* The input continues the header surface; the output is lighter (plain
+     page background) so the call and its result read as distinct zones. */
+  --inspect-tool-block-input-bg: var(--inspect-tool-block-header-bg);
+  --inspect-tool-block-output-bg: var(--bs-body-bg);
+  --inspect-tool-block-ink: var(--bs-secondary-color);
+  --inspect-turn-prose-edge: 1px solid var(--bs-light-border-subtle);
 }
 
 :root[data-bs-theme="dark"] {
+  --inspect-tool-output-bg: #14171c;
+
   --inspect-msg-label-bg: #2a2a2e;
   --inspect-msg-label-bg-hover: #33333a;
   --inspect-msg-label-border: #3a3a40;
@@ -3063,6 +3078,12 @@ pre[class*="language-"] {
    already emit (no per-role classes, no duplicated styles). */
 :root[data-theme-variant="readable"] {
   --bs-body-color: var(--inspect-readable-body-color);
+  --inspect-tool-block-edge: 3px solid var(--inspect-readable-tool-call-border);
+  --inspect-tool-block-header-bg: var(--inspect-readable-tool-call-bg);
+  --inspect-tool-block-input-bg: var(--inspect-readable-tool-call-bg);
+  --inspect-tool-block-output-bg: var(--inspect-tool-output-bg);
+  --inspect-tool-block-ink: var(--inspect-readable-tool-call-border);
+  --inspect-turn-prose-edge: 3px solid var(--inspect-readable-assistant-border);
 }
 
 :root[data-theme-variant="readable"] [data-message-role] {
@@ -3111,55 +3132,6 @@ pre[class*="language-"] {
   border-left: 1px solid var(--bs-light-border-subtle);
 }
 
-/* The tool call is its own peer block: under readable the whole box is the blue
-   call surface (header + input). */
-:root[data-theme-variant="readable"] [data-message-kind="tool"] {
-  background-color: var(--inspect-readable-tool-call-bg);
-  border-left: 3px solid var(--inspect-readable-tool-call-border);
-}
-
-/* Flush the call input AND the output to the box padding edge in EVERY theme so
-   they line up. The input otherwise carries ToolInput's .toolView padding (and,
-   under readable, the .tool-call-input padding) plus the prism code block's own
-   padding/margin, over-indenting it relative to the output. The `:root` prefix
-   lifts specificity above the readable .tool-call-input rule. */
-:root [data-message-kind="tool"] pre.tool-call-input,
-:root [data-message-kind="tool"] div.tool-call-input {
-  border: 0;
-  border-radius: 0;
-  padding: 0 !important;
-}
-:root [data-message-kind="tool"] .tool-call-input pre[class*="language-"] {
-  margin: 0 !important;
-  padding: 0 !important;
-}
-:root [data-message-kind="tool-result"] .tool-output {
-  margin: 0 !important;
-  padding: 0 !important;
-}
-:root[data-theme-variant="readable"]
-  [data-message-kind="tool"]
-  pre.tool-call-input,
-:root[data-theme-variant="readable"]
-  [data-message-kind="tool"]
-  div.tool-call-input {
-  background-color: transparent;
-}
-
-/* The tool output attaches beneath its call — a light-gray box that shares the
-   call's blue left gutter so the pair reads as one connected card. */
-:root[data-theme-variant="readable"] [data-message-kind="tool-result"] {
-  background-color: var(--inspect-tool-output-bg);
-  border-left: 3px solid var(--inspect-readable-tool-call-border);
-}
-:root[data-theme-variant="readable"]
-  [data-message-kind="tool-result"]
-  .tool-output {
-  background-color: transparent;
-  border: 0;
-  border-radius: 0;
-}
-
 /* Light subtle box around tool output (standalone transcript tool events). */
 :root[data-theme-variant="readable"] .tool-output {
   border: 1px solid var(--bs-light-border-subtle);
@@ -5242,7 +5214,7 @@ pre > code {
   color: var(--vscode-errorForeground);
   font-size: 0.9rem;
 }
-._backdrop_wrdr6_1 {
+._backdrop_1hn8l_1 {
   position: fixed;
   inset: 0;
   background: rgba(0, 0, 0, 0.36);
@@ -5250,10 +5222,13 @@ pre > code {
   align-items: flex-start;
   justify-content: center;
   padding-top: 15vh;
-  z-index: 1000;
+  /* Above app chrome: Bootstrap's sticky-top navbar is 1020 and fixed
+     elements are 1030, so a modal must clear those (matches the standard
+     Bootstrap modal layer). */
+  z-index: 1050;
 }
 
-._modal_wrdr6_12 {
+._modal_1hn8l_15 {
   background: var(--vscode-editor-background);
   border: 1px solid
     var(--vscode-widget-border, var(--vscode-editorWidget-border));
@@ -5266,7 +5241,7 @@ pre > code {
   flex-direction: column;
 }
 
-._header_wrdr6_25 {
+._header_1hn8l_28 {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -5275,14 +5250,14 @@ pre > code {
     var(--vscode-widget-border, var(--vscode-editorWidget-border));
 }
 
-._title_wrdr6_34 {
+._title_1hn8l_37 {
   margin: 0;
   font-size: 14px;
   font-weight: 600;
   color: var(--vscode-foreground);
 }
 
-._closeButton_wrdr6_41 {
+._closeButton_1hn8l_44 {
   background: none;
   border: none;
   color: var(--vscode-foreground);
@@ -5293,19 +5268,38 @@ pre > code {
   justify-content: center;
 }
 
-._closeButton_wrdr6_41:hover {
+._closeButton_1hn8l_44:hover {
   background: var(--vscode-toolbar-hoverBackground);
   border-radius: 4px;
 }
 
-._body_wrdr6_57 {
+._body_1hn8l_60 {
   padding: 16px;
   color: var(--vscode-foreground);
   font-size: 13px;
+}
+
+._overflowAuto_1hn8l_66 {
   overflow-y: auto;
 }
 
-._footer_wrdr6_64 {
+._overflowHidden_1hn8l_70 {
+  overflow: hidden;
+}
+
+._overflowScroll_1hn8l_74 {
+  overflow: scroll;
+}
+
+._overflowVisible_1hn8l_78 {
+  overflow: visible;
+}
+
+._noPadding_1hn8l_82 {
+  padding: 0;
+}
+
+._footer_1hn8l_86 {
   display: flex;
   justify-content: flex-end;
   gap: 8px;
@@ -5664,6 +5658,122 @@ pre > code {
     opacity: 0.8;
   }
 }
+._separator_ts678_1 {
+  flex: 0 0 1px;
+  background-color: var(--bs-border-color);
+}
+
+._rail_ts678_6 {
+  align-self: stretch;
+  background-color: var(--bs-body-bg);
+}
+
+._railSticky_ts678_11 {
+  position: sticky;
+}
+/* 1px divider to the panel's left, stretched to the full row height so the
+   resizer it hosts spans the whole panel edge. */
+._divider_1538e_3 {
+  position: relative;
+  flex: 0 0 1px;
+  align-self: stretch;
+  background-color: var(--bs-border-color);
+}
+
+._resizer_1538e_10 {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: -3px;
+  width: 7px;
+  cursor: col-resize;
+  touch-action: none;
+  user-select: none;
+  /* Above the panel and content headers so the hover highlight is one
+     continuous line, but below sticky swimlanes (z-index 500) and the sample
+     header so it never paints over them when scrolled. */
+  z-index: 200;
+  background-color: transparent;
+}
+
+/* Crisp highlight centered on the 1px divider, so hover reads as a clean line
+   instead of a fat bar bleeding over the neighboring header bars. */
+._resizer_1538e_10::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 50%;
+  width: 2px;
+  transform: translateX(-50%);
+  background-color: transparent;
+  transition: background-color 120ms ease;
+}
+
+._resizer_1538e_10:hover::after,
+._resizer_1538e_10:active::after {
+  background-color: var(--bs-primary);
+}
+
+/* No padding: hosted panels (Search / Scans) own their internal padding and
+   render full-width header bars, so the column must be flush. */
+._panel_1538e_47 {
+  position: sticky;
+  padding: 0;
+  align-self: start;
+  background-color: var(--bs-body-bg);
+  overflow-y: auto;
+  scrollbar-width: thin;
+}
+._rail_1llfi_1 {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  width: 100%;
+  gap: 0.25rem;
+}
+
+._item_1llfi_9 {
+  all: unset;
+  box-sizing: border-box;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.2rem;
+  padding: 0.5rem 0.25rem;
+  color: var(--bs-secondary-color);
+  border-left: 2px solid transparent;
+  transition:
+    color 120ms ease,
+    background-color 120ms ease;
+}
+
+._item_1llfi_9:hover:not(:disabled) {
+  color: var(--bs-body-color);
+  background-color: var(--bs-tertiary-bg);
+}
+
+._item_1llfi_9:disabled {
+  cursor: default;
+  opacity: 0.45;
+}
+
+._itemActive_1llfi_35 {
+  color: var(--bs-body-color);
+  border-left-color: var(--bs-primary);
+  background-color: var(--bs-tertiary-bg);
+}
+
+._icon_1llfi_41 {
+  font-size: 1.1rem;
+  line-height: 1;
+}
+
+._label_1llfi_46 {
+  text-align: center;
+  line-height: 1.1;
+}
 ._rootControl_1d1i3_1 {
   background-color: var(--bs-body-bg);
   border-radius: var(--bs-border-radius);
@@ -5709,6 +5819,51 @@ button._segment_1d1i3_10._disabled_1d1i3_41:hover {
   opacity: 0.5;
   cursor: not-allowed;
 }
+._header_2b98m_1 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.5rem;
+  flex-shrink: 0;
+  height: 39px;
+  border-bottom: 1px solid var(--bs-border-color);
+  background-color: var(--bs-light);
+}
+
+._headerTitle_2b98m_12 {
+  margin: 0;
+  font-size: var(--inspect-font-size-smallest);
+  color: var(--bs-body-color);
+  text-transform: uppercase;
+  font-weight: 400;
+}
+
+._headerIcon_2b98m_20 {
+  margin-right: 0.5em;
+}
+
+._headerSecondary_2b98m_24 {
+  font-size: var(--inspect-font-size-smallest);
+  color: var(--bs-secondary-color);
+}
+
+._headerActions_2b98m_29 {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+}
+
+._closeButton_2b98m_35 {
+  all: unset;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+}
+
+._closeButton_2b98m_35:focus-visible {
+  outline: 1px solid var(--bs-primary);
+  outline-offset: 1px;
+}
 ._sourcePanel_bat6y_1 {
   width: 100%;
   padding: 0.5em;
@@ -5922,27 +6077,27 @@ button._segment_1d1i3_10._disabled_1d1i3_41:hover {
   font-size: var(--inspect-font-size-smallest);
   padding: 0.1em 0.5em;
 }
-._outer_mnipc_1 {
+._outer_1ml7m_1 {
   /* Positioned so the block-left sticky toggle's containing block is this
      wrapper — keeps sticky behavior scoped to the panel instead of leaking
      to some arbitrary positioned ancestor up the tree. */
   position: relative;
 }
 
-._expandablePanel_mnipc_8 {
+._expandablePanel_1ml7m_8 {
   position: relative;
 }
 
-._expandableBordered_mnipc_12 {
+._expandableBordered_1ml7m_12 {
   border: solid var(--bs-light-border-subtle) 1px;
   padding: 0.5em;
 }
 
-._expandableTogglable_mnipc_17 {
+._expandableTogglable_1ml7m_17 {
   margin-bottom: 1em;
 }
 
-._expandableContents_mnipc_21 {
+._expandableContents_1ml7m_21 {
   font-size: var(--inspect-font-size-base);
 }
 
@@ -5958,7 +6113,7 @@ button._segment_1d1i3_10._disabled_1d1i3_41:hover {
    gradient) so the affordance works on any surface, regardless of the
    panel's bg. The inline-right toggle is a sibling of this wrapper, so it
    stays fully opaque. */
-._expandableTruncated_mnipc_37 {
+._expandableTruncated_1ml7m_37 {
   -webkit-mask-image: linear-gradient(
     to bottom,
     black calc(100% - 3rem),
@@ -5967,7 +6122,7 @@ button._segment_1d1i3_10._disabled_1d1i3_41:hover {
   mask-image: linear-gradient(to bottom, black calc(100% - 3rem), transparent);
 }
 
-._moreToggle_mnipc_46 {
+._moreToggle_1ml7m_46 {
   display: flex;
   margin-top: 0;
   height: 20px;
@@ -5977,11 +6132,14 @@ button._segment_1d1i3_10._disabled_1d1i3_41:hover {
   color: var(--bs-link-color);
 }
 
-._moreToggle_mnipc_46._bordered_mnipc_56 {
+._moreToggle_1ml7m_46._bordered_1ml7m_56 {
   border-top: solid var(--bs-light-border-subtle) 1px;
 }
 
-._moreToggleButton_mnipc_60 {
+/* Double class beats Bootstrap's `.btn` regardless of stylesheet order —
+   in scout, Bootstrap loads after this module and its 6px 12px padding
+   overflowed the fixed-height toggle bar. */
+._moreToggle_1ml7m_46 ._moreToggleButton_1ml7m_63 {
   font-size: var(--inspect-font-size-smaller);
   border: none;
   padding: 0rem 0.5rem;
@@ -5992,7 +6150,7 @@ button._segment_1d1i3_10._disabled_1d1i3_41:hover {
 /* Fills the panel so its sticky child is bounded by the panel's rect.
    pointer-events: none lets clicks pass through to the content behind;
    the sticky child re-enables pointer events on itself. */
-._inlineToggleHolder_mnipc_71 {
+._inlineToggleHolder_1ml7m_74 {
   position: absolute;
   inset: 0;
   display: flex;
@@ -6004,13 +6162,13 @@ button._segment_1d1i3_10._disabled_1d1i3_41:hover {
   z-index: 2;
 }
 
-._inlineToggleSticky_mnipc_83 {
+._inlineToggleSticky_1ml7m_86 {
   position: sticky;
   bottom: 0.25em;
   pointer-events: auto;
 }
 
-._moreToggle_mnipc_46._blockLeft_mnipc_89 {
+._moreToggle_1ml7m_46._blockLeft_1ml7m_92 {
   width: fit-content;
   margin-top: 0.2em;
   margin-bottom: 0.5em;
@@ -6169,88 +6327,362 @@ button._segment_1d1i3_10._disabled_1d1i3_41:hover {
   text-decoration-style: solid;
   background-color: var(--bs-primary-bg-subtle);
 }
-._activityBar_10a5h_1 {
-  width: 78px;
-  border-right: solid 1px var(--bs-border-color);
-  background-color: var(--bs-light);
+._container_1sdtt_1 {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-height: 0;
 }
 
-._activityHost_10a5h_7 {
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-  display: grid;
-  justify-content: center;
-  grid-auto-rows: max-content;
-  row-gap: 1rem;
+._body_1sdtt_8 {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
 }
 
-._activity_10a5h_1 {
+._searchArea_1sdtt_15 {
+  padding: 0.5rem;
+  border-bottom: 1px solid var(--bs-border-color);
   display: flex;
   flex-direction: column;
-  align-items: center;
-  flex-shrink: 1;
-  padding: 0.3rem;
-  border-radius: var(--bs-border-radius);
+  gap: 0.45rem;
 }
 
-._activity_10a5h_1:hover {
-  background-color: var(--bs-body-bg);
-  cursor: pointer;
+._inputShell_1sdtt_23 {
+  display: flex;
+  min-width: 0;
 }
 
-._activity_10a5h_1._selected_10a5h_30 {
-  background-color: var(--bs-primary-bg-subtle);
+._inputShell_1sdtt_23 vscode-textarea {
+  display: block;
+  width: 100%;
 }
 
-._icon_10a5h_34 {
-  font-size: 1.1rem;
+._controlsRow_1sdtt_33 {
+  display: flex;
+  align-items: center;
+  gap: 0.4rem;
+  flex-wrap: wrap;
 }
 
-._label_10a5h_38 {
-  font-size: 0.5rem;
-  text-transform: uppercase;
+._topRow_1sdtt_40 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem;
 }
-._outerLayout_1j111_1 {
+
+._typeToggle_1sdtt_47 {
   display: flex;
-  flex-direction: column;
-  height: 100vh;
-  width: 100vw;
-  overflow: hidden;
+  flex: 0 0 auto;
 }
 
-._layout_1j111_9 {
+._topActions_1sdtt_52 {
   display: flex;
-  flex-direction: row;
-  flex: 1;
-  overflow: hidden;
+  align-items: center;
+  gap: 0.2rem;
 }
 
-._content_1j111_16 {
-  flex: 1;
-  overflow: hidden;
+._textarea_1sdtt_58 {
+  width: 100%;
+  font-family: inherit;
+  font-size: var(--inspect-font-size-small);
+  color: var(--bs-body-color);
 }
 
-._content_1j111_16._scrolling_1j111_21 {
-  overflow: auto;
+._modeRow_1sdtt_65 {
+  flex: 1 1 16rem;
+  min-width: 0;
+  min-height: 0;
 }
-._root_1jsd7_1 {
-  position: relative;
-  display: inline-flex;
+
+._modeControls_1sdtt_71 {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.3rem;
 }
 
-._button_1jsd7_6 {
-  display: inline-flex;
+._modeToggle_1sdtt_77 {
+  display: flex;
   align-items: center;
   justify-content: center;
-  background: none;
-  border: none;
-  padding: 0.25rem 0.4rem;
-  color: inherit;
-  cursor: pointer;
+  padding: 0.2rem;
+  border: 1px solid var(--bs-border-color);
   border-radius: var(--bs-border-radius);
+  background: var(--bs-body-bg);
+  color: var(--bs-secondary-color);
+  cursor: pointer;
+  font-size: 14px;
   line-height: 1;
-}
-
+  transition:
+    border-color 0.12s ease,
+    background-color 0.12s ease,
+    color 0.12s ease;
+}
+
+._modeToggle_1sdtt_77:hover {
+  background-color: var(--bs-secondary-bg);
+  color: var(--bs-body-color);
+}
+
+._modeToggleActive_1sdtt_100 {
+  background-color: var(--bs-secondary-bg);
+  color: var(--bs-body-color);
+}
+
+._modelPill_1sdtt_105 {
+  display: flex;
+  align-items: center;
+  gap: 0.35rem;
+  width: 100%;
+  min-width: 0;
+  padding: 0.15rem 0.45rem;
+  padding-right: 0;
+  border: 1px solid var(--bs-border-color);
+  border-radius: var(--bs-border-radius);
+  background-color: var(--bs-body-bg);
+  transition: border-color 0.12s ease;
+}
+
+._modelPill_1sdtt_105:focus-within {
+  border-color: var(--vscode-focusBorder);
+}
+
+._modelInputShell_1sdtt_123 {
+  flex: 1;
+  min-width: 0;
+}
+
+._modelInput_1sdtt_123 {
+  flex: 1;
+  min-width: 0;
+  font-family: inherit;
+  font-size: var(--inspect-font-size-small);
+  line-height: 1.4;
+  padding: 0.05rem 0;
+  border: 0;
+  background: transparent;
+  color: var(--bs-body-color);
+}
+
+._modelInput_1sdtt_123:focus {
+  outline: none;
+}
+
+._iconAction_1sdtt_144 {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 28px;
+  height: 28px;
+  padding: 0;
+  border: 0;
+  border-radius: 4px;
+  background: transparent;
+  color: var(--bs-primary-color);
+  cursor: pointer;
+  transition:
+    background-color 0.12s ease,
+    color 0.12s ease;
+}
+
+._iconAction_1sdtt_144:hover {
+  background: var(--vscode-toolbar-hoverBackground);
+  color: var(--bs-body-color);
+}
+
+._iconActionActive_1sdtt_166 {
+  background: var(--vscode-toolbar-hoverBackground);
+  color: var(--bs-body-color);
+}
+
+._runButton_1sdtt_171 {
+  flex: 0 0 auto;
+  padding: 0.24rem 0.65rem;
+  border: 1px solid var(--bs-border-color);
+  border-radius: var(--bs-border-radius);
+  background-color: var(--bs-secondary-bg);
+  color: var(--bs-body-color);
+  font-size: var(--inspect-font-size-small);
+  font-weight: 600;
+  cursor: pointer;
+}
+
+._runButton_1sdtt_171:hover:not(:disabled) {
+  background-color: var(--bs-tertiary-bg);
+}
+
+._runButton_1sdtt_171:disabled {
+  opacity: 0.55;
+  cursor: default;
+}
+
+._results_1sdtt_192 {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  padding: 0.5rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+._sectionHeader_1sdtt_202 {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.5rem;
+  font-size: var(--inspect-font-size-smallest);
+  color: var(--bs-primary-color);
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+}
+
+._resultCard_1sdtt_214 {
+  background-color: var(--bs-body-bg);
+  font-size: var(--inspect-font-size-small);
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+._matchCount_1sdtt_222 {
+  font-weight: 600;
+  color: var(--bs-primary-color);
+  font-size: var(--inspect-font-size-smallest);
+}
+
+._recentList_1sdtt_228 {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+._recentItem_1sdtt_234 {
+  padding: 6px 10px;
+  font-size: var(--inspect-font-size-small);
+  color: var(--bs-body-color);
+  cursor: pointer;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+._recentItem_1sdtt_234:hover {
+  background: var(--bs-primary);
+  color: white;
+}
+
+._recentEmpty_1sdtt_249 {
+  padding: 0.6rem 0.5rem;
+  color: var(--bs-primary-color);
+  font-size: var(--inspect-font-size-small);
+  text-align: center;
+}
+
+._emptyState_1sdtt_256 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 8rem;
+  color: var(--bs-primary-color);
+  font-size: var(--inspect-font-size-small);
+  text-align: center;
+}
+
+._searchingText_1sdtt_267 {
+  margin: 0;
+}
+
+._searchingElapsed_1sdtt_271 {
+  color: var(--bs-secondary-color);
+  font-variant-numeric: tabular-nums;
+}
+._activityBar_10a5h_1 {
+  width: 78px;
+  border-right: solid 1px var(--bs-border-color);
+  background-color: var(--bs-light);
+}
+
+._activityHost_10a5h_7 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+  display: grid;
+  justify-content: center;
+  grid-auto-rows: max-content;
+  row-gap: 1rem;
+}
+
+._activity_10a5h_1 {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex-shrink: 1;
+  padding: 0.3rem;
+  border-radius: var(--bs-border-radius);
+}
+
+._activity_10a5h_1:hover {
+  background-color: var(--bs-body-bg);
+  cursor: pointer;
+}
+
+._activity_10a5h_1._selected_10a5h_30 {
+  background-color: var(--bs-primary-bg-subtle);
+}
+
+._icon_10a5h_34 {
+  font-size: 1.1rem;
+}
+
+._label_10a5h_38 {
+  font-size: 0.5rem;
+  text-transform: uppercase;
+}
+._outerLayout_1j111_1 {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+  width: 100vw;
+  overflow: hidden;
+}
+
+._layout_1j111_9 {
+  display: flex;
+  flex-direction: row;
+  flex: 1;
+  overflow: hidden;
+}
+
+._content_1j111_16 {
+  flex: 1;
+  overflow: hidden;
+}
+
+._content_1j111_16._scrolling_1j111_21 {
+  overflow: auto;
+}
+._root_1jsd7_1 {
+  position: relative;
+  display: inline-flex;
+}
+
+._button_1jsd7_6 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: none;
+  border: none;
+  padding: 0.25rem 0.4rem;
+  color: inherit;
+  cursor: pointer;
+  border-radius: var(--bs-border-radius);
+  line-height: 1;
+}
+
 ._button_1jsd7_6:hover {
   background-color: var(--bs-secondary-bg);
 }
@@ -7469,6 +7901,12 @@ button._segment_1d1i3_10._disabled_1d1i3_41:hover {
 ._preCompact_seqs2_15 {
   margin-bottom: 0;
 }
+._notice_mpxkz_1 {
+  margin-top: 0.25rem;
+  font-size: var(--inspect-font-size-smaller);
+  color: var(--bs-secondary-color);
+  font-style: italic;
+}
 ._keyPairContainer_1u1d5_1 {
   display: grid;
   grid-template-columns: max-content auto;
@@ -8068,47 +8506,180 @@ a._citationLink_1ggvf_9:hover {
   overflow-wrap: break-word !important;
   word-break: break-all !important;
 }
-._mcpToolUse_1792k_1 {
-  margin-left: 0.5em;
-  margin-top: 2em;
-  margin-bottom: 2em;
-  padding: 0.25em 0.75em;
-  border-left: solid 5px var(--bs-border-color);
+/* Shared tool-call block grammar. Colors come from the tool-block tokens,
+   which are neutral by default and only colorized under the readable
+   variant (the Event Colors toggle); the output well is the tool-output
+   fill, hairlines/border are the subtle border token. */
+._block_16fhi_5 {
+  border-left: var(--inspect-tool-block-edge);
 }
 
-._title_1792k_9 {
-  margin-bottom: 0.25em;
-  display: grid;
-  grid-template-columns: auto 1fr auto;
-  column-gap: 0.3em;
-  align-items: baseline;
-  border-bottom: solid 1px var(--bs-border-color);
+._standalone_16fhi_9 {
+  border-top: 1px solid var(--bs-light-border-subtle);
+  border-right: 1px solid var(--bs-light-border-subtle);
+  border-bottom: 1px solid var(--bs-light-border-subtle);
+  border-radius: var(--bs-border-radius);
+  overflow: hidden;
 }
 
-._titleText_1792k_18 {
-  margin-bottom: 0;
+._header_16fhi_17 {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.5rem 0.8rem 0 0.8rem;
+  background-color: var(--inspect-tool-block-header-bg);
+}
+
+._icon_16fhi_25 {
+  flex: none;
+  font-size: 13px;
+  color: var(--inspect-tool-block-ink);
+}
+
+._title_16fhi_31 {
+  flex: none;
+  font-family: var(--bs-font-monospace);
+  font-size: var(--inspect-font-size-smaller);
+  font-weight: 600;
+  color: var(--inspect-tool-block-ink);
+}
+
+._summary_16fhi_39 {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-family: var(--bs-font-monospace);
+  font-size: var(--inspect-font-size-smaller);
+  color: var(--bs-secondary-color);
+}
+
+._pill_16fhi_50 {
+  flex: none;
+  /* Right-aligned even when there is no args summary to push it over. */
+  margin-left: auto;
+  font-size: var(--inspect-font-size-smallestest);
+  font-weight: 500;
+  line-height: 1.5;
+  color: var(--bs-secondary-color);
+  background-color: var(--bs-body-bg);
+  border: 1px solid var(--bs-light-border-subtle);
+  border-radius: 999px;
+  padding: 1px 7px;
+}
+
+._inputZone_16fhi_64 {
+  background-color: var(--inspect-tool-block-input-bg);
+  padding: 0 0.5rem 0.2rem 0.5rem;
+  overflow-x: auto;
+}
+
+._outputWell_16fhi_70 {
+  border-top: 1px solid var(--bs-light-border-subtle);
+  background-color: var(--inspect-tool-block-output-bg);
+  padding: 12px 15px;
+  font-size: var(--inspect-font-size-smaller);
+  line-height: 1.6;
+}
+
+/* The zones own their padding/fill; flatten the boxed surfaces that nested
+   renderers (prism code blocks, tool-call-input call-outs, tool output wells)
+   would otherwise stack inside them. !important outranks the readable
+   variant's higher-specificity :root[data-theme-variant] surface rules. */
+._inputZone_16fhi_64 pre.tool-call-input,
+._inputZone_16fhi_64 div.tool-call-input {
+  background-color: transparent !important;
+  border: 0 !important;
+  border-radius: 0 !important;
+  padding: 0 !important;
+  margin: 0 !important;
+}
+
+._inputZone_16fhi_64 .tool-call-input pre[class*="language-"] {
+  margin: 0 !important;
+  padding: 0 !important;
+  background-color: transparent !important;
+}
+
+._outputWell_16fhi_70 .tool-output {
+  background-color: transparent !important;
+  border: 0 !important;
+  border-radius: 0 !important;
+  margin: 0 !important;
+  padding: 0 !important;
+}
+._error_z9ujs_1 {
+  color: var(--inspect-tool-error-color);
+  background-color: var(--inspect-tool-error-bg);
+  padding: 0.5em 0.7em;
+  border-radius: var(--bs-border-radius);
+  font-family: var(--bs-font-monospace);
+  overflow-wrap: anywhere;
+  margin: 0.5em 0;
+}
+
+._type_z9ujs_11 {
+  font-weight: 600;
+  margin-bottom: 0.25em;
+  text-transform: capitalize;
 }
 
-._args_1792k_22 {
+._message_z9ujs_17 {
+  white-space: pre-wrap;
+}
+._todoList_1t8rx_1 {
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
   display: grid;
   grid-template-columns: auto 1fr;
-  column-gap: 0.5em;
-  row-gap: 0.1em;
-  margin-bottom: 1em;
-  align-items: baseline;
+  column-gap: 0.3em;
 }
 
-._argLabel_1792k_31 pre {
-  margin: 0;
+._inProgress_1t8rx_9 {
+  font-weight: bold;
+}
+._outputPre_7phrr_1 {
+  padding: 0.5em;
+  margin-top: 0.25em;
+  margin-bottom: 0;
 }
 
-._error_1792k_35 {
-  color: red;
-  font-weight: bold;
+._toolView_7phrr_7 {
+  padding-top: 0 !important;
 }
 
-._toolPanel_1792k_40 {
-  display: contents;
+._toolView_7phrr_7 pre {
+  margin-bottom: 0;
+}
+
+._toolView_7phrr_7 p > code {
+  font-size: var(--inspect-text-size-small) !important;
+  color: var(--bs-body-color) !important;
+}
+
+._outputCode_7phrr_20 {
+  font-size: var(--inspect-text-size-small) !important;
+  overflow-wrap: anywhere !important;
+  white-space: pre-wrap !important;
+}
+._tool_13xcg_1 {
+  margin-bottom: 0.5em;
+}
+
+._execOutput_13xcg_5 {
+  margin: 0;
+  padding: 0;
+  background-color: transparent;
+  border: 0;
+  font-size: var(--inspect-font-size-smaller);
+  line-height: 1.5;
+  white-space: pre-wrap;
+  overflow-wrap: anywhere;
+}
+
+._execError_13xcg_16 {
+  color: var(--inspect-tool-error-color);
 }
 ._toolImage_1cvly_1 {
   max-width: 800px;
@@ -8198,61 +8769,17 @@ a._citationLink_1ggvf_9:hover {
   display: grid;
   row-gap: 0.5em;
 }
-._todoList_1t8rx_1 {
-  margin-top: 0.5em;
-  margin-bottom: 0.5em;
-  display: grid;
-  grid-template-columns: auto 1fr;
-  column-gap: 0.3em;
-}
-
-._inProgress_1t8rx_9 {
-  font-weight: bold;
-}
-._outputPre_7phrr_1 {
-  padding: 0.5em;
-  margin-top: 0.25em;
-  margin-bottom: 0;
-}
-
-._toolView_7phrr_7 {
-  padding-top: 0 !important;
-}
-
-._toolView_7phrr_7 pre {
-  margin-bottom: 0;
-}
-
-._toolView_7phrr_7 p > code {
-  font-size: var(--inspect-text-size-small) !important;
-  color: var(--bs-body-color) !important;
-}
-
-._outputCode_7phrr_20 {
-  font-size: var(--inspect-text-size-small) !important;
-  overflow-wrap: anywhere !important;
-  white-space: pre-wrap !important;
-}
-._error_z9ujs_1 {
-  color: var(--inspect-tool-error-color);
-  background-color: var(--inspect-tool-error-bg);
-  padding: 0.5em 0.7em;
+/* Custom tool views (answer, submit, todo lists) own their full rendering —
+   they get the block frame (accent edge + container border) without the
+   header row. */
+._custom_v2cay_4 {
+  border: 1px solid var(--bs-light-border-subtle);
+  border-left: var(--inspect-tool-block-edge);
   border-radius: var(--bs-border-radius);
-  font-family: var(--bs-font-monospace);
-  overflow-wrap: anywhere;
-  margin: 0.5em 0;
-}
-
-._type_z9ujs_11 {
-  font-weight: 600;
-  margin-bottom: 0.25em;
-  text-transform: capitalize;
-}
-
-._message_z9ujs_17 {
-  white-space: pre-wrap;
+  overflow: hidden;
+  padding: 0.7rem;
 }
-._message_1gt9a_1 {
+._message_o8d3m_1 {
   font-weight: 300;
   margin-left: 0;
   margin-right: 0;
@@ -8260,17 +8787,32 @@ a._citationLink_1ggvf_9:hover {
   min-width: 0;
 }
 
-._systemRole_1gt9a_9 {
+._systemRole_o8d3m_9 {
   opacity: 0.7;
 }
 
-._timestamp_1gt9a_13 {
+/* Segmented assistant turn: prose bands and flush tool rows stack with
+   hairline separators inside the turn container. */
+._turnSegments_o8d3m_15 > * + * {
+  border-top: 1px solid var(--bs-light-border-subtle);
+}
+
+/* The prose row keeps the assistant band; the left accent token is neutral
+   by default and colorized under the readable variant (where the
+   [data-message-role] rules re-apply the identical color). Extra vertical
+   padding gives the prose rows more weight between the tool rows. */
+._proseSegment_o8d3m_23 {
+  padding: 0.9rem 0.7rem;
+  border-left: var(--inspect-turn-prose-edge);
+}
+
+._timestamp_o8d3m_28 {
   opacity: 0.5;
   font-size: var(--inspect-font-size-smaller);
   font-weight: normal;
 }
 
-._messageGrid_1gt9a_19 {
+._messageGrid_o8d3m_34 {
   display: grid;
   grid-template-columns: max-content max-content;
   column-gap: 0.5em;
@@ -8280,45 +8822,45 @@ a._citationLink_1ggvf_9:hover {
   align-items: flex-start;
 }
 
-._toolMessageGrid_1gt9a_29 {
+._toolMessageGrid_o8d3m_44 {
   border-bottom: solid 1px var(--bs-border-color);
 }
 
-._headerEnd_1gt9a_33 {
+._headerEnd_o8d3m_48 {
   display: inline-flex;
   align-items: center;
   gap: 0.5em;
   flex: none;
 }
 
-._messageContents_1gt9a_40 {
+._messageContents_o8d3m_55 {
   margin-left: 0;
   padding-bottom: 0;
 }
 
-._messageContents_1gt9a_40._indented_1gt9a_45 {
+._messageContents_o8d3m_55._indented_o8d3m_60 {
   margin-left: 0rem;
 }
 
-._copyLink_1gt9a_49 {
+._copyLink_o8d3m_64 {
   opacity: 0;
   padding-left: 0;
   padding-right: 2em;
   margin-left: 0.2rem;
 }
 
-._copyLink_1gt9a_49:hover {
+._copyLink_o8d3m_64:hover {
   opacity: 0.75;
 }
 
-._metadataLabel_1gt9a_60 {
+._metadataLabel_o8d3m_75 {
   padding-top: 1em;
 }
 
-._hover_1gt9a_64 ._copyLink_1gt9a_49 {
+._hover_o8d3m_79 ._copyLink_o8d3m_64 {
   opacity: 0.75;
 }
-._grid_qa1cd_1 {
+._grid_1mah3_1 {
   display: grid;
   grid-template-columns: minmax(0, 1fr);
   /* row-gap spaces blocks within a turn (message → tool box); margin-bottom
@@ -8327,17 +8869,17 @@ a._citationLink_1ggvf_9:hover {
   margin-bottom: 0.75rem;
 }
 
-._number_qa1cd_10 {
+._number_1mah3_10 {
   margin-top: 0.1em;
 }
 
-._user_qa1cd_14 {
+._user_1mah3_14 {
   background-color: var(--bs-secondary-bg);
   border-radius: var(--bs-border-radius);
   border: solid 1px var(--bs-light-border-subtle);
 }
 
-._container_qa1cd_20 {
+._container_1mah3_20 {
   padding-left: 0.7rem;
   padding-right: 0.7rem;
   padding-top: 0.5rem;
@@ -8345,85 +8887,78 @@ a._citationLink_1ggvf_9:hover {
   border-right: solid 1px var(--bs-light-border-subtle);
 }
 
-._first_qa1cd_28 {
+._first_1mah3_28 {
   border-top-left-radius: var(--bs-border-radius);
   border-top-right-radius: var(--bs-border-radius);
   border-top: solid 1px var(--bs-light-border-subtle);
   padding-top: 0.7rem;
 }
 
-._last_qa1cd_35 {
+._last_1mah3_35 {
   border-bottom-left-radius: var(--bs-border-radius);
   border-bottom-right-radius: var(--bs-border-radius);
   border-bottom: solid 1px var(--bs-light-border-subtle);
   padding-bottom: 0.7rem;
 }
 
-._label_qa1cd_42 {
+._label_1mah3_42 {
   display: flex;
   justify-content: flex-end;
   padding-top: 0.7rem;
   margin-left: 0.4em;
 }
 
-._highlight_qa1cd_49 {
+._highlight_1mah3_49 {
   background-color: rgba(var(--bs-info-rgb), 0.12);
 }
 
-/* Prototype: self-contained box (used when tool calls are un-embedded) so the
-   assistant message and each tool call read as separate cards rather than one
-   connected band. */
-._box_qa1cd_56 {
+/* Assistant turn with server-side tool calls: one seamless container — the
+   prose band and flush tool rows inside supply their own left edges, so the
+   frame itself has no left border. */
+._turnContainer_1mah3_56 {
+  border: 1px solid var(--bs-light-border-subtle);
+  border-left: none;
+  border-radius: var(--bs-border-radius);
+  overflow: hidden;
+}
+
+/* Self-contained box (used when tool calls are un-embedded) so the assistant
+   message and each tool call read as separate cards rather than one connected
+   band. */
+._box_1mah3_66 {
   position: relative;
   border: solid 1px var(--bs-light-border-subtle);
   border-radius: var(--bs-border-radius);
   padding: 0.7rem;
 }
 
-/* An assistant turn rendered as one connected stack: the message, its tool
-   call(s), and output(s) sit flush so they read as a single card with a
-   continuous left gutter. */
-._attachedGroup_qa1cd_66 {
-  display: flex;
-  flex-direction: column;
-}
-
-._attachedBottom_qa1cd_71 {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-  /* Drop the divider so the call/output pair reads as one seamless card —
-     only the background color shifts (blue call → gray output). */
-  border-bottom: 0;
-}
-
-._attachedTop_qa1cd_79 {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  border-top: 0;
+/* Tool blocks carry their own frame; the wrapper only anchors the chip. */
+._toolPart_1mah3_74 {
+  position: relative;
 }
 
 /* Tool-call number chip, pinned to the top-right of its box to mirror the
    position chip on a message's role line. */
-._toolLabel_qa1cd_87 {
+._toolLabel_1mah3_80 {
   position: absolute;
-  top: 0.7rem;
+  top: 0.45rem;
   right: 0.7rem;
   z-index: 1;
 }
 
-._bottomMargin_qa1cd_94 {
+._bottomMargin_1mah3_87 {
   margin-bottom: 0.75rem;
 }
 
-._codeCompact_qa1cd_98 {
+._codeCompact_1mah3_91 {
   /* styles for compact code display */
 }
 
-._simple_qa1cd_102 {
+._simple_1mah3_95 {
   /* styles for simple display mode */
 }
-._badge_10sr6_1,
-._inline_10sr6_2 {
+._badge_15iyu_1,
+._inline_15iyu_2 {
   display: inline-flex;
   align-items: center;
   font-family: var(
@@ -8441,18 +8976,22 @@ a._citationLink_1ggvf_9:hover {
   background: var(--inspect-msg-label-bg);
   border: 1px solid var(--inspect-msg-label-border);
   color: var(--inspect-msg-label-text);
-  cursor: pointer;
   transition: background 0.12s ease;
 }
 
-._badge_10sr6_1 {
+/* Pointer + hover only when the chip actually activates something. */
+._interactive_15iyu_24 {
+  cursor: pointer;
+}
+
+._badge_15iyu_1 {
   flex: none;
   padding: 3px 8px;
   border-radius: 6px;
   user-select: none;
 }
 
-._inline_10sr6_2 {
+._inline_15iyu_2 {
   padding: 1px 6px;
   border-radius: 5px;
   white-space: nowrap;
@@ -8460,8 +8999,7 @@ a._citationLink_1ggvf_9:hover {
   vertical-align: baseline;
 }
 
-._badge_10sr6_1:hover,
-._inline_10sr6_2:hover {
+._interactive_15iyu_24:hover {
   background: var(--inspect-msg-label-bg-hover);
 }
 ._bar_pg4l8_1 {
@@ -8704,7 +9242,7 @@ a._citationLink_1ggvf_9:hover {
   background-color: var(--bs-primary);
   filter: brightness(1.05);
 }
-._stickyWrapper_2hmlz_1 {
+._stickyWrapper_1rqn8_1 {
   position: sticky;
   top: var(--inspect-event-panel-sticky-top, 0px);
   /* Full-bleed: cancel the parent card's padding so the sticky bar
@@ -8718,43 +9256,43 @@ a._citationLink_1ggvf_9:hover {
   border-bottom: solid 1px transparent;
 }
 
-._stickyWrapper_2hmlz_1[data-useStickyObserver-stuck] {
+._stickyWrapper_1rqn8_1[data-useStickyObserver-stuck] {
   background-color: var(--bs-light);
   border-bottom-color: var(--bs-light-border-subtle);
 }
 
-._label_2hmlz_20 {
+._label_1rqn8_20 {
   margin-right: 0.2em;
   justify-self: end;
 }
 
-._title_2hmlz_25 {
+._title_1rqn8_25 {
   min-width: 0;
   line-height: 1.6;
 }
 
-._titleExtra_2hmlz_30 {
+._titleExtra_1rqn8_30 {
   display: inline-flex;
   align-items: center;
   vertical-align: middle;
   margin-left: 0.5em;
 }
 
-._navs_2hmlz_37 {
+._navs_1rqn8_37 {
   display: flex;
   align-items: baseline;
   justify-content: flex-end;
   min-width: 0;
 }
 
-._turnLabel_2hmlz_44 {
+._turnLabel_1rqn8_44 {
   margin-left: 1rem;
   margin-top: 0.2rem;
   opacity: 0.5;
   font-size: var(--inspect-font-size-smallest);
 }
 
-._card_2hmlz_51 {
+._card_1rqn8_51 {
   position: relative;
   background-color: var(--bs-body-bg);
   padding: 0.625rem;
@@ -8762,20 +9300,20 @@ a._citationLink_1ggvf_9:hover {
   border-radius: var(--bs-border-radius);
 }
 
-._cardContent_2hmlz_59 {
+._cardContent_1rqn8_59 {
   padding: 0;
   display: inherit;
 }
 
-._cardContent_2hmlz_59._hidden_2hmlz_64 {
+._cardContent_1rqn8_59._hidden_1rqn8_64 {
   display: none;
 }
 
-._hidden_2hmlz_64 {
+._hidden_1rqn8_64 {
   display: none;
 }
 
-._copyLink_2hmlz_72 {
+._copyLink_1rqn8_72 {
   font-size: 1.2em;
   opacity: 0;
   padding-left: 0.2em;
@@ -8785,23 +9323,21 @@ a._citationLink_1ggvf_9:hover {
   margin-left: 0.25em;
 }
 
-._hover_2hmlz_82 ._copyLink_2hmlz_72 {
+._hover_1rqn8_82 ._copyLink_1rqn8_72 {
   opacity: 0.75;
 }
 
-/* The event labels look like [E7], and those square brackets sit really low.
-   Sliding them down a little looks more balanced 
-*/
-._eventLabel_2hmlz_89 {
-  transform: translateY(-1px);
+/* Extra air between the turn label and the event-number pill. */
+._eventLabel_1rqn8_87 {
+  margin-left: 0.5em;
 }
 
-._root_2hmlz_93 {
+._root_1rqn8_91 {
   background-color: var(--bs-light-bg-subtle);
   border-radius: unset;
 }
 
-._bottomDongle_2hmlz_98 {
+._bottomDongle_1rqn8_96 {
   display: block;
   position: absolute;
   margin: 0 auto;
@@ -8817,12 +9353,12 @@ a._citationLink_1ggvf_9:hover {
   cursor: pointer;
 }
 
-._dongleIcon_2hmlz_114 {
+._dongleIcon_1rqn8_112 {
   padding-right: 0.3em;
 }
 
 @media print {
-  ._card_2hmlz_51 {
+  ._card_1rqn8_51 {
     break-inside: avoid;
   }
 }
@@ -9804,68 +10340,51 @@ a._citationLink_1ggvf_9:hover {
   -webkit-user-select: none;
   user-select: none;
 }
-._root_1qk7q_1 {
+._root_1t7mh_1 {
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
+  align-items: stretch;
   width: 100%;
   flex: 1;
   min-height: 0;
 }
 
-._container_1qk7q_9 {
+/* Timeline + content column. The rail/panel sit to its right as siblings, so
+   they run full height from below the toolbar rather than below the swimlanes. */
+._main_1t7mh_12 {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-width: 0;
+}
+
+._container_1t7mh_19 {
   display: grid;
   width: 100%;
-  grid-template-columns: var(--outline-width, 180px) 1px 1fr 1px var(
-      --right-pane-width,
-      360px
-    );
+  grid-template-columns: var(--outline-width, 180px) 1px 1fr;
   min-height: 100vh;
 }
 
 /* Embedded in another scroll container (e.g. a retry card): size to content
    instead of reserving a full viewport. */
-._container_1qk7q_9._embedded_1qk7q_21 {
+._container_1t7mh_19._embedded_1t7mh_28 {
   min-height: 0;
 }
 
-._container_1qk7q_9 > * {
+._container_1t7mh_19 > * {
   min-width: 0;
   padding-bottom: 1rem;
 }
 
-._container_1qk7q_9._outlineCollapsed_1qk7q_30 {
-  grid-template-columns: 22px 1px 1fr 1px var(--right-pane-width, 360px);
-}
-
-._container_1qk7q_9._noOutline_1qk7q_34 {
-  grid-template-columns: 1fr 1px var(--right-pane-width, 360px);
-}
-
-._container_1qk7q_9._rightPaneCollapsed_1qk7q_38 {
-  grid-template-columns: var(--outline-width, 180px) 1px 1fr 1px 22px;
-}
-
-._container_1qk7q_9._outlineCollapsed_1qk7q_30._rightPaneCollapsed_1qk7q_38 {
-  grid-template-columns: 22px 1px 1fr 1px 22px;
-}
-
-._container_1qk7q_9._noOutline_1qk7q_34._rightPaneCollapsed_1qk7q_38 {
-  grid-template-columns: 1fr 1px 22px;
-}
-
-._container_1qk7q_9._noRightPane_1qk7q_50 {
-  grid-template-columns: var(--outline-width, 180px) 1px 1fr;
-}
-
-._container_1qk7q_9._outlineCollapsed_1qk7q_30._noRightPane_1qk7q_50 {
+._container_1t7mh_19._outlineCollapsed_1t7mh_37 {
   grid-template-columns: 22px 1px 1fr;
 }
 
-._container_1qk7q_9._noOutline_1qk7q_34._noRightPane_1qk7q_50 {
+._container_1t7mh_19._noOutline_1t7mh_41 {
   grid-template-columns: 1fr;
 }
 
-._outline_1qk7q_30 {
+._outline_1t7mh_37 {
   padding-left: 0.6rem;
   /* Prevent stretching to the full grid-row height so that
      position:sticky has room to travel within the cell. */
@@ -9875,13 +10394,13 @@ a._citationLink_1ggvf_9:hover {
 /* Cap height to the visible area below the sticky offset and
    scroll internally when the outline is taller.
    Only when expanded — overflow clips the toggle button when collapsed. */
-._container_1qk7q_9:not(._outlineCollapsed_1qk7q_30) > ._outline_1qk7q_30 {
+._container_1t7mh_19:not(._outlineCollapsed_1t7mh_37) > ._outline_1t7mh_37 {
   max-height: calc(var(--scroller-height, 100vh) - var(--outline-top, 0px));
   overflow-y: auto;
   scrollbar-width: thin;
 }
 
-._outlineToggle_1qk7q_78 {
+._outlineToggle_1t7mh_61 {
   all: unset;
   cursor: pointer;
   font-size: 0.8em;
@@ -9890,80 +10409,33 @@ a._citationLink_1ggvf_9:hover {
   right: 0.2rem;
 }
 
-._outlineToggle_1qk7q_78[aria-disabled="true"] {
+._outlineToggle_1t7mh_61[aria-disabled="true"] {
   cursor: default;
   opacity: 0.4;
 }
 
-._separator_1qk7q_92 {
+._separator_1t7mh_75 {
   background-color: var(--bs-border-color);
 }
 
-._rightSeparator_1qk7q_96 {
-  background-color: var(--bs-border-color);
+._eventsList_1t7mh_79 {
+  padding-bottom: 1rem;
 }
 
-._rightPane_1qk7q_38 {
-  padding-top: 0rem;
-  padding-right: 0.2rem;
-  align-self: start;
+._sidebarHeader_1t7mh_83 {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0.4em;
+  margin-bottom: 0.3rem;
 }
 
-._container_1qk7q_9:not(._rightPaneCollapsed_1qk7q_38) > ._rightPane_1qk7q_38 {
-  padding-left: 0.2rem;
-  /* Leave room on the right for the absolutely-positioned close button. */
-  padding-right: 1.2rem;
-  max-height: calc(var(--scroller-height, 100vh) - var(--outline-top, 0px));
-  overflow-y: auto;
-  scrollbar-width: thin;
+._sidebarHeaderIcon_1t7mh_91 {
+  font-size: 0.9em;
+  flex-shrink: 0;
 }
 
-._rightPaneResizer_1qk7q_115 {
-  position: absolute;
-  left: -3px;
-  top: 0;
-  bottom: 0;
-  width: 6px;
-  cursor: col-resize;
-  touch-action: none;
-  user-select: none;
-  z-index: 1;
-  background-color: transparent;
-  transition: background-color 120ms ease;
-}
-
-._rightPaneResizer_1qk7q_115:hover,
-._rightPaneResizer_1qk7q_115:active {
-  background-color: var(--bs-primary-border-subtle);
-}
-
-._rightPaneToggle_1qk7q_134 {
-  all: unset;
-  cursor: pointer;
-  font-size: 0.8em;
-  position: absolute;
-  top: 0.2rem;
-  left: 0.2rem;
-}
-
-._eventsList_1qk7q_143 {
-  padding-bottom: 1rem;
-}
-
-._sidebarHeader_1qk7q_147 {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  gap: 0.4em;
-  margin-bottom: 0.3rem;
-}
-
-._sidebarHeaderIcon_1qk7q_155 {
-  font-size: 0.9em;
-  flex-shrink: 0;
-}
-
-._sidebarHeaderTitle_1qk7q_160 {
+._sidebarHeaderTitle_1t7mh_96 {
   flex: 1;
   min-width: 0;
   font-weight: normal;
@@ -9979,23 +10451,17 @@ a._citationLink_1ggvf_9:hover {
    inside the anchor so it doesn't push surrounding content. z-index sits
    above sibling sticky headers (e.g. SampleScansSidebar's scanner picker
    at z-index: 2) so the close button paints on top. */
-._sidebarHeaderCloseAnchor_1qk7q_176 {
+._sidebarHeaderCloseAnchor_1t7mh_112 {
   position: sticky;
   top: 0;
   height: 0;
   z-index: 3;
 }
 
-/* In the right pane, extend the anchor into the parent's right padding so
-   the button lines up with the existing visual position. */
-._rightPane_1qk7q_38 ._sidebarHeaderCloseAnchor_1qk7q_176 {
-  margin-right: -1.2rem;
-}
-
 /* Center the close icon vertically with the rootHeader title that follows
    in the scroll content. The title (text-size-smaller) sits at the top of
    that content; this offset aligns the icon's visual center with the title's. */
-._sidebarHeaderClose_1qk7q_176 {
+._sidebarHeaderClose_1t7mh_112 {
   all: unset;
   cursor: pointer;
   font-size: 0.9em;
@@ -10006,7 +10472,7 @@ a._citationLink_1ggvf_9:hover {
   background-color: var(--bs-body-bg);
 }
 
-._sidebarHeaderClose_1qk7q_176:hover {
+._sidebarHeaderClose_1t7mh_112:hover {
   opacity: 0.7;
 }
 ._headline_1l22a_1 {
@@ -10117,44 +10583,33 @@ a._citationLink_1ggvf_9:hover {
   flex: none;
   opacity: 0.85;
 }
-._panel_xm787_1 {
+._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;
 }
 
-._metric_xm787_5 {
+._rowValue_1us8t_10 {
   display: flex;
-  gap: 0.5em;
-}
-
-._label_xm787_10 {
-  font-weight: 600;
-  min-width: 5em;
-}
-
-._section_xm787_15 {
-  margin-top: 0.5em;
-}
-
-._sectionTitle_xm787_19 {
-  font-weight: 600;
-}
-
-._indented_xm787_23 {
-  padding-left: 1.5em;
+  flex-direction: column;
+  gap: 0.1em;
 }
 
-._files_xm787_27 {
+._files_1us8t_16 {
   display: flex;
   flex-direction: column;
   gap: 0.1em;
   font-family: var(--bs-font-monospace);
 }
 
-._file_xm787_27 {
+._file_1us8t_16 {
   overflow-wrap: anywhere;
 }
 
-._fileOverflow_xm787_38 {
+._fileOverflow_1us8t_27 {
   font-style: italic;
   opacity: 0.7;
 }
@@ -11044,65 +11499,39 @@ a._citationLink_1ggvf_9:hover {
 ._subtaskLabel_ac4z2_17 {
   padding: 0 2em;
 }
-._summary_8xr5q_1 {
+._summary_1mtn2_1 {
   margin: 0.5em 0;
   width: 100%;
 }
 
-._labeledToolCall_8xr5q_6 {
+._labeledToolCall_1mtn2_6 {
   display: grid;
   grid-template-columns: auto max-content;
   row-gap: 0;
 }
 
-._label_8xr5q_6 {
+._label_1mtn2_6 {
   display: flex;
   justify-content: flex-end;
   padding-top: 0.7rem;
   margin-left: 0.4em;
 }
 
-._labeledToolContent_8xr5q_19 {
+._labeledToolContent_1mtn2_19 {
   min-width: 0;
 }
 
-/* The call/output attached pair (colors + inner flatten come from the shared
-   [data-message-kind] theme rules; here we supply the box structure). */
-._attachedGroup_8xr5q_25 {
-  display: flex;
-  flex-direction: column;
-}
-
-._toolBox_8xr5q_30 {
-  position: relative;
-  border: 1px solid var(--bs-light-border-subtle);
-  border-radius: var(--bs-border-radius);
-  padding: 0.7rem;
-}
-
-._attachedBottom_8xr5q_37 {
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-  border-bottom: 0;
-}
-
-._attachedTop_8xr5q_43 {
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  border-top: 0;
-}
-
-._approvalWrap_8xr5q_49 {
+._approvalWrap_1mtn2_23 {
   margin-top: 0.5rem;
 }
 
-._approval_8xr5q_49 {
+._approval_1mtn2_23 {
   border: none;
   padding: 0;
   margin-bottom: 0;
 }
 
-._progress_8xr5q_59 {
+._progress_1mtn2_33 {
   margin-left: 0;
 }
 ._node_t3xlr_1 {
@@ -11388,58 +11817,30 @@ a._citationLink_1ggvf_9:hover {
   font-weight: 400;
   color: var(--bs-secondary-text-color);
 }
-._container_d31uu_1 {
+._container_1jxiy_1 {
   display: flex;
   flex-direction: column;
   padding: 0;
 }
 
-._header_d31uu_7 {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0.5rem;
-  flex-shrink: 0;
-  height: 39px;
-  border-bottom: 1px solid var(--bs-border-color);
-  background-color: var(--bs-light);
-}
-
-._headerTitle_d31uu_18 {
-  margin: 0;
-  font-size: var(--inspect-font-size-smallest);
-  color: var(--bs-body-color);
-  text-transform: uppercase;
-  font-weight: 400;
-}
-
-._headerIcon_d31uu_26 {
-  margin-right: 0.5em;
-}
-
-._headerSecondary_d31uu_30 {
-  font-size: var(--inspect-font-size-smallest);
-  color: var(--bs-secondary-color);
-}
-
-._content_d31uu_35 {
+._content_1jxiy_7 {
   flex: 1;
   overflow-y: auto;
 }
 
-._placeholder_d31uu_40 {
+._placeholder_1jxiy_12 {
   color: var(--bs-secondary-color);
   font-size: 0.875rem;
   text-align: center;
   margin-top: 2rem;
 }
 
-._textValue_d31uu_47 {
+._textValue_1jxiy_19 {
   font-family: var(--bs-font-monospace);
   font-size: var(--inspect-font-size-smaller);
 }
 
-._panel_d31uu_52 {
+._panel_1jxiy_24 {
   background-color: var(--bs-body-bg);
   display: flex;
   flex-direction: column;
@@ -11448,23 +11849,19 @@ a._citationLink_1ggvf_9:hover {
 }
 
 /* Make all form controls full width within the panel */
-._panel_d31uu_52 vscode-single-select,
-._panel_d31uu_52 vscode-textfield,
-._panel_d31uu_52 button {
+._panel_1jxiy_24 vscode-single-select,
+._panel_1jxiy_24 vscode-textfield,
+._panel_1jxiy_24 button {
   width: 100% !important;
   min-width: 0 !important;
   max-width: 100% !important;
 }
 
-._clickable_d31uu_69 {
-  cursor: pointer;
-}
-
-._idLabel_d31uu_73 {
+._idLabel_1jxiy_41 {
   margin-right: 0.5em;
 }
 
-._saveStatusContainer_d31uu_77 {
+._saveStatusContainer_1jxiy_45 {
   margin-top: auto;
   padding: 0.25rem 0.5rem;
   text-align: right;
@@ -11473,16 +11870,16 @@ a._citationLink_1ggvf_9:hover {
   transition: opacity 300ms ease-in-out;
 }
 
-._saveStatusContainer_d31uu_77._saveStatusHidden_d31uu_86 {
+._saveStatusContainer_1jxiy_45._saveStatusHidden_1jxiy_54 {
   opacity: 0;
 }
 
-._saveStatusContainer_d31uu_77._saveStatusError_d31uu_90 {
+._saveStatusContainer_1jxiy_45._saveStatusError_1jxiy_58 {
   opacity: 1;
   color: var(--bs-danger);
 }
 
-._saveStatus_d31uu_77 {
+._saveStatus_1jxiy_45 {
   font-size: var(--inspect-font-size-smallest);
   color: var(--bs-secondary-color);
   word-wrap: break-word;
@@ -11490,13 +11887,13 @@ a._citationLink_1ggvf_9:hover {
   display: block;
 }
 
-._createError_d31uu_103 {
+._createError_1jxiy_71 {
   color: var(--vscode-errorForeground);
   font-size: var(--inspect-font-size-smallest);
   margin-top: 0.25rem;
 }
 
-._headerActionButton_d31uu_109 {
+._headerActionButton_1jxiy_77 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -11515,28 +11912,28 @@ a._citationLink_1ggvf_9:hover {
   z-index: 10;
 }
 
-._headerActionButton_d31uu_109:hover:not(:disabled) {
+._headerActionButton_1jxiy_77:hover:not(:disabled) {
   opacity: 1;
   background: var(--vscode-toolbar-hoverBackground);
   color: var(--vscode-errorForeground);
 }
 
-._headerActionButton_d31uu_109:disabled {
+._headerActionButton_1jxiy_77:disabled {
   opacity: 0.3;
   cursor: default;
 }
-._infoBox_d31uu_138 {
+._infoBox_1jxiy_106 {
   display: grid;
   grid-template-columns: auto 1fr;
   column-gap: 0.3rem;
 }
 
-._idField_d31uu_144 {
+._idField_1jxiy_112 {
   display: grid;
   grid-template-columns: auto 1fr;
 }
 
-._idValue_d31uu_149 {
+._idValue_1jxiy_117 {
   overflow-wrap: break-word;
   word-break: break-all;
 }
@@ -12512,325 +12909,7 @@ a._citationLink_1ggvf_9:hover {
   min-height: 0;
   overflow: auto;
 }
-._container_im29s_1 {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  min-height: 0;
-}
-
-._body_im29s_8 {
-  flex: 1;
-  min-height: 0;
-  display: flex;
-  flex-direction: column;
-}
-
-._searchArea_im29s_15 {
-  padding: 0.5rem;
-  border-bottom: 1px solid var(--bs-border-color);
-  display: flex;
-  flex-direction: column;
-  gap: 0.45rem;
-}
-
-._inputShell_im29s_23 {
-  display: flex;
-  min-width: 0;
-}
-
-._inputShell_im29s_23 vscode-textarea {
-  display: block;
-  width: 100%;
-}
-
-._controlsRow_im29s_33 {
-  display: flex;
-  align-items: center;
-  gap: 0.4rem;
-  flex-wrap: wrap;
-}
-
-._topRow_im29s_40 {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 0.5rem;
-}
-
-._typeToggle_im29s_47 {
-  display: flex;
-  flex: 0 0 auto;
-}
-
-._topActions_im29s_52 {
-  display: flex;
-  align-items: center;
-  gap: 0.2rem;
-}
-
-._textarea_im29s_58 {
-  width: 100%;
-  font-family: inherit;
-  font-size: var(--inspect-font-size-small);
-  color: var(--bs-body-color);
-}
-
-._modeRow_im29s_65 {
-  flex: 1 1 16rem;
-  min-width: 0;
-  min-height: 0;
-}
-
-._modeControls_im29s_71 {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.3rem;
-}
-
-._modeToggle_im29s_77 {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0.2rem;
-  border: 1px solid var(--bs-border-color);
-  border-radius: var(--bs-border-radius);
-  background: var(--bs-body-bg);
-  color: var(--bs-secondary-color);
-  cursor: pointer;
-  font-size: 14px;
-  line-height: 1;
-  transition:
-    border-color 0.12s ease,
-    background-color 0.12s ease,
-    color 0.12s ease;
-}
-
-._modeToggle_im29s_77:hover {
-  background-color: var(--bs-secondary-bg);
-  color: var(--bs-body-color);
-}
-
-._modeToggleActive_im29s_100 {
-  background-color: var(--bs-secondary-bg);
-  color: var(--bs-body-color);
-}
-
-._modelPill_im29s_105 {
-  display: flex;
-  align-items: center;
-  gap: 0.35rem;
-  width: 100%;
-  min-width: 0;
-  padding: 0.15rem 0.45rem;
-  border: 1px solid var(--bs-border-color);
-  border-radius: var(--bs-border-radius);
-  background-color: var(--bs-body-bg);
-  transition: border-color 0.12s ease;
-}
-
-._modelPill_im29s_105:focus-within {
-  border-color: var(--vscode-focusBorder);
-}
-
-._modelInputShell_im29s_122 {
-  flex: 1;
-  min-width: 0;
-}
-
-._modelInput_im29s_122 {
-  flex: 1;
-  min-width: 0;
-  font-family: inherit;
-  font-size: var(--inspect-font-size-small);
-  line-height: 1.4;
-  padding: 0.05rem 0;
-  border: 0;
-  background: transparent;
-  color: var(--bs-body-color);
-}
-
-._modelInput_im29s_122:focus {
-  outline: none;
-}
-
-._iconAction_im29s_143 {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-  height: 28px;
-  padding: 0;
-  border: 0;
-  border-radius: 4px;
-  background: transparent;
-  color: var(--bs-primary-color);
-  cursor: pointer;
-  transition:
-    background-color 0.12s ease,
-    color 0.12s ease;
-}
-
-._iconAction_im29s_143:hover {
-  background: var(--vscode-toolbar-hoverBackground);
-  color: var(--bs-body-color);
-}
-
-._iconActionActive_im29s_165 {
-  background: var(--vscode-toolbar-hoverBackground);
-  color: var(--bs-body-color);
-}
-
-._runButton_im29s_170 {
-  flex: 0 0 auto;
-  padding: 0.24rem 0.65rem;
-  border: 1px solid var(--bs-border-color);
-  border-radius: var(--bs-border-radius);
-  background-color: var(--bs-secondary-bg);
-  color: var(--bs-body-color);
-  font-size: var(--inspect-font-size-small);
-  font-weight: 600;
-  cursor: pointer;
-}
-
-._runButton_im29s_170:hover:not(:disabled) {
-  background-color: var(--bs-tertiary-bg);
-}
-
-._runButton_im29s_170:disabled {
-  opacity: 0.55;
-  cursor: default;
-}
-
-._results_im29s_191 {
-  flex: 1;
-  min-height: 0;
-  overflow-y: auto;
-  padding: 0.5rem;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-
-._sectionHeader_im29s_201 {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 0.5rem;
-  font-size: var(--inspect-font-size-smallest);
-  color: var(--bs-primary-color);
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-}
-
-._resultCard_im29s_213 {
-  background-color: var(--bs-body-bg);
-  font-size: var(--inspect-font-size-small);
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-
-._matchCount_im29s_221 {
-  font-weight: 600;
-  color: var(--bs-primary-color);
-  font-size: var(--inspect-font-size-smallest);
-}
-
-._recentList_im29s_227 {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-._recentItem_im29s_233 {
-  padding: 6px 10px;
-  font-size: var(--inspect-font-size-small);
-  color: var(--bs-body-color);
-  cursor: pointer;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-._recentItem_im29s_233:hover {
-  background: var(--bs-primary);
-  color: white;
-}
-
-._recentEmpty_im29s_248 {
-  padding: 0.6rem 0.5rem;
-  color: var(--bs-primary-color);
-  font-size: var(--inspect-font-size-small);
-  text-align: center;
-}
-
-._emptyState_im29s_255 {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  min-height: 8rem;
-  color: var(--bs-primary-color);
-  font-size: var(--inspect-font-size-small);
-  text-align: center;
-}
-/* When the search split is active, the TabSet's tab bar and contents must
-   have bounded heights so the inner VscodeSplitLayout can fill the available
-   space. Without this, the Fragment-rendered ul + tab-content flow naturally
-   and give the split no height to work with. */
-._tabContainer_1bhvk_5 {
-  display: grid;
-  grid-template-rows: max-content minmax(0, 1fr);
-  height: 100%;
-  min-height: 0;
-}
-
-._tabContainer_1bhvk_5 > .tab-content {
-  min-height: 0;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-
-._tabContainer_1bhvk_5 > .tab-content > .tab-pane.active {
-  flex: 1;
-  min-height: 0;
-}
-
-/* Inside a bounded TabPanel, the VscodeSplitLayout fills the space. The panel
-   itself should contain overflow so content doesn't escape. */
-._tabWithSearchSplit_1bhvk_26 {
-  overflow: hidden !important;
-  height: 100%;
-  min-height: 0;
-  display: flex;
-  flex-direction: column;
-}
-
-._searchSplitLayout_1bhvk_34 {
-  height: 100%;
-  width: 100%;
-  flex: 1;
-  min-height: 0;
-}
-
-._searchSplitStart_1bhvk_41 {
-  height: 100%;
-  overflow-y: auto;
-  min-height: 0;
-}
-
-._searchSidebar_1bhvk_47 {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  min-height: 0;
-  background-color: var(--bs-body-bg);
-}
-
-.nav._tabs_1bhvk_55 {
+.nav._tabs_1oukw_1 {
   border-bottom: solid 1px var(--bs-border-color);
   padding-bottom: 0.25rem;
   padding-top: 0.5rem;
@@ -12842,55 +12921,54 @@ a._citationLink_1ggvf_9:hover {
   background-color: var(--bs-body-bg);
 }
 
-.nav._tabs_1bhvk_55 .nav-link {
+.nav._tabs_1oukw_1 .nav-link {
   padding: 0.3rem 0.5rem;
   font-size: var(--inspect-font-size-smallest) !important;
 }
 
-._chatList_1bhvk_72 {
+._chatList_1oukw_18 {
   flex: 1;
   min-width: 0;
   padding: 0.5rem;
 }
 
-._metadata_1bhvk_78 {
+._metadata_1oukw_24 {
   padding-bottom: 50px;
 }
 
-._scrollable_1bhvk_82 {
+._scrollable_1oukw_28 {
   overflow-y: auto;
   min-height: 0;
   height: 100%;
 }
 
-._eventsTab_1bhvk_88 {
+._eventsTab_1oukw_34 {
   display: flex;
   /* Override TabSet's overflow-y: clip so position: sticky works for
      turn-label headers inside the transcript virtual list. */
   overflow-y: visible;
 }
 
-._tabTool_1bhvk_95 {
+._tabTool_1oukw_41 {
   font-size: var(--inspect-font-size-smallestest) !important;
   padding: 0.1rem 0.4rem !important;
 }
 
-._splitLayout_1bhvk_100 {
-  height: 100%;
+._railHost_1oukw_46 {
+  display: flex;
+  flex-direction: row;
+  align-items: stretch;
   width: 100%;
-}
-
-._splitStart_1bhvk_105 {
+  min-width: 0;
   height: 100%;
-  overflow-y: auto;
+  min-height: 0;
 }
 
-._validationSidebar_1bhvk_110 {
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  background-color: var(--bs-body-bg);
-  overflow-y: auto;
+._railContent_1oukw_56 {
+  flex: 1;
+  width: 100%;
+  min-width: 0;
+  min-height: 0;
 }
 ._grid_1ml4j_1 {
   display: grid;