@oomol-lab/open-flow 0.1.0-beta.59 → 0.1.0-beta.60

package/dist/browser/theme.css

@@ -81,6 +81,10 @@
   --open-flow-ring: #b4b4b4;
 }
 
+.open-flow-workbench .resource-browser {
+  --ui-control-radius: 8px;
+}
+
 .open-flow-workbench :is(.run-drawer, .runs-view) {
   --ui-control-radius: 6px;
 }

package/dist/browser/ui.css

@@ -195,6 +195,10 @@
   --open-flow-ring: #b4b4b4;
 }
 
+.open-flow-workbench .resource-browser {
+  --ui-control-radius: 8px;
+}
+
 .open-flow-workbench :is(.run-drawer, .runs-view) {
   --ui-control-radius: 6px;
 }
@@ -1047,10 +1051,6 @@
     margin-inline: calc(var(--spacing) * 4);
   }
 
-  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .mx-auto {
-    margin-inline: auto;
-  }
-
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .-my-1 {
     margin-block: calc(var(--spacing) * -1);
   }
@@ -1623,10 +1623,6 @@
     max-width: 520px;
   }
 
-  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .max-w-\[720px\] {
-    max-width: 720px;
-  }
-
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .max-w-\[calc\(100\%-2rem\)\] {
     max-width: calc(100% - 2rem);
   }
@@ -2577,10 +2573,6 @@
     padding-inline: calc(var(--spacing) * 5);
   }
 
-  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .px-6 {
-    padding-inline: calc(var(--spacing) * 6);
-  }
-
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .px-\[7px\] {
     padding-inline: 7px;
   }
@@ -2593,6 +2585,10 @@
     padding-block: calc(var(--spacing) * .5);
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .py-0\.75 {
+    padding-block: calc(var(--spacing) * .75);
+  }
+
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .py-1 {
     padding-block: var(--spacing);
   }
@@ -2637,10 +2633,6 @@
     padding-top: calc(var(--spacing) * 5);
   }
 
-  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .pt-8 {
-    padding-top: calc(var(--spacing) * 8);
-  }
-
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .pr-2 {
     padding-right: calc(var(--spacing) * 2);
   }
@@ -2685,10 +2677,6 @@
     padding-bottom: calc(var(--spacing) * 4);
   }
 
-  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .pb-16 {
-    padding-bottom: calc(var(--spacing) * 16);
-  }
-
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .pl-0\.5 {
     padding-left: calc(var(--spacing) * .5);
   }
@@ -3202,6 +3190,10 @@
     --content-icon-initials-background: transparent;
   }
 
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .\[--ui-control-background\:var\(--ui-popover\)\] {
+    --ui-control-background: 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,8 +4473,8 @@
     color: var(--ui-muted-foreground);
   }
 
-  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .data-inset\:pl-7[data-inset] {
-    padding-left: calc(var(--spacing) * 7);
+  :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .data-inset\:pl-7\.5[data-inset] {
+    padding-left: calc(var(--spacing) * 7.5);
   }
 
   :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .data-open\:animate-in[data-open] {

package/dist/browser/ui.js

@@ -12485,7 +12485,7 @@ function DialogContent$1({ children, className, closeLabel = "Close", container,
 		container,
 		children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(DialogPopup, {
 			"data-slot": "dialog-content",
-			className: cn("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] grid-cols-[minmax(0,1fr)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-lg bg-popover p-4 text-sm text-popover-foreground shadow-lg ring-1 ring-foreground/10 outline-none sm:max-w-sm transition-opacity duration-150 ease-out data-starting-style:opacity-0 data-ending-style:opacity-0 motion-reduce:transition-none", className),
+			className: cn("fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] grid-cols-[minmax(0,1fr)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-lg bg-popover [--ui-control-background:var(--ui-popover)] p-4 text-sm text-popover-foreground shadow-lg ring-1 ring-foreground/10 outline-none sm:max-w-sm transition-opacity duration-150 ease-out data-starting-style:opacity-0 data-ending-style:opacity-0 motion-reduce:transition-none", className),
 			...props,
 			children: [children, showCloseButton && /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsxs(TooltipTrigger, {
 				render: /* @__PURE__ */ jsx(DialogClose$2, {
@@ -14225,10 +14225,18 @@ function HostNavigationActions({ className, language, onLanguageChange, theme, o
 //#endregion
 //#region src/ui/browser/idTooltip.tsx
 function IdTooltip({ copyLabel, copiedLabel, value, label, trigger, container, alignOffset = 0, children }) {
+	const [open, setOpen] = useState(false);
 	const [copied, setCopied] = useState(false);
 	return /* @__PURE__ */ jsxs(Tooltip, {
-		onOpenChange: () => setCopied(false),
+		open,
+		onOpenChange: (nextOpen) => {
+			setOpen(nextOpen);
+			setCopied(false);
+		},
 		children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+			className: "cursor-help",
+			closeOnClick: false,
+			onClick: () => setOpen(true),
 			render: trigger,
 			children: label
 		}), /* @__PURE__ */ jsxs(TooltipContent, {