@meridianlabs/inspect-scout-viewer 0.4.6 → 0.4.8

package/lib/styles/index.css

@@ -177,6 +177,145 @@ pre[class*="language-"] {
   /* Inspect Glass */
   --inspect-glass-color: #000000;
   --inspect-glass-opacity: 0.3;
+
+  /* VS Code Light Modern theme defaults (for non-VS Code context) */
+  /* Complete set of variables used by @vscode-elements/elements */
+  /* These are overridden by actual VS Code theme variables when running in VS Code */
+
+  /* Core colors */
+  --vscode-foreground: #3b3b3b;
+  --vscode-descriptionForeground: #717171;
+  --vscode-errorForeground: #f14c4c;
+  --vscode-icon-foreground: #424242;
+  --vscode-focusBorder: #0090f1;
+  --vscode-contrastBorder: transparent;
+
+  /* Font settings */
+  --vscode-font-family:
+    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial,
+    sans-serif;
+  --vscode-font-size: 13px;
+  --vscode-font-weight: normal;
+  --vscode-editor-font-family: Menlo, Monaco, "Courier New", monospace;
+  --vscode-editor-font-size: 12px;
+  --vscode-editor-font-weight: normal;
+
+  /* Editor colors */
+  --vscode-editor-background: #ffffff;
+  --vscode-editor-foreground: #3b3b3b;
+  --vscode-editor-inlineValuesForeground: rgba(0, 0, 0, 0.5);
+  --vscode-editorGroup-border: #e7e7e7;
+  --vscode-editorWidget-border: #d4d4d4;
+
+  /* Input colors */
+  --vscode-input-background: #ffffff;
+  --vscode-input-foreground: #3b3b3b;
+  --vscode-input-border: #cecece;
+  --vscode-input-placeholderForeground: #767676;
+  --vscode-inputOption-activeBackground: rgba(0, 144, 241, 0.2);
+  --vscode-inputOption-activeBorder: #0090f1;
+  --vscode-inputOption-activeForeground: #000000;
+
+  /* Input validation */
+  --vscode-inputValidation-warningBackground: #f2dede;
+  --vscode-inputValidation-warningBorder: #be8800;
+  --vscode-inputValidation-errorBackground: #f2dede;
+  --vscode-inputValidation-errorBorder: #be1100;
+
+  /* Settings controls (used by vscode-elements textfield, checkbox, dropdown) */
+  --vscode-settings-textInputBackground: #ffffff;
+  --vscode-settings-textInputForeground: #3b3b3b;
+  --vscode-settings-textInputBorder: #cecece;
+  --vscode-settings-checkboxBackground: #ffffff;
+  --vscode-settings-checkboxForeground: #3b3b3b;
+  --vscode-settings-checkboxBorder: #919191;
+  --vscode-settings-dropdownBackground: #ffffff;
+  --vscode-settings-dropdownForeground: #3b3b3b;
+  --vscode-settings-dropdownBorder: #cecece;
+  --vscode-settings-dropdownListBorder: #c8c8c8;
+  --vscode-settings-headerBorder: rgba(128, 128, 128, 0.35);
+
+  /* Checkbox colors */
+  --vscode-checkbox-background: #ffffff;
+  --vscode-checkbox-foreground: #3b3b3b;
+  --vscode-checkbox-border: #919191;
+
+  /* Button colors */
+  --vscode-button-background: #007acc;
+  --vscode-button-foreground: #ffffff;
+  --vscode-button-hoverBackground: #0062a3;
+  --vscode-button-border: transparent;
+  --vscode-button-separator: rgba(255, 255, 255, 0.4);
+  --vscode-button-secondaryBackground: #5f6a79;
+  --vscode-button-secondaryForeground: #ffffff;
+  --vscode-button-secondaryHoverBackground: #4c5561;
+
+  /* Widget/shadow colors */
+  --vscode-widget-shadow: rgba(0, 0, 0, 0.16);
+  --vscode-widget-border: #d4d4d4;
+
+  /* Toolbar */
+  --vscode-toolbar-hoverBackground: rgba(184, 184, 184, 0.31);
+  --vscode-toolbar-activeBackground: rgba(166, 166, 166, 0.31);
+  --vscode-toolbar-hoverOutline: transparent;
+
+  /* List colors (used by select/dropdown components) */
+  --vscode-list-hoverBackground: #e8e8e8;
+  --vscode-list-hoverForeground: #3b3b3b;
+  --vscode-list-activeSelectionBackground: #0060c0;
+  --vscode-list-activeSelectionForeground: #ffffff;
+  --vscode-list-activeSelectionIconForeground: #ffffff;
+  --vscode-list-inactiveSelectionBackground: #e4e6f1;
+  --vscode-list-focusOutline: #0090f1;
+  --vscode-list-focusAndSelectionOutline: #0090f1;
+  --vscode-list-focusHighlightForeground: #0066bf;
+  --vscode-list-highlightForeground: #0066bf;
+
+  /* Menu colors */
+  --vscode-menu-background: #ffffff;
+  --vscode-menu-foreground: #3b3b3b;
+  --vscode-menu-border: #d4d4d4;
+  --vscode-menu-selectionBackground: #0060c0;
+  --vscode-menu-selectionForeground: #ffffff;
+  --vscode-menu-selectionBorder: transparent;
+  --vscode-menu-separatorBackground: #d4d4d4;
+
+  /* Badge colors */
+  --vscode-badge-background: #007acc;
+  --vscode-badge-foreground: #ffffff;
+  --vscode-activityBarBadge-background: #007acc;
+  --vscode-activityBarBadge-foreground: #ffffff;
+
+  /* Panel colors */
+  --vscode-panel-background: #ffffff;
+  --vscode-panelTitle-activeBorder: #007acc;
+  --vscode-panelTitle-activeForeground: #3b3b3b;
+  --vscode-panelTitle-inactiveForeground: #717171;
+
+  /* Sidebar colors */
+  --vscode-sideBar-background: #f3f3f3;
+  --vscode-sideBarSectionHeader-background: #f3f3f3;
+  --vscode-sideBarTitle-foreground: #3b3b3b;
+
+  /* Progress bar */
+  --vscode-progressBar-background: #007acc;
+
+  /* Scrollbar colors */
+  --vscode-scrollbar-shadow: rgba(0, 0, 0, 0.16);
+  --vscode-scrollbarSlider-background: rgba(100, 100, 100, 0.4);
+  --vscode-scrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7);
+  --vscode-scrollbarSlider-activeBackground: rgba(0, 0, 0, 0.6);
+
+  /* Sash (resizable borders) */
+  --vscode-sash-hoverBorder: #0090f1;
+
+  /* Tree colors */
+  --vscode-tree-indentGuidesStroke: #d4d4d4;
+  --vscode-tree-inactiveIndentGuidesStroke: rgba(212, 212, 212, 0.5);
+
+  /* Keybinding table */
+  --vscode-keybindingTable-headerBackground: rgba(128, 128, 128, 0.1);
+  --vscode-keybindingTable-rowsBackground: rgba(128, 128, 128, 0.04);
 }
 
 body:not([class^="vscode-"]) button {
@@ -185,6 +324,17 @@ body:not([class^="vscode-"]) button {
   --bs-nav-link-color: black;
 }
 
+/* vscode-elements form component adjustments */
+vscode-label {
+  margin-bottom: 0;
+}
+
+vscode-form-helper {
+  font-size: 12px;
+  margin-top: 0;
+  margin-bottom: 6px;
+}
+
 /* AG Grid Theming */
 body {
   --ag-background-color: var(--bs-body-bg);
@@ -697,7 +847,7 @@ body {
   padding-top: 10em;
 }
 
-code:not(.sourceCode):not(.source-code) {
+code:not(.sourceCode):not(.source-code):not([class^="language-"]) {
   color: var(--bs-code-color);
 }
 
@@ -914,25 +1064,6 @@ table.table.table-sm td {
   font-size: 0.8em;
 }
 
-.tab-tools > * {
-  flex: 0 1 auto;
-  height: 1.5rem;
-  margin-left: 0.5rem;
-}
-
-.tab-tools > input {
-  font-size: 0.7rem;
-}
-
-.tab-tools .btn {
-  font-size: 0.7rem;
-  padding: 0.2em 0.8em;
-}
-
-.tab-tools {
-  font-size: 0.7rem;
-}
-
 .do-not-collapse-self {
   display: block;
   height: auto !important;
@@ -1506,6 +1637,238 @@ so disabling selection can break that functionality */
   grid-template-columns: max-content max-content;
   column-gap: 0.3em;
 }
+._container_1g8hw_1 {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow: hidden;
+}
+
+._defineScannerSection_1g8hw_8 {
+  padding: 1rem;
+  border-bottom: 1px solid var(--bs-border-color);
+  flex-shrink: 0;
+}
+
+._sectionTitle_1g8hw_14 {
+  font-size: 1rem;
+  font-weight: 600;
+  margin: 0 0 1rem 0;
+}
+
+._formRow_1g8hw_20 {
+  display: flex;
+  gap: 2rem;
+}
+
+._formColumn_1g8hw_25 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  flex: 1;
+}
+
+._formGroup_1g8hw_32 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+}
+
+._label_1g8hw_38 {
+  font-size: 0.875rem;
+  color: var(--bs-secondary);
+}
+
+._select_1g8hw_43 {
+  padding: 0.5rem;
+  border: 1px solid var(--bs-border-color);
+  border-radius: 0.25rem;
+  background-color: var(--bs-body-bg);
+  color: var(--bs-body-color);
+  font-size: 0.875rem;
+}
+
+._textarea_1g8hw_52 {
+  padding: 0.5rem;
+  border: 1px solid var(--bs-border-color);
+  border-radius: 0.25rem;
+  background-color: var(--bs-body-bg);
+  color: var(--bs-body-color);
+  font-size: 0.875rem;
+  resize: vertical;
+}
+
+._checkboxGroup_1g8hw_62 {
+  display: flex;
+  gap: 1.5rem;
+}
+
+._checkboxLabel_1g8hw_67 {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 0.875rem;
+  cursor: default;
+}
+
+._runScanButton_1g8hw_75 {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.5rem 1rem;
+  border: 1px solid var(--bs-border-color);
+  border-radius: 0.25rem;
+  background-color: var(--bs-secondary-bg);
+  color: var(--bs-body-color);
+  font-size: 0.875rem;
+  cursor: pointer;
+  width: fit-content;
+}
+
+._runScanButton_1g8hw_75:hover:not(:disabled) {
+  background-color: var(--bs-tertiary-bg);
+}
+
+._runScanButton_1g8hw_75:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+._runScanButton_1g8hw_75 i {
+  color: var(--bs-success);
+  font-size: 1.75rem;
+  line-height: 0;
+}
+
+._scansList_1g8hw_104 {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  padding: 1rem;
+  gap: 1rem;
+  overflow: auto;
+}
+
+._card_1g8hw_113 {
+  border: 1px solid var(--bs-border-color);
+  border-radius: 0.375rem;
+  padding: 1rem;
+  background-color: var(--bs-body-bg);
+}
+
+._header_1g8hw_120 {
+  margin-bottom: 0.75rem;
+  padding-bottom: 0.5rem;
+  border-bottom: 1px solid var(--bs-border-color);
+}
+
+._scanId_1g8hw_126 {
+  font-weight: 600;
+  font-family: monospace;
+}
+
+._configLine_1g8hw_131 {
+  color: var(--bs-secondary);
+  font-size: 0.75rem;
+  font-family: monospace;
+  margin-top: 0.25rem;
+}
+
+._progressSection_1g8hw_138 {
+  margin-bottom: 0.75rem;
+}
+
+._progressBar_1g8hw_142 {
+  height: 4px;
+  background-color: var(--bs-secondary-bg);
+  border-radius: 2px;
+  overflow: hidden;
+}
+
+._progressFill_1g8hw_149 {
+  height: 100%;
+  background-color: var(--bs-success);
+  transition: width 0.3s ease;
+}
+
+._progressStats_1g8hw_155 {
+  display: flex;
+  gap: 1.5rem;
+  margin-top: 0.25rem;
+  font-family: monospace;
+  font-size: 0.75rem;
+  color: var(--bs-secondary);
+}
+
+._content_1g8hw_164 {
+  display: flex;
+  gap: 2rem;
+}
+
+._mainSection_1g8hw_169 {
+  flex: 1;
+}
+
+._table_1g8hw_173 {
+  width: 100%;
+  border-collapse: collapse;
+  font-family: monospace;
+  font-size: 0.875rem;
+}
+
+._table_1g8hw_173 th,
+._table_1g8hw_173 td {
+  padding: 0.25rem 0.75rem;
+  text-align: left;
+}
+
+._table_1g8hw_173 th {
+  font-weight: 600;
+  color: var(--bs-secondary);
+}
+
+._numeric_1g8hw_191 {
+  text-align: right;
+}
+
+._sidebar_1g8hw_195 {
+  min-width: 150px;
+  border-left: 1px solid var(--bs-border-color);
+  padding-left: 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+}
+
+._sidebarSection_1g8hw_204 {
+  font-family: monospace;
+  font-size: 0.875rem;
+}
+
+._sidebarTitle_1g8hw_209 {
+  font-weight: 600;
+  margin-bottom: 0.5rem;
+}
+
+._stat_1g8hw_214 {
+  display: flex;
+  justify-content: space-between;
+  gap: 1rem;
+}
+
+._stat_1g8hw_214 span:first-child {
+  color: var(--bs-secondary);
+}
+
+._error_1g8hw_224 {
+  color: var(--bs-danger);
+  font-weight: 600;
+}
+
+._mutationStatus_1g8hw_229 {
+  font-size: 0.7rem;
+  color: var(--bs-secondary);
+}
 ._footer_1ykeg_1 {
   border-top: solid var(--bs-light-border-subtle) 1px;
   background: var(--bs-light-bg-subtle);
@@ -1779,94 +2142,457 @@ so disabling selection can break that functionality */
   height: 100%;
   row-gap: 0;
 }
-._headerActions_6q7gm_1 {
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  margin-right: 6px;
-}
-
-._filterButton_6q7gm_8 {
+._dropdownContainer_1yyrd_1 {
+  position: relative;
   display: inline-flex;
   align-items: center;
-  justify-content: center;
-  padding: 2px;
-  border: none;
-  background: transparent;
-  color: var(--bs-secondary);
-  cursor: pointer;
 }
 
-._filterButtonActive_6q7gm_19 {
-  color: var(--bs-primary);
+.btn._toolButton_1yyrd_7 {
+  background-color: var(--bs-light-border-subtle);
 }
 
-._filterPopover_6q7gm_23 {
-  min-width: 180px;
+.btn._toolButton_1yyrd_7._bodyColor_1yyrd_11 {
+  background-color: var(--bs-body-bg);
 }
 
-._filterContent_6q7gm_27 {
-  display: flex;
-  flex-direction: column;
-  gap: 8px;
+.btn-tools._toolButton_1yyrd_7 {
+  border: solid 1px var(--bs-border-color);
 }
 
-._filterRow_6q7gm_33 {
-  display: flex;
-  align-items: center;
-  gap: 8px;
+._toolButton_1yyrd_7 {
+  white-space: nowrap;
 }
 
-._filterLabel_6q7gm_39 {
-  min-width: 58px;
-  font-size: 11px;
-  color: var(--bs-secondary);
+._toolButton_1yyrd_7 i {
+  margin-right: 0.5em;
 }
 
-._filterSelect_6q7gm_45,
-._filterInput_6q7gm_46 {
-  flex: 1;
-  font-size: 12px;
-  padding: 4px 6px;
-  border-radius: 4px;
-  border: 1px solid var(--bs-border-color);
-  background: var(--bs-body-bg);
-  color: var(--bs-body-color);
+._toolButton_1yyrd_7 ._chevron_1yyrd_27 {
+  margin-left: 0.5em;
+  margin-right: 0;
+  font-size: 0.75em;
 }
 
-._filterInput_6q7gm_46:disabled,
-._filterSelect_6q7gm_45:disabled {
-  background: var(--bs-light);
-  color: var(--bs-secondary);
-}
-._container_1b6j7_1 {
-  overflow: auto;
+._toolButton_1yyrd_7: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);
 }
 
-._table_1b6j7_6 {
-  display: grid;
-  width: 100%;
-}
-
-._thead_1b6j7_11 {
-  display: grid;
-  position: sticky;
+._backdrop_1yyrd_41 {
+  position: fixed;
   top: 0;
-  z-index: 1;
-  background: var(--bs-light-bg-subtle);
-  border-bottom: 1px solid var(--bs-border-color);
-}
-
-._headerRow_1b6j7_20 {
-  display: flex;
-  width: 100%;
-  height: 32px;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1000;
 }
 
-._headerCell_1b6j7_26 {
-  display: flex;
-  position: relative;
+._dropdownMenu_1yyrd_50 {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  margin-top: 0.25rem;
+  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: 1001;
+  min-width: 100%;
+  overflow: hidden;
+}
+
+._dropdownMenu_1yyrd_50._alignRight_1yyrd_64 {
+  right: 0;
+  left: auto;
+}
+
+._dropdownItem_1yyrd_69 {
+  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;
+}
+
+._dropdownItem_1yyrd_69:hover {
+  background-color: var(--bs-tertiary-bg);
+}
+
+._dropdownItem_1yyrd_69:active {
+  background-color: var(--bs-secondary-bg);
+}
+._chip_15up4_1 {
+  display: inline-flex;
+  flex-direction: row;
+  margin: 0rem 0;
+  padding: 0.1rem 0.4rem;
+  border: solid 1px var(--bs-border-color);
+  border-radius: var(--bs-border-radius);
+  align-items: center;
+  white-space: nowrap;
+}
+
+._label_15up4_12 {
+  font-weight: 600;
+  margin-right: 0.5em;
+}
+
+._value_15up4_17 {
+}
+
+._icon_15up4_20 {
+  margin-right: 0.2rem;
+  font-size: 0.8em;
+}
+
+._closeIcon_15up4_25 {
+  margin-left: 0.3rem;
+  font-size: 0.8em;
+}
+
+._clickable_15up4_30 {
+  cursor: pointer;
+}
+._chipGroup_1de1s_1 {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  column-gap: 0.3rem;
+  row-gap: 0.3rem;
+}
+._container_et6si_1 {
+  position: relative;
+  width: 100%;
+}
+
+._input_et6si_6 {
+  width: 100%;
+  font-size: 12px;
+  padding: 4px 6px;
+  border-radius: 4px;
+  border: 1px solid var(--bs-border-color);
+  background: var(--bs-body-bg);
+  color: var(--bs-body-color);
+}
+
+._input_et6si_6:disabled {
+  background: var(--bs-light);
+  color: var(--bs-secondary);
+}
+
+._inputWithToggle_et6si_21 {
+  padding-right: 24px;
+}
+
+._toggleButton_et6si_25 {
+  position: absolute;
+  right: 2px;
+  top: 50%;
+  transform: translateY(-50%);
+  background: none;
+  border: none;
+  padding: 2px 4px;
+  cursor: pointer;
+  color: var(--bs-secondary);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 10px;
+}
+
+._toggleButton_et6si_25:hover:not(:disabled) {
+  color: var(--bs-body-color);
+}
+
+._toggleButton_et6si_25:disabled {
+  cursor: not-allowed;
+  opacity: 0.5;
+}
+
+._suggestionsList_et6si_50 {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  background: var(--bs-body-bg);
+  border: 1px solid var(--bs-border-color);
+  border-radius: 4px;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+  max-height: 200px;
+  overflow-y: auto;
+  z-index: 10000;
+}
+
+._suggestionItem_et6si_63 {
+  padding: 6px 8px;
+  font-size: 12px;
+  cursor: pointer;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+._suggestionItem_et6si_63:hover,
+._suggestionItem_et6si_63._highlighted_et6si_73 {
+  background: var(--bs-primary);
+  color: white;
+}
+._filterContent_1e9kw_1 {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+._filterRow_1e9kw_7 {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+._filterSelect_1e9kw_13,
+._filterInput_1e9kw_14 {
+  flex: 1;
+  font-size: 12px;
+  padding: 4px 6px;
+  border-radius: 4px;
+  border: 1px solid var(--bs-border-color);
+  background: var(--bs-body-bg);
+  color: var(--bs-body-color);
+}
+
+._filterInput_1e9kw_14:disabled,
+._filterSelect_1e9kw_13:disabled {
+  background: var(--bs-light);
+  color: var(--bs-secondary);
+}
+
+._columnId_1e9kw_30 {
+  font-weight: 600;
+  font-family: var(--bs-monospace);
+}
+
+._columnIdText_1e9kw_35 {
+  margin-left: 0.5rem;
+}
+
+.btn._filterButton_1e9kw_39 {
+  width: 100%;
+  padding: 0.2rem;
+}
+
+._durationInputWrapper_1e9kw_44 {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  flex: 1;
+}
+
+._durationHelper_1e9kw_51 {
+  font-size: 11px;
+  color: var(--bs-secondary);
+  padding-left: 2px;
+}
+
+._rangeLabel_1e9kw_57 {
+  font-size: 11px;
+  color: var(--bs-secondary);
+  padding-left: 2px;
+}
+.btn._toolButton_wcmr6_1 {
+  background-color: var(--bs-light-border-subtle);
+  white-space: nowrap;
+}
+
+._marginRight_wcmr6_6 {
+  margin-right: 0.5em;
+}
+
+._toolButton_wcmr6_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);
+}
+
+._latched_wcmr6_18,
+._latched_wcmr6_18:hover {
+  box-shadow:
+    inset 0 2px 4px rgba(0, 0, 0, 0.15),
+    inset 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.btn._toolButton_wcmr6_1._subtle_wcmr6_25 {
+  background-color: var(--bs-body-bg);
+}
+._button_wkaow_1 {
+  padding: 0.1rem 0.3rem;
+}
+
+.btn._button_wkaow_1 {
+  background-color: transparent;
+}
+._columnList_1sw8v_1 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.15em;
+  max-height: 400px;
+  overflow-y: auto;
+}
+
+._row_1sw8v_9 {
+  display: flex;
+  align-items: center;
+  gap: 0.5em;
+  cursor: pointer;
+  border-radius: var(--bs-border-radius);
+  padding: 0.1em 0.4em;
+  margin: 0 -0.4em;
+}
+
+._row_1sw8v_9:hover {
+  background-color: var(--bs-secondary-bg);
+}
+
+._links_1sw8v_23 {
+  display: flex;
+  padding-bottom: 0.2em;
+  margin-bottom: 0.4em;
+  column-gap: 0.3em;
+  border-bottom: solid 1px var(--bs-border-color);
+}
+
+._links_1sw8v_23 a {
+  cursor: pointer;
+  text-decoration: none;
+  color: var(--bs-link-color);
+}
+
+._links_1sw8v_23 a:hover {
+  color: var(--bs-link-hover-color);
+}
+
+._selected_1sw8v_41 {
+  font-weight: 600;
+}
+._container_z2s7f_1 {
+  display: flex;
+  flex-direction: row;
+  background: var(--bs-light-bg-subtle);
+  border-bottom: solid var(--bs-border-color) 1px;
+  padding: 0rem 0.5rem;
+  align-items: flex-start;
+  width: 100%;
+}
+
+._filterBar_z2s7f_11 {
+  margin: 1px 0;
+}
+
+._filterLabel_z2s7f_15 {
+  margin-right: 0.3rem;
+  margin-top: 3px;
+}
+
+._filterNone_z2s7f_20 {
+  margin-top: 2px;
+}
+
+._actionButtons_z2s7f_24 {
+  margin-left: auto;
+  margin-top: 0.1rem;
+  margin-bottom: 0.1rem;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  flex-direction: row;
+  font-size: var(--inspect-font-size-smallestest);
+  height: calc(100% - 4px);
+}
+
+._actionButton_z2s7f_24 {
+  padding: 0.1rem 0.4rem;
+  margin: 1px 0rem;
+  font-size: var(--inspect-font-size-smallestest);
+}
+
+._actionButtonDropDown_z2s7f_42 {
+  font-size: var(--inspect-font-size-smallestest);
+}
+
+._actionButton_z2s7f_24._chipButton_z2s7f_46 {
+  background-color: unset;
+  margin-left: 0.3rem;
+}
+
+._sep_z2s7f_51 {
+  width: 1px;
+  height: 100%;
+  margin: 2px 0.3rem;
+
+  background-color: var(--bs-border-color);
+  font-size: var(--inspect-font-size-smallestest);
+}
+._filterButton_fuk0s_1 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  padding: 2px;
+  border: none;
+  background: transparent;
+  color: var(--bs-secondary);
+  cursor: pointer;
+}
+
+._filterButtonActive_fuk0s_12 {
+  color: var(--bs-primary);
+}
+._headerActions_uh0qk_1 {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  margin-right: 6px;
+}
+
+._filterPopover_uh0qk_8 {
+  min-width: 180px;
+}
+._container_1b6j7_1 {
+  overflow: auto;
+  outline: none;
+}
+
+._table_1b6j7_6 {
+  display: grid;
+  width: 100%;
+}
+
+._thead_1b6j7_11 {
+  display: grid;
+  position: sticky;
+  top: 0;
+  z-index: 1;
+  background: var(--bs-light-bg-subtle);
+  border-bottom: 1px solid var(--bs-border-color);
+}
+
+._headerRow_1b6j7_20 {
+  display: flex;
+  width: 100%;
+  height: 32px;
+}
+
+._headerCell_1b6j7_26 {
+  display: flex;
+  position: relative;
   align-items: center;
   justify-content: space-between;
   gap: 4px;
@@ -2019,24 +2745,23 @@ so disabling selection can break that functionality */
   margin-right: auto;
   margin-top: 3rem;
 }
-._container_omb0x_1 {
+._container_w24zj_1 {
   height: 100%;
   display: grid;
-  grid-template-rows: max-content max-content 1fr max-content;
+  grid-template-rows: max-content max-content max-content 1fr max-content;
 }
 
-._panel_omb0x_7 {
+._panel_w24zj_7 {
   display: grid;
   grid-template-columns: max-content 1fr;
 }
-._activityBar_q73jv_1 {
-  height: 100vh;
+._activityBar_10a5h_1 {
   width: 78px;
   border-right: solid 1px var(--bs-border-color);
   background-color: var(--bs-light);
 }
 
-._activityHost_q73jv_8 {
+._activityHost_10a5h_7 {
   padding-top: 1rem;
   padding-bottom: 1rem;
   display: grid;
@@ -2045,7 +2770,7 @@ so disabling selection can break that functionality */
   row-gap: 1rem;
 }
 
-._activity_q73jv_1 {
+._activity_10a5h_1 {
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -2054,38 +2779,360 @@ so disabling selection can break that functionality */
   border-radius: var(--bs-border-radius);
 }
 
-._activity_q73jv_1:hover {
-  background-color: var(--bs-body-bg);
-  cursor: pointer;
+._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;
+}
+._projectBar_cmger_1 {
+  display: flex;
+  flex-direction: column;
+  background: var(--bs-light);
+  border-bottom: solid 1px var(--bs-border-color);
+  min-height: 2em;
+  padding: 0.1rem 0.3rem;
+  row-gap: 0;
+  align-items: center;
+  justify-content: center;
+}
+
+._row_cmger_13 {
+  display: grid;
+  grid-template-columns: 1fr auto 1fr;
+  align-items: center;
+  column-gap: 0.5rem;
+  width: 100%;
+  height: 100%;
+}
+
+._left_cmger_22,
+._center_cmger_23,
+._right_cmger_24 {
+  font-size: var(--inspect-font-size-small);
+}
+
+._left_cmger_22 {
+  grid-column: 1;
+  justify-self: start;
+  display: flex;
+  align-items: center;
+  gap: 0.2rem;
+}
+
+._center_cmger_23 {
+  grid-column: 2;
+  justify-self: center;
+  display: flex;
+  align-items: center;
+}
+
+._right_cmger_24 {
+  grid-column: 3;
+  justify-self: end;
+  display: flex;
+  align-items: center;
+}
+
+._historyButton_cmger_50 {
+  font-size: 0.9em;
+}
+
+._navButton_cmger_54 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border: none;
+  background: transparent;
+  color: var(--bs-secondary);
+  padding: 0.12rem 0.3rem;
+  border-radius: var(--bs-border-radius);
+}
+
+._navButton_cmger_54:hover,
+._navButton_cmger_54:focus-visible {
+  background-color: var(--bs-secondary-bg-subtle);
+}
+._backdrop_wrdr6_1 {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.36);
+  display: flex;
+  align-items: flex-start;
+  justify-content: center;
+  padding-top: 15vh;
+  z-index: 1000;
+}
+
+._modal_wrdr6_12 {
+  background: var(--vscode-editor-background);
+  border: 1px solid
+    var(--vscode-widget-border, var(--vscode-editorWidget-border));
+  border-radius: 4px;
+  box-shadow: 0 4px 8px var(--vscode-widget-shadow, rgba(0, 0, 0, 0.36));
+  max-width: 450px;
+  width: 90%;
+  max-height: 80vh;
+  display: flex;
+  flex-direction: column;
+}
+
+._header_wrdr6_25 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px 16px;
+  border-bottom: 1px solid
+    var(--vscode-widget-border, var(--vscode-editorWidget-border));
+}
+
+._title_wrdr6_34 {
+  margin: 0;
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--vscode-foreground);
+}
+
+._closeButton_wrdr6_41 {
+  background: none;
+  border: none;
+  color: var(--vscode-foreground);
+  cursor: pointer;
+  padding: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+._closeButton_wrdr6_41:hover {
+  background: var(--vscode-toolbar-hoverBackground);
+  border-radius: 4px;
+}
+
+._body_wrdr6_57 {
+  padding: 16px;
+  color: var(--vscode-foreground);
+  font-size: 13px;
+  overflow-y: auto;
+}
+
+._footer_wrdr6_64 {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  padding: 12px 16px;
+  border-top: 1px solid
+    var(--vscode-widget-border, var(--vscode-editorWidget-border));
+}
+._container_1ch30_1 {
+  height: 100%;
+  display: grid;
+  grid-template-rows: max-content auto 1fr;
+}
+
+._container_1ch30_1 > ._headerRow_1ch30_7 {
+  grid-row: 1;
+}
+
+._container_1ch30_1 > ._conflictBanner_1ch30_11 {
+  grid-row: 2;
+}
+
+._container_1ch30_1 > ._loading_1ch30_15,
+._container_1ch30_1 > ._error_1ch30_16 {
+  grid-row: 3;
+}
+
+._container_1ch30_1 > ._splitLayout_1ch30_20 {
+  grid-row: 3;
+}
+
+._headerRow_1ch30_7 {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 1rem 1.25rem 0.75rem 1rem;
+  border-bottom: 1px solid var(--vscode-widget-border);
+}
+
+._header_1ch30_7 {
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--vscode-foreground);
+}
+
+._detail_1ch30_38 {
+  font-size: 12px;
+  color: var(--vscode-descriptionForeground);
+}
+
+._conflictBanner_1ch30_11 {
+  background: var(--vscode-inputValidation-warningBackground);
+  border: 1px solid var(--vscode-inputValidation-warningBorder);
+  padding: 8px 12px;
+  margin: 0.5rem 1rem;
+  border-radius: 4px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-size: 13px;
+  color: var(--vscode-foreground);
+}
+
+._conflictActions_1ch30_56 {
+  display: flex;
+  gap: 8px;
+}
+
+._splitLayout_1ch30_20 {
+  display: flex;
+  min-height: 0;
+  gap: 1rem;
+  padding-left: 1rem;
+  padding-top: 1rem;
+}
+
+._treeNav_1ch30_69 {
+  width: 160px;
+  flex-shrink: 0;
+  overflow-y: auto;
+}
+
+._navList_1ch30_75 {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+._navListItem_1ch30_81 {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+._navGroup_1ch30_87 {
+  font-size: 12px;
+  font-weight: 600;
+  color: var(--vscode-foreground);
+  padding: 6px 8px 4px 8px;
+  text-transform: uppercase;
+  letter-spacing: 0.03em;
+}
+
+._navGroup_1ch30_87:not(:first-child) {
+  margin-top: 0.75rem;
+}
+
+._navItem_1ch30_100 {
+  display: block;
+  width: 100%;
+  padding: 4px 8px 4px 16px;
+  font-size: 13px;
+  color: var(--vscode-foreground);
+  background: none;
+  border: none;
+  text-align: left;
+  cursor: pointer;
+  border-radius: 3px;
+}
+
+._navItem_1ch30_100:hover {
+  background: var(--vscode-list-hoverBackground);
+}
+
+._navItem_1ch30_100:focus {
+  outline: 1px solid var(--vscode-focusBorder);
+  outline-offset: -1px;
+}
+
+._scrollContent_1ch30_122 {
+  flex: 1;
+  min-width: 0;
+  overflow-y: auto;
+  padding-right: 1rem;
+}
+
+/* Make text fields wider */
+._field_1ch30_130 vscode-textfield {
+  width: 400px !important;
 }
 
-._activity_q73jv_1._selected_q73jv_31 {
-  background-color: var(--bs-primary-bg-subtle);
+._field_1ch30_130 vscode-textfield[type="number"] {
+  width: 250px !important;
 }
 
-._icon_q73jv_35 {
-  font-size: 1.1rem;
+._field_1ch30_130 vscode-textarea {
+  width: 400px !important;
 }
 
-._label_q73jv_39 {
-  font-size: 0.5rem;
-  text-transform: uppercase;
+._field_1ch30_130 vscode-single-select {
+  width: 250px !important;
 }
-._layout_1vjmm_1 {
+
+._section_1ch30_146 {
   display: flex;
-  flex-direction: row;
-  height: 100vh;
-  width: 100vw;
-  overflow: hidden;
+  flex-direction: column;
+  gap: 0.75rem;
+  margin-bottom: 1.5rem;
 }
 
-._content_1vjmm_9 {
-  flex: 1;
-  overflow: hidden;
+._sectionHeader_1ch30_153 {
+  font-size: 13px;
+  font-weight: 600;
+  color: var(--vscode-foreground);
+  padding: 0.35rem 0.75rem 0.35rem 1rem;
+  margin-left: -0.75rem;
+  background: var(--vscode-sideBarSectionHeader-background);
+  border-radius: 3px;
 }
 
-._content_1vjmm_9._scrolling_1vjmm_14 {
-  overflow: auto;
+._field_1ch30_130 {
+  display: flex;
+  flex-direction: column;
+}
+
+._loading_1ch30_15,
+._error_1ch30_16 {
+  font-size: 13px;
+  color: var(--vscode-foreground);
+}
+
+._error_1ch30_16 {
+  color: var(--vscode-errorForeground);
 }
 ._root_ke0e7_1 {
   height: 100vh;
@@ -2164,21 +3211,21 @@ button._segment_19z32_10 {
 ._segment_19z32_10 i {
   margin-right: 0.2em;
 }
-._tabs_1sz0h_1 {
+._tabs_xzxjl_1 {
   align-items: center;
 }
 
-._tabContents_1sz0h_5 {
+._tabContents_xzxjl_5 {
   flex: 1;
   overflow-y: hidden;
 }
 
-._tabContents_1sz0h_5._scrollable_1sz0h_10 {
+._tabContents_xzxjl_5._scrollable_xzxjl_10 {
   height: 100%;
   overflow-y: auto;
 }
 
-._tab_1sz0h_1 {
+._tab_xzxjl_1 {
   color: "var(--bs-body-color)";
   padding: 0.25rem 0.5rem;
   border-top-left-radius: var(--bs-border-radius);
@@ -2188,15 +3235,15 @@ button._segment_19z32_10 {
   margin-bottom: -1px;
 }
 
-._tabItem_1sz0h_25 {
+._tabItem_xzxjl_25 {
   align-self: end;
 }
 
-._tabIcon_1sz0h_29 {
+._tabIcon_xzxjl_29 {
   margin-right: 0.5em;
 }
 
-._tabTools_1sz0h_33 {
+._tabTools_xzxjl_33 {
   flex-basis: auto;
   margin-left: auto;
   display: flex;
@@ -2206,10 +3253,24 @@ button._segment_19z32_10 {
   row-gap: 0.3rem;
 }
 
-._tabStyle_1sz0h_43 {
+._tabStyle_xzxjl_43 {
   padding-left: 0.7em;
   padding-right: 0.7em;
 }
+
+._tabTools_xzxjl_33 > * {
+  flex: 0 1 auto;
+  margin-left: 0.5rem;
+}
+
+._tabTools_xzxjl_33 input {
+  font-size: var(--inspect-font-size-smallest);
+}
+
+._tabTools_xzxjl_33 .btn {
+  font-size: var(--inspect-font-size-smallest);
+  padding: 0.1em 0.5em;
+}
 .card-header-container:not(.card-header-modern) {
   display: grid;
   grid-template-columns: max-content auto;
@@ -2371,24 +3432,6 @@ button._segment_19z32_10 {
   padding-left: 0.5rem;
   background-color: var(--bs-body-bg);
 }
-._toolButton_nu8dt_1 i {
-  margin-right: 0.5em;
-}
-
-._toolButton_nu8dt_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);
-}
-
-._latched_nu8dt_13,
-._latched_nu8dt_13:hover {
-  box-shadow:
-    inset 0 2px 4px rgba(0, 0, 0, 0.15),
-    inset 0 1px 2px rgba(0, 0, 0, 0.1);
-}
 ._visible_tm52u_1 {
   display: block;
 }
@@ -2728,24 +3771,24 @@ a._citationLink_1ggvf_9:hover {
 ._toolPanel_1792k_40 {
   display: contents;
 }
-._toolImage_1wvgr_1 {
+._toolImage_qu6a9_1 {
   max-width: 800px;
   border: solid var(--bs-border-color) 1px;
 }
 
-._output_1wvgr_6 {
+._output_qu6a9_6 {
   display: grid;
 }
 
-._textOutput_1wvgr_10 {
+._textOutput_qu6a9_10 {
   padding-left: 2px;
   padding: 0.5em 0.5em 0.5em 0.5em;
   white-space: pre-wrap;
   margin-bottom: 0;
-  font-size: 0.9em !important;
+  font-size: var(--inspect-font-size-smallest) !important;
 }
 
-._textCode_1wvgr_18 {
+._textCode_qu6a9_18 {
   word-wrap: anywhere;
 }
 ._grid_17ltx_1 {
@@ -2829,21 +3872,22 @@ a._citationLink_1ggvf_9:hover {
 ._inProgress_1t8rx_9 {
   font-weight: bold;
 }
-._outputPre_1jznn_1 {
+._outputPre_fhwyo_1 {
   padding: 0.5em;
   margin-top: 0.25em;
   margin-bottom: 0;
 }
 
-._toolView_1jznn_7 {
+._toolView_fhwyo_7 {
   margin-top: 0.25em;
+  padding: 0.5em !important;
 }
 
-._toolView_1jznn_7 {
-  padding: 0.5em !important;
+._toolView_fhwyo_7 pre {
+  margin-bottom: 0;
 }
 
-._outputCode_1jznn_15 {
+._outputCode_fhwyo_16 {
   font-size: 0.8rem !important;
   overflow-wrap: anywhere !important;
   white-space: pre-wrap !important;
@@ -2881,28 +3925,6 @@ a._citationLink_1ggvf_9:hover {
 ._container_1q66p_1 {
   margin: 0.5em;
 }
-.btn._toolButton_1y0d0_1 {
-  background-color: var(--bs-light-border-subtle);
-}
-
-._toolButton_1y0d0_1 i {
-  margin-right: 0.5em;
-}
-
-._toolButton_1y0d0_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);
-}
-
-._latched_1y0d0_17,
-._latched_1y0d0_17:hover {
-  box-shadow:
-    inset 0 2px 4px rgba(0, 0, 0, 0.15),
-    inset 0 1px 2px rgba(0, 0, 0, 0.1);
-}
 ._grid_hbkjn_1 {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
@@ -3008,6 +4030,9 @@ a._citationLink_1ggvf_9:hover {
 ._hidden_e1pcq_40 {
   opacity: 0 !important;
 }
+._searchBox_fwn6a_1 {
+  font-size: var(--inspect-font-size-smallest);
+}
 ._progressContainer_1cjjr_1 {
   width: 100%;
   display: flex;
@@ -3139,26 +4164,40 @@ a._citationLink_1ggvf_9:hover {
   color: var(--bs-primary) !important;
   margin-right: 0.3rem;
 }
-._result_f18wg_1 {
+._result_mi1dv_1 {
   display: inline-flex;
   justify-content: center;
   align-items: center;
   border-radius: 5px;
-  padding: 8px;
-  width: 2rem;
+  padding: 8px 4px;
   height: 1rem;
   font-size: 0.7rem;
 }
 
-._true_f18wg_12 {
+._true_mi1dv_11 {
   border: solid var(--bs-success) 1px;
   color: var(--bs-success);
 }
 
-._false_f18wg_17 {
+._false_mi1dv_16 {
   border: solid var(--bs-danger) 1px;
   color: var(--bs-danger);
 }
+
+._resultContainer_mi1dv_21 {
+  display: grid;
+  grid-template-columns: max-content max-content;
+  align-items: center;
+  column-gap: 0.2rem;
+}
+
+._targetValue_mi1dv_28 {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  border: none;
+  margin-left: 0.4rem;
+}
 ._boolean_1uivt_1 {
   display: inline-flex;
   justify-content: center;
@@ -5006,18 +6045,19 @@ span.ap-marker-container:hover span.ap-marker {
 ._scrollContainer_94id2_15 {
   overflow-y: auto;
 }
-._container_10hwa_1 {
+._container_gduid_1 {
   display: grid;
   grid-template-columns: 200px 1fr;
   grid-template-rows: 1fr max-content;
   height: 100%;
+  width: 100%;
 }
 
-._footer_10hwa_8 {
+._footer_gduid_9 {
   grid-column: 1 / -1;
 }
 
-._breadcrumbs_10hwa_12 {
+._breadcrumbs_gduid_13 {
   min-width: 600px !important;
 }
 ._container_1ov9x_1 {
@@ -5169,8 +6209,10 @@ span.ap-marker-container:hover span.ap-marker {
 ._container_76qrl_7 {
   padding: 0.5rem;
 }
-._container_5gpfz_1 {
+._container_1o5t7_1 {
   padding: 1rem;
+  width: 100%;
+  height: 100%;
 }
 ._list_5fj0m_1 {
   width: 100%;
@@ -5202,47 +6244,45 @@ span.ap-marker-container:hover span.ap-marker {
   overflow-y: hidden;
   height: 100%;
 }
-._sidebar_ruino_1 {
+._sidebar_uz8wg_1 {
   border-right: solid 1px var(--bs-border-color);
   padding: 1rem;
   overflow-y: auto;
 }
 
-._container_ruino_7 {
-  display: inline-grid;
-  grid-template-columns: 1fr 2fr;
+._container_uz8wg_7 {
+  display: grid;
+  grid-template-columns: max-content minmax(0, 1fr);
   align-self: start;
-  row-gap: 0.5rem;
+  gap: 0.5rem;
 }
 
-._colspan_ruino_14 {
+._colspan_uz8wg_14 {
   grid-column: span 2;
 }
 
-._explanation_ruino_18 {
+._explanation_uz8wg_18 {
   display: grid;
   grid-template-columns: max-content 1fr;
   column-gap: 1rem;
   row-gap: 0.75rem;
 }
 
-._scanValue_ruino_25 {
+._scanValue_uz8wg_25 {
   padding-right: 0.5rem;
 }
 
-._values_ruino_29 {
-  display: grid;
-  grid-template-columns: max-content auto;
-  column-gap: 0.5rem;
+._values_uz8wg_29 {
+  display: block;
 }
 
-._validation_ruino_35 {
+._validation_uz8wg_33 {
   margin-left: 1rem;
   display: grid;
   grid-template-columns: max-content max-content;
 }
 
-._validationLabel_ruino_41 {
+._validationLabel_uz8wg_39 {
   padding-right: 0.5rem;
   margin-top: 2px;
 }
@@ -5280,7 +6320,7 @@ span.ap-marker-container:hover span.ap-marker {
 ._sixCol_1eu50_32 {
   grid-template-columns: auto auto auto auto auto auto;
 }
-._resultNav_oszqi_1 {
+._container_1i4o7_1 {
   display: grid;
   grid-template-columns: max-content auto max-content;
   align-items: center;
@@ -5288,14 +6328,18 @@ span.ap-marker-container:hover span.ap-marker {
   margin-right: 1em;
 }
 
-._nav_oszqi_9:hover:not(._disabled_oszqi_9) {
+._nav_1i4o7_9:hover:not(._disabled_1i4o7_9) {
   cursor: pointer;
 }
 
-._disabled_oszqi_9 {
+._disabled_1i4o7_9 {
   opacity: 0.5;
   pointer-events: none;
 }
+
+._center_1i4o7_18 {
+  text-align: center;
+}
 ._root_1ewhq_1 {
   height: 100vh;
   display: grid;
@@ -5325,130 +6369,202 @@ span.ap-marker-container:hover span.ap-marker {
 ._fullHeight_1ewhq_27 {
   height: 100%;
 }
-._container_g5onx_1 {
+._container_1yw87_1 {
   overflow-y: auto;
+  width: 100%;
+  height: 100%;
 }
-._dropdownContainer_183wp_1 {
-  position: relative;
-  display: inline-block;
+._eventRow_1j0jk_1 {
+  display: grid;
+  grid-template-columns: 10px 1fr;
+  column-gap: 3px;
+  cursor: pointer;
 }
 
-.btn-tools._toolButton_183wp_6 {
-  border: solid 1px var(--bs-border-color);
+._eventRow_1j0jk_1._selected_1j0jk_8 {
+  font-weight: 800;
 }
 
-._toolButton_183wp_6 i {
-  margin-right: 0.5em;
+._eventRow_1j0jk_1 ._toggle_1j0jk_12 {
+  font-size: 0.7em;
+  margin-top: 4px;
 }
 
-._toolButton_183wp_6 ._chevron_183wp_14 {
-  margin-left: 0.5em;
-  margin-right: 0;
-  font-size: 0.75em;
+._eventLink_1j0jk_17 {
+  color: var(--bs-body-color);
+  text-decoration: none;
+  cursor: pointer;
 }
 
-._toolButton_183wp_6: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);
+._eventLink_1j0jk_17:hover {
+  text-decoration: underline;
+  color: var(--bs-link-hover-color);
 }
 
-._backdrop_183wp_28 {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  z-index: 1000;
+._label_1j0jk_28 {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
-._dropdownMenu_183wp_37 {
-  position: absolute;
-  top: 100%;
-  left: 0;
-  margin-top: 0.25rem;
-  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: 1001;
-  min-width: 100%;
-  overflow: hidden;
+._icon_1j0jk_34 {
+  margin-right: 3px;
 }
 
-._dropdownItem_183wp_51 {
-  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;
+._progress_1j0jk_38 {
+  margin-left: 0.3em !important;
 }
 
-._dropdownItem_183wp_51:hover {
-  background-color: var(--bs-tertiary-bg);
+._popover_1j0jk_42 {
+  min-width: 300px;
+  max-width: 80%;
+}
+._node_1d5c2_1 {
+  display: grid;
+  column-gap: 0.3em;
+  grid-template-columns: max-content 1fr;
 }
 
-._dropdownItem_183wp_51:active {
-  background-color: var(--bs-secondary-bg);
+._panel_1d5c2_7 {
+  margin-top: 0.65rem;
+  overflow: visible;
 }
-._tabContainer_1jncw_1 {
+._tabContainer_vrt5k_1 {
   display: grid;
   grid-template-rows: max-content minmax(0, 1fr);
   height: 100%;
 }
 
-.nav._tabs_1jncw_7 {
+.nav._tabs_vrt5k_7 {
   border-bottom: solid 1px var(--bs-border-color);
-  padding-bottom: 0.5rem;
+  padding-bottom: 0.25rem;
   padding-top: 0.5rem;
   padding-left: 0.5rem;
   padding-right: 0.5rem;
+  position: sticky;
+  z-index: 1001;
+  top: 0;
+  background-color: var(--bs-body-bg);
 }
 
-.nav._tabs_1jncw_7 .nav-link {
+.nav._tabs_vrt5k_7 .nav-link {
   padding: 0.3rem 0.5rem;
   font-size: var(--inspect-font-size-smallest) !important;
 }
 
-._tabSet_1jncw_20 {
-  height: 100%;
+._chatTab_vrt5k_24 > * > * {
+  padding: 0.5rem;
 }
 
-._chatTab_1jncw_24 > * > * {
-  padding: 0.5rem;
+._chatTab_vrt5k_24 {
+  padding-bottom: 50px;
 }
 
-._metadata_1jncw_28 {
+._metadata_vrt5k_32 {
   padding: 0.5rem;
-  padding-bottom: 1rem;
+  padding-bottom: 50px;
 }
 
-._scrollable_1jncw_33 {
+._scrollable_vrt5k_37 {
   overflow-y: auto;
   min-height: 0;
   height: 100%;
 }
 
-._eventsList_1jncw_39 {
+._eventsSeparator_vrt5k_43 {
+  background-color: var(--bs-border-color);
+}
+
+._eventsList_vrt5k_47 {
   padding-bottom: 1rem;
 }
-._container_1xaoa_1 {
-  height: 100%;
+
+._eventsContainer_vrt5k_51 {
   display: grid;
-  grid-template-rows: max-content max-content minmax(0, 1fr);
+  width: 100%;
+  grid-template-columns: 180px 1px 1fr;
+  min-height: 100vh;
+  transition: grid-template-columns 0.3s ease;
+  padding-bottom: 44px;
 }
 
-._transcriptContainer_1xaoa_7 {
-  height: 100%;
+._eventsContainer_vrt5k_51._outlineCollapsed_vrt5k_60 {
+  grid-template-columns: 28px 1px 1fr;
+}
+
+._eventsTab_vrt5k_64 {
+  display: flex;
+}
+
+._eventsOutline_vrt5k_68 {
+  padding-left: 0.5rem;
+  padding-top: 0.8rem;
+}
+
+._outlineToggle_vrt5k_73 {
+  cursor: pointer;
+  font-size: 0.8em;
+  position: absolute;
+  top: 0.5em;
+  right: 0.5em;
+}
+
+._tabTool_vrt5k_81 {
+  font-size: var(--inspect-font-size-smallestest) !important;
+  padding: 0.1rem 0.4rem !important;
+}
+._grid_1ml4j_1 {
   display: grid;
-  grid-template-rows: max-content minmax(0, 1fr);
+  grid-template-columns: 1fr 1fr;
+  column-gap: 2em;
+  row-gap: 0.15em;
+}
+
+._row_1ml4j_8 {
+  display: flex;
+  align-items: center;
+  gap: 0.5em;
+  cursor: pointer;
+  border-radius: var(--bs-border-radius);
+  padding: 0.1em 0.4em;
+  margin: 0 -0.4em;
+}
+
+._row_1ml4j_8:hover {
+  background-color: var(--bs-secondary-bg);
+}
+
+._links_1ml4j_22 {
+  display: flex;
+  padding-bottom: 0.2em;
+  margin-bottom: 0.4em;
+  column-gap: 0.3em;
+  border-bottom: solid 1px var(--bs-border-color);
+}
+
+._links_1ml4j_22 a {
+  cursor: pointer;
+  text-decoration: none;
+  color: var(--bs-link-color);
+}
+
+._links_1ml4j_22 a:hover {
+  color: var(--bs-link-hover-color);
+}
+
+._selected_1ml4j_40 {
+  font-weight: 600;
+}
+._container_godvv_1 {
+  display: grid;
+  grid-template-rows: max-content max-content 1fr;
+  height: 100vh;
+}
+
+._transcriptContainer_godvv_7 {
+  overflow-y: auto;
+  width: 100%;
+  min-height: 0;
 }
 ._headingGrid_1n1sm_1 {
   display: grid;
@@ -5495,3 +6611,52 @@ span.ap-marker-container:hover span.ap-marker {
   margin-top: 0.5rem;
   margin-bottom: 1rem;
 }
+.findBand {
+  position: absolute;
+  top: 0;
+  right: 0;
+  margin-right: 20%;
+  z-index: 1060;
+  color: var(--inspect-find-foreground);
+  background-color: var(--inspect-find-background);
+  font-size: 0.9rem;
+  display: grid;
+  grid-template-columns: auto auto auto auto auto;
+  column-gap: 0.2em;
+  padding: 0.2rem;
+  border-bottom: solid 1px var(--bs-light-border-subtle);
+  border-left: solid 1px var(--bs-light-border-subtle);
+  border-right: solid 1px var(--bs-light-border-subtle);
+  box-shadow: var(--bs-box-shadow);
+}
+
+.findBand input {
+  height: 2em;
+  font-size: 0.9em;
+  margin: 0.1rem;
+  outline: none;
+  border: solid 1px var(--inspect-input-border);
+  color: var(--inspect-input-foreground);
+  background: var(--inspect-input-background);
+}
+
+#inspect-find-no-results {
+  font-size: 0.9em;
+  opacity: 0;
+  margin-top: auto;
+  margin-bottom: auto;
+  margin-right: 0.5em;
+}
+
+.findBand .btn.next,
+.findBand .btn.prev {
+  padding: 0;
+  font-size: var(--inspect-fond-size-larger);
+}
+
+.findBand .btn.close {
+  padding: 0;
+  font-size: var(--inspect-font-size-title-secondary);
+  margin-top: -0.1rem;
+  margin-bottom: -0.1rem;
+}