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

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;
 }
@@ -1355,6 +1359,10 @@
     height: 650px;
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .h-\[700px\] {
+    height: 700px;
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .h-\[calc\(100\%-1px\)\] {
     height: calc(100% - 1px);
   }
@@ -1575,6 +1583,10 @@
     width: 344px;
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .w-\[420px\] {
+    width: 420px;
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .w-\[440px\] {
     width: 440px;
   }
@@ -2129,10 +2141,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 +2169,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 +2185,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 +3214,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 +3740,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 +3788,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 +3837,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 +5150,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 +5223,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 +5343,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 +7010,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 +7026,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;
 }
@@ -2126,6 +2130,10 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
     height: 650px;
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .h-\[700px\] {
+    height: 700px;
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .h-\[calc\(100\%-1px\)\] {
     height: calc(100% - 1px);
   }
@@ -2346,6 +2354,10 @@ html[data-overlayscrollbars-viewport~=scrollbarHidden] > body::-webkit-scrollbar
     width: 344px;
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .w-\[420px\] {
+    width: 420px;
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .w-\[440px\] {
     width: 440px;
   }
@@ -2900,10 +2912,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 +2940,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 +2956,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 +3985,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 +4511,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 +4559,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 +4608,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 +5921,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 +5994,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 +6114,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 +7765,7 @@ svg.react-flow__connectionline {
   flex: none;
   justify-content: center;
   align-items: center;
-  font-size: 14px;
+  font-size: 12px;
   display: flex;
 }
 
@@ -7818,7 +7815,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 +7823,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 +9271,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 +10206,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);
 }