@meridianlabs/log-viewer 0.3.173 → 0.3.175

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/lib/app/log-view/LogSampleDetailView.d.ts +19 -0
  2. package/lib/app/log-view/LogSampleDetailView.d.ts.map +1 -0
  3. package/lib/app/log-view/LogViewContainer.d.ts +2 -1
  4. package/lib/app/log-view/LogViewContainer.d.ts.map +1 -1
  5. package/lib/app/log-view/tabs/SamplesTab.d.ts.map +1 -1
  6. package/lib/app/log-view/title-view/TitleView.d.ts.map +1 -1
  7. package/lib/app/routing/AppRouter.d.ts.map +1 -1
  8. package/lib/app/routing/RouteDispatcher.d.ts +7 -4
  9. package/lib/app/routing/RouteDispatcher.d.ts.map +1 -1
  10. package/lib/app/routing/sampleNavigation.d.ts +10 -0
  11. package/lib/app/routing/sampleNavigation.d.ts.map +1 -1
  12. package/lib/app/routing/url.d.ts +8 -2
  13. package/lib/app/routing/url.d.ts.map +1 -1
  14. package/lib/app/samples/InlineSampleDisplay.d.ts.map +1 -1
  15. package/lib/app/samples/SampleDetailComponent.d.ts +59 -0
  16. package/lib/app/samples/SampleDetailComponent.d.ts.map +1 -0
  17. package/lib/app/samples/list/SampleRow.d.ts.map +1 -1
  18. package/lib/app/samples/transcript/ModelEventView.d.ts +1 -0
  19. package/lib/app/samples/transcript/ModelEventView.d.ts.map +1 -1
  20. package/lib/app/samples/transcript/hooks.d.ts +0 -1
  21. package/lib/app/samples/transcript/hooks.d.ts.map +1 -1
  22. package/lib/app/samples/transcript/useStickyObserver.d.ts +2 -0
  23. package/lib/app/samples/transcript/useStickyObserver.d.ts.map +1 -0
  24. package/lib/app/samples-panel/SampleDetailView.d.ts +8 -0
  25. package/lib/app/samples-panel/SampleDetailView.d.ts.map +1 -1
  26. package/lib/app/types.d.ts +0 -1
  27. package/lib/app/types.d.ts.map +1 -1
  28. package/lib/components/LargeModal.d.ts.map +1 -1
  29. package/lib/components/StickyScrollContext.d.ts +4 -0
  30. package/lib/components/StickyScrollContext.d.ts.map +1 -0
  31. package/lib/index.js +2372 -2408
  32. package/lib/index.js.map +1 -1
  33. package/lib/state/appSlice.d.ts +0 -1
  34. package/lib/state/appSlice.d.ts.map +1 -1
  35. package/lib/state/useLoadSample.d.ts.map +1 -1
  36. package/lib/styles/index.css +399 -457
  37. package/package.json +1 -1
  38. package/lib/app/samples/SampleDialog.d.ts +0 -12
  39. package/lib/app/samples/SampleDialog.d.ts.map +0 -1
@@ -16842,38 +16842,71 @@ button._segment_mhb7y_9 {
16842
16842
  padding-left: 0.7em;
16843
16843
  padding-right: 0.7em;
16844
16844
  }
16845
- ._workspace_1r3mu_1 {
16846
- padding-top: 0rem;
16847
- overflow-y: hidden;
16845
+ ._dropdownContainer_h3ljc_1 {
16846
+ position: relative;
16847
+ display: inline-block;
16848
16848
  }
16849
16849
 
16850
- ._tabContainer_1r3mu_6 {
16851
- padding: 0;
16852
- flex: 1;
16853
- display: flex;
16854
- flex-direction: column;
16855
- overflow-y: hidden;
16850
+ ._toolButton_h3ljc_6 i {
16851
+ margin-right: 0.5em;
16856
16852
  }
16857
16853
 
16858
- ._tabSet_1r3mu_14 {
16859
- flex-wrap: nowrap;
16860
- padding: 0.5em 1em 0.5em 1em;
16861
- border-bottom: solid 1px var(--bs-border-color);
16862
- background: var(--bs-light);
16854
+ ._toolButton_h3ljc_6 ._chevron_h3ljc_10 {
16855
+ margin-left: 0.5em;
16856
+ margin-right: 0;
16857
+ font-size: 0.75em;
16863
16858
  }
16864
16859
 
16865
- ._tabs_1r3mu_21 {
16866
- padding: 0.3rem 0.3rem 0.3rem 0.3rem;
16867
- width: 5rem;
16868
- text-transform: uppercase;
16869
- border-radius: var(--bs-border-radius);
16870
- font-weight: 600;
16860
+ ._toolButton_h3ljc_6:focus {
16861
+ outline: none;
16862
+ box-shadow:
16863
+ 0 0 0 2px rgba(var(--bs-primary-rgb), 0.5),
16864
+ inset 0 2px 4px rgba(0, 0, 0, 0.15),
16865
+ inset 0 1px 2px rgba(0, 0, 0, 0.1);
16871
16866
  }
16872
16867
 
16873
- ._tabPanels_1r3mu_29 {
16874
- flex: 1;
16875
- overflow-y: hidden;
16876
- display: flex;
16868
+ ._backdrop_h3ljc_24 {
16869
+ position: fixed;
16870
+ top: 0;
16871
+ left: 0;
16872
+ right: 0;
16873
+ bottom: 0;
16874
+ z-index: 1000;
16875
+ }
16876
+
16877
+ ._dropdownMenu_h3ljc_33 {
16878
+ position: absolute;
16879
+ top: 100%;
16880
+ left: 0;
16881
+ margin-top: 0.25rem;
16882
+ background: var(--bs-body-bg);
16883
+ border: 1px solid var(--bs-border-color);
16884
+ border-radius: 0.25rem;
16885
+ box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
16886
+ z-index: 1001;
16887
+ min-width: 100%;
16888
+ overflow: hidden;
16889
+ }
16890
+
16891
+ ._dropdownItem_h3ljc_47 {
16892
+ display: block;
16893
+ width: 100%;
16894
+ padding: 0.25rem 0.75rem;
16895
+ background: none;
16896
+ border: none;
16897
+ text-align: left;
16898
+ cursor: pointer;
16899
+ color: var(--bs-body-color);
16900
+ white-space: nowrap;
16901
+ transition: background-color 0.15s ease-in-out;
16902
+ }
16903
+
16904
+ ._dropdownItem_h3ljc_47:hover {
16905
+ background-color: var(--bs-tertiary-bg);
16906
+ }
16907
+
16908
+ ._dropdownItem_h3ljc_47:active {
16909
+ background-color: var(--bs-secondary-bg);
16877
16910
  }
16878
16911
  .card-header-container {
16879
16912
  display: grid;
@@ -16937,327 +16970,65 @@ button._segment_mhb7y_9 {
16937
16970
  .card-body.card-no-padding {
16938
16971
  padding: 0;
16939
16972
  }
16940
- ._task-error-display_1gb2h_1 {
16941
- font-size: clamp(0.2rem, calc(0.2em + 0.93vw), 0.9rem);
16942
- }
16943
-
16944
- ._message_1gb2h_5 {
16945
- margin-bottom: 1em;
16946
- }
16947
- .message-band {
16948
- grid-template-columns: max-content auto max-content;
16949
- align-items: center;
16950
- column-gap: 0.5em;
16951
- font-size: var(--inspect-font-size-small);
16952
- border-bottom: solid 1px var(--bs-light-border-subtle);
16953
- padding: 0.3em 1em;
16954
- display: grid;
16955
- }
16956
-
16957
- .message-band.hidden {
16958
- display: none;
16959
- }
16960
-
16961
- .message-band.info {
16962
- background-color: var(--bs-light);
16963
- }
16964
-
16965
- .message-band.warning {
16966
- background-color: var(--bs-warning-bg-subtle);
16967
- color: var(--bs-warning-text-emphasis);
16968
- }
16969
-
16970
- .message-band.error {
16971
- background-color: var(--bs-error-bg-subtle);
16972
- color: var(--bs-error-text-emphasis);
16973
- }
16974
-
16975
- .message-band-btn {
16976
- font-size: var(--inspect-font-size-title-secondary);
16977
- margin: 0;
16978
- padding: 0;
16979
- height: var(--inspect-font-size-title-secondary);
16980
- line-height: var(--inspect-font-size-title-secondary);
16981
- }
16982
-
16983
- .message-band-btn.error {
16984
- color: var(--bs-error-text-emphasis);
16985
- }
16986
-
16987
- .message-band-btn.warning {
16988
- color: var(--bs-warning-text-emphasis);
16989
- }
16990
- ._item_1uzhd_1 {
16991
- margin-bottom: 0em;
16992
- }
16993
- ._icon_59zaz_1 {
16994
- margin-right: 0.3rem;
16995
- }
16996
-
16997
- ._container_59zaz_5 {
16998
- margin-left: 1.3rem;
16999
- margin-top: 0.2rem;
17000
- margin-bottom: 0.3rem;
17001
- }
17002
-
17003
- ._metadata_59zaz_11 {
17004
- margin-bottom: 0.75em;
17005
- }
17006
- ._item_leq25_1 {
17007
- margin-bottom: 0;
17008
- }
17009
- ._container_12j2k_1 {
17010
- display: flex;
17011
- flex-direction: row;
17012
- flex-wrap: wrap;
17013
- }
17014
-
17015
- ._item_12j2k_7 {
17016
- margin-bottom: 0;
17017
- }
17018
-
17019
- ._separator_12j2k_11 {
17020
- margin-left: 0.3em;
17021
- margin-right: 0.3em;
17022
- margin-top: 0;
17023
- margin-bottom: -0.1em;
17024
- }
17025
- ._floatingCol_1n79r_1 {
17026
- flex: 0 1 1;
17027
- width: unset;
17028
- text-align: left;
17029
- padding-left: 0.6rem;
17030
- padding-right: 0.6rem;
17031
- }
17032
-
17033
- ._wideCol_1n79r_9 {
17034
- flex: 1 1 1;
17035
- width: unset;
17036
- padding-left: 0.6rem;
17037
- padding-right: 0.6rem;
17038
- }
17039
-
17040
- ._oneCol_1n79r_16 {
17041
- flex: 0 0 100%;
17042
- }
17043
-
17044
- ._twoCol_1n79r_20 {
17045
- flex: 0 0 50%;
17046
- }
17047
-
17048
- ._planCol_1n79r_24 {
17049
- margin-top: 0;
17050
- margin-bottom: 0.5em;
17051
- }
17052
-
17053
- ._container_1n79r_29 {
17054
- padding-top: 0;
17055
- padding-bottom: 1em;
17056
- margin-left: 0;
17057
- }
17058
-
17059
- ._grid_1n79r_35 {
17060
- display: grid;
17061
- justify-content: space-between;
17062
- flex-wrap: wrap;
17063
- padding-bottom: 1em;
17064
- margin-bottom: 0.5em;
17065
- }
17066
-
17067
- ._row_1n79r_43 {
17068
- display: grid;
17069
- grid-template-columns: 1fr 1fr;
17070
- grid-template-rows: auto;
17071
- margin-left: 0.5em;
17072
- gap: 1em;
17073
- }
17074
- .download-button {
17075
- margin-top: 3em;
17076
- font-size: var(--inspect-font-size-small);
17077
- }
17078
- .download-panel {
17079
- display: grid;
17080
- grid-template-rows: content content;
17081
- padding-top: 3em;
17082
- justify-items: center;
17083
- }
17084
-
17085
- .download-panel-message {
17086
- font-size: var(--inspect-font-size-small);
17087
- }
17088
- ._jsonTab_6pq03_1 {
17089
- padding: 0.5rem;
17090
- font-size: var(--inspect-font-size-small);
17091
- width: 100%;
17092
- }
17093
- ._container_4wzpj_1 {
17094
- display: grid;
17095
- grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
17096
- row-gap: 2em;
17097
- column-gap: 1em;
17098
- }
17099
-
17100
- ._modelInfo_4wzpj_8 {
17101
- display: grid;
17102
- grid-template-columns: max-content auto;
17103
- column-gap: 1em;
17104
- row-gap: 0.1em;
17105
- }
17106
-
17107
- ._role_4wzpj_15 {
17108
- grid-column: -1/1;
17109
- }
17110
-
17111
- ._sep_4wzpj_19 {
17112
- grid-column: -1/1;
17113
- height: 1px;
17114
- background-color: var(--bs-light-border-subtle);
17115
- }
17116
- ._wrapper_sq96g_1 {
17117
- display: grid;
17118
- grid-template-columns: 0 auto auto;
17119
- column-gap: 1.5em;
17120
- row-gap: 0.2em;
17121
- }
17122
-
17123
- ._col2_sq96g_8 {
17124
- grid-column: 2;
17125
- }
17126
-
17127
- ._col1_3_sq96g_12 {
17128
- grid-column: 1/3;
17129
- }
17130
-
17131
- ._col3_sq96g_16 {
17132
- grid-column: 3;
17133
- }
17134
-
17135
- ._separator_sq96g_20 {
17136
- grid-column: -1/1;
17137
- height: 1px;
17138
- background-color: var(--bs-light-border-subtle);
17139
- }
17140
-
17141
- ._padded_sq96g_26 {
17142
- margin-bottom: 1em;
17143
- }
17144
- ._table_z217i_1 {
16973
+ ._panel_twp3v_1 {
17145
16974
  width: 100%;
17146
- }
17147
-
17148
- ._tableTokens_z217i_5 {
17149
- padding-bottom: 0.7rem;
17150
- }
17151
-
17152
- ._tableH_z217i_9 {
17153
- padding: 0;
17154
- font-weight: 300;
17155
- }
17156
-
17157
- ._model_z217i_14 {
17158
- padding-right: 1em;
17159
- }
17160
-
17161
- ._cellContents_z217i_18 {
17162
- padding-bottom: 1em;
17163
- }
17164
- ._wrapper_14r3b_1 {
17165
- padding-top: 0;
17166
- padding-bottom: 1em;
17167
- margin-left: 0.5em;
17168
16975
  display: flex;
17169
- flex-wrap: wrap;
17170
- gap: 1em;
17171
- }
17172
-
17173
- ._col1_14r3b_10 {
17174
- flex: 0 1 auto;
17175
- min-width: 200px;
17176
- width: fit-content;
17177
- }
17178
-
17179
- ._col2_14r3b_16 {
17180
- flex: 1 1 auto;
17181
- min-width: 300px;
17182
- width: fit-content;
17183
- }
17184
- ._dropdownContainer_h3ljc_1 {
17185
- position: relative;
17186
- display: inline-block;
16976
+ justify-content: center;
17187
16977
  }
17188
16978
 
17189
- ._toolButton_h3ljc_6 i {
17190
- margin-right: 0.5em;
16979
+ ._container_twp3v_7 {
16980
+ margin-top: 3em;
16981
+ display: grid;
16982
+ grid-template-columns: max-content max-content;
16983
+ column-gap: 0.3em;
16984
+ }
16985
+ ._wrapper_sq96g_1 {
16986
+ display: grid;
16987
+ grid-template-columns: 0 auto auto;
16988
+ column-gap: 1.5em;
16989
+ row-gap: 0.2em;
17191
16990
  }
17192
16991
 
17193
- ._toolButton_h3ljc_6 ._chevron_h3ljc_10 {
17194
- margin-left: 0.5em;
17195
- margin-right: 0;
17196
- font-size: 0.75em;
16992
+ ._col2_sq96g_8 {
16993
+ grid-column: 2;
17197
16994
  }
17198
16995
 
17199
- ._toolButton_h3ljc_6:focus {
17200
- outline: none;
17201
- box-shadow:
17202
- 0 0 0 2px rgba(var(--bs-primary-rgb), 0.5),
17203
- inset 0 2px 4px rgba(0, 0, 0, 0.15),
17204
- inset 0 1px 2px rgba(0, 0, 0, 0.1);
16996
+ ._col1_3_sq96g_12 {
16997
+ grid-column: 1/3;
17205
16998
  }
17206
16999
 
17207
- ._backdrop_h3ljc_24 {
17208
- position: fixed;
17209
- top: 0;
17210
- left: 0;
17211
- right: 0;
17212
- bottom: 0;
17213
- z-index: 1000;
17000
+ ._col3_sq96g_16 {
17001
+ grid-column: 3;
17214
17002
  }
17215
17003
 
17216
- ._dropdownMenu_h3ljc_33 {
17217
- position: absolute;
17218
- top: 100%;
17219
- left: 0;
17220
- margin-top: 0.25rem;
17221
- background: var(--bs-body-bg);
17222
- border: 1px solid var(--bs-border-color);
17223
- border-radius: 0.25rem;
17224
- box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
17225
- z-index: 1001;
17226
- min-width: 100%;
17227
- overflow: hidden;
17004
+ ._separator_sq96g_20 {
17005
+ grid-column: -1/1;
17006
+ height: 1px;
17007
+ background-color: var(--bs-light-border-subtle);
17228
17008
  }
17229
17009
 
17230
- ._dropdownItem_h3ljc_47 {
17231
- display: block;
17010
+ ._padded_sq96g_26 {
17011
+ margin-bottom: 1em;
17012
+ }
17013
+ ._table_z217i_1 {
17232
17014
  width: 100%;
17233
- padding: 0.25rem 0.75rem;
17234
- background: none;
17235
- border: none;
17236
- text-align: left;
17237
- cursor: pointer;
17238
- color: var(--bs-body-color);
17239
- white-space: nowrap;
17240
- transition: background-color 0.15s ease-in-out;
17241
17015
  }
17242
17016
 
17243
- ._dropdownItem_h3ljc_47:hover {
17244
- background-color: var(--bs-tertiary-bg);
17017
+ ._tableTokens_z217i_5 {
17018
+ padding-bottom: 0.7rem;
17245
17019
  }
17246
17020
 
17247
- ._dropdownItem_h3ljc_47:active {
17248
- background-color: var(--bs-secondary-bg);
17021
+ ._tableH_z217i_9 {
17022
+ padding: 0;
17023
+ font-weight: 300;
17249
17024
  }
17250
- ._panel_twp3v_1 {
17251
- width: 100%;
17252
- display: flex;
17253
- justify-content: center;
17025
+
17026
+ ._model_z217i_14 {
17027
+ padding-right: 1em;
17254
17028
  }
17255
17029
 
17256
- ._container_twp3v_7 {
17257
- margin-top: 3em;
17258
- display: grid;
17259
- grid-template-columns: max-content max-content;
17260
- column-gap: 0.3em;
17030
+ ._cellContents_z217i_18 {
17031
+ padding-bottom: 1em;
17261
17032
  }
17262
17033
  /* PulsingDots.module.css */
17263
17034
  ._container_4p85e_2 {
@@ -18951,162 +18722,365 @@ span.ap-marker-container:hover span.ap-marker {
18951
18722
  margin: 0.5em 0em;
18952
18723
  }
18953
18724
 
18954
- ._summaryRendered_ac4z2_6 {
18725
+ ._summaryRendered_ac4z2_6 {
18726
+ margin-bottom: 1em;
18727
+ }
18728
+
18729
+ ._subtaskSummary_ac4z2_10 {
18730
+ display: grid;
18731
+ grid-template-columns: minmax(0, 1fr) max-content minmax(0, 1fr);
18732
+ column-gap: 1em;
18733
+ margin: 0.5em 0;
18734
+ }
18735
+
18736
+ ._subtaskLabel_ac4z2_17 {
18737
+ padding: 0 2em;
18738
+ }
18739
+ ._summary_1qsnv_1 {
18740
+ margin: 0.5em 0;
18741
+ width: 100%;
18742
+ }
18743
+
18744
+ ._approval_1qsnv_6 {
18745
+ border: none;
18746
+ padding: 0;
18747
+ margin-bottom: 0;
18748
+ }
18749
+
18750
+ ._progress_1qsnv_12 {
18751
+ margin-left: 0.5em;
18752
+ }
18753
+ ._container_io1r0_1 {
18754
+ display: grid;
18755
+ grid-template-columns: max-content minmax(0, 1fr);
18756
+ column-gap: 1em;
18757
+ margin: 0;
18758
+ }
18759
+
18760
+ ._wrappingContent_io1r0_8 {
18761
+ word-break: break-word;
18762
+ overflow-wrap: anywhere;
18763
+ }
18764
+
18765
+ ._separator_io1r0_13 {
18766
+ grid-column: 1 / -1;
18767
+ border-bottom: solid 1px var(--bs-light-border-subtle);
18768
+ }
18769
+
18770
+ ._metadata_io1r0_18 {
18771
+ margin: 0.5em 0;
18772
+ }
18773
+
18774
+ ._unchanged_io1r0_22 {
18775
+ margin-top: 0.2em;
18776
+ margin-bottom: 0;
18777
+ }
18778
+
18779
+ ._section_io1r0_27 {
18780
+ font-weight: 600;
18781
+ }
18782
+
18783
+ ._spacer_io1r0_31 {
18784
+ height: 2em;
18785
+ }
18786
+
18787
+ ._section_io1r0_27 {
18788
+ margin-top: 1em;
18789
+ }
18790
+ ._node_1r858_1 {
18791
+ padding-top: 0.8rem;
18792
+ }
18793
+
18794
+ ._attached_1r858_5 {
18795
+ padding-top: 0rem;
18796
+ }
18797
+
18798
+ ._attachedParent_1r858_9 {
18799
+ padding-bottom: 0px;
18800
+ border-bottom-left-radius: 0;
18801
+ border-bottom-right-radius: 0;
18802
+ border-bottom: none;
18803
+ }
18804
+
18805
+ ._attachedChild_1r858_16 {
18806
+ border-top-left-radius: 0;
18807
+ border-top-right-radius: 0;
18808
+ }
18809
+ ._panel_8zdtn_1 {
18810
+ margin: 0.5em 0;
18811
+ }
18812
+ ._container_ly812_1 {
18813
+ width: 100%;
18814
+ display: flex;
18815
+ flex-direction: column;
18816
+ }
18817
+
18818
+ ._scroller_ly812_7 {
18819
+ overflow-y: auto;
18820
+ width: 100%;
18821
+ height: 100%;
18822
+ position: relative;
18823
+ }
18824
+ ._detail_14cqz_1 {
18825
+ display: grid;
18826
+ grid-template-rows: max-content 1fr;
18827
+ height: 100vh;
18828
+ }
18829
+
18830
+ ._panel_14cqz_7 {
18831
+ overflow-y: auto;
18832
+ }
18833
+
18834
+ ._sampleInfo_14cqz_11 {
18835
+ display: inline-flex;
18836
+ align-items: center;
18837
+ padding: 0 0.25rem;
18838
+ }
18839
+
18840
+ ._sampleNav_14cqz_17 {
18841
+ display: grid;
18842
+ grid-template-columns: max-content auto max-content;
18843
+ align-items: center;
18844
+ gap: 0.5rem;
18845
+ margin-right: 1em;
18846
+ }
18847
+
18848
+ ._nav_14cqz_25:hover:not(._disabled_14cqz_25) {
18849
+ cursor: pointer;
18850
+ }
18851
+
18852
+ ._disabled_14cqz_25 {
18853
+ opacity: 0.5;
18854
+ pointer-events: none;
18855
+ }
18856
+ ._workspace_1r3mu_1 {
18857
+ padding-top: 0rem;
18858
+ overflow-y: hidden;
18859
+ }
18860
+
18861
+ ._tabContainer_1r3mu_6 {
18862
+ padding: 0;
18863
+ flex: 1;
18864
+ display: flex;
18865
+ flex-direction: column;
18866
+ overflow-y: hidden;
18867
+ }
18868
+
18869
+ ._tabSet_1r3mu_14 {
18870
+ flex-wrap: nowrap;
18871
+ padding: 0.5em 1em 0.5em 1em;
18872
+ border-bottom: solid 1px var(--bs-border-color);
18873
+ background: var(--bs-light);
18874
+ }
18875
+
18876
+ ._tabs_1r3mu_21 {
18877
+ padding: 0.3rem 0.3rem 0.3rem 0.3rem;
18878
+ width: 5rem;
18879
+ text-transform: uppercase;
18880
+ border-radius: var(--bs-border-radius);
18881
+ font-weight: 600;
18882
+ }
18883
+
18884
+ ._tabPanels_1r3mu_29 {
18885
+ flex: 1;
18886
+ overflow-y: hidden;
18887
+ display: flex;
18888
+ }
18889
+ ._task-error-display_1gb2h_1 {
18890
+ font-size: clamp(0.2rem, calc(0.2em + 0.93vw), 0.9rem);
18891
+ }
18892
+
18893
+ ._message_1gb2h_5 {
18955
18894
  margin-bottom: 1em;
18956
18895
  }
18957
-
18958
- ._subtaskSummary_ac4z2_10 {
18896
+ .message-band {
18897
+ grid-template-columns: max-content auto max-content;
18898
+ align-items: center;
18899
+ column-gap: 0.5em;
18900
+ font-size: var(--inspect-font-size-small);
18901
+ border-bottom: solid 1px var(--bs-light-border-subtle);
18902
+ padding: 0.3em 1em;
18959
18903
  display: grid;
18960
- grid-template-columns: minmax(0, 1fr) max-content minmax(0, 1fr);
18961
- column-gap: 1em;
18962
- margin: 0.5em 0;
18963
18904
  }
18964
18905
 
18965
- ._subtaskLabel_ac4z2_17 {
18966
- padding: 0 2em;
18906
+ .message-band.hidden {
18907
+ display: none;
18967
18908
  }
18968
- ._summary_1qsnv_1 {
18969
- margin: 0.5em 0;
18970
- width: 100%;
18909
+
18910
+ .message-band.info {
18911
+ background-color: var(--bs-light);
18971
18912
  }
18972
18913
 
18973
- ._approval_1qsnv_6 {
18974
- border: none;
18975
- padding: 0;
18976
- margin-bottom: 0;
18914
+ .message-band.warning {
18915
+ background-color: var(--bs-warning-bg-subtle);
18916
+ color: var(--bs-warning-text-emphasis);
18977
18917
  }
18978
18918
 
18979
- ._progress_1qsnv_12 {
18980
- margin-left: 0.5em;
18919
+ .message-band.error {
18920
+ background-color: var(--bs-error-bg-subtle);
18921
+ color: var(--bs-error-text-emphasis);
18981
18922
  }
18982
- ._container_io1r0_1 {
18983
- display: grid;
18984
- grid-template-columns: max-content minmax(0, 1fr);
18985
- column-gap: 1em;
18923
+
18924
+ .message-band-btn {
18925
+ font-size: var(--inspect-font-size-title-secondary);
18986
18926
  margin: 0;
18927
+ padding: 0;
18928
+ height: var(--inspect-font-size-title-secondary);
18929
+ line-height: var(--inspect-font-size-title-secondary);
18987
18930
  }
18988
18931
 
18989
- ._wrappingContent_io1r0_8 {
18990
- word-break: break-word;
18991
- overflow-wrap: anywhere;
18932
+ .message-band-btn.error {
18933
+ color: var(--bs-error-text-emphasis);
18992
18934
  }
18993
18935
 
18994
- ._separator_io1r0_13 {
18995
- grid-column: 1 / -1;
18996
- border-bottom: solid 1px var(--bs-light-border-subtle);
18936
+ .message-band-btn.warning {
18937
+ color: var(--bs-warning-text-emphasis);
18938
+ }
18939
+ ._item_1uzhd_1 {
18940
+ margin-bottom: 0em;
18941
+ }
18942
+ ._icon_59zaz_1 {
18943
+ margin-right: 0.3rem;
18997
18944
  }
18998
18945
 
18999
- ._metadata_io1r0_18 {
19000
- margin: 0.5em 0;
18946
+ ._container_59zaz_5 {
18947
+ margin-left: 1.3rem;
18948
+ margin-top: 0.2rem;
18949
+ margin-bottom: 0.3rem;
19001
18950
  }
19002
18951
 
19003
- ._unchanged_io1r0_22 {
19004
- margin-top: 0.2em;
18952
+ ._metadata_59zaz_11 {
18953
+ margin-bottom: 0.75em;
18954
+ }
18955
+ ._item_leq25_1 {
19005
18956
  margin-bottom: 0;
19006
18957
  }
19007
-
19008
- ._section_io1r0_27 {
19009
- font-weight: 600;
18958
+ ._container_12j2k_1 {
18959
+ display: flex;
18960
+ flex-direction: row;
18961
+ flex-wrap: wrap;
19010
18962
  }
19011
18963
 
19012
- ._spacer_io1r0_31 {
19013
- height: 2em;
18964
+ ._item_12j2k_7 {
18965
+ margin-bottom: 0;
19014
18966
  }
19015
18967
 
19016
- ._section_io1r0_27 {
19017
- margin-top: 1em;
18968
+ ._separator_12j2k_11 {
18969
+ margin-left: 0.3em;
18970
+ margin-right: 0.3em;
18971
+ margin-top: 0;
18972
+ margin-bottom: -0.1em;
19018
18973
  }
19019
- ._node_1r858_1 {
19020
- padding-top: 0.8rem;
18974
+ ._floatingCol_1n79r_1 {
18975
+ flex: 0 1 1;
18976
+ width: unset;
18977
+ text-align: left;
18978
+ padding-left: 0.6rem;
18979
+ padding-right: 0.6rem;
19021
18980
  }
19022
18981
 
19023
- ._attached_1r858_5 {
19024
- padding-top: 0rem;
18982
+ ._wideCol_1n79r_9 {
18983
+ flex: 1 1 1;
18984
+ width: unset;
18985
+ padding-left: 0.6rem;
18986
+ padding-right: 0.6rem;
19025
18987
  }
19026
18988
 
19027
- ._attachedParent_1r858_9 {
19028
- padding-bottom: 0px;
19029
- border-bottom-left-radius: 0;
19030
- border-bottom-right-radius: 0;
19031
- border-bottom: none;
18989
+ ._oneCol_1n79r_16 {
18990
+ flex: 0 0 100%;
19032
18991
  }
19033
18992
 
19034
- ._attachedChild_1r858_16 {
19035
- border-top-left-radius: 0;
19036
- border-top-right-radius: 0;
19037
- }
19038
- ._panel_8zdtn_1 {
19039
- margin: 0.5em 0;
19040
- }
19041
- ._container_ly812_1 {
19042
- width: 100%;
19043
- display: flex;
19044
- flex-direction: column;
18993
+ ._twoCol_1n79r_20 {
18994
+ flex: 0 0 50%;
19045
18995
  }
19046
18996
 
19047
- ._scroller_ly812_7 {
19048
- overflow-y: auto;
19049
- width: 100%;
19050
- height: 100%;
19051
- position: relative;
19052
- }
19053
- ._title_1hch3_1 {
19054
- flex: 1 1 auto;
18997
+ ._planCol_1n79r_24 {
18998
+ margin-top: 0;
18999
+ margin-bottom: 0.5em;
19055
19000
  }
19056
19001
 
19057
- ._detail_1hch3_5 {
19058
- margin-left: auto;
19059
- margin-right: auto;
19060
- display: flex;
19061
- flex: 1 1 auto;
19062
- justify-content: center;
19002
+ ._container_1n79r_29 {
19003
+ padding-top: 0;
19004
+ padding-bottom: 1em;
19005
+ margin-left: 0;
19063
19006
  }
19064
19007
 
19065
- ._detailText_1hch3_13 {
19066
- display: flex;
19067
- align-items: center;
19008
+ ._grid_1n79r_35 {
19009
+ display: grid;
19010
+ justify-content: space-between;
19011
+ flex-wrap: wrap;
19012
+ padding-bottom: 1em;
19013
+ margin-bottom: 0.5em;
19068
19014
  }
19069
19015
 
19070
- ._close_1hch3_18 {
19071
- border-width: 0px;
19072
- font-weight: 300;
19073
- padding: 0em 0.5em;
19074
- flex: 1;
19075
- text-align: right;
19016
+ ._row_1n79r_43 {
19017
+ display: grid;
19018
+ grid-template-columns: 1fr 1fr;
19019
+ grid-template-rows: auto;
19020
+ margin-left: 0.5em;
19021
+ gap: 1em;
19076
19022
  }
19077
-
19078
- ._modal_1hch3_26 {
19079
- border-radius: var(--bs-border-radius);
19080
- display: block;
19023
+ .download-button {
19024
+ margin-top: 3em;
19025
+ font-size: var(--inspect-font-size-small);
19026
+ }
19027
+ .download-panel {
19028
+ display: grid;
19029
+ grid-template-rows: content content;
19030
+ padding-top: 3em;
19031
+ justify-items: center;
19081
19032
  }
19082
19033
 
19083
- ._hidden_1hch3_31 {
19084
- display: none;
19034
+ .download-panel-message {
19035
+ font-size: var(--inspect-font-size-small);
19036
+ }
19037
+ ._jsonTab_6pq03_1 {
19038
+ padding: 0.5rem;
19039
+ font-size: var(--inspect-font-size-small);
19040
+ width: 100%;
19041
+ }
19042
+ ._container_4wzpj_1 {
19043
+ display: grid;
19044
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
19045
+ row-gap: 2em;
19046
+ column-gap: 1em;
19085
19047
  }
19086
19048
 
19087
- ._modalBody_1hch3_35 {
19088
- max-width: 100%;
19089
- margin-left: var(--bs-modal-margin);
19090
- margin-right: var(--bs-modal-margin);
19049
+ ._modelInfo_4wzpj_8 {
19050
+ display: grid;
19051
+ grid-template-columns: max-content auto;
19052
+ column-gap: 1em;
19053
+ row-gap: 0.1em;
19091
19054
  }
19092
19055
 
19093
- ._content_1hch3_41 {
19094
- height: 100%;
19056
+ ._role_4wzpj_15 {
19057
+ grid-column: -1/1;
19095
19058
  }
19096
19059
 
19097
- ._header_1hch3_45 {
19098
- padding: 0 0 0 1em;
19060
+ ._sep_4wzpj_19 {
19061
+ grid-column: -1/1;
19062
+ height: 1px;
19063
+ background-color: var(--bs-light-border-subtle);
19064
+ }
19065
+ ._wrapper_14r3b_1 {
19066
+ padding-top: 0;
19067
+ padding-bottom: 1em;
19068
+ margin-left: 0.5em;
19099
19069
  display: flex;
19100
- background-color: var(--bs-light);
19070
+ flex-wrap: wrap;
19071
+ gap: 1em;
19101
19072
  }
19102
19073
 
19103
- ._titleTool_1hch3_51 {
19104
- padding-top: 0;
19105
- padding-bottom: 0;
19106
- border: none;
19074
+ ._col1_14r3b_10 {
19075
+ flex: 0 1 auto;
19076
+ min-width: 200px;
19077
+ width: fit-content;
19107
19078
  }
19108
- ._modalBody_ozq2k_1 {
19109
- padding: 0 0;
19079
+
19080
+ ._col2_14r3b_16 {
19081
+ flex: 1 1 auto;
19082
+ min-width: 300px;
19083
+ width: fit-content;
19110
19084
  }
19111
19085
  ._container_15b4r_1 {
19112
19086
  display: flex;
@@ -19851,35 +19825,3 @@ thead th {
19851
19825
  height: 100%;
19852
19826
  min-height: 0;
19853
19827
  }
19854
- ._detail_14cqz_1 {
19855
- display: grid;
19856
- grid-template-rows: max-content 1fr;
19857
- height: 100vh;
19858
- }
19859
-
19860
- ._panel_14cqz_7 {
19861
- overflow-y: auto;
19862
- }
19863
-
19864
- ._sampleInfo_14cqz_11 {
19865
- display: inline-flex;
19866
- align-items: center;
19867
- padding: 0 0.25rem;
19868
- }
19869
-
19870
- ._sampleNav_14cqz_17 {
19871
- display: grid;
19872
- grid-template-columns: max-content auto max-content;
19873
- align-items: center;
19874
- gap: 0.5rem;
19875
- margin-right: 1em;
19876
- }
19877
-
19878
- ._nav_14cqz_25:hover:not(._disabled_14cqz_25) {
19879
- cursor: pointer;
19880
- }
19881
-
19882
- ._disabled_14cqz_25 {
19883
- opacity: 0.5;
19884
- pointer-events: none;
19885
- }