@oomol-lab/open-flow 0.1.0-beta.63 → 0.1.0-beta.64

package/dist/browser/theme.css

@@ -85,6 +85,10 @@
   --ui-control-radius: 8px;
 }
 
+.open-flow-node-picker {
+  --ui-control-radius: 10px;
+}
+
 .open-flow-workbench :is(.run-drawer, .runs-view) {
   --ui-control-radius: 6px;
 }

package/dist/browser/ui.css

@@ -199,6 +199,10 @@
   --ui-control-radius: 8px;
 }
 
+.open-flow-node-picker {
+  --ui-control-radius: 10px;
+}
+
 .open-flow-workbench :is(.run-drawer, .runs-view) {
   --ui-control-radius: 6px;
 }
@@ -2129,10 +2133,6 @@
     overflow-y: auto;
   }
 
-  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .overflow-y-scroll {
-    overflow-y: scroll;
-  }
-
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .overscroll-contain {
     overscroll-behavior: contain;
   }
@@ -2161,6 +2161,14 @@
     border-radius: 9px;
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .rounded-\[calc\(var\(--ui-control-radius\)\+2px\)\] {
+    border-radius: calc(var(--ui-control-radius) + 2px);
+  }
+
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .rounded-\[calc\(var\(--ui-control-radius\)-3px\)\] {
+    border-radius: calc(var(--ui-control-radius) - 3px);
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .rounded-\[calc\(var\(--ui-control-radius\,calc\(var\(--radius-md\)_\+_2px\)\)_-_2px\)\] {
     border-radius: calc(var(--ui-control-radius, calc(var(--radius-md) + 2px)) - 2px);
   }
@@ -2169,6 +2177,10 @@
     border-radius: calc(var(--ui-control-radius, var(--ui-radius)) + 2px);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .rounded-\[var\(--ui-control-radius\)\] {
+    border-radius: var(--ui-control-radius);
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .rounded-\[var\(--ui-control-radius\,8px\)\] {
     border-radius: var(--ui-control-radius, 8px);
   }
@@ -3194,6 +3206,16 @@
     --ui-control-background: var(--ui-popover);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .\[--ui-control-hover-background\:color-mix\(in_srgb\,var\(--ui-foreground\)_8\%\,var\(--ui-popover\)\)\] {
+    --ui-control-hover-background: var(--ui-foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .\[--ui-control-hover-background\:color-mix\(in_srgb\,var\(--ui-foreground\)_8\%\,var\(--ui-popover\)\)\] {
+      --ui-control-hover-background: color-mix(in srgb,var(--ui-foreground) 8%,var(--ui-popover));
+    }
+  }
+
   :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));
   }
@@ -3710,10 +3732,6 @@
       background-color: var(--ui-muted);
     }
 
-    :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .hover\:bg-popover:hover {
-      background-color: var(--ui-popover);
-    }
-
     :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .hover\:bg-primary\/80:hover {
       background-color: var(--ui-primary);
     }
@@ -3762,11 +3780,6 @@
       text-decoration-line: underline;
     }
 
-    :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .hover\:shadow-sm:hover {
-      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
-
     :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .group-data-\[variant\=navigation\]\/tabs-list\:hover\:bg-muted:is(:where(.group\/tabs-list)[data-variant="navigation"] *):hover {
       background-color: var(--ui-muted);
     }
@@ -3816,14 +3829,6 @@
     background-color: var(--ui-accent);
   }
 
-  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .focus-visible\:bg-popover:focus-visible {
-    background-color: var(--ui-popover);
-  }
-
-  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .focus-visible\:text-foreground:focus-visible {
-    color: var(--ui-foreground);
-  }
-
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .focus-visible\:ring-0:focus-visible {
     --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -5137,16 +5142,6 @@
       }
     }
 
-    :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .dark\:hover\:bg-\[color-mix\(in_srgb\,var\(--ui-foreground\)_12\%\,var\(--ui-popover\)\)\]:where([data-theme="dark"], [data-theme="dark"] *):hover {
-      background-color: var(--ui-foreground);
-    }
-
-    @supports (color: color-mix(in lab, red, red)) {
-      :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .dark\:hover\:bg-\[color-mix\(in_srgb\,var\(--ui-foreground\)_12\%\,var\(--ui-popover\)\)\]:where([data-theme="dark"], [data-theme="dark"] *):hover {
-        background-color: color-mix(in srgb,var(--ui-foreground) 12%,var(--ui-popover));
-      }
-    }
-
     :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .dark\:hover\:bg-\[var\(--ui-control-hover-background\,var\(--ui-muted\)\)\]:where([data-theme="dark"], [data-theme="dark"] *):hover {
       background-color: var(--ui-control-hover-background, var(--ui-muted));
     }
@@ -5220,16 +5215,6 @@
     }
   }
 
-  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .dark\:focus-visible\:bg-\[color-mix\(in_srgb\,var\(--ui-foreground\)_12\%\,var\(--ui-popover\)\)\]:where([data-theme="dark"], [data-theme="dark"] *):focus-visible {
-    background-color: var(--ui-foreground);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .dark\:focus-visible\:bg-\[color-mix\(in_srgb\,var\(--ui-foreground\)_12\%\,var\(--ui-popover\)\)\]:where([data-theme="dark"], [data-theme="dark"] *):focus-visible {
-      background-color: color-mix(in srgb,var(--ui-foreground) 12%,var(--ui-popover));
-    }
-  }
-
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .dark\:disabled\:bg-\[var\(--ui-disabled-background\,color-mix\(in_srgb\,var\(--ui-input\)_80\%\,transparent\)\)\]:where([data-theme="dark"], [data-theme="dark"] *):disabled {
     background-color: var(--ui-disabled-background, var(--ui-input));
   }
@@ -5350,6 +5335,10 @@
     }
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .\[\&_\[data-overlayscrollbars-viewport\]\]\:overscroll-contain [data-overlayscrollbars-viewport] {
+    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;
@@ -7013,13 +7002,13 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
 
 [data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body) {
   overflow: auto;
-}:where(.scroll-area_container_c242f) {
+}:where(.scroll-area_container_07c14) {
   height: 100%;
 }
 
-.scroll-area_scrollbar_c242f {
+.scroll-area_scrollbar_07c14 {
   box-sizing: border-box;
-  --os-size: 8px;
+  --os-size: 10px;
   --os-padding-perpendicular: 2px;
   --os-padding-axis: 2px;
   --os-track-border-radius: 10px;
@@ -7029,12 +7018,12 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
   --os-handle-bg-hover: light-dark(rgb(0 0 0 / 38%), rgb(255 255 255 / 42%));
   --os-handle-bg-active: light-dark(rgb(0 0 0 / 50%), rgb(255 255 255 / 54%));
 }
-.scroll-area_scrollbar_c242f.os-scrollbar-auto-hide.os-scrollbar-visible {
+.scroll-area_scrollbar_07c14.os-scrollbar-auto-hide.os-scrollbar-visible {
   visibility: visible;
   pointer-events: auto;
 }
 
-.scroll-area_native_c242f {
+.scroll-area_native_07c14 {
   min-height: 0;
   overflow: hidden auto;
   overscroll-behavior: contain;

package/dist/browser/ui.js

@@ -16093,9 +16093,9 @@ var PopoverTitle$2 = /*#__PURE__*/ React.forwardRef(function PopoverTitle(compon
 });
 if (process.env.NODE_ENV !== "production") PopoverTitle$2.displayName = "PopoverTitle";
 var scroll_area_module_default = {
-	container: "scroll-area_container_c242f",
-	scrollbar: "scroll-area_scrollbar_c242f",
-	native: "scroll-area_native_c242f"
+	container: "scroll-area_container_07c14",
+	scrollbar: "scroll-area_scrollbar_07c14",
+	native: "scroll-area_native_07c14"
 };
 //#endregion
 //#region ../../node_modules/.bun/overlayscrollbars@2.16.0/node_modules/overlayscrollbars/overlayscrollbars.mjs

package/dist/browser/workbench.css

@@ -667,13 +667,13 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
 
 [data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body) {
   overflow: auto;
-}:where(.scroll-area_container_c242f) {
+}:where(.scroll-area_container_07c14) {
   height: 100%;
 }
 
-.scroll-area_scrollbar_c242f {
+.scroll-area_scrollbar_07c14 {
   box-sizing: border-box;
-  --os-size: 8px;
+  --os-size: 10px;
   --os-padding-perpendicular: 2px;
   --os-padding-axis: 2px;
   --os-track-border-radius: 10px;
@@ -683,12 +683,12 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
   --os-handle-bg-hover: light-dark(rgb(0 0 0 / 38%), rgb(255 255 255 / 42%));
   --os-handle-bg-active: light-dark(rgb(0 0 0 / 50%), rgb(255 255 255 / 54%));
 }
-.scroll-area_scrollbar_c242f.os-scrollbar-auto-hide.os-scrollbar-visible {
+.scroll-area_scrollbar_07c14.os-scrollbar-auto-hide.os-scrollbar-visible {
   visibility: visible;
   pointer-events: auto;
 }
 
-.scroll-area_native_c242f {
+.scroll-area_native_07c14 {
   min-height: 0;
   overflow: hidden auto;
   overscroll-behavior: contain;
@@ -970,6 +970,10 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
   --ui-control-radius: 8px;
 }
 
+.open-flow-node-picker {
+  --ui-control-radius: 10px;
+}
+
 .open-flow-workbench :is(.run-drawer, .runs-view) {
   --ui-control-radius: 6px;
 }
@@ -2900,10 +2904,6 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
     overflow-y: auto;
   }
 
-  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .overflow-y-scroll {
-    overflow-y: scroll;
-  }
-
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .overscroll-contain {
     overscroll-behavior: contain;
   }
@@ -2932,6 +2932,14 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
     border-radius: 9px;
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .rounded-\[calc\(var\(--ui-control-radius\)\+2px\)\] {
+    border-radius: calc(var(--ui-control-radius) + 2px);
+  }
+
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .rounded-\[calc\(var\(--ui-control-radius\)-3px\)\] {
+    border-radius: calc(var(--ui-control-radius) - 3px);
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .rounded-\[calc\(var\(--ui-control-radius\,calc\(var\(--radius-md\)_\+_2px\)\)_-_2px\)\] {
     border-radius: calc(var(--ui-control-radius, calc(var(--radius-md) + 2px)) - 2px);
   }
@@ -2940,6 +2948,10 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
     border-radius: calc(var(--ui-control-radius, var(--ui-radius)) + 2px);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .rounded-\[var\(--ui-control-radius\)\] {
+    border-radius: var(--ui-control-radius);
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .rounded-\[var\(--ui-control-radius\,8px\)\] {
     border-radius: var(--ui-control-radius, 8px);
   }
@@ -3965,6 +3977,16 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
     --ui-control-background: var(--ui-popover);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .\[--ui-control-hover-background\:color-mix\(in_srgb\,var\(--ui-foreground\)_8\%\,var\(--ui-popover\)\)\] {
+    --ui-control-hover-background: var(--ui-foreground);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .\[--ui-control-hover-background\:color-mix\(in_srgb\,var\(--ui-foreground\)_8\%\,var\(--ui-popover\)\)\] {
+      --ui-control-hover-background: color-mix(in srgb,var(--ui-foreground) 8%,var(--ui-popover));
+    }
+  }
+
   :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));
   }
@@ -4481,10 +4503,6 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
       background-color: var(--ui-muted);
     }
 
-    :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .hover\:bg-popover:hover {
-      background-color: var(--ui-popover);
-    }
-
     :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .hover\:bg-primary\/80:hover {
       background-color: var(--ui-primary);
     }
@@ -4533,11 +4551,6 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
       text-decoration-line: underline;
     }
 
-    :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .hover\:shadow-sm:hover {
-      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
-
     :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .group-data-\[variant\=navigation\]\/tabs-list\:hover\:bg-muted:is(:where(.group\/tabs-list)[data-variant="navigation"] *):hover {
       background-color: var(--ui-muted);
     }
@@ -4587,14 +4600,6 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
     background-color: var(--ui-accent);
   }
 
-  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .focus-visible\:bg-popover:focus-visible {
-    background-color: var(--ui-popover);
-  }
-
-  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .focus-visible\:text-foreground:focus-visible {
-    color: var(--ui-foreground);
-  }
-
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .focus-visible\:ring-0:focus-visible {
     --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
@@ -5908,16 +5913,6 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
       }
     }
 
-    :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .dark\:hover\:bg-\[color-mix\(in_srgb\,var\(--ui-foreground\)_12\%\,var\(--ui-popover\)\)\]:where([data-theme="dark"], [data-theme="dark"] *):hover {
-      background-color: var(--ui-foreground);
-    }
-
-    @supports (color: color-mix(in lab, red, red)) {
-      :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .dark\:hover\:bg-\[color-mix\(in_srgb\,var\(--ui-foreground\)_12\%\,var\(--ui-popover\)\)\]:where([data-theme="dark"], [data-theme="dark"] *):hover {
-        background-color: color-mix(in srgb,var(--ui-foreground) 12%,var(--ui-popover));
-      }
-    }
-
     :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .dark\:hover\:bg-\[var\(--ui-control-hover-background\,var\(--ui-muted\)\)\]:where([data-theme="dark"], [data-theme="dark"] *):hover {
       background-color: var(--ui-control-hover-background, var(--ui-muted));
     }
@@ -5991,16 +5986,6 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
     }
   }
 
-  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .dark\:focus-visible\:bg-\[color-mix\(in_srgb\,var\(--ui-foreground\)_12\%\,var\(--ui-popover\)\)\]:where([data-theme="dark"], [data-theme="dark"] *):focus-visible {
-    background-color: var(--ui-foreground);
-  }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .dark\:focus-visible\:bg-\[color-mix\(in_srgb\,var\(--ui-foreground\)_12\%\,var\(--ui-popover\)\)\]:where([data-theme="dark"], [data-theme="dark"] *):focus-visible {
-      background-color: color-mix(in srgb,var(--ui-foreground) 12%,var(--ui-popover));
-    }
-  }
-
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .dark\:disabled\:bg-\[var\(--ui-disabled-background\,color-mix\(in_srgb\,var\(--ui-input\)_80\%\,transparent\)\)\]:where([data-theme="dark"], [data-theme="dark"] *):disabled {
     background-color: var(--ui-disabled-background, var(--ui-input));
   }
@@ -6121,6 +6106,10 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
     }
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .\[\&_\[data-overlayscrollbars-viewport\]\]\:overscroll-contain [data-overlayscrollbars-viewport] {
+    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;
@@ -7768,7 +7757,7 @@ svg.react-flow__connectionline {
   flex: none;
   justify-content: center;
   align-items: center;
-  font-size: 14px;
+  font-size: 12px;
   display: flex;
 }
 
@@ -7818,7 +7807,7 @@ svg.react-flow__connectionline {
 }
 
 .open-flow-workbench .resource-rename-popover {
-  width: 360px;
+  width: 320px;
   max-width: calc(100vw - 24px);
   padding: 8px;
   transition: none;
@@ -7826,7 +7815,7 @@ svg.react-flow__connectionline {
 }
 
 .open-flow-workbench .resource-rename-form {
-  align-items: flex-start;
+  align-items: center;
   gap: 6px;
   min-width: 0;
   display: flex;
@@ -9274,8 +9263,6 @@ svg.react-flow__connectionline {
 }
 
 .open-flow-workbench .block-library-list .os-scrollbar-vertical {
-  --os-size: 10px;
-  --os-padding-perpendicular: 2px;
   --os-padding-axis: 4px;
   --os-handle-bg: var(--ui-foreground);
 }
@@ -10211,8 +10198,6 @@ svg.react-flow__connectionline {
 }
 
 .open-flow-workbench .run-content-scroll .os-scrollbar-vertical {
-  --os-size: 10px;
-  --os-padding-perpendicular: 2px;
   --os-padding-axis: 4px;
   --os-handle-bg: var(--ui-foreground);
 }

package/dist/browser/workbench.js

@@ -1,4 +1,4 @@
-import { $n as connection, $t as DropdownMenu, At as WorkflowExportMenuItem, B as CacheResource, Ct as resetInputValues, Dt as setTriggerConnection, En as EventSourcesPage, Et as setInputSources, F as feishuResourceKind, G as designerGraph, Gn as allConnectorConnectionsQuery, Gt as InputGroupAddon, H as resourceData, Hn as errorNotice, I as supportsFeishuChatFilter, Jt as EmptyContent, Kt as InputGroupInput, L as combineSources, M as addNodeIntent, Mt as followWorkbenchLink, N as deriveAddNodeOptions, Nt as Popover, Ot as updateTriggerConfig, Pt as PopoverContent, Qn as isJsonObject, Qt as EmptyTitle, Rt as PopoverTitle, Sr as controlErrorCode, St as repairNodeNames, Tn as Badge, Tr as IconThemeContext, Tt as setConnectorConnection, U as resourceValue, Un as WorkbenchClient, W as connectorActionPorts, Wn as randomId, Wt as InputGroup, Xn as sampleErrorOutputs, Xt as EmptyHeader, Y as providerIcon, Yt as EmptyDescription, Zn as triggerOutputDefinitions, Zt as EmptyMedia, _ as updateValue, _r as invalidResponse, _t as restoreCanvasPresentation, a as nameCreatedNodes, at as Latest, br as string, bt as setNodeContentHidden, c as updateCondition, d as updateNodeName, dn as DropdownMenuTrigger, dt as actionWithConnections, er as connectorActionMetadata, et as RunStore, f as updateNodeSettings, ft as connectionCatalog, g as updateTaskPorts, gr as inputValue, gt as removeComments, h as updateTaskAdditionalInputs, ht as flowPresentation, i as deleteSelection, ir as workflowNameFromFile, it as flowResourceReferences, jt as IdTooltip, kn as createI18n, kt as updateTriggerSchedule, l as updateNodeDescription, m as updateTask, mt as commentIds, nr as parseWorkflowFile, o as setInputValue, ot as deriveInspectorDiagnostics, p as updateResolution, pt as canvasPresentationChange, qn as decodeTriggerCatalog, qt as Empty, r as applyFlowChanges, rn as DropdownMenuItem, rr as workflowFileName, rt as revisionView, s as setInputVariable, sn as DropdownMenuSeparator, sr as providerIconAppearance, st as diagnosticItems, t as addNode, tn as DropdownMenuContent, tr as encodeWorkflowFile, u as updateNodeIcon, v as updateWebhook, vr as jsonValue, vt as setComment, wt as setCodeActions, xr as ApiError, xt as setNodePositions, yr as record, yt as setFlowViewport, z as scopedValue } from "./flowChanges-DpZOQuJE.js";
+import { $n as isJsonObject, $t as EmptyTitle, An as createI18n, At as updateTriggerSchedule, B as CacheResource, Cr as controlErrorCode, Ct as repairNodeNames, Dn as EventSourcesPage, Dt as setInputSources, En as Badge, Er as IconThemeContext, Et as setConnectorConnection, F as feishuResourceKind, Ft as PopoverContent, G as designerGraph, Gn as randomId, Gt as InputGroup, H as resourceData, I as supportsFeishuChatFilter, Jn as decodeTriggerCatalog, Jt as Empty, Kn as allConnectorConnectionsQuery, Kt as InputGroupAddon, L as combineSources, M as addNodeIntent, Mt as IdTooltip, N as deriveAddNodeOptions, Nt as followWorkbenchLink, Ot as setTriggerConnection, Pt as Popover, Qn as triggerOutputDefinitions, Qt as EmptyMedia, Sr as ApiError, St as setNodePositions, Tt as setCodeActions, U as resourceValue, Un as errorNotice, W as connectorActionPorts, Wn as WorkbenchClient, Xt as EmptyDescription, Y as providerIcon, Yt as EmptyContent, Zn as sampleErrorOutputs, Zt as EmptyHeader, _ as updateValue, _r as inputValue, _t as removeComments, a as nameCreatedNodes, ar as workflowNameFromFile, at as flowResourceReferences, br as record, bt as setFlowViewport, c as updateCondition, cn as DropdownMenuSeparator, cr as providerIconAppearance, ct as diagnosticItems, d as updateNodeName, en as DropdownMenu, er as connection, f as updateNodeSettings, fn as DropdownMenuTrigger, ft as actionWithConnections, g as updateTaskPorts, gt as flowPresentation, h as updateTaskAdditionalInputs, ht as commentIds, i as deleteSelection, in as DropdownMenuItem, ir as workflowFileName, it as revisionView, jt as WorkflowExportMenuItem, kt as updateTriggerConfig, l as updateNodeDescription, m as updateTask, mt as canvasPresentationChange, nn as DropdownMenuContent, nr as encodeWorkflowFile, o as setInputValue, ot as Latest, p as updateResolution, pt as connectionCatalog, qt as InputGroupInput, r as applyFlowChanges, rr as parseWorkflowFile, s as setInputVariable, st as deriveInspectorDiagnostics, t as addNode, tr as connectorActionMetadata, tt as RunStore, u as updateNodeIcon, v as updateWebhook, vr as invalidResponse, vt as restoreCanvasPresentation, wt as resetInputValues, xr as string, xt as setNodeContentHidden, yr as jsonValue, yt as setComment, z as scopedValue, zt as PopoverTitle } from "./flowChanges-BAMkSaKF.js";
 import { a as derive, i as compute, l as val } from "./dist-bO8nvHFH.js";
 import { c as useLang, l as useTranslate, o as I18nProvider, u as useVal } from "./dist-BFmpkX4P.js";
 import { B as FlowChangeError, Ci as cn, E as FieldLabel, Q as nodeInputMappings, S as Field, T as FieldGroup, V as applyFlowChanges$1, Z as mapConditionSources, a as DialogDescription, at as dequal$1, c as DialogTitle, d as TooltipContent, i as DialogContent, lr as Input, n as Dialog, o as DialogFooter, p as TooltipTrigger, q as resourceNameIssue, r as DialogClose, s as DialogHeader, t as Icon, u as Tooltip, w as FieldError, x as Spinner, xi as Button } from "./icons-Db2Jb2iX.js";
@@ -193,7 +193,6 @@ function Skeleton({ className, ...props }) {
 var CreateResourceDialog = lazy(() => import("./createResourceDialog-BAJXbzNH.js"));
 var flowIdTooltipAlignOffset = 44;
 var renamePopoverAlignOffset = -12;
-var renamePopoverVerticalShift = 8;
 function compactFlowId(flowId) {
 	return flowId.length <= 20 ? flowId : `${flowId.slice(0, 10)}…${flowId.slice(-6)}`;
 }
@@ -370,54 +369,56 @@ function FlowItem({ showTeam, badge, busy, flow, href, onSelect, store }) {
 										finalFocus: actionsButton,
 										positionMethod: "fixed",
 										side: "top",
-										sideOffset: ({ anchor, positioner }) => -(anchor.height + positioner.height) / 2 - renamePopoverVerticalShift,
+										sideOffset: ({ anchor, positioner }) => -(anchor.height + positioner.height) / 2,
 										children: [/* @__PURE__ */ jsx(PopoverTitle, {
 											className: "sr-only",
 											children: t("sidebar.renameFlow", { name: flow.name })
-										}), /* @__PURE__ */ jsxs("form", {
-											className: "resource-rename-form",
+										}), /* @__PURE__ */ jsx("form", {
 											onSubmit: (event) => void rename(event),
-											children: [
-												/* @__PURE__ */ jsxs(Field, {
-													className: "min-w-0 flex-1",
-													"data-invalid": name.length > 0 && issue != null,
-													children: [
-														/* @__PURE__ */ jsx(FieldLabel, {
-															className: "sr-only",
-															htmlFor: `rename-flow-${flow.flowId}`,
-															children: t("resource.flowName")
-														}),
-														/* @__PURE__ */ jsx(Input, {
-															autoComplete: "off",
-															"aria-invalid": name.length > 0 && issue != null,
-															"aria-describedby": name.length > 0 && issue != null ? `rename-error-${flow.flowId}` : void 0,
-															id: `rename-flow-${flow.flowId}`,
-															name: "flow-name",
-															onChange: (event) => setName(event.target.value),
-															ref: nameInput,
-															required: true,
-															value: name
-														}),
-														name.length > 0 && issue != null && /* @__PURE__ */ jsx(FieldError, {
-															id: `rename-error-${flow.flowId}`,
-															children: t(`resource.nameIssue.${issue}`, { max: 80 })
-														})
-													]
-												}),
-												/* @__PURE__ */ jsx(Button, {
-													onClick: () => setMode("idle"),
-													size: "sm",
-													type: "button",
-													variant: "ghost",
-													children: t("common.cancel")
-												}),
-												/* @__PURE__ */ jsx(Button, {
-													disabled: busy != null || issue != null,
-													size: "sm",
-													type: "submit",
-													children: t("common.save")
-												})
-											]
+											children: /* @__PURE__ */ jsxs(Field, {
+												"data-invalid": name.length > 0 && issue != null,
+												children: [
+													/* @__PURE__ */ jsx(FieldLabel, {
+														className: "sr-only",
+														htmlFor: `rename-flow-${flow.flowId}`,
+														children: t("resource.flowName")
+													}),
+													/* @__PURE__ */ jsxs("div", {
+														className: "resource-rename-form",
+														children: [
+															/* @__PURE__ */ jsx(Input, {
+																controlSize: "field",
+																autoComplete: "off",
+																"aria-invalid": name.length > 0 && issue != null,
+																"aria-describedby": name.length > 0 && issue != null ? `rename-error-${flow.flowId}` : void 0,
+																id: `rename-flow-${flow.flowId}`,
+																name: "flow-name",
+																onChange: (event) => setName(event.target.value),
+																ref: nameInput,
+																required: true,
+																value: name
+															}),
+															/* @__PURE__ */ jsx(Button, {
+																onClick: () => setMode("idle"),
+																size: "sm",
+																type: "button",
+																variant: "ghost",
+																children: t("common.cancel")
+															}),
+															/* @__PURE__ */ jsx(Button, {
+																disabled: busy != null || issue != null,
+																size: "sm",
+																type: "submit",
+																children: t("common.save")
+															})
+														]
+													}),
+													name.length > 0 && issue != null && /* @__PURE__ */ jsx(FieldError, {
+														id: `rename-error-${flow.flowId}`,
+														children: t(`resource.nameIssue.${issue}`, { max: 80 })
+													})
+												]
+											})
 										})]
 									})
 								})]
@@ -5286,6 +5287,7 @@ var deletionMessageKeys = {
 	webhookBody: "history.deleted.webhookBody"
 };
 var WorkspaceStore = class {
+	#canvasCommandListeners;
 	#client;
 	#draftChanges;
 	#draftSession;
@@ -5315,6 +5317,7 @@ var WorkspaceStore = class {
 		this.flowCreated = flowCreated;
 		this.accessChanged = accessChanged;
 		this.filterTriggerConnections = filterTriggerConnections;
+		this.#canvasCommandListeners = /* @__PURE__ */ new Set();
 		this.#draftSession = new Latest();
 		this.#history = new CanvasHistory();
 		this.history$ = this.#history.state$;
@@ -5325,6 +5328,12 @@ var WorkspaceStore = class {
 		this.#started = false;
 		this.#draftSyncQueued = false;
 		this.#nodeFocusId = 0;
+		this.subscribeCanvasCommands = (execute) => {
+			this.#canvasCommandListeners.add(execute);
+			return () => {
+				this.#canvasCommandListeners.delete(execute);
+			};
+		};
 		this.#client = client;
 		this.#setNotice = setNotice;
 		this.#identity = identity;
@@ -5360,6 +5369,7 @@ var WorkspaceStore = class {
 		this.#presentationChanges.dispose();
 		this.#stopCatalogWatch?.();
 		this.#stopFlowWatch?.();
+		this.#canvasCommandListeners.clear();
 		this.history$.dispose();
 		this.#model.dispose();
 		this.#flows.dispose();
@@ -5448,6 +5458,8 @@ var WorkspaceStore = class {
 					this.accessChanged(flowId, accessRevision);
 					this.#refreshLive(flowId, current);
 				}
+			}, (command) => {
+				if (current() && !this.#model.value.workspaceLoading) for (const execute of this.#canvasCommandListeners) execute(command);
 			});
 			this.#stopFlowWatch = subscription.stop;
 			await subscription.ready;
@@ -6813,7 +6825,7 @@ var WorkbenchStore = class {
 };
 //#endregion
 //#region src/workbench/browser/runtime/openFlowWorkbench.tsx
-var FlowWorkspace = lazy(() => import("./flowWorkspace-B7a5NNA_.js"));
+var FlowWorkspace = lazy(() => import("./flowWorkspace-DxLc1Ybv.js"));
 function OpenFlowSessionGate({ action, description, error, onSubmit, onTokenChange, pending = false, title, token, tokenLabel }) {
 	const hasToken = token != null && tokenLabel != null && onTokenChange != null;
 	const tokenValue = token ?? "";