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

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);
@@ -5014,11 +5019,6 @@
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
 
-    :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .md\:text-sm {
-      font-size: var(--ui-font-size);
-      line-height: var(--tw-leading, var(--text-sm--line-height));
-    }
-
     :where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .md\:text-xs {
       font-size: var(--text-xs);
       line-height: var(--tw-leading, var(--text-xs--line-height));
@@ -5142,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));
     }
@@ -5225,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));
   }
@@ -5355,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;
@@ -5428,6 +5412,10 @@
     padding-top: calc(var(--spacing) * 2);
   }
 
+  :is(:where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .\*\:\[a\]\:text-inherit > *):is(a) {
+    color: inherit;
+  }
+
   :is(:where(.open-flow-theme, .open-flow-workbench, .open-flow-canvas-root) .\*\:\[a\]\:underline > *):is(a) {
     text-decoration-line: underline;
   }
@@ -7014,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;
@@ -7030,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

@@ -13239,7 +13239,7 @@ function DialogTitle$1({ className, ...props }) {
 function DialogDescription$1({ className, ...props }) {
 	return /* @__PURE__ */ jsx(DialogDescription$2, {
 		"data-slot": "dialog-description",
-		className: cn("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
+		className: cn("m-0 text-sm text-muted-foreground *:[a]:text-inherit *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", className),
 		...props
 	});
 }
@@ -15453,7 +15453,7 @@ var Input = React.forwardRef(function Input({ className, type, controlSize = "de
 		ref,
 		type,
 		"data-slot": "input",
-		className: cn("h-8 w-full min-w-0 rounded-[var(--ui-control-radius,calc(var(--ui-radius)_+_2px))] border border-input bg-[var(--ui-control-background,var(--ui-muted))] px-2.5 py-1 text-base transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground read-only:cursor-default placeholder:text-muted-foreground data-[slot=input]:focus-visible:text-field-focus data-[slot=input]:focus-visible:aria-invalid:invalid-text-field-focus disabled:pointer-events-none disabled:cursor-[var(--ui-disabled-cursor,not-allowed)] disabled:bg-[var(--ui-disabled-background,color-mix(in_srgb,var(--ui-input)_50%,transparent))] disabled:opacity-[var(--ui-disabled-opacity,0.5)] aria-invalid:border-destructive md:text-sm dark:bg-[var(--ui-control-background,var(--ui-muted))] dark:disabled:bg-[var(--ui-disabled-background,color-mix(in_srgb,var(--ui-input)_80%,transparent))]", controlSize === "field" && "h-[30px] px-2 text-xs md:text-xs", className),
+		className: cn("h-8 w-full min-w-0 rounded-[var(--ui-control-radius,calc(var(--ui-radius)_+_2px))] border border-input bg-[var(--ui-control-background,var(--ui-muted))] px-2.5 py-1 text-sm transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground read-only:cursor-default placeholder:text-muted-foreground data-[slot=input]:focus-visible:text-field-focus data-[slot=input]:focus-visible:aria-invalid:invalid-text-field-focus disabled:pointer-events-none disabled:cursor-[var(--ui-disabled-cursor,not-allowed)] disabled:bg-[var(--ui-disabled-background,color-mix(in_srgb,var(--ui-input)_50%,transparent))] disabled:opacity-[var(--ui-disabled-opacity,0.5)] aria-invalid:border-destructive dark:bg-[var(--ui-control-background,var(--ui-muted))] dark:disabled:bg-[var(--ui-disabled-background,color-mix(in_srgb,var(--ui-input)_80%,transparent))]", controlSize === "field" && "h-[30px] px-2 text-xs", className),
 		...props
 	});
 });
@@ -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/{value-DL_poNiC.js → value-BADHeZ9I.js}

@@ -53,6 +53,17 @@ function matchUiLanguage(candidate) {
 	}
 	return uiLanguageTags.get(subtags[0]);
 }
+function importedWorkflowName(language) {
+	return {
+		"en": "Imported workflow",
+		"zh-CN": "导入的工作流",
+		"zh-TW": "匯入的工作流",
+		"ja": "インポートしたワークフロー",
+		"ko": "가져온 워크플로",
+		"fr": "Workflow importé",
+		"ru": "Импортированный процесс"
+	}[language];
+}
 //#endregion
 //#region src/form/common/value.ts
 /** JSON values do not distinguish integers from other numbers at runtime. */
@@ -123,4 +134,4 @@ function isJsonValue(value, ancestors = /* @__PURE__ */ new Set()) {
 	return valid;
 }
 //#endregion
-export { renameObjectField as a, isUiLanguage as c, uiLanguages as d, objectValue as i, resolveUiLanguage as l, isJsonValue as n, setObjectField as o, jsonDataTypes as r, valueType as s, initialValue as t, uiLanguageNames as u };
+export { renameObjectField as a, importedWorkflowName as c, uiLanguageNames as d, uiLanguages as f, objectValue as i, isUiLanguage as l, isJsonValue as n, setObjectField as o, jsonDataTypes as r, valueType as s, initialValue as t, resolveUiLanguage as u };

package/dist/browser/workbench-contract.d.ts

@@ -54,3 +54,13 @@ export interface WorkbenchPreferences {
 /** The host resolves deployment and Flow scope before rendering navigation links. */
 export type ConnectionHref = (flowId: string, providerId: string, connectionId?: string) => string | undefined;
 /** Object values are complete response/ETag records; implementations must reject failures. */
+/** File content already loaded by the host; Open Flow never fetches sourceUrl. */
+export interface WorkbenchImportInput {
+    readonly text: string;
+    readonly fileName?: string;
+    readonly sourceUrl?: string;
+}
+export interface OpenFlowWorkbenchHandle {
+    /** Opens confirmation on an idle, initialized Flow list. Does not create a Flow. */
+    openImport(input: WorkbenchImportInput): 'opened' | 'unavailable' | 'invalid-file';
+}