@burdenoff/fluidgrids-fe-sdk 2026.1112.7 → 2026.1112.8

package/dist/{flow-builder-dvqpKs8d.js → flow-builder-9jDNwkID.js}

@@ -1,31 +1,33 @@
 "use client";
 import { 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, j as NodeTypeIcon, r as CODE_WORKFLOW_NODE_TYPE, z as NODE_OPERATION_DRAG_DATA_FORMAT } from "./node-operation-selection-DAbS6jSY.js";
-import { $t as AUTOSAVE_DEBOUNCE_MS, Bn as useMarkdownRenderer, Bt as leaseCallSequence, Cn as loadDefinitionJson, Ct as watchLeavingLosesChanges, D as InstallWorkflowNodeDocument, E as InstallPurchasedNodeDocument, Et as useSaveWorkflow, F as getNodeMetadata, Ft as useEditLeaseLocked, Gt as tickAction, H as MissingParametersDialog, Hn as useBuilderReadOnly, Ht as phaseAfterTakeOver, It as useEditLeaseStore, Jt as rememberSessionForReload, Kt as EDIT_SESSION_ID, Ln as getNodeDetail, Lt as bannerOf, M as UninstallOrganizationPrivateNodeDocument, Mt as saveIndicatorOf, N as UninstallWorkflowNodeDocument, Nt as useSaveStatusStore, Pt as workflowSaveQueue, Qt as revisionOf, Rn as buildStickyNode, Rt as isLocked, S as CreateStoreOrderDocument, St as touchesSavedFields, T as InstallOrganizationPrivateNodeDocument, Tt as useFlowValidator, U as useRunGuard, Ut as releasesOnClose, V as useInsertNode, Vn as BuilderReadOnlyProvider, Vt as phaseAfterAcquire, W as workflowParameterIssues, Wt as shouldReleaseForIdle, Xt as rememberOwnStatusChange, Yt as sessionBeforeReload, Zt as rememberRevision, _t as departingSave, a as NODES_METADATA, an as resettledBaseline, b as BrowseWorkflowNodesDocument, bn as useCanvasEdges, bt as leavingLosesChanges, cn as useNodeExecution, en as AUTOSAVE_RETRY_DELAYS_MS, f as isNodeConfigsInitialized, g as registerWorkflowNodeTypes, gt as autosaveAllowedFor, ht as useManualSave, i as AVAILABLE_NODES, in as inAppLeaveTarget, jt as refusalOfQuota, k as OrganizationPrivateNodesDocument, l as ensureNodeConfigsLoaded, m as refetchStoreNodes, mt as useGuardedNavigate, o as NODE_CONFIGS, on as saveFailureActionOf, p as onNodeTypesUpdate, qt as forgetSessionForReload, s as NODE_TYPES, sn as workflowFingerprint, t as FluidGridsContext, tn as canAutosave, v as scheduleNodePaletteLoad, vt as editStateFor, w as GetNodeInstallableVersionsDocument, wt as isFlowComplete, xn as useNodeRegistryRevision, xt as savedEverythingBeforeLeaving, yt as editingLeaseLocked, z as buildOperationSeed, zn as loadMarkdown, zt as leaseCallQueue } from "./FluidGridsProvider-B1hgCbxG.js";
+import { $t as AUTOSAVE_DEBOUNCE_MS, Bn as useMarkdownRenderer, Bt as leaseCallSequence, Cn as loadDefinitionJson, Ct as watchLeavingLosesChanges, D as InstallWorkflowNodeDocument, E as InstallPurchasedNodeDocument, Et as useSaveWorkflow, F as getNodeMetadata, Ft as useEditLeaseLocked, Gt as tickAction, H as MissingParametersDialog, Hn as useBuilderReadOnly, Ht as phaseAfterTakeOver, It as useEditLeaseStore, Jt as rememberSessionForReload, Kt as EDIT_SESSION_ID, Ln as getNodeDetail, Lt as bannerOf, M as UninstallOrganizationPrivateNodeDocument, Mt as saveIndicatorOf, N as UninstallWorkflowNodeDocument, Nt as useSaveStatusStore, Pt as workflowSaveQueue, Qt as revisionOf, Rn as buildStickyNode, Rt as isLocked, S as CreateStoreOrderDocument, St as touchesSavedFields, T as InstallOrganizationPrivateNodeDocument, Tt as useFlowValidator, U as useRunGuard, Ut as releasesOnClose, V as useInsertNode, Vn as BuilderReadOnlyProvider, Vt as phaseAfterAcquire, W as workflowParameterIssues, Wt as shouldReleaseForIdle, Xt as rememberOwnStatusChange, Yt as sessionBeforeReload, Zt as rememberRevision, _t as departingSave, a as NODES_METADATA, an as resettledBaseline, b as BrowseWorkflowNodesDocument, bn as useCanvasEdges, bt as leavingLosesChanges, cn as useNodeExecution, en as AUTOSAVE_RETRY_DELAYS_MS, f as isNodeConfigsInitialized, g as registerWorkflowNodeTypes, gt as autosaveAllowedFor, ht as useManualSave, i as AVAILABLE_NODES, in as inAppLeaveTarget, jt as refusalOfQuota, k as OrganizationPrivateNodesDocument, l as ensureNodeConfigsLoaded, m as refetchStoreNodes, mt as useGuardedNavigate, o as NODE_CONFIGS, on as saveFailureActionOf, p as onNodeTypesUpdate, qt as forgetSessionForReload, s as NODE_TYPES, sn as workflowFingerprint, t as FluidGridsContext, tn as canAutosave, v as scheduleNodePaletteLoad, vt as editStateFor, w as GetNodeInstallableVersionsDocument, wt as isFlowComplete, xn as useNodeRegistryRevision, xt as savedEverythingBeforeLeaving, yt as editingLeaseLocked, z as buildOperationSeed, zn as loadMarkdown, zt as leaseCallQueue } from "./FluidGridsProvider-TQ-aDPtn.js";
 import { r as useTr } from "./TranslationBridge-Da-TPgQm.js";
 import { n as preloadableLazy } from "./preloadable-lazy-Pp47mqQ9.js";
 import { a as DialogFooter$1, d as Input$1, i as DialogDescription$1, l as DialogTitle$1, o as DialogHeader$1, r as DialogContent$1, t as Dialog$1 } from "./dialog-Cjb4lB4D.js";
-import { _ as storeNodeInstallVersion, a as useTemplateImportFlow, d as filterStoreNodesForPalette, f as getStoreNodeAvailability, g as storeNodeDisplayVersion, h as isStoreNodeUpdateAvailable, k as filterPaletteNodes, m as getStoreNodeType, p as getStoreNodeIcon, t as TemplateCard, u as useWorkflowTemplates, v as useInstalledNodes, y as useGlobalStoreClient } from "./TemplateCard-DanOe65C.js";
+import { _ as isStoreNodeUpdateAvailable, a as useTemplateImportFlow, b as useInstalledNodes, f as useWorkflowTemplates, g as getStoreNodeType, h as getStoreNodeIcon, j as filterPaletteNodes, m as getStoreNodeAvailability, p as filterStoreNodesForPalette, t as TemplateCard, v as storeNodeDisplayVersion, x as useGlobalStoreClient, y as storeNodeInstallVersion } from "./TemplateCard-XBc0qEA4.js";
 import { _ as throwIfResultError, d as emitFluidGridsEvent, m as describeOperationError, n as getFluidGridsClient, s as waitForFluidGridsClient, x as getFluidGridsConfig } from "./client-C9XSzSXr.js";
-import { c as useDurableParityEnabled, d as usePaletteGates, l as useFluidGridsFlag, m as useWorkflowTestsEnabled, s as useDurableFunctionNodesEnabled, t as FLUIDGRIDS_FLAGS } from "./feature-flags-DM5myWaD.js";
+import { _ as useWorkflowTestsEnabled, d as useFluidGridsFlag, h as usePhaseDFlags, l as useDurableFunctionNodesEnabled, p as usePaletteGates, t as FLUIDGRIDS_FLAGS, u as useDurableParityEnabled } from "./feature-flags-B_b8PJ6Z.js";
 import { t as Button$2 } from "./button-DG7y_FVJ.js";
 import { t as PublishCustomNodeAction } from "./PublishCustomNodeAction-5XXnSA3H.js";
 import { o as emitUpgradeClicked, t as emitNodeInstalled } from "./fluidgridsEvents-Dm5CaHtr.js";
-import { $t as RemoveNodeFromWorkflowsDocument, Br as WorkflowGitPushesDocument, Ci as WorkflowVersioningDocument, Ft as NodeUsageStatusDocument, Gr as WorkflowPromotionRequestsDocument, Hn as TakeOverWorkflowEditLeaseDocument, Lr as WorkflowGenerationTemplatesDocument, Mn as SetWorkflowRolloutDocument, Mr as WorkflowEditLeaseDocument, Nt as NodeSchemaIntrospectionDocument, Or as WorkflowDefinitionDocument, Pr as WorkflowEnvironmentsDocument, Q as DeployWorkflowVersionToDevDocument, Qt as ReleaseWorkflowEditLeaseDocument, Rr as WorkflowGitCommitsDocument, S as CancelWorkflowPromotionDocument, Si as WorkflowVersionDrainageDocument, Vr as WorkflowGitRepositoryDocument, Xt as RejectWorkflowPromotionDocument, Y as DeleteWorkflowRolloutDocument, Zn as UnlinkWorkflowGitRepositoryDocument, br as WorkflowAuthoringDocument, l as ApproveWorkflowPromotionDocument, lr as UpdateWorkflowEnvironmentPolicyDocument, qt as PushWorkflowToGitDocument, r as ActivateWorkflowVersionCheckedDocument, rn as RequestWorkflowPromotionDocument, sn as RestoreWorkflowFromGitDocument, t as AcquireWorkflowEditLeaseDocument, wt as LinkWorkflowGitRepositoryDocument, zr as WorkflowGitDiffDocument } from "./graphql-operation-types-z2oXfQvM.js";
+import { $t as RemoveNodeFromWorkflowsDocument, Br as WorkflowGitPushesDocument, Ci as WorkflowVersionDrainageDocument, Ft as NodeUsageStatusDocument, Gr as WorkflowPromotionRequestsDocument, Hn as TakeOverWorkflowEditLeaseDocument, Kr as WorkflowProposalCodeDocument, Lr as WorkflowGenerationTemplatesDocument, Mn as SetWorkflowRolloutDocument, Mr as WorkflowEditLeaseDocument, Nt as NodeSchemaIntrospectionDocument, Or as WorkflowDefinitionDocument, Pr as WorkflowEnvironmentsDocument, Q as DeployWorkflowVersionToDevDocument, Qt as ReleaseWorkflowEditLeaseDocument, Rr as WorkflowGitCommitsDocument, S as CancelWorkflowPromotionDocument, Vr as WorkflowGitRepositoryDocument, Xt as RejectWorkflowPromotionDocument, Y as DeleteWorkflowRolloutDocument, Zn as UnlinkWorkflowGitRepositoryDocument, br as WorkflowAuthoringDocument, l as ApproveWorkflowPromotionDocument, lr as UpdateWorkflowEnvironmentPolicyDocument, qt as PushWorkflowToGitDocument, r as ActivateWorkflowVersionCheckedDocument, rn as RequestWorkflowPromotionDocument, sn as RestoreWorkflowFromGitDocument, t as AcquireWorkflowEditLeaseDocument, wi as WorkflowVersioningDocument, wt as LinkWorkflowGitRepositoryDocument, zr as WorkflowGitDiffDocument } from "./graphql-operation-types-DZVhCBEi.js";
 import { n as useAgentMarksStore } from "./marksStore-DGCXjTmZ.js";
-import { A as CreateWorkflowRefusalDialog, C as orderedExportFiles, E as sortFidelityItems, S as lineOfNode, _ as fileBaseName, b as isLosslessReport, c as saveWorkflowDescription, l as visibleWorkflowDescription, o as commitWorkflowDescription, r as useWorkflowCodeExport, s as normalizeWorkflowDescription, t as downloadWorkflowCodeExport, u as workflowDescriptionCharactersLeft, x as isLossyFidelityItem } from "./useWorkflowCodeExport-D0zapXXm.js";
+import { a as saveWorkflowDescription, c as CreateWorkflowRefusalDialog, i as normalizeWorkflowDescription, n as useWorkflowCodeExport, o as visibleWorkflowDescription, r as commitWorkflowDescription, s as workflowDescriptionCharactersLeft } from "./useWorkflowCodeExport-k5Emm4ZS.js";
 import { r as RUNS_QUOTA_NAME, t as BILLING_PLANS_PATH } from "./quota-Cdt8yz7N.js";
-import { t as EntityTagPicker } from "./EntityTagPicker-dxfzv8aO.js";
+import { t as EntityTagPicker } from "./EntityTagPicker-CuZAMby_.js";
 import { t as FluidGridsDocsLink } from "./FluidGridsDocsLink-JxkBpOeb.js";
 import { n as runsQuotaLevel, t as readRunsQuota } from "./runsQuota-DvXR6mRN.js";
 import { a as SdkPermissionGate, i as SdkPermissionButton, s as useFluidGridsPermission, t as FLUIDGRIDS_PERMISSIONS } from "./constants-dcxg6zG6.js";
-import { a as useDeactivateWorkflow, d as useRestoreWorkflowVersion, o as useDeleteWorkflow, t as useActivateWorkflow, v as useWorkflowVersions } from "./useWorkflows-CP-d3ygY.js";
-import { n as VersionLifecycleBar, r as countLifecycle, t as VersionDiffDialog } from "./VersionDiffDialog-pLpG_I1r.js";
+import { a as useDeactivateWorkflow, d as useRestoreWorkflowVersion, o as useDeleteWorkflow, t as useActivateWorkflow, v as useWorkflowVersions } from "./useWorkflows-CRUlQBd3.js";
+import { n as VersionLifecycleBar, r as countLifecycle, t as VersionDiffDialog } from "./VersionDiffDialog-c27yet_-.js";
 import { $P as VersioningBehavior, Eu as DrainageStatus, MI as WorkflowTestExpectedStatus, jo as CodeReplaceStatus, nI as WorkflowEnvironment, rI as WorkflowExportFormat } from "./graphql-types-v6CTGwA0.js";
 import { n as useConnections } from "./useConnections-Cs7LCWEM.js";
 import { t as buildNodeDisplayMap } from "./run-display-BycKYSU0.js";
-import { a as TEST_STATUS_TONE_CLASS, 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 } from "./WorkflowProposalCard-BjYAZH3q.js";
+import { a as TEST_STATUS_TONE_CLASS, 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 } from "./WorkflowProposalCard-BvmJ5ea8.js";
 import { n as useRequestedProposal } from "./useRequestedProposal-B7uPXfZB.js";
 import { t as AiCreditBalanceSlot } from "./aiCreditsBridge-BuE92tKo.js";
+import { t as downloadBlob } from "./workflow-transfer-CQnQC-ke.js";
+import { _ as sortFidelityItems, c as fileBaseName, d as isLosslessReport, f as isLossyFidelityItem, m as orderedExportFiles, o as buildExportDownload, p as lineOfNode } from "./workflow-code-transfer-Cshsgf2H.js";
 import * as React$1 from "react";
 import { Suspense, createContext, lazy, memo, useCallback, useContext, useDeferredValue, useEffect, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { Link, useNavigate, useParams } from "react-router";
@@ -260,10 +262,10 @@ function IntroductionPropertyPanel() {
 * waiting for its chunk and React's Suspense throttle (about 0.5 s on first
 * open even with the chunk cached).
 */
-const NodeDetailViewOverlay = preloadableLazy(() => import("./node-detail-view-ZnJ3Hvvo.js").then((m) => m.NodeDetailView), "NodeDetailView");
-const QuickConfigPanelOverlay = preloadableLazy(() => import("./quick-config-panel-EV66lJOM.js").then((m) => m.QuickConfigPanel), "QuickConfigPanel");
-const SidebarNodeEditorOverlay = preloadableLazy(() => import("./sidebar-node-editor-D85Moj5d.js").then((m) => m.SidebarNodeEditor), "SidebarNodeEditor");
-const WorkflowShareDialogOverlay = preloadableLazy(() => import("./WorkflowShareDialog-DB-qJLB2.js").then((n) => n.n).then((m) => m.WorkflowShareDialog), "WorkflowShareDialog");
+const NodeDetailViewOverlay = preloadableLazy(() => import("./node-detail-view-C1yupyvL.js").then((m) => m.NodeDetailView), "NodeDetailView");
+const QuickConfigPanelOverlay = preloadableLazy(() => import("./quick-config-panel-BvlhLiQp.js").then((m) => m.QuickConfigPanel), "QuickConfigPanel");
+const SidebarNodeEditorOverlay = preloadableLazy(() => import("./sidebar-node-editor-BU4rJwvm.js").then((m) => m.SidebarNodeEditor), "SidebarNodeEditor");
+const WorkflowShareDialogOverlay = preloadableLazy(() => import("./WorkflowShareDialog-BRwTF9QB.js").then((n) => n.n).then((m) => m.WorkflowShareDialog), "WorkflowShareDialog");
 const ConnectionFormDialogOverlay = preloadableLazy(() => import("./ConnectionFormDialog-Bg9_OdHX.js").then((n) => n.n).then((m) => m.ConnectionFormDialog), "ConnectionFormDialog");
 /**
 * Loads every overlay's code (and the markdown renderer the sticky notes and
@@ -2742,7 +2744,7 @@ function TemplatesGrid({ templates, loading, hasMore, onLoadMore, onTemplateClic
 }
 
 // src/builder/components/flow-builder/components/templates/TemplatesModal.tsx
-const LazyTemplateDetailPanel = lazy(() => import("./TemplateDetailPanel-DnoA6mC3.js").then((m) => ({ default: m.TemplateDetailPanel })));
+const LazyTemplateDetailPanel = lazy(() => import("./TemplateDetailPanel-0Cc6jguU.js").then((m) => ({ default: m.TemplateDetailPanel })));
 /**
 * Modal for browsing and selecting workflow templates
 * Features:
@@ -16234,6 +16236,435 @@ function canvasHasWork(nodes) {
 	return nodes.length > 1;
 }
 
+// src/hooks/useWorkflowProposalCode.ts
+/**
+* Generate with AI emits code (BOFF-9907, PLAN-D D1): an AI proposal's
+* definition lifted to TypeScript or Python.
+*
+* The model never writes code (DD5): the service lifts the validated
+* definition through C-LIFT on each read (`WorkflowProposal.code(format)`),
+* so the files always lower back to the proposal and the fidelity report
+* proves it. The AI panel reads it only while a code tab is open, with
+* `fluidgrids.code-first` and `fluidgrids.ai-code` on; the service re-checks
+* both flags on every read.
+*/
+/**
+* One network round trip; never served from the Apollo cache, because the
+* lift follows the proposal's current definition. Null while the proposal has
+* no definition (still processing, or failed).
+*/
+async function fetchWorkflowProposalCode(id, format) {
+	const result = await getFluidGridsClient().query({
+		query: WorkflowProposalCodeDocument,
+		variables: {
+			id,
+			format
+		},
+		fetchPolicy: "network-only"
+	});
+	throwIfResultError(result);
+	return result.data?.workflowProposal?.code ?? null;
+}
+/**
+* The lifted code of one proposal in one format, fetched while `enabled` (a
+* code tab is open). A response for an older request (the format or the
+* proposal changed meanwhile) is dropped, so the Python tab never shows
+* TypeScript. `revision` refetches when it changes, for example when the
+* proposal's status or definition moved on.
+*/
+function useWorkflowProposalCode(id, format, enabled, revision, errorFallback) {
+	const key = `${id ?? ""}\u0000${format}\u0000${revision}`;
+	const [answer, setAnswer] = useState(null);
+	const [pendingKey, setPendingKey] = useState(null);
+	const request = useRef(0);
+	const refetch = useCallback(async () => {
+		if (!id) return;
+		const current = ++request.current;
+		setPendingKey(key);
+		try {
+			const code = await fetchWorkflowProposalCode(id, format);
+			if (current !== request.current) return;
+			setAnswer({
+				key,
+				data: code,
+				error: null
+			});
+		} catch (err) {
+			if (current !== request.current) return;
+			setAnswer({
+				key,
+				data: null,
+				error: describeOperationError(err, errorFallback)
+			});
+		} finally {
+			if (current === request.current) setPendingKey(null);
+		}
+	}, [
+		id,
+		format,
+		key,
+		errorFallback
+	]);
+	useEffect(() => {
+		if (!enabled || !id) {
+			request.current++;
+			return;
+		}
+		refetch();
+	}, [
+		enabled,
+		id,
+		refetch
+	]);
+	const current = answer?.key === key ? answer : null;
+	return {
+		data: current?.data ?? null,
+		loading: enabled && id !== null && pendingKey === key,
+		error: current?.error ?? null,
+		refetch
+	};
+}
+
+// src/builder/components/flow-builder/components/ui/code-view-fidelity.tsx
+/**
+* The fidelity report of a code export (BOFF-9904, spec 07 §2), as the
+* builder's Code view shows it: whether lowering the exported code gives the
+* same workflow back, and every item the service reported, each linked to its
+* node on the canvas.
+*/
+function FidelityLevelBadge({ fidelity }) {
+	const tr = useTr();
+	const lossless = isLosslessReport(fidelity);
+	return /* @__PURE__ */ jsxs(Badge, {
+		variant: lossless ? "secondary" : "destructive",
+		"data-testid": "fluidgrids-code-fidelity-level",
+		"data-level": lossless ? "lossless" : "lossy",
+		className: "gap-1",
+		children: [/* @__PURE__ */ jsx(Icon, {
+			icon: lossless ? "mynaui:check-circle" : "mynaui:danger-triangle",
+			className: "size-3.5"
+		}), lossless ? tr("fluidgrids.builder.codeView.lossless", "Lossless") : tr("fluidgrids.builder.codeView.lossy", "Lossy")]
+	});
+}
+function FidelityReportList({ fidelity, source, hasNode, onShowNode, hints }) {
+	const tr = useTr();
+	const items = sortFidelityItems(fidelity.items);
+	return /* @__PURE__ */ jsxs("section", {
+		"aria-labelledby": "fg-code-fidelity",
+		"data-testid": "fluidgrids-code-fidelity",
+		className: "space-y-2",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-between gap-2",
+				children: [/* @__PURE__ */ jsx("h3", {
+					id: "fg-code-fidelity",
+					className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+					children: tr("fluidgrids.builder.codeView.fidelityTitle", "Fidelity")
+				}), /* @__PURE__ */ jsx(FidelityLevelBadge, { fidelity })]
+			}),
+			/* @__PURE__ */ jsx("p", {
+				className: "text-xs text-muted-foreground",
+				children: hints ? isLosslessReport(fidelity) ? hints.lossless : hints.lossy : isLosslessReport(fidelity) ? tr("fluidgrids.builder.codeView.losslessHint", "Lowering this code gives back exactly this workflow.") : tr("fluidgrids.builder.codeView.lossyHint", "Lowering this code does not give back exactly this workflow. The items marked lossy say what differs.")
+			}),
+			items.length === 0 ? /* @__PURE__ */ jsx("p", {
+				className: "text-xs text-muted-foreground",
+				children: tr("fluidgrids.builder.codeView.noFidelityItems", "Nothing to report.")
+			}) : /* @__PURE__ */ jsx("ul", {
+				className: "space-y-1.5",
+				children: items.map((item, index) => {
+					const lossy = isLossyFidelityItem(item);
+					const nodeId = item.nodeId ?? null;
+					const line = nodeId && source !== void 0 ? lineOfNode(source, nodeId) : null;
+					return /* @__PURE__ */ jsxs("li", {
+						"data-testid": "fluidgrids-code-fidelity-item",
+						"data-kind": item.kind,
+						"data-lossy": lossy ? "true" : "false",
+						className: cn("rounded-md border p-2 text-xs", lossy ? "border-[var(--color-status-error-border)] bg-[var(--color-status-error-bg)]" : "border-border bg-muted/30"),
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: "flex flex-wrap items-center gap-1.5",
+								children: [
+									/* @__PURE__ */ jsx(Badge, {
+										variant: lossy ? "destructive" : "outline",
+										className: "text-[10px]",
+										children: lossy ? tr("fluidgrids.builder.codeView.itemLossy", "Lossy") : tr("fluidgrids.builder.codeView.itemLossless", "Kept")
+									}),
+									/* @__PURE__ */ jsx("code", {
+										className: "font-mono text-[11px] text-card-foreground",
+										children: item.kind
+									}),
+									line !== null && /* @__PURE__ */ jsx("span", {
+										className: "text-muted-foreground",
+										children: tr("fluidgrids.builder.codeView.itemLine", "line {{line}}", { line: String(line) })
+									})
+								]
+							}),
+							/* @__PURE__ */ jsx("p", {
+								className: "mt-1 break-words text-card-foreground",
+								children: item.detail
+							}),
+							item.path && /* @__PURE__ */ jsx("p", {
+								className: "mt-0.5 break-all font-mono text-[11px] text-muted-foreground",
+								children: item.path
+							}),
+							nodeId && onShowNode && /* @__PURE__ */ jsxs(Button, {
+								variant: "link",
+								size: "sm",
+								className: "mt-1 h-auto gap-1 p-0 text-xs",
+								disabled: !hasNode?.(nodeId),
+								onClick: () => onShowNode(nodeId),
+								"data-testid": "fluidgrids-code-fidelity-node",
+								children: [/* @__PURE__ */ jsx(Icon, {
+									icon: "mynaui:location",
+									className: "size-3.5"
+								}), tr("fluidgrids.builder.codeView.showNode", "Show node {{nodeId}}", { nodeId })]
+							})
+						]
+					}, `${item.kind}-${nodeId ?? ""}-${item.path ?? ""}-${index}`);
+				})
+			})
+		]
+	});
+}
+
+// src/builder/components/flow-builder/components/ui/code-files-view.tsx
+/**
+* CodeFilesView — the presentational part of a read-only code view
+* (BOFF-9904, split out for BOFF-9907 PLAN-D D1).
+*
+* Shows a set of lifted files (the workflow module first, then its sidecars
+* and generated node clients) syntax-highlighted and read-only, the irHash,
+* the fidelity report, and *Copy* and *Download*. It fetches nothing: the
+* builder's Code view passes an `exportWorkflow` result, and the AI panel's
+* code tabs pass `WorkflowProposal.code`. Both download exactly what the
+* service lifted, through `buildExportDownload`.
+*/
+const LazyCodeEditorField = lazy(() => import("./code-editor-field-CWGZyNGM.js").then((n) => n.n).then((m) => ({ default: m.CodeEditorField })));
+function editorLanguageOf(path) {
+	if (path.endsWith(".py")) return "python";
+	if (path.endsWith(".ts")) return "typescript";
+	return "javascript";
+}
+function CodeFilesView({ format, result, loading, error, onRetry, download, toolbarStart, notice, hasNode, onShowNode, editorLabel, loadingText, emptyText, save = downloadBlob }) {
+	const tr = useTr();
+	const [picked, setPicked] = useState(null);
+	const selectedPath = picked?.format === format ? picked.path : null;
+	const [downloading, setDownloading] = useState(false);
+	const files = useMemo(() => result ? orderedExportFiles(result.files, format) : [], [result, format]);
+	const shown = files.find((file) => file.path === selectedPath) ?? files[0] ?? null;
+	const shownContent = shown?.content ?? "";
+	const copy = async () => {
+		if (!shown) return;
+		try {
+			await navigator.clipboard.writeText(shownContent);
+			toast.success(tr("fluidgrids.builder.codeView.copied", "Code copied"));
+		} catch (err) {
+			toast.error(tr("fluidgrids.builder.codeView.copyError", "Copy failed"), { description: describeOperationError(err) });
+		}
+	};
+	const startDownload = async () => {
+		if (!result) return;
+		setDownloading(true);
+		try {
+			const { filename, blob } = await buildExportDownload({
+				...download,
+				files: [...result.files]
+			}, format);
+			save(filename, blob);
+		} catch (err) {
+			toast.error(tr("fluidgrids.builder.codeView.downloadError", "Download failed"), { description: describeOperationError(err) });
+		} finally {
+			setDownloading(false);
+		}
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-1 flex-col gap-4",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "flex flex-wrap items-center justify-between gap-2",
+				children: [toolbarStart ?? /* @__PURE__ */ jsx("span", {}), /* @__PURE__ */ jsxs("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ jsxs(Button, {
+						variant: "outline",
+						size: "sm",
+						className: "h-8 gap-1 text-xs",
+						onClick: () => void copy(),
+						disabled: !shown || loading,
+						children: [/* @__PURE__ */ jsx(Icon, {
+							icon: "mynaui:copy",
+							className: "size-3.5"
+						}), tr("fluidgrids.builder.codeView.copy", "Copy")]
+					}), /* @__PURE__ */ jsxs(Button, {
+						variant: "outline",
+						size: "sm",
+						className: "h-8 gap-1 text-xs",
+						onClick: () => void startDownload(),
+						disabled: !result || loading || downloading,
+						"data-testid": "fluidgrids-code-download",
+						children: [/* @__PURE__ */ jsx(Icon, {
+							icon: "mynaui:download",
+							className: "size-3.5"
+						}), tr("fluidgrids.builder.codeView.download", "Download")]
+					})]
+				})]
+			}),
+			notice,
+			loading && !result ? /* @__PURE__ */ jsxs("div", {
+				className: "flex items-center justify-center py-8 text-sm text-muted-foreground",
+				children: [/* @__PURE__ */ jsx(Icon, {
+					icon: "mynaui:spinner",
+					className: "mr-2 size-4 animate-spin"
+				}), loadingText]
+			}) : error ? /* @__PURE__ */ jsxs("div", {
+				className: "py-6 text-sm",
+				role: "alert",
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "text-[var(--color-status-error-text)]",
+					children: error
+				}), /* @__PURE__ */ jsx(Button, {
+					variant: "outline",
+					size: "sm",
+					className: "mt-3",
+					onClick: onRetry,
+					children: tr("fluidgrids.builder.codeView.retry", "Retry")
+				})]
+			}) : result && shown ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				files.length > 1 && /* @__PURE__ */ jsx("div", {
+					className: "flex flex-wrap gap-1",
+					role: "group",
+					"aria-label": tr("fluidgrids.builder.codeView.files", "Files"),
+					children: files.map((file) => /* @__PURE__ */ jsx(Button, {
+						variant: file === shown ? "secondary" : "ghost",
+						size: "sm",
+						className: "h-7 font-mono text-[11px]",
+						title: file.path,
+						"aria-pressed": file === shown,
+						onClick: () => setPicked({
+							format,
+							path: file.path
+						}),
+						children: fileBaseName(file.path)
+					}, file.path))
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex items-center justify-between gap-2 text-[11px] text-muted-foreground",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "truncate font-mono",
+						title: shown.path,
+						children: shown.path
+					}), /* @__PURE__ */ jsxs("span", {
+						className: "flex shrink-0 items-center gap-2",
+						children: [/* @__PURE__ */ jsx("span", {
+							className: "font-mono",
+							title: result.irHash,
+							children: result.irHash.slice(0, 19)
+						}), /* @__PURE__ */ jsx(FidelityLevelBadge, { fidelity: result.fidelity })]
+					})]
+				}),
+				/* @__PURE__ */ jsx(Suspense, {
+					fallback: /* @__PURE__ */ jsx("div", {
+						className: "min-h-[260px] rounded-md border border-border bg-muted/30",
+						role: "status",
+						"aria-label": editorLabel
+					}),
+					children: /* @__PURE__ */ jsx(LazyCodeEditorField, {
+						value: shownContent,
+						language: editorLanguageOf(shown.path),
+						label: editorLabel,
+						readOnly: true,
+						minHeight: "260px",
+						maxHeight: "55vh",
+						"data-testid": "fluidgrids-code-editor"
+					})
+				}),
+				/* @__PURE__ */ jsx(FidelityReportList, {
+					fidelity: result.fidelity,
+					source: shownContent,
+					hasNode,
+					onShowNode
+				})
+			] }) : /* @__PURE__ */ jsx("p", {
+				className: "py-6 text-sm text-muted-foreground",
+				children: emptyText
+			})
+		]
+	});
+}
+
+// src/builder/components/flow-builder/components/ui/ai-draft-code-tabs.tsx
+/**
+* The AI panel's *Canvas | TypeScript | Python* tabs (BOFF-9907, PLAN-D D1).
+*
+* *Canvas* is the proposal card exactly as before. The code tabs show the
+* proposed definition lifted by the service (`WorkflowProposal.code`), read
+* when the tab opens and never from the cache, with its fidelity report and
+* *Download*. The model never writes the code (DD5): what the tab shows is the
+* validated proposal, so importing the files gives back the same workflow.
+*
+* Rendered only while `fluidgrids.code-first` and `fluidgrids.ai-code` are on
+* (the panel checks `usePhaseDFlags().aiCode`) and the proposal has a
+* definition; otherwise the panel renders the card alone, as it always did.
+*/
+function isDraftTab(value) {
+	return value === "canvas" || value === "TYPESCRIPT" || value === "PYTHON";
+}
+/** The version label a lifted proposal carries: it is not a stored version. */
+const DRAFT_CODE_VERSION = "draft";
+function AiDraftCodeTabs({ proposal, canvas, save }) {
+	const tr = useTr();
+	const [tab, setTab] = useState("canvas");
+	const format = tab === "canvas" ? "TYPESCRIPT" : tab;
+	const revision = `${proposal.status}:${proposal.updatedAt ?? ""}`;
+	const code = useWorkflowProposalCode(proposal.id, format, tab !== "canvas", revision, tr("fluidgrids.builder.aiDraft.codeLoadFailed", "The code could not be loaded"));
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-col gap-3",
+		"data-testid": "ai-draft-tabs",
+		children: [/* @__PURE__ */ jsx(Tabs, {
+			value: tab,
+			onValueChange: (value) => {
+				if (isDraftTab(value)) setTab(value);
+			},
+			children: /* @__PURE__ */ jsxs(TabsList, { children: [
+				/* @__PURE__ */ jsx(TabsTrigger, {
+					value: "canvas",
+					"data-testid": "ai-draft-tab-canvas",
+					children: tr("fluidgrids.builder.aiDraft.tabCanvas", "Canvas")
+				}),
+				/* @__PURE__ */ jsx(TabsTrigger, {
+					value: "TYPESCRIPT",
+					"data-testid": "ai-draft-tab-typescript",
+					children: tr("fluidgrids.builder.aiDraft.tabTypescript", "TypeScript")
+				}),
+				/* @__PURE__ */ jsx(TabsTrigger, {
+					value: "PYTHON",
+					"data-testid": "ai-draft-tab-python",
+					children: tr("fluidgrids.builder.aiDraft.tabPython", "Python")
+				})
+			] })
+		}), tab === "canvas" ? canvas : /* @__PURE__ */ jsxs("div", {
+			"data-testid": "ai-draft-code",
+			children: [/* @__PURE__ */ jsx("p", {
+				className: "mb-3 text-xs text-muted-foreground",
+				children: tr("fluidgrids.builder.aiDraft.codeDescription", "The proposal as code, lifted by FluidGrids from the validated draft. Importing these files gives back the same workflow.")
+			}), /* @__PURE__ */ jsx(CodeFilesView, {
+				format,
+				result: code.data,
+				loading: code.loading,
+				error: code.error,
+				onRetry: () => void code.refetch(),
+				download: {
+					workflowKey: proposal.workflowKey || proposal.name || "workflow",
+					version: DRAFT_CODE_VERSION
+				},
+				editorLabel: tr("fluidgrids.builder.aiDraft.codeEditorLabel", "Proposed workflow code (read-only)"),
+				loadingText: tr("fluidgrids.builder.aiDraft.codeLoading", "Lifting the proposal…"),
+				emptyText: tr("fluidgrids.builder.aiDraft.codeEmpty", "The proposal has no definition to show as code yet."),
+				save
+			})]
+		})]
+	});
+}
+
 // src/builder/components/flow-builder/components/ui/ai-draft-panel.tsx
 /**
 * AiDraftPanel — "Generate with AI" in the builder (BOFF-4304, BOFF-3662).
@@ -16275,6 +16706,7 @@ function AiDraftPanel({ className, compact = false }) {
 		setOpen(true);
 		openProposal(proposalId);
 	}, [openProposal]), Boolean(workflowKey));
+	const { aiCode } = usePhaseDFlags();
 	const [nodes, setNodes, setEdges] = useFlowStore(useShallow((s) => [
 		s.workflow.nodes,
 		s.actions.nodes.setNodes,
@@ -16367,6 +16799,22 @@ function AiDraftPanel({ className, compact = false }) {
 		proposal.reset();
 	}, [proposal]);
 	const finished = status !== void 0 && status !== "PROCESSING" && status !== "PROPOSED";
+	const proposalCanvas = current ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(WorkflowProposalCard, {
+		proposal: current,
+		isDeciding: proposal.isDeciding || reverting,
+		onApply: () => void handleApply(),
+		onReject: () => void handleReject(),
+		onCancel: () => void proposal.cancel(),
+		onOpenWorkflow: openWorkflow,
+		onRevert: (key, version) => void handleRevert(key, version)
+	}), status === "PROPOSED" && !workflowKey && /* @__PURE__ */ jsx(Button, {
+		variant: "ghost",
+		size: "sm",
+		className: "mt-2",
+		"data-testid": "ai-draft-accept",
+		onClick: handlePutOnCanvas,
+		children: tr("fluidgrids.builder.aiDraft.putOnCanvas", "Add to canvas without saving")
+	})] }) : null;
 	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Sheet, {
 		open,
 		onOpenChange: setOpen,
@@ -16465,24 +16913,18 @@ function AiDraftPanel({ className, compact = false }) {
 						className: "rounded-md border border-[var(--color-status-error-border)] bg-[var(--color-status-error-bg-subtle)] p-3 text-sm text-[var(--color-status-error-text)]",
 						children: proposal.timedOut ? tr("fluidgrids.builder.aiDraft.timedOut", "The draft is taking longer than expected. Try again in a moment.") : proposal.error
 					}),
-					current && /* @__PURE__ */ jsxs("div", {
+					current && /* @__PURE__ */ jsx("div", {
 						"data-testid": "ai-draft-result",
-						children: [/* @__PURE__ */ jsx(WorkflowProposalCard, {
-							proposal: current,
-							isDeciding: proposal.isDeciding || reverting,
-							onApply: () => void handleApply(),
-							onReject: () => void handleReject(),
-							onCancel: () => void proposal.cancel(),
-							onOpenWorkflow: openWorkflow,
-							onRevert: (key, version) => void handleRevert(key, version)
-						}), status === "PROPOSED" && !workflowKey && /* @__PURE__ */ jsx(Button, {
-							variant: "ghost",
-							size: "sm",
-							className: "mt-2",
-							"data-testid": "ai-draft-accept",
-							onClick: handlePutOnCanvas,
-							children: tr("fluidgrids.builder.aiDraft.putOnCanvas", "Add to canvas without saving")
-						})]
+						children: aiCode && current.definitionJson ? /* @__PURE__ */ jsx(AiDraftCodeTabs, {
+							proposal: {
+								id: current.id,
+								status: String(current.status),
+								workflowKey: current.workflowKey,
+								name: current.name,
+								updatedAt: current.updatedAt
+							},
+							canvas: proposalCanvas
+						}, current.id) : proposalCanvas
 					})
 				]
 			})]
@@ -16498,108 +16940,6 @@ function AiDraftPanel({ className, compact = false }) {
 	})] });
 }
 
-// src/builder/components/flow-builder/components/ui/code-view-fidelity.tsx
-/**
-* The fidelity report of a code export (BOFF-9904, spec 07 §2), as the
-* builder's Code view shows it: whether lowering the exported code gives the
-* same workflow back, and every item the service reported, each linked to its
-* node on the canvas.
-*/
-function FidelityLevelBadge({ fidelity }) {
-	const tr = useTr();
-	const lossless = isLosslessReport(fidelity);
-	return /* @__PURE__ */ jsxs(Badge, {
-		variant: lossless ? "secondary" : "destructive",
-		"data-testid": "fluidgrids-code-fidelity-level",
-		"data-level": lossless ? "lossless" : "lossy",
-		className: "gap-1",
-		children: [/* @__PURE__ */ jsx(Icon, {
-			icon: lossless ? "mynaui:check-circle" : "mynaui:danger-triangle",
-			className: "size-3.5"
-		}), lossless ? tr("fluidgrids.builder.codeView.lossless", "Lossless") : tr("fluidgrids.builder.codeView.lossy", "Lossy")]
-	});
-}
-function FidelityReportList({ fidelity, source, hasNode, onShowNode }) {
-	const tr = useTr();
-	const items = sortFidelityItems(fidelity.items);
-	return /* @__PURE__ */ jsxs("section", {
-		"aria-labelledby": "fg-code-fidelity",
-		"data-testid": "fluidgrids-code-fidelity",
-		className: "space-y-2",
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "flex items-center justify-between gap-2",
-				children: [/* @__PURE__ */ jsx("h3", {
-					id: "fg-code-fidelity",
-					className: "text-xs font-semibold uppercase tracking-wide text-muted-foreground",
-					children: tr("fluidgrids.builder.codeView.fidelityTitle", "Fidelity")
-				}), /* @__PURE__ */ jsx(FidelityLevelBadge, { fidelity })]
-			}),
-			/* @__PURE__ */ jsx("p", {
-				className: "text-xs text-muted-foreground",
-				children: isLosslessReport(fidelity) ? tr("fluidgrids.builder.codeView.losslessHint", "Lowering this code gives back exactly this workflow.") : tr("fluidgrids.builder.codeView.lossyHint", "Lowering this code does not give back exactly this workflow. The items marked lossy say what differs.")
-			}),
-			items.length === 0 ? /* @__PURE__ */ jsx("p", {
-				className: "text-xs text-muted-foreground",
-				children: tr("fluidgrids.builder.codeView.noFidelityItems", "Nothing to report.")
-			}) : /* @__PURE__ */ jsx("ul", {
-				className: "space-y-1.5",
-				children: items.map((item, index) => {
-					const lossy = isLossyFidelityItem(item);
-					const nodeId = item.nodeId ?? null;
-					const line = nodeId && source !== void 0 ? lineOfNode(source, nodeId) : null;
-					return /* @__PURE__ */ jsxs("li", {
-						"data-testid": "fluidgrids-code-fidelity-item",
-						"data-kind": item.kind,
-						"data-lossy": lossy ? "true" : "false",
-						className: cn("rounded-md border p-2 text-xs", lossy ? "border-[var(--color-status-error-border)] bg-[var(--color-status-error-bg)]" : "border-border bg-muted/30"),
-						children: [
-							/* @__PURE__ */ jsxs("div", {
-								className: "flex flex-wrap items-center gap-1.5",
-								children: [
-									/* @__PURE__ */ jsx(Badge, {
-										variant: lossy ? "destructive" : "outline",
-										className: "text-[10px]",
-										children: lossy ? tr("fluidgrids.builder.codeView.itemLossy", "Lossy") : tr("fluidgrids.builder.codeView.itemLossless", "Kept")
-									}),
-									/* @__PURE__ */ jsx("code", {
-										className: "font-mono text-[11px] text-card-foreground",
-										children: item.kind
-									}),
-									line !== null && /* @__PURE__ */ jsx("span", {
-										className: "text-muted-foreground",
-										children: tr("fluidgrids.builder.codeView.itemLine", "line {{line}}", { line: String(line) })
-									})
-								]
-							}),
-							/* @__PURE__ */ jsx("p", {
-								className: "mt-1 break-words text-card-foreground",
-								children: item.detail
-							}),
-							item.path && /* @__PURE__ */ jsx("p", {
-								className: "mt-0.5 break-all font-mono text-[11px] text-muted-foreground",
-								children: item.path
-							}),
-							nodeId && /* @__PURE__ */ jsxs(Button, {
-								variant: "link",
-								size: "sm",
-								className: "mt-1 h-auto gap-1 p-0 text-xs",
-								disabled: !hasNode(nodeId),
-								onClick: () => onShowNode(nodeId),
-								"data-testid": "fluidgrids-code-fidelity-node",
-								children: [/* @__PURE__ */ jsx(Icon, {
-									icon: "mynaui:location",
-									className: "size-3.5"
-								}), tr("fluidgrids.builder.codeView.showNode", "Show node {{nodeId}}", { nodeId })]
-							})
-						]
-					}, `${item.kind}-${nodeId ?? ""}-${item.path ?? ""}-${index}`);
-				})
-			})
-		]
-	});
-}
-
 // src/builder/components/flow-builder/components/ui/code-view-panel.tsx
 /**
 * CodeViewPanel — the builder's read-only Code view (BOFF-9904, spec 07 §8).
@@ -16613,31 +16953,6 @@ function FidelityReportList({ fidelity, source, hasNode, onShowNode }) {
 * Behind the `fluidgrids.code-first` flag (default off); with the flag off
 * the panel renders nothing and the header is exactly as before.
 */
-const LazyCodeEditorField = lazy(() => import("./code-editor-field-yJZEDJBi.js").then((n) => n.n).then((m) => ({ default: m.CodeEditorField })));
-/** Read-only lifted-code editor with a sized placeholder while its chunk loads. */
-function CodeViewEditor({ content, path, label }) {
-	return /* @__PURE__ */ jsx(Suspense, {
-		fallback: /* @__PURE__ */ jsx("div", {
-			className: "min-h-[260px] rounded-md border border-border bg-muted/30",
-			role: "status",
-			"aria-label": label
-		}),
-		children: /* @__PURE__ */ jsx(LazyCodeEditorField, {
-			value: content,
-			language: editorLanguageOf(path),
-			label,
-			readOnly: true,
-			minHeight: "260px",
-			maxHeight: "55vh",
-			"data-testid": "fluidgrids-code-editor"
-		})
-	});
-}
-function editorLanguageOf(path) {
-	if (path.endsWith(".py")) return "python";
-	if (path.endsWith(".ts")) return "typescript";
-	return "javascript";
-}
 function isCodeViewFormat(value) {
 	return value === "TYPESCRIPT" || value === "PYTHON";
 }
@@ -16655,8 +16970,6 @@ function CodeViewSheet({ className, compact }) {
 	const version = params?.version ?? null;
 	const [open, setOpen] = useState(false);
 	const [format, setFormat] = useState("TYPESCRIPT");
-	const [selectedPath, setSelectedPath] = useState(null);
-	const [downloading, setDownloading] = useState(false);
 	const { data, loading, error, refetch } = useWorkflowCodeExport({
 		workflowKey,
 		version,
@@ -16674,10 +16987,6 @@ function CodeViewSheet({ className, compact }) {
 		open,
 		refetch
 	]);
-	const files = useMemo(() => data ? orderedExportFiles(data.files, format) : [], [data, format]);
-	const shown = files.find((file) => file.path === selectedPath) ?? files[0] ?? null;
-	const shownContent = shown?.content ?? "";
-	useEffect(() => setSelectedPath(null), [format]);
 	const { fitView } = useReactFlow();
 	const nodes = useFlowStore((s) => s.workflow.nodes);
 	const onNodesChange = useFlowStore((s) => s.actions.nodes.onNodesChange);
@@ -16709,26 +17018,6 @@ function CodeViewSheet({ className, compact }) {
 		showNodePropertiesOf,
 		fitView
 	]);
-	const copy = async () => {
-		if (!shown) return;
-		try {
-			await navigator.clipboard.writeText(shownContent);
-			toast.success(tr("fluidgrids.builder.codeView.copied", "Code copied"));
-		} catch (err) {
-			toast.error(tr("fluidgrids.builder.codeView.copyError", "Copy failed"), { description: describeOperationError(err) });
-		}
-	};
-	const download = async () => {
-		if (!data) return;
-		setDownloading(true);
-		try {
-			await downloadWorkflowCodeExport(data, format);
-		} catch (err) {
-			toast.error(tr("fluidgrids.builder.codeView.downloadError", "Download failed"), { description: describeOperationError(err) });
-		} finally {
-			setDownloading(false);
-		}
-	};
 	const label = tr("fluidgrids.builder.codeView.triggerButton", "Code");
 	return /* @__PURE__ */ jsxs(Sheet, {
 		open,
@@ -16758,120 +17047,44 @@ function CodeViewSheet({ className, compact }) {
 					icon: "mynaui:code",
 					className: "size-5"
 				}), tr("fluidgrids.builder.codeView.title", "Code")]
-			}), /* @__PURE__ */ jsx(SheetDescription, { children: tr("fluidgrids.builder.codeView.description", "This version as code, read-only. It is what the FluidGrids CLI pulls; edit the canvas or push code with the CLI to change it.") })] }), /* @__PURE__ */ jsxs("div", {
-				className: "mt-4 flex flex-1 flex-col gap-4 pb-6",
-				children: [
-					/* @__PURE__ */ jsxs("div", {
-						className: "flex flex-wrap items-center justify-between gap-2",
-						children: [/* @__PURE__ */ jsx(Tabs, {
-							value: format,
-							onValueChange: (value) => {
-								if (isCodeViewFormat(value)) setFormat(value);
-							},
-							children: /* @__PURE__ */ jsxs(TabsList, { children: [/* @__PURE__ */ jsx(TabsTrigger, {
-								value: "TYPESCRIPT",
-								"data-testid": "fluidgrids-code-tab-typescript",
-								children: tr("fluidgrids.builder.codeView.typescript", "TypeScript")
-							}), /* @__PURE__ */ jsx(TabsTrigger, {
-								value: "PYTHON",
-								"data-testid": "fluidgrids-code-tab-python",
-								children: tr("fluidgrids.builder.codeView.python", "Python")
-							})] })
-						}), /* @__PURE__ */ jsxs("div", {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ jsxs(Button, {
-								variant: "outline",
-								size: "sm",
-								className: "h-8 gap-1 text-xs",
-								onClick: () => void copy(),
-								disabled: !shown || loading,
-								children: [/* @__PURE__ */ jsx(Icon, {
-									icon: "mynaui:copy",
-									className: "size-3.5"
-								}), tr("fluidgrids.builder.codeView.copy", "Copy")]
-							}), /* @__PURE__ */ jsxs(Button, {
-								variant: "outline",
-								size: "sm",
-								className: "h-8 gap-1 text-xs",
-								onClick: () => void download(),
-								disabled: !data || loading || downloading,
-								children: [/* @__PURE__ */ jsx(Icon, {
-									icon: "mynaui:download",
-									className: "size-3.5"
-								}), tr("fluidgrids.builder.codeView.download", "Download")]
-							})]
-						})]
+			}), /* @__PURE__ */ jsx(SheetDescription, { children: tr("fluidgrids.builder.codeView.description", "This version as code, read-only. It is what the FluidGrids CLI pulls; edit the canvas or push code with the CLI to change it.") })] }), /* @__PURE__ */ jsx("div", {
+				className: "mt-4 flex flex-1 flex-col pb-6",
+				children: /* @__PURE__ */ jsx(CodeFilesView, {
+					format,
+					result: data,
+					loading,
+					error,
+					onRetry: () => void refetch(),
+					download: {
+						workflowKey: data?.workflowKey ?? workflowKey,
+						version: data?.version ?? version ?? ""
+					},
+					hasNode,
+					onShowNode: showNode,
+					editorLabel: tr("fluidgrids.builder.codeView.editorLabel", "Workflow code (read-only)"),
+					loadingText: tr("fluidgrids.builder.codeView.loading", "Lifting the workflow…"),
+					emptyText: tr("fluidgrids.builder.codeView.empty", "The export returned no files."),
+					toolbarStart: /* @__PURE__ */ jsx(Tabs, {
+						value: format,
+						onValueChange: (value) => {
+							if (isCodeViewFormat(value)) setFormat(value);
+						},
+						children: /* @__PURE__ */ jsxs(TabsList, { children: [/* @__PURE__ */ jsx(TabsTrigger, {
+							value: "TYPESCRIPT",
+							"data-testid": "fluidgrids-code-tab-typescript",
+							children: tr("fluidgrids.builder.codeView.typescript", "TypeScript")
+						}), /* @__PURE__ */ jsx(TabsTrigger, {
+							value: "PYTHON",
+							"data-testid": "fluidgrids-code-tab-python",
+							children: tr("fluidgrids.builder.codeView.python", "Python")
+						})] })
 					}),
-					dirty && /* @__PURE__ */ jsx("p", {
+					notice: dirty ? /* @__PURE__ */ jsx("p", {
 						role: "status",
 						className: "rounded-md border border-[var(--color-status-warning-border)] bg-[var(--color-status-warning-bg)] px-3 py-2 text-xs text-[var(--color-status-warning-text)]",
 						children: tr("fluidgrids.builder.codeView.unsavedNotice", "You have unsaved changes. The code shows the saved version and updates after the next save.")
-					}),
-					loading && !data ? /* @__PURE__ */ jsxs("div", {
-						className: "flex items-center justify-center py-8 text-sm text-muted-foreground",
-						children: [/* @__PURE__ */ jsx(Icon, {
-							icon: "mynaui:spinner",
-							className: "mr-2 size-4 animate-spin"
-						}), tr("fluidgrids.builder.codeView.loading", "Lifting the workflow…")]
-					}) : error ? /* @__PURE__ */ jsxs("div", {
-						className: "py-6 text-sm",
-						role: "alert",
-						children: [/* @__PURE__ */ jsx("p", {
-							className: "text-[var(--color-status-error-text)]",
-							children: error
-						}), /* @__PURE__ */ jsx(Button, {
-							variant: "outline",
-							size: "sm",
-							className: "mt-3",
-							onClick: () => void refetch(),
-							children: tr("fluidgrids.builder.codeView.retry", "Retry")
-						})]
-					}) : data && shown ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
-						files.length > 1 && /* @__PURE__ */ jsx("div", {
-							className: "flex flex-wrap gap-1",
-							role: "group",
-							"aria-label": tr("fluidgrids.builder.codeView.files", "Files"),
-							children: files.map((file) => /* @__PURE__ */ jsx(Button, {
-								variant: file === shown ? "secondary" : "ghost",
-								size: "sm",
-								className: "h-7 font-mono text-[11px]",
-								title: file.path,
-								"aria-pressed": file === shown,
-								onClick: () => setSelectedPath(file.path),
-								children: fileBaseName(file.path)
-							}, file.path))
-						}),
-						/* @__PURE__ */ jsxs("div", {
-							className: "flex items-center justify-between gap-2 text-[11px] text-muted-foreground",
-							children: [/* @__PURE__ */ jsx("span", {
-								className: "truncate font-mono",
-								title: shown.path,
-								children: shown.path
-							}), /* @__PURE__ */ jsxs("span", {
-								className: "flex shrink-0 items-center gap-2",
-								children: [/* @__PURE__ */ jsx("span", {
-									className: "font-mono",
-									title: data.irHash,
-									children: data.irHash.slice(0, 19)
-								}), /* @__PURE__ */ jsx(FidelityLevelBadge, { fidelity: data.fidelity })]
-							})]
-						}),
-						/* @__PURE__ */ jsx(CodeViewEditor, {
-							content: shownContent,
-							path: shown.path,
-							label: tr("fluidgrids.builder.codeView.editorLabel", "Workflow code (read-only)")
-						}),
-						/* @__PURE__ */ jsx(FidelityReportList, {
-							fidelity: data.fidelity,
-							source: shownContent,
-							hasNode,
-							onShowNode: showNode
-						})
-					] }) : /* @__PURE__ */ jsx("p", {
-						className: "py-6 text-sm text-muted-foreground",
-						children: tr("fluidgrids.builder.codeView.empty", "The export returned no files.")
-					})
-				]
+					}) : null
+				})
 			})]
 		})]
 	});
@@ -17736,7 +17949,7 @@ const FlowBuilder = ({ readOnly = false }) => {
 		paletteGatesRef.current = paletteGates;
 	}, [paletteGates]);
 	useWarmBuilderOverlays();
-	useLazyAgentTools(() => import("./agentTools-B8gnHFVM.js").then(({ createBuilderAgentTools }) => createBuilderAgentTools({ durableFunctionsEnabled: () => paletteGatesRef.current })), !editingBlocked, "Agent tools");
+	useLazyAgentTools(() => import("./agentTools-BkQsycAp.js").then(({ createBuilderAgentTools }) => createBuilderAgentTools({ durableFunctionsEnabled: () => paletteGatesRef.current })), !editingBlocked, "Agent tools");
 	const [nodes, edges, onNodesChange, onEdgesChange, onConnect] = useFlowStore(useShallow((s) => {
 		return [
 			s.workflow.nodes,
@@ -17778,7 +17991,7 @@ const FlowBuilder = ({ readOnly = false }) => {
 	useEffect(() => {
 		fitViewRef.current = fitView;
 	}, [fitView]);
-	useLazyAgentTools(() => import("./canvasNoteTools-Cj7MvVDH.js").then(({ createCanvasNoteTools }) => createCanvasNoteTools({ focusNode: (nodeId) => fitViewRef.current({
+	useLazyAgentTools(() => import("./canvasNoteTools-U7j1z7GR.js").then(({ createCanvasNoteTools }) => createCanvasNoteTools({ focusNode: (nodeId) => fitViewRef.current({
 		nodes: [{ id: nodeId }],
 		duration: 400,
 		padding: .6,