@oomol-lab/open-flow 0.1.0-beta.81 → 0.1.0-beta.82

package/README.md

@@ -13,6 +13,41 @@ same singleton share catalog requests, freshness and validation; no Provider pro
 A Shadow DOM host must load the stylesheet inside its shadow root before mounting the component;
 Vite hosts can import `@oomol-lab/open-flow/preview.css?url` for the stylesheet URL.
 
+## Node PNG rendering
+
+On Node.js 20+, install the optional `playwright-core` peer and supply your own
+Chromium Browser. Prepare the browser executable, its system libraries and required
+Chinese fonts yourself. The renderer reuses the Workbench PNG implementation and
+ships its own rendering resources; it does not require a running Workbench service.
+
+```ts
+import { readFile, writeFile } from 'node:fs/promises'
+import { chromium } from 'playwright-core'
+import { flowToPng } from '@oomol-lab/open-flow/render'
+
+const browser = await chromium.launch({ executablePath: process.env.CHROMIUM_EXECUTABLE_PATH })
+try {
+  const workflow = JSON.parse(await readFile('workflow.openflow.json', 'utf8'))
+  const result = await flowToPng(browser, workflow, { language: 'zh-CN', dark: true, frame: true })
+  await writeFile('workflow.png', result.buffer)
+} finally {
+  await browser.close()
+}
+```
+
+Pass a parsed `.openflow.json` object. Options default to English, light mode and
+no frame; `title` overrides the file name shown in the frame. The result also
+provides `width`, `height` and `hasImagePlaceholders`. Image scale and allocation
+retries adapt automatically. Each call closes its own Context, leaving your Browser
+available for reuse. It validates the file without modifying it or executing nodes.
+
+Network access is allowed by default, including requests to private endpoints.
+Set `allowNetwork: false` when rendering untrusted files to block requests in the
+renderer's Context. Bundled rendering resources remain available. The exporter sets
+`hasImagePlaceholders` to `true` when it substitutes an image placeholder. Remote
+node icons may instead use a component fallback or be omitted without setting this
+flag. A `false` value does not guarantee that every remote image loaded.
+
 Install the Task contracts as a development dependency:
 
 ```bash

package/dist/browser/{FlowCanvas-CrsiDHK8.js → FlowCanvas-Dew2fmoT.js}

@@ -1,8 +1,8 @@
 import { o as __toESM, t as __commonJSMin } from "./rolldown-runtime-CEgmsyvS.js";
-import { $ as zh_CN_default, A as DropdownMenuSeparator, B as MenuPositioner, C as DropdownMenuCheckboxItem, D as DropdownMenuLabel, E as DropdownMenuItem, F as isElementDisabled, G as ContextMenuRootContext, H as MenuPopup, I as findRootOwnerId, J as useMenuRootContext, K as useContextMenuRootContext, L as CompositeItem, O as DropdownMenuRadioGroup, P as DropdownMenuTrigger, Q as zh_TW_default, S as DropdownMenu, T as DropdownMenuGroup, U as MenuItem, V as MenuPortal, W as MenuGroup, X as waitBranchDescription, Y as uiLocales, _ as PopoverTrigger, at as I18n, ct as useAriaLabelledBy, d as Popover, et as ru_default, f as PopoverContent, g as PopoverTitle, it as en_default, k as DropdownMenuRadioItem, l as wrapLayout, lt as useFieldItemContext, nt as ja_default, q as MenuRootContext, rt as fr_default, st as Checkbox, t as ContentIcon, tt as ko_default, u as canvasDirection, ut as IconThemeContext, v as NativeScrollArea, w as DropdownMenuContent, y as ScrollArea, z as MenuRoot } from "./ContentIcon-CMn0c-kl.js";
+import { A as DropdownMenuLabel, D as DropdownMenuContent, E as DropdownMenuCheckboxItem, G as MenuItem, H as MenuPositioner, J as useContextMenuRootContext, K as MenuGroup, L as DropdownMenuTrigger, M as DropdownMenuRadioItem, N as DropdownMenuSeparator, O as DropdownMenuGroup, Q as waitBranchDescription, R as findRootOwnerId, T as DropdownMenu, U as MenuPortal, V as MenuRoot, W as MenuPopup, X as useMenuRootContext, Y as MenuRootContext, Z as uiLocales, _ as ContentIcon, a as ACTIVE_COMPOSITE_ITEM, at as fr_default, d as PopoverTitle, dt as useFieldItemContext, et as zh_TW_default, f as PopoverTrigger, ft as IconThemeContext, i as CompositeRoot, it as ja_default, j as DropdownMenuRadioGroup, k as DropdownMenuItem, lt as Checkbox, m as ScrollArea, n as canvasDirection, nt as ru_default, o as Popover, ot as en_default, p as NativeScrollArea, q as ContextMenuRootContext, r as Textarea, rt as ko_default, s as PopoverContent, st as I18n, t as wrapLayout, tt as zh_CN_default, ut as useAriaLabelledBy, z as CompositeItem } from "./wrapLayout-DZvW9dBs.js";
 import { a as derive, c as strictEqual, i as compute, l as val, n as attachSetter, r as combine, s as readonlyVal } from "./dist-bO8nvHFH.js";
 import { c as useLang, i as isString, l as useTranslate, n as isBoolean, o as I18nProvider, r as isPlainObject, t as isArray$1, u as useVal } from "./dist-BFmpkX4P.js";
-import { A as string, B as ARROW_LEFT, Bn as transitionStatusMapping, C as literal, Cr as cn$1, Dn as getTarget, Dr as EMPTY_ARRAY$1, En as contains, Er as useRenderElement, Fn as createLucideIcon, Fr as formatErrorMessage, G as HORIZONTAL_KEYS, H as ARROW_UP, J as SHIFT, K as HORIZONTAL_KEYS_WITH_EXTRA_KEYS, Kn as cancelOpen, L as ALL_KEYS, Lr as useIsoLayoutEffect, Mn as ownerDocument, Mr as useButton, Nn as useLabelableId, Nr as CompositeRootContext, Or as EMPTY_OBJECT, Q as scrollIntoViewIfNeeded, R as ARROW_DOWN, Sn as stopEvent$1, T as number, Tr as clsx, Un as useValueChanged, V as ARROW_RIGHT, Wn as createChangeEventDetails, X as VERTICAL_KEYS_WITH_EXTRA_KEYS, Y as VERTICAL_KEYS, Yt as addEventListener, Z as isNativeInput, _n as getMaxListIndex, _r as fieldValidityMapping, bn as isListIndexDisabled, br as useControlled, cr as triggerPress, ct as CompositeList, dr as useFormContext, fn as createGridCellMap, fr as useRegisterFieldControl, gn as getGridNavigatedIndex, gt as serializeValue, hn as getGridCellIndices, hr as useId$1, i as TooltipTrigger, jr as useMergedRefs, k as strictObject, kr as NOOP, mn as getGridCellIndexOfCorner, mr as useBaseUiId, n as TooltipContent, p as timeZoneOffsetMinutes, pn as findNonDisabledListIndex, pr as useFieldRootContext, pt as pressableTriggerOpenStateMapping, q as MODIFIER_KEYS$1, r as TooltipProvider, rr as none$1, sn as useTimeout, st as useDirection, t as Tooltip, tn as require_with_selector, ur as useLabelableContext, vn as getMinListIndex, vr as visuallyHidden, xr as Button, y as discriminatedUnion, yn as isIndexOutOfListBounds, yr as visuallyHiddenInput, z as ARROW_KEYS, zr as useStableCallback } from "./tooltip-BDcVTNpu.js";
+import { A as string, Bn as transitionStatusMapping, C as literal, Cr as cn$1, Dn as getTarget, En as contains, Er as useRenderElement, Fn as createLucideIcon, Fr as formatErrorMessage, J as SHIFT, Kn as cancelOpen, Lr as useIsoLayoutEffect, Mn as ownerDocument, Mr as useButton, Nn as useLabelableId, Or as EMPTY_OBJECT, Sn as stopEvent$1, T as number, Tr as clsx, Un as useValueChanged, Wn as createChangeEventDetails, Yt as addEventListener, _r as fieldValidityMapping, br as useControlled, cr as triggerPress, dr as useFormContext, fr as useRegisterFieldControl, gt as serializeValue, hr as useId$1, i as TooltipTrigger, jr as useMergedRefs, k as strictObject, kr as NOOP, mr as useBaseUiId, n as TooltipContent, p as timeZoneOffsetMinutes, pr as useFieldRootContext, pt as pressableTriggerOpenStateMapping, r as TooltipProvider, rr as none$1, sn as useTimeout, t as Tooltip, tn as require_with_selector, ur as useLabelableContext, vr as visuallyHidden, xr as Button, y as discriminatedUnion, yr as visuallyHiddenInput, zr as useStableCallback } from "./tooltip-BDcVTNpu.js";
 import { r as resolveUiLanguage } from "./languages-gYzoQqCi.js";
 import * as React from "react";
 import reactExports, { Children, Suspense, createContext, forwardRef, isValidElement, lazy, memo, useCallback, useContext, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
@@ -3422,7 +3422,7 @@ var CanvasStore = class {
 		this.$$.changingDirection.set(false);
 	}
 	allLayoutNodes() {
-		return [...this.$.nodes.values()];
+		return [...this.$.nodes.values(), ...this.$.commentNodes?.values() ?? []];
 	}
 	/** Deletes nodes programmatically, such as from a menu action. */
 	async deleteNodes(nodes, skipConfirm) {
@@ -3447,7 +3447,7 @@ var CanvasStore = class {
 	}
 	doRelayout(availableWidth) {
 		const selected = this.$.selectedNodes.value.length > 1 ? this.$.selectedNodes.value : [];
-		const nodes = selected.length > 0 ? selected.filter(NodeStore.is) : this.allLayoutNodes();
+		const nodes = selected.length > 0 ? selected : this.allLayoutNodes();
 		if (nodes.length === 0) return;
 		let positions = this.layoutPositions(nodes, availableWidth);
 		if (selected.length > 0) {
@@ -3469,9 +3469,10 @@ var CanvasStore = class {
 	}
 	layoutPositions(nodes, availableWidth) {
 		const g = new ie.Graph().setDefaultEdgeLabel(() => ({}));
+		const vertical = this.$.direction.value === "vertical";
 		g.setGraph({
-			rankdir: this.$.direction.value === "vertical" ? "TB" : "LR",
-			ranksep: 80
+			rankdir: vertical ? "TB" : "LR",
+			ranksep: vertical ? 48 : 80
 		});
 		const singles = /* @__PURE__ */ new Set();
 		for (const node of nodes) {
@@ -3492,6 +3493,7 @@ var CanvasStore = class {
 		const constraints = [];
 		const ordering = new ie.Graph();
 		for (const node of nodes) {
+			if (!NodeStore.is(node)) continue;
 			const content = node.content$.value;
 			if (content.kind !== "condition" && content.kind !== "approval" && content.kind !== "wait") continue;
 			const targets = [...new Set(content.outputs.flatMap((port) => "handle" in port ? this.#connections.value.filter((edge) => edge.source === node.nodeId && edge.sourceHandle === `$branch:${port.handle}`).flatMap((edge) => {
@@ -20228,31 +20230,55 @@ function CommentNodeActions({ canvasStore, nodeStore }) {
 	});
 }
 var CommentNodeContent_module_default = {
-	body: "CommentNodeContent_body_01471",
-	container: "CommentNodeContent_container_01471",
-	resizeButton: "CommentNodeContent_resizeButton_01471",
-	sourceCode: "CommentNodeContent_sourceCode_01471",
-	markdown: "CommentNodeContent_markdown_01471",
-	taskCheckbox: "CommentNodeContent_taskCheckbox_01471"
+	body: "CommentNodeContent_body_7c741",
+	container: "CommentNodeContent_container_7c741",
+	resizeButton: "CommentNodeContent_resizeButton_7c741",
+	sourceCode: "CommentNodeContent_sourceCode_7c741",
+	markdown: "CommentNodeContent_markdown_7c741",
+	taskCheckbox: "CommentNodeContent_taskCheckbox_7c741"
 };
 //#endregion
-//#region src/ui/browser/textarea.tsx
-var Textarea = React.forwardRef(function Textarea({ className, ...props }, ref) {
-	return /* @__PURE__ */ jsx("textarea", {
-		ref,
-		"data-slot": "textarea",
-		className: cn$1("flex field-sizing-content min-h-16 w-full 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-2 text-[length:var(--ui-textarea-font-size,var(--ui-font-size))] leading-5 transition-colors outline-none read-only:cursor-default placeholder:text-muted-foreground focus-visible:text-field-focus focus-visible:aria-invalid:invalid-text-field-focus 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))]", className),
-		...props
-	});
-});
+//#region src/ui/browser/markdown/videoLink.ts
+function getVideoLink(href) {
+	let url;
+	try {
+		url = new URL(href);
+	} catch {
+		return;
+	}
+	if (url.protocol !== "https:" && url.protocol !== "http:") return;
+	const host = url.hostname.replace(/^www\./, "");
+	const youtubeId = host === "youtube.com" && url.pathname === "/watch" ? url.searchParams.get("v") : host === "youtu.be" ? url.pathname.slice(1) : null;
+	if (youtubeId && /^[a-zA-Z0-9_-]+$/.test(youtubeId)) return {
+		src: `https://www.youtube.com/embed/${youtubeId}`,
+		titleKey: "markdown.videoYouTube"
+	};
+	const bilibiliId = host === "bilibili.com" ? url.pathname.match(/^\/video\/(BV[a-zA-Z0-9]+)\/?$/)?.[1] : void 0;
+	if (bilibiliId) return {
+		src: `https://player.bilibili.com/player.html?bvid=${bilibiliId}&autoplay=0`,
+		titleKey: "markdown.videoBilibili"
+	};
+}
+function pasteVideoLink(event, t) {
+	const textarea = event.currentTarget;
+	if (event.defaultPrevented || textarea.readOnly || textarea.disabled) return;
+	const href = event.clipboardData.getData("text/plain").trim();
+	if (/\s/.test(href)) return;
+	const video = getVideoLink(href);
+	if (!video) return;
+	const destination = href.replaceAll("(", "%28").replaceAll(")", "%29");
+	const markdown = `[![${t(video.titleKey)}](thumbnail.jpg)](${destination})`;
+	event.preventDefault();
+	textarea.ownerDocument.execCommand("insertText", false, markdown);
+}
 var markdownPreview_module_default = {
-	container: "markdownPreview_container_c03ca",
-	body: "markdownPreview_body_c03ca",
-	draggable: "markdownPreview_draggable_c03ca"
+	container: "markdownPreview_container_2a1d9",
+	body: "markdownPreview_body_2a1d9",
+	draggable: "markdownPreview_draggable_2a1d9"
 };
 //#endregion
 //#region src/canvas/browser/preview/markdownPreview.tsx
-var MarkdownContent = lazy(() => import("./markdownContent-frwDfQQU.js"));
+var MarkdownContent = lazy(() => import("./markdownContent-IS8xXDoc.js"));
 var MarkdownPreview = /* @__PURE__ */ memo(({ dark, unstyled, components, contentClassName, content, draggable, onDoubleClick }) => {
 	const [focus, setFocus] = useState(false);
 	return /* @__PURE__ */ jsx("div", {
@@ -20261,8 +20287,9 @@ var MarkdownPreview = /* @__PURE__ */ memo(({ dark, unstyled, components, conten
 		onFocus: () => setFocus(true),
 		onBlur: () => setFocus(false),
 		onDoubleClick,
-		children: /* @__PURE__ */ jsx("div", {
+		children: /* @__PURE__ */ jsx(ScrollArea, {
 			className: `${markdownPreview_module_default.body} markdown-body`,
+			autoHide: "leave",
 			children: /* @__PURE__ */ jsx(Suspense, {
 				fallback: /* @__PURE__ */ jsx("span", {
 					hidden: true,
@@ -20440,6 +20467,7 @@ function CommentNodeContent({ store }) {
 					setComposing(false);
 				},
 				onChange: (event) => store.$$.content.set(event.target.value),
+				onPaste: (event) => pasteVideoLink(event, t),
 				onBlur: (event) => {
 					setFocused(false);
 					if (editable && !composing) store.saveContent(event.target.value);
@@ -20694,9 +20722,6 @@ function CommentTitle({ store }) {
 	});
 }
 //#endregion
-//#region src/canvas/browser/nodeActions.tsx
-var NodeHistoryContext = createContext(void 0);
-//#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/context-menu/root/ContextMenuRoot.js
 /**
 * A component that creates a context menu activated by right clicking or long pressing.
@@ -20965,16 +20990,7 @@ function NodeHeadContextMenu({ canvasStore, children }) {
 function useNodeMenuItems({ t, nodeStore, onDelete, editable }) {
 	const skip = useVal(NodeStore.to(nodeStore)?.ignore);
 	const { duplicateNode } = nodeStore;
-	const history = useContext(NodeHistoryContext)?.(nodeStore.nodeId);
 	return coalesce([
-		history && {
-			...history,
-			key: "$history",
-			icon: /* @__PURE__ */ jsx("i", {
-				"aria-hidden": "true",
-				className: "i-lucide-light:database"
-			})
-		},
 		editable && duplicateNode && {
 			label: t("nodeActions.duplicate"),
 			key: "$duplicate",
@@ -21720,9 +21736,6 @@ var stateAttributesMapping = {
 	...fieldValidityMapping
 };
 //#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/internals/composite/constants.js
-var ACTIVE_COMPOSITE_ITEM = "data-composite-item-active";
-//#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/radio-group/RadioGroupContext.js
 var RadioGroupContext = /*#__PURE__*/ React.createContext(void 0);
 if (process.env.NODE_ENV !== "production") RadioGroupContext.displayName = "RadioGroupContext";
@@ -21904,238 +21917,6 @@ var RadioRoot = /*#__PURE__*/ React.forwardRef(function RadioRoot(componentProps
 });
 if (process.env.NODE_ENV !== "production") RadioRoot.displayName = "RadioRoot";
 //#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/internals/composite/root/useCompositeRoot.js
-var EMPTY_ARRAY = [];
-function useCompositeRoot(params) {
-	const { itemSizes, cols = 1, loopFocus = true, onLoop, dense = false, orientation = "both", direction, highlightedIndex: externalHighlightedIndex, onHighlightedIndexChange: externalSetHighlightedIndex, rootRef: externalRef, enableHomeAndEndKeys = false, stopEventPropagation = false, disabledIndices, modifierKeys = EMPTY_ARRAY } = params;
-	const [internalHighlightedIndex, internalSetHighlightedIndex] = React.useState(0);
-	const isGrid = cols > 1;
-	const rootRef = React.useRef(null);
-	const mergedRef = useMergedRefs(rootRef, externalRef);
-	const elementsRef = React.useRef([]);
-	const hasSetDefaultIndexRef = React.useRef(false);
-	const highlightedIndex = externalHighlightedIndex ?? internalHighlightedIndex;
-	const onHighlightedIndexChange = useStableCallback((index, shouldScrollIntoView = false) => {
-		(externalSetHighlightedIndex ?? internalSetHighlightedIndex)(index);
-		if (shouldScrollIntoView) {
-			const newActiveItem = elementsRef.current[index];
-			scrollIntoViewIfNeeded(rootRef.current, newActiveItem, direction, orientation);
-		}
-	});
-	const onMapChange = useStableCallback((map) => {
-		if (map.size === 0 || hasSetDefaultIndexRef.current) return;
-		hasSetDefaultIndexRef.current = true;
-		const sortedElements = Array.from(map.keys());
-		const activeItem = sortedElements.find((compositeElement) => compositeElement?.hasAttribute("data-composite-item-active")) ?? null;
-		const activeIndex = activeItem ? sortedElements.indexOf(activeItem) : -1;
-		if (activeIndex !== -1) onHighlightedIndexChange(activeIndex);
-		scrollIntoViewIfNeeded(rootRef.current, activeItem, direction, orientation);
-	});
-	const wrappedOnLoop = useStableCallback((event, prevIndex, nextIndex) => {
-		if (!onLoop) return nextIndex;
-		return onLoop?.(event, prevIndex, nextIndex, elementsRef);
-	});
-	const props = React.useMemo(() => ({
-		"aria-orientation": orientation === "both" ? void 0 : orientation,
-		ref: mergedRef,
-		onFocus(event) {
-			const element = rootRef.current;
-			const target = getTarget(event.nativeEvent);
-			if (!element || target == null || !isNativeInput(target)) return;
-			target.setSelectionRange(0, target.value.length ?? 0);
-		},
-		onKeyDown(event) {
-			const RELEVANT_KEYS = enableHomeAndEndKeys ? ALL_KEYS : ARROW_KEYS;
-			if (!RELEVANT_KEYS.has(event.key)) return;
-			if (isModifierKeySet(event, modifierKeys)) return;
-			if (!rootRef.current) return;
-			const isRtl = direction === "rtl";
-			const horizontalForwardKey = isRtl ? ARROW_LEFT : ARROW_RIGHT;
-			const forwardKey = {
-				horizontal: horizontalForwardKey,
-				vertical: ARROW_DOWN,
-				both: horizontalForwardKey
-			}[orientation];
-			const horizontalBackwardKey = isRtl ? ARROW_RIGHT : ARROW_LEFT;
-			const backwardKey = {
-				horizontal: horizontalBackwardKey,
-				vertical: ARROW_UP,
-				both: horizontalBackwardKey
-			}[orientation];
-			const target = getTarget(event.nativeEvent);
-			if (target != null && isNativeInput(target) && !isElementDisabled(target)) {
-				const selectionStart = target.selectionStart;
-				const selectionEnd = target.selectionEnd;
-				const textContent = target.value ?? "";
-				if (selectionStart == null || event.shiftKey || selectionStart !== selectionEnd) return;
-				if (event.key !== backwardKey && selectionStart < textContent.length) return;
-				if (event.key !== forwardKey && selectionStart > 0) return;
-			}
-			let nextIndex = highlightedIndex;
-			const minIndex = getMinListIndex(elementsRef, disabledIndices);
-			const maxIndex = getMaxListIndex(elementsRef, disabledIndices);
-			if (isGrid) {
-				const sizes = itemSizes || Array.from({ length: elementsRef.current.length }, () => ({
-					width: 1,
-					height: 1
-				}));
-				const cellMap = createGridCellMap(sizes, cols, dense);
-				const minGridIndex = cellMap.findIndex((index) => index != null && !isListIndexDisabled(elementsRef.current, index, disabledIndices));
-				const maxGridIndex = cellMap.reduce((foundIndex, index, cellIndex) => index != null && !isListIndexDisabled(elementsRef.current, index, disabledIndices) ? cellIndex : foundIndex, -1);
-				nextIndex = cellMap[getGridNavigatedIndex(cellMap.map((itemIndex) => itemIndex != null ? elementsRef.current[itemIndex] : null), {
-					event,
-					orientation,
-					loopFocus,
-					onLoop: wrappedOnLoop,
-					cols,
-					disabledIndices: getGridCellIndices([...disabledIndices || elementsRef.current.map((_, index) => isListIndexDisabled(elementsRef.current, index) ? index : void 0), void 0], cellMap),
-					minIndex: minGridIndex,
-					maxIndex: maxGridIndex,
-					prevIndex: getGridCellIndexOfCorner(highlightedIndex > maxIndex ? minIndex : highlightedIndex, sizes, cellMap, cols, event.key === "ArrowDown" ? "bl" : event.key === "ArrowRight" ? "tr" : "tl"),
-					rtl: isRtl
-				})];
-			}
-			const forwardKeys = {
-				horizontal: [horizontalForwardKey],
-				vertical: [ARROW_DOWN],
-				both: [horizontalForwardKey, ARROW_DOWN]
-			}[orientation];
-			const backwardKeys = {
-				horizontal: [horizontalBackwardKey],
-				vertical: [ARROW_UP],
-				both: [horizontalBackwardKey, ARROW_UP]
-			}[orientation];
-			const preventedKeys = isGrid ? RELEVANT_KEYS : {
-				horizontal: enableHomeAndEndKeys ? HORIZONTAL_KEYS_WITH_EXTRA_KEYS : HORIZONTAL_KEYS,
-				vertical: enableHomeAndEndKeys ? VERTICAL_KEYS_WITH_EXTRA_KEYS : VERTICAL_KEYS,
-				both: RELEVANT_KEYS
-			}[orientation];
-			if (enableHomeAndEndKeys) {
-				if (event.key === "Home") nextIndex = minIndex;
-				else if (event.key === "End") nextIndex = maxIndex;
-			}
-			if (nextIndex === highlightedIndex && (forwardKeys.includes(event.key) || backwardKeys.includes(event.key))) {
-				if (loopFocus && nextIndex === maxIndex && forwardKeys.includes(event.key)) {
-					nextIndex = minIndex;
-					if (onLoop) nextIndex = onLoop(event, highlightedIndex, nextIndex, elementsRef);
-				} else if (loopFocus && nextIndex === minIndex && backwardKeys.includes(event.key)) {
-					nextIndex = maxIndex;
-					if (onLoop) nextIndex = onLoop(event, highlightedIndex, nextIndex, elementsRef);
-				} else nextIndex = findNonDisabledListIndex(elementsRef.current, {
-					startingIndex: nextIndex,
-					decrement: backwardKeys.includes(event.key),
-					disabledIndices
-				});
-			}
-			if (nextIndex !== highlightedIndex && !isIndexOutOfListBounds(elementsRef.current, nextIndex)) {
-				if (stopEventPropagation) event.stopPropagation();
-				if (preventedKeys.has(event.key)) event.preventDefault();
-				onHighlightedIndexChange(nextIndex, true);
-				queueMicrotask(() => {
-					elementsRef.current[nextIndex]?.focus();
-				});
-			}
-		}
-	}), [
-		cols,
-		dense,
-		direction,
-		disabledIndices,
-		elementsRef,
-		enableHomeAndEndKeys,
-		highlightedIndex,
-		isGrid,
-		itemSizes,
-		loopFocus,
-		onLoop,
-		wrappedOnLoop,
-		mergedRef,
-		modifierKeys,
-		onHighlightedIndexChange,
-		orientation,
-		stopEventPropagation
-	]);
-	return React.useMemo(() => ({
-		props,
-		highlightedIndex,
-		onHighlightedIndexChange,
-		elementsRef,
-		disabledIndices,
-		onMapChange,
-		relayKeyboardEvent: props.onKeyDown
-	}), [
-		props,
-		highlightedIndex,
-		onHighlightedIndexChange,
-		elementsRef,
-		disabledIndices,
-		onMapChange
-	]);
-}
-function isModifierKeySet(event, ignoredModifierKeys) {
-	for (const key of MODIFIER_KEYS$1.values()) {
-		if (ignoredModifierKeys.includes(key)) continue;
-		if (event.getModifierState(key)) return true;
-	}
-	return false;
-}
-//#endregion
-//#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/internals/composite/root/CompositeRoot.js
-/**
-* @internal
-*/
-function CompositeRoot(componentProps) {
-	const { render, className, style, refs = EMPTY_ARRAY$1, props = EMPTY_ARRAY$1, state = EMPTY_OBJECT, stateAttributesMapping, highlightedIndex: highlightedIndexProp, onHighlightedIndexChange: onHighlightedIndexChangeProp, orientation, dense, itemSizes, loopFocus, onLoop, cols, enableHomeAndEndKeys, onMapChange: onMapChangeProp, stopEventPropagation = true, rootRef, disabledIndices, modifierKeys, highlightItemOnHover = false, tag = "div", ...elementProps } = componentProps;
-	const { props: defaultProps, highlightedIndex, onHighlightedIndexChange, elementsRef, onMapChange: onMapChangeUnwrapped, relayKeyboardEvent } = useCompositeRoot({
-		itemSizes,
-		cols,
-		loopFocus,
-		onLoop,
-		dense,
-		orientation,
-		highlightedIndex: highlightedIndexProp,
-		onHighlightedIndexChange: onHighlightedIndexChangeProp,
-		rootRef,
-		stopEventPropagation,
-		enableHomeAndEndKeys,
-		direction: useDirection(),
-		disabledIndices,
-		modifierKeys
-	});
-	const element = useRenderElement(tag, componentProps, {
-		state,
-		ref: refs,
-		props: [
-			defaultProps,
-			...props,
-			elementProps
-		],
-		stateAttributesMapping
-	});
-	const contextValue = React.useMemo(() => ({
-		highlightedIndex,
-		onHighlightedIndexChange,
-		highlightItemOnHover,
-		relayKeyboardEvent
-	}), [
-		highlightedIndex,
-		onHighlightedIndexChange,
-		highlightItemOnHover,
-		relayKeyboardEvent
-	]);
-	return /*#__PURE__*/ jsx(CompositeRootContext.Provider, {
-		value: contextValue,
-		children: /*#__PURE__*/ jsx(CompositeList, {
-			elementsRef,
-			onMapChange: (newMap) => {
-				onMapChangeProp?.(newMap);
-				onMapChangeUnwrapped(newMap);
-			},
-			children: element
-		})
-	});
-}
-//#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/radio-group/RadioGroup.js
 var MODIFIER_KEYS = [SHIFT];
 /**
@@ -23798,4 +23579,4 @@ var FlowCanvas = ({ flowCanvasStore, annotationContext, onActivateSelection, onS
 	});
 };
 //#endregion
-export { toManifestHandleName as C, isSameViewport as E, toViewEdge as S, isMac as T, timeZoneOffset as _, NodeHistoryContext as a, CanvasTooltip as b, defaultTriggerIcon as c, formatDuration as d, useDebouncedValue as f, timeZoneLongLabel as g, timeZoneLabel as h, setAddItemId as i, JSONViewer as l, selectableTimeZones as m, CompositeRoot as n, Textarea as o, IconStack as p, ACTIVE_COMPOSITE_ITEM as r, CanvasNodeIcon as s, FlowCanvas as t, collapseAllNested as u, cronDescription as v, toManifestNodeId as w, CanvasStore as x, E as y };
+export { isMac as C, toManifestNodeId as S, E as _, CanvasNodeIcon as a, toViewEdge as b, collapseAllNested as c, IconStack as d, selectableTimeZones as f, cronDescription as g, timeZoneOffset as h, pasteVideoLink as i, formatDuration as l, timeZoneLongLabel as m, setAddItemId as n, defaultTriggerIcon as o, timeZoneLabel as p, getVideoLink as r, JSONViewer as s, FlowCanvas as t, useDebouncedValue as u, CanvasTooltip as v, isSameViewport as w, toManifestHandleName as x, CanvasStore as y };

package/dist/browser/{createResourceDialog-CS3u9ga9.js → createResourceDialog-bdOJa5Zk.js}

@@ -5,7 +5,7 @@ import { t as WorkbenchSelect } from "./workbenchSelect-Ci0KCYv9.js";
 import { useEffect, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/workbench/browser/runtime/shell/createResourceDialog.tsx
-function CreateResourceDialog({ disabled, tagField, field, id, issue, label, name, onNameChange, onOpenChange, onSubmit, pending, submitLabel, sourceUrl, title }) {
+function CreateResourceDialog({ disabled, tagField, summary, field, id, issue, label, name, onNameChange, onOpenChange, onSubmit, pending, submitLabel, sourceUrl, title }) {
 	const t = useTranslate();
 	const input = useRef(null);
 	const portal = useRef(null);
@@ -86,6 +86,7 @@ function CreateResourceDialog({ disabled, tagField, field, id, issue, label, nam
 									})
 								]
 							}),
+							summary,
 							tagField?.(root),
 							field != null && /* @__PURE__ */ jsxs(Field, { children: [
 								/* @__PURE__ */ jsx(FieldLabel, {

package/dist/browser/{exportPng-BOPfjeEi.js → exportPng-Cjdb6COo.js}

@@ -1,5 +1,5 @@
-import { n as IconImageCrossOriginContext, o as IconifyProvider } from "./ContentIcon-CMn0c-kl.js";
-import { t as FlowCanvas, x as CanvasStore } from "./FlowCanvas-CrsiDHK8.js";
+import { S as IconifyProvider, v as IconImageCrossOriginContext } from "./wrapLayout-DZvW9dBs.js";
+import { t as FlowCanvas, y as CanvasStore } from "./FlowCanvas-Dew2fmoT.js";
 import { createElement } from "react";
 import "react/jsx-runtime";
 import { createRoot } from "react-dom/client";