@oomol-lab/open-flow 0.1.0-beta.79 → 0.1.0-beta.80

package/dist/browser/preview.css

@@ -1273,6 +1273,10 @@
     height: calc(100% - 1px);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .h-\[min\(32rem\,80dvh\)\] {
+    height: min(32rem, 80dvh);
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .h-\[min\(560px\,80dvh\)\] {
     height: min(560px, 80dvh);
   }
@@ -1329,10 +1333,6 @@
     max-height: 80dvh;
   }
 
-  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .max-h-\[80vh\] {
-    max-height: 80vh;
-  }
-
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .max-h-\[85dvh\] {
     max-height: 85dvh;
   }
@@ -1445,6 +1445,10 @@
     width: calc(var(--spacing) * 3.5);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .w-4 {
+    width: calc(var(--spacing) * 4);
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .w-8 {
     width: calc(var(--spacing) * 8);
   }
@@ -1557,6 +1561,10 @@
     width: var(--container-md);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .w-px {
+    width: 1px;
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .max-w-\(--available-width\) {
     max-width: var(--available-width);
   }
@@ -2736,6 +2744,10 @@
     padding-left: calc(var(--spacing) * 2.5);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .pl-3 {
+    padding-left: calc(var(--spacing) * 3);
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .pl-4 {
     padding-left: calc(var(--spacing) * 4);
   }
@@ -2768,6 +2780,10 @@
     text-align: right;
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .align-middle {
+    vertical-align: middle;
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .font-mono {
     font-family: var(--font-mono);
   }
@@ -3699,6 +3715,11 @@
     border-width: 0;
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .last\:border-b-0:last-child {
+    border-bottom-style: var(--tw-border-style);
+    border-bottom-width: 0;
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .last\:pb-0:last-child {
     padding-bottom: 0;
   }
@@ -5083,6 +5104,10 @@
       grid-row-start: 1;
     }
 
+    :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .sm\:inline {
+      display: inline;
+    }
+
     :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .sm\:w-3\/5 {
       width: 60%;
     }
@@ -8356,12 +8381,6 @@ svg.react-flow__connectionline {
   display: flex;
 }
 
-.open-flow-workbench .revision-viewer-hint {
-  color: var(--ui-muted-foreground);
-  flex: 1;
-  font-size: 11px;
-}
-
 .open-flow-workbench .revision-viewer-body {
   flex: 1;
   grid-template-columns: minmax(0, 1fr);
@@ -9402,7 +9421,7 @@ svg.react-flow__connectionline {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
-}.CanvasCard_card_5d8a7 {
+}.CanvasCard_card_e92f9 {
   --card-stroke: var(--node-border-color);
   --card-selection-stroke: var(--node-selected-border-color);
   --card-shadow: 0 1px 2px rgb(0 0 0 / 3%), 0 4px 12px rgb(0 0 0 / 3%);
@@ -9417,35 +9436,35 @@ svg.react-flow__connectionline {
   box-shadow: var(--card-shadow);
 }
 
-.CanvasCard_value_5d8a7 {
+.CanvasCard_value_e92f9 {
   --card-shadow: 0 1px 2px rgb(0 0 0 / 3%);
   --card-radius: 12px;
 }
-.CanvasCard_value_5d8a7 .CanvasCard_preview_5d8a7 {
+.CanvasCard_value_e92f9 .CanvasCard_preview_e92f9 {
   border-radius: 6px;
 }
 
-.CanvasCard_comment_5d8a7 {
+.CanvasCard_comment_e92f9 {
   --card-stroke: var(--comment-border);
   --card-selection-stroke: var(--comment-selected-border);
   background: var(--comment-bg);
 }
 
-.CanvasCard_comment_5d8a7 .CanvasCard_preview_5d8a7 {
+.CanvasCard_comment_e92f9 .CanvasCard_preview_e92f9 {
   background: var(--comment-preview-bg);
   border-color: color-mix(in srgb, var(--comment-border) 45%, transparent);
 }
 
-.CanvasCard_selected_5d8a7 {
+.CanvasCard_selected_e92f9 {
   --card-stroke: var(--card-selection-stroke);
   box-shadow: 0 0 0 1px var(--card-stroke), var(--card-shadow);
 }
 
-.CanvasCard_problem_5d8a7 {
+.CanvasCard_problem_e92f9 {
   --card-stroke: var(--accent-red-1);
 }
 
-.CanvasCard_runningBeam_5d8a7 {
+.CanvasCard_runningBeam_e92f9 {
   position: absolute;
   inset: 0;
   width: 100%;
@@ -9454,15 +9473,15 @@ svg.react-flow__connectionline {
   fill: none;
   stroke: var(--_open-flow-node-running-beam);
   stroke-width: 1px;
-  animation: CanvasCard_running-beam_5d8a7 4s linear infinite;
+  animation: CanvasCard_running-beam_e92f9 4s linear infinite;
 }
-.CanvasCard_runningBeam_5d8a7 rect {
+.CanvasCard_runningBeam_e92f9 rect {
   width: calc(100% - 1px);
   height: calc(100% - 1px);
   rx: calc(var(--card-radius) - 1px);
 }
 
-@keyframes CanvasCard_running-beam_5d8a7 {
+@keyframes CanvasCard_running-beam_e92f9 {
   from {
     stroke-dashoffset: 0;
   }
@@ -9471,11 +9490,11 @@ svg.react-flow__connectionline {
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .CanvasCard_runningBeam_5d8a7 {
+  .CanvasCard_runningBeam_e92f9 {
     animation: none;
   }
 }
-.CanvasCard_header_5d8a7 {
+.CanvasCard_header_e92f9 {
   min-height: 58px;
   display: flex;
   align-items: center;
@@ -9483,7 +9502,7 @@ svg.react-flow__connectionline {
   padding: 8px 10px;
 }
 
-.CanvasCard_icon_5d8a7 {
+.CanvasCard_icon_e92f9 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -9493,11 +9512,11 @@ svg.react-flow__connectionline {
   font-size: 22px;
   color: var(--text-2);
 }
-.CanvasCard_icon_5d8a7 > :where(img, svg) {
+.CanvasCard_icon_e92f9 > :where(img, svg) {
   width: 24px;
   height: 24px;
 }
-.CanvasCard_icon_5d8a7:has(> img, > [data-icon-kind=initials]) {
+.CanvasCard_icon_e92f9:has(> img, > [data-icon-kind=initials]) {
   --content-icon-initials-background: transparent;
   width: 32px;
   height: 32px;
@@ -9505,19 +9524,19 @@ svg.react-flow__connectionline {
   border: 1px solid color-mix(in srgb, var(--ui-foreground) 14%, transparent);
   border-radius: 11px;
 }
-.CanvasCard_icon_5d8a7:has(> img, > [data-icon-kind=initials]) > img {
+.CanvasCard_icon_e92f9:has(> img, > [data-icon-kind=initials]) > img {
   width: 20px;
   height: 20px;
 }
 
-.CanvasCard_identity_5d8a7 {
+.CanvasCard_identity_e92f9 {
   display: flex;
   flex: 1;
   min-width: 0;
   flex-direction: column;
   gap: 4px;
 }
-.CanvasCard_identity_5d8a7 strong {
+.CanvasCard_identity_e92f9 strong {
   font-size: 14px;
   font-weight: 600;
   line-height: 20px;
@@ -9525,26 +9544,26 @@ svg.react-flow__connectionline {
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.CanvasCard_identity_5d8a7 > span {
+.CanvasCard_identity_e92f9 > span {
   font-size: 11px;
   line-height: 15px;
   color: var(--text-2);
 }
 
-.CanvasCard_indicator_5d8a7 {
+.CanvasCard_indicator_e92f9 {
   font-size: 20px;
   transform: translateX(4px);
 }
 
-.CanvasCard_warning_5d8a7 {
+.CanvasCard_warning_e92f9 {
   color: var(--widget-warn-color);
 }
 
-.CanvasCard_danger_5d8a7 {
+.CanvasCard_danger_e92f9 {
   color: var(--accent-red-1);
 }
 
-.CanvasCard_content_5d8a7 {
+.CanvasCard_content_e92f9 {
   padding: 2px 10px 12px;
   font-size: 13px;
   line-height: 1.65;
@@ -9552,37 +9571,37 @@ svg.react-flow__connectionline {
   overflow-wrap: anywhere;
 }
 
-.CanvasCard_preview_5d8a7 {
+.CanvasCard_preview_e92f9 {
   border: 1px solid color-mix(in srgb, var(--node-border-color) 45%, transparent);
   border-radius: 12px;
   background: var(--node-background-color);
   overflow: hidden;
 }
 
-.CanvasCard_branches_5d8a7 {
+.CanvasCard_branches_e92f9 {
   margin: 0 -8px;
 }
 
-.CanvasCard_collapse_5d8a7 {
+.CanvasCard_collapse_e92f9 {
   display: grid;
   grid-template-rows: 1fr;
   transition: grid-template-rows 200ms ease;
 }
-.CanvasCard_collapse_5d8a7[data-hidden=true] {
+.CanvasCard_collapse_e92f9[data-hidden=true] {
   grid-template-rows: 0fr;
 }
 
-.CanvasCard_collapseInner_5d8a7 {
+.CanvasCard_collapseInner_e92f9 {
   min-height: 0;
   overflow: hidden;
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .CanvasCard_collapse_5d8a7 {
+  .CanvasCard_collapse_e92f9 {
     transition: none;
   }
 }
-.CanvasCard_compactIdentity_5d8a7 {
+.CanvasCard_compactIdentity_e92f9 {
   container: compact-node-identity/size;
   position: absolute;
   inset: 0;
@@ -9594,29 +9613,29 @@ svg.react-flow__connectionline {
   visibility: hidden;
   pointer-events: none;
 }
-.CanvasCard_compactIdentity_5d8a7 .CanvasCard_icon_5d8a7 {
+.CanvasCard_compactIdentity_e92f9 .CanvasCard_icon_e92f9 {
   width: 36px;
   height: 36px;
   font-size: 32px;
 }
-.CanvasCard_compactIdentity_5d8a7 .CanvasCard_icon_5d8a7 > :where(img, svg) {
+.CanvasCard_compactIdentity_e92f9 .CanvasCard_icon_e92f9 > :where(img, svg) {
   width: 32px;
   height: 32px;
 }
-.CanvasCard_compactIdentity_5d8a7 .CanvasCard_icon_5d8a7:has(> img, > [data-icon-kind=initials]) {
+.CanvasCard_compactIdentity_e92f9 .CanvasCard_icon_e92f9:has(> img, > [data-icon-kind=initials]) {
   width: 40px;
   height: 40px;
   font-size: 28px;
   border-radius: 13px;
 }
-.CanvasCard_compactIdentity_5d8a7 .CanvasCard_icon_5d8a7:has(> img, > [data-icon-kind=initials]) > img {
+.CanvasCard_compactIdentity_e92f9 .CanvasCard_icon_e92f9:has(> img, > [data-icon-kind=initials]) > img {
   width: 28px;
   height: 28px;
 }
-.CanvasCard_compactIdentity_5d8a7 .CanvasCard_indicator_5d8a7 {
+.CanvasCard_compactIdentity_e92f9 .CanvasCard_indicator_e92f9 {
   font-size: 30px;
 }
-.CanvasCard_compactIdentity_5d8a7 strong {
+.CanvasCard_compactIdentity_e92f9 strong {
   flex: 1;
   min-width: 0;
   overflow: hidden;
@@ -9628,15 +9647,15 @@ svg.react-flow__connectionline {
   transform: translateY(-1px);
 }
 
-.CanvasCard_compact_5d8a7 > .CanvasCard_header_5d8a7 {
+.CanvasCard_compact_e92f9 > .CanvasCard_header_e92f9 {
   visibility: hidden;
 }
-.CanvasCard_compact_5d8a7 .CanvasCard_compactIdentity_5d8a7 {
+.CanvasCard_compact_e92f9 .CanvasCard_compactIdentity_e92f9 {
   visibility: visible;
 }
 
 @container compact-node-identity (min-height: 72px) {
-  .CanvasCard_compactIdentity_5d8a7 strong {
+  .CanvasCard_compactIdentity_e92f9 strong {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
@@ -9644,52 +9663,54 @@ svg.react-flow__connectionline {
     overflow-wrap: anywhere;
   }
 }
-.CanvasCard_withBody_5d8a7 {
+.CanvasCard_withBody_e92f9 {
   position: relative;
 }
-.CanvasCard_withBody_5d8a7 .CanvasCard_compactIdentity_5d8a7 {
+.CanvasCard_withBody_e92f9 .CanvasCard_compactIdentity_e92f9 {
   padding: 8px 10px;
 }
 
-.CanvasCard_compactContent_5d8a7 > :not(.CanvasCard_header_5d8a7, .CanvasCard_runningBeam_5d8a7) {
+.CanvasCard_compactContent_e92f9 > :not(.CanvasCard_header_e92f9, .CanvasCard_runningBeam_e92f9) {
   visibility: hidden;
 }
 
-.CanvasCard_compactContent_5d8a7 .CanvasCard_singleContent_5d8a7 {
+.CanvasCard_compactContent_e92f9 .CanvasCard_singleContent_e92f9 {
   border-radius: 12px;
   background: var(--node-background-color);
   visibility: visible;
 }
-.CanvasCard_compactContent_5d8a7 .CanvasCard_singleContent_5d8a7 > * {
+.CanvasCard_compactContent_e92f9 .CanvasCard_singleContent_e92f9 > * {
   visibility: hidden;
 }
 
-.CanvasCard_value_5d8a7.CanvasCard_compactContent_5d8a7 .CanvasCard_singleContent_5d8a7 {
+.CanvasCard_value_e92f9.CanvasCard_compactContent_e92f9 .CanvasCard_singleContent_e92f9 {
   border-radius: 6px;
 }
 
-.CanvasCard_subtitle_5d8a7 {
+.CanvasCard_subtitle_e92f9 {
   display: flex;
   align-items: center;
   gap: 8px;
   min-width: 0;
 }
-.CanvasCard_subtitle_5d8a7 > span:first-child {
+.CanvasCard_subtitle_e92f9 > span:first-child {
+  flex: 1 1 auto;
+  max-width: max-content;
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
-.CanvasCard_fill_5d8a7 {
+.CanvasCard_fill_e92f9 {
   height: 100%;
   display: grid;
   grid-template-rows: auto minmax(0, 1fr);
 }
-.CanvasCard_fill_5d8a7 > .CanvasCard_singleContent_5d8a7,
-.CanvasCard_fill_5d8a7 .CanvasCard_collapse_5d8a7,
-.CanvasCard_fill_5d8a7 .CanvasCard_collapseInner_5d8a7,
-.CanvasCard_fill_5d8a7 .CanvasCard_preview_5d8a7 {
+.CanvasCard_fill_e92f9 > .CanvasCard_singleContent_e92f9,
+.CanvasCard_fill_e92f9 .CanvasCard_collapse_e92f9,
+.CanvasCard_fill_e92f9 .CanvasCard_collapseInner_e92f9,
+.CanvasCard_fill_e92f9 .CanvasCard_preview_e92f9 {
   min-height: 0;
   height: 100%;
 }.RunChips_chip_c07c0.RunChips_chip_c07c0 {
@@ -11484,163 +11505,163 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
 }
 .open-flow-canvas-node-minimap2 .NodeMinimap_wrapper_e79d7 {
   font-size: calc(0.75rem * var(--open-flow-canvas-scale, 1));
-}.ReactFlowContainer_container_40f4d {
+}.ReactFlowContainer_container_18f86 {
   width: 100%;
   height: 100%;
   position: relative;
   container: open-flow-canvas-controls/inline-size;
 }
 
-.ReactFlowContainer_flow_40f4d {
+.ReactFlowContainer_flow_18f86 {
   position: relative;
   outline: none !important;
   scrollbar-color: rgba(121, 121, 121, 0.4) transparent;
   --xy-background-color: var(--flow-bg);
 }
-.ReactFlowContainer_flow_40f4d.react-flow.open-flow-canvas {
+.ReactFlowContainer_flow_18f86.react-flow.open-flow-canvas {
   --xy-edge-stroke-width-default: 2;
 }
-.ReactFlowContainer_flow_40f4d ::-webkit-scrollbar-corner,
-.ReactFlowContainer_flow_40f4d ::-webkit-resizer {
+.ReactFlowContainer_flow_18f86 ::-webkit-scrollbar-corner,
+.ReactFlowContainer_flow_18f86 ::-webkit-resizer {
   border: none;
   outline: none;
   background: no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 36 36'%3E%3Ccircle cx='12' cy='24' r='1.5' fill='%23888888' class='clr-i-outline clr-i-outline-path-1'/%3E%3Ccircle cx='18' cy='24' r='1.5' fill='%23888888' class='clr-i-outline clr-i-outline-path-2'/%3E%3Ccircle cx='18' cy='18' r='1.5' fill='%23888888' class='clr-i-outline clr-i-outline-path-3'/%3E%3Ccircle cx='24' cy='12' r='1.5' fill='%23888888' class='clr-i-outline clr-i-outline-path-4'/%3E%3Ccircle cx='24' cy='24' r='1.5' fill='%23888888' class='clr-i-outline clr-i-outline-path-5'/%3E%3Ccircle cx='24' cy='18' r='1.5' fill='%23888888' class='clr-i-outline clr-i-outline-path-6'/%3E%3Cpath fill='none' d='M0 0h36v36H0z'/%3E%3C/svg%3E");
 }
-.ReactFlowContainer_flow_40f4d > .react-flow__renderer {
+.ReactFlowContainer_flow_18f86 > .react-flow__renderer {
   overflow: clip;
 }
-.ReactFlowContainer_flow_40f4d *,
-.ReactFlowContainer_flow_40f4d *::before,
-.ReactFlowContainer_flow_40f4d *::after {
+.ReactFlowContainer_flow_18f86 *,
+.ReactFlowContainer_flow_18f86 *::before,
+.ReactFlowContainer_flow_18f86 *::after {
   box-sizing: border-box;
 }
-.ReactFlowContainer_flow_40f4d .react-flow__pane.selection,
-.ReactFlowContainer_flow_40f4d .react-flow__node,
-.ReactFlowContainer_flow_40f4d .react-flow__edge {
+.ReactFlowContainer_flow_18f86 .react-flow__pane.selection,
+.ReactFlowContainer_flow_18f86 .react-flow__node,
+.ReactFlowContainer_flow_18f86 .react-flow__edge {
   cursor: auto !important;
 }
-.ReactFlowContainer_flow_40f4d.touchpad .react-flow__pane.draggable .react-flow__node {
+.ReactFlowContainer_flow_18f86.touchpad .react-flow__pane.draggable .react-flow__node {
   pointer-events: none !important;
 }
-.ReactFlowContainer_flow_40f4d .react-flow__controls {
+.ReactFlowContainer_flow_18f86 .react-flow__controls {
   width: auto;
   overflow: visible;
 }
-.ReactFlowContainer_flow_40f4d .react-flow__controls-button path {
+.ReactFlowContainer_flow_18f86 .react-flow__controls-button path {
   fill: currentColor;
 }
-.ReactFlowContainer_flow_40f4d .react-flow__nodesselection-rect:focus,
-.ReactFlowContainer_flow_40f4d .react-flow__nodesselection-rect:focus-visible,
-.ReactFlowContainer_flow_40f4d .react-flow__selection:focus,
-.ReactFlowContainer_flow_40f4d .react-flow__selection:focus-visible {
+.ReactFlowContainer_flow_18f86 .react-flow__nodesselection-rect:focus,
+.ReactFlowContainer_flow_18f86 .react-flow__nodesselection-rect:focus-visible,
+.ReactFlowContainer_flow_18f86 .react-flow__selection:focus,
+.ReactFlowContainer_flow_18f86 .react-flow__selection:focus-visible {
   outline: none !important;
 }
-.ReactFlowContainer_flow_40f4d:has(.ReactFlowContainer_contextMenu_40f4d) .react-flow__nodesselection-rect {
+.ReactFlowContainer_flow_18f86:has(.ReactFlowContainer_contextMenu_18f86) .react-flow__nodesselection-rect {
   pointer-events: none;
 }
-.ReactFlowContainer_flow_40f4d .react-flow__viewport > .isolate {
+.ReactFlowContainer_flow_18f86 .react-flow__viewport > .isolate {
   pointer-events: all;
 }
-.ReactFlowContainer_flow_40f4d button > i {
+.ReactFlowContainer_flow_18f86 button > i {
   cursor: inherit;
 }
 
-.ReactFlowContainer_movingLayout_40f4d .react-flow__node {
+.ReactFlowContainer_movingLayout_18f86 .react-flow__node {
   transition: transform var(--layout-transition-duration) cubic-bezier(0.22, 1, 0.36, 1);
 }
 
-.ReactFlowContainer_layoutPending_40f4d .react-flow__viewport {
+.ReactFlowContainer_layoutPending_18f86 .react-flow__viewport {
   opacity: 0;
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .ReactFlowContainer_movingLayout_40f4d .react-flow__node {
+  .ReactFlowContainer_movingLayout_18f86 .react-flow__node {
     transition: none;
   }
-  .ReactFlowContainer_flow_40f4d .react-flow__controls-button {
+  .ReactFlowContainer_flow_18f86 .react-flow__controls-button {
     transition: none;
   }
 }
-.ReactFlowContainer_contextMenu_40f4d {
+.ReactFlowContainer_contextMenu_18f86 {
   min-width: 176px;
   padding: 6px;
   border-radius: calc(var(--_open-flow-radius) + 2px);
 }
-.ReactFlowContainer_contextMenu_40f4d [data-slot$='menu-item'] {
+.ReactFlowContainer_contextMenu_18f86 [data-slot$='menu-item'] {
   min-height: 28px;
   gap: 8px;
   padding: 4px 10px;
   border-radius: var(--_open-flow-radius);
 }
-.ReactFlowContainer_contextMenu_40f4d [data-slot$='menu-item'] > i,
-.ReactFlowContainer_contextMenu_40f4d [data-slot$='menu-item'] > svg {
+.ReactFlowContainer_contextMenu_18f86 [data-slot$='menu-item'] > i,
+.ReactFlowContainer_contextMenu_18f86 [data-slot$='menu-item'] > svg {
   flex: 0 0 16px;
   width: 16px;
   height: 16px;
 }
 
-.ReactFlowContainer_dock_40f4d {
+.ReactFlowContainer_dock_18f86 {
   margin-bottom: 22px;
   max-width: calc(100% - 32px);
 }
 
-.ReactFlowContainer_viewDock_40f4d {
+.ReactFlowContainer_viewDock_18f86 {
   z-index: 6;
 }
-.ReactFlowContainer_viewDock_40f4d > [data-size] {
+.ReactFlowContainer_viewDock_18f86 > [data-size] {
   height: 28px;
   width: 28px;
 }
-.ReactFlowContainer_viewDock_40f4d [data-size] {
+.ReactFlowContainer_viewDock_18f86 [data-size] {
   color: var(--ui-muted-foreground);
 }
-.ReactFlowContainer_viewDock_40f4d [data-size]:is(:hover, :focus-visible) {
+.ReactFlowContainer_viewDock_18f86 [data-size]:is(:hover, :focus-visible) {
   color: var(--ui-foreground);
 }
-.ReactFlowContainer_viewDock_40f4d [data-size] > i {
+.ReactFlowContainer_viewDock_18f86 [data-size] > i {
   width: 16px;
   height: 16px;
   flex: none;
   font-size: 16px;
 }
 
-.ReactFlowContainer_expandedViewControls_40f4d,
-.ReactFlowContainer_viewOptionButtons_40f4d {
+.ReactFlowContainer_expandedViewControls_18f86,
+.ReactFlowContainer_viewOptionButtons_18f86 {
   display: flex;
   align-items: center;
   gap: 2px;
 }
-.ReactFlowContainer_expandedViewControls_40f4d > [data-size],
-.ReactFlowContainer_viewOptionButtons_40f4d > [data-size] {
+.ReactFlowContainer_expandedViewControls_18f86 > [data-size],
+.ReactFlowContainer_viewOptionButtons_18f86 > [data-size] {
   height: 28px;
 }
-.ReactFlowContainer_expandedViewControls_40f4d > [data-size=icon],
-.ReactFlowContainer_viewOptionButtons_40f4d > [data-size=icon] {
+.ReactFlowContainer_expandedViewControls_18f86 > [data-size=icon],
+.ReactFlowContainer_viewOptionButtons_18f86 > [data-size=icon] {
   width: 28px;
 }
 
-.ReactFlowContainer_compactViewControls_40f4d {
+.ReactFlowContainer_compactViewControls_18f86 {
   display: none;
 }
-.ReactFlowContainer_compactViewControls_40f4d [data-size] {
+.ReactFlowContainer_compactViewControls_18f86 [data-size] {
   height: 28px;
   font-size: 11px;
   font-variant-numeric: tabular-nums;
 }
 
 @container open-flow-canvas-controls (width <= 900px) {
-  .ReactFlowContainer_viewDock_40f4d[data-readonly=false] .ReactFlowContainer_expandedViewControls_40f4d {
+  .ReactFlowContainer_expandedViewControls_18f86 {
     display: none;
   }
-  .ReactFlowContainer_viewDock_40f4d[data-readonly=false] .ReactFlowContainer_compactViewControls_40f4d {
+  .ReactFlowContainer_compactViewControls_18f86 {
     display: block;
   }
 }
-.ReactFlowContainer_createDock_40f4d {
+.ReactFlowContainer_createDock_18f86 {
   gap: 5px;
 }
 
-.ReactFlowContainer_zoomValue_40f4d {
+.ReactFlowContainer_zoomValue_18f86 {
   min-width: 40px;
   padding-inline: 5px;
   color: var(--ui-muted-foreground);
@@ -11648,26 +11669,26 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
   font-variant-numeric: tabular-nums;
 }
 
-.ReactFlowContainer_viewChoiceTrigger_40f4d > i {
+.ReactFlowContainer_viewChoiceTrigger_18f86 > i {
   width: 16px;
   height: 16px;
   flex: none;
   font-size: 16px;
 }
 
-.ReactFlowContainer_viewChoicePanel_40f4d.ReactFlowContainer_viewChoicePanel_40f4d {
+.ReactFlowContainer_viewChoicePanel_18f86.ReactFlowContainer_viewChoicePanel_18f86 {
   width: min(360px, 100cqw - 32px);
   padding: 10px;
 }
 
-.ReactFlowContainer_viewChoices_40f4d.ReactFlowContainer_viewChoices_40f4d {
+.ReactFlowContainer_viewChoices_18f86.ReactFlowContainer_viewChoices_18f86 {
   display: grid;
   width: 100%;
   grid-template-columns: repeat(2, minmax(0, 1fr));
   gap: 8px;
 }
 
-.ReactFlowContainer_viewChoice_40f4d.ReactFlowContainer_viewChoice_40f4d {
+.ReactFlowContainer_viewChoice_18f86.ReactFlowContainer_viewChoice_18f86 {
   width: 100%;
   height: auto;
   min-height: 140px;
@@ -11679,56 +11700,56 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
   text-align: center;
   white-space: normal;
 }
-.ReactFlowContainer_viewChoice_40f4d.ReactFlowContainer_viewChoice_40f4d[aria-checked=true] {
+.ReactFlowContainer_viewChoice_18f86.ReactFlowContainer_viewChoice_18f86[aria-checked=true] {
   border-color: var(--ui-primary);
   background: var(--ui-secondary);
   color: var(--ui-foreground);
 }
-.ReactFlowContainer_viewChoice_40f4d.ReactFlowContainer_viewChoice_40f4d > i {
+.ReactFlowContainer_viewChoice_18f86.ReactFlowContainer_viewChoice_18f86 > i {
   color: var(--ui-muted-foreground);
   width: 28px;
   height: 28px;
   font-size: 28px;
 }
-.ReactFlowContainer_viewChoice_40f4d.ReactFlowContainer_viewChoice_40f4d:is(:hover, :focus-visible, [aria-checked=true]) > i {
+.ReactFlowContainer_viewChoice_18f86.ReactFlowContainer_viewChoice_18f86:is(:hover, :focus-visible, [aria-checked=true]) > i {
   color: var(--ui-foreground);
 }
-.ReactFlowContainer_viewChoice_40f4d.ReactFlowContainer_viewChoice_40f4d > strong {
+.ReactFlowContainer_viewChoice_18f86.ReactFlowContainer_viewChoice_18f86 > strong {
   font-size: 13px;
   font-weight: 500;
   line-height: 1.5;
 }
-.ReactFlowContainer_viewChoice_40f4d.ReactFlowContainer_viewChoice_40f4d > span {
+.ReactFlowContainer_viewChoice_18f86.ReactFlowContainer_viewChoice_18f86 > span {
   color: var(--ui-muted-foreground);
   font-size: 12px;
   font-weight: 400;
   line-height: 1.5;
 }
 
-.ReactFlowContainer_dockActions_40f4d {
+.ReactFlowContainer_dockActions_18f86 {
   display: flex;
   align-items: center;
   gap: 5px;
 }
 
 @container open-flow-workbench (max-width: 720px) {
-  .ReactFlowContainer_dock_40f4d {
+  .ReactFlowContainer_dock_18f86 {
     padding: 5px;
     margin-bottom: 14px;
   }
-  .ReactFlowContainer_dockActions_40f4d {
+  .ReactFlowContainer_dockActions_18f86 {
     gap: 3px;
   }
 }
 @container open-flow-workbench (max-width: 560px) {
-  .ReactFlowContainer_viewChoices_40f4d.ReactFlowContainer_viewChoices_40f4d {
+  .ReactFlowContainer_viewChoices_18f86.ReactFlowContainer_viewChoices_18f86 {
     grid-template-columns: 1fr;
   }
-  .ReactFlowContainer_viewChoice_40f4d.ReactFlowContainer_viewChoice_40f4d {
+  .ReactFlowContainer_viewChoice_18f86.ReactFlowContainer_viewChoice_18f86 {
     min-height: 120px;
   }
 }
-.ReactFlowContainer_miniMap_40f4d.react-flow__panel {
+.ReactFlowContainer_miniMap_18f86.react-flow__panel {
   bottom: calc(100% + 8px);
   left: 0;
   margin: 0;
@@ -11738,29 +11759,29 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
   border-radius: var(--ui-radius);
 }
 
-.ReactFlowContainer_viewOptions_40f4d {
+.ReactFlowContainer_viewOptions_18f86 {
   display: grid;
   grid-template-columns: 0fr;
   opacity: 0;
   visibility: hidden;
   transition: grid-template-columns 180ms ease, opacity 180ms ease, visibility 180ms;
 }
-.ReactFlowContainer_viewOptions_40f4d[data-expanded=true] {
+.ReactFlowContainer_viewOptions_18f86[data-expanded=true] {
   grid-template-columns: 1fr;
   opacity: 1;
   visibility: visible;
 }
 
-.ReactFlowContainer_viewOptionsClip_40f4d {
+.ReactFlowContainer_viewOptionsClip_18f86 {
   min-width: 0;
   overflow: hidden;
 }
 
-.ReactFlowContainer_viewOptionButtons_40f4d {
+.ReactFlowContainer_viewOptionButtons_18f86 {
   width: max-content;
 }
 
-.ReactFlowContainer_viewSeparator_40f4d {
+.ReactFlowContainer_viewSeparator_18f86 {
   width: 1px;
   height: 16px;
   margin-inline: 4px;
@@ -11768,7 +11789,7 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
 }
 
 @media (prefers-reduced-motion: reduce) {
-  .ReactFlowContainer_viewOptions_40f4d {
+  .ReactFlowContainer_viewOptions_18f86 {
     transition: none;
   }
 }.open-flow-canvas-root .react-flow__controls.horizontal {