@burdenoff/fluidgrids-fe-sdk 2026.1111.11 → 2026.1111.13

package/dist/{flow-builder-BjF8QGp5.js → flow-builder-BvCQAGDR.js}

@@ -1,27 +1,27 @@
 "use client";
-import { t as __exportAll } from "./rolldown-runtime-hDbaFkMy.js";
 import { A as nodeAccent, B as NODE_TYPE_DRAG_DATA_FORMAT, G as isTriggerOperation, H as useFlowStore, M as isImageIcon, T as resolveInputHandles, U as useIsValidConnection, V as STICKY_NOTE_TYPE, g as toCodeMirrorDiagnostics, j as NodeTypeIcon, r as CODE_WORKFLOW_NODE_TYPE, z as NODE_OPERATION_DRAG_DATA_FORMAT } from "./node-operation-selection--oy-yEq_.js";
-import { $ as resolveLoadOptionsSpec, $n as useWorkflowTestsEnabled, $t as useNodeExecution, A as UninstallWorkflowNodeDocument, At as bannerOf, B as coerceNumber, Bn as FLUIDGRIDS_FLAGS, Bt as forgetSessionForReload, C as InstallOrganizationPrivateNodeDocument, Cn as RUNS_QUOTA_NAME, D as OrganizationPrivateNodesDocument, Dt as useSaveStatusStore, Et as saveIndicatorOf, F as useInsertNode, Ft as phaseAfterTakeOver, G as paramsFromOperation, Gt as AUTOSAVE_DEBOUNCE_MS, H as nodeSubtitle, Ht as sessionBeforeReload, I as MissingParametersDialog, It as releasesOnClose, Jn as useFluidGridsFlag, Kn as useDurableFunctionNodesEnabled, Kt as AUTOSAVE_RETRY_DELAYS_MS, L as useRunGuard, Lt as shouldReleaseForIdle, M as getNodeMetadata, Mt as leaseCallQueue, N as buildOperationSeed, Nt as leaseCallSequence, On as useCanvasEdges, Ot as useEditLeaseLocked, Pt as phaseAfterAcquire, Q as optionListValues, Qt as workflowFingerprint, R as workflowParameterIssues, Rt as tickAction, S as GetNodeInstallableVersionsDocument, Sn as BILLING_PLANS_PATH, T as InstallWorkflowNodeDocument, Tn as collectExtensions, Tt as refusalOfQuota, U as nodeTitle, Ut as rememberOwnStatusChange, Vt as rememberSessionForReload, W as optionText, Wt as rememberRevision, X as isStringOptionList, Xn as usePaletteGates, Xt as inAppLeaveTarget, Z as optionListText, Zn as usePhaseCFlags, Zt as saveFailureActionOf, _n as emitWorkflowCreated, _t as watchLeavingLosesChanges, a as NODES_METADATA, an as structuredParameterType, ar as getNodeDetail, b as CreateStoreOrderDocument, bt as useSaveWorkflow, c as ensureNodeConfigsLoaded, cn as isParamVisible, cr as useBuilderReadOnly, ct as useGuardedNavigate, d as onNodeTypesUpdate, dn as emitNodeInstalled, dt as departingSave, er as connectionsForAdapter, et as ConditionTreeBuilder, f as refetchStoreNodes, ft as editStateFor, g as scheduleNodePaletteLoad, gn as emitUpgradeClicked, gt as touchesSavedFields, hn as emitTemplateUsed, ht as savedEverythingBeforeLeaving, i as AVAILABLE_NODES, in as parseParameterValue, ir as replaceAdapterConnections, it as parseMappingValue, jn as loadDefinitionJson, jt as isLocked, k as UninstallOrganizationPrivateNodeDocument, kn as useNodeRegistryRevision, kt as useEditLeaseStore, l as ensureNodeTypesLoaded, ln as useFluidGridsAnalytics, lt as useManualSave, m as registerWorkflowNodeTypes, mt as leavingLosesChanges, nr as matchesAdapterProvider, nt as casesFromRules, o as NODE_CONFIGS, or as buildStickyNode, ot as boundFieldsOf, pt as editingLeaseLocked, q as useNodeConfig, qn as useDurableParityEnabled, qt as canAutosave, rn as formatParameterValue, rr as newConnectionProviderKey, rt as FieldTree, s as NODE_TYPES, sr as BuilderReadOnlyProvider, st as missingRequiredParameters, t as FluidGridsContext, tr as isOptionalAdapter, tt as SwitchRulesEditor, u as isNodeConfigsInitialized, un as openRunQuotaUpgradePrompt, ur as getGlobalStoreClient, ut as autosaveAllowedFor, v as BrowseWorkflowNodesDocument, vt as isFlowComplete, w as InstallPurchasedNodeDocument, x as GetMyNodeInstallationsDocument, y as BrowseWorkflowTemplatesDocument, yt as useFlowValidator, z as asRecord, zt as EDIT_SESSION_ID } from "./FluidGridsProvider-DpTTWDNQ.js";
+import { $ as resolveLoadOptionsSpec, $n as useWorkflowTestsEnabled, $t as useNodeExecution, A as UninstallWorkflowNodeDocument, At as bannerOf, B as coerceNumber, Bn as FLUIDGRIDS_FLAGS, Bt as forgetSessionForReload, C as InstallOrganizationPrivateNodeDocument, Cn as RUNS_QUOTA_NAME, D as OrganizationPrivateNodesDocument, Dn as isQuotaExhaustedFailure, Dt as useSaveStatusStore, Et as saveIndicatorOf, F as useInsertNode, Ft as phaseAfterTakeOver, G as paramsFromOperation, Gt as AUTOSAVE_DEBOUNCE_MS, H as nodeSubtitle, Ht as sessionBeforeReload, I as MissingParametersDialog, It as releasesOnClose, Jn as useFluidGridsFlag, Kn as useDurableFunctionNodesEnabled, Kt as AUTOSAVE_RETRY_DELAYS_MS, L as useRunGuard, Lt as shouldReleaseForIdle, M as getNodeMetadata, Mt as leaseCallQueue, N as buildOperationSeed, Nt as leaseCallSequence, On as useCanvasEdges, Ot as useEditLeaseLocked, Pt as phaseAfterAcquire, Q as optionListValues, Qt as workflowFingerprint, R as workflowParameterIssues, Rt as tickAction, S as GetNodeInstallableVersionsDocument, Sn as BILLING_PLANS_PATH, T as InstallWorkflowNodeDocument, Tn as collectExtensions, Tt as refusalOfQuota, U as nodeTitle, Ut as rememberOwnStatusChange, Vt as rememberSessionForReload, W as optionText, Wt as rememberRevision, X as isStringOptionList, Xn as usePaletteGates, Xt as inAppLeaveTarget, Z as optionListText, Zn as usePhaseCFlags, Zt as saveFailureActionOf, _n as emitWorkflowCreated, _t as watchLeavingLosesChanges, a as NODES_METADATA, an as structuredParameterType, ar as getNodeDetail, b as CreateStoreOrderDocument, bt as useSaveWorkflow, c as ensureNodeConfigsLoaded, cn as isParamVisible, cr as useBuilderReadOnly, ct as useGuardedNavigate, d as onNodeTypesUpdate, dn as emitNodeInstalled, dt as departingSave, er as connectionsForAdapter, et as ConditionTreeBuilder, f as refetchStoreNodes, ft as editStateFor, g as scheduleNodePaletteLoad, gn as emitUpgradeClicked, gt as touchesSavedFields, hn as emitTemplateUsed, ht as savedEverythingBeforeLeaving, i as AVAILABLE_NODES, in as parseParameterValue, ir as replaceAdapterConnections, it as parseMappingValue, jn as loadDefinitionJson, jt as isLocked, k as UninstallOrganizationPrivateNodeDocument, kn as useNodeRegistryRevision, kt as useEditLeaseStore, l as ensureNodeTypesLoaded, ln as useFluidGridsAnalytics, lt as useManualSave, m as registerWorkflowNodeTypes, mt as leavingLosesChanges, nr as matchesAdapterProvider, nt as casesFromRules, o as NODE_CONFIGS, or as buildStickyNode, ot as boundFieldsOf, pt as editingLeaseLocked, q as useNodeConfig, qn as useDurableParityEnabled, qt as canAutosave, rn as formatParameterValue, rr as newConnectionProviderKey, rt as FieldTree, s as NODE_TYPES, sr as BuilderReadOnlyProvider, st as missingRequiredParameters, t as FluidGridsContext, tr as isOptionalAdapter, tt as SwitchRulesEditor, u as isNodeConfigsInitialized, un as openRunQuotaUpgradePrompt, ur as getGlobalStoreClient, ut as autosaveAllowedFor, v as BrowseWorkflowNodesDocument, vt as isFlowComplete, w as InstallPurchasedNodeDocument, x as GetMyNodeInstallationsDocument, y as BrowseWorkflowTemplatesDocument, yt as useFlowValidator, z as asRecord, zt as EDIT_SESSION_ID } from "./FluidGridsProvider-CDZjKmfD.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
-import { Ai as getFluidGridsClientSafe, Br as WorkflowGitRepositoryDocument, Ct as LinkWorkflowGitRepositoryDocument, Dr as WorkflowDefinitionDocument, Ei as WorkspaceRunsQuotaDocument, Ht as PreviewScheduleDocument, Ir as WorkflowGenerationTemplatesDocument, J as DeleteWorkflowRolloutDocument, Ji as getFluidGridsConfig, Kt as PushWorkflowToGitDocument, Lr as WorkflowGitCommitsDocument, Mt as NodeSchemaIntrospectionDocument, Nr as WorkflowEnvironmentsDocument, Pi as waitForFluidGridsClient, Pt as NodeUsageStatusDocument, Qt as RemoveNodeFromWorkflowsDocument, Ri as emitFluidGridsEvent, Rr as WorkflowGitDiffDocument, Si as WorkflowVersioningDocument, Vi as describeOperationError, Vn as TakeOverWorkflowEditLeaseDocument, Wi as throwIfResultError, Wr as WorkflowPromotionRequestsDocument, Xn as UnlinkWorkflowGitRepositoryDocument, Yt as RejectWorkflowPromotionDocument, Z as DeployWorkflowVersionToDevDocument, Zt as ReleaseWorkflowEditLeaseDocument, cr as UpdateWorkflowEnvironmentPolicyDocument, i as ActivateWorkflowVersionCheckedDocument, jn as SetWorkflowRolloutDocument, jr as WorkflowEditLeaseDocument, ki as getFluidGridsClient, mr as WebhookTestListenerDocument, n as AcquireWorkflowEditLeaseDocument, nn as RequestWorkflowPromotionDocument, on as RestoreWorkflowFromGitDocument, u as ApproveWorkflowPromotionDocument, wr as WorkflowCallInputsDocument, wt as ListenForWebhookTestEventDocument, x as CancelWorkflowPromotionDocument, xi as WorkflowVersionDrainageDocument, yr as WorkflowAuthoringDocument, zn as StopWebhookTestListenerDocument, zr as WorkflowGitPushesDocument } from "./node-endpoint-configs-DVo9nUOe.js";
-import { D as describeSchedule, H as pauseSchedule, _ as useResource, c as FieldError, d as NativeSelect, et as triggerSchedule, nt as unpauseSchedule, p as StatusPill, r as describeRule, s as isAgentNodeType, v as backfillSchedule } from "./agent-form-CzG3vX_q.js";
+import { Bi as describeOperationError, Br as WorkflowGitRepositoryDocument, Ct as LinkWorkflowGitRepositoryDocument, Dr as WorkflowDefinitionDocument, Ei as WorkspaceRunsQuotaDocument, Ht as PreviewScheduleDocument, Ir as WorkflowGenerationTemplatesDocument, J as DeleteWorkflowRolloutDocument, Kt as PushWorkflowToGitDocument, Li as emitFluidGridsEvent, Lr as WorkflowGitCommitsDocument, Mt as NodeSchemaIntrospectionDocument, Ni as waitForFluidGridsClient, Nr as WorkflowEnvironmentsDocument, Oi as getFluidGridsClient, Pt as NodeUsageStatusDocument, Qt as RemoveNodeFromWorkflowsDocument, Rr as WorkflowGitDiffDocument, Si as WorkflowVersioningDocument, Ui as throwIfResultError, Vn as TakeOverWorkflowEditLeaseDocument, Wr as WorkflowPromotionRequestsDocument, Xn as UnlinkWorkflowGitRepositoryDocument, Yt as RejectWorkflowPromotionDocument, Z as DeployWorkflowVersionToDevDocument, Zt as ReleaseWorkflowEditLeaseDocument, cr as UpdateWorkflowEnvironmentPolicyDocument, i as ActivateWorkflowVersionCheckedDocument, jn as SetWorkflowRolloutDocument, jr as WorkflowEditLeaseDocument, ki as getFluidGridsClientSafe, mr as WebhookTestListenerDocument, n as AcquireWorkflowEditLeaseDocument, nn as RequestWorkflowPromotionDocument, oa as __exportAll, on as RestoreWorkflowFromGitDocument, qi as getFluidGridsConfig, u as ApproveWorkflowPromotionDocument, wr as WorkflowCallInputsDocument, wt as ListenForWebhookTestEventDocument, x as CancelWorkflowPromotionDocument, xi as WorkflowVersionDrainageDocument, yr as WorkflowAuthoringDocument, zn as StopWebhookTestListenerDocument, zr as WorkflowGitPushesDocument } from "./node-endpoint-configs-DHFGA5MQ.js";
+import { D as describeSchedule, H as pauseSchedule, _ as useResource, c as FieldError, d as NativeSelect, et as triggerSchedule, nt as unpauseSchedule, p as StatusPill, r as describeRule, s as isAgentNodeType, v as backfillSchedule } from "./agent-form-BvMWhQ42.js";
 import { CF as WorkflowExportFormat, Eo as CodeReplaceStatus, PD as ScheduleType, QF as WorkflowTestExpectedStatus, SF as WorkflowEnvironment, VF as WorkflowScheduleOverlapPolicy, hI as FLUIDGRIDS_PERMISSIONS, vI as SdkPermissionButton, xI as useFluidGridsPermission, xu as DrainageStatus, yI as SdkPermissionGate, yP as VersioningBehavior } from "./graphql-types-XcDLtFwU.js";
-import { a as useConnections, r as useAgentsUsingConnection, t as useAgentDefinitionList, wt as useRunFromNodeEligibilityQuery } from "./useAgentDefinitions-BVTONKpB.js";
-import { F as normaliseAssertRules, I as operatorSpec, L as readAssertRulesSetting, M as ASSERT_OPERATORS, N as describeAssertRuleProblem, P as emptyAssertRuleRow, R as rowsFromRules, _ as buildNodeDisplayMap, a as TEST_STATUS_TONE_CLASS, b as EntityTagPicker, c as draftToInput, d as isTestRunOpen, f as nextSortOrder, g as testStatusTone, h as testStatusLabel, i as useWorkflowTests, l as emptyTestCaseDraft, m as testRunSummaryText, n as useWorkflowProposal, p as pinnedOutputsFromCanvas, s as draftFromTestCase, t as WorkflowProposalCard, u as enabledCaseIds, z as ruleFromRow } from "./WorkflowProposalCard-DuXQI7UY.js";
+import { a as useConnections, r as useAgentsUsingConnection, t as useAgentDefinitionList, wt as useRunFromNodeEligibilityQuery } from "./useAgentDefinitions-NFtLytDR.js";
+import { F as normaliseAssertRules, I as operatorSpec, L as readAssertRulesSetting, M as ASSERT_OPERATORS, N as describeAssertRuleProblem, P as emptyAssertRuleRow, R as rowsFromRules, _ as buildNodeDisplayMap, a as TEST_STATUS_TONE_CLASS, b as EntityTagPicker, c as draftToInput, d as isTestRunOpen, f as nextSortOrder, g as testStatusTone, h as testStatusLabel, i as useWorkflowTests, l as emptyTestCaseDraft, m as testRunSummaryText, n as useWorkflowProposal, p as pinnedOutputsFromCanvas, s as draftFromTestCase, t as WorkflowProposalCard, u as enabledCaseIds, z as ruleFromRow } from "./WorkflowProposalCard-8Vr56kQa.js";
 import { t as cn$1 } from "./cn-QqidFIgr.js";
-import { i as Button$2, t as PublishCustomNodeAction } from "./PublishCustomNodeAction-C3fEmWnC.js";
-import { O as CreateWorkflowRefusalDialog, b as lineOfNode, h as fileBaseName, i as useWorkflowCodeExport, n as downloadWorkflowCodeExport, t as WorkflowShareDialog, v as isLosslessReport, w as sortFidelityItems, x as orderedExportFiles, y as isLossyFidelityItem } from "./WorkflowShareDialog-ByCefHCP.js";
+import { i as Button$2, t as PublishCustomNodeAction } from "./PublishCustomNodeAction-D2F7oN0S.js";
+import { O as CreateWorkflowRefusalDialog, b as lineOfNode, h as fileBaseName, i as useWorkflowCodeExport, n as downloadWorkflowCodeExport, t as WorkflowShareDialog, v as isLosslessReport, w as sortFidelityItems, x as orderedExportFiles, y as isLossyFidelityItem } from "./WorkflowShareDialog-ByTSWwwR.js";
 import { t as FluidGridsDocsLink } from "./FluidGridsDocsLink-JxkBpOeb.js";
-import { a as useDeactivateWorkflow, d as useRestoreWorkflowVersion, o as useDeleteWorkflow, t as useActivateWorkflow, v as useWorkflowVersions } from "./useWorkflows-CDNmiA8o.js";
-import { n as VersionLifecycleBar, r as countLifecycle, t as VersionDiffDialog } from "./VersionDiffDialog-ExN-CN6f.js";
+import { a as useDeactivateWorkflow, d as useRestoreWorkflowVersion, o as useDeleteWorkflow, t as useActivateWorkflow, v as useWorkflowVersions } from "./useWorkflows-Bwpvfdgv.js";
+import { n as VersionLifecycleBar, r as countLifecycle, t as VersionDiffDialog } from "./VersionDiffDialog-Dq2xlPFI.js";
 import { n as useRequestedProposal } from "./useRequestedProposal-B7uPXfZB.js";
 import { t as AiCreditBalanceSlot } from "./aiCreditsBridge-BuE92tKo.js";
 import * as React$1 from "react";
 import React, { Suspense, createContext, forwardRef, lazy, memo, useCallback, useContext, useDeferredValue, useEffect, useId, useLayoutEffect, useMemo, useRef, useState } from "react";
 import { Link, useNavigate, useParams } from "react-router";
 import { useMutation, useQuery } from "@apollo/client/react";
+import { gql } from "@apollo/client/core";
 import { create } from "zustand";
-import { Background, Controls, EdgeLabelRenderer, Handle, MarkerType, MiniMap, Panel, Position, ReactFlow, ReactFlowProvider, addEdge, getBezierPath, useEdgesState, useNodes, useNodesState, useOnSelectionChange, useReactFlow, useStore } from "@xyflow/react";
+import { Background, Controls, EdgeLabelRenderer, Handle, MarkerType, MiniMap, NodeToolbar, Panel, Position, ReactFlow, ReactFlowProvider, ViewportPortal, addEdge, getBezierPath, useEdgesState, useInternalNode, useNodes, useNodesState, useOnSelectionChange, useReactFlow, useStore } from "@xyflow/react";
 import { Icon } from "@iconify/react";
 import ReactMarkdown from "react-markdown";
 import { cn } from "@burdenoff/fe-libs/utils";
@@ -30,7 +30,7 @@ import { produce } from "immer";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { toast } from "sonner";
 import { edgeColor, nodeCategoryColor } from "@burdenoff/fe-libs/shared/utils";
-import { gql } from "@apollo/client";
+import { gql as gql$1 } from "@apollo/client";
 import { shallow, useShallow } from "zustand/shallow";
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, Badge, Button, Card, CardContent, CardDescription, CardHeader, CardTitle, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, Input, Label, Popover, PopoverContent, PopoverTrigger, ResponsiveDialog, ResponsiveDialogContent, ResponsiveDialogDescription, ResponsiveDialogFooter, ResponsiveDialogHeader, ResponsiveDialogTitle, ScrollArea, Select, SelectContent, SelectItem, SelectTrigger, SelectValue, Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster as Toaster$1, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@burdenoff/fe-libs/ui";
 import { useEventBus } from "@burdenoff/fe-libs/shared/events";
@@ -2028,7 +2028,7 @@ function WebhookTestListenerControls({ nodeId }) {
 }
 
 // src/builder/components/ndv/workflow-picker-field.tsx
-const LIST_WORKFLOWS_QUERY = gql`
+const LIST_WORKFLOWS_QUERY = gql$1`
   query ListWorkflowDefinitionsForPicker($limit: Int, $offset: Int) {
     workflowDefinitions(input: { limit: $limit, offset: $offset }) {
       items {
@@ -2462,7 +2462,7 @@ function InputField({ field, mapping, inputMapping, onChange, testId }) {
 }
 
 // src/hooks/load-node-options-request.ts
-const LOAD_NODE_OPTIONS = gql`
+const LOAD_NODE_OPTIONS = gql$1`
   query LoadNodeOptions(
     $nodeType: String!
     $nodeVersion: String!
@@ -3544,7 +3544,7 @@ function defaultScheduleRule() {
 function isScheduleRuleField(value) {
 	return typeof value === "string" && SCHEDULE_RULE_FIELDS.some((field) => field === value);
 }
-function isRecord$5(value) {
+function isRecord$6(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function toNumber(value) {
@@ -3643,10 +3643,10 @@ function rulesFromLegacyState(state) {
 * array and the legacy fields, and always yields at least one rule.
 */
 function normalizeScheduleState(state) {
-	const source = isRecord$5(state) ? state : {};
+	const source = isRecord$6(state) ? state : {};
 	let rules;
 	if (Array.isArray(source.rules)) {
-		rules = source.rules.filter(isRecord$5).map(normalizeScheduleRule);
+		rules = source.rules.filter(isRecord$6).map(normalizeScheduleRule);
 		if (rules.length === 0) rules = [defaultScheduleRule()];
 	} else rules = rulesFromLegacyState(source);
 	const timezone = toTrimmedString(source.timezone) || "UTC";
@@ -3661,7 +3661,7 @@ function normalizeScheduleState(state) {
 }
 /** Whether the saved state predates `rules[]` (so the editor is showing a conversion). */
 function isLegacyScheduleState(state) {
-	if (!isRecord$5(state) || Array.isArray(state.rules)) return false;
+	if (!isRecord$6(state) || Array.isArray(state.rules)) return false;
 	return state.mode !== void 0 || toTrimmedString(state.cronExpression) !== "" || toNumber(state.interval) !== void 0;
 }
 function inRange(value, min, max) {
@@ -4311,7 +4311,7 @@ const TOOL_APPROVAL_RULES = [
 function isRule(value) {
 	return typeof value === "string" && TOOL_APPROVAL_RULES.includes(value);
 }
-function isRecord$4(value) {
+function isRecord$5(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 function parsed(value) {
@@ -4325,11 +4325,11 @@ function parsed(value) {
 /** The rows of a stored setting; rows with an unknown rule read as `ask`. */
 function readToolApprovalRows(value) {
 	const raw = parsed(value);
-	if (Array.isArray(raw)) return raw.filter(isRecord$4).map((row) => ({
+	if (Array.isArray(raw)) return raw.filter(isRecord$5).map((row) => ({
 		toolName: typeof row.toolName === "string" ? row.toolName : "",
 		rule: isRule(row.rule) ? row.rule : "ask"
 	}));
-	if (isRecord$4(raw)) return Object.entries(raw).map(([toolName, rule]) => ({
+	if (isRecord$5(raw)) return Object.entries(raw).map(([toolName, rule]) => ({
 		toolName,
 		rule: isRule(rule) ? rule : "ask"
 	}));
@@ -4346,9 +4346,9 @@ function connectedToolNames(agentId, nodes, edges) {
 	for (const edge of edges) {
 		if (edge.source !== agentId || edge.sourceHandle !== "Tool") continue;
 		const node = edge.target ? byId.get(edge.target) : void 0;
-		const args = isRecord$4(node?.data) ? node.data.args : void 0;
-		const state = isRecord$4(args) ? args.state : void 0;
-		const name = isRecord$4(state) ? state.toolName : void 0;
+		const args = isRecord$5(node?.data) ? node.data.args : void 0;
+		const state = isRecord$5(args) ? args.state : void 0;
+		const name = isRecord$5(state) ? state.toolName : void 0;
 		if (typeof name === "string" && name.trim()) names.add(name.trim());
 	}
 	return [...names];
@@ -4921,7 +4921,7 @@ function TimezoneSelect({ value, onChange, className, testId }) {
 /** Builder field types the trigger manifests give the two picker fields. */
 const PLATFORM_EVENT_MODULE_FIELD = "platform-event-module";
 const PLATFORM_EVENT_RECORD_TYPE_FIELD = "platform-event-record-type";
-const PLATFORM_EVENT_SOURCES_QUERY = gql`
+const PLATFORM_EVENT_SOURCES_QUERY = gql$1`
   query PlatformEventSources {
     platformEventSources {
       module
@@ -4935,17 +4935,17 @@ const PLATFORM_EVENT_SOURCES_QUERY = gql`
 /** The list hardly changes; one read per few minutes is plenty. */
 const CACHE_TTL_MS$1 = 18e4;
 const caches$1 = /* @__PURE__ */ new WeakMap();
-function isRecord$3(value) {
+function isRecord$4(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 /** The well-formed sources of a `platformEventSources` response; anything else is dropped. */
 function readPlatformEventSources(data) {
-	const list = isRecord$3(data) ? data.platformEventSources : void 0;
+	const list = isRecord$4(data) ? data.platformEventSources : void 0;
 	if (!Array.isArray(list)) return [];
 	const sources = [];
 	for (const item of list) {
-		if (!isRecord$3(item) || typeof item.module !== "string") continue;
-		const recordTypes = Array.isArray(item.recordTypes) ? item.recordTypes.flatMap((type) => isRecord$3(type) && typeof type.name === "string" ? [{
+		if (!isRecord$4(item) || typeof item.module !== "string") continue;
+		const recordTypes = Array.isArray(item.recordTypes) ? item.recordTypes.flatMap((type) => isRecord$4(type) && typeof type.name === "string" ? [{
 			name: type.name,
 			actions: Array.isArray(type.actions) ? type.actions.filter((action) => typeof action === "string") : []
 		}] : []) : [];
@@ -5194,7 +5194,7 @@ function PlatformEventSourceSelect({ kind, value, module = "", required = false,
 // src/builder/components/ndv/timecampus-time-triggers.ts
 /** Builder field type the TimeCampus Event manifest gives its `triggerIds` field. */
 const TIMECAMPUS_TIME_TRIGGER_FIELD = "timecampus-time-trigger";
-const MY_TIME_TRIGGERS_QUERY = gql`
+const MY_TIME_TRIGGERS_QUERY = gql$1`
   query FluidGridsTimeCampusMyTimeTriggers {
     timeCampusMyTimeTriggers {
       id
@@ -5212,16 +5212,16 @@ const MY_TIME_TRIGGERS_QUERY = gql`
 */
 const CACHE_TTL_MS = 3e4;
 const caches = /* @__PURE__ */ new WeakMap();
-function isRecord$2(value) {
+function isRecord$3(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
 /** The well-formed triggers of a `timeCampusMyTimeTriggers` response, sorted by name. */
 function readTimeTriggers(data) {
-	const list = isRecord$2(data) ? data.timeCampusMyTimeTriggers : void 0;
+	const list = isRecord$3(data) ? data.timeCampusMyTimeTriggers : void 0;
 	if (!Array.isArray(list)) return [];
 	const triggers = [];
 	for (const item of list) {
-		if (!isRecord$2(item) || typeof item.id !== "string" || !item.id) continue;
+		if (!isRecord$3(item) || typeof item.id !== "string" || !item.id) continue;
 		triggers.push({
 			id: item.id,
 			name: typeof item.name === "string" && item.name.trim() ? item.name.trim() : item.id,
@@ -5561,7 +5561,7 @@ function useGlobalStoreClient() {
 * Channels represent configured connections to communication platforms
 * (Slack, Teams, Discord, Email, SMS, etc.).
 */
-const CHANNEL_SUMMARY_FIELDS = gql`
+const CHANNEL_SUMMARY_FIELDS = gql$1`
   fragment ChannelSummaryFields on Channel {
     id
     name
@@ -5575,7 +5575,7 @@ const CHANNEL_SUMMARY_FIELDS = gql`
     createdAt
   }
 `;
-const CHANNEL_DETAIL_FIELDS = gql`
+const CHANNEL_DETAIL_FIELDS = gql$1`
   fragment ChannelDetailFields on Channel {
     id
     name
@@ -5597,7 +5597,7 @@ const CHANNEL_DETAIL_FIELDS = gql`
     updatedAt
   }
 `;
-const GET_CHANNELS = gql`
+const GET_CHANNELS = gql$1`
   ${CHANNEL_SUMMARY_FIELDS}
   query GetChannels(
     $filter: ChannelFilterInput
@@ -5612,7 +5612,7 @@ const GET_CHANNELS = gql`
     }
   }
 `;
-const GET_CHANNEL = gql`
+const GET_CHANNEL = gql$1`
   ${CHANNEL_DETAIL_FIELDS}
   query GetChannel($id: ID!) {
     getChannel(id: $id) {
@@ -5861,7 +5861,7 @@ function channelAuthUrl(providerKey, returnTo, nodeId) {
 * panel: pick a communication channel, see its status, start the platform's
 * OAuth flow, and link an integration connection to the channel.
 */
-const LINK_INTEGRATION_MUTATION = gql`
+const LINK_INTEGRATION_MUTATION = gql$1`
   mutation LinkIntegrationConnection(
     $integrationConnectionId: ID!
     $channelId: ID!
@@ -8054,7 +8054,7 @@ function NodeParamsForm({ config, nodeType, testIdPrefix = "ndv" }) {
 * nodes whose "Run on" names it execute there, in a local sandbox. Mirrors the
 * connections/variables hook pattern (shared Apollo client, no generated hooks).
 */
-const RUNNER_FIELDS = gql`
+const RUNNER_FIELDS = gql$1`
   fragment SandboxRunnerFields on SandboxRunner {
     id
     name
@@ -8077,7 +8077,7 @@ const RUNNER_FIELDS = gql`
     createdAt
   }
 `;
-const LIST_RUNNERS = gql`
+const LIST_RUNNERS = gql$1`
   ${RUNNER_FIELDS}
   query SandboxRunners {
     sandboxRunners(context: {}) {
@@ -8085,7 +8085,7 @@ const LIST_RUNNERS = gql`
     }
   }
 `;
-const CREATE_RUNNER = gql`
+const CREATE_RUNNER = gql$1`
   ${RUNNER_FIELDS}
   mutation CreateSandboxRunner($name: String!) {
     createSandboxRunner(input: { name: $name, context: {} }) {
@@ -8097,7 +8097,7 @@ const CREATE_RUNNER = gql`
     }
   }
 `;
-const ROTATE_RUNNER_TOKEN = gql`
+const ROTATE_RUNNER_TOKEN = gql$1`
   ${RUNNER_FIELDS}
   mutation RotateSandboxRunnerToken($id: ID!) {
     rotateSandboxRunnerToken(id: $id, context: {}) {
@@ -8109,7 +8109,7 @@ const ROTATE_RUNNER_TOKEN = gql`
     }
   }
 `;
-const DELETE_RUNNER = gql`
+const DELETE_RUNNER = gql$1`
   mutation DeleteSandboxRunner($id: ID!) {
     deleteSandboxRunner(id: $id, context: {})
   }
@@ -9913,214 +9913,1032 @@ function useCreateOrder() {
 	};
 }
 
-// src/hooks/store/useOrganizationPrivateNodes.ts
-function errorMessage(error, fallback) {
-	return error instanceof Error && error.message ? error.message : fallback;
-}
+// src/hooks/store/useTemplateDetail.ts
+const GET_WORKFLOW_TEMPLATE_DETAIL = gql`
+  query GetWorkflowTemplateDetail($id: ID!) {
+    product(id: $id) {
+      id
+      name
+      slug
+      type
+      description
+      longDescription
+      icon
+      screenshots
+      videoUrls
+      rating
+      reviewCount
+      downloads
+      viewCount
+      price
+      pricingModel
+      currency
+      featured
+      content
+      manifest
+      manifestVersion
+      authorName
+      license
+      category
+      tags
+      compatibleProducts
+      publisher {
+        id
+        name
+        email
+        websiteUrl
+        logoUrl
+        isVerified
+      }
+      createdAt
+      updatedAt
+      publishedAt
+    }
+  }
+`;
 /**
-* The workspace-private custom nodes of the current workspace's organization
-* (BOFF-9766), with install, update and uninstall.
+* Hook to lazily fetch full details of a workflow template from the store.
 *
-* These nodes skip the public store: devportal's `organizationPrivateNodes`
-* lists them, `installApp` installs a chosen version (which also registers
-* it in the workspace's builder; installing a newer version over an active
-* install updates it), and `uninstallApp` removes it. After every change the
-* builder's node palette is refreshed so the node appears or disappears.
+* Unlike `useWorkflowTemplates` which fetches browse-level metadata,
+* this hook fetches the full product detail including the `content` field
+* which contains the workflow definitionJson.
+*
+* Uses a manual query (not useQuery) to only fetch when explicitly requested.
 */
-function useOrganizationPrivateNodes() {
+function useTemplateDetail() {
 	const client = useGlobalStoreClient();
-	const workspaceId = useContext(FluidGridsContext)?.workspaceId ?? getFluidGridsConfig().workspaceId;
-	const { refreshAvailableNodes } = useRefreshAvailableNodes();
-	const [busyApplicationId, setBusyApplicationId] = useState(null);
-	const { data, loading, error, refetch } = useQuery(OrganizationPrivateNodesDocument, {
-		client,
-		variables: { workspaceId: workspaceId || "" },
-		skip: !workspaceId,
-		fetchPolicy: "cache-and-network"
-	});
-	const [installMutation] = useMutation(InstallOrganizationPrivateNodeDocument, { client });
-	const [uninstallMutation] = useMutation(UninstallOrganizationPrivateNodeDocument, { client });
-	const afterChange = useCallback(async () => {
-		await refreshAvailableNodes();
-		await refetch();
-	}, [refreshAvailableNodes, refetch]);
-	/** Install the node's latest organization version, or update to it. */
-	const install = useCallback(async (node) => {
-		if (!workspaceId) return {
-			success: false,
-			error: "No workspace"
-		};
-		setBusyApplicationId(node.applicationId);
-		try {
-			const result = await installMutation({ variables: {
-				applicationId: node.applicationId,
-				workspaceId,
-				version: node.version
-			} });
-			if (result.error || !result.data?.installApp) throw result.error ?? /* @__PURE__ */ new Error("Installation failed");
-			await afterChange();
-			return { success: true };
-		} catch (err) {
-			return {
-				success: false,
-				error: errorMessage(err, "Installation failed")
-			};
-		} finally {
-			setBusyApplicationId(null);
-		}
-	}, [
-		afterChange,
-		installMutation,
-		workspaceId
-	]);
-	const uninstall = useCallback(async (node) => {
-		if (!node.installationId) return {
-			success: false,
-			error: "The node is not installed"
-		};
-		setBusyApplicationId(node.applicationId);
-		try {
-			const result = await uninstallMutation({ variables: { installationId: node.installationId } });
-			if (result.error || result.data?.uninstallApp !== true) throw result.error ?? /* @__PURE__ */ new Error("Uninstall failed");
-			await afterChange();
-			return { success: true };
-		} catch (err) {
-			return {
-				success: false,
-				error: errorMessage(err, "Uninstall failed")
-			};
-		} finally {
-			setBusyApplicationId(null);
-		}
-	}, [afterChange, uninstallMutation]);
-	const listing = data?.organizationPrivateNodes;
+	const [loading, setLoading] = useState(false);
+	const [error, setError] = useState(null);
+	const context = useContext(FluidGridsContext);
+	const workspaceId = context?.workspaceId ?? getFluidGridsConfig().workspaceId;
+	const organizationId = context?.organizationId;
+	const contextHeaders = useMemo(() => {
+		const headers = {};
+		if (organizationId) headers["x-organization-id"] = organizationId;
+		if (workspaceId) headers["x-workspace-id"] = workspaceId;
+		return headers;
+	}, [organizationId, workspaceId]);
 	return {
-		nodes: listing?.nodes ?? [],
-		canManage: listing?.canManage ?? false,
+		fetchTemplateDetail: useCallback(async (templateId) => {
+			setLoading(true);
+			setError(null);
+			try {
+				const result = await client.query({
+					query: GET_WORKFLOW_TEMPLATE_DETAIL,
+					variables: { id: templateId },
+					fetchPolicy: "network-only",
+					context: Object.keys(contextHeaders).length > 0 ? { headers: contextHeaders } : void 0
+				});
+				if (result.error) throw result.error;
+				return result.data?.product ?? null;
+			} catch (err) {
+				const fetchError = err instanceof Error ? err : /* @__PURE__ */ new Error("Failed to fetch template detail");
+				setError(fetchError);
+				console.error("[useTemplateDetail] Error:", err);
+				return null;
+			} finally {
+				setLoading(false);
+			}
+		}, [client, contextHeaders]),
 		loading,
-		error,
-		busyApplicationId,
-		install,
-		uninstall,
-		refetch
+		error
 	};
 }
 
-// src/builder/components/flow-builder/components/blocks/sidebar/panels/store-browse/components/store-node-list-item.tsx
-function StoreNodeListItem({ name, description, icon, isInstalled, isPrebuilt, hasUpdate, isDeprecated, nodeType, isDraggable, onClick }) {
-	const tr = useTr();
-	const displayIcon = getStoreNodeIcon(icon, nodeType);
-	const handleDragStart = useCallback((e) => {
-		if (!isDraggable || !nodeType) return;
-		e.dataTransfer.setData(NODE_TYPE_DRAG_DATA_FORMAT, nodeType);
-		e.dataTransfer.effectAllowed = "move";
-	}, [isDraggable, nodeType]);
-	return /* @__PURE__ */ jsxs("button", {
-		onClick,
-		draggable: isDraggable && !!nodeType,
-		onDragStart: handleDragStart,
-		title: isDraggable ? `${name} — drag to add to canvas` : name,
-		className: "w-full flex items-center gap-3 px-2 py-2.5 rounded-md hover:bg-muted/60 transition-colors text-left group",
-		style: isDraggable ? { cursor: "grab" } : void 0,
-		children: [
-			/* @__PURE__ */ jsx("div", {
-				className: "relative size-9 shrink-0 rounded-lg bg-muted flex items-center justify-center overflow-hidden",
-				children: displayIcon ? isImageIcon(displayIcon) ? /* @__PURE__ */ jsx("img", {
-					src: displayIcon,
-					alt: name,
-					className: "w-full h-full object-cover"
-				}) : /* @__PURE__ */ jsx(Icon, {
-					icon: displayIcon,
-					className: "size-5 text-muted-foreground"
-				}) : /* @__PURE__ */ jsx("span", {
-					className: "text-sm font-bold text-muted-foreground",
-					children: name.charAt(0).toUpperCase()
-				})
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex-1 min-w-0",
-				children: [/* @__PURE__ */ jsxs("div", {
-					className: "flex items-center gap-1.5 flex-wrap",
-					children: [
-						/* @__PURE__ */ jsx("span", {
-							className: "text-sm font-medium text-foreground group-hover:text-primary transition-colors truncate",
-							children: name
-						}),
-						isDeprecated && /* @__PURE__ */ jsx("span", {
-							title: tr("fluidgrids.builder.storeNodeListItem.deprecatedTooltip", "This node is no longer supported. Consider migrating to a newer alternative."),
-							className: "shrink-0 inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-semibold cursor-help",
-							style: {
-								background: "var(--color-status-warning-bgSubtle)",
-								color: "var(--color-status-warning-text)"
-							},
-							children: tr("fluidgrids.builder.storeNodeListItem.deprecatedBadge", "Deprecated")
-						}),
-						hasUpdate && !isDeprecated && /* @__PURE__ */ jsx("span", {
-							className: "shrink-0 inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-semibold",
-							style: {
-								background: "var(--color-status-warning-bgSubtle)",
-								color: "var(--color-status-warning-text)"
-							},
-							children: tr("fluidgrids.builder.storeNodeListItem.updateBadge", "Update")
-						}),
-						isInstalled && !hasUpdate && !isDeprecated && /* @__PURE__ */ jsxs("span", {
-							className: "shrink-0 inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-semibold",
-							style: {
-								background: "var(--color-status-success-bgSubtle)",
-								color: "var(--color-status-success-text)"
-							},
-							children: [/* @__PURE__ */ jsx("span", {
-								className: "size-1.5 rounded-full inline-block",
-								style: { background: "var(--color-status-success-bg)" }
-							}), tr("fluidgrids.builder.storeNodeListItem.installedBadge", "Installed")]
-						}),
-						isPrebuilt && !isInstalled && !hasUpdate && !isDeprecated && /* @__PURE__ */ jsxs("span", {
-							className: "shrink-0 inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-semibold",
-							style: {
-								background: "var(--color-status-info-bgSubtle)",
-								color: "var(--color-status-info-text)"
-							},
-							children: [/* @__PURE__ */ jsx("span", {
-								className: "size-1.5 rounded-full inline-block",
-								style: { background: "var(--color-status-info-bg)" }
-							}), tr("fluidgrids.builder.storeNodeListItem.prebuiltBadge", "Prebuilt")]
-						})
-					]
-				}), description && /* @__PURE__ */ jsx("p", {
-					className: "text-xs text-muted-foreground truncate mt-0.5 leading-snug",
-					children: description
-				})]
-			}),
-			isDraggable ? /* @__PURE__ */ jsx(Icon, {
-				icon: "mynaui:drag-dots-vertical",
-				className: "size-4 shrink-0 text-foreground/40 group-hover:text-primary transition-colors"
-			}) : /* @__PURE__ */ jsx(Icon, {
-				icon: "mynaui:chevron-right",
-				className: "size-4 shrink-0 text-foreground/40"
-			})
-		]
+// src/utils/template-input-applicator.ts
+/**
+* Template Input Applicator
+*
+* Walks a workflow definitionJson and replaces ${variableName} placeholders
+* with user-provided values. Used during template import to apply
+* user-configurable inputs before creating the workflow.
+*/
+/**
+* Deep-clone an object using structured clone.
+* Falls back to JSON parse/stringify for environments without structuredClone.
+*/
+function deepClone(obj) {
+	if (typeof structuredClone === "function") return structuredClone(obj);
+	return JSON.parse(JSON.stringify(obj));
+}
+/**
+* Apply template input values to a definitionJson by replacing
+* ${variableName} placeholders in string values throughout the object tree.
+*
+* @param definitionJson - The workflow definition JSON to process
+* @param inputs - Map of variable names to user-provided values
+* @returns A new definitionJson with placeholders replaced
+*
+* @example
+* ```ts
+* const definition = {
+*   nodes: [{
+*     data: { url: "${slack_webhook_url}", message: "Hello ${name}" }
+*   }]
+* };
+* const result = applyTemplateInputs(definition, {
+*   slack_webhook_url: "https://hooks.slack.com/...",
+*   name: "World"
+* });
+* // result.nodes[0].data.url === "https://hooks.slack.com/..."
+* // result.nodes[0].data.message === "Hello World"
+* ```
+*/
+function applyTemplateInputs(definitionJson, inputs) {
+	if (!inputs || Object.keys(inputs).length === 0) return definitionJson;
+	return walkAndReplace(deepClone(definitionJson), inputs);
+}
+/**
+* Recursively walk an object/array and replace ${variableName} placeholders
+* in string values.
+*/
+function walkAndReplace(obj, inputs) {
+	if (typeof obj === "string") return replaceVariables(obj, inputs);
+	if (Array.isArray(obj)) return obj.map((item) => walkAndReplace(item, inputs));
+	if (obj !== null && typeof obj === "object") {
+		const result = {};
+		for (const [key, value] of Object.entries(obj)) result[key] = walkAndReplace(value, inputs);
+		return result;
+	}
+	return obj;
+}
+/**
+* Replace ${variableName} patterns in a string with provided values.
+*
+* Supports:
+* - ${variableName} — standard replacement
+* - ${variableName || 'default'} — fallback to default if variable not provided
+*/
+function replaceVariables(str, inputs) {
+	return str.replace(/\$\{([^}]+)\}/g, (_match, expression) => {
+		const trimmed = expression.trim();
+		const fallbackMatch = trimmed.match(/^(\w+)\s*\|\|\s*['"]?(.+?)['"]?$/);
+		if (fallbackMatch) {
+			const varName = fallbackMatch[1];
+			const fallback = fallbackMatch[2];
+			if (varName in inputs) return String(inputs[varName]);
+			return fallback;
+		}
+		if (trimmed in inputs) return String(inputs[trimmed]);
+		return _match;
 	});
 }
 
-// src/builder/components/flow-builder/components/blocks/sidebar/panels/store-browse/components/organization-private-nodes.tsx
-const KEY = "fluidgrids.builder.organizationPrivateNodes";
-function NodeIcon({ name, icon }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: "size-9 shrink-0 rounded-lg bg-muted flex items-center justify-center overflow-hidden",
-		children: icon ? isImageIcon(icon) ? /* @__PURE__ */ jsx("img", {
-			src: icon,
-			alt: name,
-			className: "w-full h-full object-cover"
-		}) : /* @__PURE__ */ jsx(Icon, {
-			icon,
-			className: "size-5 text-muted-foreground"
-		}) : /* @__PURE__ */ jsx("span", {
-			className: "text-sm font-bold text-muted-foreground",
-			children: name.charAt(0).toUpperCase()
-		})
-	});
+// src/utils/template-import-flow.ts
+function isRecord$2(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
-function OrganizationPrivateNodeRow({ node, canManage, busy, disabled, onInstall, onUninstall }) {
+function graphOf(value) {
+	if (!Array.isArray(value.nodes)) return null;
+	return {
+		nodes: value.nodes,
+		edges: Array.isArray(value.edges) ? value.edges : [],
+		name: typeof value.name === "string" ? value.name : void 0
+	};
+}
+/**
+* The canvas of a WORKFLOW product that keeps it in its manifest instead of
+* `content.definitionJson`: either a flat `{ nodes, edges }` manifest, or the
+* Store Listing JSON editor's `manifest.jsonContent` string. Null when the
+* manifest holds neither.
+*/
+function manifestTemplateGraph(manifest) {
+	if (!isRecord$2(manifest)) return null;
+	const direct = graphOf(manifest);
+	if (direct) return direct;
+	if (typeof manifest.jsonContent !== "string") return null;
+	try {
+		const parsed = JSON.parse(manifest.jsonContent);
+		return isRecord$2(parsed) ? graphOf(parsed) : null;
+	} catch {
+		return null;
+	}
+}
+/**
+* The template content a product carries: `content` when it holds a
+* `definitionJson`, otherwise a content built from the manifest's canvas,
+* with its required nodes worked out by `requiredNodeTypesOf` (a failed
+* lookup leaves them empty, which skips the node check). Null when the
+* product has no workflow at all.
+*/
+async function resolveTemplateContent(product, requiredNodeTypesOf) {
+	const content = product.content;
+	if (content?.definitionJson) return content;
+	const graph = manifestTemplateGraph(product.manifest);
+	if (!graph) return null;
+	let requiredNodeTypes = [];
+	try {
+		requiredNodeTypes = await requiredNodeTypesOf(graph.nodes);
+	} catch {
+		requiredNodeTypes = [];
+	}
+	return {
+		definitionJson: {
+			nodes: graph.nodes,
+			edges: graph.edges
+		},
+		requiredNodeTypes,
+		defaultWorkflowName: graph.name ?? product.name
+	};
+}
+/**
+* The canvas to create a copy from. Some templates store a whole API
+* response as their definition (`{ data: { workflowDefinition: {
+* definitionJson } } }`); the canvas is the inner `definitionJson`.
+*/
+function unwrapTemplateDefinition(definitionJson) {
+	const data = definitionJson.data;
+	if (!isRecord$2(data)) return definitionJson;
+	const nested = isRecord$2(data.workflowDefinition) ? data.workflowDefinition.definitionJson : void 0;
+	return isRecord$2(nested) ? nested : definitionJson;
+}
+/**
+* Whether "Use this template" must stop at the configuration dialog before
+* creating the copy: the template asks for inputs or connections, or one of
+* its nodes is not installed (free to install, paid, or not offered by the
+* store at all).
+*/
+function needsTemplateConfiguration(content, nodeCheck) {
+	return (content.requiredInputs?.length ?? 0) > 0 || (content.requiredCredentialTypes?.length ?? 0) > 0 || nodeCheck.missing.length > 0 || nodeCheck.missingPaid.length > 0 || (nodeCheck.unavailable?.length ?? 0) > 0;
+}
+/** The free nodes to install before the copy is created. */
+function nodesToInstall(nodeCheck) {
+	return (nodeCheck?.missing ?? []).filter((node) => !!node.storeProductId);
+}
+/**
+* Install nodes one at a time, in order, reporting progress before each.
+* One at a time on purpose: the dialog shows "installing i of n", and every
+* install writes the same workspace's installation records in the store.
+* A failed install is reported to `onFailure` and the rest still run, so the
+* copy can be created; the user installs the node later from the Node Store.
+* Resolves to the node types that installed.
+*/
+async function installNodesInOrder(nodes, install, onProgress, onFailure) {
+	const installed = [];
+	await nodes.reduce((previous, node, index) => previous.then(async () => {
+		onProgress({
+			current: index + 1,
+			total: nodes.length,
+			nodeName: node.displayName || node.nodeType
+		});
+		try {
+			await install(node);
+			installed.push(node.nodeType);
+		} catch (error) {
+			onFailure(node, error);
+		}
+	}), Promise.resolve());
+	return installed;
+}
+
+// src/hooks/store/useImportWorkflowTemplate.ts
+const IMPORT_WORKFLOW_TEMPLATE = gql`
+  mutation ImportWorkflowTemplate($input: ImportWorkflowTemplateInput!) {
+    importWorkflowTemplate(input: $input) {
+      success
+      message
+      workflow {
+        id
+        workflowKey
+        version
+        name
+        description
+        status
+        definitionJson
+        tags
+        category
+        icon
+        createdAt
+      }
+    }
+  }
+`;
+const RECORD_DOWNLOAD = gql`
+  mutation RecordDownload($productId: String!) {
+    recordDownload(productId: $productId) {
+      id
+      downloadedAt
+    }
+  }
+`;
+const WORKFLOW_DEFINITIONS = gql`
+  query WorkflowDefinitions($input: ListWorkflowDefinitionsInput!) {
+    workflowDefinitions(input: $input) {
+      items {
+        id
+        workflowKey
+        name
+        version
+        status
+      }
+      total
+      hasMore
+    }
+  }
+`;
+/**
+* Hook to orchestrate importing a workflow template from the store.
+*
+* It fetches template detail, parses content and creates the copy:
+* 1. Fetch full template detail from global store (lazy load content)
+* 2. Apply user-provided template inputs to definitionJson
+* 3. Create workflow via importWorkflowTemplate mutation (workspace gateway)
+* 4. Record the download and the installation in the store
+*
+* The node check, the configuration dialog and installing missing nodes are
+* done by `useTemplateImportFlow`, which every "Use this template" button
+* goes through (BOFF-11153).
+*/
+function useImportWorkflowTemplate() {
+	const [importing, setImporting] = useState(false);
+	const [error, setError] = useState(null);
+	const { fetchTemplateDetail, loading: fetchingDetail } = useTemplateDetail();
+	const globalClient = useGlobalStoreClient();
+	const context = useContext(FluidGridsContext);
+	const workspaceId = context?.workspaceId ?? getFluidGridsConfig().workspaceId;
+	const bus = useEventBus();
+	const getTemplateDetail = useCallback(async (templateId) => {
+		return fetchTemplateDetail(templateId);
+	}, [fetchTemplateDetail]);
+	/**
+	* Parse the template content from a StoreProduct.
+	* Returns null if the product doesn't have valid workflow template content.
+	*/
+	const parseTemplateContent = useCallback((template) => {
+		try {
+			const content = template.content;
+			if (!content?.definitionJson) {
+				console.warn("[useImportWorkflowTemplate] Template has no definitionJson in content:", template.id);
+				return null;
+			}
+			return content;
+		} catch {
+			console.error("[useImportWorkflowTemplate] Failed to parse template content:", template.id);
+			return null;
+		}
+	}, []);
+	return {
+		/** Fetch full template content from store (lazy load) */
+		getTemplateDetail,
+		/** Parse WorkflowTemplateContent from a StoreProduct */
+		parseTemplateContent,
+		/** Full import: apply inputs -> create workflow -> record analytics */
+		importTemplate: useCallback(async (template, options) => {
+			setImporting(true);
+			setError(null);
+			try {
+				const content = options?.content ?? parseTemplateContent(template);
+				if (!content) throw new Error("Template does not contain valid workflow definition data");
+				let definitionJson = unwrapTemplateDefinition(deepClone(content.definitionJson));
+				if (options?.templateInputs) definitionJson = applyTemplateInputs(definitionJson, options.templateInputs);
+				const config = getFluidGridsConfig();
+				const importContext = {
+					...options?.context || {},
+					...config.productId ? { productId: config.productId } : {},
+					...config.productName ? { productName: config.productName } : {}
+				};
+				const client = getFluidGridsClient();
+				const importResult = throwIfResultError(await client.mutate({
+					mutation: IMPORT_WORKFLOW_TEMPLATE,
+					variables: { input: {
+						definitionJson,
+						name: options?.name || content.defaultWorkflowName || template.name,
+						description: options?.description || template.description,
+						sourceTemplateId: template.id,
+						sourceTemplateName: template.name,
+						tags: content.defaultTags || template.tags || [],
+						category: content.defaultCategory || template.category || void 0,
+						icon: template.icon || void 0,
+						projectId: options?.projectId,
+						context: importContext
+					} },
+					refetchQueries: [WORKFLOW_DEFINITIONS]
+				})).data?.importWorkflowTemplate;
+				if (!importResult?.success || !importResult.workflow) throw new Error(importResult?.message || "Failed to create workflow from template");
+				try {
+					throwIfResultError(await globalClient.mutate({
+						mutation: RECORD_DOWNLOAD,
+						variables: { productId: template.id }
+					}));
+				} catch {
+					console.warn("[useImportWorkflowTemplate] Failed to record store download");
+				}
+				try {
+					throwIfResultError(await globalClient.mutate({
+						mutation: InstallWorkflowNodeDocument,
+						variables: { input: {
+							productId: template.id,
+							workspaceId,
+							organizationId: context?.tenantId ?? getFluidGridsConfig().tenantId,
+							version: template.manifestVersion || "1.0.0",
+							manifest: template.manifest,
+							metadata: {
+								type: "WORKFLOW",
+								sourceTemplateId: template.id,
+								sourceTemplateName: template.name,
+								importedWorkflowKey: importResult.workflow.workflowKey,
+								importedWorkflowVersion: importResult.workflow.version
+							}
+						} }
+					}));
+				} catch {
+					console.warn("[useImportWorkflowTemplate] Failed to record app installation");
+				}
+				emitWorkflowCreated(bus, {
+					workspaceId,
+					workflowId: importResult.workflow.id,
+					source: "template",
+					definition: definitionJson
+				});
+				emitTemplateUsed(bus, {
+					workspaceId,
+					templateId: template.id,
+					category: content.defaultCategory || template.category
+				});
+				return {
+					success: true,
+					workflow: importResult.workflow,
+					message: importResult.message || "Template imported successfully",
+					installedNodes: [],
+					requiredCredentials: content.requiredCredentialTypes || []
+				};
+			} catch (err) {
+				const importError = err instanceof Error ? err : /* @__PURE__ */ new Error("Template import failed");
+				setError(importError);
+				console.error("[useImportWorkflowTemplate] Import failed:", err);
+				return {
+					success: false,
+					workflow: null,
+					message: importError.message,
+					installedNodes: [],
+					requiredCredentials: [],
+					error: importError
+				};
+			} finally {
+				setImporting(false);
+			}
+		}, [
+			parseTemplateContent,
+			globalClient,
+			workspaceId,
+			context?.tenantId,
+			bus
+		]),
+		/** Whether we're fetching template detail */
+		fetchingDetail,
+		/** Whether we're importing */
+		importing,
+		/** Last error */
+		error
+	};
+}
+
+// src/utils/workflow-node-check.ts
+/**
+* Canvas-only node types: they live on the React Flow canvas but are never
+* executed, never registered in NODE_CONFIGS and never published to the store.
+*
+* They must be excluded from the dependency check. A sticky note reaching it
+* was reported as `sticky-note v1.0 — Not installed` in the Missing Nodes
+* dialog on every open of an affected workflow, and because no store product
+* backs it the Install action could only ever be a no-op (BOFF-7267).
+*
+* Kept as a literal set rather than importing STICKY_NOTE_TYPE from the
+* builder so this module stays free of builder-component imports.
+*/
+const CANVAS_ONLY_NODE_TYPES = /* @__PURE__ */ new Set(["sticky-note"]);
+/**
+* Resolve the set of unique executable node types used by a workflow.
+*
+* Canvas-only annotations (see CANVAS_ONLY_NODE_TYPES) are skipped: they carry
+* no dependency, so including them produces a permanently unsatisfiable
+* "missing node".
+*/
+function getWorkflowNodeTypes(nodes) {
+	return [...new Set(nodes.map((n) => n.type).filter((t) => Boolean(t)).filter((t) => !CANVAS_ONLY_NODE_TYPES.has(t)))];
+}
+/**
+* Page size for walking the node catalog. global-store-svc clamps
+* `browseStore` pages to 100 rows (MAX_PAGINATION_LIMIT), so asking for more
+* returns 100 anyway. The old single request for 200 rows silently dropped
+* every node past the first 100 (BOFF-11402).
+*/
+const STORE_NODE_PAGE_SIZE = 100;
+/**
+* Safety net for the paging loop: 50 pages of 100 is far beyond the catalog
+* (about 175 node products in 2026-11). The loop normally ends on `hasMore`.
+*/
+const STORE_NODE_MAX_PAGES = 50;
+/** The browseStore variables for one page of FluidGrids node products. */
+function storeNodePageVariables(offset) {
+	return { input: {
+		filter: {
+			type: "NODE",
+			compatibleWith: "fluidgrids"
+		},
+		sortBy: "DOWNLOADS",
+		pagination: {
+			limit: 100,
+			offset
+		}
+	} };
+}
+/**
+* Fetch every FluidGrids-compatible node product from the store.
+*
+* `browseStore` pages by `offset`; its `cursor` input is ignored by the
+* server. The offset advances by the number of rows actually returned so a
+* lower server cap still walks the whole catalog. Rows are de-duplicated by
+* product id in case a page boundary moves while the catalog changes.
+*/
+async function fetchAllStoreNodes(fetchPage) {
+	const byId = /* @__PURE__ */ new Map();
+	let offset = 0;
+	for (let page = 0; page < 50; page++) {
+		const browse = await fetchPage(storeNodePageVariables(offset));
+		const products = browse?.products ?? [];
+		for (const product of products) if (!byId.has(product.id)) byId.set(product.id, product);
+		if (!browse?.hasMore || products.length === 0) break;
+		offset += products.length;
+	}
+	return [...byId.values()];
+}
+function publishedAtMs(product) {
+	const ms = product.publishedAt ? Date.parse(product.publishedAt) : NaN;
+	return Number.isNaN(ms) ? Number.NEGATIVE_INFINITY : ms;
+}
+/**
+* Order two store products that offer the same nodeType; a negative result
+* means `a` is the better match.
+*
+* 1. A product linked to a devportal application (`productId` set) wins. Only
+*    those have an installable published version; the unlinked rows are
+*    orphaned seed rows such as `app-gmail-reader-001` that cannot install.
+* 2. Then more downloads, 3. then the most recently published, 4. then the
+*    product id, so the choice never depends on the order the store returned.
+*/
+function compareStoreNodeCandidates(a, b) {
+	const aLinked = Boolean(a.productId);
+	if (aLinked !== Boolean(b.productId)) return aLinked ? -1 : 1;
+	const downloads = (b.downloads ?? 0) - (a.downloads ?? 0);
+	if (downloads !== 0) return downloads;
+	const aPublished = publishedAtMs(a);
+	const bPublished = publishedAtMs(b);
+	if (aPublished !== bPublished) return aPublished > bPublished ? -1 : 1;
+	if (a.id === b.id) return 0;
+	return a.id < b.id ? -1 : 1;
+}
+/**
+* Map nodeType -> best store product (see compareStoreNodeCandidates).
+* Pure function, independent of the order of `products`.
+*/
+function buildStoreNodeTypeMap(products) {
+	const nodeTypeToProduct = /* @__PURE__ */ new Map();
+	for (const product of products) {
+		const nodeType = product.manifest?.nodeType;
+		if (typeof nodeType !== "string" || !nodeType) continue;
+		const current = nodeTypeToProduct.get(nodeType);
+		if (!current || compareStoreNodeCandidates(product, current) < 0) nodeTypeToProduct.set(nodeType, product);
+	}
+	return nodeTypeToProduct;
+}
+/**
+* Query the global store for every FluidGrids-compatible node product and map
+* nodeType string -> StoreProduct using manifest.nodeType.
+*/
+async function fetchStoreNodeTypeMap() {
+	const storeClient = getGlobalStoreClient();
+	if (!storeClient) return /* @__PURE__ */ new Map();
+	return buildStoreNodeTypeMap(await fetchAllStoreNodes(async (variables) => {
+		return (await storeClient.query({
+			query: BrowseWorkflowNodesDocument,
+			variables,
+			fetchPolicy: "cache-first"
+		})).data?.browseStore;
+	}));
+}
+/**
+* One required-node entry of a template (BOFF-11496): a type the registry
+* already has is BUILTIN at its registry version; any other type is a STORE
+* node at the node's own version from its store product. Versions are
+* canonical, never the product's manifest format version ("1.0").
+*/
+function requiredNodeEntry(type, registered, product) {
+	if (registered) return {
+		nodeType: type,
+		nodeVersion: canonicalNodeVersion(registered.version || "1.0.0"),
+		publishType: "BUILTIN",
+		displayName: type
+	};
+	return {
+		nodeType: type,
+		nodeVersion: storeNodeInstallVersion(product?.manifest, product?.manifestVersion),
+		publishType: "STORE",
+		storeProductId: product?.id,
+		displayName: product?.name ?? type,
+		requiresPurchase: product !== void 0 && product.pricingModel !== "FREE"
+	};
+}
+/**
+* Build the list of required node types for a workflow.
+*
+* - BUILTIN / already-installed types are marked BUILTIN.
+* - Missing types are looked up in the store; if found, they are marked STORE
+*   with storeProductId and requiresPurchase.
+* - Missing types not found in the store are still reported as STORE without
+*   a storeProductId so the UI can show "not installed".
+*/
+async function buildRequiredNodeTypes(nodes) {
+	const workflowNodeTypes = getWorkflowNodeTypes(nodes);
+	if (workflowNodeTypes.length === 0) return [];
+	await ensureNodeTypesLoaded(workflowNodeTypes);
+	const missingTypes = workflowNodeTypes.filter((type) => !NODE_CONFIGS.some((c) => c.type === type));
+	let nodeTypeToProduct = /* @__PURE__ */ new Map();
+	if (missingTypes.length > 0) nodeTypeToProduct = await fetchStoreNodeTypeMap();
+	return workflowNodeTypes.map((type) => {
+		const registered = NODE_CONFIGS.find((c) => c.type === type);
+		return requiredNodeEntry(type, registered ? { version: registered.defaultData.version } : void 0, nodeTypeToProduct.get(type));
+	});
+}
+/**
+* Classify required nodes against the set of installed store app IDs.
+*
+* Pure function — easy to unit test.
+*/
+function buildNodeCheck(requiredNodeTypes, installedAppIds) {
+	const installed = requiredNodeTypes.filter((n) => n.publishType === "BUILTIN" || n.storeProductId && installedAppIds.has(n.storeProductId));
+	const notInstalled = requiredNodeTypes.filter((n) => n.publishType !== "BUILTIN" && (!n.storeProductId || !installedAppIds.has(n.storeProductId)));
+	const unavailable = notInstalled.filter((n) => !n.storeProductId);
+	const installable = notInstalled.filter((n) => !!n.storeProductId);
+	const missing = installable.filter((n) => !n.requiresPurchase);
+	const missingPaid = installable.filter((n) => !!n.requiresPurchase);
+	return {
+		installed,
+		missing,
+		missingPaid,
+		unavailable,
+		canImport: missingPaid.length === 0
+	};
+}
+
+// src/hooks/store/useTemplateImportFlow.tsx
+const LazyTemplateConfigurationModal = lazy(() => import("./TemplateConfigurationModal-ChQsXf0-.js").then((m) => ({ default: m.TemplateConfigurationModal })));
+/**
+* "Use this template", the same everywhere it is offered: the builder's
+* template panel, the Templates page and the template preview page
+* (BOFF-11153). Before this, only the builder panel checked the template's
+* nodes and asked for its inputs; the two pages created the copy directly.
+*
+* 1. Load the template's full detail and resolve its content.
+* 2. Check its required nodes against the workspace's installed nodes.
+* 3. When it asks for inputs or connections, or a node is not installed,
+*    show the configuration dialog; otherwise go straight on.
+* 4. Install the missing free nodes, create the copy with the user's inputs,
+*    and open it (`onImported`).
+*/
+function useTemplateImportFlow({ onImported, onQuotaExhausted }) {
+	const tr = useTr();
+	const { bus, workspaceId } = useFluidGridsAnalytics();
+	const { installedAppIds } = useInstalledNodes();
+	const { getTemplateDetail, importTemplate } = useImportWorkflowTemplate();
+	const [pending, setPending] = useState(null);
+	const [busy, setBusy] = useState(false);
+	const [installProgress, setInstallProgress] = useState(null);
+	const installMissingNodes = useCallback(async (nodeCheck) => {
+		const nodes = nodesToInstall(nodeCheck);
+		const storeClient = getGlobalStoreClient();
+		if (nodes.length === 0 || !storeClient) return;
+		const config = getFluidGridsConfig();
+		await installNodesInOrder(nodes, async (node) => {
+			throwIfResultError(await storeClient.mutate({
+				mutation: InstallWorkflowNodeDocument,
+				variables: { input: {
+					productId: node.storeProductId ?? "",
+					workspaceId: config.workspaceId,
+					organizationId: config.tenantId,
+					version: node.nodeVersion,
+					manifest: null
+				} }
+			}));
+			emitNodeInstalled(bus, {
+				workspaceId,
+				nodeType: node.nodeType,
+				source: "store"
+			});
+		}, setInstallProgress, (node, err) => console.warn(`[useTemplateImportFlow] Failed to install node ${node.nodeType}:`, err));
+		setInstallProgress(null);
+	}, [bus, workspaceId]);
+	const createCopy = useCallback(async (template, content, nodeCheck, overrides) => {
+		setBusy(true);
+		try {
+			await installMissingNodes(nodeCheck);
+			toast.loading(tr("fluidgrids.builder.desktopSidebar.creatingWorkflowToast", "Creating workflow..."), { id: "template-import" });
+			const result = await importTemplate(template, {
+				content,
+				name: overrides?.name,
+				templateInputs: overrides?.templateInputs
+			});
+			toast.dismiss("template-import");
+			if (result.success && result.workflow) {
+				toast.success(tr("fluidgrids.builder.desktopSidebar.workflowCreatedToast", "Workflow created from template!"), { description: `"${result.workflow.name}" is ready to edit` });
+				if ((content.requiredCredentialTypes?.length ?? 0) > 0) toast.info(tr("fluidgrids.builder.desktopSidebar.credentialsNeededToast", "Credentials needed"), {
+					description: `Configure ${content.requiredCredentialTypes?.join(", ")} in the Credentials page`,
+					duration: 6e3
+				});
+				onImported(result.workflow);
+				return true;
+			}
+			if (onQuotaExhausted && isQuotaExhaustedFailure(result.error?.cause ?? result.error)) {
+				onQuotaExhausted();
+				return false;
+			}
+			toast.error(tr("fluidgrids.builder.desktopSidebar.importTemplateErrorToast", "Failed to import template"), { description: result.message || tr("fluidgrids.builder.desktopSidebar.importTemplateErrorFallback", "Unknown error during import") });
+			return false;
+		} catch (err) {
+			toast.dismiss("template-import");
+			toast.error(tr("fluidgrids.builder.desktopSidebar.importFailedToast", "Import failed"), { description: err instanceof Error ? err.message : tr("fluidgrids.builder.desktopSidebar.importFailedFallback", "Unknown error") });
+			return false;
+		} finally {
+			setInstallProgress(null);
+			setBusy(false);
+		}
+	}, [
+		importTemplate,
+		installMissingNodes,
+		onImported,
+		onQuotaExhausted,
+		tr
+	]);
+	const start = useCallback(async (template) => {
+		setBusy(true);
+		toast.loading(tr("fluidgrids.builder.desktopSidebar.loadingTemplateToast", "Loading template..."), { id: "template-load" });
+		try {
+			const full = await getTemplateDetail(template.id);
+			toast.dismiss("template-load");
+			if (!full) {
+				toast.error(tr("fluidgrids.builder.desktopSidebar.templateDetailsErrorToast", "Failed to load template details"));
+				return;
+			}
+			const content = await resolveTemplateContent(full, buildRequiredNodeTypes);
+			if (!content) {
+				toast.error(tr("fluidgrids.builder.desktopSidebar.invalidTemplateDataToast", "Template does not contain valid workflow data"));
+				return;
+			}
+			const nodeCheck = buildNodeCheck(content.requiredNodeTypes ?? [], installedAppIds);
+			if (needsTemplateConfiguration(content, nodeCheck)) {
+				setPending({
+					template: full,
+					content,
+					nodeCheck
+				});
+				return;
+			}
+			await createCopy(full, content, nodeCheck);
+		} catch (err) {
+			toast.dismiss("template-load");
+			toast.error(tr("fluidgrids.builder.desktopSidebar.genericErrorToast", "Something went wrong"), { description: err instanceof Error ? err.message : tr("fluidgrids.builder.desktopSidebar.genericErrorFallback", "Failed to process template") });
+		} finally {
+			setBusy(false);
+		}
+	}, [
+		createCopy,
+		getTemplateDetail,
+		installedAppIds,
+		tr
+	]);
+	const confirm = useCallback(async (config) => {
+		if (!pending?.nodeCheck.canImport) return;
+		if (await createCopy(pending.template, pending.content, pending.nodeCheck, config)) setPending(null);
+	}, [createCopy, pending]);
+	return {
+		start,
+		dialog: pending ? /* @__PURE__ */ jsx(Suspense, {
+			fallback: null,
+			children: /* @__PURE__ */ jsx(LazyTemplateConfigurationModal, {
+				open: true,
+				onOpenChange: (open) => {
+					if (!open && !busy) setPending(null);
+				},
+				template: pending.template,
+				content: pending.content,
+				nodeCheckResult: pending.nodeCheck,
+				onConfirm: confirm,
+				importing: busy,
+				installProgress
+			})
+		}) : null,
+		busy
+	};
+}
+
+// src/hooks/store/useOrganizationPrivateNodes.ts
+function errorMessage(error, fallback) {
+	return error instanceof Error && error.message ? error.message : fallback;
+}
+/**
+* The workspace-private custom nodes of the current workspace's organization
+* (BOFF-9766), with install, update and uninstall.
+*
+* These nodes skip the public store: devportal's `organizationPrivateNodes`
+* lists them, `installApp` installs a chosen version (which also registers
+* it in the workspace's builder; installing a newer version over an active
+* install updates it), and `uninstallApp` removes it. After every change the
+* builder's node palette is refreshed so the node appears or disappears.
+*/
+function useOrganizationPrivateNodes() {
+	const client = useGlobalStoreClient();
+	const workspaceId = useContext(FluidGridsContext)?.workspaceId ?? getFluidGridsConfig().workspaceId;
+	const { refreshAvailableNodes } = useRefreshAvailableNodes();
+	const [busyApplicationId, setBusyApplicationId] = useState(null);
+	const { data, loading, error, refetch } = useQuery(OrganizationPrivateNodesDocument, {
+		client,
+		variables: { workspaceId: workspaceId || "" },
+		skip: !workspaceId,
+		fetchPolicy: "cache-and-network"
+	});
+	const [installMutation] = useMutation(InstallOrganizationPrivateNodeDocument, { client });
+	const [uninstallMutation] = useMutation(UninstallOrganizationPrivateNodeDocument, { client });
+	const afterChange = useCallback(async () => {
+		await refreshAvailableNodes();
+		await refetch();
+	}, [refreshAvailableNodes, refetch]);
+	/** Install the node's latest organization version, or update to it. */
+	const install = useCallback(async (node) => {
+		if (!workspaceId) return {
+			success: false,
+			error: "No workspace"
+		};
+		setBusyApplicationId(node.applicationId);
+		try {
+			const result = await installMutation({ variables: {
+				applicationId: node.applicationId,
+				workspaceId,
+				version: node.version
+			} });
+			if (result.error || !result.data?.installApp) throw result.error ?? /* @__PURE__ */ new Error("Installation failed");
+			await afterChange();
+			return { success: true };
+		} catch (err) {
+			return {
+				success: false,
+				error: errorMessage(err, "Installation failed")
+			};
+		} finally {
+			setBusyApplicationId(null);
+		}
+	}, [
+		afterChange,
+		installMutation,
+		workspaceId
+	]);
+	const uninstall = useCallback(async (node) => {
+		if (!node.installationId) return {
+			success: false,
+			error: "The node is not installed"
+		};
+		setBusyApplicationId(node.applicationId);
+		try {
+			const result = await uninstallMutation({ variables: { installationId: node.installationId } });
+			if (result.error || result.data?.uninstallApp !== true) throw result.error ?? /* @__PURE__ */ new Error("Uninstall failed");
+			await afterChange();
+			return { success: true };
+		} catch (err) {
+			return {
+				success: false,
+				error: errorMessage(err, "Uninstall failed")
+			};
+		} finally {
+			setBusyApplicationId(null);
+		}
+	}, [afterChange, uninstallMutation]);
+	const listing = data?.organizationPrivateNodes;
+	return {
+		nodes: listing?.nodes ?? [],
+		canManage: listing?.canManage ?? false,
+		loading,
+		error,
+		busyApplicationId,
+		install,
+		uninstall,
+		refetch
+	};
+}
+
+// src/builder/components/flow-builder/components/blocks/sidebar/panels/store-browse/components/store-node-list-item.tsx
+function StoreNodeListItem({ name, description, icon, isInstalled, isPrebuilt, hasUpdate, isDeprecated, nodeType, isDraggable, onClick }) {
+	const tr = useTr();
+	const displayIcon = getStoreNodeIcon(icon, nodeType);
+	const handleDragStart = useCallback((e) => {
+		if (!isDraggable || !nodeType) return;
+		e.dataTransfer.setData(NODE_TYPE_DRAG_DATA_FORMAT, nodeType);
+		e.dataTransfer.effectAllowed = "move";
+	}, [isDraggable, nodeType]);
+	return /* @__PURE__ */ jsxs("button", {
+		onClick,
+		draggable: isDraggable && !!nodeType,
+		onDragStart: handleDragStart,
+		title: isDraggable ? `${name} — drag to add to canvas` : name,
+		className: "w-full flex items-center gap-3 px-2 py-2.5 rounded-md hover:bg-muted/60 transition-colors text-left group",
+		style: isDraggable ? { cursor: "grab" } : void 0,
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				className: "relative size-9 shrink-0 rounded-lg bg-muted flex items-center justify-center overflow-hidden",
+				children: displayIcon ? isImageIcon(displayIcon) ? /* @__PURE__ */ jsx("img", {
+					src: displayIcon,
+					alt: name,
+					className: "w-full h-full object-cover"
+				}) : /* @__PURE__ */ jsx(Icon, {
+					icon: displayIcon,
+					className: "size-5 text-muted-foreground"
+				}) : /* @__PURE__ */ jsx("span", {
+					className: "text-sm font-bold text-muted-foreground",
+					children: name.charAt(0).toUpperCase()
+				})
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex-1 min-w-0",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-1.5 flex-wrap",
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "text-sm font-medium text-foreground group-hover:text-primary transition-colors truncate",
+							children: name
+						}),
+						isDeprecated && /* @__PURE__ */ jsx("span", {
+							title: tr("fluidgrids.builder.storeNodeListItem.deprecatedTooltip", "This node is no longer supported. Consider migrating to a newer alternative."),
+							className: "shrink-0 inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-semibold cursor-help",
+							style: {
+								background: "var(--color-status-warning-bgSubtle)",
+								color: "var(--color-status-warning-text)"
+							},
+							children: tr("fluidgrids.builder.storeNodeListItem.deprecatedBadge", "Deprecated")
+						}),
+						hasUpdate && !isDeprecated && /* @__PURE__ */ jsx("span", {
+							className: "shrink-0 inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-semibold",
+							style: {
+								background: "var(--color-status-warning-bgSubtle)",
+								color: "var(--color-status-warning-text)"
+							},
+							children: tr("fluidgrids.builder.storeNodeListItem.updateBadge", "Update")
+						}),
+						isInstalled && !hasUpdate && !isDeprecated && /* @__PURE__ */ jsxs("span", {
+							className: "shrink-0 inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-semibold",
+							style: {
+								background: "var(--color-status-success-bgSubtle)",
+								color: "var(--color-status-success-text)"
+							},
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "size-1.5 rounded-full inline-block",
+								style: { background: "var(--color-status-success-bg)" }
+							}), tr("fluidgrids.builder.storeNodeListItem.installedBadge", "Installed")]
+						}),
+						isPrebuilt && !isInstalled && !hasUpdate && !isDeprecated && /* @__PURE__ */ jsxs("span", {
+							className: "shrink-0 inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-semibold",
+							style: {
+								background: "var(--color-status-info-bgSubtle)",
+								color: "var(--color-status-info-text)"
+							},
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "size-1.5 rounded-full inline-block",
+								style: { background: "var(--color-status-info-bg)" }
+							}), tr("fluidgrids.builder.storeNodeListItem.prebuiltBadge", "Prebuilt")]
+						})
+					]
+				}), description && /* @__PURE__ */ jsx("p", {
+					className: "text-xs text-muted-foreground truncate mt-0.5 leading-snug",
+					children: description
+				})]
+			}),
+			isDraggable ? /* @__PURE__ */ jsx(Icon, {
+				icon: "mynaui:drag-dots-vertical",
+				className: "size-4 shrink-0 text-foreground/40 group-hover:text-primary transition-colors"
+			}) : /* @__PURE__ */ jsx(Icon, {
+				icon: "mynaui:chevron-right",
+				className: "size-4 shrink-0 text-foreground/40"
+			})
+		]
+	});
+}
+
+// src/builder/components/flow-builder/components/blocks/sidebar/panels/store-browse/components/organization-private-nodes.tsx
+const KEY = "fluidgrids.builder.organizationPrivateNodes";
+function NodeIcon({ name, icon }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: "size-9 shrink-0 rounded-lg bg-muted flex items-center justify-center overflow-hidden",
+		children: icon ? isImageIcon(icon) ? /* @__PURE__ */ jsx("img", {
+			src: icon,
+			alt: name,
+			className: "w-full h-full object-cover"
+		}) : /* @__PURE__ */ jsx(Icon, {
+			icon,
+			className: "size-5 text-muted-foreground"
+		}) : /* @__PURE__ */ jsx("span", {
+			className: "text-sm font-bold text-muted-foreground",
+			children: name.charAt(0).toUpperCase()
+		})
+	});
+}
+function OrganizationPrivateNodeRow({ node, canManage, busy, disabled, onInstall, onUninstall }) {
 	const tr = useTr();
 	const [confirmingUninstall, setConfirmingUninstall] = useState(false);
 	return /* @__PURE__ */ jsxs("div", {
@@ -11941,7 +12759,7 @@ function TemplatesGrid({ templates, loading, hasMore, onLoadMore, onTemplateClic
 }
 
 // src/builder/components/flow-builder/components/templates/TemplatesModal.tsx
-const LazyTemplateDetailPanel = lazy(() => import("./TemplateDetailPanel-Cpzjif1n.js").then((m) => ({ default: m.TemplateDetailPanel })));
+const LazyTemplateDetailPanel = lazy(() => import("./TemplateDetailPanel-C0YiVdub.js").then((m) => ({ default: m.TemplateDetailPanel })));
 /**
 * Modal for browsing and selecting workflow templates
 * Features:
@@ -12043,540 +12861,36 @@ function TemplatesModal({ open, onOpenChange, onUseTemplate }) {
 							hasMore,
 							onLoadMore: loadMore,
 							onTemplateClick: handleTemplateClick,
-							onUseTemplate: handleUseTemplate
-						})
-					}), selectedTemplate && /* @__PURE__ */ jsx(Suspense, {
-						fallback: /* @__PURE__ */ jsx("div", {
-							className: "w-full md:w-1/2 lg:w-2/5 border-l bg-background flex items-center justify-center",
-							children: /* @__PURE__ */ jsx(Loader2, { className: "size-6 animate-spin text-muted-foreground" })
-						}),
-						children: /* @__PURE__ */ jsx(LazyTemplateDetailPanel, {
-							template: selectedTemplate,
-							onClose: handleCloseDetailPanel,
-							onUseTemplate: handleUseTemplate
-						})
-					})]
-				})
-			]
-		})
-	});
-}
-
-// src/utils/workflow-node-check.ts
-/**
-* Canvas-only node types: they live on the React Flow canvas but are never
-* executed, never registered in NODE_CONFIGS and never published to the store.
-*
-* They must be excluded from the dependency check. A sticky note reaching it
-* was reported as `sticky-note v1.0 — Not installed` in the Missing Nodes
-* dialog on every open of an affected workflow, and because no store product
-* backs it the Install action could only ever be a no-op (BOFF-7267).
-*
-* Kept as a literal set rather than importing STICKY_NOTE_TYPE from the
-* builder so this module stays free of builder-component imports.
-*/
-const CANVAS_ONLY_NODE_TYPES = /* @__PURE__ */ new Set(["sticky-note"]);
-/**
-* Resolve the set of unique executable node types used by a workflow.
-*
-* Canvas-only annotations (see CANVAS_ONLY_NODE_TYPES) are skipped: they carry
-* no dependency, so including them produces a permanently unsatisfiable
-* "missing node".
-*/
-function getWorkflowNodeTypes(nodes) {
-	return [...new Set(nodes.map((n) => n.type).filter((t) => Boolean(t)).filter((t) => !CANVAS_ONLY_NODE_TYPES.has(t)))];
-}
-/**
-* Page size for walking the node catalog. global-store-svc clamps
-* `browseStore` pages to 100 rows (MAX_PAGINATION_LIMIT), so asking for more
-* returns 100 anyway. The old single request for 200 rows silently dropped
-* every node past the first 100 (BOFF-11402).
-*/
-const STORE_NODE_PAGE_SIZE = 100;
-/**
-* Safety net for the paging loop: 50 pages of 100 is far beyond the catalog
-* (about 175 node products in 2026-11). The loop normally ends on `hasMore`.
-*/
-const STORE_NODE_MAX_PAGES = 50;
-/** The browseStore variables for one page of FluidGrids node products. */
-function storeNodePageVariables(offset) {
-	return { input: {
-		filter: {
-			type: "NODE",
-			compatibleWith: "fluidgrids"
-		},
-		sortBy: "DOWNLOADS",
-		pagination: {
-			limit: 100,
-			offset
-		}
-	} };
-}
-/**
-* Fetch every FluidGrids-compatible node product from the store.
-*
-* `browseStore` pages by `offset`; its `cursor` input is ignored by the
-* server. The offset advances by the number of rows actually returned so a
-* lower server cap still walks the whole catalog. Rows are de-duplicated by
-* product id in case a page boundary moves while the catalog changes.
-*/
-async function fetchAllStoreNodes(fetchPage) {
-	const byId = /* @__PURE__ */ new Map();
-	let offset = 0;
-	for (let page = 0; page < 50; page++) {
-		const browse = await fetchPage(storeNodePageVariables(offset));
-		const products = browse?.products ?? [];
-		for (const product of products) if (!byId.has(product.id)) byId.set(product.id, product);
-		if (!browse?.hasMore || products.length === 0) break;
-		offset += products.length;
-	}
-	return [...byId.values()];
-}
-function publishedAtMs(product) {
-	const ms = product.publishedAt ? Date.parse(product.publishedAt) : NaN;
-	return Number.isNaN(ms) ? Number.NEGATIVE_INFINITY : ms;
-}
-/**
-* Order two store products that offer the same nodeType; a negative result
-* means `a` is the better match.
-*
-* 1. A product linked to a devportal application (`productId` set) wins. Only
-*    those have an installable published version; the unlinked rows are
-*    orphaned seed rows such as `app-gmail-reader-001` that cannot install.
-* 2. Then more downloads, 3. then the most recently published, 4. then the
-*    product id, so the choice never depends on the order the store returned.
-*/
-function compareStoreNodeCandidates(a, b) {
-	const aLinked = Boolean(a.productId);
-	if (aLinked !== Boolean(b.productId)) return aLinked ? -1 : 1;
-	const downloads = (b.downloads ?? 0) - (a.downloads ?? 0);
-	if (downloads !== 0) return downloads;
-	const aPublished = publishedAtMs(a);
-	const bPublished = publishedAtMs(b);
-	if (aPublished !== bPublished) return aPublished > bPublished ? -1 : 1;
-	if (a.id === b.id) return 0;
-	return a.id < b.id ? -1 : 1;
-}
-/**
-* Map nodeType -> best store product (see compareStoreNodeCandidates).
-* Pure function, independent of the order of `products`.
-*/
-function buildStoreNodeTypeMap(products) {
-	const nodeTypeToProduct = /* @__PURE__ */ new Map();
-	for (const product of products) {
-		const nodeType = product.manifest?.nodeType;
-		if (typeof nodeType !== "string" || !nodeType) continue;
-		const current = nodeTypeToProduct.get(nodeType);
-		if (!current || compareStoreNodeCandidates(product, current) < 0) nodeTypeToProduct.set(nodeType, product);
-	}
-	return nodeTypeToProduct;
-}
-/**
-* Query the global store for every FluidGrids-compatible node product and map
-* nodeType string -> StoreProduct using manifest.nodeType.
-*/
-async function fetchStoreNodeTypeMap() {
-	const storeClient = getGlobalStoreClient();
-	if (!storeClient) return /* @__PURE__ */ new Map();
-	return buildStoreNodeTypeMap(await fetchAllStoreNodes(async (variables) => {
-		return (await storeClient.query({
-			query: BrowseWorkflowNodesDocument,
-			variables,
-			fetchPolicy: "cache-first"
-		})).data?.browseStore;
-	}));
-}
-/**
-* One required-node entry of a template (BOFF-11496): a type the registry
-* already has is BUILTIN at its registry version; any other type is a STORE
-* node at the node's own version from its store product. Versions are
-* canonical, never the product's manifest format version ("1.0").
-*/
-function requiredNodeEntry(type, registered, product) {
-	if (registered) return {
-		nodeType: type,
-		nodeVersion: canonicalNodeVersion(registered.version || "1.0.0"),
-		publishType: "BUILTIN",
-		displayName: type
-	};
-	return {
-		nodeType: type,
-		nodeVersion: storeNodeInstallVersion(product?.manifest, product?.manifestVersion),
-		publishType: "STORE",
-		storeProductId: product?.id,
-		displayName: product?.name ?? type,
-		requiresPurchase: product !== void 0 && product.pricingModel !== "FREE"
-	};
-}
-/**
-* Build the list of required node types for a workflow.
-*
-* - BUILTIN / already-installed types are marked BUILTIN.
-* - Missing types are looked up in the store; if found, they are marked STORE
-*   with storeProductId and requiresPurchase.
-* - Missing types not found in the store are still reported as STORE without
-*   a storeProductId so the UI can show "not installed".
-*/
-async function buildRequiredNodeTypes(nodes) {
-	const workflowNodeTypes = getWorkflowNodeTypes(nodes);
-	if (workflowNodeTypes.length === 0) return [];
-	await ensureNodeTypesLoaded(workflowNodeTypes);
-	const missingTypes = workflowNodeTypes.filter((type) => !NODE_CONFIGS.some((c) => c.type === type));
-	let nodeTypeToProduct = /* @__PURE__ */ new Map();
-	if (missingTypes.length > 0) nodeTypeToProduct = await fetchStoreNodeTypeMap();
-	return workflowNodeTypes.map((type) => {
-		const registered = NODE_CONFIGS.find((c) => c.type === type);
-		return requiredNodeEntry(type, registered ? { version: registered.defaultData.version } : void 0, nodeTypeToProduct.get(type));
-	});
-}
-/**
-* Classify required nodes against the set of installed store app IDs.
-*
-* Pure function — easy to unit test.
-*/
-function buildNodeCheck(requiredNodeTypes, installedAppIds) {
-	const installed = requiredNodeTypes.filter((n) => n.publishType === "BUILTIN" || n.storeProductId && installedAppIds.has(n.storeProductId));
-	const notInstalled = requiredNodeTypes.filter((n) => n.publishType !== "BUILTIN" && (!n.storeProductId || !installedAppIds.has(n.storeProductId)));
-	const unavailable = notInstalled.filter((n) => !n.storeProductId);
-	const installable = notInstalled.filter((n) => !!n.storeProductId);
-	const missing = installable.filter((n) => !n.requiresPurchase);
-	const missingPaid = installable.filter((n) => !!n.requiresPurchase);
-	return {
-		installed,
-		missing,
-		missingPaid,
-		unavailable,
-		canImport: missingPaid.length === 0
-	};
+							onUseTemplate: handleUseTemplate
+						})
+					}), selectedTemplate && /* @__PURE__ */ jsx(Suspense, {
+						fallback: /* @__PURE__ */ jsx("div", {
+							className: "w-full md:w-1/2 lg:w-2/5 border-l bg-background flex items-center justify-center",
+							children: /* @__PURE__ */ jsx(Loader2, { className: "size-6 animate-spin text-muted-foreground" })
+						}),
+						children: /* @__PURE__ */ jsx(LazyTemplateDetailPanel, {
+							template: selectedTemplate,
+							onClose: handleCloseDetailPanel,
+							onUseTemplate: handleUseTemplate
+						})
+					})]
+				})
+			]
+		})
+	});
 }
 
 // src/builder/components/flow-builder/components/blocks/sidebar/fragments/desktop-sidebar-fragment.tsx
-const LazyTemplateConfigurationModal = lazy(() => import("./TemplateConfigurationModal-DwJi6alN.js").then((m) => ({ default: m.TemplateConfigurationModal })));
 function DesktopSidebarFragment({ activePanel, setActivePanel }) {
 	const tr = useTr();
-	const { bus, workspaceId } = useFluidGridsAnalytics();
 	const [templatesModalOpen, setTemplatesModalOpen] = useState(false);
-	const [configModalOpen, setConfigModalOpen] = useState(false);
-	const [configTemplate, setConfigTemplate] = useState(null);
-	const [configContent, setConfigContent] = useState(null);
-	const [configNodeCheck, setConfigNodeCheck] = useState(null);
-	const [importing, setImporting] = useState(false);
-	const [installProgress, setInstallProgress] = useState(null);
 	const navigate = useGuardedNavigate();
-	const { installedAppIds } = useInstalledNodes();
-	/**
-	* Build the node check result from template content + currently installed nodes.
-	* Uses real installed-app IDs to classify nodes as installed / missing / missingPaid.
-	*/
-	const buildNodeCheck = useCallback((content) => {
-		const allNodes = content.requiredNodeTypes || [];
-		const installed = allNodes.filter((n) => n.publishType === "BUILTIN" || n.storeProductId && installedAppIds.has(n.storeProductId));
-		const notInstalled = allNodes.filter((n) => n.publishType !== "BUILTIN" && (!n.storeProductId || !installedAppIds.has(n.storeProductId)));
-		const unavailable = notInstalled.filter((n) => !n.storeProductId);
-		const installable = notInstalled.filter((n) => !!n.storeProductId);
-		const missing = installable.filter((n) => !n.requiresPurchase);
-		const missingPaid = installable.filter((n) => !!n.requiresPurchase);
-		return {
-			installed,
-			missing,
-			missingPaid,
-			unavailable,
-			canImport: missingPaid.length === 0
-		};
-	}, [installedAppIds]);
-	/**
-	* Perform the actual import of a template.
-	*
-	* Flow:
-	* 1. Install missing free nodes one-by-one (with progress updates)
-	* 2. Create the workflow via importWorkflowTemplate mutation
-	* 3. Record template installation in the store
-	* 4. Navigate to the new workflow in the builder
-	*/
-	const performImport = useCallback(async (template, content, overrides, nodeCheck) => {
-		try {
-			setImporting(true);
-			const nodesToInstall = (nodeCheck?.missing ?? []).filter((n) => !!n.storeProductId);
-			if (nodesToInstall.length > 0) {
-				const { getGlobalStoreClient: getStore } = await import("./FluidGridsProvider-DpTTWDNQ.js").then((n) => n.dr);
-				const { InstallWorkflowNodeDocument } = await import("./FluidGridsProvider-DpTTWDNQ.js").then((n) => n._);
-				const { getFluidGridsConfig } = await import("./node-endpoint-configs-DVo9nUOe.js").then((n) => n.qi);
-				const storeClient = getStore();
-				const cfg = getFluidGridsConfig();
-				for (let i = 0; i < nodesToInstall.length; i++) {
-					const node = nodesToInstall[i];
-					setInstallProgress({
-						current: i + 1,
-						total: nodesToInstall.length,
-						nodeName: node.displayName || node.nodeType
-					});
-					try {
-						if (storeClient) {
-							throwIfResultError(await storeClient.mutate({
-								mutation: InstallWorkflowNodeDocument,
-								variables: { input: {
-									productId: node.storeProductId,
-									workspaceId: cfg.workspaceId,
-									organizationId: cfg.tenantId,
-									version: node.nodeVersion,
-									manifest: null
-								} }
-							}));
-							emitNodeInstalled(bus, {
-								workspaceId,
-								nodeType: node.nodeType,
-								source: "store"
-							});
-						}
-					} catch (nodeErr) {
-						console.warn(`[performImport] Failed to install node ${node.nodeType}:`, nodeErr);
-					}
-				}
-				setInstallProgress(null);
-			}
-			toast.loading(tr("fluidgrids.builder.desktopSidebar.creatingWorkflowToast", "Creating workflow..."), { id: "template-import" });
-			const rawDef = JSON.parse(JSON.stringify(content.definitionJson));
-			const nestedDef = rawDef?.data?.workflowDefinition?.definitionJson;
-			let definitionJson = nestedDef && typeof nestedDef === "object" ? nestedDef : rawDef;
-			if (overrides?.templateInputs) {
-				const { applyTemplateInputs } = await import("./template-input-applicator-C0p6hE4K.js").then((n) => n.r);
-				definitionJson = applyTemplateInputs(definitionJson, overrides.templateInputs);
-			}
-			const { getFluidGridsClient } = await import("./node-endpoint-configs-DVo9nUOe.js").then((n) => n.Di);
-			const { getFluidGridsConfig } = await import("./node-endpoint-configs-DVo9nUOe.js").then((n) => n.qi);
-			const { gql } = await import("@apollo/client/core");
-			const IMPORT_MUTATION = gql`
-          mutation ImportWorkflowTemplate(
-            $input: ImportWorkflowTemplateInput!
-          ) {
-            importWorkflowTemplate(input: $input) {
-              success
-              message
-              workflow {
-                id
-                workflowKey
-                version
-                name
-                status
-              }
-            }
-          }
-        `;
-			const config = getFluidGridsConfig();
-			const client = getFluidGridsClient();
-			const result = throwIfResultError(await client.mutate({
-				mutation: IMPORT_MUTATION,
-				variables: { input: {
-					definitionJson,
-					name: overrides?.name || content.defaultWorkflowName || template.name,
-					description: template.description,
-					sourceTemplateId: template.id,
-					sourceTemplateName: template.name,
-					tags: content.defaultTags || template.tags || [],
-					category: content.defaultCategory || template.category || void 0,
-					icon: template.icon || void 0,
-					context: {
-						...config.productId ? { productId: config.productId } : {},
-						...config.productName ? { productName: config.productName } : {}
-					}
-				} }
-			}));
-			toast.dismiss("template-import");
-			const importResult = result.data?.importWorkflowTemplate;
-			if (importResult?.success && importResult.workflow) {
-				emitWorkflowCreated(bus, {
-					workspaceId,
-					source: "template",
-					definition: definitionJson
-				});
-				emitTemplateUsed(bus, {
-					workspaceId,
-					templateId: template.id,
-					category: content.defaultCategory || template.category
-				});
-				try {
-					const { getGlobalStoreClient: getStoreClient } = await import("./FluidGridsProvider-DpTTWDNQ.js").then((n) => n.dr);
-					const { InstallWorkflowNodeDocument } = await import("./FluidGridsProvider-DpTTWDNQ.js").then((n) => n._);
-					const storeClient = getStoreClient();
-					if (storeClient) throwIfResultError(await storeClient.mutate({
-						mutation: InstallWorkflowNodeDocument,
-						variables: { input: {
-							productId: template.id,
-							workspaceId: config.workspaceId,
-							organizationId: config.tenantId,
-							version: template.manifestVersion || "1.0.0",
-							manifest: template.manifest,
-							metadata: {
-								type: "WORKFLOW",
-								sourceTemplateId: template.id,
-								sourceTemplateName: template.name,
-								importedWorkflowKey: importResult.workflow.workflowKey,
-								importedWorkflowVersion: importResult.workflow.version
-							}
-						} }
-					}));
-				} catch {
-					console.warn("[performImport] Failed to record template installation");
-				}
-				toast.success(tr("fluidgrids.builder.desktopSidebar.workflowCreatedToast", "Workflow created from template!"), { description: `"${importResult.workflow.name}" is ready to edit` });
-				if (content.requiredCredentialTypes && content.requiredCredentialTypes.length > 0) toast.info(tr("fluidgrids.builder.desktopSidebar.credentialsNeededToast", "Credentials needed"), {
-					description: `Configure ${content.requiredCredentialTypes.join(", ")} in the Credentials page`,
-					duration: 6e3
-				});
-				navigate(`../workflow/${importResult.workflow.workflowKey}/${importResult.workflow.version}`);
-			} else toast.error(tr("fluidgrids.builder.desktopSidebar.importTemplateErrorToast", "Failed to import template"), { description: importResult?.message || tr("fluidgrids.builder.desktopSidebar.importTemplateErrorFallback", "Unknown error during import") });
-		} catch (err) {
-			toast.dismiss("template-import");
-			setInstallProgress(null);
-			toast.error(tr("fluidgrids.builder.desktopSidebar.importFailedToast", "Import failed"), { description: err instanceof Error ? err.message : tr("fluidgrids.builder.desktopSidebar.importFailedFallback", "Unknown error") });
-		} finally {
-			setImporting(false);
-		}
-	}, [
-		navigate,
-		tr,
-		bus,
-		workspaceId
-	]);
-	/**
-	* Handle "Use Template" click from the TemplatesModal.
-	*
-	* Flow:
-	* 1. Fetch full template detail from the store
-	* 2. Parse content, check node dependencies against installed nodes
-	* 3. If template has required inputs, missing nodes, or credentials -> show config modal
-	* 4. Otherwise -> import directly
-	*/
+	const templateImport = useTemplateImportFlow({ onImported: (workflow) => navigate(`../workflow/${workflow.workflowKey}/${workflow.version}`) });
+	const startTemplateImport = templateImport.start;
 	const handleUseTemplate = useCallback(async (template) => {
-		try {
-			toast.loading(tr("fluidgrids.builder.desktopSidebar.loadingTemplateToast", "Loading template..."), { id: "template-load" });
-			const { getGlobalStoreClient } = await import("./FluidGridsProvider-DpTTWDNQ.js").then((n) => n.dr);
-			const { gql } = await import("@apollo/client/core");
-			const GET_TEMPLATE_DETAIL = gql`
-          query GetWorkflowTemplateDetail($id: ID!) {
-            product(id: $id) {
-              id
-              name
-              slug
-              type
-              description
-              longDescription
-              icon
-              screenshots
-              rating
-              reviewCount
-              downloads
-              viewCount
-              price
-              pricingModel
-              currency
-              featured
-              content
-              manifest
-              manifestVersion
-              category
-              tags
-              compatibleProducts
-              authorName
-              publisher {
-                id
-                name
-                isVerified
-              }
-              createdAt
-              publishedAt
-            }
-          }
-        `;
-			const client = getGlobalStoreClient();
-			if (!client) {
-				toast.dismiss("template-load");
-				toast.error(tr("fluidgrids.builder.desktopSidebar.storeClientUnavailableToast", "Store client not available"));
-				return;
-			}
-			const result = await client.query({
-				query: GET_TEMPLATE_DETAIL,
-				variables: { id: template.id },
-				fetchPolicy: "network-only"
-			});
-			toast.dismiss("template-load");
-			const fullTemplate = result.data?.product ?? null;
-			if (!fullTemplate) {
-				toast.error(tr("fluidgrids.builder.desktopSidebar.templateDetailsErrorToast", "Failed to load template details"));
-				return;
-			}
-			let content = fullTemplate.content;
-			if (!content?.definitionJson) {
-				const m = fullTemplate.manifest;
-				let nodes;
-				let edges = [];
-				let workflowName;
-				if (m) {
-					if (Array.isArray(m.nodes)) {
-						nodes = m.nodes;
-						edges = m.edges ?? [];
-						workflowName = m.name;
-					} else if (typeof m.jsonContent === "string") try {
-						const parsed = JSON.parse(m.jsonContent);
-						if (Array.isArray(parsed.nodes)) {
-							nodes = parsed.nodes;
-							edges = parsed.edges ?? [];
-							workflowName = parsed.name;
-						}
-					} catch {}
-				}
-				if (nodes) {
-					let requiredNodeTypes = [];
-					try {
-						requiredNodeTypes = await buildRequiredNodeTypes(nodes);
-					} catch {}
-					content = {
-						definitionJson: {
-							nodes,
-							edges
-						},
-						requiredNodeTypes,
-						defaultWorkflowName: workflowName ?? fullTemplate.name
-					};
-				} else {
-					toast.error(tr("fluidgrids.builder.desktopSidebar.invalidTemplateDataToast", "Template does not contain valid workflow data"));
-					return;
-				}
-			}
-			const nodeCheck = buildNodeCheck(content);
-			if (content.requiredInputs && content.requiredInputs.length > 0 || nodeCheck.missing.length > 0 || nodeCheck.missingPaid.length > 0 || (nodeCheck.unavailable?.length ?? 0) > 0 || content.requiredCredentialTypes && content.requiredCredentialTypes.length > 0) {
-				setConfigTemplate(fullTemplate);
-				setConfigContent(content);
-				setConfigNodeCheck(nodeCheck);
-				setConfigModalOpen(true);
-				setTemplatesModalOpen(false);
-			} else {
-				setTemplatesModalOpen(false);
-				await performImport(fullTemplate, content, void 0, nodeCheck);
-			}
-		} catch (err) {
-			toast.dismiss("template-load");
-			toast.error(tr("fluidgrids.builder.desktopSidebar.genericErrorToast", "Something went wrong"), { description: err instanceof Error ? err.message : tr("fluidgrids.builder.desktopSidebar.genericErrorFallback", "Failed to process template") });
-		}
-	}, [
-		buildNodeCheck,
-		performImport,
-		tr
-	]);
-	/**
-	* Handle confirm from the TemplateConfigurationModal.
-	*/
-	const handleConfigConfirm = useCallback(async (config) => {
-		if (!configTemplate || !configContent) return;
-		if (configNodeCheck && !configNodeCheck.canImport) return;
-		await performImport(configTemplate, configContent, config, configNodeCheck);
-		setConfigModalOpen(false);
-	}, [
-		configTemplate,
-		configContent,
-		configNodeCheck,
-		performImport
-	]);
+		setTemplatesModalOpen(false);
+		await startTemplateImport(template);
+	}, [startTemplateImport]);
 	return /* @__PURE__ */ jsxs("div", {
 		className: "relative w-fit flex shrink-0 divide-x divide-card-foreground/10 rounded-xl border border-card-foreground/10 md:overflow-hidden md:max-w-md",
 		children: [
@@ -12623,19 +12937,7 @@ function DesktopSidebarFragment({ activePanel, setActivePanel }) {
 				onOpenChange: setTemplatesModalOpen,
 				onUseTemplate: handleUseTemplate
 			}),
-			configModalOpen && /* @__PURE__ */ jsx(Suspense, {
-				fallback: null,
-				children: /* @__PURE__ */ jsx(LazyTemplateConfigurationModal, {
-					open: configModalOpen,
-					onOpenChange: setConfigModalOpen,
-					template: configTemplate,
-					content: configContent,
-					nodeCheckResult: configNodeCheck,
-					onConfirm: handleConfigConfirm,
-					importing,
-					installProgress
-				})
-			})
+			templateImport.dialog
 		]
 	});
 }
@@ -20400,6 +20702,448 @@ function WebhookRunFollower() {
 	return null;
 }
 
+// src/agentMarks/plainText.ts
+/**
+* ★ BOFF-11584: the text of a callout or note is model output, and the model
+* has read workflow content people wrote. It is shown as plain text only:
+* React renders it as a text node (never `dangerouslySetInnerHTML`, never a
+* markdown renderer), so markup, links and images in it stay inert characters.
+*
+* This keeps it short and printable as well: control characters (other than
+* line breaks) and bidirectional controls, which can disguise what a line
+* says, are removed; runs of blank lines collapse; the result is clamped.
+*/
+const BIDI_CONTROLS = /* @__PURE__ */ new Set([
+	1564,
+	8206,
+	8207,
+	8234,
+	8235,
+	8236,
+	8237,
+	8238,
+	8294,
+	8295,
+	8296,
+	8297
+]);
+function isDroppedCharacter(code) {
+	if (code === 10) return false;
+	if (code <= 31) return true;
+	if (code >= 127 && code <= 159) return true;
+	return BIDI_CONTROLS.has(code);
+}
+function toPlainText(text, max) {
+	let kept = "";
+	for (const character of text.replace(/\r\n?/g, "\n").replace(/\t/g, " ")) if (!isDroppedCharacter(character.codePointAt(0) ?? 0)) kept += character;
+	const cleaned = kept.replace(/ {2,}/g, " ").replace(/ *\n */g, "\n").replace(/\n{3,}/g, "\n\n").trim();
+	if (cleaned.length <= max) return cleaned;
+	return `${cleaned.slice(0, max - 1).trimEnd()}…`;
+}
+
+// src/agentMarks/marksStore.ts
+/** The text of a mark is model output: kept as plain text, never markup. */
+const CALLOUT_LABEL_MAX = 200;
+const NOTE_MESSAGE_MAX = 280;
+/** A workflow holds at most this many notes, resolved ones included. */
+const MAX_NOTES_PER_WORKFLOW = 20;
+let sequence = 0;
+const nextId = (prefix) => {
+	sequence += 1;
+	return `${prefix}${sequence}`;
+};
+const useAgentMarksStore = create()((set, get) => ({
+	callouts: [],
+	notes: [],
+	nextNumber: {},
+	openNoteId: null,
+	flash: null,
+	actions: {
+		addCallout: ({ label, target, element, route }) => {
+			const callout = {
+				id: nextId("c"),
+				label: toPlainText(label, 200),
+				target,
+				route,
+				element: element ? new WeakRef(element) : null
+			};
+			set((state) => ({ callouts: [...state.callouts, callout].slice(-3) }));
+			return callout;
+		},
+		rebindCallout: (id, element) => set((state) => ({ callouts: state.callouts.map((callout) => callout.id === id ? {
+			...callout,
+			element: new WeakRef(element)
+		} : callout) })),
+		removeCallout: (id) => set((state) => ({ callouts: state.callouts.filter((callout) => callout.id !== id) })),
+		clearCallouts: () => {
+			const count = get().callouts.length;
+			if (count > 0) set({ callouts: [] });
+			return count;
+		},
+		dropCalloutsOffRoute: (route) => {
+			const { callouts } = get();
+			const kept = callouts.filter((callout) => callout.route === route);
+			if (kept.length !== callouts.length) set({ callouts: kept });
+			return callouts.length - kept.length;
+		},
+		addNote: (input) => {
+			const { notes, nextNumber } = get();
+			if (notes.filter((note) => note.workflowKey === input.workflowKey).length >= 20) return null;
+			const number = nextNumber[input.workflowKey] ?? 1;
+			const note = {
+				id: nextId("n"),
+				number,
+				workflowKey: input.workflowKey,
+				nodeId: input.nodeId,
+				nodeLabel: toPlainText(input.nodeLabel, 80),
+				paramKey: input.paramKey ?? null,
+				kind: input.kind,
+				message: toPlainText(input.message, 280),
+				resolved: false
+			};
+			set({
+				notes: [...notes, note],
+				nextNumber: {
+					...nextNumber,
+					[input.workflowKey]: number + 1
+				}
+			});
+			return note;
+		},
+		setResolved: (id, resolved) => set((state) => ({ notes: state.notes.map((note) => note.id === id ? {
+			...note,
+			resolved
+		} : note) })),
+		removeNote: (id) => set((state) => ({
+			notes: state.notes.filter((note) => note.id !== id),
+			openNoteId: state.openNoteId === id ? null : state.openNoteId
+		})),
+		clearNotes: (workflowKey) => {
+			const { notes, openNoteId } = get();
+			const kept = workflowKey === void 0 ? [] : notes.filter((note) => note.workflowKey !== workflowKey);
+			const removed = notes.length - kept.length;
+			if (removed > 0) set({
+				notes: kept,
+				openNoteId: kept.some((note) => note.id === openNoteId) ? openNoteId : null
+			});
+			return removed;
+		},
+		openNote: (id) => set({ openNoteId: id }),
+		flashNode: (nodeId) => {
+			sequence += 1;
+			set({ flash: {
+				nodeId,
+				token: sequence
+			} });
+		}
+	}
+}));
+/** Reset everything (tests, and sign-out if a host wants it). */
+function resetAgentMarks() {
+	useAgentMarksStore.setState({
+		callouts: [],
+		notes: [],
+		nextNumber: {},
+		openNoteId: null,
+		flash: null
+	});
+}
+
+// src/builder/agentNotes/notesKey.ts
+/**
+* ★ BOFF-11584: which workflow a canvas note belongs to. A saved workflow is
+* known by its key across versions; a new one has no key until its first
+* save, so its in-memory id stands in.
+*/
+function notesKeyOf(workflow) {
+	return workflow.workflowKey || workflow.id || "unsaved";
+}
+
+// src/builder/agentNotes/CanvasNotesLayer.tsx
+/**
+* ★ BOFF-11584: the assistant's notes on the builder canvas
+* (`fg_canvas_annotate`). Rendered as a child of `<ReactFlow>`, outside every
+* node component: the nodes know nothing about notes.
+*
+*  - Numbered pins sit above their node (`NodeToolbar`), so they follow it
+*    through drags, pans and zooms. A pin opens the note's card: the message,
+*    the parameter it is about, "Open node" and "Mark resolved".
+*  - A dashed ring marks each node with an open note (`ViewportPortal`, in
+*    canvas coordinates), and a brief ring shows the node the assistant just
+*    brought into view.
+*  - The notes list (top left; the FluidGrids mark holds the top right)
+*    holds every note, including orphaned ones whose node was deleted: those
+*    are never moved onto another node.
+*
+* Everything here is `data-agent="deny"`: an agent cannot read or press its
+* own notes. Messages render as React text, never as markup.
+*/
+const FLASH_MS = 1800;
+const RING_PAD = 8;
+function pinClass(note, open) {
+	return cn("flex size-6 items-center justify-center rounded-full text-xs font-semibold shadow-md transition-transform focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1", note.resolved ? "bg-muted text-muted-foreground" : note.kind === "fix" ? "bg-destructive text-destructive-foreground" : "bg-primary text-primary-foreground", open && "scale-110 ring-2 ring-ring ring-offset-1 ring-offset-background");
+}
+/** A ring around a node, drawn in canvas coordinates. */
+const NodeRing = ({ nodeId, tone }) => {
+	const node = useInternalNode(nodeId);
+	const width = node?.measured.width ?? 0;
+	const height = node?.measured.height ?? 0;
+	if (!node || width === 0 || height === 0) return null;
+	const { x, y } = node.internals.positionAbsolute;
+	return /* @__PURE__ */ jsx("div", {
+		"aria-hidden": "true",
+		"data-testid": `fg-canvas-note-ring-${tone}`,
+		className: cn("pointer-events-none absolute left-0 top-0 rounded-2xl border-2", tone === "fix" && "border-dashed border-destructive", tone === "info" && "border-dashed border-primary", tone === "flash" && "border-primary ring-4 ring-primary/30 motion-safe:animate-pulse"),
+		style: {
+			transform: `translate(${x - RING_PAD}px, ${y - RING_PAD}px)`,
+			width: width + 16,
+			height: height + 16
+		}
+	});
+};
+/** The node the assistant just brought into view, for a moment. */
+const FlashRing = () => {
+	const flash = useAgentMarksStore((state) => state.flash);
+	const [shown, setShown] = useState(null);
+	useEffect(() => {
+		if (!flash) return;
+		setShown(flash.token);
+		const timer = setTimeout(() => setShown(null), FLASH_MS);
+		return () => clearTimeout(timer);
+	}, [flash]);
+	if (!flash || shown !== flash.token) return null;
+	return /* @__PURE__ */ jsx(NodeRing, {
+		nodeId: flash.nodeId,
+		tone: "flash"
+	});
+};
+const CanvasNoteCard = ({ note, nodeOnCanvas }) => {
+	const tr = useTr();
+	const { openNote, setResolved } = useAgentMarksStore((state) => state.actions);
+	const openNodePanel = () => {
+		const { workflow, actions } = useFlowStore.getState();
+		const node = workflow.nodes.find((candidate) => candidate.id === note.nodeId);
+		if (!node?.type) return;
+		actions.ndv.open({
+			nodeId: node.id,
+			type: node.type
+		});
+		openNote(null);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		"data-testid": "fg-canvas-note-card",
+		className: "nowheel w-64 cursor-default rounded-lg border border-border bg-popover p-3 text-left text-xs text-foreground shadow-lg",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "mb-1.5 flex items-center justify-between gap-2",
+				children: [/* @__PURE__ */ jsxs("span", {
+					className: "flex items-center gap-1.5 font-semibold",
+					children: [/* @__PURE__ */ jsx(Sparkles, {
+						"aria-hidden": "true",
+						className: "size-3.5 text-primary"
+					}), note.kind === "fix" ? tr("fluidgrids.agentMarks.noteFixTitle", "Note {{number}} · To fix", { number: note.number }) : tr("fluidgrids.agentMarks.noteInfoTitle", "Note {{number}}", { number: note.number })]
+				}), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-label": tr("fluidgrids.agentMarks.closeNote", "Close note"),
+					onClick: () => openNote(null),
+					className: "-m-1 rounded p-1 text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+					children: /* @__PURE__ */ jsx(X, {
+						"aria-hidden": "true",
+						className: "size-3.5"
+					})
+				})]
+			}),
+			/* @__PURE__ */ jsxs("p", {
+				className: "mb-1 truncate text-muted-foreground",
+				children: [note.nodeLabel, note.paramKey ? ` · ${tr("fluidgrids.agentMarks.noteParam", "Field: {{param}}", { param: note.paramKey })}` : ""]
+			}),
+			/* @__PURE__ */ jsx("p", {
+				"data-testid": "fg-canvas-note-message",
+				className: "whitespace-pre-line break-words text-sm text-foreground",
+				children: note.message
+			}),
+			!nodeOnCanvas && /* @__PURE__ */ jsx("p", {
+				className: "mt-1.5 text-muted-foreground",
+				children: tr("fluidgrids.agentMarks.noteOrphaned", "This node was removed from the workflow.")
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "mt-2.5 flex justify-end gap-2",
+				children: [nodeOnCanvas && /* @__PURE__ */ jsx("button", {
+					type: "button",
+					onClick: openNodePanel,
+					className: "rounded-md border border-border px-2 py-1 font-medium hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+					children: tr("fluidgrids.agentMarks.openNode", "Open node")
+				}), /* @__PURE__ */ jsx("button", {
+					type: "button",
+					"data-testid": "fg-canvas-note-resolve",
+					onClick: () => setResolved(note.id, !note.resolved),
+					className: "rounded-md bg-primary px-2 py-1 font-medium text-primary-foreground hover:bg-primary/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+					children: note.resolved ? tr("fluidgrids.agentMarks.reopenNote", "Reopen") : tr("fluidgrids.agentMarks.resolveNote", "Mark resolved")
+				})]
+			})
+		]
+	});
+};
+/** The pins above one node, and the open card. */
+const NodePins = ({ nodeId, notes }) => {
+	const tr = useTr();
+	const openNoteId = useAgentMarksStore((state) => state.openNoteId);
+	const openNote = useAgentMarksStore((state) => state.actions.openNote);
+	const open = notes.find((note) => note.id === openNoteId);
+	return /* @__PURE__ */ jsx(NodeToolbar, {
+		nodeId,
+		isVisible: true,
+		position: Position.Top,
+		align: "end",
+		offset: 6,
+		"data-agent": "deny",
+		"data-testid": "fg-canvas-note-pins",
+		className: "nodrag nopan",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col items-end gap-1.5",
+			children: [open && /* @__PURE__ */ jsx(CanvasNoteCard, {
+				note: open,
+				nodeOnCanvas: true
+			}), /* @__PURE__ */ jsx("div", {
+				className: "flex gap-1",
+				children: notes.map((note) => /* @__PURE__ */ jsx("button", {
+					type: "button",
+					"data-testid": "fg-canvas-note-pin",
+					"aria-expanded": note.id === openNoteId,
+					"aria-label": tr("fluidgrids.agentMarks.notePin", "Assistant note {{number}}", { number: note.number }),
+					onClick: () => openNote(note.id === openNoteId ? null : note.id),
+					className: pinClass(note, note.id === openNoteId),
+					children: note.resolved ? /* @__PURE__ */ jsx(Check, {
+						"aria-hidden": "true",
+						className: "size-3.5"
+					}) : note.number
+				}, note.id))
+			})]
+		})
+	});
+};
+/** Every note on this workflow, orphaned ones included. */
+const NotesList = ({ notes, live }) => {
+	const tr = useTr();
+	const [expanded, setExpanded] = useState(false);
+	const { fitView } = useReactFlow();
+	const { openNote, removeNote, flashNode } = useAgentMarksStore((state) => state.actions);
+	const openCount = notes.filter((note) => !note.resolved).length;
+	const orphaned = notes.filter((note) => !live.has(note.nodeId)).length;
+	const show = (note) => {
+		if (!live.has(note.nodeId)) return;
+		fitView({
+			nodes: [{ id: note.nodeId }],
+			duration: 400,
+			padding: .6,
+			maxZoom: 1.25
+		}).then((done) => {
+			if (done) flashNode(note.nodeId);
+		});
+		openNote(note.id);
+	};
+	return /* @__PURE__ */ jsx(Panel, {
+		position: "top-left",
+		"data-agent": "deny",
+		"data-testid": "fg-canvas-notes-list",
+		className: "nodrag nopan nowheel",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "w-64 rounded-lg border border-border bg-popover text-xs text-foreground shadow-md",
+			children: [/* @__PURE__ */ jsxs("button", {
+				type: "button",
+				"aria-expanded": expanded,
+				onClick: () => setExpanded((value) => !value),
+				className: "flex w-full items-center justify-between gap-2 rounded-lg px-3 py-2 font-medium hover:bg-accent hover:text-accent-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+				children: [/* @__PURE__ */ jsxs("span", {
+					className: "flex items-center gap-1.5",
+					children: [/* @__PURE__ */ jsx(Sparkles, {
+						"aria-hidden": "true",
+						className: "size-3.5 text-primary"
+					}), tr("fluidgrids.agentMarks.notesHeading", "Assistant notes")]
+				}), /* @__PURE__ */ jsxs("span", {
+					className: "text-muted-foreground",
+					children: [tr("fluidgrids.agentMarks.notesOpenCount", "{{count}} open", { count: openCount }), orphaned > 0 ? ` · ${tr("fluidgrids.agentMarks.notesOrphanedCount", "{{count}} removed", { count: orphaned })}` : ""]
+				})]
+			}), expanded && /* @__PURE__ */ jsx("ul", {
+				className: "max-h-64 overflow-y-auto border-t border-border py-1",
+				children: notes.map((note) => {
+					const onCanvas = live.has(note.nodeId);
+					return /* @__PURE__ */ jsxs("li", {
+						"data-testid": "fg-canvas-notes-item",
+						className: "flex items-start gap-2 px-3 py-1.5",
+						children: [
+							/* @__PURE__ */ jsx("span", {
+								className: cn(pinClass(note, false), "size-5 shrink-0"),
+								children: note.resolved ? /* @__PURE__ */ jsx(Check, {
+									"aria-hidden": "true",
+									className: "size-3"
+								}) : note.number
+							}),
+							/* @__PURE__ */ jsxs("button", {
+								type: "button",
+								disabled: !onCanvas,
+								onClick: () => show(note),
+								className: "min-w-0 flex-1 text-left disabled:cursor-default",
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "block truncate font-medium",
+									children: note.nodeLabel
+								}), /* @__PURE__ */ jsx("span", {
+									className: cn("block truncate text-muted-foreground", note.resolved && "line-through"),
+									children: onCanvas ? note.message : tr("fluidgrids.agentMarks.noteOrphaned", "This node was removed from the workflow.")
+								})]
+							}),
+							!onCanvas && /* @__PURE__ */ jsx("button", {
+								type: "button",
+								"aria-label": tr("fluidgrids.agentMarks.removeNote", "Remove note"),
+								onClick: () => removeNote(note.id),
+								className: "shrink-0 rounded p-0.5 text-muted-foreground hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+								children: /* @__PURE__ */ jsx(X, {
+									"aria-hidden": "true",
+									className: "size-3.5"
+								})
+							})
+						]
+					}, note.id);
+				})
+			})]
+		})
+	});
+};
+const CanvasNotesLayer = () => {
+	const workflowKey = useFlowStore((state) => notesKeyOf(state.workflow));
+	const nodeIds = useFlowStore(useShallow((state) => state.workflow.nodes.map((node) => node.id)));
+	const allNotes = useAgentMarksStore((state) => state.notes);
+	const notes = useMemo(() => allNotes.filter((note) => note.workflowKey === workflowKey), [allNotes, workflowKey]);
+	const live = useMemo(() => new Set(nodeIds), [nodeIds]);
+	const byNode = useMemo(() => {
+		const groups = /* @__PURE__ */ new Map();
+		for (const note of notes) {
+			if (!live.has(note.nodeId)) continue;
+			groups.set(note.nodeId, [...groups.get(note.nodeId) ?? [], note]);
+		}
+		return [...groups.entries()];
+	}, [notes, live]);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsxs(ViewportPortal, { children: [byNode.map(([nodeId, nodeNotes]) => {
+			const openNotes = nodeNotes.filter((note) => !note.resolved);
+			if (openNotes.length === 0) return null;
+			const tone = openNotes.some((note) => note.kind === "fix") ? "fix" : "info";
+			return /* @__PURE__ */ jsx(NodeRing, {
+				nodeId,
+				tone
+			}, nodeId);
+		}), /* @__PURE__ */ jsx(FlashRing, {})] }),
+		byNode.map(([nodeId, nodeNotes]) => /* @__PURE__ */ jsx(NodePins, {
+			nodeId,
+			notes: nodeNotes
+		}, nodeId)),
+		notes.length > 0 && /* @__PURE__ */ jsx(NotesList, {
+			notes,
+			live
+		})
+	] });
+};
+
 // src/builder/lib/autosave-runner.ts
 function createAutosaveRunner(deps) {
 	let timer;
@@ -26841,8 +27585,8 @@ function EditLeaseBanner() {
 }
 
 // src/builder/components/flow-builder/flow-builder.tsx
-const LazyNodeDetailView = lazy(() => import("./node-detail-view-Cfcpoa28.js").then((m) => ({ default: m.NodeDetailView })));
-const LazyQuickConfigPanel = lazy(() => import("./quick-config-panel-DSEO6BGC.js").then((m) => ({ default: m.QuickConfigPanel })));
+const LazyNodeDetailView = lazy(() => import("./node-detail-view-CPD_NSZc.js").then((m) => ({ default: m.NodeDetailView })));
+const LazyQuickConfigPanel = lazy(() => import("./quick-config-panel-DHkYGaCL.js").then((m) => ({ default: m.QuickConfigPanel })));
 const edgeTypes = { deletable: CustomDeletableEdge };
 const edgeOptions = {
 	type: "deletable",
@@ -26902,7 +27646,7 @@ const FlowBuilder = ({ readOnly = false }) => {
 	const [agentTools, setAgentTools] = useState([]);
 	useEffect(() => {
 		let cancelled = false;
-		import("./agentTools-ZSPi5eH3.js").then(({ createBuilderAgentTools }) => {
+		import("./agentTools-C0g2OWvI.js").then(({ createBuilderAgentTools }) => {
 			if (cancelled) return;
 			setAgentTools(createBuilderAgentTools({ durableFunctionsEnabled: () => paletteGatesRef.current }));
 		}).catch((error) => {
@@ -26949,7 +27693,30 @@ const FlowBuilder = ({ readOnly = false }) => {
 		}
 		return merged;
 	}, [nodeTypesVersion, nodes]);
-	const { getNodes } = useReactFlow();
+	const { getNodes, fitView } = useReactFlow();
+	const fitViewRef = useRef(fitView);
+	useEffect(() => {
+		fitViewRef.current = fitView;
+	}, [fitView]);
+	const [noteTools, setNoteTools] = useState([]);
+	useEffect(() => {
+		let cancelled = false;
+		import("./canvasNoteTools-BUWY18XK.js").then(({ createCanvasNoteTools }) => {
+			if (cancelled) return;
+			setNoteTools(createCanvasNoteTools({ focusNode: (nodeId) => fitViewRef.current({
+				nodes: [{ id: nodeId }],
+				duration: 400,
+				padding: .6,
+				maxZoom: 1.25
+			}) }));
+		}).catch((error) => {
+			console.error("[FlowBuilder] Assistant note tools failed to load:", error);
+		});
+		return () => {
+			cancelled = true;
+		};
+	}, []);
+	useAgentTools(noteTools);
 	const { handleOnEdgeDropConnectEnd, floatingMenuWrapperRef, handleAddConnectedNode } = useAddNodeOnEdgeDrop();
 	const deleteKeyCode = useDeleteKeyCode();
 	useNodeSelectedEvent();
@@ -27019,7 +27786,7 @@ const FlowBuilder = ({ readOnly = false }) => {
 					className: "relative flex-1 rounded-b-xl border border-card-foreground/10 border-t-0 overflow-hidden mx-4 mb-1",
 					children: [
 						/* @__PURE__ */ jsx(CanvasControls, {}),
-						/* @__PURE__ */ jsx(ReactFlow, {
+						/* @__PURE__ */ jsxs(ReactFlow, {
 							proOptions: { hideAttribution: true },
 							onInit: ({ fitView }) => fitView({
 								minZoom: 1,
@@ -27052,7 +27819,7 @@ const FlowBuilder = ({ readOnly = false }) => {
 								maxZoom: 1
 							},
 							defaultEdgeOptions: edgeOptions,
-							children: /* @__PURE__ */ jsx(Background, { gap: 24 })
+							children: [/* @__PURE__ */ jsx(Background, { gap: 24 }), /* @__PURE__ */ jsx(CanvasNotesLayer, {})]
 						}),
 						/* @__PURE__ */ jsx(FluidGridsMark, {}),
 						nodes.length === 0 && !editingBlocked && /* @__PURE__ */ jsx("div", {
@@ -27242,4 +28009,4 @@ const FlowBuilderPage = ({ workflow, readOnly = false }) => {
 	] });
 };
 
-export { CodeEditorField as $, DialogOverlay as A, NodeSettingsPanel as B, badgeVariants as C, isNodeTypeHiddenFromPalette as Ct, DialogDescription$1 as D, DialogContent$1 as E, useWorkflowTemplates as F, useRunnerActions as G, RunnerStatusPill as H, useInstallNode as I, useGlobalStoreClient as J, useRunners as K, useInstalledNodes as L, DialogTitle$1 as M, DialogTrigger$1 as N, DialogFooter$1 as O, computeAttachPosition as P, PopoverTrigger$1 as Q, NodeExecutionActions as R, Badge$1 as S, isDurableFunctionNodeType as St, DialogClose as T, RUNNER_INSTALL_SCRIPT_URL as U, RunOnSection as V, runnerInstallCommand as W, Popover$1 as X, NDV_Z_INDEX as Y, PopoverContent$1 as Z, TableView as _, Input$1 as _t, useAiWorkflowTemplates as a, SchedulePanel as at, TemplateCard as b, WORKFLOW_TEST_NODE_TYPES as bt, RunsUsageMeter as c, NodeInputFields as ct, readRunsQuota as d, Card$1 as dt, ConnectionSelector as et, runsQuotaLevel as f, CardContent$1 as ft, JsonView as g, CardTitle$1 as gt, useWorkflowReloadStore as h, CardHeader$1 as ht, enrichDraftNodes as i, SCHEDULE_NODE_TYPE as it, DialogPortal as j, DialogHeader$1 as k, RunsUsageMeterView as l, useNodeSelectedEvent as lt, releaseLeaseKeptForReload as m, CardFooter as mt, AI_DRAFT_MAX_PROMPT_LENGTH as n, ReadOnlyFieldset as nt, BUILDER_FULLSCREEN_ATTRIBUTE as o, NodeEditorTabs as ot, summarizeRunsQuota as p, CardDescription$1 as pt, NodeParamsForm as q, draftToCanvas as r, useNodeEditorTab as rt, BUILDER_FULLSCREEN_EVENT as s, TabButton as st, FlowBuilderPage as t, ConnectionFormDialog as tt, useRunsQuota as u, FluidGridsMark as ut, buildNodeCheck as v, DURABLE_FUNCTION_NODE_TYPES as vt, Dialog$1 as w, isRunControlNodeType as wt, templatePreview as x, filterPaletteNodes as xt, buildRequiredNodeTypes as y, RUN_CONTROL_NODE_TYPES as yt, NodeEditorTabBody as z };
+export { useGlobalStoreClient as $, DialogFooter$1 as A, useImportWorkflowTemplate as B, templatePreview as C, DURABLE_FUNCTION_NODE_TYPES as Ct, DialogClose as D, isDurableFunctionNodeType as Dt, Dialog$1 as E, filterPaletteNodes as Et, DialogTrigger$1 as F, NodeSettingsPanel as G, useInstalledNodes as H, computeAttachPosition as I, RUNNER_INSTALL_SCRIPT_URL as J, RunOnSection as K, useTemplateImportFlow as L, DialogOverlay as M, DialogPortal as N, DialogContent$1 as O, isNodeTypeHiddenFromPalette as Ot, DialogTitle$1 as P, NodeParamsForm as Q, buildNodeCheck as R, TemplateCard as S, Input$1 as St, badgeVariants as T, WORKFLOW_TEST_NODE_TYPES as Tt, NodeExecutionActions as U, useWorkflowTemplates as V, NodeEditorTabBody as W, useRunnerActions as X, runnerInstallCommand as Y, useRunners as Z, resetAgentMarks as _, CardContent$1 as _t, useAiWorkflowTemplates as a, ConnectionSelector as at, JsonView as b, CardHeader$1 as bt, RunsUsageMeter as c, useNodeEditorTab as ct, readRunsQuota as d, NodeEditorTabs as dt, NDV_Z_INDEX as et, runsQuotaLevel as f, TabButton as ft, notesKeyOf as g, Card$1 as gt, useWorkflowReloadStore as h, FluidGridsMark as ht, enrichDraftNodes as i, CodeEditorField as it, DialogHeader$1 as j, DialogDescription$1 as k, isRunControlNodeType as kt, RunsUsageMeterView as l, SCHEDULE_NODE_TYPE as lt, releaseLeaseKeptForReload as m, useNodeSelectedEvent as mt, AI_DRAFT_MAX_PROMPT_LENGTH as n, PopoverContent$1 as nt, BUILDER_FULLSCREEN_ATTRIBUTE as o, ConnectionFormDialog as ot, summarizeRunsQuota as p, NodeInputFields as pt, RunnerStatusPill as q, draftToCanvas as r, PopoverTrigger$1 as rt, BUILDER_FULLSCREEN_EVENT as s, ReadOnlyFieldset as st, FlowBuilderPage as t, Popover$1 as tt, useRunsQuota as u, SchedulePanel as ut, useAgentMarksStore as v, CardDescription$1 as vt, Badge$1 as w, RUN_CONTROL_NODE_TYPES as wt, TableView as x, CardTitle$1 as xt, toPlainText as y, CardFooter as yt, buildRequiredNodeTypes as z };