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

package/dist/browser/workbench.js

@@ -1,9 +1,9 @@
-import { A as DropdownMenuItem, C as IconifyProvider, E as DropdownMenu, O as DropdownMenuContent, P as DropdownMenuSeparator, R as DropdownMenuTrigger, c as PopoverContent, f as PopoverTitle, p as PopoverTrigger, pt as IconThemeContext, s as Popover, v as ContentIcon } from "./wrapLayout-BB_qwy3k.js";
+import { A as DropdownMenuItem, C as IconifyProvider, E as DropdownMenu, O as DropdownMenuContent, P as DropdownMenuSeparator, R as DropdownMenuTrigger, c as PopoverContent, f as PopoverTitle, ht as IconThemeContext, p as PopoverTrigger, pt as ProviderIconCacheContext, s as Popover, v as ContentIcon } from "./wrapLayout-DU5HG1qH.js";
 import { a as derive, i as compute, l as val } from "./dist-bO8nvHFH.js";
 import { c as useLang, l as useTranslate, o as I18nProvider, u as useVal } from "./dist-BFmpkX4P.js";
 import { Cr as cn, i as TooltipTrigger, n as TooltipContent, t as Tooltip, xr as Button } from "./tooltip-BZ6tpqnr.js";
 import { Bt as schemaObject, C as upgradeManualTrigger, Dt as connectorProxyTask, M as mapConditionSources, N as nodeInputMappings, Rt as matchesSchema, S as resourceNameIssue, Yt as dequal, _ as applyFlowChanges, a as DialogFooter, bt as connectorProxyConfigSchema, d as Field, g as FlowChangeError, h as FieldLabel, hn as Input, i as DialogDescription, l as Icon, m as FieldGroup, o as DialogHeader, p as FieldError, r as DialogContent, s as DialogTitle, t as Dialog, u as Spinner, v as isTriggerNode, w as upgradeRevisionContent } from "./dialog-Bi-MVTGj.js";
-import { $ as resourceValue, $n as allConnectorConnectionsQuery, $t as WorkflowExportDialog, At as actionWithConnections, Bn as EmptyMedia, Br as ApiError, Bt as setNodeContentHidden, C as updateValue, Ct as flowResourceReferences, Et as diagnosticItems, Fn as InputGroupInput, Ft as removeComments, Gt as setCodeActions, Hn as Badge, Ht as setVerticalNodeWidth, In as Empty, It as restoreCanvasPresentation, J as scopedValue, Jt as setServiceConnections, K as combineSources, Kn as createI18n, Kt as setConnectorConnection, Ln as EmptyContent, Lt as setCanvasLayout, Mn as followWorkbenchLink, Mt as canvasPresentationChange, Nn as InputGroup, Nt as commentIds, Pn as InputGroupAddon, Pr as workflowCandidate, Pt as flowPresentation, Q as resourceData, Qn as randomId, Qt as WorkflowBundleSummary, Rn as EmptyDescription, Rr as invalidResponse, Rt as setComment, S as updateTriggerConfig, St as revisionView, Tt as deriveInspectorDiagnostics, U as addNodeIntent, Un as EventSourcesPage, Ut as repairNodeNames, Vn as EmptyTitle, Vr as controlErrorCode, Vt as setNodePositions, W as deriveAddNodeOptions, Wt as resetInputValues, X as CacheResource, Xn as WorkbenchClient, Xt as updateTriggerSchedule, Y as connectorActionPresentation, Yn as errorNotice, Yt as updateStartInputDefs, Zn as normalizeFlowQuery, Zt as dequal$1, _ as updateRequestParameters, _r as workflowBundleFromPreview, a as nameCreatedNodes, an as FlowTagChips, at as getActionsCache, b as updateTaskAdditionalInputs, br as workflowNameFromFile, c as setInputVariable, cr as normalizeTriggerOutputs, ct as getProvidersCache, d as updateCondition, en as WorkflowExportMenuItem, et as action, f as updateNodeDescription, fr as isJsonValue, ft as designerGraph, g as updateOutputPorts, gr as parseWorkflowImportFile, h as updateNodeSettings, hr as encodeWorkflowBundle, i as deleteSelection, in as FlowSettingsDialog, jn as useFlowQuery, jt as connectionCatalog, l as setTriggerConnection, lr as sampleErrorOutputs, lt as createPersistentCache, m as updateNodeName, mr as connectorActionMetadata, nn as IdTooltip, nt as proxyResponse, o as selectWebhookResponse, on as TagPicker, p as updateNodeIcon, pr as connection, qt as setInputSources, r as applyFlowChanges$1, rt as validateAction, s as setInputValue, st as getConnectionsCache, t as addNode, tn as useWorkflowExportAction, tr as decodeTriggerCatalog, tt as provider, u as setTriggerEventSource, ur as triggerOutputDefinitions, ut as createSessionCache, v as updateResolution, vr as encodeWorkflowFile, vt as providerIcon, w as updateWebhook, wt as Latest, x as updateTaskPorts, y as updateTask, yr as workflowFileName, yt as RunStore, zn as EmptyHeader, zr as record, zt as setFlowViewport } from "./flowChanges-CnOOPJJR.js";
+import { $ as resourceValue, $n as allConnectorConnectionsQuery, $t as WorkflowExportDialog, At as actionWithConnections, Bn as EmptyMedia, Br as ApiError, Bt as setNodeContentHidden, C as updateValue, Ct as flowResourceReferences, Et as diagnosticItems, Fn as InputGroupInput, Ft as removeComments, Gt as setCodeActions, Hn as Badge, Ht as setVerticalNodeWidth, In as Empty, It as restoreCanvasPresentation, J as scopedValue, Jt as setServiceConnections, K as combineSources, Kn as createI18n, Kt as setConnectorConnection, Ln as EmptyContent, Lt as setCanvasLayout, Mn as followWorkbenchLink, Mt as canvasPresentationChange, Nn as InputGroup, Nt as commentIds, Pn as InputGroupAddon, Pr as workflowCandidate, Pt as flowPresentation, Q as resourceData, Qn as randomId, Qt as WorkflowBundleSummary, Rn as EmptyDescription, Rr as invalidResponse, Rt as setComment, S as updateTriggerConfig, St as revisionView, Tt as deriveInspectorDiagnostics, U as addNodeIntent, Un as EventSourcesPage, Ut as repairNodeNames, Vn as EmptyTitle, Vr as controlErrorCode, Vt as setNodePositions, W as deriveAddNodeOptions, Wt as resetInputValues, X as CacheResource, Xn as WorkbenchClient, Xt as updateTriggerSchedule, Y as connectorActionPresentation, Yn as errorNotice, Yt as updateStartInputDefs, Zn as normalizeFlowQuery, Zt as dequal$1, _ as updateRequestParameters, _r as workflowBundleFromPreview, a as nameCreatedNodes, an as FlowTagChips, at as getActionsCache, b as updateTaskAdditionalInputs, br as workflowNameFromFile, c as setInputVariable, cr as normalizeTriggerOutputs, ct as getProvidersCache, d as updateCondition, en as WorkflowExportMenuItem, et as action, f as updateNodeDescription, fr as isJsonValue, ft as designerGraph, g as updateOutputPorts, gr as parseWorkflowImportFile, h as updateNodeSettings, hr as encodeWorkflowBundle, i as deleteSelection, in as FlowSettingsDialog, jn as useFlowQuery, jt as connectionCatalog, l as setTriggerConnection, lr as sampleErrorOutputs, lt as createPersistentCache, m as updateNodeName, mr as connectorActionMetadata, nn as IdTooltip, nt as proxyResponse, o as selectWebhookResponse, on as TagPicker, p as updateNodeIcon, pr as connection, qt as setInputSources, r as applyFlowChanges$1, rt as validateAction, s as setInputValue, st as getConnectionsCache, t as addNode, tn as useWorkflowExportAction, tr as decodeTriggerCatalog, tt as provider, u as setTriggerEventSource, ur as triggerOutputDefinitions, ut as createSessionCache, v as updateResolution, vr as encodeWorkflowFile, vt as providerIcon, w as updateWebhook, wt as Latest, x as updateTaskPorts, y as updateTask, yr as workflowFileName, yt as RunStore, zn as EmptyHeader, zr as record, zt as setFlowViewport } from "./flowChanges-SKYJBr6X.js";
 import { a as uiLanguages, i as uiLanguageNames, n as isUiLanguage, r as resolveUiLanguage, t as importedWorkflowName } from "./languages-gYzoQqCi.js";
 import { i as objectValue, n as isJsonValue$1, s as valueType, t as initialValue } from "./value-BbFQZZ_V.js";
 import { Suspense, forwardRef, lazy, useEffect, useImperativeHandle, useLayoutEffect, useRef, useState } from "react";
@@ -7047,7 +7047,7 @@ var WorkbenchStore = class {
 	async downloadPng(result) {
 		const title = this.workspace.$.flow.value?.name ?? this.workspace.$.flowId.value ?? "Workflow";
 		try {
-			const { downloadPng } = await import("./exportPng-CLZKdNzR.js");
+			const { downloadPng } = await import("./exportPng-DMsB9ku_.js");
 			downloadPng(result, title);
 			if (!this.#disposed) this.#notice.set({
 				kind: "success",
@@ -7314,7 +7314,7 @@ var WorkbenchStore = class {
 };
 //#endregion
 //#region src/workbench/browser/runtime/openFlowWorkbench.tsx
-var FlowWorkspace = lazy(() => import("./flowWorkspace-d9Ef-aRK.js"));
+var FlowWorkspace = lazy(() => import("./flowWorkspace-4UHRaHcz.js"));
 function OpenFlowSessionGate({ action, description, error, onSubmit, onTokenChange, pending = false, title, token, tokenLabel }) {
 	const hasToken = token != null && tokenLabel != null && onTokenChange != null;
 	const tokenValue = token ?? "";
@@ -7551,11 +7551,14 @@ var Session = forwardRef(function Session({ catalogWidth, createFlow, importFlow
 	});
 });
 var OpenFlowWorkbench = forwardRef(function OpenFlowWorkbench({ sessionKey, ...props }, ref) {
-	return /* @__PURE__ */ jsx(Session, {
-		ref,
-		sessionKey,
-		...props
-	}, `${sessionKey}:${props.host.connectorOwnerId ?? ""}`);
+	return /* @__PURE__ */ jsx(ProviderIconCacheContext.Provider, {
+		value: props.host.iconCache,
+		children: /* @__PURE__ */ jsx(Session, {
+			ref,
+			sessionKey,
+			...props
+		}, `${sessionKey}:${props.host.connectorOwnerId ?? ""}`)
+	});
 });
 //#endregion
 export { EventSourcesPage, OpenFlowSessionGate, OpenFlowWorkbench, isUiLanguage as isWorkbenchLanguage, resolveUiLanguage as resolveWorkbenchLanguage, uiLanguageNames as workbenchLanguageNames, uiLanguages as workbenchLanguages };

package/dist/browser/{wrapLayout-BB_qwy3k.js → wrapLayout-DU5HG1qH.js}

@@ -1,7 +1,8 @@
 import { a as derive, l as val, r as combine } from "./dist-bO8nvHFH.js";
+import { u as useVal } from "./dist-BFmpkX4P.js";
 import { $ as useToolbarRootContext, $t as fastComponent, An as isMac, Ar as warn, At as useImplicitActiveTrigger, B as ARROW_LEFT, Bn as transitionStatusMapping, Br as useStableCallback, Bt as useFloatingNodeId, Cr as cn, Ct as useHoverFloatingInteraction, Dn as getTarget, Dr as EMPTY_ARRAY$1, Dt as createInitialPopupStoreState, En as contains, Er as useRenderElement, Fn as createLucideIcon, Fr as formatErrorMessage, Ft as useDismiss, G as HORIZONTAL_KEYS, Gr as isHTMLElement$1, Gt as CLICK_TRIGGER_IDENTIFIER, H as ARROW_UP, Hn as useOnMount, Hr as getParentNode, Ht as useFloatingTree, I as useCompositeListItem, In as useTransitionStatus, Ir as mergeProps, It as useClick, Jn as closePress, Jt as FocusGuard, K as HORIZONTAL_KEYS_WITH_EXTRA_KEYS, Kn as cancelOpen, Kr as isLastTraversableNode, Kt as DROPDOWN_COLLISION_AVOIDANCE, L as ALL_KEYS, Ln as useOpenChangeComplete, Lr as useIsoLayoutEffect, Lt as FloatingFocusManager, Mn as ownerDocument, Mr as useButton, Mt as useTriggerDataForwarding, Nr as CompositeRootContext, Nt as useTriggerRegistration, Or as EMPTY_OBJECT, Ot as popupStoreSelectors, P as Separator, Pn as Check, Pr as useCompositeRootContext, Q as scrollIntoViewIfNeeded, R as ARROW_DOWN, Rn as useAnimationsFinished, Rr as SafeReact, Rt as FloatingNode, St as useHoverReferenceInteraction, Tr as clsx, Tt as useSyncedFloatingRootContext, U as COMPOSITE_KEYS, Un as useValueChanged, Ut as FloatingTreeStore, V as ARROW_RIGHT, Vr as useRefWithInit, Vt as useFloatingParentNodeId, Wn as createChangeEventDetails, Wt as FloatingPortal, X as VERTICAL_KEYS_WITH_EXTRA_KEYS, Xn as focusOut, Xt as ReactStore, Y as VERTICAL_KEYS, Z as isNativeInput, Zn as imperativeAction, _n as getMaxListIndex, _r as fieldValidityMapping, _t as safePolygon, an as useOnFirstRender, ar as siblingOpen, at as useAnchorPositioning, bn as isListIndexDisabled, br as useControlled, bt as useListNavigation, cn as getNextTabbable, ct as CompositeList, dn as isOutsideEvent, dr as useFormContext, en as fastComponentRef, et as useAnchoredPopupScrollLock, fn as createGridCellMap, fr as useRegisterFieldControl, ft as popupStateMapping, gn as getGridNavigatedIndex, hn as getGridCellIndices, hr as useId$1, ht as useOpenInteractionType, it as InternalBackdrop, jr as useMergedRefs, jt as useOpenStateTransitions, kr as NOOP, kt as PopupTriggerMap, ln as getTabbableAfterElement, lt as inertValue, mn as getGridCellIndexOfCorner, mr as useBaseUiId, mt as triggerOpenStateMapping, nt as usePositioner, on as Timeout, ot as adaptiveOrigin, pn as findNonDisabledListIndex, pr as useFieldRootContext, pt as pressableTriggerOpenStateMapping, q as MODIFIER_KEYS, qt as POPUP_COLLISION_AVOIDANCE, rn as createSelector, rr as none, rt as getDisabledMountTransitionStyles, sn as useTimeout, sr as triggerHover, st as useDirection, tr as itemPress, un as getTabbableBeforeElement, ur as useLabelableContext, ut as getPseudoElementBounds, vn as getMinListIndex, vr as visuallyHidden, vt as useTypeahead, wt as useFocus, xr as Button, xt as useInteractions, yn as isIndexOutOfListBounds, yr as visuallyHiddenInput, yt as useRole, z as ARROW_KEYS, zt as FloatingTree } from "./tooltip-BZ6tpqnr.js";
 import * as React from "react";
-import reactExports, { createContext, forwardRef, memo, useCallback, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState, useSyncExternalStore } from "react";
+import reactExports, { createContext, forwardRef, memo, useCallback, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import * as ReactDOM from "react-dom";
 import { flushSync } from "react-dom";
@@ -9,6 +10,299 @@ import { flushSync } from "react-dom";
 /** Resource selection only; visual styling remains owned by theme.css. */
 var IconThemeContext = createContext("light");
 //#endregion
+//#region src/connector/common/providerIconCache.ts
+var defaultMaxAgeMs = 864e5;
+var dataUrl = (entry) => `data:${entry.contentType};base64,${entry.body}`;
+function decodeRecord(value) {
+	if (value == null || typeof value !== "object") return;
+	const v = value;
+	if (v.formatVersion !== 1 || typeof v.sourceUrl !== "string" || !(v.spriteVersion === null || typeof v.spriteVersion === "string") || typeof v.contentType !== "string" || !/^image\/[\w.+-]+$/i.test(v.contentType) || typeof v.body !== "string" || !v.body || v.body.length % 4 !== 0 || !/^[A-Za-z0-9+/]*={0,2}$/.test(v.body) || !(v.etag === null || typeof v.etag === "string") || !Number.isFinite(v.validatedAt) || v.validatedAt < 0 || !(v.maxAgeMs === null || Number.isFinite(v.maxAgeMs) && v.maxAgeMs >= 0)) return;
+	return v;
+}
+function encodeBytes(bytes) {
+	let text = "";
+	for (let index = 0; index < bytes.length; index += 8192) text += String.fromCharCode(...bytes.subarray(index, index + 8192));
+	return btoa(text);
+}
+function freshness(response, immutable, previous) {
+	const control = response.headers.get("cache-control") ?? "";
+	if (/\bno-cache\b/i.test(control)) return 0;
+	if (immutable) return null;
+	const maxAge = /(?:^|,)\s*max-age\s*=\s*"?(\d+)/i.exec(control);
+	if (maxAge) return Math.max(0, Number(maxAge[1]) * 1e3 - (Number(response.headers.get("age")) || 0) * 1e3);
+	const expires = Date.parse(response.headers.get("expires") ?? "");
+	if (Number.isFinite(expires)) return Math.max(0, expires - Date.parse(response.headers.get("date") ?? (/* @__PURE__ */ new Date()).toUTCString()));
+	return previous?.maxAgeMs ?? defaultMaxAgeMs;
+}
+/** Complete image responses in bounded, identity-checked slots; no catalog entities live here. */
+var ProviderIconCache = class {
+	#memory = /* @__PURE__ */ new Map();
+	#pending = /* @__PURE__ */ new Map();
+	#targets = /* @__PURE__ */ new Map();
+	#writes = /* @__PURE__ */ new Map();
+	constructor(options) {
+		this.options = options;
+		if (!options.scope.trim()) throw new TypeError("Provider icon cache scope must be nonempty.");
+	}
+	get(request, options = {}) {
+		if (request.url.startsWith("data:image/")) return Promise.resolve(request.url);
+		let protocol;
+		try {
+			protocol = new URL(request.url).protocol;
+		} catch (error) {
+			return Promise.reject(error);
+		}
+		if (!["http:", "https:"].includes(protocol)) return Promise.reject(/* @__PURE__ */ new TypeError("Unsupported Provider icon URL."));
+		const slot = JSON.stringify([
+			"open-flow:provider-icons",
+			1,
+			this.options.scope,
+			request.kind,
+			request.kind === "sprite" ? request.theme : request.providerId
+		]);
+		const version = request.kind === "sprite" ? request.version : null;
+		const identity = JSON.stringify([request.url, version]);
+		const offline = options.allowNetwork === false || this.options.mode === "offline";
+		const key = JSON.stringify([
+			slot,
+			identity,
+			offline
+		]);
+		const pending = this.#pending.get(key);
+		if (pending) return pending;
+		if (!offline) this.#targets.set(slot, identity);
+		const promise = this.#load(slot, identity, request.url, version, offline).finally(() => this.#pending.delete(key));
+		this.#pending.set(key, promise);
+		return promise;
+	}
+	async #read(slot, url, version) {
+		const memory = this.#memory.get(slot);
+		if (this.#memory.has(slot) && (!memory || memory.sourceUrl === url && memory.spriteVersion === version)) return memory;
+		if (!this.options.delegate) return this.#memory.get(slot);
+		try {
+			const stored = await this.options.delegate.get(slot);
+			if (stored === void 0) return this.#memory.get(slot);
+			const entry = decodeRecord(stored);
+			if (entry) {
+				this.#memory.set(slot, entry);
+				return entry;
+			}
+			this.#memory.delete(slot);
+			await this.options.delegate.delete(slot);
+		} catch {
+			return this.#memory.get(slot);
+		}
+	}
+	async #store(slot, identity, entry) {
+		const operation = (this.#writes.get(slot) ?? Promise.resolve()).then(async () => {
+			if (this.#targets.get(slot) !== identity) return;
+			this.#memory.set(slot, entry);
+			if (!this.options.delegate) return;
+			try {
+				if (entry) await this.options.delegate.set(slot, { ...entry });
+				else await this.options.delegate.delete(slot);
+			} catch {}
+		});
+		this.#writes.set(slot, operation);
+		try {
+			await operation;
+		} finally {
+			if (this.#writes.get(slot) === operation) this.#writes.delete(slot);
+		}
+	}
+	async #load(slot, identity, url, version, offline) {
+		const stored = await this.#read(slot, url, version);
+		const cached = stored?.sourceUrl === url && stored.spriteVersion === version ? stored : void 0;
+		const age = cached == null ? Infinity : Date.now() - cached.validatedAt;
+		if (cached && (offline || this.options.mode !== "refresh" && age >= 0 && (cached.maxAgeMs === null || age < cached.maxAgeMs))) return dataUrl(cached);
+		if (offline) throw new Error(`Provider icon is not cached: ${url}`);
+		const response = await (this.options.fetch ?? globalThis.fetch)(url, {
+			credentials: "omit",
+			referrerPolicy: "no-referrer",
+			signal: AbortSignal.timeout(15e3),
+			headers: cached?.etag ? { "if-none-match": cached.etag } : {}
+		});
+		if (response.status !== 304 && !response.ok) throw new Error(`Could not load Provider icon: ${response.status}`);
+		if (response.status === 304 && !cached) throw new Error("Provider icon returned 304 without a cached image.");
+		const contentType = response.status === 304 ? cached.contentType : response.headers.get("content-type")?.split(";")[0]?.trim().toLowerCase();
+		if (!contentType || !/^image\/[\w.+-]+$/i.test(contentType)) throw new Error("Provider icon response is not an image.");
+		const body = response.status === 304 ? cached.body : encodeBytes(new Uint8Array(await response.arrayBuffer()));
+		if (!body) throw new Error("Provider icon response is empty.");
+		const entry = {
+			formatVersion: 1,
+			sourceUrl: url,
+			spriteVersion: version,
+			contentType,
+			body,
+			etag: response.headers.get("etag") ?? (response.status === 304 ? cached.etag : null),
+			validatedAt: Date.now(),
+			maxAgeMs: freshness(response, version !== null, response.status === 304 ? cached : void 0)
+		};
+		await this.#store(slot, identity, /\bno-store\b/i.test(response.headers.get("cache-control") ?? "") ? void 0 : entry);
+		return dataUrl(entry);
+	}
+};
+//#endregion
+//#region src/ui/browser/icons/providerIconResource.ts
+var ProviderIconCacheContext = createContext(void 0);
+/** IDB holds the same opaque JSON records as a host's disk delegate. */
+function indexedDbIconDelegate() {
+	let database;
+	function open() {
+		database ??= new Promise((resolve, reject) => {
+			const request = indexedDB.open("open-flow-provider-icons", 1);
+			request.addEventListener("upgradeneeded", () => request.result.createObjectStore("icons"), { once: true });
+			request.addEventListener("error", () => reject(request.error), { once: true });
+			request.addEventListener("blocked", () => reject(/* @__PURE__ */ new Error("Provider icon cache is blocked.")), { once: true });
+			request.addEventListener("success", () => {
+				const db = request.result;
+				db.addEventListener("versionchange", () => {
+					db.close();
+					database = void 0;
+				}, { once: true });
+				resolve(db);
+			}, { once: true });
+		}).catch((error) => {
+			database = void 0;
+			throw error;
+		});
+		return database;
+	}
+	async function transaction(mode, operation) {
+		const db = await open();
+		return new Promise((resolve, reject) => {
+			const tx = db.transaction("icons", mode);
+			const request = operation(tx.objectStore("icons"));
+			tx.addEventListener("complete", () => resolve(request.result), { once: true });
+			tx.addEventListener("abort", () => reject(tx.error ?? request.error), { once: true });
+			tx.addEventListener("error", () => reject(tx.error ?? request.error), { once: true });
+		});
+	}
+	return {
+		get: (key) => transaction("readonly", (store) => store.get(key)),
+		set: async (key, value) => {
+			await transaction("readwrite", (store) => store.put(value, key));
+		},
+		delete: async (key) => {
+			await transaction("readwrite", (store) => store.delete(key));
+		}
+	};
+}
+var browserCache;
+function defaultBrowserIconCache() {
+	return browserCache ??= new ProviderIconCache({
+		scope: "browser",
+		delegate: indexedDbIconDelegate()
+	});
+}
+function useProviderIconCache() {
+	return useContext(ProviderIconCacheContext) ?? defaultBrowserIconCache();
+}
+var loading = { status: "loading" };
+function createIconResource(cache, request, ready) {
+	const state = val(ready ?? loading);
+	let pending;
+	return {
+		state,
+		refresh() {
+			if (pending) return pending;
+			const previous = state.value.status === "loaded" ? state.value : void 0;
+			if (previous) state.set({
+				...previous,
+				refreshing: true
+			});
+			else if (state.value.status === "failed") state.set(loading);
+			pending = (async () => {
+				let image;
+				try {
+					const url = await cache.get(request);
+					if (previous?.url === url) {
+						state.set({
+							...previous,
+							refreshing: false
+						});
+						return;
+					}
+					image = new Image();
+					image.src = url;
+					await image.decode();
+					state.set({
+						status: "loaded",
+						url,
+						image
+					});
+				} catch {
+					if (image) image.src = "";
+					state.set(previous ? {
+						...previous,
+						refreshing: false
+					} : { status: "failed" });
+				}
+			})().finally(() => {
+				pending = void 0;
+			});
+			return pending;
+		}
+	};
+}
+var resources = /* @__PURE__ */ new WeakMap();
+/** Components read ready state synchronously; only the shared owner fetches and decodes. */
+function useProviderIconResource(request, crop) {
+	const cache = useProviderIconCache();
+	const slot = JSON.stringify([request.kind, request.kind === "sprite" ? request.theme : request.providerId]);
+	const identity = JSON.stringify([
+		slot,
+		request.url,
+		request.kind === "sprite" ? request.version : null
+	]);
+	const previous = useRef();
+	const resource = useMemo(() => {
+		let slots = resources.get(cache);
+		if (!slots) {
+			slots = /* @__PURE__ */ new Map();
+			resources.set(cache, slots);
+		}
+		let current = slots.get(slot);
+		if (current?.identity !== identity) {
+			const value = previous.current?.identity === identity ? previous.current.resource.state.value : void 0;
+			current = {
+				identity,
+				resource: createIconResource(cache, request, value?.status === "loaded" ? value : void 0)
+			};
+			slots.set(slot, current);
+		}
+		previous.current = current;
+		return current.resource;
+	}, [cache, identity]);
+	const state = useVal(resource.state);
+	useEffect(() => {
+		resource.refresh();
+	}, [resource]);
+	return useMemo(() => {
+		if (state.status !== "loaded" || !crop) return state;
+		const canvas = document.createElement("canvas");
+		try {
+			canvas.width = canvas.height = crop.size;
+			const context = canvas.getContext("2d");
+			if (!context) throw new Error("Could not crop the Provider icon.");
+			context.drawImage(state.image, crop.x, crop.y, crop.size, crop.size, 0, 0, crop.size, crop.size);
+			return {
+				...state,
+				url: canvas.toDataURL("image/png")
+			};
+		} catch {
+			return { status: "failed" };
+		} finally {
+			canvas.width = canvas.height = 0;
+		}
+	}, [
+		state,
+		crop?.x,
+		crop?.y,
+		crop?.size
+	]);
+}
+//#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/checkbox/root/CheckboxRootDataAttributes.js
 var CheckboxRootDataAttributes = /*#__PURE__*/ function(CheckboxRootDataAttributes) {
 	/**
@@ -7632,9 +7926,10 @@ function DropdownMenuSeparator({ className, ...props }) {
 	});
 }
 var ContentIcon_module_default = {
-	img: "ContentIcon_img_4e5d2",
-	initials: "ContentIcon_initials_4e5d2",
-	sprite: "ContentIcon_sprite_4e5d2"
+	img: "ContentIcon_img_e2c99",
+	pending: "ContentIcon_pending_e2c99",
+	initials: "ContentIcon_initials_e2c99",
+	sprite: "ContentIcon_sprite_e2c99"
 };
 var IconifyIcon_module_default = {
 	icon: "IconifyIcon_icon_e957a",
@@ -7901,60 +8196,8 @@ function generateSvgDataUri(width, height, rawIcon, color) {
 	return `data:image/svg+xml;utf8,${encodeSvgForCss(svg)}`;
 }
 //#endregion
-//#region src/ui/browser/icons/spriteResource.ts
-function createResource(url) {
-	let status = "loading";
-	let started = false;
-	const listeners = /* @__PURE__ */ new Set();
-	return {
-		getSnapshot: () => status,
-		subscribe(listener) {
-			listeners.add(listener);
-			if (!started) {
-				started = true;
-				const finish = (next) => {
-					status = next;
-					for (const notify of listeners) notify();
-				};
-				if (typeof Image == "undefined") finish("failed");
-				else {
-					const image = new Image();
-					const settle = (next) => {
-						image.removeEventListener("load", loaded);
-						image.removeEventListener("error", failed);
-						finish(next);
-					};
-					const loaded = () => settle("loaded");
-					const failed = () => settle("failed");
-					image.addEventListener("load", loaded, { once: true });
-					image.addEventListener("error", failed, { once: true });
-					image.referrerPolicy = "no-referrer";
-					image.src = url;
-				}
-			}
-			return () => {
-				listeners.delete(listener);
-			};
-		}
-	};
-}
-var resources = /* @__PURE__ */ new Map();
-function spriteResource(url) {
-	let resource = resources.get(url);
-	if (!resource) {
-		resource = createResource(url);
-		resources.set(url, resource);
-	}
-	return resource;
-}
-var serverSnapshot = () => "loading";
-function useSpriteStatus(url) {
-	const resource = spriteResource(url);
-	return useSyncExternalStore(resource.subscribe, resource.getSnapshot, serverSnapshot);
-}
-//#endregion
 //#region src/ui/browser/icons/ContentIcon.tsx
-/** Standalone image capture uses individual, cross-origin-readable images instead of sprites. */
+/** Standalone image capture crops sprites and uses cross-origin-readable images. */
 var IconImageCrossOriginContext = createContext(void 0);
 /** A bundled, theme-aware placeholder that does not load a remote icon. */
 var placeholderIcon = "data:application/vnd.open-flow.placeholder-icon,";
@@ -7966,18 +8209,19 @@ var ContentIcon = ({ src, className, fallback = null, loading = "lazy", decoding
 	const result = useMemo(() => parseIconifyIcon(source), [source]);
 	const [error, setError] = useState();
 	const onError = () => setError(source);
-	if (sprite) return crossOrigin ? /* @__PURE__ */ jsx(ContentIcon, {
+	if (sprite) return /* @__PURE__ */ jsx(SpriteIcon, {
 		className,
 		fallback,
 		loading,
 		decoding,
-		src: sprite.fallback
-	}) : /* @__PURE__ */ jsx(SpriteIcon, {
+		sprite
+	});
+	if (image?.providerId) return /* @__PURE__ */ jsx(ProviderImage, {
 		className,
 		fallback,
 		loading,
 		decoding,
-		sprite
+		image
 	});
 	if (source === "data:application/vnd.open-flow.placeholder-icon,") return /* @__PURE__ */ jsx("i", {
 		"aria-hidden": "true",
@@ -8020,10 +8264,11 @@ var ContentIcon = ({ src, className, fallback = null, loading = "lazy", decoding
 };
 var initialsIconPrefix = "data:application/vnd.open-flow.initials,";
 var imageIconPrefix = "data:application/vnd.open-flow.image-icon+json,";
-function imageIcon(source, fallback) {
+function imageIcon(source, fallback, providerId) {
 	return `${imageIconPrefix}${encodeURIComponent(JSON.stringify({
 		fallback,
-		source
+		source,
+		...providerId == null ? {} : { providerId }
 	}))}`;
 }
 function parseImageIcon(src) {
@@ -8032,7 +8277,8 @@ function parseImageIcon(src) {
 		const value = JSON.parse(decodeURIComponent(src.slice(47)));
 		if (typeof value.fallback == "string" && typeof value.source == "string") return {
 			fallback: value.fallback,
-			source: value.source
+			source: value.source,
+			...typeof value.providerId === "string" ? { providerId: value.providerId } : {}
 		};
 	} catch {
 		return;
@@ -8072,19 +8318,39 @@ function parseSpriteIcon(src) {
 }
 function SpriteIcon({ sprite, ...props }) {
 	const theme = useContext(IconThemeContext);
+	const capture = useContext(IconImageCrossOriginContext) != null;
 	const { iconSprite: m, iconSpritePosition: p } = sprite;
-	const url = theme == "dark" ? m.darkUrl : m.lightUrl;
-	const status = useSpriteStatus(url);
-	if (status == "failed") return /* @__PURE__ */ jsx(ContentIcon, {
+	const resource = useProviderIconResource({
+		kind: "sprite",
+		theme,
+		url: theme == "dark" ? m.darkUrl : m.lightUrl,
+		version: m.version
+	}, capture ? {
+		x: p.x,
+		y: p.y,
+		size: m.iconSize
+	} : void 0);
+	if (resource.status == "failed") return /* @__PURE__ */ jsx(ContentIcon, {
 		...props,
 		src: sprite.fallback
 	});
+	if (resource.status === "loading") return /* @__PURE__ */ jsx(PendingIcon, {
+		className: props.className,
+		fallback: props.fallback
+	});
+	if (capture) return /* @__PURE__ */ jsx("img", {
+		alt: "",
+		className: clsx(ContentIcon_module_default.img, props.className),
+		"data-render-pending": resource.refreshing || void 0,
+		src: resource.url,
+		decoding: "sync"
+	});
 	return /* @__PURE__ */ jsx("span", {
 		"aria-hidden": "true",
-		"data-render-pending": status == "loading" || void 0,
+		"data-render-pending": resource.refreshing || void 0,
 		className: clsx(ContentIcon_module_default.sprite, props.className),
-		children: status == "loaded" && /* @__PURE__ */ jsx("span", { style: {
-			backgroundImage: `url(${JSON.stringify(url)})`,
+		children: /* @__PURE__ */ jsx("span", { style: {
+			backgroundImage: `url(${JSON.stringify(resource.url)})`,
 			width: `${m.width / m.iconSize * 100}%`,
 			height: `${m.height / m.iconSize * 100}%`,
 			left: `${-p.x / m.iconSize * 100}%`,
@@ -8092,6 +8358,40 @@ function SpriteIcon({ sprite, ...props }) {
 		} })
 	});
 }
+function ProviderImage({ image, ...props }) {
+	const resource = useProviderIconResource({
+		kind: "image",
+		providerId: image.providerId,
+		url: image.source
+	});
+	if (resource.status === "failed") return /* @__PURE__ */ jsx(ContentIcon, {
+		...props,
+		src: image.fallback
+	});
+	if (resource.status === "loading") return /* @__PURE__ */ jsx(PendingIcon, {
+		className: props.className,
+		fallback: props.fallback
+	});
+	return /* @__PURE__ */ jsx("img", {
+		alt: "",
+		className: clsx(ContentIcon_module_default.img, props.className),
+		"data-render-pending": resource.refreshing || void 0,
+		src: resource.url,
+		loading: props.loading,
+		decoding: props.decoding
+	});
+}
+function PendingIcon({ className, fallback }) {
+	return /* @__PURE__ */ jsx("span", {
+		"aria-hidden": "true",
+		className: clsx(ContentIcon_module_default.pending, className),
+		"data-render-pending": true,
+		children: fallback ?? /* @__PURE__ */ jsx(ContentIcon, {
+			src: "data:application/vnd.open-flow.placeholder-icon,",
+			className
+		})
+	});
+}
 //#endregion
 //#region ../../node_modules/.bun/@base-ui+react@1.4.1+fa6c2f29eeb10566/node_modules/@base-ui/react/esm/popover/root/PopoverRootContext.js
 var PopoverRootContext = /*#__PURE__*/ React.createContext(void 0);
@@ -12219,4 +12519,4 @@ function wrapLayout(nodes, availableWidth) {
 	return positions;
 }
 //#endregion
-export { waitBranchDescription as $, DropdownMenuItem as A, CompositeItem as B, IconifyProvider as C, DropdownMenuCheckboxItem as D, DropdownMenu as E, DropdownMenuSub as F, MenuPopup as G, MenuRoot as H, DropdownMenuSubContent as I, ContextMenuRootContext as J, MenuItem as K, DropdownMenuSubTrigger as L, DropdownMenuRadioGroup as M, DropdownMenuRadioItem as N, DropdownMenuContent as O, DropdownMenuSeparator as P, uiLocales as Q, DropdownMenuTrigger as R, spriteIcon as S, useIconifyData as T, MenuPositioner as U, useCompositeItem as V, MenuPortal as W, MenuRootContext as X, useContextMenuRootContext as Y, useMenuRootContext as Z, Z as _, CompositeRoot as a, ja_default$1 as at, imageIcon as b, PopoverContent as c, I18n as ct, PopoverPanelContent as d, useAriaLabelledBy as dt, waitBranchLocales as et, PopoverTitle as f, useFieldItemContext as ft, VirtualScrollArea as g, ScrollArea as h, Textarea as i, ko_default$1 as it, DropdownMenuLabel as j, DropdownMenuGroup as k, PopoverDescription as l, providerIconAppearance as lt, NativeScrollArea as m, wrapLayout as n, zh_CN_default$1 as nt, ACTIVE_COMPOSITE_ITEM as o, fr_default$1 as ot, PopoverTrigger as p, IconThemeContext as pt, MenuGroup as q, canvasDirection as r, ru_default$1 as rt, Popover as s, en_default$1 as st, layoutAxes as t, zh_TW_default$1 as tt, PopoverHeader as u, Checkbox as ut, ContentIcon as v, useIconifyCollectionLoader as w, placeholderIcon as x, IconImageCrossOriginContext as y, findRootOwnerId as z };
+export { waitBranchDescription as $, DropdownMenuItem as A, CompositeItem as B, IconifyProvider as C, DropdownMenuCheckboxItem as D, DropdownMenu as E, DropdownMenuSub as F, MenuPopup as G, MenuRoot as H, DropdownMenuSubContent as I, ContextMenuRootContext as J, MenuItem as K, DropdownMenuSubTrigger as L, DropdownMenuRadioGroup as M, DropdownMenuRadioItem as N, DropdownMenuContent as O, DropdownMenuSeparator as P, uiLocales as Q, DropdownMenuTrigger as R, spriteIcon as S, useIconifyData as T, MenuPositioner as U, useCompositeItem as V, MenuPortal as W, MenuRootContext as X, useContextMenuRootContext as Y, useMenuRootContext as Z, Z as _, CompositeRoot as a, ja_default$1 as at, imageIcon as b, PopoverContent as c, I18n as ct, PopoverPanelContent as d, useAriaLabelledBy as dt, waitBranchLocales as et, PopoverTitle as f, useFieldItemContext as ft, VirtualScrollArea as g, ScrollArea as h, IconThemeContext as ht, Textarea as i, ko_default$1 as it, DropdownMenuLabel as j, DropdownMenuGroup as k, PopoverDescription as l, providerIconAppearance as lt, NativeScrollArea as m, useProviderIconCache as mt, wrapLayout as n, zh_CN_default$1 as nt, ACTIVE_COMPOSITE_ITEM as o, fr_default$1 as ot, PopoverTrigger as p, ProviderIconCacheContext as pt, MenuGroup as q, canvasDirection as r, ru_default$1 as rt, Popover as s, en_default$1 as st, layoutAxes as t, zh_TW_default$1 as tt, PopoverHeader as u, Checkbox as ut, ContentIcon as v, useIconifyCollectionLoader as w, placeholderIcon as x, IconImageCrossOriginContext as y, findRootOwnerId as z };