@meridianlabs/log-viewer 0.3.177 → 0.3.178

package/lib/styles/index.css

@@ -14330,6 +14330,11 @@ pre[class*="language-"] {
   /* Inspect Glass */
   --inspect-glass-color: #000000;
   --inspect-glass-opacity: 0.3;
+
+  --inspect-event-panel-sticky-top: 30px;
+  --inspect-event-panel-sticky-margin: -5px -10px -5px 0;
+  --inspect-event-panel-sticky-stuck-margin-left: -22px;
+  --inspect-event-panel-sticky-stuck-margin-right: -10px;
 }
 
 body:not([class^="vscode-"]) button {
@@ -14460,7 +14465,7 @@ body[class^="vscode-"] {
   --bs-card-bg: var(--vscode-editor-background);
   --bs-table-bg: var(--vscode-editor-background);
   --bs-light-bg-subtle: var(--vscode-sideBar-background);
-  --bs-light-border-subtle: var(--vscode-sideBarSectionHeader-border);
+  --bs-light-border-subtle: var(--vscode-editorHoverWidget-border);
   --bs-body-color: var(--vscode-editor-foreground);
   --bs-table-color: var(--vscode-editor-foreground);
   --bs-accordion-btn-color: var(--vscode-editor-foreground);
@@ -14490,6 +14495,10 @@ body[class^="vscode-"] {
   --inspect-diff-remove-color: var(--vscode-diffEditor-removedTextBackground);
   --inspect-glass-color: var(--vscode-editor-foreground);
   --inspect-glass-opacity: 0.15;
+  --inspect-event-panel-sticky-top: 25px;
+  --inspect-event-panel-sticky-margin: 0px -10px -5px 0;
+  --inspect-event-panel-sticky-stuck-margin-left: -19px;
+  --inspect-event-panel-sticky-stuck-margin-right: -10px;
 }
 
 html.vscode {
@@ -17186,26 +17195,30 @@ button._segment_mhb7y_9 {
 ._transcriptContainer_6o9gh_58 {
   padding-bottom: 1em;
 }
-._flatBody_1cs2j_1 {
+._body_x9ww7_1 {
   color: var(--bs-danger);
   display: grid;
-  grid-template-columns: max-content max-content;
-  column-gap: 0.2em;
-  margin-top: 0.4rem;
+  grid-template-columns: 1fr;
+  align-content: baseline;
+  justify-items: center;
 }
 
-._iconSmall_1cs2j_9 {
-  font-size: var(--inspect-font-size-smallest);
-  line-height: var(--inspect-font-size-smaller);
-  height: var(--inspect-font-size-smaller);
-  margin-top: 1px;
+._body_x9ww7_1._safe_x9ww7_9 {
+  color: var(--bs-secondary);
 }
 
-._lineBase_1cs2j_16 {
-  font-size: var(--inspect-font-size-base);
-  line-height: var(--inspect-font-size-base);
-  height: var(--inspect-font-size-base);
-  max-width: 30em;
+._iconSmall_x9ww7_13 {
+  font-size: var(--inspect-font-size-small);
+  line-height: var(--inspect-font-size-small);
+  height: var(--inspect-font-size-small);
+}
+
+._message_x9ww7_19 {
+  text-align: center;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 ._target_10p8e_1 {
   padding-left: 0;
@@ -17540,45 +17553,45 @@ button._segment_mhb7y_9 {
 ._navs_1vm6p_1 {
   margin-right: 0;
 }
-._stickyWrapper_16okh_1 {
+._stickyWrapper_1yfru_1 {
   position: sticky;
-  /* top needs to be in sync with a hardcoded rootMargin of IntersectionObserver, negative margins are combined from multiple parents */
-  top: 30px;
+  top: var(--inspect-event-panel-sticky-top);
   padding: 5px 10px 5px 0;
-  margin: -5px -10px -5px 0;
+  margin: var(--inspect-event-panel-sticky-margin);
   background-color: transparent;
   z-index: 1;
   border-bottom: solid 1px transparent;
   border-left: solid 1px transparent;
 }
 
-._stickyWrapper_16okh_1[data-useStickyObserver-stuck] {
+._stickyWrapper_1yfru_1[data-useStickyObserver-stuck] {
   background-color: var(--bs-light);
   padding-left: 10px;
-  margin-left: -22px;
-  margin-right: -10px;
+  margin-left: var(--inspect-event-panel-sticky-stuck-margin-left);
+  margin-right: var(--inspect-event-panel-sticky-stuck-margin-right);
   border-bottom-color: var(--bs-light-border-subtle);
   border-left-color: var(--bs-light-border-subtle);
+  border-right-color: var(--bs-light-border-subtle);
 }
 
-._label_16okh_22 {
+._label_1yfru_22 {
   margin-right: 0.2em;
   justify-self: end;
 }
 
-._navs_16okh_27 {
+._navs_1yfru_27 {
   justify-self: end;
   display: flex;
   align-items: baseline;
 }
 
-._turnLabel_16okh_33 {
+._turnLabel_1yfru_33 {
   margin-left: 0.625rem;
   opacity: 0.5;
   font-size: var(--inspect-font-size-smallest);
 }
 
-._card_16okh_39 {
+._card_1yfru_39 {
   position: relative;
   background-color: var(--bs-body-bg);
   padding: 0.625rem;
@@ -17586,20 +17599,20 @@ button._segment_mhb7y_9 {
   border-radius: var(--bs-border-radius);
 }
 
-._cardContent_16okh_47 {
+._cardContent_1yfru_47 {
   padding: 0;
   display: inherit;
 }
 
-._cardContent_16okh_47._hidden_16okh_52 {
+._cardContent_1yfru_47._hidden_1yfru_52 {
   display: none;
 }
 
-._hidden_16okh_52 {
+._hidden_1yfru_52 {
   display: none;
 }
 
-._copyLink_16okh_60 {
+._copyLink_1yfru_60 {
   font-size: 1.2em;
   height: 1em;
   opacity: 0;
@@ -17607,16 +17620,16 @@ button._segment_mhb7y_9 {
   padding-right: 2em;
 }
 
-._hover_16okh_68 ._copyLink_16okh_60 {
+._hover_1yfru_68 ._copyLink_1yfru_60 {
   opacity: 0.75;
 }
 
-._root_16okh_72 {
+._root_1yfru_72 {
   background-color: var(--bs-light-bg-subtle);
   border-radius: unset;
 }
 
-._bottomDongle_16okh_77 {
+._bottomDongle_1yfru_77 {
   display: block;
   position: absolute;
   margin: 0 auto;
@@ -17633,22 +17646,26 @@ button._segment_mhb7y_9 {
   cursor: pointer;
 }
 
-._dongleIcon_16okh_94 {
+._dongleIcon_1yfru_94 {
   padding-right: 0.3em;
 }
 ._panel_vz394_1 {
   margin: 0.2em 0;
 }
-._grid_1eq5o_1 {
+._grid_159mg_1 {
   width: 100%;
   display: grid;
   grid-template-columns: 1fr max-content;
   column-gap: 1em;
 }
 
-._jsonPanel_1eq5o_8 {
+._jsonPanel_159mg_8 {
   padding: 0 !important;
 }
+
+._wrap_159mg_12 {
+  overflow-wrap: anywhere;
+}
 ._container_1ww70_1 {
   margin: 1em 0 0 0;
 }
@@ -19163,25 +19180,7 @@ span.ap-marker-container:hover span.ap-marker {
 ._bodyColorButton_uvlpz_54 {
   background-color: var(--bs-body-bg);
 }
-._body_12gn4_1 {
-  color: var(--bs-danger);
-  display: grid;
-  grid-template-columns: 1fr;
-  align-content: baseline;
-  justify-items: center;
-}
-
-._iconSmall_12gn4_9 {
-  font-size: var(--inspect-font-size-small);
-  line-height: var(--inspect-font-size-small);
-  height: var(--inspect-font-size-small);
-}
-
-._message_12gn4_15 {
-  text-align: center;
-  width: 300px;
-}
-._grid_1213u_1 {
+._grid_173xh_1 {
   display: grid;
   padding-top: 1em;
   padding-bottom: 1em;
@@ -19191,63 +19190,67 @@ span.ap-marker-container:hover span.ap-marker {
   padding-left: 0.5rem;
 }
 
-._selected_1213u_11 {
+._selected_173xh_11 {
   box-shadow: inset 0 0 0px 2px var(--bs-focus-ring-color);
 }
 
-._sampleLink_1213u_15:hover,
-._sampleRowLink_1213u_16:hover {
+._sampleLink_173xh_15:hover,
+._sampleRowLink_173xh_16:hover {
   text-decoration: none;
   color: inherit;
   display: block;
 }
 
-._sampleRowLink_1213u_16 {
+._sampleRowLink_173xh_16 {
   text-decoration: none;
   color: inherit;
   display: block;
 }
 
-._sampleLink_1213u_15 {
+._sampleLink_173xh_15 {
   text-decoration: none;
   color: inherit;
   display: block;
 }
 
-._disabledRow_1213u_34 {
+._disabledRow_173xh_34 {
   cursor: not-allowed;
   opacity: 0.7;
 }
 
-._disabled_1213u_34 {
+._disabled_173xh_34 {
   cursor: not-allowed;
   opacity: 0.7;
 }
 
-._cell_1213u_44 {
+._cell_173xh_44 {
   padding-left: 0;
   padding-right: 0;
 }
 
-._wrapAnywhere_1213u_49 {
+._wrapAnywhere_173xh_49 {
   word-wrap: anywhere;
 }
 
-._noLeft_1213u_53 {
+._noLeft_173xh_53 {
   padding-left: 0;
 }
 
-._score_1213u_57 {
+._score_173xh_57 {
   display: flex;
   justify-self: center;
 }
 
-._centered_1213u_62 {
+._centered_173xh_62 {
   display: flex;
   justify-content: center;
 }
 
-._spinner_1213u_67 {
+._error_173xh_67 {
+  display: flex;
+}
+
+._spinner_173xh_71 {
   height: 1.4em;
   width: 1.4em;
   color: var(--bs-focus-ring-color);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meridianlabs/log-viewer",
-  "version": "0.3.177",
+  "version": "0.3.178",
   "description": "Log viewer for inspect_ai logs.",
   "license": "MIT",
   "type": "module",