@neo4j-ndl/base 4.0.0-alpha.0.608161c → 4.0.0-alpha.0.aeb5d94

package/lib/neo4j-ds-styles.css

@@ -1513,6 +1513,9 @@ a.ndl-btn {
 .ndl-icon-btn .ndl-icon{
     width:var(--icon-button-icon-size);
     height:var(--icon-button-icon-size);
+    display:flex;
+    align-items:center;
+    justify-content:center;
   }
 .ndl-icon-btn .ndl-icon svg,
     .ndl-icon-btn .ndl-icon .ndl-icon-svg{
@@ -1618,7 +1621,7 @@ a.ndl-btn {
   --tw-shadow-colored:var(--theme-shadow-overlay);
   box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
-.ndl-label{
+.ndl-status-label{
   --label-height:24px;
   display:flex;
   max-width:-moz-max-content;
@@ -1636,42 +1639,42 @@ a.ndl-btn {
   height:var(--label-height);
   line-height:normal;
 }
-.ndl-label.ndl-small{
+.ndl-status-label.ndl-small{
     --label-height:20px;
   }
-.ndl-label.ndl-large{
+.ndl-status-label.ndl-large{
     --label-height:24px;
   }
-.ndl-label .ndl-label-content {
+.ndl-status-label .ndl-status-label-content {
   display:flex;
   flex-direction:row;
   align-items:center;
   gap:4px;
 }
-.ndl-label .ndl-label-content svg {
+.ndl-status-label .ndl-status-label-content svg {
   width:8px;
   height:8px;
 }
-.ndl-label .ndl-label-text {
+.ndl-status-label .ndl-status-label-text {
   overflow:hidden;
   text-overflow:ellipsis;
   white-space:nowrap;
 }
-.ndl-label.ndl-clean {
+.ndl-status-label.ndl-clean {
   padding-left:0px;
   padding-right:0px;
   padding-top:0px;
   padding-bottom:0px;
 }
-.ndl-label.ndl-clean .ndl-label-text {
+.ndl-status-label.ndl-clean .ndl-status-label-text {
   color:var(--theme-color-neutral-text-default);
 }
-.ndl-label.ndl-outlined {
+.ndl-status-label.ndl-outlined {
   border-width:0.5px;
   border-style:solid;
   background-color:var(--theme-color-neutral-bg-weak);
 }
-.ndl-label.ndl-semi-filled {
+.ndl-status-label.ndl-semi-filled {
   border-width:0.5px;
   border-style:solid;
 }
@@ -1683,6 +1686,9 @@ a.ndl-btn {
   letter-spacing:var(--typography-subheading-medium-letter-spacing);
   font-family:var(--typography-subheading-medium-font-family), sans-serif;
 }
+.ndl-tabs.ndl-large .ndl-scroll-icon {
+  margin-top:2px;
+}
 .ndl-tabs.ndl-small{
   font:var(--typography-subheading-small);
   letter-spacing:var(--typography-subheading-small-letter-spacing);
@@ -1694,6 +1700,7 @@ a.ndl-btn {
       --tab-top-spacing:0;
       --tab-bottom-spacing:var(--space-16);
       --tab-gap:var(--space-12);
+      --tab-height:40px;
     }
 .ndl-tabs.ndl-underline-tab.ndl-small{
       --tab-left-spacing:var(--space-4);
@@ -1702,6 +1709,7 @@ a.ndl-btn {
       --tab-bottom-spacing:var(--space-12);
       --tab-gap:var(--space-12);
       --tab-icon-svg-size:16px;
+      --tab-height:32px;
     }
 .ndl-tabs.ndl-filled-tab.ndl-large{
       --tab-left-spacing:var(--space-16);
@@ -1709,6 +1717,7 @@ a.ndl-btn {
       --tab-top-spacing:6px;
       --tab-bottom-spacing:6px;
       --tab-gap:var(--space-8);
+      --tab-height:32px;
     }
 .ndl-tabs.ndl-filled-tab.ndl-small{
       --tab-left-spacing:var(--space-12);
@@ -1716,29 +1725,106 @@ a.ndl-btn {
       --tab-top-spacing:var(--space-4);
       --tab-bottom-spacing:var(--space-4);
       --tab-gap:var(--space-4);
+      --tab-height:28px;
     }
 .ndl-tabs {
+  position:relative;
+}
+.ndl-tabs .ndl-tabs-container {
   display:flex;
   flex-direction:row;
-  gap:var(--tab-gap);
+  overflow-x:auto;
+  overflow-y:visible;
+    scrollbar-width:none;
+    -ms-overflow-style:none;
+}
+.ndl-tabs .ndl-tabs-container::-webkit-scrollbar {
+  display:none;
+}
+.ndl-tabs .ndl-tabs-container:has(.ndl-underline-tab) {
+  gap:12px;
+}
+.ndl-tabs .ndl-tabs-container:has(.ndl-filled-tab) {
+  gap:8px;
+}
+.ndl-tabs .ndl-scroll-item {
+  pointer-events:none;
+  visibility:visible;
+  position:absolute;
+  top:0px;
+  bottom:0px;
+  z-index:10;
+  display:flex;
+  width:32px;
+  align-items:flex-start;
+  opacity:1;
+    transition:opacity var(--motion-transition-quick), transform var(--motion-transition-quick);
+
+    --tab-scroll-gradient:var(--theme-color-neutral-bg-weak);
+}
+.ndl-tabs .ndl-scroll-item.ndl-scroll-item-on-background-weak{
+      --tab-scroll-gradient:var(--theme-color-neutral-bg-weak);
+    }
+.ndl-tabs .ndl-scroll-item.ndl-scroll-item-on-background-default{
+      --tab-scroll-gradient:var(--theme-color-neutral-bg-default);
+    }
+.ndl-tabs .ndl-scroll-item.ndl-scroll-left-item {
+  left:0px;
+  justify-content:flex-start;
+      background:linear-gradient(
+        to right,
+        var(--tab-scroll-gradient) 0%,
+        var(--tab-scroll-gradient) 60%,
+        transparent 100%
+      );
+      transform:translateX(0);
+}
+.ndl-tabs .ndl-scroll-item.ndl-scroll-right-item {
+  right:0px;
+  justify-content:flex-end;
+      background:linear-gradient(
+        to left,
+        var(--tab-scroll-gradient) 0%,
+        var(--tab-scroll-gradient) 60%,
+        transparent 100%
+      );
+      transform:translateX(0);
+}
+.ndl-tabs .ndl-scroll-item.ndl-scroll-item-hidden {
+  visibility:hidden;
+  opacity:0;
+}
+.ndl-tabs .ndl-scroll-item.ndl-scroll-item-hidden.ndl-scroll-left-item{
+        transform:translateX(-100%);
+      }
+.ndl-tabs .ndl-scroll-item.ndl-scroll-item-hidden.ndl-scroll-right-item{
+        transform:translateX(100%);
+      }
+.ndl-tabs .ndl-scroll-icon-wrapper {
+  pointer-events:auto;
+  display:flex;
+  cursor:pointer;
+  align-items:center;
+  justify-content:center;
+}
+.ndl-tabs .ndl-scroll-icon-wrapper .ndl-scroll-icon {
+  width:20px;
+  height:20px;
+  color:var(--theme-color-neutral-icon);
 }
 .ndl-tabs.ndl-underline-tab{
-    border-bottom-style:solid;
-    position:relative;
+    border-bottom:1px solid var(--theme-color-neutral-border-weak);
   }
-.ndl-tabs.ndl-underline-tab:after{
-      content:'';
-      position:absolute;
-      width:100%;
-      height:1px;
-      bottom:0px;
-      left:0px;
-      z-index:0;
-      background-color:var(--theme-color-neutral-border-weak);
-    }
 .ndl-tabs .ndl-tab {
   position:relative;
+  display:flex;
+  width:-moz-fit-content;
+  width:fit-content;
   cursor:pointer;
+  gap:8px;
+  white-space:nowrap;
+  border-top-left-radius:4px;
+  border-top-right-radius:4px;
   border-width:0px;
     padding-left:var(--tab-left-spacing);
     padding-right:var(--tab-right-spacing);
@@ -1753,9 +1839,6 @@ a.ndl-btn {
       height:var(--tab-icon-svg-size);
       width:var(--tab-icon-svg-size);
     }
-.ndl-tabs .ndl-tab.ndl-underline-tab{
-      z-index:1;
-    }
 .ndl-tabs .ndl-tab.ndl-underline-tab:not(.ndl-selected) {
   color:var(--theme-color-neutral-text-weak);
 }
@@ -1773,8 +1856,9 @@ a.ndl-btn {
         background-color:transparent;
       }
 .ndl-tabs .ndl-tab.ndl-underline-tab:focus-visible {
+  outline-style:solid;
   outline-width:2px;
-  outline-offset:0px;
+  outline-offset:-2px;
   outline-color:var(--theme-color-primary-focus);
 }
 .ndl-tabs .ndl-tab.ndl-underline-tab:hover:not(.ndl-disabled):not(.ndl-selected) .ndl-tab-underline {
@@ -1792,9 +1876,6 @@ a.ndl-btn {
 .ndl-tabs .ndl-tab.ndl-underline-tab.ndl-selected.ndl-disabled:not(:focus) .ndl-tab-underline {
   background-color:var(--theme-color-neutral-bg-strong);
 }
-.ndl-tabs .ndl-tab.ndl-underline-tab.ndl-disabled:focus-visible .ndl-tab-underline {
-  background-color:var(--theme-color-neutral-bg-strong);
-}
 .ndl-tabs .ndl-tab.ndl-filled-tab {
   border-radius:4px;
   color:var(--theme-color-neutral-text-weak);
@@ -1819,6 +1900,18 @@ a.ndl-btn {
   background-color:var(--theme-color-primary-bg-selected);
   color:var(--theme-color-primary-text);
 }
+.ndl-tabs .ndl-tab .ndl-tab-badge {
+  display:flex;
+  height:24px;
+  align-items:center;
+  justify-content:center;
+  border-radius:4px;
+  background-color:var(--theme-color-neutral-bg-strong);
+  padding-left:4px;
+  padding-right:4px;
+  text-align:center;
+  color:var(--theme-color-neutral-text-default);
+}
 .ndl-banner.ndl-global {
   padding:16px;
   color:var(--theme-color-neutral-text-default);
@@ -2655,8 +2748,8 @@ a.ndl-btn {
   outline-offset:2px;
 }
 .ndl-menu
-    .ndl-menu-items:has(.ndl-menu-item-leading-icon)
-    > .ndl-menu-item:not(:has(.ndl-menu-item-leading-icon)) {
+    .ndl-menu-items:has(.ndl-menu-item-leading-content)
+    > .ndl-menu-item:not(:has(.ndl-menu-item-leading-content)) {
   padding-left:34px;
 }
 .ndl-menu .ndl-menu-item {
@@ -2685,7 +2778,7 @@ a.ndl-btn {
 }
 .ndl-menu .ndl-menu-item.ndl-disabled .ndl-menu-item-title,
       .ndl-menu .ndl-menu-item.ndl-disabled .ndl-menu-item-description,
-      .ndl-menu .ndl-menu-item.ndl-disabled .ndl-menu-item-leading-icon {
+      .ndl-menu .ndl-menu-item.ndl-disabled .ndl-menu-item-leading-content {
   color:var(--theme-color-neutral-text-weakest);
 }
 .ndl-menu .ndl-menu-item .ndl-menu-item-inner {
@@ -2716,7 +2809,7 @@ a.ndl-btn {
   width:16px;
   height:16px;
 }
-.ndl-menu .ndl-menu-item .ndl-menu-item-leading-icon {
+.ndl-menu .ndl-menu-item .ndl-menu-item-leading-content {
   display:flex;
   flex-shrink:0;
   align-items:center;
@@ -2726,7 +2819,7 @@ a.ndl-btn {
       height:20px;
       width:20px;
 }
-.ndl-menu .ndl-menu-item .ndl-menu-item-trailing-icon {
+.ndl-menu .ndl-menu-item .ndl-menu-item-trailing-content {
   align-self:center;
   color:var(--theme-color-neutral-icon);
 }
@@ -2744,6 +2837,26 @@ a.ndl-btn {
 .ndl-datepicker .react-datepicker-wrapper:has(.ndl-fluid) {
   width:auto;
 }
+.ndl-datepicker .ndl-datepicker-icon {
+  width:20px;
+  height:20px;
+  flex-shrink:0;
+  color:var(--theme-color-neutral-icon);
+}
+.ndl-datepicker .ndl-input-wrapper {
+  cursor:pointer;
+}
+.ndl-datepicker .react-datepicker__sr-only{
+    position:absolute;
+    width:1px;
+    height:1px;
+    padding:0;
+    margin:-1px;
+    overflow:hidden;
+    clip-path:inset(50%);
+    white-space:nowrap;
+    border:0;
+  }
 .ndl-datepicker .react-datepicker-wrapper {
   width:-moz-fit-content;
   width:fit-content;
@@ -2858,8 +2971,16 @@ a.ndl-btn {
   background-color:var(--theme-color-neutral-hover);
   color:var(--theme-color-neutral-text-default);
 }
-.ndl-datepicker .react-datepicker__week .ndl-datepicker-day:not(.react-datepicker__day--disabled):focus:not(.react-datepicker__day--selected),
-        .ndl-datepicker .react-datepicker__week .ndl-datepicker-day:not(.react-datepicker__day--disabled):focus-visible:not(.react-datepicker__day--selected) {
+.ndl-datepicker .react-datepicker__week .ndl-datepicker-day:not(.react-datepicker__day--disabled):focus:not(.react-datepicker__day--selected):not(
+            .react-datepicker__day--selecting-range-start
+          ):not(.react-datepicker__day--range-start):not(
+            .react-datepicker__day--range-end
+          ),
+        .ndl-datepicker .react-datepicker__week .ndl-datepicker-day:not(.react-datepicker__day--disabled):focus-visible:not(.react-datepicker__day--selected):not(
+            .react-datepicker__day--selecting-range-start
+          ):not(.react-datepicker__day--range-start):not(
+            .react-datepicker__day--range-end
+          ) {
   color:var(--theme-color-primary-text);
   outline:2px solid transparent;
   outline-offset:2px;
@@ -3218,8 +3339,6 @@ a.ndl-btn {
   left:0;
   bottom:0;
   right:0;
-
-  cursor:default;
 }
 .ndl-modal-root.ndl-modal-container{
     position:absolute;
@@ -4359,6 +4478,10 @@ a.ndl-btn {
   outline:2px solid transparent;
   outline-offset:2px;
 }
+.ndl-select-control.ndl-clean:focus-within {
+  outline-offset:-2px;
+  outline-color:var(--theme-color-primary-focus);
+}
 .ndl-select-option {
   position:relative;
   display:flex;
@@ -4886,8 +5009,6 @@ a.ndl-btn {
 }
 .ndl-wizard.ndl-wizard-small.ndl-horizontal {
   flex-direction:row;
-    -moz-column-gap:16px;
-         column-gap:16px;
 }
 .ndl-wizard.ndl-wizard-small.ndl-horizontal .ndl-wizard-steps-line {
   height:1px;
@@ -4903,8 +5024,6 @@ a.ndl-btn {
 .ndl-wizard.ndl-wizard-small.ndl-vertical {
   flex-direction:column;
     grid-column:1;
-    -moz-column-gap:0;
-         column-gap:0;
 }
 .ndl-wizard.ndl-wizard-small.ndl-vertical .ndl-wizard-steps-line {
   min-height:40px;
@@ -4913,10 +5032,10 @@ a.ndl-btn {
   background-color:var(--theme-color-neutral-bg-stronger);
 }
 .ndl-wizard.ndl-wizard-small.ndl-vertical .ndl-wizard-steps-line:first-child {
-  margin-bottom:16px;
+  margin-bottom:20px;
 }
 .ndl-wizard.ndl-wizard-small.ndl-vertical .ndl-wizard-steps-line:last-child {
-  margin-top:16px;
+  margin-top:20px;
 }
 .ndl-wizard.ndl-wizard-small .ndl-wizard-circle {
   width:6px;
@@ -5444,6 +5563,9 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
 .ndl-banner .ndl-banner-actions .ndl-cypher-editor .cm-editor .cm-button.ndl-text-button:not(:disabled):active, .ndl-banner .ndl-banner-actions .ndl-cypher-editor .cm-editor .cm-button.ndl-outlined-button:not(:disabled):active, .ndl-banner .ndl-banner-actions .ndl-cypher-editor .cm-editor .cm-button.ndl-filled-button:not(:disabled):active,.ndl-banner .ndl-banner-actions  .ndl-codemirror-editor .cm-editor .cm-button.ndl-text-button:not(:disabled):active, .ndl-banner .ndl-banner-actions  .ndl-codemirror-editor .cm-editor .cm-button.ndl-outlined-button:not(:disabled):active, .ndl-banner .ndl-banner-actions  .ndl-codemirror-editor .cm-editor .cm-button.ndl-filled-button:not(:disabled):active {
   background-color:var(--theme-color-neutral-pressed);
 }
+.ndl-text-input .ndl-input-wrapper .ndl-element .ndl-cypher-editor .cm-editor .cm-button,.ndl-text-input .ndl-input-wrapper .ndl-element  .ndl-codemirror-editor .cm-editor .cm-button{
+        height:var(--text-input-button-height);
+      }
 .ndl-tooltip-content.ndl-tooltip-content-rich .ndl-tooltip-actions .ndl-cypher-editor .cm-editor .cm-button.ndl-text-button,
       .ndl-tooltip-content.ndl-tooltip-content-rich .ndl-tooltip-actions .ndl-cypher-editor .cm-editor .cm-button.ndl-outlined-button,
       .ndl-tooltip-content.ndl-tooltip-content-rich .ndl-tooltip-actions .ndl-cypher-editor .cm-editor .cm-button.ndl-filled-button,.ndl-tooltip-content.ndl-tooltip-content-rich .ndl-tooltip-actions  .ndl-codemirror-editor .cm-editor .cm-button.ndl-text-button,
@@ -5864,472 +5986,32 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
 .ndl-status-indicator {
   display:inline-block;
 }
-.ndl-side-navigation {
-  position:relative;
-  box-sizing:border-box;
-  display:flex;
-  height:100%;
-  width:320px;
-  min-width:320px;
-  flex-direction:column;
-  background-color:var(--theme-color-neutral-bg-weak);
-  padding:0px;
-
-  transition:all var(--motion-transition-quick);
-}
-.ndl-side-navigation .ndl-side-navigation-nav-list {
-  display:flex;
-  flex-direction:column;
-  gap:4px;
-}
-.ndl-side-navigation:not(.ndl-expanded) {
-  width:64px;
-  min-width:64px;
-}
-.ndl-side-navigation:not(.ndl-expanded).ndl-side-navigation-minimized-small {
-  width:52px;
-  min-width:52px;
-}
-.ndl-side-navigation:not(.ndl-expanded) {
-
-    transition:all var(--motion-transition-quick);
-}
-.ndl-side-navigation:not(.ndl-expanded) .ndl-side-navigation-drawer-button{
-      left:8px;
-      right:unset;
-    }
-.ndl-side-navigation:not(.ndl-expanded) .ndl-side-navigation-nav-item {
-  display:flex;
-  justify-content:center;
-}
-.ndl-side-navigation:not(.ndl-expanded) .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item{
-        display:flex;
-        width:48px;
-        justify-content:center;
-      }
-.ndl-side-navigation:not(.ndl-expanded) .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item .ndl-icon {
-  margin-right:0px;
-}
-.ndl-side-navigation:not(.ndl-expanded) .ndl-side-navigation-nav-item-small {
-  display:flex;
-  justify-content:center;
-}
-.ndl-side-navigation:not(.ndl-expanded) .ndl-side-navigation-nav-item-small > .ndl-side-navigation-inner-item{
-        display:flex;
-        width:36px;
-        justify-content:center;
-      }
-.ndl-side-navigation:not(.ndl-expanded) .ndl-side-navigation-nav-item-small > .ndl-side-navigation-inner-item .ndl-icon {
-  margin-right:0px;
-}
-.ndl-side-navigation.ndl-right {
-  border-left-width:1px;
-  border-style:solid;
-  border-color:var(--theme-color-neutral-border-weak);
-}
-.ndl-side-navigation.ndl-right .ndl-side-navigation-drawer-button {
-  bottom:8px;
-  left:8px;
-  right:unset;
-}
-.ndl-side-navigation.ndl-left {
-  border-right-width:1px;
-  border-style:solid;
-  border-color:var(--theme-color-neutral-border-weak);
-}
-.ndl-side-navigation.ndl-left .ndl-side-navigation-drawer-button {
-  bottom:8px;
-  right:8px;
-  left:unset;
-}
-.ndl-side-navigation .ndl-side-navigation-nav {
-  min-height:100%;
-  width:100%;
-  overflow-y:auto;
-  overflow-x:hidden;
-  padding-top:20px;
-  padding-bottom:56px;
-}
-.ndl-side-navigation .ndl-side-navigation-nav::-webkit-scrollbar {
-  width:4px;
-}
-.ndl-side-navigation .ndl-side-navigation-nav::-webkit-scrollbar-thumb {
-  border-radius:12px;
-  background-color:var(--theme-color-neutral-bg-strong);
-}
-.ndl-side-navigation .ndl-side-navigation-nav-item {
-  margin-left:12px;
-  margin-right:7px;
-}
-.ndl-side-navigation .ndl-side-navigation-nav-item:not(.ndl-expanded) {
-  margin-left:8px;
-}
-.ndl-side-navigation .ndl-side-navigation-nav-item:not(.ndl-expanded) .ndl-selected::before{
-          position:absolute;
-          left:-8px;
-          top:0px;
-          height:100%;
-          width:4px;
-          content:'';
-          box-shadow:none;
-          border-top-right-radius:4px;
-          border-bottom-right-radius:4px;
-          background-color:var(--theme-color-primary-bg-strong);
-        }
-.ndl-side-navigation .ndl-side-navigation-nav-item.ndl-expanded .ndl-selected::before{
-          position:absolute;
-          left:-12px;
-          top:0px;
-          height:100%;
-          width:4px;
-          content:'';
-          box-shadow:none;
-          border-top-right-radius:4px;
-          border-bottom-right-radius:4px;
-          background-color:var(--theme-color-primary-bg-strong);
-        }
-.ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item {
-  display:flex;
-  height:48px;
-  width:100%;
-  align-items:center;
-  border-radius:8px;
-  color:var(--theme-color-neutral-text-default);
-}
-.ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item .ndl-icon {
-  margin-right:12px;
-  width:24px;
-  height:24px;
-  justify-content:center;
-  color:var(--theme-color-neutral-text-weak);
-}
-.ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.ndl-side-navigation-group-header{
-        height:48px;
-  font:var(--typography-title-4);
-  letter-spacing:var(--typography-title-4-letter-spacing);
-  font-family:var(--typography-title-4-font-family), sans-serif;
-      }
-.ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.ndl-selected {
-  position:relative;
-  background-color:var(--theme-color-primary-bg-weak);
-  color:var(--theme-color-primary-text);
-}
-.ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.ndl-selected .ndl-icon {
-  color:var(--theme-color-primary-text);
-}
-.ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.ndl-selectable {
-  cursor:pointer;
-}
-.ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.ndl-selectable:hover:not(.ndl-selected) {
-  background-color:var(--theme-color-neutral-hover);
-}
-.ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.ndl-selectable:focus-visible {
-  background-color:var(--theme-color-primary-bg-weak);
-  color:var(--theme-color-primary-text);
-          outline:auto;
-}
-.ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.ndl-selectable:active {
-  background-color:var(--theme-color-primary-bg-weak);
-  color:var(--theme-color-primary-text);
-}
-.ndl-side-navigation .ndl-side-navigation-nav-item-small {
-  margin-left:8px;
-  margin-right:7px;
-}
-.ndl-side-navigation .ndl-side-navigation-nav-item-small:not(.ndl-expanded) .ndl-selected::before{
-          position:absolute;
-          left:-8px;
-          top:0px;
-          height:100%;
-          width:4px;
-          content:'';
-          box-shadow:none;
-          border-top-right-radius:4px;
-          border-bottom-right-radius:4px;
-          background-color:var(--theme-color-primary-bg-strong);
-        }
-.ndl-side-navigation .ndl-side-navigation-nav-item-small.ndl-expanded .ndl-selected::before{
-          position:absolute;
-          left:-8px;
-          top:0px;
-          height:100%;
-          width:4px;
-          content:'';
-          box-shadow:none;
-          border-top-right-radius:4px;
-          border-bottom-right-radius:4px;
-          background-color:var(--theme-color-primary-bg-strong);
-        }
-.ndl-side-navigation .ndl-side-navigation-nav-item-small > .ndl-side-navigation-inner-item {
-  display:flex;
-  height:36px;
-  width:100%;
-  align-items:center;
-  border-radius:8px;
-  color:var(--theme-color-neutral-text-default);
-  font:var(--typography-body-medium);
-  letter-spacing:var(--typography-body-medium-letter-spacing);
-  font-family:var(--typography-body-medium-font-family), sans-serif;
-}
-.ndl-side-navigation .ndl-side-navigation-nav-item-small > .ndl-side-navigation-inner-item .ndl-icon {
-  margin-right:8px;
-  height:16px;
-  width:16px;
-  justify-content:center;
-  color:var(--theme-color-neutral-text-weak);
-}
-.ndl-side-navigation .ndl-side-navigation-nav-item-small > .ndl-side-navigation-inner-item.ndl-side-navigation-group-header{
-        height:auto;
-        padding-top:8px;
-        padding-bottom:8px;
-  font:var(--typography-title-4);
-  letter-spacing:var(--typography-title-4-letter-spacing);
-  font-family:var(--typography-title-4-font-family), sans-serif;
-      }
-.ndl-side-navigation .ndl-side-navigation-nav-item-small > .ndl-side-navigation-inner-item.ndl-selected {
-  position:relative;
-  background-color:var(--theme-color-primary-bg-weak);
-  color:var(--theme-color-primary-text);
-}
-.ndl-side-navigation .ndl-side-navigation-nav-item-small > .ndl-side-navigation-inner-item.ndl-selected .ndl-icon {
-  color:var(--theme-color-primary-text);
-}
-.ndl-side-navigation .ndl-side-navigation-nav-item-small > .ndl-side-navigation-inner-item.ndl-selectable {
-  cursor:pointer;
-}
-.ndl-side-navigation .ndl-side-navigation-nav-item-small > .ndl-side-navigation-inner-item.ndl-selectable:hover:not(.ndl-selected) {
-  background-color:var(--theme-color-neutral-hover);
-}
-.ndl-side-navigation .ndl-side-navigation-nav-item-small > .ndl-side-navigation-inner-item.ndl-selectable:focus-visible {
-  background-color:var(--theme-color-primary-bg-weak);
-  color:var(--theme-color-primary-text);
-          outline:auto;
-}
-.ndl-side-navigation .ndl-side-navigation-nav-item-small > .ndl-side-navigation-inner-item.ndl-selectable:active {
-  background-color:var(--theme-color-primary-bg-weak);
-  color:var(--theme-color-primary-text);
-}
-.ndl-side-navigation .ndl-side-navigation-drawer-button {
-  position:absolute;
-  bottom:12px;
-  box-sizing:content-box;
-  border-radius:7px;
-  background-color:var(--theme-color-neutral-bg-weak);
-}
-.ndl-side-navigation .ndl-side-navigation-drawer-button:hover {
-  background-color:var(--theme-color-neutral-bg-default);
-}
-.ndl-side-navigation .ndl-side-navigation-drawer-button:active {
-  background-color:var(--theme-color-neutral-bg-strong);
-}
-.ndl-side-navigation .ndl-side-navigation-drawer-button .ndl-icon{
-      display:flex;
-      align-items:center;
-      justify-content:center;
-    }
-.ndl-side-navigation .ndl-side-navigation-drawer-button.ndl-icon-btn-border {
-  z-index:-1;
-  box-sizing:content-box;
-  border-radius:8px;
-  border-width:1px;
-  border-style:solid;
-  border-color:var(--theme-color-neutral-border-weak);
-}
-.ndl-side-navigation .ndl-badge {
-  margin-left:auto;
-  margin-right:16px;
-  display:flex;
-  width:20px;
-  height:20px;
-  justify-content:center;
-  border-radius:4px;
-}
-.ndl-side-navigation .ndl-badge.ndl-critical {
-  background-color:var(--theme-color-danger-bg-weak);
-  color:var(--theme-color-danger-text);
-}
-.ndl-side-navigation .ndl-badge.ndl-warning {
-  background-color:var(--theme-color-warning-bg-weak);
-  color:var(--theme-color-warning-text);
-}
-.ndl-side-navigation .ndl-badge.ndl-info {
-  background-color:var(--theme-color-primary-bg-weak);
-  color:var(--theme-color-primary-text);
-}
-.ndl-side-navigation .ndl-selected .ndl-badge.ndl-critical {
-  background-color:var(--theme-color-danger-bg-status);
-  color:var(--theme-color-neutral-text-inverse);
-}
-.ndl-side-navigation .ndl-selected .ndl-badge.ndl-warning {
-  background-color:var(--theme-color-warning-bg-status);
-  color:var(--theme-color-neutral-text-inverse);
-}
-.ndl-side-navigation .ndl-selected .ndl-badge.ndl-info {
-  background-color:var(--theme-color-primary-bg-status);
-  color:var(--theme-color-neutral-text-inverse);
-}
-.ndl-breadcrumbs.ndl-breadcrumbs-old {
-  display:flex;
-  height:32px;
-  place-items:center;
-  align-items:flex-start;
-  gap:10px;
-}
-.ndl-breadcrumbs.ndl-breadcrumbs-old ol {
-  display:flex;
-  flex-wrap:wrap;
-  align-items:center;
-}
-.ndl-breadcrumbs.ndl-breadcrumbs-old li {
-  display:flex;
-}
-.ndl-breadcrumbs.ndl-breadcrumbs-old .ndl-breadcrumbs-base-item {
-  align-items:center;
-  border-radius:6px;
-}
-.ndl-breadcrumbs.ndl-breadcrumbs-old .ndl-breadcrumbs-base-item-link {
-  border-radius:6px;
-  padding-left:4px;
-  padding-right:4px;
-  color:var(--theme-color-neutral-text-weaker);
-  outline:2px solid transparent;
-  outline-offset:2px;
-}
-.ndl-breadcrumbs.ndl-breadcrumbs-old .ndl-breadcrumbs-base-item-link:focus-visible {
-  outline-width:2px;
-  outline-offset:-2px;
-  outline-color:var(--theme-color-primary-focus);
-}
-.ndl-breadcrumbs.ndl-breadcrumbs-old .ndl-breadcrumbs-base-item-link-active {
-  color:var(--theme-color-neutral-text-default);
-}
-.ndl-breadcrumbs.ndl-breadcrumbs-old .ndl-breadcrumbs-base-item-link:hover {
-  color:var(--theme-color-neutral-text-default);
-  text-decoration-line:underline;
-}
-.ndl-breadcrumbs.ndl-breadcrumbs-old .ndl-breadcrumbs-item {
-  display:flex;
-  align-items:center;
-}
-.ndl-breadcrumbs.ndl-breadcrumbs-old .ndl-breadcrumbs-item-link {
-  cursor:default;
-  border-radius:6px;
-  padding-left:4px;
-  padding-right:4px;
-  color:var(--theme-color-neutral-text-weaker);
-  outline:2px solid transparent;
-  outline-offset:2px;
-}
-.ndl-breadcrumbs.ndl-breadcrumbs-old .ndl-breadcrumbs-item-link:focus-visible {
-  outline-width:2px;
-  outline-offset:-2px;
-  outline-color:var(--theme-color-primary-focus);
-}
-.ndl-breadcrumbs.ndl-breadcrumbs-old .ndl-breadcrumbs-item-link-interactable:hover {
-  cursor:pointer;
-  color:var(--theme-color-neutral-text-default);
-  text-decoration-line:underline;
-}
-.ndl-breadcrumbs.ndl-breadcrumbs-old .ndl-breadcrumbs-item-link-active {
-  color:var(--theme-color-neutral-text-default);
-}
-.ndl-breadcrumbs.ndl-breadcrumbs-old .ndl-breadcrumbs-item-menu {
-  display:flex;
-}
-.ndl-breadcrumbs.ndl-breadcrumbs-old .ndl-breadcrumbs-separator:not(:only-child):before {
-  margin-left:4px;
-  margin-right:4px;
-  color:var(--theme-color-neutral-border-strong);
-  font:var(--typography-body-medium);
-  letter-spacing:var(--typography-body-medium-letter-spacing);
-  font-family:var(--typography-body-medium-font-family), sans-serif;
-    content:'/';
-}
-.ndl-breadcrumbs.ndl-breadcrumbs-old .ndl-breadcrumbs-ellipsis-menu {
-  margin-left:1px;
-  margin-right:1px;
-  display:flex;
-  align-items:center;
-}
-.ndl-breadcrumbs.ndl-breadcrumbs-old .ndl-breadcrumbs-ellipsis-menu-hidden{
-    opacity:0;
-  }
-.ndl-breadcrumbs.ndl-breadcrumbs-old .ndl-breadcrumbs-ellipsis--menu-button:hover {
-  cursor:pointer;
-  text-decoration-line:underline;
-}
-.ndl-breadcrumbs.ndl-breadcrumbs-old .ndl-breadcrumbs-ellipsis-menu-button {
-  border-radius:6px;
-  display:flex;
-  align-self:center;
-  height:22px;
-}
-.ndl-breadcrumbs.ndl-breadcrumbs-old .ndl-breadcrumbs-ellipsis-menu-button:focus {
-  outline:2px solid transparent;
-  outline-offset:2px;
-}
-.ndl-breadcrumbs.ndl-breadcrumbs-old .ndl-breadcrumbs-ellipsis-menu-button:focus-visible {
-  outline-width:2px;
-  outline-offset:2px;
-  outline-color:var(--theme-color-primary-focus);
-}
-.ndl-breadcrumbs.ndl-breadcrumbs-old .ndl-breadcrumbs-ellipsis-menu-button:hover {
-  text-decoration-line:underline;
-}
-.ndl-breadcrumbs-ellipsis-menu-item {
-  padding-top:4px;
-  padding-bottom:4px;
-  padding-left:4px;
-  padding-right:4px;
-  color:var(--theme-color-neutral-text-weak);
-}
-.ndl-breadcrumbs-item-menu-button {
-  display:flex;
-  align-items:center;
-  align-self:center;
-  padding-top:1px;
-  padding-bottom:1px;
-  border-radius:6px;
-  color:var(--theme-color-neutral-text-weaker);
-
-  margin-left:4px;
-}
-.ndl-breadcrumbs-item-menu-button:hover {
-  cursor:pointer;
-  background-color:transparent;
-}
-.ndl-breadcrumbs-item-link-active {
-  color:var(--theme-color-neutral-text-default);
-}
-.ndl-breadcrumbs-group-item {
-  display:flex;
-}
-.ndl-breadcrumbs:not(.ndl-breadcrumbs-old) {
+.ndl-breadcrumbs {
   display:flex;
   min-width:0px;
   align-items:center;
   justify-content:flex-start;
 }
-.ndl-breadcrumbs:not(.ndl-breadcrumbs-old) .ndl-breadcrumbs-list {
+.ndl-breadcrumbs .ndl-breadcrumbs-list {
   display:flex;
   min-width:0px;
   align-items:center;
   justify-content:flex-start;
   gap:4px;
 }
-.ndl-breadcrumbs:not(.ndl-breadcrumbs-old) .ndl-breadcrumbs-list.ndl-breadcrumbs-wrap {
+.ndl-breadcrumbs .ndl-breadcrumbs-list.ndl-breadcrumbs-wrap {
   flex-wrap:wrap;
 }
-.ndl-breadcrumbs:not(.ndl-breadcrumbs-old) .ndl-breadcrumbs-list .ndl-breadcrumbs-item {
+.ndl-breadcrumbs .ndl-breadcrumbs-list .ndl-breadcrumbs-item {
   display:flex;
   min-width:0px;
   align-items:center;
   gap:4px;
 }
-.ndl-breadcrumbs:not(.ndl-breadcrumbs-old) .ndl-breadcrumbs-list .ndl-breadcrumbs-item:not(:has(.ndl-breadcrumbs-select)):not(:has(.ndl-breadcrumbs-button)) {
+.ndl-breadcrumbs .ndl-breadcrumbs-list .ndl-breadcrumbs-item:not(:has(.ndl-breadcrumbs-select)):not(:has(.ndl-breadcrumbs-button)) {
   flex-shrink:0;
 }
-.ndl-breadcrumbs:not(.ndl-breadcrumbs-old) .ndl-breadcrumbs-list .ndl-breadcrumbs-item:not(:first-child):before {
+.ndl-breadcrumbs .ndl-breadcrumbs-list .ndl-breadcrumbs-item:not(:first-child):before {
   color:var(--theme-color-neutral-border-strong);
   --tw-content:'/';
   content:var(--tw-content);
@@ -6337,24 +6019,24 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
   letter-spacing:var(--typography-label-letter-spacing);
   font-family:var(--typography-label-font-family), sans-serif;
 }
-.ndl-breadcrumbs:not(.ndl-breadcrumbs-old) .ndl-breadcrumbs-list .ndl-breadcrumbs-item .ndl-breadcrumbs-item-inner {
+.ndl-breadcrumbs .ndl-breadcrumbs-list .ndl-breadcrumbs-item .ndl-breadcrumbs-item-inner {
   display:flex;
   min-width:0px;
   flex-direction:row;
   align-items:center;
   gap:1px;
 }
-.ndl-breadcrumbs:not(.ndl-breadcrumbs-old) .ndl-breadcrumbs-list .ndl-breadcrumbs-item .ndl-breadcrumbs-item-inner:has(.ndl-breadcrumbs-button):has(.ndl-breadcrumbs-select) {
+.ndl-breadcrumbs .ndl-breadcrumbs-list .ndl-breadcrumbs-item .ndl-breadcrumbs-item-inner:has(.ndl-breadcrumbs-button):has(.ndl-breadcrumbs-select) {
   min-width:64px;
 }
-.ndl-breadcrumbs:not(.ndl-breadcrumbs-old) .ndl-breadcrumbs-list .ndl-breadcrumbs-item .ndl-breadcrumbs-item-inner:has(.ndl-breadcrumbs-button):not(:has(.ndl-breadcrumbs-select)) {
+.ndl-breadcrumbs .ndl-breadcrumbs-list .ndl-breadcrumbs-item .ndl-breadcrumbs-item-inner:has(.ndl-breadcrumbs-button):not(:has(.ndl-breadcrumbs-select)) {
   min-width:32px;
 }
-.ndl-breadcrumbs:not(.ndl-breadcrumbs-old) .ndl-breadcrumbs-list .ndl-breadcrumbs-item .ndl-breadcrumbs-item-inner:hover:has(:is(button, a).ndl-breadcrumbs-button:nth-child(2))
+.ndl-breadcrumbs .ndl-breadcrumbs-list .ndl-breadcrumbs-item .ndl-breadcrumbs-item-inner:hover:has(:is(button, a).ndl-breadcrumbs-button:nth-child(2))
             :is(button, a).ndl-breadcrumbs-button:not(:hover):not(:active) {
   background-color:var(--theme-color-neutral-hover);
 }
-.ndl-breadcrumbs:not(.ndl-breadcrumbs-old) .ndl-breadcrumbs-list .ndl-breadcrumbs-item .ndl-breadcrumbs-item-inner:hover:has(:is(button, a).ndl-breadcrumbs-button:nth-child(2))
+.ndl-breadcrumbs .ndl-breadcrumbs-list .ndl-breadcrumbs-item .ndl-breadcrumbs-item-inner:hover:has(:is(button, a).ndl-breadcrumbs-button:nth-child(2))
             :is(button, a).ndl-breadcrumbs-button:hover:after {
   pointer-events:none;
   position:absolute;
@@ -6364,7 +6046,7 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
   content:var(--tw-content);
             border-radius:inherit;
 }
-.ndl-breadcrumbs:not(.ndl-breadcrumbs-old) .ndl-breadcrumbs-button {
+.ndl-breadcrumbs .ndl-breadcrumbs-button {
   position:relative;
   display:flex;
   height:32px;
@@ -6379,43 +6061,43 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
   letter-spacing:var(--typography-body-medium-letter-spacing);
   font-family:var(--typography-body-medium-font-family), sans-serif;
 }
-.ndl-breadcrumbs:not(.ndl-breadcrumbs-old) .ndl-breadcrumbs-button:nth-child(-n + 1 of .ndl-breadcrumbs-button) {
+.ndl-breadcrumbs .ndl-breadcrumbs-button:nth-child(-n + 1 of .ndl-breadcrumbs-button) {
   border-top-left-radius:6px;
   border-bottom-left-radius:6px;
   padding-right:6px;
   padding-left:8px;
 }
-.ndl-breadcrumbs:not(.ndl-breadcrumbs-old) .ndl-breadcrumbs-button:nth-last-child(-n + 1 of .ndl-breadcrumbs-button) {
+.ndl-breadcrumbs .ndl-breadcrumbs-button:nth-last-child(-n + 1 of .ndl-breadcrumbs-button) {
   border-top-right-radius:6px;
   border-bottom-right-radius:6px;
   padding-right:8px;
 }
-.ndl-breadcrumbs:not(.ndl-breadcrumbs-old) .ndl-breadcrumbs-button:is(button, a) {
+.ndl-breadcrumbs .ndl-breadcrumbs-button:is(button, a) {
   outline:2px solid transparent;
   outline-offset:2px;
 }
-.ndl-breadcrumbs:not(.ndl-breadcrumbs-old) .ndl-breadcrumbs-button:is(button, a):hover {
+.ndl-breadcrumbs .ndl-breadcrumbs-button:is(button, a):hover {
   background-color:var(--theme-color-neutral-hover);
 }
-.ndl-breadcrumbs:not(.ndl-breadcrumbs-old) .ndl-breadcrumbs-button:is(button, a):focus-visible {
+.ndl-breadcrumbs .ndl-breadcrumbs-button:is(button, a):focus-visible {
   outline-width:2px;
   outline-offset:-2px;
   outline-color:var(--theme-color-primary-focus);
 }
-.ndl-breadcrumbs:not(.ndl-breadcrumbs-old) .ndl-breadcrumbs-button:is(button, a):active {
+.ndl-breadcrumbs .ndl-breadcrumbs-button:is(button, a):active {
   background-color:var(--theme-color-neutral-pressed);
 }
-.ndl-breadcrumbs:not(.ndl-breadcrumbs-old) .ndl-breadcrumbs-button .ndl-breadcrumbs-button-leading-element {
+.ndl-breadcrumbs .ndl-breadcrumbs-button .ndl-breadcrumbs-button-leading-element {
   width:16px;
   height:16px;
   flex-shrink:0;
 }
-.ndl-breadcrumbs:not(.ndl-breadcrumbs-old) .ndl-breadcrumbs-button .ndl-breadcrumbs-button-leading-element svg {
+.ndl-breadcrumbs .ndl-breadcrumbs-button .ndl-breadcrumbs-button-leading-element svg {
   width:16px;
   height:16px;
   color:var(--theme-color-neutral-icon);
 }
-.ndl-breadcrumbs:not(.ndl-breadcrumbs-old) .ndl-breadcrumbs-button .ndl-breadcrumbs-button-content {
+.ndl-breadcrumbs .ndl-breadcrumbs-button .ndl-breadcrumbs-button-content {
   display:block;
   min-width:0px;
   flex-shrink:1;
@@ -6423,7 +6105,7 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
   text-overflow:ellipsis;
   white-space:nowrap;
 }
-.ndl-breadcrumbs:not(.ndl-breadcrumbs-old) .ndl-breadcrumbs-select {
+.ndl-breadcrumbs .ndl-breadcrumbs-select {
   width:32px;
   height:32px;
   flex-shrink:0;
@@ -6431,10 +6113,10 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
   padding-left:8px;
   padding-right:8px;
 }
-.ndl-breadcrumbs:not(.ndl-breadcrumbs-old) .ndl-breadcrumbs-select:first-child {
+.ndl-breadcrumbs .ndl-breadcrumbs-select:first-child {
   padding-left:8px;
 }
-.ndl-breadcrumbs:not(.ndl-breadcrumbs-old) .ndl-breadcrumbs-link {
+.ndl-breadcrumbs .ndl-breadcrumbs-link {
   margin-left:4px;
   margin-right:4px;
   overflow:hidden;
@@ -6446,24 +6128,24 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
   letter-spacing:var(--typography-body-medium-letter-spacing);
   font-family:var(--typography-body-medium-font-family), sans-serif;
 }
-.ndl-breadcrumbs:not(.ndl-breadcrumbs-old) .ndl-breadcrumbs-link:is(button, a) {
+.ndl-breadcrumbs .ndl-breadcrumbs-link:is(button, a) {
   cursor:pointer;
   outline:2px solid transparent;
   outline-offset:2px;
 }
-.ndl-breadcrumbs:not(.ndl-breadcrumbs-old) .ndl-breadcrumbs-link:is(button, a):hover {
+.ndl-breadcrumbs .ndl-breadcrumbs-link:is(button, a):hover {
   color:var(--theme-color-neutral-text-default);
   text-decoration-line:underline;
 }
-.ndl-breadcrumbs:not(.ndl-breadcrumbs-old) .ndl-breadcrumbs-link:is(button, a):focus-visible {
+.ndl-breadcrumbs .ndl-breadcrumbs-link:is(button, a):focus-visible {
   outline-width:2px;
   outline-offset:0px;
   outline-color:var(--theme-color-primary-focus);
 }
-.ndl-breadcrumbs:not(.ndl-breadcrumbs-old) .ndl-breadcrumbs-link:is(button, a):active {
+.ndl-breadcrumbs .ndl-breadcrumbs-link:is(button, a):active {
   color:var(--theme-color-neutral-text-default);
 }
-.ndl-breadcrumbs:not(.ndl-breadcrumbs-old) .ndl-breadcrumbs-link.ndl-breadcrumbs-link-current {
+.ndl-breadcrumbs .ndl-breadcrumbs-link.ndl-breadcrumbs-link-current {
   color:var(--theme-color-neutral-text-default);
 }
 .ndl-avatar{
@@ -6800,17 +6482,28 @@ button.ndl-avatar:focus-visible {
   flex-direction:column;
   gap:4px;
 }
+.ndl-inline-edit.ndl-fluid {
+  width:100%;
+}
 .ndl-inline-edit label {
+  width:-moz-fit-content;
+  width:fit-content;
   color:var(--theme-color-neutral-text-weak);
   font:var(--typography-body-medium);
   letter-spacing:var(--typography-body-medium-letter-spacing);
   font-family:var(--typography-body-medium-font-family), sans-serif;
 }
+.ndl-inline-edit .ndl-inline-edit-input,
+  .ndl-inline-edit .ndl-inline-idle-container:focus-visible {
+  outline-style:solid;
+  outline-width:2px;
+  outline-offset:-2px;
+  outline-color:var(--theme-color-primary-focus);
+}
 .ndl-inline-edit .ndl-inline-idle-container {
   display:flex;
-  height:100%;
-  width:-moz-max-content;
-  width:max-content;
+  width:-moz-fit-content;
+  width:fit-content;
   max-width:100%;
   cursor:text;
   flex-direction:row;
@@ -6819,11 +6512,8 @@ button.ndl-avatar:focus-visible {
   border-radius:4px;
   padding-left:4px;
   padding-right:4px;
-}
-.ndl-inline-edit .ndl-inline-idle-container:focus-visible {
-  outline-width:2px;
-  outline-offset:-2px;
-  outline-color:var(--theme-color-primary-focus);
+  flex-shrink:1;
+  flex-grow:1;
 }
 .ndl-inline-edit .ndl-inline-idle-container.ndl-disabled {
   cursor:not-allowed;
@@ -6840,79 +6530,40 @@ button.ndl-avatar:focus-visible {
 }
 .ndl-inline-edit .ndl-inline-edit-container {
   position:relative;
-  display:flex;
-  width:-moz-max-content;
-  width:max-content;
-}
-.ndl-inline-edit .ndl-inline-edit-container.ndl-inline-edit-flex {
   display:flex;
   max-width:100%;
-  flex-direction:column;
-  gap:1px;
-}
-.ndl-inline-edit .ndl-inline-edit-container .ndl-inline-edit-input-container {
-  position:relative;
-  display:flex;
-  width:-moz-max-content;
-  width:max-content;
+  flex-shrink:1;
+  flex-grow:1;
 }
-.ndl-inline-edit .ndl-inline-edit-container .ndl-inline-edit-input-container input {
+.ndl-inline-edit .ndl-inline-edit-container .ndl-inline-edit-input {
   box-sizing:border-box;
+  min-width:0px;
   max-width:100%;
-  overflow:hidden;
-  text-overflow:ellipsis;
+  flex-shrink:1;
+  flex-grow:1;
   border-radius:4px;
   padding-top:0px;
   padding-bottom:0px;
   padding-left:4px;
   padding-right:4px;
-  outline:2px solid transparent;
-  outline-width:2px;
-  outline-offset:-2px;
-  outline-color:var(--theme-color-primary-focus);
-}
-.ndl-inline-edit .ndl-inline-edit-container .ndl-inline-edit-input-container.ndl-inline-edit-error input {
-  outline-color:var(--theme-color-danger-border-strong);
-}
-.ndl-inline-edit .ndl-inline-edit-container .ndl-inline-edit-input-container.ndl-inline-edit-error .ndl-inline-edit-error-icon {
-  position:absolute;
-  right:4px;
-  top:50%;
-  --tw-translate-y:-50%;
-  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-  color:var(--theme-color-danger-icon);
 }
 .ndl-inline-edit .ndl-inline-edit-container .ndl-inline-edit-buttons {
   position:absolute;
+  z-index:10;
   display:flex;
   gap:4px;
       inset-block-start:calc(100% + 4px);
       inset-inline-end:0;
 }
-.ndl-inline-edit .ndl-inline-edit-container .ndl-inline-edit-buttons.ndl-inline-edit-buttons-flex {
-  position:static;
-  margin-left:auto;
-  margin-top:4px;
-        align-self:unset !important;
-}
 .ndl-inline-edit .ndl-inline-edit-mirror {
+  width:-moz-fit-content;
+  width:fit-content;
+  white-space:pre;
+  padding-left:4px;
+  padding-right:4px;
   visibility:hidden;
   position:absolute;
   height:0px;
-  overflow:scroll;
-  white-space:pre;
-}
-.ndl-inline-edit .ndl-inline-edit-input-container {
-  max-width:100%;
-  overflow:hidden;
-}
-.ndl-inline-edit .ndl-inline-edit-input {
-  box-sizing:border-box;
-  max-width:100%;
-  overflow-x:auto;
-}
-.ndl-inline-edit .ndl-inline-edit-error-icon {
-  flex-shrink:0;
 }
 .ndl-inline-edit .ndl-inline-edit-pencil-icon {
   flex-shrink:0;
@@ -7184,7 +6835,7 @@ button.ndl-avatar:focus-visible {
   display:flex;
   flex-direction:row;
   align-items:center;
-  gap:4px;
+  gap:8px;
 }
 .ndl-tree-view-list .ndl-tree-view-list-item .ndl-tree-view-actions {
   margin-left:auto;
@@ -7391,6 +7042,7 @@ button.ndl-avatar:focus-visible {
   --text-input-icon-size:var(--space-16);
   --text-input-gap:6px;
   --text-input-icon-button-size:calc(var(--text-input-height) - 4px);
+  --text-input-button-height:calc(var(--text-input-height) - 8px);
 }
 .ndl-text-input.ndl-small{
     --text-input-height:28px;
@@ -7438,7 +7090,7 @@ button.ndl-avatar:focus-visible {
 }
 .ndl-text-input .ndl-input-wrapper input {
   width:100%;
-  background-color:var(--theme-color-neutral-bg-weak);
+  background-color:transparent;
   color:var(--theme-color-neutral-text-default);
   outline:2px solid transparent;
   outline-offset:2px;
@@ -7457,6 +7109,9 @@ button.ndl-avatar:focus-visible {
         height:var(--text-input-icon-button-size);
         width:var(--text-input-icon-button-size);
       }
+.ndl-text-input .ndl-input-wrapper .ndl-element .ndl-btn{
+        height:var(--text-input-button-height);
+      }
 .ndl-text-input .ndl-form-item-label {
   display:block;
   width:-moz-fit-content;
@@ -7512,7 +7167,8 @@ button.ndl-avatar:focus-visible {
 .ndl-text-input .ndl-form-message .ndl-error-text {
   color:var(--theme-color-danger-text);
 }
-.ndl-text-input.ndl-disabled .ndl-label-text {
+.ndl-text-input.ndl-disabled .ndl-label-text,
+    .ndl-text-input.ndl-disabled .ndl-form-message {
   color:var(--theme-color-neutral-text-weakest);
 }
 .ndl-text-input.ndl-disabled .ndl-input-wrapper {
@@ -7522,19 +7178,18 @@ button.ndl-avatar:focus-visible {
 }
 .ndl-text-input.ndl-disabled .ndl-input-wrapper input {
   cursor:not-allowed;
-  background-color:transparent;
   color:var(--theme-color-neutral-text-weakest);
 }
-.ndl-text-input.ndl-read-only:not(.ndl-disabled) input {
-  border-style:none;
-  background-color:transparent;
-  outline:2px solid transparent;
-  outline-offset:2px;
-  padding:0px;
+.ndl-text-input.ndl-disabled .ndl-input-wrapper .ndl-icon-svg {
+  color:var(--theme-color-neutral-text-weakest);
 }
-.ndl-text-input.ndl-read-only input {
-  outline:2px solid transparent;
-  outline-offset:2px;
+.ndl-text-input.ndl-read-only:not(.ndl-disabled) .ndl-input-wrapper {
+  border-color:var(--theme-color-neutral-border-weak);
+  background-color:var(--theme-color-neutral-bg-on-bg-weak);
+  color:var(--theme-color-neutral-text-weak);
+}
+.ndl-text-input.ndl-read-only:not(.ndl-disabled) .ndl-input-wrapper input {
+  color:var(--theme-color-neutral-text-weak);
 }
 .ndl-text-input .ndl-form-item-label.ndl-fluid {
   display:flex;
@@ -7545,11 +7200,6 @@ button.ndl-avatar:focus-visible {
   display:flex;
   width:100%;
 }
-.ndl-text-input.ndl-read-only .ndl-input-wrapper {
-  border-color:transparent;
-  background-color:transparent;
-  color:var(--theme-color-neutral-text-weak);
-}
 .ndl-text-input.ndl-has-error .ndl-input-wrapper {
   outline-style:solid;
   outline-width:2px;
@@ -7571,16 +7221,6 @@ button.ndl-avatar:focus-visible {
   letter-spacing:var(--typography-body-large-letter-spacing);
   font-family:var(--typography-body-large-font-family), sans-serif;
 }
-.ndl-text-input.ndl-read-only.ndl-small .ndl-input-wrapper,
-  .ndl-text-input.ndl-read-only.ndl-medium .ndl-input-wrapper,
-  .ndl-text-input.ndl-read-only.ndl-large .ndl-input-wrapper{
-    height:28px;
-    padding-left:var(--space-4);
-    padding-right:var(--space-4);
-  font:var(--typography-body-medium);
-  letter-spacing:var(--typography-body-medium-letter-spacing);
-  font-family:var(--typography-body-medium-font-family), sans-serif;
-  }
 .ndl-tooltip-content {
   z-index:50;
   font:var(--typography-body-medium);
@@ -8060,9 +7700,9 @@ button.ndl-avatar:focus-visible {
 }
 :root{
   --spotlight-target-pulse-color:rgba(233, 222, 255, 0.5);
-  --spotlight-overlay-z-index:var(--z-index-blanket);
-  --spotlight-target-z-index:calc(var(--spotlight-overlay-z-index) + 1);
-  --spotlight-z-index:var(--z-index-popover);
+  --spotlight-z-index:70;
+  --spotlight-target-z-index:calc(var(--spotlight-z-index) - 1);
+  --spotlight-overlay-z-index:calc(var(--spotlight-z-index) - 2);
 }
 .ndl-theme-dark{
   --spotlight-target-pulse-color:rgba(233, 222, 255, 0.2);
@@ -8206,7 +7846,6 @@ button.ndl-avatar:focus-visible {
 }
 .ndl-spotlight-target.ndl-spotlight-target-open {
   cursor:default;
-    z-index:var(--spotlight-target-z-index);
 }
 .ndl-spotlight-target .ndl-spotlight-target-inert:focus-visible {
   border-style:none;
@@ -8407,7 +8046,7 @@ button.ndl-avatar:focus-visible {
   width:16px;
   border-radius:9999px;
   border-width:3px;
-  border-color:var(--theme-color-neutral-bg-weak);
+  border-color:#ffffffff;
   background-color:transparent;
   --tw-shadow:var(--theme-shadow-raised);
   --tw-shadow-colored:var(--theme-shadow-raised);
@@ -8468,9 +8107,10 @@ button.ndl-avatar:focus-visible {
 }
 .ndl-color-picker .w-color-interactive:focus-visible {
   border-radius:8px;
-  outline-width:2px;
-  outline-offset:1px;
-  outline-color:var(--theme-color-primary-focus);
+  outline-style:solid !important;
+  outline-width:2px !important;
+  outline-offset:0px !important;
+  outline-color:var(--theme-color-primary-focus) !important;
 }
 .ndl-side-nav{
   --side-nav-width-collapsed:48px;
@@ -8638,10 +8278,10 @@ button.ndl-avatar:focus-visible {
   flex-shrink:0;
   align-items:center;
 }
-.ndl-side-nav .ndl-side-nav-list-item .ndl-side-nav-nav-item:hover {
+.ndl-side-nav .ndl-side-nav-list-item .ndl-side-nav-nav-item {
   cursor:pointer;
 }
-.ndl-side-nav .ndl-side-nav-list-item .ndl-side-nav-category-item:hover {
+.ndl-side-nav .ndl-side-nav-list-item .ndl-side-nav-category-item {
   cursor:default;
 }
 .ndl-side-nav .ndl-side-nav-list-item .ndl-side-nav-selected-indicator {
@@ -8930,6 +8570,37 @@ button.ndl-avatar:focus-visible {
 .ndl-graph-visualization-container .ndl-sidepanel-handle {
   margin-left:4px;
 }
+.ndl-kbd{
+  --kbd-padding-x:2px;
+  display:inline-flex;
+  align-items:center;
+  gap:4px;
+  color:var(--theme-color-neutral-text-weaker);
+  font:var(--typography-body-medium);
+}
+.ndl-kbd .ndl-kbd-then{
+    padding-left:var(--kbd-padding-x);
+    padding-right:var(--kbd-padding-x);
+  }
+.ndl-kbd .ndl-kbd-key {
+  min-width:20px;
+  flex-grow:0;
+  border-radius:4px;
+  border-width:1px;
+  border-style:solid;
+  border-color:var(--theme-color-neutral-border-weak);
+  text-align:center;
+    text-decoration:none;
+    padding-left:calc(var(--kbd-padding-x) - 1px);
+    padding-right:calc(var(--kbd-padding-x) - 1px);
+}
+.ndl-tooltip-content-simple .ndl-kbd {
+  margin-left:12px;
+  color:var(--theme-color-neutral-border-strong);
+}
+.ndl-tooltip-content-simple .ndl-kbd .ndl-kbd-key {
+  border-color:var(--theme-color-neutral-border-strongest);
+}
 .n-fixed {
   position:fixed;
 }
@@ -8975,10 +8646,6 @@ button.ndl-avatar:focus-visible {
 .n-m-token-4 {
   margin:4px;
 }
-.n-mx-2 {
-  margin-left:8px;
-  margin-right:8px;
-}
 .n-mx-auto {
   margin-left:auto;
   margin-right:auto;
@@ -9010,6 +8677,9 @@ button.ndl-avatar:focus-visible {
 .n-mb-4 {
   margin-bottom:16px;
 }
+.n-mb-token-8 {
+  margin-bottom:8px;
+}
 .n-ml-0 {
   margin-left:0px;
 }
@@ -9019,15 +8689,9 @@ button.ndl-avatar:focus-visible {
 .n-mr-token-8 {
   margin-right:8px;
 }
-.n-mt-10 {
-  margin-top:40px;
-}
 .n-mt-5 {
   margin-top:20px;
 }
-.n-mt-8 {
-  margin-top:32px;
-}
 .n-mt-token-16 {
   margin-top:16px;
 }
@@ -9303,9 +8967,6 @@ button.ndl-avatar:focus-visible {
 .n-gap-2 {
   gap:8px;
 }
-.n-gap-32 {
-  gap:128px;
-}
 .n-gap-4 {
   gap:16px;
 }
@@ -13604,6 +13265,27 @@ button.ndl-avatar:focus-visible {
 .n-border-dark-warning-text\/95 {
   border-color:rgb(255 214 0 / 0.95);
 }
+.n-border-discovery-bg-status {
+  border-color:var(--theme-color-discovery-bg-status);
+}
+.n-border-discovery-bg-strong {
+  border-color:var(--theme-color-discovery-bg-strong);
+}
+.n-border-discovery-bg-weak {
+  border-color:var(--theme-color-discovery-bg-weak);
+}
+.n-border-discovery-border-strong {
+  border-color:var(--theme-color-discovery-border-strong);
+}
+.n-border-discovery-border-weak {
+  border-color:var(--theme-color-discovery-border-weak);
+}
+.n-border-discovery-icon {
+  border-color:var(--theme-color-discovery-icon);
+}
+.n-border-discovery-text {
+  border-color:var(--theme-color-discovery-text);
+}
 .n-border-light-danger-bg-status {
   border-color:#e84e2cff;
 }
@@ -23084,6 +22766,27 @@ button.ndl-avatar:focus-visible {
 .n-bg-dark-warning-text\/95 {
   background-color:rgb(255 214 0 / 0.95);
 }
+.n-bg-discovery-bg-status {
+  background-color:var(--theme-color-discovery-bg-status);
+}
+.n-bg-discovery-bg-strong {
+  background-color:var(--theme-color-discovery-bg-strong);
+}
+.n-bg-discovery-bg-weak {
+  background-color:var(--theme-color-discovery-bg-weak);
+}
+.n-bg-discovery-border-strong {
+  background-color:var(--theme-color-discovery-border-strong);
+}
+.n-bg-discovery-border-weak {
+  background-color:var(--theme-color-discovery-border-weak);
+}
+.n-bg-discovery-icon {
+  background-color:var(--theme-color-discovery-icon);
+}
+.n-bg-discovery-text {
+  background-color:var(--theme-color-discovery-text);
+}
 .n-bg-light-danger-bg-status {
   background-color:#e84e2cff;
 }
@@ -28409,9 +28112,6 @@ button.ndl-avatar:focus-visible {
 .n-p-token-16 {
   padding:16px;
 }
-.n-p-token-2 {
-  padding:2px;
-}
 .n-p-token-24 {
   padding:24px;
 }
@@ -32716,6 +32416,27 @@ button.ndl-avatar:focus-visible {
 .n-text-dark-warning-text\/95 {
   color:rgb(255 214 0 / 0.95);
 }
+.n-text-discovery-bg-status {
+  color:var(--theme-color-discovery-bg-status);
+}
+.n-text-discovery-bg-strong {
+  color:var(--theme-color-discovery-bg-strong);
+}
+.n-text-discovery-bg-weak {
+  color:var(--theme-color-discovery-bg-weak);
+}
+.n-text-discovery-border-strong {
+  color:var(--theme-color-discovery-border-strong);
+}
+.n-text-discovery-border-weak {
+  color:var(--theme-color-discovery-border-weak);
+}
+.n-text-discovery-icon {
+  color:var(--theme-color-discovery-icon);
+}
+.n-text-discovery-text {
+  color:var(--theme-color-discovery-text);
+}
 .n-text-highlights-periwinkle {
   color:#6a82ffff;
 }
@@ -42244,6 +41965,27 @@ html{
 .hover\:n-border-dark-warning-text\/95:hover {
   border-color:rgb(255 214 0 / 0.95);
 }
+.hover\:n-border-discovery-bg-status:hover {
+  border-color:var(--theme-color-discovery-bg-status);
+}
+.hover\:n-border-discovery-bg-strong:hover {
+  border-color:var(--theme-color-discovery-bg-strong);
+}
+.hover\:n-border-discovery-bg-weak:hover {
+  border-color:var(--theme-color-discovery-bg-weak);
+}
+.hover\:n-border-discovery-border-strong:hover {
+  border-color:var(--theme-color-discovery-border-strong);
+}
+.hover\:n-border-discovery-border-weak:hover {
+  border-color:var(--theme-color-discovery-border-weak);
+}
+.hover\:n-border-discovery-icon:hover {
+  border-color:var(--theme-color-discovery-icon);
+}
+.hover\:n-border-discovery-text:hover {
+  border-color:var(--theme-color-discovery-text);
+}
 .hover\:n-border-light-danger-bg-status:hover {
   border-color:#e84e2cff;
 }
@@ -51718,6 +51460,27 @@ html{
 .hover\:n-bg-dark-warning-text\/95:hover {
   background-color:rgb(255 214 0 / 0.95);
 }
+.hover\:n-bg-discovery-bg-status:hover {
+  background-color:var(--theme-color-discovery-bg-status);
+}
+.hover\:n-bg-discovery-bg-strong:hover {
+  background-color:var(--theme-color-discovery-bg-strong);
+}
+.hover\:n-bg-discovery-bg-weak:hover {
+  background-color:var(--theme-color-discovery-bg-weak);
+}
+.hover\:n-bg-discovery-border-strong:hover {
+  background-color:var(--theme-color-discovery-border-strong);
+}
+.hover\:n-bg-discovery-border-weak:hover {
+  background-color:var(--theme-color-discovery-border-weak);
+}
+.hover\:n-bg-discovery-icon:hover {
+  background-color:var(--theme-color-discovery-icon);
+}
+.hover\:n-bg-discovery-text:hover {
+  background-color:var(--theme-color-discovery-text);
+}
 .hover\:n-bg-light-danger-bg-status:hover {
   background-color:#e84e2cff;
 }
@@ -61192,6 +60955,27 @@ html{
 .hover\:n-text-dark-warning-text\/95:hover {
   color:rgb(255 214 0 / 0.95);
 }
+.hover\:n-text-discovery-bg-status:hover {
+  color:var(--theme-color-discovery-bg-status);
+}
+.hover\:n-text-discovery-bg-strong:hover {
+  color:var(--theme-color-discovery-bg-strong);
+}
+.hover\:n-text-discovery-bg-weak:hover {
+  color:var(--theme-color-discovery-bg-weak);
+}
+.hover\:n-text-discovery-border-strong:hover {
+  color:var(--theme-color-discovery-border-strong);
+}
+.hover\:n-text-discovery-border-weak:hover {
+  color:var(--theme-color-discovery-border-weak);
+}
+.hover\:n-text-discovery-icon:hover {
+  color:var(--theme-color-discovery-icon);
+}
+.hover\:n-text-discovery-text:hover {
+  color:var(--theme-color-discovery-text);
+}
 .hover\:n-text-light-danger-bg-status:hover {
   color:#e84e2cff;
 }
@@ -70675,6 +70459,27 @@ html{
 .active\:n-bg-dark-warning-text\/95:active {
   background-color:rgb(255 214 0 / 0.95);
 }
+.active\:n-bg-discovery-bg-status:active {
+  background-color:var(--theme-color-discovery-bg-status);
+}
+.active\:n-bg-discovery-bg-strong:active {
+  background-color:var(--theme-color-discovery-bg-strong);
+}
+.active\:n-bg-discovery-bg-weak:active {
+  background-color:var(--theme-color-discovery-bg-weak);
+}
+.active\:n-bg-discovery-border-strong:active {
+  background-color:var(--theme-color-discovery-border-strong);
+}
+.active\:n-bg-discovery-border-weak:active {
+  background-color:var(--theme-color-discovery-border-weak);
+}
+.active\:n-bg-discovery-icon:active {
+  background-color:var(--theme-color-discovery-icon);
+}
+.active\:n-bg-discovery-text:active {
+  background-color:var(--theme-color-discovery-text);
+}
 .active\:n-bg-light-danger-bg-status:active {
   background-color:#e84e2cff;
 }