@oomol-lab/open-flow 0.1.0-beta.89 → 0.1.0-beta.90

package/README.md

@@ -48,6 +48,34 @@ renderer's Context. Bundled rendering resources remain available. The exporter s
 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.
 
+For Provider artwork, pass the same `ControlClient` used by offline authoring as
+`client`. The renderer reuses its Provider JSON cache; without a client it keeps
+bundled fallback icons and does not request a public catalog.
+
+```ts
+import { ProviderIconCache } from '@oomol-lab/open-flow/provider-icons'
+
+const iconCache = new ProviderIconCache({ scope, delegate, mode: 'default' })
+const result = await flowToPng(browser, workflow, { client, iconCache })
+```
+
+The storage delegate implements `get(key)`, `set(key, json)` and `delete(key)`,
+matching `ControlCacheDelegate`. Reuse the icon cache across exports. It uses a
+separate namespace for complete image responses with base64 bodies. Each scope has
+two fixed sprite slots, light and dark, and one original-image slot per Provider.
+URL and sprite version must match before reuse. Successfully loaded versions replace
+their slot; failed loads never combine old artwork with new crop coordinates.
+Original images use HTTP caching and ETag, with a 24-hour default; `no-store` is
+respected. Options include `mode: 'refresh' | 'offline' | 'default'` and `fetch`.
+Without a delegate, the cache uses memory. Storage failures retain successful loads
+in memory. `allowNetwork: false` reads both Provider JSON and artwork caches only,
+and blocks remote requests in the temporary browser Context. Missing artwork falls
+back without failing the export.
+
+Browser Workbench and Preview cache Provider artwork in IndexedDB by default. Supply
+`host.iconCache` or the Preview's `iconCache` prop to replace it. Workbench PNG
+export uses the same cache. Iconify and Markdown images keep their existing behavior.
+
 Install the Task contracts as a development dependency:
 
 ```bash
@@ -90,6 +118,7 @@ Source paths are not public import APIs. Source maps and declaration maps are no
 | Public entry | Source |
 | --- | --- |
 | `@oomol-lab/open-flow` (types) | [src/types/index.ts](src/types/index.ts) |
+| `@oomol-lab/open-flow/provider-icons` | [src/connector/common/providerIconCache.ts](src/connector/common/providerIconCache.ts) |
 | `@oomol-lab/open-flow/connector-action` | [src/connector/common/actionSchema.ts](src/connector/common/actionSchema.ts) |
 | `@oomol-lab/open-flow/connector-proxy` | [src/connector/common/proxy.ts](src/connector/common/proxy.ts) |
 | `@oomol-lab/open-flow/control-api` | [src/control/common/api.ts](src/control/common/api.ts) |

package/dist/browser/{FlowCanvas-SqPUBqze.js → FlowCanvas-C4iuvVKB.js}

@@ -1,5 +1,5 @@
 import { o as __toESM, t as __commonJSMin } from "./rolldown-runtime-CEgmsyvS.js";
-import { $ as waitBranchDescription, A as DropdownMenuItem, B as CompositeItem, D as DropdownMenuCheckboxItem, E as DropdownMenu, G as MenuPopup, H as MenuRoot, J as ContextMenuRootContext, K as MenuItem, M as DropdownMenuRadioGroup, N as DropdownMenuRadioItem, O as DropdownMenuContent, P as DropdownMenuSeparator, Q as uiLocales, R as DropdownMenuTrigger, U as MenuPositioner, W as MenuPortal, X as MenuRootContext, Y as useContextMenuRootContext, Z as useMenuRootContext, a as CompositeRoot, at as ja_default, c as PopoverContent, ct as I18n, dt as useAriaLabelledBy, f as PopoverTitle, ft as useFieldItemContext, h as ScrollArea, i as Textarea, it as ko_default, j as DropdownMenuLabel, k as DropdownMenuGroup, m as NativeScrollArea, n as wrapLayout, nt as zh_CN_default, o as ACTIVE_COMPOSITE_ITEM, ot as fr_default, p as PopoverTrigger, pt as IconThemeContext, q as MenuGroup, r as canvasDirection, rt as ru_default, s as Popover, st as en_default, t as layoutAxes, tt as zh_TW_default, ut as Checkbox, v as ContentIcon, z as findRootOwnerId } from "./wrapLayout-BB_qwy3k.js";
+import { $ as waitBranchDescription, A as DropdownMenuItem, B as CompositeItem, D as DropdownMenuCheckboxItem, E as DropdownMenu, G as MenuPopup, H as MenuRoot, J as ContextMenuRootContext, K as MenuItem, M as DropdownMenuRadioGroup, N as DropdownMenuRadioItem, O as DropdownMenuContent, P as DropdownMenuSeparator, Q as uiLocales, R as DropdownMenuTrigger, U as MenuPositioner, W as MenuPortal, X as MenuRootContext, Y as useContextMenuRootContext, Z as useMenuRootContext, a as CompositeRoot, at as ja_default, c as PopoverContent, ct as I18n, dt as useAriaLabelledBy, f as PopoverTitle, ft as useFieldItemContext, h as ScrollArea, ht as IconThemeContext, i as Textarea, it as ko_default, j as DropdownMenuLabel, k as DropdownMenuGroup, m as NativeScrollArea, n as wrapLayout, nt as zh_CN_default, o as ACTIVE_COMPOSITE_ITEM, ot as fr_default, p as PopoverTrigger, q as MenuGroup, r as canvasDirection, rt as ru_default, s as Popover, st as en_default, t as layoutAxes, tt as zh_TW_default, ut as Checkbox, v as ContentIcon, z as findRootOwnerId } from "./wrapLayout-DU5HG1qH.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, Bn as transitionStatusMapping, Br as useStableCallback, 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 } from "./tooltip-BZ6tpqnr.js";
@@ -20935,7 +20935,7 @@ var markdownPreview_module_default = {
 };
 //#endregion
 //#region src/canvas/browser/preview/markdownPreview.tsx
-var MarkdownContent = lazy(() => import("./markdownContent-D0BBrFcF.js"));
+var MarkdownContent = lazy(() => import("./markdownContent-B75ojl0E.js"));
 var MarkdownPreview = /* @__PURE__ */ memo(({ dark, unstyled, components, contentClassName, content, draggable, onDoubleClick }) => {
 	const [focus, setFocus] = useState(false);
 	return /* @__PURE__ */ jsx("div", {

package/dist/browser/{exportPng-CLZKdNzR.js → exportPng-DMsB9ku_.js}

@@ -1,5 +1,5 @@
-import { C as IconifyProvider, y as IconImageCrossOriginContext } from "./wrapLayout-BB_qwy3k.js";
-import { E as getFlowPngAspectRatio, t as FlowCanvas, y as CanvasStore } from "./FlowCanvas-SqPUBqze.js";
+import { C as IconifyProvider, pt as ProviderIconCacheContext, y as IconImageCrossOriginContext } from "./wrapLayout-DU5HG1qH.js";
+import { E as getFlowPngAspectRatio, t as FlowCanvas, y as CanvasStore } from "./FlowCanvas-C4iuvVKB.js";
 import { createElement } from "react";
 import "react/jsx-runtime";
 import { createRoot } from "react-dom/client";
@@ -837,7 +837,7 @@ async function captureFlowImage(model, language, options, aspectRatio) {
 	});
 	store.reconcile(snapshot, false, language, [], options.ignoredNodeIds ?? []);
 	try {
-		root.render(createElement(IconifyProvider, null, createElement(IconImageCrossOriginContext.Provider, { value: "anonymous" }, createElement(FlowCanvas, {
+		root.render(createElement(ProviderIconCacheContext.Provider, { value: options.iconCache }, createElement(IconifyProvider, null, createElement(IconImageCrossOriginContext.Provider, { value: "anonymous" }, createElement(FlowCanvas, {
 			flowCanvasStore: store,
 			dark: options.dark ?? false,
 			fitView: false,
@@ -846,7 +846,7 @@ async function captureFlowImage(model, language, options, aspectRatio) {
 			onInit: (value) => {
 				instance = value;
 			}
-		}))));
+		})))));
 		const deadline = performance.now() + 15e3;
 		await waitFor(() => store.$.initialized.value && store.$.rfNodes.value.every((node) => !!node.measured?.width && !!node.measured.height), deadline);
 		let hasImagePlaceholders = await prepareImages(host, deadline);

package/dist/browser/{flowChanges-CnOOPJJR.js → flowChanges-SKYJBr6X.js}

@@ -1,5 +1,5 @@
 import { i as __require, o as __toESM, t as __commonJSMin } from "./rolldown-runtime-CEgmsyvS.js";
-import { A as DropdownMenuItem, E as DropdownMenu, O as DropdownMenuContent, P as DropdownMenuSeparator, Q as uiLocales, R as DropdownMenuTrigger, S as spriteIcon, T as useIconifyData, V as useCompositeItem, _ as Z, a as CompositeRoot, at as ja_default$3, b as imageIcon, c as PopoverContent, ct as I18n, et as waitBranchLocales, f as PopoverTitle, h as ScrollArea, i as Textarea, it as ko_default$3, lt as providerIconAppearance, n as wrapLayout, nt as zh_CN_default$3, o as ACTIVE_COMPOSITE_ITEM, ot as fr_default$3, p as PopoverTrigger, r as canvasDirection, rt as ru_default$3, s as Popover, st as en_default$3, tt as zh_TW_default$3, ut as Checkbox, v as ContentIcon, w as useIconifyCollectionLoader, x as placeholderIcon } from "./wrapLayout-BB_qwy3k.js";
+import { A as DropdownMenuItem, E as DropdownMenu, O as DropdownMenuContent, P as DropdownMenuSeparator, Q as uiLocales, R as DropdownMenuTrigger, S as spriteIcon, T as useIconifyData, V as useCompositeItem, _ as Z, a as CompositeRoot, at as ja_default$3, b as imageIcon, c as PopoverContent, ct as I18n, et as waitBranchLocales, f as PopoverTitle, h as ScrollArea, i as Textarea, it as ko_default$3, lt as providerIconAppearance, n as wrapLayout, nt as zh_CN_default$3, o as ACTIVE_COMPOSITE_ITEM, ot as fr_default$3, p as PopoverTrigger, r as canvasDirection, rt as ru_default$3, s as Popover, st as en_default$3, tt as zh_TW_default$3, ut as Checkbox, v as ContentIcon, w as useIconifyCollectionLoader, x as placeholderIcon } from "./wrapLayout-DU5HG1qH.js";
 import { a as derive, i as compute, l as val, t as arrayShallowEqual } from "./dist-bO8nvHFH.js";
 import { a as toPlainObject, l as useTranslate, o as I18nProvider, s as useI18n, u as useVal } from "./dist-BFmpkX4P.js";
 import { $n as inputClear, A as string$1, Bn as transitionStatusMapping, Br as useStableCallback, C as literal, Cr as cn, Dn as getTarget, Dr as EMPTY_ARRAY, E as object$2, En as contains, Er as useRenderElement, Et as useFloatingRootContext, F as IndexGuessBehavior, Fr as formatErrorMessage, Ft as useDismiss, Gn as createGenericEventDetails, I as useCompositeListItem, In as useTransitionStatus, Ir as mergeProps, It as useClick, Jn as closePress, Kt as DROPDOWN_COLLISION_AVOIDANCE, Ln as useOpenChangeComplete, Lr as useIsoLayoutEffect, Lt as FloatingFocusManager, M as unknown, Mn as ownerDocument, Mr as useButton, Nn as useLabelableId, O as record$3, On as isAndroid, Or as EMPTY_OBJECT, Qn as inputChange, Qt as useStore, S as lazy$1, Sn as stopEvent, Sr as buttonVariants, T as number, Tn as activeElement, Tr as clsx, Un as useValueChanged, Vr as useRefWithInit, Wn as createChangeEventDetails, Wr as isElement, Wt as FloatingPortal, Yn as escapeKey, Zt as Store, _ as array, _r as fieldValidityMapping, an as useOnFirstRender, at as useAnchorPositioning, b as int, br as useControlled, bt as useListNavigation, ct as CompositeList, dr as useFormContext, er as inputPress, et as useAnchoredPopupScrollLock, fr as useRegisterFieldControl, ft as popupStateMapping, g as _enum, gr as DEFAULT_FIELD_STATE_ATTRIBUTES, ht as useOpenInteractionType, i as TooltipTrigger, in as useValueAsRef, it as InternalBackdrop, j as union, jr as useMergedRefs, k as strictObject, kn as isFirefox, kr as NOOP, lt as inertValue, mr as useBaseUiId, n as TooltipContent, nr as listNavigation, nt as usePositioner, p as timeZoneOffsetMinutes, pr as useFieldRootContext, pt as pressableTriggerOpenStateMapping, rn as createSelector, rr as none, rt as getDisabledMountTransitionStyles, sn as useTimeout, st as useDirection, t as Tooltip, tr as itemPress, ur as useLabelableContext, ut as getPseudoElementBounds, v as boolean, vr as visuallyHidden, vt as useTypeahead, wn as isInteractiveElement, wr as cva, x as json$3, xr as Button, xt as useInteractions, y as discriminatedUnion, yr as visuallyHiddenInput, zn as TransitionStatusDataAttributes } from "./tooltip-BZ6tpqnr.js";
@@ -3254,7 +3254,7 @@ var ControlCatalogCache = class {
 		if (!options.scope.trim()) throw new TypeError("Control cache scope must be nonempty.");
 		if (options.maxAgeMs != null && (!Number.isFinite(options.maxAgeMs) || options.maxAgeMs < 0)) throw new TypeError("Control cache maxAgeMs must be finite and nonnegative.");
 	}
-	async read(query, load, maxAgeMs, signal, fresh = false) {
+	async read(query, load, maxAgeMs, signal, fresh = false, cacheOnly = false) {
 		signal?.throwIfAborted();
 		const key = JSON.stringify([
 			"open-flow:catalog",
@@ -3262,7 +3262,7 @@ var ControlCatalogCache = class {
 			this.options.scope,
 			query.path
 		]);
-		const result = await wait$1(this.#request(key, query, load, this.options.maxAgeMs ?? maxAgeMs, fresh || this.options.mode == "refresh"), signal);
+		const result = await wait$1(cacheOnly ? this.#load(key, query, load, this.options.maxAgeMs ?? maxAgeMs, false, true) : this.#request(key, query, load, this.options.maxAgeMs ?? maxAgeMs, fresh || this.options.mode == "refresh"), signal);
 		const data = query.decode(structuredClone(result.body));
 		try {
 			this.options.onRead?.({
@@ -3290,7 +3290,7 @@ var ControlCatalogCache = class {
 		});
 		return promise;
 	}
-	async #load(key, query, load, maxAgeMs, fresh) {
+	async #load(key, query, load, maxAgeMs, fresh, cacheOnly = false) {
 		let cached;
 		try {
 			const stored = await this.options.delegate.get(key);
@@ -3305,13 +3305,13 @@ var ControlCatalogCache = class {
 		}
 		const now = Date.now();
 		const stale = cached == null || cached.validatedAt > now || now - cached.validatedAt >= maxAgeMs;
-		if (cached != null && (this.options.mode == "offline" || !fresh && !stale)) return {
+		if (cached != null && (cacheOnly || this.options.mode == "offline" || !fresh && !stale)) return {
 			...cached,
 			path: query.path,
 			source: "cache",
 			stale
 		};
-		if (this.options.mode == "offline") throw new ApiError(503, "catalog.cache-miss", `No compatible cached response for ${query.path}.`);
+		if (cacheOnly || this.options.mode == "offline") throw new ApiError(503, "catalog.cache-miss", `No compatible cached response for ${query.path}.`);
 		const result = await load(cached?.etag ?? null);
 		if (!result.modified && cached == null) throw new ApiError(502, "response.invalid", "A catalog returned 304 without a cached response.");
 		const entry = {
@@ -4698,9 +4698,10 @@ var ControlClient = class {
 			version: 1
 		};
 	}
-	async listConnectorProviders(signal, flowId, locale) {
+	async listConnectorProviders(signal, flowId, locale, options = {}) {
 		const query = connectorProvidersQuery(flowId, locale);
-		if (this.catalogCache != null) return (await this.catalogResponse(query, 3e5, signal)).data;
+		if (this.catalogCache != null) return (await this.catalogResponse(query, 3e5, signal, false, options.cacheOnly)).data;
+		if (options.cacheOnly) throw new ApiError(503, "catalog.cache-miss", "No Provider catalog cache is configured.");
 		return this.connectorRequest(query.path, "providers", signal, query.decode);
 	}
 	async listLeinaBots(flowId, signal) {
@@ -5029,11 +5030,11 @@ var ControlClient = class {
 			method: "POST"
 		}));
 	}
-	async catalogResponse(query, maxAgeMs, signal, fresh = false) {
+	async catalogResponse(query, maxAgeMs, signal, fresh = false, cacheOnly = false) {
 		if (this.catalogCache != null) return this.catalogCache.read(query, (etag) => this.readCatalog({
 			path: query.path,
 			decode: jsonValue
-		}, etag), maxAgeMs, signal, fresh);
+		}, etag), maxAgeMs, signal, fresh, cacheOnly);
 		const response = await this.readCatalog(query, null, signal);
 		if (!response.modified) return invalidResponse();
 		return {
@@ -24711,7 +24712,7 @@ var RunStore = class {
 //#region src/workbench/browser/runtime/providerIcon.ts
 function providerIcon(provider) {
 	const source = provider.icon?.trim();
-	const original = source ? imageIcon(source, placeholderIcon) : placeholderIcon;
+	const original = source ? imageIcon(source, placeholderIcon, provider.serviceId) : placeholderIcon;
 	const appearance = providerIconAppearance(provider.iconSprite, provider.iconSpritePosition);
 	return appearance?.iconSprite && appearance.iconSpritePosition ? spriteIcon({
 		iconSprite: appearance.iconSprite,

package/dist/browser/{flowWorkspace-d9Ef-aRK.js → flowWorkspace-4UHRaHcz.js}

@@ -1,11 +1,11 @@
 import { o as __toESM, r as __exportAll, t as __commonJSMin } from "./rolldown-runtime-CEgmsyvS.js";
-import { $ as waitBranchDescription, A as DropdownMenuItem, B as CompositeItem, C as IconifyProvider, D as DropdownMenuCheckboxItem, E as DropdownMenu, F as DropdownMenuSub, I as DropdownMenuSubContent, L as DropdownMenuSubTrigger, M as DropdownMenuRadioGroup, N as DropdownMenuRadioItem, O as DropdownMenuContent, P as DropdownMenuSeparator, R as DropdownMenuTrigger, _ as Z$1, a as CompositeRoot, c as PopoverContent, d as PopoverPanelContent, dt as useAriaLabelledBy, f as PopoverTitle, g as VirtualScrollArea, h as ScrollArea, i as Textarea, j as DropdownMenuLabel, k as DropdownMenuGroup, l as PopoverDescription, m as NativeScrollArea, p as PopoverTrigger, s as Popover, u as PopoverHeader, ut as Checkbox, v as ContentIcon } from "./wrapLayout-BB_qwy3k.js";
+import { $ as waitBranchDescription, A as DropdownMenuItem, B as CompositeItem, C as IconifyProvider, D as DropdownMenuCheckboxItem, E as DropdownMenu, F as DropdownMenuSub, I as DropdownMenuSubContent, L as DropdownMenuSubTrigger, M as DropdownMenuRadioGroup, N as DropdownMenuRadioItem, O as DropdownMenuContent, P as DropdownMenuSeparator, R as DropdownMenuTrigger, _ as Z$1, a as CompositeRoot, c as PopoverContent, d as PopoverPanelContent, dt as useAriaLabelledBy, f as PopoverTitle, g as VirtualScrollArea, h as ScrollArea, i as Textarea, j as DropdownMenuLabel, k as DropdownMenuGroup, l as PopoverDescription, m as NativeScrollArea, mt as useProviderIconCache, p as PopoverTrigger, s as Popover, u as PopoverHeader, ut as Checkbox, v as ContentIcon } from "./wrapLayout-DU5HG1qH.js";
 import { i as compute, l as val } from "./dist-bO8nvHFH.js";
 import { c as useLang, l as useTranslate, o as I18nProvider, r as isPlainObject, s as useI18n, u as useVal } from "./dist-BFmpkX4P.js";
 import { $ as useToolbarRootContext, A as string, Bn as transitionStatusMapping, Br as useStableCallback, Cr as cn, Er as useRenderElement, Fr as formatErrorMessage, In as useTransitionStatus, Ir as mergeProps, Ln as useOpenChangeComplete, Lr as useIsoLayoutEffect, Mr as useButton, Nn as useLabelableId, Or as EMPTY_OBJECT, Qt as useStore, Sr as buttonVariants, Un as useValueChanged, Wn as createChangeEventDetails, _r as fieldValidityMapping, a as createTooltipHandle, br as useControlled, c as TooltipPositioner, d as TooltipRoot, dr as useFormContext, fr as useRegisterFieldControl, i as TooltipTrigger, jr as useMergedRefs, l as TooltipPortal, mr as useBaseUiId, mt as triggerOpenStateMapping, n as TooltipContent, nn as require_builtin_esm_external_require_react, o as TooltipArrow, p as timeZoneOffsetMinutes, pr as useFieldRootContext, qn as clearPress, r as TooltipProvider, rr as none, s as TooltipPopup, t as Tooltip, u as TooltipTrigger$1, ur as useLabelableContext, vr as visuallyHidden, wr as cva, xr as Button$1, yr as visuallyHiddenInput, zr as error$1 } from "./tooltip-BZ6tpqnr.js";
 import { $ as waitAutoContinueSchema, $t as SelectGroup, A as comparisonIssue, Bt as schemaObject, D as nodeSystemOutputPorts, Dt as connectorProxyTask, E as nodeErrorSchema, Et as connectorProxySupportsBody, F as operatorsForType, Ft as webhookMethods, It as webhookSupportsBody, J as webhookResponseAllowsBody, K as webhookHeaderValuePort, L as unaryOperator, O as supportsNodeErrorHandling, P as operandHandle, Pt as httpHeaderNameIssue, Q as workflowOutputsPort, Qt as SelectContent, R as valueType, Rt as matchesSchema, St as connectorProxyHeaderSchema, T as workflowToolNameIssue, Tt as connectorProxyQuerySchema, U as decodeRevisionContent, Vt as variableInputCompatible, X as webhookResponseTimeout, Xt as Select$1, Y as webhookResponseInputs, Yt as dequal, Z as webhookStatusCodePort, Zt as SelectChevron, _t as defaultDecisionQuestion, a as DialogFooter, at as httpHeaderSchema, b as nodeNameIssue, c as DialogTrigger, ct as httpRequestIssues, d as Field, en as SelectItem, et as defaultNodeRetry, f as FieldDescription, ft as isHttpHost, gn as ChevronDown, gt as decisionTask, h as FieldLabel, hn as Input, ht as decisionQuestionIssues, i as DialogDescription, l as Icon, lt as httpRequestTask, m as FieldGroup, mn as Label, n as DialogClose, nn as SelectTrigger, nt as retryConfigurationSchema, o as DialogHeader, ot as httpQuerySchema, p as FieldError, pt as decisionLimits, q as webhookHeadersPort, qt as skipDuplicatesConfigSchema, r as DialogContent, rn as SelectValue, rt as supportsNodeRetry, s as DialogTitle, t as Dialog, tn as SelectSeparator, tt as nodeRetryLimits, u as Spinner, vt as limitDecisionQuestions, wt as connectorProxyIssues, xt as connectorProxyHasBody, yt as connectorProxyBodyInput, zt as portsAssignable } from "./dialog-Bi-MVTGj.js";
-import { C as isMac, S as toManifestNodeId, T as flowPngAspectRatios, _ as E$1, a as CanvasNodeIcon, b as toViewEdge, c as collapseAllNested, d as IconStack, f as selectableTimeZones, g as cronDescription, h as timeZoneOffset, i as pasteVideoLink, l as formatDuration, m as timeZoneLongLabel, n as setAddItemId, o as defaultTriggerIcon, p as timeZoneLabel, s as JSONViewer, t as FlowCanvas, u as useDebouncedValue, v as CanvasTooltip, w as isSameViewport, x as toManifestHandleName, y as CanvasStore } from "./FlowCanvas-SqPUBqze.js";
-import { $ as resourceValue, $t as WorkflowExportDialog, A as schemaForEditor, An as TabsTrigger, Ar as serverAddress, B as datePickerValue, Bn as EmptyMedia, Br as ApiError, Cn as selectors, Cr as inputValue, D as defaultValueEditorSchema, Dn as Tabs, Dr as openApiTask, Dt as diagnosticMessage, E as supportsFeishuChatFilter, En as IconPickerButton, Er as openApiFieldIssues, F as calendarChange, Fn as InputGroupInput, Fr as workflowCandidateGroup, G as indexAddNodeOptions, Gn as SourceSelect, H as isDateFormat, Hn as Badge, Hr as eventSourceKind, I as calendarDate, In as Empty, Ir as workflowCapability, Jn as EventSourceSetup, Kn as createI18n, L as dateFromTimeZone, Ln as EmptyContent, Lr as workflowSelectionTask, M as getDefaultValue, Mn as followWorkbenchLink, Mr as sameWorkflowInterface, N as isUnconstrainedSchema, Nn as InputGroup, Nr as workflowAgentTool, O as editorComponent, On as TabsContent, Or as securityOptions, Ot as diagnosticNodeId, P as typeOfSchema, Pn as InputGroupAddon, Q as resourceData, R as dateInTimeZone, Rn as EmptyDescription, Sn as ComboboxRoot, Sr as triggerConfigValues, St as revisionView, T as feishuResourceKind, Tn as useComboboxRootContext, Tr as object$1, V as dateTimeWall, Vn as EmptyTitle, Vr as controlErrorCode, Wn as SourceForm, Y as connectorActionPresentation, Yn as errorNotice, Z as observeResource, Zt as dequal$1, _n as ComboboxList, _t as actionSummary, ar as webhookResponseDiagnostics, bn as ComboboxInputGroup, bt as canCancelRun, cn as selectionMenuItemClass, dn as valueEditor_module_default, dr as isJsonObject, dt as loadJson, en as WorkflowExportMenuItem, er as decodeResultList, fn as ComboboxItemIndicator, ft as designerGraph, gn as ComboboxPortal, gt as triggerNodeIcon, hn as ComboboxPositioner, ht as semanticNodeIcon, ir as resolutionOutputPorts, it as decodeAppCatalogResponse, j as valueForEditor, jr as servers, jt as connectionCatalog, k as editorGroups, kn as TabsList, kr as selectOperation, kt as schemaMismatchMessage, ln as ValueControl, mn as ComboboxPopup, mt as nodeTitle, n as agentTool, nn as IdTooltip, nr as executionReachableNodes, or as sourceOutputLabel, ot as getAppCatalogCache, pn as ComboboxItem, pt as nodeIcon, q as mapSource, qn as FeishuEventPicker, rn as FlowSettingsButton, rr as inputSourceCandidates, sn as selectionMenuContentClass, sr as sourcePort, tn as useWorkflowExportAction, tt as provider, un as ValueEditorFeedback, ur as triggerOutputDefinitions, vn as GroupCollectionProvider, vt as providerIcon, wn as useComboboxInputValueContext, wr as listOperations, xn as ComboboxInput, xr as triggerConfigValue, xt as hasRunFilter, yn as ComboboxTrigger, z as datePickerChange, zn as EmptyHeader } from "./flowChanges-CnOOPJJR.js";
+import { C as isMac, S as toManifestNodeId, T as flowPngAspectRatios, _ as E$1, a as CanvasNodeIcon, b as toViewEdge, c as collapseAllNested, d as IconStack, f as selectableTimeZones, g as cronDescription, h as timeZoneOffset, i as pasteVideoLink, l as formatDuration, m as timeZoneLongLabel, n as setAddItemId, o as defaultTriggerIcon, p as timeZoneLabel, s as JSONViewer, t as FlowCanvas, u as useDebouncedValue, v as CanvasTooltip, w as isSameViewport, x as toManifestHandleName, y as CanvasStore } from "./FlowCanvas-C4iuvVKB.js";
+import { $ as resourceValue, $t as WorkflowExportDialog, A as schemaForEditor, An as TabsTrigger, Ar as serverAddress, B as datePickerValue, Bn as EmptyMedia, Br as ApiError, Cn as selectors, Cr as inputValue, D as defaultValueEditorSchema, Dn as Tabs, Dr as openApiTask, Dt as diagnosticMessage, E as supportsFeishuChatFilter, En as IconPickerButton, Er as openApiFieldIssues, F as calendarChange, Fn as InputGroupInput, Fr as workflowCandidateGroup, G as indexAddNodeOptions, Gn as SourceSelect, H as isDateFormat, Hn as Badge, Hr as eventSourceKind, I as calendarDate, In as Empty, Ir as workflowCapability, Jn as EventSourceSetup, Kn as createI18n, L as dateFromTimeZone, Ln as EmptyContent, Lr as workflowSelectionTask, M as getDefaultValue, Mn as followWorkbenchLink, Mr as sameWorkflowInterface, N as isUnconstrainedSchema, Nn as InputGroup, Nr as workflowAgentTool, O as editorComponent, On as TabsContent, Or as securityOptions, Ot as diagnosticNodeId, P as typeOfSchema, Pn as InputGroupAddon, Q as resourceData, R as dateInTimeZone, Rn as EmptyDescription, Sn as ComboboxRoot, Sr as triggerConfigValues, St as revisionView, T as feishuResourceKind, Tn as useComboboxRootContext, Tr as object$1, V as dateTimeWall, Vn as EmptyTitle, Vr as controlErrorCode, Wn as SourceForm, Y as connectorActionPresentation, Yn as errorNotice, Z as observeResource, Zt as dequal$1, _n as ComboboxList, _t as actionSummary, ar as webhookResponseDiagnostics, bn as ComboboxInputGroup, bt as canCancelRun, cn as selectionMenuItemClass, dn as valueEditor_module_default, dr as isJsonObject, dt as loadJson, en as WorkflowExportMenuItem, er as decodeResultList, fn as ComboboxItemIndicator, ft as designerGraph, gn as ComboboxPortal, gt as triggerNodeIcon, hn as ComboboxPositioner, ht as semanticNodeIcon, ir as resolutionOutputPorts, it as decodeAppCatalogResponse, j as valueForEditor, jr as servers, jt as connectionCatalog, k as editorGroups, kn as TabsList, kr as selectOperation, kt as schemaMismatchMessage, ln as ValueControl, mn as ComboboxPopup, mt as nodeTitle, n as agentTool, nn as IdTooltip, nr as executionReachableNodes, or as sourceOutputLabel, ot as getAppCatalogCache, pn as ComboboxItem, pt as nodeIcon, q as mapSource, qn as FeishuEventPicker, rn as FlowSettingsButton, rr as inputSourceCandidates, sn as selectionMenuContentClass, sr as sourcePort, tn as useWorkflowExportAction, tt as provider, un as ValueEditorFeedback, ur as triggerOutputDefinitions, vn as GroupCollectionProvider, vt as providerIcon, wn as useComboboxInputValueContext, wr as listOperations, xn as ComboboxInput, xr as triggerConfigValue, xt as hasRunFilter, yn as ComboboxTrigger, z as datePickerChange, zn as EmptyHeader } from "./flowChanges-SKYJBr6X.js";
 import { r as resolveUiLanguage } from "./languages-gYzoQqCi.js";
 import { a as renameObjectField, i as objectValue, n as isJsonValue, o as setObjectField, r as jsonDataTypes, s as valueType$1, t as initialValue } from "./value-BbFQZZ_V.js";
 import { n as compile, r as validate } from "./flowRunInputEditorStore-ys1-w9GW.js";
@@ -232,7 +232,7 @@ function CanvasHistoryScope({ history, disabled, ...props }) {
 }
 //#endregion
 //#region src/workbench/browser/runtime/editor/commentInspector.tsx
-var MarkdownContent = lazy(() => import("./markdownContent-D0BBrFcF.js"));
+var MarkdownContent = lazy(() => import("./markdownContent-B75ojl0E.js"));
 /** A comment is presentation data; editing it does not require the canvas store. */
 function CommentInspector({ title, content, disabled = false, readOnly, dark, onSave }) {
 	const t = useTranslate();
@@ -36141,17 +36141,20 @@ function FlowEditor({ portalRoot, navigationIsland, onRun, onRunStarted, onClose
 	const moduleEditor = useVal(store.workspace.$.moduleEditor);
 	const initialAddNodeTab = triggers.length == 0 ? "triggers" : "nodes";
 	const { ignoredNodeIds, onIgnoreNodes } = useIgnoredNodes(flowId ?? "");
+	const iconCache = useProviderIconCache();
 	const renderPng = useCallback(async (options) => {
 		const model = store.$.designer.value;
-		const { flowToPng } = await import("./exportPng-CLZKdNzR.js");
+		const { flowToPng } = await import("./exportPng-DMsB9ku_.js");
 		return flowToPng(model, language, {
 			...options,
-			ignoredNodeIds
+			ignoredNodeIds,
+			iconCache
 		});
 	}, [
 		store,
 		language,
-		ignoredNodeIds
+		ignoredNodeIds,
+		iconCache
 	]);
 	const panel = useInspectorPanel({
 		identity: flowId ?? "",

package/dist/browser/{markdownContent-D0BBrFcF.js → markdownContent-B75ojl0E.js}

@@ -1,6 +1,6 @@
 import { o as __toESM, r as __exportAll, t as __commonJSMin } from "./rolldown-runtime-CEgmsyvS.js";
 import { i as isString, l as useTranslate } from "./dist-BFmpkX4P.js";
-import { r as getVideoLink } from "./FlowCanvas-SqPUBqze.js";
+import { r as getVideoLink } from "./FlowCanvas-C4iuvVKB.js";
 import { memo, useEffect, useMemo, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region ../../node_modules/.bun/deepmerge@4.3.1/node_modules/deepmerge/dist/cjs.js

package/dist/browser/preview.css

@@ -9234,7 +9234,7 @@ svg.react-flow__connectionline {
 
 .NodeLayout_vertical_d0397.NodeLayout_compactContent_d0397 .NodeLayout_branchRow_d0397 {
   background: transparent;
-}.ContentIcon_img_4e5d2 {
+}.ContentIcon_img_e2c99 {
   width: 1em;
   height: 1em;
   vertical-align: middle;
@@ -9242,7 +9242,16 @@ svg.react-flow__connectionline {
   object-fit: contain;
 }
 
-.ContentIcon_initials_4e5d2 {
+.ContentIcon_pending_e2c99 {
+  display: inline-flex;
+  width: 1em;
+  height: 1em;
+  align-items: center;
+  justify-content: center;
+  vertical-align: middle;
+}
+
+.ContentIcon_initials_e2c99 {
   display: inline-flex;
   width: 1em;
   height: 1em;
@@ -9255,13 +9264,13 @@ svg.react-flow__connectionline {
   vertical-align: middle;
   pointer-events: none;
 }
-.ContentIcon_initials_4e5d2 > span {
+.ContentIcon_initials_e2c99 > span {
   font-size: 0.42em;
   font-weight: 400;
   line-height: 1;
 }
 
-.ContentIcon_sprite_4e5d2 {
+.ContentIcon_sprite_e2c99 {
   display: inline-block;
   position: relative;
   overflow: hidden;
@@ -9271,7 +9280,7 @@ svg.react-flow__connectionline {
   vertical-align: middle;
   pointer-events: none;
 }
-.ContentIcon_sprite_4e5d2 > span {
+.ContentIcon_sprite_e2c99 > span {
   position: absolute;
   background-size: 100% 100%;
   background-repeat: no-repeat;

package/dist/browser/preview.d.ts

@@ -1,6 +1,7 @@
 import type { ReactElement } from 'react';
 import type { CanvasDirection } from '../common/canvas-direction.js';
 import type { InteractiveMode } from '../common/canvas-interactive-mode.js';
+import type { ProviderIconLoader } from '../common/provider-icons.js';
 import type { Draft, Presentation } from '../common/control-api.js';
 import type { UiLanguage } from '../common/localization.js';
 export type { Draft, Presentation } from '../common/control-api.js';
@@ -8,6 +9,8 @@ export type { UiLanguage } from '../common/localization.js';
 export type { InteractiveMode } from '../common/canvas-interactive-mode.js';
 export type { CanvasDirection } from '../common/canvas-direction.js';
 export interface OpenFlowPreviewProps {
+    /** Optional shared Provider artwork cache; defaults to browser IndexedDB. */
+    readonly iconCache?: ProviderIconLoader;
     readonly draft: Draft;
     readonly presentation: Presentation | null;
     readonly language: UiLanguage;
@@ -32,4 +35,4 @@ export interface OpenFlowPreviewProps {
     readonly className?: string;
 }
 /** Offline workflow preview. Use a React key to start a new layout/selection session. */
-export declare function OpenFlowPreview({ draft, presentation, language, theme, defaultInteractiveMode, defaultDirection, defaultMiniMapExpanded, defaultInspectorOpen, defaultSelectedNodeIds, nodesDraggable, dottedBackground, layoutMotion, label, className, }: OpenFlowPreviewProps): ReactElement;
+export declare function OpenFlowPreview({ iconCache, draft, presentation, language, theme, defaultInteractiveMode, defaultDirection, defaultMiniMapExpanded, defaultInspectorOpen, defaultSelectedNodeIds, nodesDraggable, dottedBackground, layoutMotion, label, className, }: OpenFlowPreviewProps): ReactElement;