@oomol-lab/open-flow 0.1.0-beta.69 → 0.1.0-beta.70

package/dist/browser/workbench.css

@@ -2684,10 +2684,6 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
     grid-template-columns: minmax(0, 1fr) auto;
   }
 
-  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_28px\] {
-    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 28px;
-  }
-
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .grid-cols-\[repeat\(auto-fit\,minmax\(280px\,1fr\)\)\] {
     grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
   }
@@ -2708,6 +2704,10 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
     grid-template-rows: auto minmax(0, 1fr) auto;
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .grid-rows-\[minmax\(0\,1fr\)\] {
+    grid-template-rows: minmax(0, 1fr);
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .grid-rows-\[minmax\(0\,1fr\)_auto\] {
     grid-template-rows: minmax(0, 1fr) auto;
   }
@@ -4051,6 +4051,10 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
     }
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .\[--ui-control-hover-background\:transparent\] {
+    --ui-control-hover-background: transparent;
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .\[--ui-control-hover-background\:var\(--ui-control-background\,var\(--ui-muted\)\)\] {
     --ui-control-hover-background: var(--ui-control-background, var(--ui-muted));
   }
@@ -5115,10 +5119,6 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
     border-color: var(--ui-destructive);
   }
 
-  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .aria-pressed\:bg-\[var\(--ui-control-hover-background\,var\(--ui-muted\)\)\][aria-pressed="true"] {
-    background-color: var(--ui-control-hover-background, var(--ui-muted));
-  }
-
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .aria-pressed\:bg-accent[aria-pressed="true"] {
     background-color: var(--ui-accent);
   }
@@ -6225,18 +6225,6 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
     overscroll-behavior: contain;
   }
 
-  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .\[\&_\[data-slot\=field-label\]\]\:sr-only [data-slot="field-label"] {
-    clip-path: inset(50%);
-    white-space: nowrap;
-    border-width: 0;
-    width: 1px;
-    height: 1px;
-    margin: -1px;
-    padding: 0;
-    position: absolute;
-    overflow: hidden;
-  }
-
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .\[\&_a\]\:underline a {
     text-decoration-line: underline;
   }
@@ -14079,8 +14067,8 @@ svg.react-flow__connectionline {
   }
 }/* Each editor is one stacking unit. The field table raises the active unit;
    attached feedback stays behind the controls inside it. */
-.valueEditor_root_fd302,
-.valueEditor_errorAnchor_fd302 {
+.valueEditor_root_64cb9,
+.valueEditor_errorAnchor_64cb9 {
   --ui-danger-border-width: 1px;
   --ui-danger-focus-width: 2px;
   --value-body-inset: 0px;
@@ -14090,13 +14078,13 @@ svg.react-flow__connectionline {
 
 /* A structural field group has independent editors; hovering a descendant must
    not lift the entire group above sticky section titles. */
-.valueEditor_root_fd302:not([data-stacking=fields]),
-.valueEditor_errorAnchor_fd302,
-.valueEditor_root_fd302:not([data-stacking=fields]) > .valueEditor_body_fd302 {
+.valueEditor_root_64cb9:not([data-stacking=fields]),
+.valueEditor_errorAnchor_64cb9,
+.valueEditor_root_64cb9:not([data-stacking=fields]) > .valueEditor_body_64cb9 {
   isolation: isolate;
 }
 
-.valueEditor_root_fd302 {
+.valueEditor_root_64cb9 {
   --ui-danger-control-background: var(--ui-danger-control-background-default);
   --field-value-column: 1;
   --field-value-row: 1;
@@ -14115,11 +14103,11 @@ svg.react-flow__connectionline {
   color: var(--ui-foreground);
 }
 
-.valueEditor_root_fd302:has(> .valueEditor_valueTools_fd302:hover) {
+.valueEditor_root_64cb9:has(> .valueEditor_valueTools_64cb9:hover) {
   --ui-danger-control-background: var(--ui-danger-control-background-hover);
 }
 
-.valueEditor_body_fd302 {
+.valueEditor_body_64cb9 {
   position: relative;
   display: flex;
   min-width: 0;
@@ -14129,7 +14117,7 @@ svg.react-flow__connectionline {
   grid-row: 1;
 }
 
-.valueEditor_options_fd302 {
+.valueEditor_options_64cb9 {
   grid-column: 2;
   grid-row: 1;
   display: flex;
@@ -14140,7 +14128,7 @@ svg.react-flow__connectionline {
   color: var(--ui-muted-foreground);
 }
 
-.valueEditor_toolbar_fd302 {
+.valueEditor_toolbar_64cb9 {
   --ui-control-radius: 8px;
   display: flex;
   flex-direction: column;
@@ -14149,30 +14137,30 @@ svg.react-flow__connectionline {
   min-width: 140px;
 }
 
-.valueEditor_toolbar_fd302 > button {
+.valueEditor_toolbar_64cb9 > button {
   justify-content: flex-start;
   gap: 8px;
   height: 28px;
   padding: 4px 8px;
 }
 
-.valueEditor_toolbar_fd302 > .valueEditor_presence_fd302:empty {
+.valueEditor_toolbar_64cb9 > .valueEditor_presence_64cb9:empty {
   display: none;
 }
 
-.valueEditor_actions_fd302 {
+.valueEditor_actions_64cb9 {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: 4px;
 }
 
-.valueEditor_presence_fd302 {
+.valueEditor_presence_64cb9 {
   font-size: 12px;
   color: var(--ui-muted-foreground);
 }
 
-.valueEditor_collection_fd302 {
+.valueEditor_collection_64cb9 {
   container: value-fields/inline-size;
   display: flex;
   min-width: 0;
@@ -14180,7 +14168,7 @@ svg.react-flow__connectionline {
   gap: 8px;
 }
 
-.valueEditor_fieldName_fd302 {
+.valueEditor_fieldName_64cb9 {
   flex: 1;
   min-width: 0;
   overflow-wrap: anywhere;
@@ -14188,25 +14176,25 @@ svg.react-flow__connectionline {
   font-weight: 500;
 }
 
-.valueEditor_fieldType_fd302 {
+.valueEditor_fieldType_64cb9 {
   color: var(--ui-muted-foreground);
   font-family: ui-monospace, monospace;
   font-size: 12px;
 }
 
-.valueEditor_json_fd302 {
+.valueEditor_json_64cb9 {
   min-height: 110px;
   max-height: 320px;
   resize: vertical;
   font-family: monospace;
 }
-.valueEditor_json_fd302[data-auto-height] {
+.valueEditor_json_64cb9[data-auto-height] {
   max-height: none;
   resize: none;
   overflow: hidden;
 }
 
-.valueEditor_description_fd302 {
+.valueEditor_description_64cb9 {
   margin: 4px 0;
   font-size: 12px;
   line-height: 1.5;
@@ -14215,7 +14203,7 @@ svg.react-flow__connectionline {
 }
 
 /* The feedback base tucks under the control; its rounded border stays in front. */
-.valueEditor_error_fd302 {
+.valueEditor_error_64cb9 {
   position: absolute;
   --error-border-width: var(--ui-danger-border-width);
   --error-inline-outset: 0px;
@@ -14243,38 +14231,38 @@ svg.react-flow__connectionline {
 /* Only value-editor focus owns feedback. Pointer-focused disclosures and previews
    must not suppress hover feedback after collapsing a field. Text inputs retain
    :focus-visible on pointer focus; keyboard-focused value buttons do as well. */
-[data-value-editor-scope]:has(.valueEditor_root_fd302 > .valueEditor_summary_fd302:focus-visible, .valueEditor_root_fd302 > :is(.valueEditor_valueTools_fd302) :focus-visible, .valueEditor_root_fd302 > .valueEditor_body_fd302:not([hidden]) :focus-visible),
-[data-value-editor-scope]:has(.valueEditor_errorAnchor_fd302 :focus-visible),
-.valueEditor_root_fd302:has(> .valueEditor_summary_fd302:focus-visible, > :is(.valueEditor_valueTools_fd302) :focus-visible, > .valueEditor_body_fd302:not([hidden]) :focus-visible) {
+[data-value-editor-scope]:has(.valueEditor_root_64cb9 > .valueEditor_summary_64cb9:focus-visible, .valueEditor_root_64cb9 > :is(.valueEditor_valueTools_64cb9) :focus-visible, .valueEditor_root_64cb9 > .valueEditor_body_64cb9:not([hidden]) :focus-visible),
+[data-value-editor-scope]:has(.valueEditor_errorAnchor_64cb9 :focus-visible),
+.valueEditor_root_64cb9:has(> .valueEditor_summary_64cb9:focus-visible, > :is(.valueEditor_valueTools_64cb9) :focus-visible, > .valueEditor_body_64cb9:not([hidden]) :focus-visible) {
   --error-hover-opacity: 0;
   --error-hover-visibility: hidden;
 }
 
-:is(.valueEditor_body_fd302:not([hidden]), .valueEditor_errorAnchor_fd302):hover > .valueEditor_error_fd302,
-.valueEditor_root_fd302:has(> :is(.valueEditor_summary_fd302, .valueEditor_valueTools_fd302):hover) > .valueEditor_summaryError_fd302 > .valueEditor_error_fd302,
-.valueEditor_summaryError_fd302:hover > .valueEditor_error_fd302 {
+:is(.valueEditor_body_64cb9:not([hidden]), .valueEditor_errorAnchor_64cb9):hover > .valueEditor_error_64cb9,
+.valueEditor_root_64cb9:has(> :is(.valueEditor_summary_64cb9, .valueEditor_valueTools_64cb9):hover) > .valueEditor_summaryError_64cb9 > .valueEditor_error_64cb9,
+.valueEditor_summaryError_64cb9:hover > .valueEditor_error_64cb9 {
   opacity: var(--error-hover-opacity, 1);
   visibility: var(--error-hover-visibility, visible);
 }
 
-:is(.valueEditor_body_fd302:not([hidden]), .valueEditor_errorAnchor_fd302):has(:focus-visible) > .valueEditor_error_fd302,
-.valueEditor_root_fd302:has(> .valueEditor_summary_fd302:focus-visible, > :is(.valueEditor_valueTools_fd302) :focus-visible) > .valueEditor_summaryError_fd302 > .valueEditor_error_fd302 {
+:is(.valueEditor_body_64cb9:not([hidden]), .valueEditor_errorAnchor_64cb9):has(:focus-visible) > .valueEditor_error_64cb9,
+.valueEditor_root_64cb9:has(> .valueEditor_summary_64cb9:focus-visible, > :is(.valueEditor_valueTools_64cb9) :focus-visible) > .valueEditor_summaryError_64cb9 > .valueEditor_error_64cb9 {
   --error-border-width: var(--ui-danger-focus-width);
   --error-inline-outset: calc(var(--ui-danger-focus-width) - var(--ui-danger-border-width));
   opacity: 1;
   visibility: visible;
 }
 
-.valueEditor_root_fd302:not([data-stacking=fields]):not(:has(> .valueEditor_summary_fd302:focus-visible, > :is(.valueEditor_valueTools_fd302) :focus-visible, > .valueEditor_body_fd302:not([hidden]) :focus-visible)):has(> :is(.valueEditor_body_fd302, .valueEditor_summary_fd302, .valueEditor_valueTools_fd302, .valueEditor_summaryError_fd302):hover) {
+.valueEditor_root_64cb9:not([data-stacking=fields]):not(:has(> .valueEditor_summary_64cb9:focus-visible, > :is(.valueEditor_valueTools_64cb9) :focus-visible, > .valueEditor_body_64cb9:not([hidden]) :focus-visible)):has(> :is(.valueEditor_body_64cb9, .valueEditor_summary_64cb9, .valueEditor_valueTools_64cb9, .valueEditor_summaryError_64cb9):hover) {
   z-index: var(--value-editor-hover-layer, 1);
 }
 
-.valueEditor_root_fd302:not([data-stacking=fields]):has(> .valueEditor_summary_fd302:focus-visible, > :is(.valueEditor_valueTools_fd302) :focus-visible, > .valueEditor_body_fd302:not([hidden]) :focus-visible),
-.valueEditor_root_fd302:not([data-stacking=fields]):has([data-popup-open]) {
+.valueEditor_root_64cb9:not([data-stacking=fields]):has(> .valueEditor_summary_64cb9:focus-visible, > :is(.valueEditor_valueTools_64cb9) :focus-visible, > .valueEditor_body_64cb9:not([hidden]) :focus-visible),
+.valueEditor_root_64cb9:not([data-stacking=fields]):has([data-popup-open]) {
   z-index: var(--value-editor-active-layer, 2);
 }
 
-.valueEditor_srOnly_fd302 {
+.valueEditor_srOnly_64cb9 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -14284,7 +14272,7 @@ svg.react-flow__connectionline {
   white-space: nowrap;
 }
 
-.valueEditor_option_fd302 {
+.valueEditor_option_64cb9 {
   display: flex;
   align-items: center;
   gap: 8px;
@@ -14293,7 +14281,7 @@ svg.react-flow__connectionline {
 }
 
 /* The main row has explicit slots. Expanded editors occupy their own row. */
-.valueEditor_root_fd302[data-header] {
+.valueEditor_root_64cb9[data-header] {
   --field-nullable-width: var(--field-table-nullable-width, 0px);
   --field-name-track: minmax(0, 1fr);
   --field-type-track: minmax(64px, 0.48fr);
@@ -14310,10 +14298,10 @@ svg.react-flow__connectionline {
   column-gap: 0;
   grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle] var(--field-name-track) var(--field-name-type-gap) [type] var(--field-type-track) var(--field-type-value-gap) [value] var(--field-value-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
 }
-.valueEditor_root_fd302[data-header][data-value-prefix] {
+.valueEditor_root_64cb9[data-header][data-value-prefix] {
   grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle] var(--field-name-track) var(--field-name-type-gap) [type] var(--field-type-track) var(--field-type-value-gap) [value-prefix] max-content var(--field-value-prefix-gap) [value] var(--field-value-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
 }
-.valueEditor_root_fd302[data-header][data-layout=values], .valueEditor_root_fd302[data-header][data-layout=ports] {
+.valueEditor_root_64cb9[data-header][data-layout=values], .valueEditor_root_64cb9[data-header][data-layout=ports] {
   --field-name-track: minmax(
     90px,
     calc(
@@ -14328,32 +14316,38 @@ svg.react-flow__connectionline {
   --field-name-gap: var(--field-value-name-gap, 2px);
   --field-actions-gap: var(--field-table-actions-gap, 2px);
 }
-.valueEditor_root_fd302[data-header][data-output] {
+.valueEditor_root_64cb9[data-header][data-output] {
   grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle] minmax(0, 1fr) var(--field-name-type-gap) [type] var(--field-type-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
 }
 @container value-fields (max-width: 340px) {
-  .valueEditor_root_fd302[data-header]:not([data-output]) {
+  .valueEditor_root_64cb9[data-header]:not([data-output]) {
     --field-value-column: handle / content-end;
     --field-value-row: 2;
     --field-branch-row: 3;
     grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle] minmax(0, 1fr) var(--field-name-type-gap) [type] var(--field-type-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
   }
-  .valueEditor_root_fd302[data-header][data-value-prefix]:not([data-output]) {
+  .valueEditor_root_64cb9[data-header][data-value-prefix]:not([data-output]) {
     --field-value-column: value / content-end;
     grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle value-prefix] max-content var(--field-value-prefix-gap) [value] minmax(0, 1fr) var(--field-name-type-gap) [type] var(--field-type-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
   }
 }
-.valueEditor_root_fd302[data-header] {
+.valueEditor_root_64cb9[data-header] {
   --field-row-gap: 4px;
   row-gap: var(--field-row-gap);
 }
 
-.valueEditor_header_fd302 {
+.valueEditor_root_64cb9[data-header][data-value-only] {
+  --field-value-column: handle / end;
+  --field-value-row: 1;
+  --field-branch-row: 2;
+}
+
+.valueEditor_header_64cb9 {
   display: contents;
 }
 
-.valueEditor_leadingControl_fd302,
-.valueEditor_toggleControl_fd302 {
+.valueEditor_leadingControl_64cb9,
+.valueEditor_toggleControl_64cb9 {
   margin-left: var(--field-indent, 0px);
   justify-self: start;
   grid-row: 1;
@@ -14362,28 +14356,28 @@ svg.react-flow__connectionline {
   height: var(--field-control-height);
 }
 
-.valueEditor_leadingControl_fd302 {
+.valueEditor_leadingControl_64cb9 {
   grid-column: toggle;
 }
 
-.valueEditor_toggleControl_fd302 {
+.valueEditor_toggleControl_64cb9 {
   grid-column: toggle;
 }
 
-.valueEditor_header_fd302 [data-field-name],
-.valueEditor_header_fd302 > .valueEditor_fieldName_fd302 {
+.valueEditor_header_64cb9 [data-field-name],
+.valueEditor_header_64cb9 > .valueEditor_fieldName_64cb9 {
   grid-column: handle;
 }
 
-.valueEditor_header_fd302 [data-field-type],
-.valueEditor_header_fd302 > .valueEditor_fieldType_fd302 {
+.valueEditor_header_64cb9 [data-field-type],
+.valueEditor_header_64cb9 > .valueEditor_fieldType_64cb9 {
   grid-column: type;
 }
 
-.valueEditor_header_fd302 [data-field-name],
-.valueEditor_header_fd302 [data-field-type],
-.valueEditor_header_fd302 > .valueEditor_fieldName_fd302,
-.valueEditor_header_fd302 > .valueEditor_fieldType_fd302 {
+.valueEditor_header_64cb9 [data-field-name],
+.valueEditor_header_64cb9 [data-field-type],
+.valueEditor_header_64cb9 > .valueEditor_fieldName_64cb9,
+.valueEditor_header_64cb9 > .valueEditor_fieldType_64cb9 {
   grid-row: 1;
   min-width: 0;
   height: var(--field-control-height);
@@ -14396,23 +14390,23 @@ svg.react-flow__connectionline {
   font-weight: 400;
 }
 
-.valueEditor_root_fd302[data-header] > .valueEditor_options_fd302 {
+.valueEditor_root_64cb9[data-header] > .valueEditor_options_64cb9 {
   grid-column: actions;
 }
 
-.valueEditor_root_fd302[data-header] > .valueEditor_body_fd302,
-.valueEditor_root_fd302[data-header] > .valueEditor_summary_fd302 {
+.valueEditor_root_64cb9[data-header] > .valueEditor_body_64cb9,
+.valueEditor_root_64cb9[data-header] > .valueEditor_summary_64cb9 {
   grid-column: var(--field-value-column);
   grid-row: var(--field-value-row);
   min-height: var(--field-control-height);
 }
 
-.valueEditor_root_fd302[data-header] > .valueEditor_body_fd302 {
+.valueEditor_root_64cb9[data-header] > .valueEditor_body_64cb9 {
   gap: 4px;
 }
 
 /* The rounded value control sits in front of the attached addon base. */
-.valueEditor_valueAddon_fd302 {
+.valueEditor_valueAddon_64cb9 {
   color: var(--ui-muted-foreground);
   grid-column: var(--field-value-column, 1);
   grid-row: var(--field-value-row, 1);
@@ -14429,26 +14423,29 @@ svg.react-flow__connectionline {
   background: color-mix(in srgb, var(--ui-foreground) 3%, var(--ui-control-background, var(--ui-background)));
 }
 
-.valueEditor_root_fd302:not([data-header])[data-value-addon] {
+.valueEditor_root_64cb9:not([data-header])[data-value-addon] {
   --field-value-column: 1;
   --field-value-row: 1;
 }
-.valueEditor_root_fd302:not([data-header])[data-value-addon][data-expansion=branch] > .valueEditor_body_fd302 {
+.valueEditor_root_64cb9:not([data-header])[data-value-addon][data-expansion=branch] > .valueEditor_body_64cb9 {
   grid-row: 2;
 }
 
-.valueEditor_root_fd302[data-value-addon] {
+.valueEditor_root_64cb9[data-value-addon] {
   --value-start-addon-width: var(--value-addon-width);
 }
-.valueEditor_root_fd302[data-value-addon] > .valueEditor_summary_fd302, .valueEditor_root_fd302[data-value-addon]:not([data-expansion=branch]) > .valueEditor_body_fd302 {
+.valueEditor_root_64cb9[data-value-addon] > .valueEditor_summary_64cb9, .valueEditor_root_64cb9[data-value-addon]:not([data-expansion=branch]) > .valueEditor_body_64cb9 {
   position: relative;
   margin-left: var(--value-start-addon-width);
 }
-.valueEditor_root_fd302[data-value-addon]:has(> .valueEditor_summary_fd302[aria-expanded=true]) > .valueEditor_valueAddon_fd302 {
+.valueEditor_root_64cb9[data-value-addon]:has(> .valueEditor_summary_64cb9[aria-expanded=true]) > .valueEditor_valueAddon_64cb9 {
   background: color-mix(in srgb, var(--ui-foreground) 3%, var(--ui-background));
 }
+.valueEditor_root_64cb9[data-value-addon] > .valueEditor_valueAddon_64cb9:has([data-source-trigger]:is(:hover, [aria-expanded=true])) {
+  background: var(--ui-control-hover-background, var(--ui-muted));
+}
 
-.valueEditor_valueAddon_fd302[data-side=end] {
+.valueEditor_valueAddon_64cb9[data-side=end] {
   justify-self: end;
   justify-content: flex-end;
   padding-left: 0;
@@ -14458,23 +14455,23 @@ svg.react-flow__connectionline {
   border-radius: 0 var(--ui-control-radius, var(--ui-radius)) var(--ui-control-radius, var(--ui-radius)) 0;
 }
 
-.valueEditor_root_fd302[data-value-suffix] {
+.valueEditor_root_64cb9[data-value-suffix] {
   --value-end-addon-width: var(--value-addon-width);
 }
-.valueEditor_root_fd302[data-value-suffix] > .valueEditor_summaryError_fd302 {
+.valueEditor_root_64cb9[data-value-suffix] > .valueEditor_summaryError_64cb9 {
   margin-right: var(--value-end-addon-width);
 }
-.valueEditor_root_fd302[data-value-suffix] > .valueEditor_summary_fd302, .valueEditor_root_fd302[data-value-suffix]:not([data-expansion=branch]) > .valueEditor_body_fd302 {
+.valueEditor_root_64cb9[data-value-suffix] > .valueEditor_summary_64cb9, .valueEditor_root_64cb9[data-value-suffix]:not([data-expansion=branch]) > .valueEditor_body_64cb9 {
   position: relative;
   margin-right: var(--value-end-addon-width);
   z-index: var(--value-editor-control-layer);
 }
 
-.valueEditor_root_fd302[data-compact][data-expansion=branch] > .valueEditor_summary_fd302 {
+.valueEditor_root_64cb9[data-compact][data-expansion=branch] > .valueEditor_summary_64cb9 {
   grid-column: 1;
   grid-row: 1;
 }
-.valueEditor_root_fd302[data-compact][data-expansion=branch] > .valueEditor_body_fd302 {
+.valueEditor_root_64cb9[data-compact][data-expansion=branch] > .valueEditor_body_64cb9 {
   grid-column: 1;
   grid-row: 2;
   padding-top: 6px;
@@ -14483,19 +14480,19 @@ svg.react-flow__connectionline {
 /* Expanded content is the base layer. Summary feedback covers that content,
    while the parent control stays in front of its attached feedback. An open
    descendant overlay raises the content plane above both. */
-.valueEditor_root_fd302:not([data-stacking=fields]) > .valueEditor_body_fd302:has([data-popup-open]) {
+.valueEditor_root_64cb9:not([data-stacking=fields]) > .valueEditor_body_64cb9:has([data-popup-open]) {
   z-index: var(--value-editor-overlay-layer);
 }
 
-.valueEditor_summary_fd302 {
+.valueEditor_summary_64cb9 {
   z-index: var(--value-editor-control-layer);
 }
 
-.valueEditor_root_fd302[data-stacking=fields] > .valueEditor_summary_fd302 {
+.valueEditor_root_64cb9[data-stacking=fields] > .valueEditor_summary_64cb9 {
   z-index: auto;
 }
 
-.valueEditor_summary_fd302 {
+.valueEditor_summary_64cb9 {
   --preview-background: var(--ui-control-background, var(--ui-muted));
   --preview-border: var(--ui-input);
   min-width: 0;
@@ -14509,25 +14506,25 @@ svg.react-flow__connectionline {
   border-color: var(--preview-border);
   background: var(--preview-background);
 }
-.valueEditor_summary_fd302[aria-expanded=true] {
+.valueEditor_summary_64cb9[aria-expanded=true] {
   --preview-background: color-mix(in srgb, var(--ui-foreground) 3%, var(--ui-background));
 }
 
-.valueEditor_summaryText_fd302[data-empty-string] {
+.valueEditor_summaryText_64cb9[data-empty-string] {
   color: var(--ui-muted-foreground);
 }
-.valueEditor_summaryText_fd302 {
+.valueEditor_summaryText_64cb9 {
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-.valueEditor_root_fd302[data-expanded] > .valueEditor_summary_fd302 > .valueEditor_summaryText_fd302 {
+.valueEditor_root_64cb9[data-expanded] > .valueEditor_summary_64cb9 > .valueEditor_summaryText_64cb9 {
   color: color-mix(in srgb, var(--ui-muted-foreground) 70%, transparent);
 }
 
-.valueEditor_valueTools_fd302 {
+.valueEditor_valueTools_64cb9 {
   grid-column: var(--field-value-column);
   grid-row: var(--field-value-row);
   align-self: start;
@@ -14540,48 +14537,48 @@ svg.react-flow__connectionline {
   color: var(--ui-muted-foreground);
 }
 
-.valueEditor_clearValue_fd302[data-danger] {
+.valueEditor_clearValue_64cb9[data-danger] {
   --ui-control-hover-background: var(--ui-danger-control-background-hover);
 }
 
-.valueEditor_resetValue_fd302,
-.valueEditor_unsetValue_fd302 > i {
+.valueEditor_resetValue_64cb9,
+.valueEditor_unsetValue_64cb9 > i {
   transition-property: opacity;
   transition-duration: var(--default-transition-duration, 100ms);
   transition-timing-function: var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1));
 }
 
-.valueEditor_root_fd302[data-value-tools] > .valueEditor_summary_fd302, .valueEditor_root_fd302[data-value-tools]:not([data-expansion=branch]) > .valueEditor_body_fd302 > div > :is([data-slot=select-trigger], [aria-haspopup]) {
+.valueEditor_root_64cb9[data-value-tools] > .valueEditor_summary_64cb9, .valueEditor_root_64cb9[data-value-tools]:not([data-expansion=branch]) > .valueEditor_body_64cb9 > div > :is([data-slot=select-trigger], [aria-haspopup]) {
   position: relative;
 }
-.valueEditor_root_fd302[data-value-tools] > .valueEditor_summary_fd302 > svg, .valueEditor_root_fd302[data-value-tools]:not([data-expansion=branch]) > .valueEditor_body_fd302 > div > :is([data-slot=select-trigger], [aria-haspopup]) > svg {
+.valueEditor_root_64cb9[data-value-tools] > .valueEditor_summary_64cb9 > svg, .valueEditor_root_64cb9[data-value-tools]:not([data-expansion=branch]) > .valueEditor_body_64cb9 > div > :is([data-slot=select-trigger], [aria-haspopup]) > svg {
   position: absolute;
   right: 8px;
   pointer-events: none;
 }
-.valueEditor_root_fd302[data-value-tools] > .valueEditor_summary_fd302, .valueEditor_root_fd302[data-value-tools]:not([data-expansion=branch]) > .valueEditor_body_fd302 > :is(input, select, button, [role=button]), .valueEditor_root_fd302[data-value-tools]:not([data-expansion=branch]) > .valueEditor_body_fd302 > div > :is([data-slot=select-trigger], [data-field-control]) {
+.valueEditor_root_64cb9[data-value-tools] > .valueEditor_summary_64cb9, .valueEditor_root_64cb9[data-value-tools]:not([data-expansion=branch]) > .valueEditor_body_64cb9 > :is(input, select, button, [role=button]), .valueEditor_root_64cb9[data-value-tools]:not([data-expansion=branch]) > .valueEditor_body_64cb9 > div > :is([data-slot=select-trigger], [data-field-control]) {
   padding-right: calc(var(--value-tools-width) + var(--value-native-action-width, 0px) + var(--value-suffix-width) + 8px);
 }
-.valueEditor_root_fd302[data-value-tools]:not([data-expansion=branch]) > .valueEditor_body_fd302 [data-slot=input-group] input {
+.valueEditor_root_64cb9[data-value-tools]:not([data-expansion=branch]) > .valueEditor_body_64cb9 [data-slot=input-group] input {
   padding-right: calc(var(--value-tools-width) + 8px);
 }
 
-.valueEditor_root_fd302[data-array-child] > .valueEditor_valueTools_fd302 {
+.valueEditor_root_64cb9[data-array-child] > .valueEditor_valueTools_64cb9 {
   grid-column: handle/content-end;
   grid-row: 1;
 }
 
-.valueEditor_root_fd302 > .valueEditor_valueTools_fd302 > :is(.valueEditor_clearValue_fd302, .valueEditor_resetValue_fd302) {
+.valueEditor_root_64cb9 > .valueEditor_valueTools_64cb9 > :is(.valueEditor_clearValue_64cb9, .valueEditor_resetValue_64cb9) {
   opacity: 0;
   pointer-events: none;
 }
-.valueEditor_root_fd302:has(> .valueEditor_body_fd302:hover, > .valueEditor_summary_fd302:hover, > .valueEditor_valueTools_fd302:hover) > .valueEditor_valueTools_fd302 > :is(.valueEditor_clearValue_fd302, .valueEditor_resetValue_fd302),
-.valueEditor_root_fd302 > .valueEditor_valueTools_fd302 > :is(.valueEditor_clearValue_fd302, .valueEditor_resetValue_fd302):focus-visible {
+.valueEditor_root_64cb9:has(> .valueEditor_body_64cb9:hover, > .valueEditor_summary_64cb9:hover, > .valueEditor_valueTools_64cb9:hover) > .valueEditor_valueTools_64cb9 > :is(.valueEditor_clearValue_64cb9, .valueEditor_resetValue_64cb9),
+.valueEditor_root_64cb9 > .valueEditor_valueTools_64cb9 > :is(.valueEditor_clearValue_64cb9, .valueEditor_resetValue_64cb9):focus-visible {
   opacity: 1;
   pointer-events: auto;
 }
 
-.valueEditor_arrayIndex_fd302 {
+.valueEditor_arrayIndex_64cb9 {
   height: var(--field-control-height);
   display: flex;
   align-items: center;
@@ -14591,20 +14588,20 @@ svg.react-flow__connectionline {
   font-variant-numeric: tabular-nums;
 }
 
-.valueEditor_root_fd302[data-header][data-array-child] {
+.valueEditor_root_64cb9[data-header][data-array-child] {
   --field-value-column: handle / content-end;
   --field-value-row: 1;
 }
-.valueEditor_root_fd302[data-header][data-array-child] > .valueEditor_valueAddon_fd302:not([data-side=end]) {
+.valueEditor_root_64cb9[data-header][data-array-child] > .valueEditor_valueAddon_64cb9:not([data-side=end]) {
   margin-left: var(--field-indent);
 }
-.valueEditor_root_fd302[data-header][data-array-child] > .valueEditor_summary_fd302, .valueEditor_root_fd302[data-header][data-array-child]:not([data-expansion=branch]) > .valueEditor_body_fd302 {
+.valueEditor_root_64cb9[data-header][data-array-child] > .valueEditor_summary_64cb9, .valueEditor_root_64cb9[data-header][data-array-child]:not([data-expansion=branch]) > .valueEditor_body_64cb9 {
   grid-column: handle/content-end;
   grid-row: 1;
   margin-left: calc(var(--field-indent) + var(--value-start-addon-width));
 }
 
-.valueEditor_root_fd302[data-header][data-expansion=branch] > .valueEditor_body_fd302 {
+.valueEditor_root_64cb9[data-header][data-expansion=branch] > .valueEditor_body_64cb9 {
   --value-body-inset: calc(var(--field-indent, 0px) + 16px);
   --branch-origin: calc(var(--field-indent, 0px) - var(--branch-offset));
   --branch-offset: calc(var(--field-toggle-width, 24px) / 2 + var(--field-name-gap));
@@ -14616,22 +14613,22 @@ svg.react-flow__connectionline {
 }
 
 @container value-fields (max-width: 340px) {
-  .valueEditor_root_fd302[data-header][data-expansion=branch]:not([data-array-child], [data-output]) > .valueEditor_body_fd302 {
+  .valueEditor_root_64cb9[data-header][data-expansion=branch]:not([data-array-child], [data-output], [data-value-only]) > .valueEditor_body_64cb9 {
     --branch-extension: calc(var(--field-control-height) + var(--field-row-gap));
   }
 }
-.valueEditor_root_fd302[data-header][data-structured] > .valueEditor_body_fd302 {
+.valueEditor_root_64cb9[data-header][data-structured] > .valueEditor_body_64cb9 {
   --branch-origin: calc(var(--field-indent, 0px) + var(--field-toggle-width, 24px) / 2);
   grid-column: handle/end;
 }
 
-.valueEditor_body_fd302[hidden] {
+.valueEditor_body_64cb9[hidden] {
   display: none !important;
 }
 
-.valueEditor_root_fd302[data-header] > .valueEditor_body_fd302 > input,
-.valueEditor_root_fd302[data-header] > .valueEditor_body_fd302 > textarea,
-.valueEditor_root_fd302[data-header] > .valueEditor_body_fd302 > select {
+.valueEditor_root_64cb9[data-header] > .valueEditor_body_64cb9 > input,
+.valueEditor_root_64cb9[data-header] > .valueEditor_body_64cb9 > textarea,
+.valueEditor_root_64cb9[data-header] > .valueEditor_body_64cb9 > select {
   min-height: 30px;
   height: 30px;
   padding: 5px 7px;
@@ -14639,12 +14636,12 @@ svg.react-flow__connectionline {
   font-size: 12px;
 }
 
-.valueEditor_root_fd302[data-header] > .valueEditor_body_fd302 > textarea {
+.valueEditor_root_64cb9[data-header] > .valueEditor_body_64cb9 > textarea {
   height: 60px;
   resize: vertical;
 }
 
-.valueEditor_root_fd302[data-header] > .valueEditor_body_fd302 > p:not([role=alert]) {
+.valueEditor_root_64cb9[data-header] > .valueEditor_body_64cb9 > p:not([role=alert]) {
   margin: 0;
   padding: 6px 7px;
   min-height: 30px;
@@ -14655,34 +14652,34 @@ svg.react-flow__connectionline {
   white-space: nowrap;
 }
 
-.valueEditor_actions_fd302 > button {
+.valueEditor_actions_64cb9 > button {
   justify-content: flex-start;
   color: var(--ui-muted-foreground);
   font-size: 12px;
 }
 
-.valueEditor_root_fd302[data-expansion=branch]:not([data-header]) > .valueEditor_options_fd302 {
+.valueEditor_root_64cb9[data-expansion=branch]:not([data-header]) > .valueEditor_options_64cb9 {
   align-self: end;
   margin: 0;
 }
 
-.valueEditor_root_fd302[data-header] > .valueEditor_body_fd302 [data-slot=native-select-wrapper] {
+.valueEditor_root_64cb9[data-header] > .valueEditor_body_64cb9 [data-slot=native-select-wrapper] {
   min-width: 0;
   width: 100%;
 }
 
-.valueEditor_root_fd302[data-header] > .valueEditor_body_fd302 [data-slot=native-select] {
+.valueEditor_root_64cb9[data-header] > .valueEditor_body_64cb9 [data-slot=native-select] {
   height: 30px;
   padding: 4px 22px 4px 7px;
   border-radius: var(--ui-control-radius, var(--ui-radius));
   font-size: 12px;
 }
 
-.valueEditor_body_fd302 .valueEditor_root_fd302 {
+.valueEditor_body_64cb9 .valueEditor_root_64cb9 {
   --field-grip-width: 0px;
 }
 
-.valueEditor_nullValue_fd302 {
+.valueEditor_nullValue_64cb9 {
   display: flex;
   align-items: center;
   justify-content: flex-start;
@@ -14698,7 +14695,7 @@ svg.react-flow__connectionline {
   font-weight: 400;
 }
 
-.valueEditor_nullChip_fd302 {
+.valueEditor_nullChip_64cb9 {
   padding: 0 4px;
   border-radius: 4px;
   background: var(--ui-muted);
@@ -14707,13 +14704,13 @@ svg.react-flow__connectionline {
 }
 
 /* Editable names and types already supply their own control padding. */
-.valueEditor_root_fd302[data-header]:is([data-layout=values], [data-layout=ports]) > .valueEditor_header_fd302 [data-field-name],
-.valueEditor_root_fd302[data-header]:is([data-layout=values], [data-layout=ports]) > .valueEditor_header_fd302 [data-field-type] {
+.valueEditor_root_64cb9[data-header]:is([data-layout=values], [data-layout=ports]) > .valueEditor_header_64cb9 [data-field-name],
+.valueEditor_root_64cb9[data-header]:is([data-layout=values], [data-layout=ports]) > .valueEditor_header_64cb9 [data-field-type] {
   padding: 0;
   overflow: visible;
   font: inherit;
 }
-.valueEditor_root_fd302[data-header]:is([data-layout=values], [data-layout=ports]) > .valueEditor_header_fd302 [data-field-name] input {
+.valueEditor_root_64cb9[data-header]:is([data-layout=values], [data-layout=ports]) > .valueEditor_header_64cb9 [data-field-name] input {
   width: 100%;
   height: var(--field-control-height);
   min-height: var(--field-control-height);
@@ -14724,19 +14721,19 @@ svg.react-flow__connectionline {
   color: var(--ui-foreground);
 }
 
-.valueEditor_root_fd302[data-inline][data-value-addon] {
+.valueEditor_root_64cb9[data-inline][data-value-addon] {
   flex: 1;
 }
-.valueEditor_root_fd302[data-inline][data-value-addon] > .valueEditor_body_fd302 > [data-slot=button],
-.valueEditor_root_fd302[data-inline][data-value-addon] > .valueEditor_body_fd302 [data-slot=native-select] {
+.valueEditor_root_64cb9[data-inline][data-value-addon] > .valueEditor_body_64cb9 > [data-slot=button],
+.valueEditor_root_64cb9[data-inline][data-value-addon] > .valueEditor_body_64cb9 [data-slot=native-select] {
   height: var(--field-control-height);
 }
 
-.valueEditor_root_fd302[data-inline] {
+.valueEditor_root_64cb9[data-inline] {
   grid-template-columns: minmax(0, 1fr);
 }
-.valueEditor_root_fd302[data-inline] > .valueEditor_body_fd302 > input,
-.valueEditor_root_fd302[data-inline] > .valueEditor_body_fd302 > textarea {
+.valueEditor_root_64cb9[data-inline] > .valueEditor_body_64cb9 > input,
+.valueEditor_root_64cb9[data-inline] > .valueEditor_body_64cb9 > textarea {
   height: 30px;
   min-height: 30px;
   border-radius: var(--ui-control-radius, var(--ui-radius));
@@ -14744,7 +14741,7 @@ svg.react-flow__connectionline {
   font-size: 12px;
 }
 
-.valueEditor_collectionActions_fd302 {
+.valueEditor_collectionActions_64cb9 {
   --field-nullable-width: var(--field-table-nullable-width, 0px);
   --field-name-track: minmax(0, 1fr);
   --field-type-track: minmax(64px, 0.48fr);
@@ -14761,10 +14758,10 @@ svg.react-flow__connectionline {
   column-gap: 0;
   grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle] var(--field-name-track) var(--field-name-type-gap) [type] var(--field-type-track) var(--field-type-value-gap) [value] var(--field-value-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
 }
-.valueEditor_collectionActions_fd302[data-value-prefix] {
+.valueEditor_collectionActions_64cb9[data-value-prefix] {
   grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle] var(--field-name-track) var(--field-name-type-gap) [type] var(--field-type-track) var(--field-type-value-gap) [value-prefix] max-content var(--field-value-prefix-gap) [value] var(--field-value-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
 }
-.valueEditor_collectionActions_fd302[data-layout=values], .valueEditor_collectionActions_fd302[data-layout=ports] {
+.valueEditor_collectionActions_64cb9[data-layout=values], .valueEditor_collectionActions_64cb9[data-layout=ports] {
   --field-name-track: minmax(
     90px,
     calc(
@@ -14779,82 +14776,82 @@ svg.react-flow__connectionline {
   --field-name-gap: var(--field-value-name-gap, 2px);
   --field-actions-gap: var(--field-table-actions-gap, 2px);
 }
-.valueEditor_collectionActions_fd302[data-output] {
+.valueEditor_collectionActions_64cb9[data-output] {
   grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle] minmax(0, 1fr) var(--field-name-type-gap) [type] var(--field-type-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
 }
 @container value-fields (max-width: 280px) {
-  .valueEditor_collectionActions_fd302:not([data-output]) {
+  .valueEditor_collectionActions_64cb9:not([data-output]) {
     --field-value-column: handle / content-end;
     --field-value-row: 2;
     --field-branch-row: 3;
     grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle] minmax(0, 1fr) var(--field-name-type-gap) [type] var(--field-type-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
   }
-  .valueEditor_collectionActions_fd302[data-value-prefix]:not([data-output]) {
+  .valueEditor_collectionActions_64cb9[data-value-prefix]:not([data-output]) {
     --field-value-column: value / content-end;
     grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle value-prefix] max-content var(--field-value-prefix-gap) [value] minmax(0, 1fr) var(--field-name-type-gap) [type] var(--field-type-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
   }
 }
-.valueEditor_collectionActions_fd302 {
+.valueEditor_collectionActions_64cb9 {
   --field-grip-width: 0px;
 }
-.valueEditor_collectionActions_fd302:empty {
+.valueEditor_collectionActions_64cb9:empty {
   display: none;
 }
-.valueEditor_collectionActions_fd302 > * {
+.valueEditor_collectionActions_64cb9 > * {
   grid-column: handle/content-end;
 }
-.valueEditor_collectionActions_fd302 > .valueEditor_errorAnchor_fd302 {
+.valueEditor_collectionActions_64cb9 > .valueEditor_errorAnchor_64cb9 {
   margin-left: calc(var(--field-indent, 0px) + 16px);
 }
-.valueEditor_collectionActions_fd302 > .valueEditor_errorAnchor_fd302 > .valueEditor_emptyObjectContent_fd302 {
+.valueEditor_collectionActions_64cb9 > .valueEditor_errorAnchor_64cb9 > .valueEditor_emptyObjectContent_64cb9 {
   margin-left: 0;
   width: 100%;
 }
 
-.valueEditor_emptyObjectContent_fd302 {
+.valueEditor_emptyObjectContent_64cb9 {
   display: flex;
   align-items: center;
   color: var(--ui-muted-foreground);
   background-color: color-mix(in srgb, var(--ui-foreground) 5%, transparent);
 }
-.valueEditor_emptyObjectContent_fd302:not(:disabled):hover {
+.valueEditor_emptyObjectContent_64cb9:not(:disabled):hover {
   background-color: color-mix(in srgb, var(--ui-foreground) 10%, transparent);
 }
-.valueEditor_emptyObjectContent_fd302 {
+.valueEditor_emptyObjectContent_64cb9 {
   margin-left: calc(var(--field-indent, 0px) + 16px);
   height: var(--field-control-height, 30px);
   font: inherit;
 }
 
-.valueEditor_emptyObjectConstraint_fd302 {
+.valueEditor_emptyObjectConstraint_64cb9 {
   height: auto;
   min-height: var(--field-control-height, 30px);
   white-space: normal;
 }
 
-.valueEditor_unsetValue_fd302 {
+.valueEditor_unsetValue_64cb9 {
   position: relative;
   width: 100%;
   justify-content: space-between;
   border-color: var(--ui-input);
   background: var(--ui-control-background, var(--ui-muted));
 }
-.valueEditor_unsetValue_fd302 > i {
+.valueEditor_unsetValue_64cb9 > i {
   position: absolute;
   right: 8px;
   opacity: 0;
 }
-.valueEditor_unsetValue_fd302:hover > i, .valueEditor_unsetValue_fd302:focus-visible > i {
+.valueEditor_unsetValue_64cb9:hover > i, .valueEditor_unsetValue_64cb9:focus-visible > i {
   opacity: 1;
 }
 
-.valueEditor_jsonCode_fd302 {
+.valueEditor_jsonCode_64cb9 {
   font-size: 12px;
 }
-.valueEditor_jsonCode_fd302[hidden] {
+.valueEditor_jsonCode_64cb9[hidden] {
   display: none;
 }
-.valueEditor_jsonCode_fd302 .cm-editor {
+.valueEditor_jsonCode_64cb9 .cm-editor {
   height: 110px;
   min-height: 110px;
   max-height: 320px;
@@ -14864,84 +14861,84 @@ svg.react-flow__connectionline {
   border-radius: var(--ui-control-radius, var(--ui-radius));
   background: var(--ui-control-background, var(--ui-background));
 }
-.valueEditor_jsonCode_fd302 .cm-scroller {
+.valueEditor_jsonCode_64cb9 .cm-scroller {
   height: 100%;
   min-height: 0;
   overflow: auto;
 }
 
-.valueEditor_jsonCode_fd302[data-auto-height] .cm-editor {
+.valueEditor_jsonCode_64cb9[data-auto-height] .cm-editor {
   height: auto;
   max-height: none;
   resize: none;
 }
-.valueEditor_jsonCode_fd302[data-auto-height] .cm-scroller {
+.valueEditor_jsonCode_64cb9[data-auto-height] .cm-scroller {
   height: auto;
   overflow: visible;
 }
 
-.valueEditor_emptyString_fd302::placeholder,
-.valueEditor_summaryText_fd302[data-empty-string] {
+.valueEditor_emptyString_64cb9::placeholder,
+.valueEditor_summaryText_64cb9[data-empty-string] {
   opacity: 0.5;
 }
 
 /* Each recursive row owns its tracks; indentation affects only its leading cells. */
-.valueEditor_root_fd302[data-header][data-structured] > .valueEditor_body_fd302 {
+.valueEditor_root_64cb9[data-header][data-structured] > .valueEditor_body_64cb9 {
   --branch-origin: calc(var(--field-indent, 0px) + var(--field-toggle-width, 24px) / 2);
   grid-column: 1/-1;
   margin-bottom: 0;
   padding-left: 0;
 }
-.valueEditor_root_fd302[data-header][data-structured] > .valueEditor_body_fd302 > .valueEditor_collection_fd302 {
+.valueEditor_root_64cb9[data-header][data-structured] > .valueEditor_body_64cb9 > .valueEditor_collection_64cb9 {
   container-type: normal;
 }
 
-.valueEditor_root_fd302[data-header][data-nested-field] > .valueEditor_header_fd302 [data-field-name],
-.valueEditor_root_fd302[data-header][data-nested-field] > .valueEditor_header_fd302 > .valueEditor_fieldName_fd302 {
+.valueEditor_root_64cb9[data-header][data-nested-field] > .valueEditor_header_64cb9 [data-field-name],
+.valueEditor_root_64cb9[data-header][data-nested-field] > .valueEditor_header_64cb9 > .valueEditor_fieldName_64cb9 {
   padding-left: var(--field-indent);
 }
 
-.valueEditor_root_fd302:is([data-object-child], [data-array-child]) > .valueEditor_options_fd302 {
+.valueEditor_root_64cb9:is([data-object-child], [data-array-child]) > .valueEditor_options_64cb9 {
   grid-column: nullable/end;
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: var(--field-action-pair-gap, 0px);
 }
-.valueEditor_root_fd302:is([data-object-child], [data-array-child]) > .valueEditor_options_fd302 > * {
+.valueEditor_root_64cb9:is([data-object-child], [data-array-child]) > .valueEditor_options_64cb9 > * {
   justify-self: center;
 }
 
-.valueEditor_root_fd302:not([data-expansion=branch]) > .valueEditor_body_fd302::before {
+.valueEditor_root_64cb9:not([data-expansion=branch]) > .valueEditor_body_64cb9::before {
   content: none;
 }
 
-.valueEditor_root_fd302:not([data-header]) > .valueEditor_body_fd302::before {
+.valueEditor_root_64cb9:not([data-header]) > .valueEditor_body_64cb9::before {
   content: none;
 }
 
-.valueEditor_booleanControl_fd302 {
+.valueEditor_booleanControl_64cb9 {
   position: relative;
 }
-.valueEditor_booleanControl_fd302 > [data-field-control] {
+.valueEditor_booleanControl_64cb9 > [data-field-control] {
   width: 100%;
   justify-content: flex-start;
   padding-right: 44px;
 }
-.valueEditor_booleanControl_fd302 > .valueEditor_booleanIndicator_fd302 {
+.valueEditor_booleanControl_64cb9 > .valueEditor_booleanIndicator_64cb9 {
   position: absolute;
   right: 8px;
   top: 50%;
   transform: translateY(-50%);
   pointer-events: none;
 }
-.valueEditor_booleanControl_fd302 > .valueEditor_booleanIndicator_fd302 > [data-slot=switch-thumb] {
+.valueEditor_booleanControl_64cb9 > .valueEditor_booleanIndicator_64cb9 > [data-slot=switch-thumb] {
   background: light-dark(color-mix(in srgb, var(--ui-foreground) 2%, var(--ui-popover)), var(--ui-primary-foreground));
 }
-.valueEditor_booleanControl_fd302 > .valueEditor_booleanIndicator_fd302 > [data-slot=switch-thumb][data-unchecked] {
+.valueEditor_booleanControl_64cb9 > .valueEditor_booleanIndicator_64cb9 > [data-slot=switch-thumb][data-unchecked] {
   background: light-dark(color-mix(in srgb, var(--ui-foreground) 2%, var(--ui-popover)), color-mix(in srgb, var(--ui-background) 6%, var(--ui-foreground)));
 }
 
-.valueEditor_summaryError_fd302 {
+.valueEditor_summaryError_64cb9 {
   z-index: var(--value-editor-feedback-layer);
   position: relative;
   grid-column: 1;
@@ -14951,38 +14948,38 @@ svg.react-flow__connectionline {
   height: 0;
   min-width: 0;
 }
-.valueEditor_summaryError_fd302 > .valueEditor_error_fd302 {
+.valueEditor_summaryError_64cb9 > .valueEditor_error_64cb9 {
   top: 0;
 }
 
-.valueEditor_root_fd302[data-header] > .valueEditor_summaryError_fd302 {
+.valueEditor_root_64cb9[data-header] > .valueEditor_summaryError_64cb9 {
   grid-column: var(--field-value-column);
   grid-row: var(--field-value-row);
 }
 
-.valueEditor_root_fd302[data-value-addon] > .valueEditor_summaryError_fd302 {
+.valueEditor_root_64cb9[data-value-addon] > .valueEditor_summaryError_64cb9 {
   margin-left: var(--value-start-addon-width);
 }
 
-.valueEditor_root_fd302[data-array-child] > .valueEditor_summaryError_fd302 {
+.valueEditor_root_64cb9[data-array-child] > .valueEditor_summaryError_64cb9 {
   grid-column: handle/content-end;
   grid-row: 1;
   margin-left: var(--field-indent);
 }
 
-.valueEditor_errorAnchor_fd302:hover {
+.valueEditor_errorAnchor_64cb9:hover {
   z-index: var(--value-editor-hover-layer, 1);
 }
 
-.valueEditor_errorAnchor_fd302:has(:focus-visible, [data-popup-open]) {
+.valueEditor_errorAnchor_64cb9:has(:focus-visible, [data-popup-open]) {
   z-index: var(--value-editor-active-layer, 2);
 }
 
-.valueEditor_collection_fd302 > :is([data-object-fields], [data-array-fields]):empty {
+.valueEditor_collection_64cb9 > :is([data-object-fields], [data-array-fields]):empty {
   display: none;
 }
 
-.valueEditor_objectNotice_fd302 {
+.valueEditor_objectNotice_64cb9 {
   height: auto;
   min-height: var(--field-control-height, 30px);
   padding: 4px 8px;
@@ -14992,7 +14989,7 @@ svg.react-flow__connectionline {
   gap: 4px 8px;
 }
 
-.valueEditor_valuePrefix_fd302 {
+.valueEditor_valuePrefix_64cb9 {
   grid-column: value-prefix;
   grid-row: var(--field-value-row);
   align-self: start;
@@ -15004,24 +15001,24 @@ svg.react-flow__connectionline {
 }
 
 @container value-fields (max-width: 340px) {
-  .valueEditor_root_fd302[data-header][data-value-prefix] > .valueEditor_header_fd302 [data-field-name],
-  .valueEditor_root_fd302[data-header][data-value-prefix] > .valueEditor_header_fd302 > .valueEditor_fieldName_fd302 {
+  .valueEditor_root_64cb9[data-header][data-value-prefix] > .valueEditor_header_64cb9 [data-field-name],
+  .valueEditor_root_64cb9[data-header][data-value-prefix] > .valueEditor_header_64cb9 > .valueEditor_fieldName_64cb9 {
     grid-column: handle/type;
   }
 }
 /* Nested text/code values grow in their existing value cell, without a tree branch. */
-.valueEditor_summary_fd302[hidden] {
+.valueEditor_summary_64cb9[hidden] {
   display: none;
 }
 
 /* The expanded editor stacks disclosure and value actions in its top-right corner. */
-.valueEditor_root_fd302[data-expansion=inline][data-expanded] > .valueEditor_valueTools_fd302 {
+.valueEditor_root_64cb9[data-expansion=inline][data-expanded] > .valueEditor_valueTools_64cb9 {
   flex-direction: column;
   height: auto;
   margin-top: 3px;
 }
-.valueEditor_root_fd302[data-expansion=inline][data-expanded] > .valueEditor_body_fd302 > textarea,
-.valueEditor_root_fd302[data-expansion=inline][data-expanded] > .valueEditor_body_fd302 .cm-content {
+.valueEditor_root_64cb9[data-expansion=inline][data-expanded] > .valueEditor_body_64cb9 > textarea,
+.valueEditor_root_64cb9[data-expansion=inline][data-expanded] > .valueEditor_body_64cb9 .cm-content {
   padding-right: 32px;
 }.sortableFieldList_list_c1437 {
   display: flex;
@@ -15217,7 +15214,7 @@ svg.react-flow__connectionline {
 .nodeInputValue_sourceControl_67a3d:focus-visible {
   outline: 2px solid var(--ui-destructive);
   outline-offset: -1px;
-}.fieldTable_list_58822 {
+}.fieldTable_list_14bfd {
   /* Stay in the containing panel's stacking context so rows can cross section boundaries. */
   container: value-fields/inline-size;
   min-width: 0;
@@ -15229,13 +15226,20 @@ svg.react-flow__connectionline {
   color: var(--ui-foreground);
 }
 
-.fieldTable_list_58822[data-action-slots="2"] {
+.fieldTable_list_14bfd[data-action-slots="2"] {
   --field-actions-width: 58px;
   --field-table-actions-gap: 4px;
   --field-action-pair-gap: 2px;
 }
 
-.fieldTable_columns_58822 {
+.fieldTable_list_14bfd[data-standalone] {
+  --field-outer-gutter: calc(var(--field-toggle-width) + var(--field-value-name-gap));
+  width: calc(100% + var(--field-outer-gutter));
+  margin-inline-start: calc(-1 * var(--field-outer-gutter));
+  padding: 0;
+}
+
+.fieldTable_columns_14bfd {
   --field-nullable-width: var(--field-table-nullable-width, 0px);
   --field-name-track: minmax(0, 1fr);
   --field-type-track: minmax(64px, 0.48fr);
@@ -15252,10 +15256,10 @@ svg.react-flow__connectionline {
   column-gap: 0;
   grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle] var(--field-name-track) var(--field-name-type-gap) [type] var(--field-type-track) var(--field-type-value-gap) [value] var(--field-value-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
 }
-.fieldTable_columns_58822[data-value-prefix] {
+.fieldTable_columns_14bfd[data-value-prefix] {
   grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle] var(--field-name-track) var(--field-name-type-gap) [type] var(--field-type-track) var(--field-type-value-gap) [value-prefix] max-content var(--field-value-prefix-gap) [value] var(--field-value-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
 }
-.fieldTable_columns_58822[data-layout=values], .fieldTable_columns_58822[data-layout=ports] {
+.fieldTable_columns_14bfd[data-layout=values], .fieldTable_columns_14bfd[data-layout=ports] {
   --field-name-track: minmax(
     90px,
     calc(
@@ -15270,94 +15274,94 @@ svg.react-flow__connectionline {
   --field-name-gap: var(--field-value-name-gap, 2px);
   --field-actions-gap: var(--field-table-actions-gap, 2px);
 }
-.fieldTable_columns_58822[data-output] {
+.fieldTable_columns_14bfd[data-output] {
   grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle] minmax(0, 1fr) var(--field-name-type-gap) [type] var(--field-type-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
 }
 @container value-fields (max-width: 340px) {
-  .fieldTable_columns_58822:not([data-output]) {
+  .fieldTable_columns_14bfd:not([data-output]) {
     --field-value-column: handle / content-end;
     --field-value-row: 2;
     --field-branch-row: 3;
     grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle] minmax(0, 1fr) var(--field-name-type-gap) [type] var(--field-type-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
   }
-  .fieldTable_columns_58822[data-value-prefix]:not([data-output]) {
+  .fieldTable_columns_14bfd[data-value-prefix]:not([data-output]) {
     --field-value-column: value / content-end;
     grid-template-columns: [grip] var(--field-grip-width, 0px) [toggle] var(--field-toggle-width, 24px) var(--field-name-gap) [handle value-prefix] max-content var(--field-value-prefix-gap) [value] minmax(0, 1fr) var(--field-name-type-gap) [type] var(--field-type-track) [content-end] var(--field-actions-gap) [nullable] var(--field-nullable-width) [actions] var(--field-actions-width, 28px) [end];
   }
 }
 @container value-fields (max-width: 340px) {
-  .fieldTable_columns_58822:not([data-output]) {
+  .fieldTable_columns_14bfd:not([data-output]) {
     display: none;
   }
 }
-.fieldTable_columns_58822 {
+.fieldTable_columns_14bfd {
   row-gap: 4px;
   color: var(--ui-muted-foreground);
   font-size: 12px;
   padding: 4px 0;
 }
-.fieldTable_columns_58822 > span {
+.fieldTable_columns_14bfd > span {
   padding-left: 7px;
 }
-.fieldTable_columns_58822 > .fieldTable_nameHeading_58822 {
+.fieldTable_columns_14bfd > .fieldTable_nameHeading_14bfd {
   grid-column: handle;
   grid-row: 1;
 }
-.fieldTable_columns_58822 > .fieldTable_typeHeading_58822 {
+.fieldTable_columns_14bfd > .fieldTable_typeHeading_14bfd {
   grid-column: type;
   grid-row: 1;
 }
-.fieldTable_list_58822[data-fixed-types] .fieldTable_columns_58822 > .fieldTable_typeHeading_58822 {
+.fieldTable_list_14bfd[data-fixed-types] .fieldTable_columns_14bfd > .fieldTable_typeHeading_14bfd {
   padding-left: 0;
 }
-.fieldTable_columns_58822 > .fieldTable_valueHeading_58822 {
+.fieldTable_columns_14bfd > .fieldTable_valueHeading_14bfd {
   grid-column: var(--field-value-heading-column, var(--field-value-column));
   grid-row: var(--field-value-row);
 }
 
-.fieldTable_list_58822[data-fixed-types] {
+.fieldTable_list_14bfd[data-fixed-types] {
   --field-table-type-width: 32px;
   --field-type-width: 32px;
 }
 
-.fieldTable_list_58822:not([data-type-column]) {
+.fieldTable_list_14bfd:not([data-type-column]) {
   --field-table-type-width: 0px;
   --field-type-width: 0px;
   --field-type-value-gap: 0px;
 }
 
-.fieldTable_list_58822[data-output] {
+.fieldTable_list_14bfd[data-output] {
   --field-type-width: minmax(96px, 0.65fr);
 }
 
-.fieldTable_list_58822[data-output][data-composite-types] {
+.fieldTable_list_14bfd[data-output][data-composite-types] {
   --field-type-width: minmax(176px, 1.15fr);
 }
 
-.fieldTable_list_58822[data-nullable] {
+.fieldTable_list_14bfd[data-nullable] {
   --field-table-nullable-width: 28px;
 }
 
-.fieldTable_list_58822[data-layout=ports] {
+.fieldTable_list_14bfd[data-layout=ports] {
   padding-top: 2px;
 }
-.fieldTable_list_58822[data-layout=ports] .fieldTable_columns_58822 {
+.fieldTable_list_14bfd[data-layout=ports] .fieldTable_columns_14bfd {
   padding-block: 2px;
 }
 
-.fieldTable_list_58822[data-empty] {
+.fieldTable_list_14bfd[data-empty] {
   padding-block: 0;
 }
 
-.fieldTable_row_58822 {
+.fieldTable_row_14bfd {
   position: relative;
   min-width: 0;
   --row-gap: 6px;
   margin: var(--row-gap) 0;
 }
 
-.fieldTable_nullableControl_58822,
-.fieldTable_columns_58822 > .fieldTable_nullableHeading_58822 {
+.fieldTable_nullableControl_14bfd,
+.fieldTable_columns_14bfd > .fieldTable_nullableHeading_14bfd {
   display: flex;
   grid-column: nullable;
   grid-row: 1;
@@ -15367,7 +15371,7 @@ svg.react-flow__connectionline {
   white-space: nowrap;
 }
 
-.fieldTable_nullableControl_58822 {
+.fieldTable_nullableControl_14bfd {
   height: var(--field-control-height, 30px);
 }.portList_row_51bf3 {
   padding: 0;