@oliasoft-open-source/react-ui-library 4.7.0-beta-1 → 4.7.0-beta-3

package/dist/global.css

@@ -1685,17 +1685,20 @@ html[data-theme='dark'] {
     transform: rotate(360deg);
   }
 }
-._actions_1nid8_1 {
+._actions_1t7vd_1 {
   margin-left: auto;
   display: flex;
   flex-wrap: nowrap;
   justify-content: flex-end;
   align-items: center;
 }
-._actions_1nid8_1 > *:not(:last-child) {
+._actions_1t7vd_1 > *:not(:last-child) {
   margin-right: var(--padding-xxs);
 }
-._actionComponentContainer_1nid8_11 {
+._childComponent_1t7vd_11 {
+  display: inline-flex;
+}
+._actionComponentContainer_1t7vd_14 {
   width: 24px;
   height: 24px;
   display: inline-flex;
@@ -1708,29 +1711,29 @@ html[data-theme='dark'] {
   transition: color 0.2s;
   line-height: 0;
 }
-._actionComponentContainer_1nid8_11 i {
+._actionComponentContainer_1t7vd_14 i {
   margin: 0;
   line-height: 1 !important;
 }
-._actionComponentContainer_1nid8_11:hover,
-._actionComponentContainer_1nid8_11:focus {
+._actionComponentContainer_1t7vd_14:hover,
+._actionComponentContainer_1t7vd_14:focus {
   color: var(--color-text-primary-hover);
 }
-._actionComponentContainer_1nid8_11:active,
-._actionComponentContainer_1nid8_11._active_1nid8_33 {
+._actionComponentContainer_1t7vd_14:active,
+._actionComponentContainer_1t7vd_14._active_1t7vd_36 {
   color: var(--color-text-primary-active);
 }
-._wrapper_uioq1_1 {
+._wrapper_1iw97_1 {
   display: inline-flex;
   max-width: 100%;
 }
-._layer_uioq1_5 ._wrapper_uioq1_1 {
+._layer_1iw97_5 ._wrapper_1iw97_1 {
   width: 100%;
 }
-._layerContainer_uioq1_8 {
+._layerContainer_1iw97_8 {
   z-index: var(--zindex-dropdown);
 }
-._layer_uioq1_5 {
+._layer_1iw97_5 {
   border: 1px solid var(--color-border);
   border-radius: var(--border-radius);
   overflow: hidden;
@@ -1741,98 +1744,99 @@ html[data-theme='dark'] {
   max-width: 30em;
   position: relative;
   overflow-y: auto;
+  max-height: 40vh;
 }
-._layer_uioq1_5._nested_uioq1_23 {
+._layer_1iw97_5._nested_1iw97_24 {
   margin: -1px 2px;
 }
-._layer_uioq1_5 ul {
+._layer_1iw97_5 ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
 }
-._layer_uioq1_5 ul li {
+._layer_1iw97_5 ul li {
   list-style: none;
   display: block;
 }
-._fileInput_uioq1_35 {
+._fileInput_1iw97_36 {
   opacity: 0;
   position: absolute;
   inset: 0;
 }
-._trigger_uioq1_40 {
+._trigger_1iw97_41 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
   max-width: 100%;
 }
-._layer_uioq1_5 ._trigger_uioq1_40 {
+._layer_1iw97_5 ._trigger_1iw97_41 {
   width: 100%;
 }
-._middleAlignedInline_uioq1_49 {
+._middleAlignedInline_1iw97_50 {
   display: flex;
   align-items: center;
   overflow: hidden;
   width: 100%;
 }
-._heading_uioq1_55 {
+._heading_1iw97_56 {
   color: var(--color-text-muted);
   letter-spacing: var(--letter-spacing-wide);
   text-transform: uppercase;
   font-weight: bold;
 }
-._heading_uioq1_55 ._headingIcon_uioq1_61 {
+._heading_1iw97_56 ._headingIcon_1iw97_62 {
   float: right;
 }
-._heading_uioq1_55 ._headingIcon_uioq1_61 svg {
+._heading_1iw97_56 ._headingIcon_1iw97_62 svg {
   color: var(--color-text-faint);
 }
-._heading_uioq1_55 ._headingIcon_uioq1_61:hover {
+._heading_1iw97_56 ._headingIcon_1iw97_62:hover {
   cursor: pointer;
 }
-._heading_uioq1_55 ._headingIcon_uioq1_61:hover svg {
+._heading_1iw97_56 ._headingIcon_1iw97_62:hover svg {
   color: var(--color-text-primary-hover);
 }
-._option_uioq1_73 {
+._option_1iw97_74 {
   color: inherit;
   display: block;
   position: relative;
 }
-._heading_uioq1_55,
-._option_uioq1_73,
-._layer_uioq1_5 ._trigger_uioq1_40 {
+._heading_1iw97_56,
+._option_1iw97_74,
+._layer_1iw97_5 ._trigger_1iw97_41 {
   padding: var(--padding-input);
   border: 1px solid transparent;
 }
-._option_uioq1_73,
-._layer_uioq1_5 ._trigger_uioq1_40 {
+._option_1iw97_74,
+._layer_1iw97_5 ._trigger_1iw97_41 {
   line-height: var(--line-height);
   display: flex;
   align-items: flex-start;
 }
-._option_uioq1_73:hover,
-._layer_uioq1_5 ._trigger_uioq1_40:hover,
-._option_uioq1_73._active_uioq1_92,
-._layer_uioq1_5 ._trigger_uioq1_40._active_uioq1_92 {
+._option_1iw97_74:hover,
+._layer_1iw97_5 ._trigger_1iw97_41:hover,
+._option_1iw97_74._active_1iw97_93,
+._layer_1iw97_5 ._trigger_1iw97_41._active_1iw97_93 {
   background-color: var(--color-background-listitem-hover);
   cursor: pointer;
 }
-._option_uioq1_73._selected_uioq1_97 {
+._option_1iw97_74._selected_1iw97_98 {
   background-color: var(--color-background-listitem-active);
 }
-._layer_uioq1_5 ._trigger_uioq1_40 {
+._layer_1iw97_5 ._trigger_1iw97_41 {
   align-items: center;
 }
-._optionContent_uioq1_103 {
+._optionContent_1iw97_104 {
   flex-wrap: wrap;
   margin-right: auto;
 }
-._inline_uioq1_107 ._optionContent_uioq1_103 {
+._inline_1iw97_108 ._optionContent_1iw97_104 {
   display: flex;
   justify-content: space-between;
   flex-grow: 1;
 }
-._icon_uioq1_112,
-._check_uioq1_113 {
+._icon_1iw97_113,
+._check_1iw97_114 {
   display: flex;
   flex-shrink: 1;
   width: var(--size-xs);
@@ -1841,78 +1845,78 @@ html[data-theme='dark'] {
   justify-content: center;
   align-items: center;
 }
-._icon_uioq1_112 {
+._icon_1iw97_113 {
   margin-right: var(--padding-xs);
   color: var(--color-text-primary);
 }
-._icon_uioq1_112:empty {
+._icon_1iw97_113:empty {
   display: none;
 }
-._icon_uioq1_112 img {
+._icon_1iw97_113 img {
   max-height: 16px;
   max-width: 16px;
   width: auto;
   height: auto;
 }
-._text_uioq1_135 {
+._text_1iw97_136 {
   display: inline-flex;
   align-items: center;
   cursor: pointer;
 }
-._label_uioq1_140 {
+._label_1iw97_141 {
   margin-right: auto;
 }
-._label_uioq1_140,
-._heading_uioq1_55 {
+._label_1iw97_141,
+._heading_1iw97_56 {
   max-width: 100%;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._description_uioq1_151 {
+._description_1iw97_152 {
   color: #999;
   display: block;
 }
-._arrow_uioq1_155 {
+._arrow_1iw97_156 {
   margin-left: var(--padding-xxs);
   display: flex;
 }
-._divider_uioq1_159 {
+._divider_1iw97_160 {
   border: 0;
   border-top: 1px solid var(--color-border);
 }
-._deprecatedSemanticIcon_uioq1_163 {
+._deprecatedSemanticIcon_1iw97_164 {
   color: var(--color-text-primary) !important;
   margin: -5px 0 0 !important;
 }
-._disabled_uioq1_167 {
+._disabled_1iw97_168 {
   color: var(--color-text-faint);
   pointer-events: none;
   cursor: not-allowed !important;
 }
-._buttonLabel_uioq1_172 {
+._buttonLabel_1iw97_173 {
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
   margin-right: auto;
 }
-._buttonCaret_uioq1_178 {
+._buttonCaret_1iw97_179 {
   display: flex;
   margin-left: var(--padding-xxs);
 }
-._component_uioq1_182 {
+._component_1iw97_183 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }
-._right_uioq1_188 {
+._right_1iw97_189 {
   margin-left: auto;
   display: flex;
   align-items: center;
 }
-._actions_uioq1_193 {
+._actions_1iw97_194 {
   margin-left: var(--padding-xs);
   display: flex;
   align-items: center;
@@ -2745,123 +2749,123 @@ html[data-theme='dark'] {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
 }
-._inputInTable_j55lv_1 {
+._inputInTable_tn20e_1 {
   background-color: transparent;
   border-radius: inherit !important;
   height: var(--size);
   min-height: 100%;
 }
-._inputInTable_j55lv_1:not(:hover) {
+._inputInTable_tn20e_1:not(:hover) {
   border-color: transparent;
 }
-._inputInTable_j55lv_1:not(:focus) {
+._inputInTable_tn20e_1:not(:focus) {
   box-shadow: none;
 }
-._inputHover_j55lv_13 {
+._inputHover_tn20e_13 {
   position: relative;
   border-color: var(--color-border-hover);
   z-index: 2;
 }
-._inputFocus_j55lv_18 {
+._inputFocus_tn20e_18 {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputError_j55lv_25,
-._inputWarning_j55lv_26 {
+._inputError_tn20e_25,
+._inputWarning_tn20e_26 {
   position: relative;
 }
-._inputError_j55lv_25 {
+._inputError_tn20e_25 {
   z-index: 2;
   border-color: var(--color-border-error);
   color: var(--color-text-error) !important;
   background-color: var(--color-background-error-muted);
 }
-._inputError_j55lv_25:hover {
+._inputError_tn20e_25:hover {
   border-color: var(--color-border-error-hover) !important;
 }
-._inputError_j55lv_25:focus {
+._inputError_tn20e_25:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputWarning_j55lv_26 {
+._inputWarning_tn20e_26 {
   z-index: 1;
   border-color: var(--color-border-warning);
   color: var(--color-text-warning) !important;
   background-color: var(--color-background-warning-muted);
 }
-._inputWarning_j55lv_26:hover {
+._inputWarning_tn20e_26:hover {
   border-color: var(--color-border-warning-hover) !important;
 }
-._inputWarning_j55lv_26:focus {
+._inputWarning_tn20e_26:focus {
   position: relative;
   outline: none !important;
   border-color: var(--color-border-focus) !important;
   box-shadow: var(--shadow-focus);
   z-index: 3;
 }
-._inputDisabled_j55lv_61 {
+._inputDisabled_tn20e_61 {
   pointer-events: none;
   background-color: var(--color-background-disabled);
   color: var(--color-text-muted);
   box-shadow: none;
 }
-._hideScrollbars_j55lv_67 {
+._hideScrollbars_tn20e_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbars_j55lv_67::-webkit-scrollbar {
+._hideScrollbars_tn20e_67::-webkit-scrollbar {
   display: none;
 }
-._header_j55lv_77 ._headerTitle_j55lv_77,
-._heading_j55lv_78 ._itemHeader_j55lv_78 {
+._header_tn20e_77 ._headerTitle_tn20e_77,
+._heading_tn20e_78 ._itemHeader_tn20e_78 {
   transition: opacity 0.3s;
 }
-._narrow_j55lv_81 ._header_j55lv_77 ._headerTitle_j55lv_77,
-._narrow_j55lv_81 ._heading_j55lv_78 ._itemHeader_j55lv_78 {
+._narrow_tn20e_81 ._header_tn20e_77 ._headerTitle_tn20e_77,
+._narrow_tn20e_81 ._heading_tn20e_78 ._itemHeader_tn20e_78 {
   opacity: 0;
 }
-._stickyHeader_j55lv_85 {
+._stickyHeader_tn20e_85 {
   position: sticky;
   top: 0;
   background-color: var(--color-background);
   z-index: 10;
 }
-._itemHeader_j55lv_78 {
+._itemHeader_tn20e_78 {
   padding: var(--padding-xs) var(--padding);
   display: flex;
   align-items: flex-start;
 }
-._itemHeader_j55lv_78 ._title_j55lv_96 {
+._itemHeader_tn20e_78 ._title_tn20e_96 {
   margin: 0;
   padding: 0;
   flex-grow: 1;
   min-width: 0;
 }
-._itemHeader_j55lv_78 ._name_j55lv_102 {
+._itemHeader_tn20e_78 ._name_tn20e_102 {
   font-weight: 400;
 }
-._itemHeader_j55lv_78 ._iconTooltipMargin_j55lv_105 {
+._itemHeader_tn20e_78 ._iconTooltipMargin_tn20e_105 {
   margin-left: var(--padding-xs);
 }
-._itemHeader_j55lv_78 ._bold_j55lv_108 {
+._itemHeader_tn20e_78 ._bold_tn20e_108 {
   font-weight: bold;
 }
-._header_j55lv_77 {
+._header_tn20e_77 {
   padding: var(--padding);
   display: flex;
   align-items: center;
   border-bottom: 1px solid var(--color-border);
 }
-._toggleNarrow_j55lv_117 {
+._toggleNarrow_tn20e_117 {
   margin-right: 16px;
   margin-left: -5px;
   color: #c8c8c8;
@@ -2870,16 +2874,16 @@ html[data-theme='dark'] {
   width: 22px;
   justify-content: center;
 }
-._toggleNarrow_j55lv_117:hover {
+._toggleNarrow_tn20e_117:hover {
   color: var(--color-text-primary-hover);
 }
-._toggleNarrow_j55lv_117:active {
+._toggleNarrow_tn20e_117:active {
   color: var(--color-text-primary-active);
 }
-._narrow_j55lv_81 ._toggleNarrow_j55lv_117 {
+._narrow_tn20e_81 ._toggleNarrow_tn20e_117 {
   transform: scaleX(-1);
 }
-._drag_j55lv_135 {
+._drag_tn20e_135 {
   color: var(--color-text-faint);
   display: flex;
   align-items: center;
@@ -2893,28 +2897,28 @@ html[data-theme='dark'] {
   width: var(--size-sm);
   flex-shrink: 0;
 }
-._drag_j55lv_135:hover {
+._drag_tn20e_135:hover {
   color: var(--color-text-primary-hover);
 }
-._drag_j55lv_135:active {
+._drag_tn20e_135:active {
   color: var(--color-text-primary-active);
 }
-._list_j55lv_155 {
+._list_tn20e_155 {
   flex-shrink: 0;
   background: var(--color-background);
 }
-._list_j55lv_155._bordered_j55lv_159:first-child,
-._list_j55lv_155._bordered_j55lv_159:first-child > :first-child {
+._list_tn20e_155._bordered_tn20e_159:first-child,
+._list_tn20e_155._bordered_tn20e_159:first-child > :first-child {
   border-top-left-radius: inherit;
   border-top-right-radius: inherit;
 }
-._list_j55lv_155._bordered_j55lv_159:last-child,
-._list_j55lv_155._bordered_j55lv_159:last-child > :last-child {
+._list_tn20e_155._bordered_tn20e_159:last-child,
+._list_tn20e_155._bordered_tn20e_159:last-child > :last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
   border-bottom: 0;
 }
-._item_j55lv_78 {
+._item_tn20e_78 {
   color: inherit;
   display: block;
   transition: background-color 0.2s;
@@ -2925,7 +2929,7 @@ html[data-theme='dark'] {
   overflow-wrap: break-word;
   hyphens: auto;
 }
-._item_j55lv_78:not(._heading_j55lv_78):after {
+._item_tn20e_78:not(._heading_tn20e_78):after {
   content: '';
   position: absolute;
   left: 0;
@@ -2936,41 +2940,41 @@ html[data-theme='dark'] {
   border-bottom-left-radius: inherit;
   transition: background 0.3s, width 0.3s;
 }
-._item_j55lv_78._action_j55lv_192 {
+._item_tn20e_78._action_tn20e_192 {
   cursor: pointer;
 }
-._item_j55lv_78._action_j55lv_192:not(._active_j55lv_195):hover {
+._item_tn20e_78._action_tn20e_192:not(._active_tn20e_195):hover {
   background: var(--color-background-listitem-hover);
 }
-._item_j55lv_78._action_j55lv_192:not(._active_j55lv_195):hover:after {
+._item_tn20e_78._action_tn20e_192:not(._active_tn20e_195):hover:after {
   width: 5px;
   background: rgba(0, 0, 0, 0.1);
 }
-._item_j55lv_78._indented_j55lv_202:after {
+._item_tn20e_78._indented_tn20e_202:after {
   width: 3px;
   background: rgba(0, 0, 0, 0.1);
 }
-._item_j55lv_78._active_j55lv_195 {
+._item_tn20e_78._active_tn20e_195 {
   cursor: default;
   position: relative;
   z-index: 1;
   background: var(--color-background-listitem-active);
 }
-._item_j55lv_78._active_j55lv_195:after {
+._item_tn20e_78._active_tn20e_195:after {
   background: var(--color-background-primary) !important;
 }
-._item_j55lv_78._disabled_j55lv_215 {
+._item_tn20e_78._disabled_tn20e_215 {
   color: var(--color-text-faint);
   pointer-events: none;
 }
-._item_j55lv_78._heading_j55lv_78 {
+._item_tn20e_78._heading_tn20e_78 {
   color: var(--color-text-muted);
   background-color: var(--color-background-cardheader);
 }
-._item_j55lv_78._heading_j55lv_78._action_j55lv_192:hover {
+._item_tn20e_78._heading_tn20e_78._action_tn20e_192:hover {
   color: var(--color-text-primary-hover);
 }
-._item_j55lv_78 ._label_j55lv_226 {
+._item_tn20e_78 ._label_tn20e_226 {
   margin-right: var(--padding-xs);
   flex-shrink: 0;
   width: var(--size-sm);
@@ -2981,38 +2985,38 @@ html[data-theme='dark'] {
   align-items: center;
   justify-content: center;
 }
-._item_j55lv_78 ._details_j55lv_237,
-._item_j55lv_78 ._metadata_j55lv_238 {
+._item_tn20e_78 ._details_tn20e_237,
+._item_tn20e_78 ._metadata_tn20e_238 {
   display: block;
   width: 100%;
   font-weight: normal;
 }
-._item_j55lv_78 ._metadata_j55lv_238 {
+._item_tn20e_78 ._metadata_tn20e_238 {
   color: var(--color-text-muted);
 }
-._item_j55lv_78 ._itemContent_j55lv_246 {
+._item_tn20e_78 ._itemContent_tn20e_246 {
   padding: 0 var(--padding) var(--padding-sm);
   cursor: auto;
 }
-._item_j55lv_78 ._itemContent_j55lv_246:empty {
+._item_tn20e_78 ._itemContent_tn20e_246:empty {
   padding: inherit;
 }
-._indentIcon_j55lv_253 {
+._indentIcon_tn20e_253 {
   color: var(--color-text-faint);
   flex-shrink: 0;
   margin-right: var(--padding-xxs);
 }
-._expandIcon_j55lv_258 {
+._expandIcon_tn20e_258 {
   flex-shrink: 0;
   position: relative;
   display: flex;
   height: var(--line-height);
   margin-right: var(--padding-xs);
 }
-._expandIcon_j55lv_258._expanded_j55lv_265 svg {
+._expandIcon_tn20e_258._expanded_tn20e_265 svg {
   transform: rotate(90deg);
 }
-._right_j55lv_268 {
+._right_tn20e_268 {
   margin-left: auto;
   display: flex;
   align-items: center;
@@ -3020,29 +3024,36 @@ html[data-theme='dark'] {
   margin-bottom: calc((var(--line-height) - var(--size-sm)) / 2);
   min-height: var(--size-sm);
 }
-._actions_j55lv_276 {
+._actions_tn20e_276 {
   margin-left: var(--padding-xs);
   display: flex;
   align-items: center;
 }
-._scrollableList_j55lv_281 {
+._scrollableList_tn20e_281 {
   height: 100%;
   overflow-y: auto;
   scroll-behavior: smooth;
 }
-._infiniteScrollContainer_j55lv_286 {
+._infiniteScrollContainer_tn20e_286 {
   overflow: hidden !important;
 }
-._hideScrollbar_j55lv_67 {
+._hideScrollbar_tn20e_67 {
   /* Firefox */
   scrollbar-width: none;
   /* IE 10+ */
   -ms-overflow-style: none;
   /* Chrome, Safari and Opera */
 }
-._hideScrollbar_j55lv_67::-webkit-scrollbar {
+._hideScrollbar_tn20e_67::-webkit-scrollbar {
   display: none;
 }
+._bordered_tn20e_159 {
+  box-shadow: inset 0px 0px 0px 2px var(--color-background-primary);
+  background: var(--color-background-listitem-active);
+}
+._noPointerEvents_tn20e_303 {
+  pointer-events: none;
+}
 ._loader_477i5_1 {
   width: 100%;
   height: 100%;
@@ -9645,22 +9656,28 @@ tbody tr {
   justify-content: space-between;
   border-top: 1px solid var(--color-border);
 }
-._clickableRow_11d5t_1 {
+._clickableRow_1ki29_1 {
   cursor: pointer;
 }
-._hoverableRow_11d5t_4:not(._rowActive_11d5t_4):hover,
-._clickableRow_11d5t_1:not(._rowActive_11d5t_4):hover {
+._hoverableRow_1ki29_4:not(._rowActive_1ki29_4):hover,
+._clickableRow_1ki29_1:not(._rowActive_1ki29_4):hover {
   background-color: var(--color-background-listitem-hover) !important;
 }
-._expandableRow_11d5t_8._flush_11d5t_8 {
+._expandableRow_1ki29_8._flush_1ki29_8 {
   padding: 0 !important;
   height: auto !important;
 }
-._rowActive_11d5t_4 {
+._errorRow_1ki29_12 {
+  background-color: var(--color-background-error-muted) !important;
+}
+._warningRow_1ki29_15 {
+  background-color: var(--color-background-warning-muted) !important;
+}
+._rowActive_1ki29_4 {
   position: relative;
   background-color: var(--color-background-listitem-active) !important;
 }
-._rowActive_11d5t_4:after {
+._rowActive_1ki29_4:after {
   content: '';
   position: absolute;
   left: 0;
@@ -9672,12 +9689,12 @@ tbody tr {
   transition: background 0.3s;
   background: var(--color-background-primary);
 }
-._dragIconCell_11d5t_28 {
+._dragIconCell_1ki29_34 {
   width: var(--size);
   min-width: var(--size);
   position: relative;
 }
-._dragIcon_11d5t_28 {
+._dragIcon_1ki29_34 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -9685,10 +9702,10 @@ tbody tr {
   inset: 0;
   color: var(--color-text-faint);
 }
-._dragIcon_11d5t_28:hover {
+._dragIcon_1ki29_34:hover {
   color: var(--color-text-primary-hover);
 }
-._dragIcon_11d5t_28:active {
+._dragIcon_1ki29_34:active {
   color: var(--color-text-primary-active);
 }
 ._inputInTable_u3xdj_1 {
@@ -10943,7 +10960,7 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   --color-link-border-hover: var(--color-neutral-600);
   --border-topbar: 1px solid var(--color-border);
 }
-._topbar_gmfjn_11 {
+._topbar_oyr59_11 {
   top: 0;
   left: 0;
   z-index: var(--zindex-topbar);
@@ -10953,15 +10970,15 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   background: var(--color-background-raised);
   display: flex;
 }
-._topbar_gmfjn_11._fixed_gmfjn_21 {
+._topbar_oyr59_11._fixed_oyr59_21 {
   position: fixed;
 }
 @media print {
-  ._topbar_gmfjn_11 {
+  ._topbar_oyr59_11 {
     display: none !important;
   }
 }
-._appSwitcher_gmfjn_29 {
+._appSwitcher_oyr59_29 {
   color: white;
   display: flex;
   align-items: center;
@@ -10973,26 +10990,26 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   font-size: var(--size);
   position: relative;
 }
-._appSwitcher_gmfjn_29:hover {
+._appSwitcher_oyr59_29:hover {
   background-color: var(--color-neutral-750);
 }
-._appSwitcher_gmfjn_29:active {
+._appSwitcher_oyr59_29:active {
   background-color: var(--color-neutral-800);
 }
-[data-theme='dark'] ._appSwitcher_gmfjn_29 {
+[data-theme='dark'] ._appSwitcher_oyr59_29 {
   background-color: var(--color-neutral-900);
 }
-[data-theme='dark'] ._appSwitcher_gmfjn_29:hover {
+[data-theme='dark'] ._appSwitcher_oyr59_29:hover {
   background-color: var(--color-neutral-950);
 }
-[data-theme='dark'] ._appSwitcher_gmfjn_29:active {
+[data-theme='dark'] ._appSwitcher_oyr59_29:active {
   background-color: var(--color-neutral-1000);
 }
-._appSwitcher_gmfjn_29 > * {
+._appSwitcher_oyr59_29 > * {
   position: relative;
   z-index: 1;
 }
-._appSwitcher_gmfjn_29:after {
+._appSwitcher_oyr59_29:after {
   content: '';
   position: absolute;
   inset: 0;
@@ -11001,13 +11018,13 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   transition: opacity 0.2s;
   opacity: 0.75;
 }
-._appSwitcher_gmfjn_29:hover:after {
+._appSwitcher_oyr59_29:hover:after {
   opacity: 0.75;
 }
-._appSwitcher_gmfjn_29:active:after {
+._appSwitcher_oyr59_29:active:after {
   opacity: 0.5;
 }
-._title_gmfjn_75 {
+._title_oyr59_75 {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -11015,74 +11032,74 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   padding: 0;
   position: relative;
 }
-._title_gmfjn_75 img,
-._title_gmfjn_75 svg {
+._title_oyr59_75 img,
+._title_oyr59_75 svg {
   max-height: var(--size-lg);
   max-width: 300px;
   height: auto;
   width: auto;
   color: var(--color-text);
 }
-._title_gmfjn_75 ._logo_gmfjn_91 {
+._title_oyr59_75 ._logo_oyr59_91 {
   display: flex;
 }
-._title_gmfjn_75 ._label_gmfjn_94 {
+._title_oyr59_75 ._label_oyr59_94 {
   color: var(--color-text);
   white-space: nowrap;
   font-weight: bold;
 }
-._brand_gmfjn_99 {
+._brand_oyr59_99 {
   padding: 0;
   position: relative;
   flex-shrink: 0;
 }
-._version_gmfjn_104 {
+._version_oyr59_104 {
   line-height: 1;
   position: absolute;
   right: 0;
   bottom: 100%;
   font-size: var(--font-size-xs);
 }
-._left_gmfjn_111,
-._right_gmfjn_112 {
+._left_oyr59_111,
+._right_oyr59_112 {
   display: flex;
   min-width: 0;
 }
-._left_gmfjn_111 {
+._left_oyr59_111 {
   gap: var(--padding);
   padding-left: var(--padding);
 }
-._right_gmfjn_112 {
+._right_oyr59_112 {
   margin-left: auto;
   flex-shrink: 0;
   padding-right: var(--padding-xs);
   gap: var(--padding-xs);
 }
-._item_gmfjn_126,
-._link_gmfjn_127 {
+._item_oyr59_126,
+._link_oyr59_127 {
   align-items: center;
   display: flex;
 }
-._item_gmfjn_126 {
+._item_oyr59_126 {
   position: relative;
   transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
-  user-select: none;
   vertical-align: middle;
   min-width: 0;
   max-width: 50vw;
 }
-._item_gmfjn_126._button_gmfjn_139,
-._item_gmfjn_126._menu_gmfjn_140 {
+._item_oyr59_126._button_oyr59_138,
+._item_oyr59_126._menu_oyr59_139 {
   flex-shrink: 0;
 }
-._label_gmfjn_94 {
+._label_oyr59_94 {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   display: block;
   max-width: 100%;
+  user-select: none;
 }
-._link_gmfjn_127 {
+._link_oyr59_127 {
   text-decoration: none;
   color: var(--color-text-primary);
   cursor: pointer;
@@ -11090,24 +11107,24 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   height: 100%;
   font-size: var(--font-size-lg);
 }
-._link_gmfjn_127 svg {
+._link_oyr59_127 svg {
   margin-right: var(--padding-xxs);
   flex-shrink: 0;
 }
-._link_gmfjn_127:hover {
+._link_oyr59_127:hover {
   color: var(--color-text-primary-hover);
 }
-._link_gmfjn_127:active {
+._link_oyr59_127:active {
   color: var(--color-text-primary-active);
 }
-._link_gmfjn_127._active_gmfjn_168 {
+._link_oyr59_127._active_oyr59_168 {
   color: var(--color-text);
 }
-._link_gmfjn_127:hover,
-._link_gmfjn_127._active_gmfjn_168 {
+._link_oyr59_127:hover,
+._link_oyr59_127._active_oyr59_168 {
   background-color: transparent;
 }
-._link_gmfjn_127:after {
+._link_oyr59_127:after {
   content: '';
   position: absolute;
   left: 0;
@@ -11115,17 +11132,17 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   bottom: 0;
   border-bottom: 1px solid transparent;
 }
-._link_gmfjn_127:hover:after {
+._link_oyr59_127:hover:after {
   border-color: var(--color-link-border-hover);
 }
-._link_gmfjn_127._active_gmfjn_168:after {
+._link_oyr59_127._active_oyr59_168:after {
   border-color: var(--color-background-primary);
 }
-._link_gmfjn_127[disabled] {
+._link_oyr59_127[disabled] {
   pointer-events: none;
   color: var(--color-text-faint);
 }
-._alert_gmfjn_193 {
+._alert_oyr59_193 {
   background-color: var(--color-background-primary);
   color: white;
   text-align: center;
@@ -11153,28 +11170,40 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   gap: var(--padding-xs);
   justify-content: center;
 }
-._tree_1lv9u_1 {
+._tree_15yn1_1 {
   position: relative;
 }
-._toggle_1lv9u_4 {
+._toggle_15yn1_4 {
   display: flex;
   margin-right: var(--padding-xs);
   margin-left: calc(var(--padding-xs) * -1);
   margin-top: calc((var(--line-height) - var(--size-sm)) / 2);
   margin-bottom: calc((var(--line-height) - var(--size-sm)) / 2);
 }
-._dropTarget_1lv9u_11 > div:first-child {
+._dropTarget_15yn1_11 {
+  position: relative;
+}
+._dropTarget_15yn1_11:after {
+  content: '';
+  position: absolute;
+  inset: 0;
+  border: 3px solid var(--color-background-primary);
+  z-index: 1;
+  pointer-events: none;
+  opacity: 0.5;
+}
+._dropTarget_15yn1_11 > div:first-child {
   background-color: var(--color-background-listitem-active);
 }
-._draggingSource_1lv9u_14 {
+._draggingSource_15yn1_26 {
   opacity: 0.2;
 }
-._placeholderContainer_1lv9u_17 {
+._placeholderContainer_15yn1_29 {
   position: relative;
 }
-._placeholder_1lv9u_17 {
+._placeholder_15yn1_29 {
   background-color: var(--color-background-primary);
-  height: 4px;
+  height: 2px;
   border-radius: var(--border-radius-sm);
   position: absolute;
   right: 0;
@@ -11182,6 +11211,20 @@ tbody ._staticCell_u3xdj_116 ._staticCellContent_u3xdj_119 {
   transform: translateY(-50%);
   z-index: 2;
 }
-._predefinedMenuActive_1yvt4_1 input {
+._placeholder_15yn1_29:after {
+  position: absolute;
+  content: '';
+  left: 0;
+  top: 50%;
+  border-radius: 50%;
+  height: 8px;
+  width: 8px;
+  background-color: var(--color-background-primary);
+  transform: translate(-50%, -50%);
+}
+._predefinedMenuActive_ye9w9_1 input {
   background: var(--color-background-disabled) !important;
 }
+._inputWrapper_ye9w9_4 {
+  flex: 1;
+}