@burdenoff/fluidgrids-fe-sdk 2026.1028.6 → 2026.1028.8

package/dist/{chunk-STPQQDIJ.js → chunk-QBEQOQF7.js}

@@ -2,16 +2,18 @@ import { deepClone, applyTemplateInputs } from './chunk-GEMNVFPK.js';
 import { Input } from './chunk-IEVSFCFS.js';
 import { Dialog as Dialog$1, DialogContent as DialogContent$1, DialogHeader as DialogHeader$1, DialogTitle as DialogTitle$1, DialogDescription as DialogDescription$1, DialogFooter } from './chunk-YXMFRQYV.js';
 import { Badge as Badge$1, Button } from './chunk-BQXVT32O.js';
-import { QuotaExhaustedDialog } from './chunk-HHN2TIK2.js';
-import { EntityTagPicker, useWorkflowProposal, WorkflowProposalCard } from './chunk-VQHBQAJY.js';
-import { useRestoreWorkflowVersion, useWorkflowVersions, useActivateWorkflow, useDeleteWorkflow, useLazyWorkflowDefinition, useDeactivateWorkflow } from './chunk-RZQPHWFV.js';
+import { QuotaExhaustedDialog, useWorkflowCodeExport, orderedExportFiles, fileBaseName, downloadWorkflowCodeExport, isLosslessReport, sortFidelityItems, isLossyFidelityItem, lineOfNode } from './chunk-M62CJVTR.js';
+import { EntityTagPicker, useWorkflowProposal, WorkflowProposalCard } from './chunk-VZHR7FCD.js';
+import { useRestoreWorkflowVersion, useWorkflowVersions, useActivateWorkflow, useDeleteWorkflow, useLazyWorkflowDefinition, useDeactivateWorkflow } from './chunk-YQZ7HBOJ.js';
+import { isAgentNodeType, AgentDefinitionSelectField } from './chunk-TX6WIT3N.js';
 import { FluidGridsDocsLink } from './chunk-4VJ3MDOV.js';
-import { NODE_CONFIGS, createConfiguredNode, resolveOutputHandles, resolveInputHandles, isNodeConfigsInitialized, useFlowStore, getNodeDetail, useSaveStatusStore, liveInternalOperations, resolveNodeOperation, readDisplayOptions, parseParameterValue, canAutosave, STICKY_NOTE_TYPE, isNodeTrigger, resolveUiSpec, RUNS_QUOTA_NAME, throwIfResultError, BILLING_PLANS_PATH, emitUpgradeClicked, FluidGridsContext, emitWorkflowCreated, emitTemplateUsed, ensureNodeConfigsLoaded, registerWorkflowNodeTypes, emitNodeInstalled, useNodeExecution, onNodeTypesUpdate, NODE_TYPES, getNodeMetadata, useIsValidConnection, refetchStoreNodes, AVAILABLE_NODES, useInsertNode, NODE_TYPE_DRAG_DATA_FORMAT, NODE_OPERATION_DRAG_DATA_FORMAT, fieldsFromValue, useFluidGridsAnalytics, useSaveWorkflow, workflowFingerprint, buildStickyNode, useNodeRegistryRevision, fieldsFromIO, isParamVisible, ConnectionSelector, structuredParameterType, nodeAccent, NodeTypeIcon, NODES_METADATA, useConnections, ConnectionFormDialog, SdkPermissionButton, FLUIDGRIDS_PERMISSIONS, saveIndicatorOf, inAppLeaveTarget, declaredOutputFields, subscribeWorkflowSaved, pathToExpression, ExpressionEditor, formatParameterValue, leaveNeedsConfirmation, buildOperationSeed, snapshotForSave, editStateOf, isImageIcon, NODES, synchronizeOperationUpdate, NodePropertyPanel, openRunQuotaUpgradePrompt, describeOperationError, isTriggerOperation, canRenderOperationPanel, resolveOperationName, AUTOSAVE_RETRY_DELAYS_MS, AUTOSAVE_DEBOUNCE_MS } from './chunk-C4AY6JI2.js';
+import { useFluidGridsFlag, FLUIDGRIDS_FLAGS } from './chunk-77NA7TPJ.js';
+import { NODE_CONFIGS, createConfiguredNode, resolveOutputHandles, resolveInputHandles, isNodeConfigsInitialized, useFlowStore, getNodeDetail, useSaveStatusStore, liveInternalOperations, resolveNodeOperation, readDisplayOptions, parseParameterValue, canAutosave, STICKY_NOTE_TYPE, isNodeTrigger, resolveUiSpec, RUNS_QUOTA_NAME, throwIfResultError, BILLING_PLANS_PATH, emitUpgradeClicked, FluidGridsContext, emitWorkflowCreated, emitTemplateUsed, ensureNodeConfigsLoaded, registerWorkflowNodeTypes, emitNodeInstalled, useNodeExecution, onNodeTypesUpdate, NODE_TYPES, getNodeMetadata, useIsValidConnection, refetchStoreNodes, AVAILABLE_NODES, useInsertNode, NODE_TYPE_DRAG_DATA_FORMAT, NODE_OPERATION_DRAG_DATA_FORMAT, fieldsFromValue, useFluidGridsAnalytics, useSaveWorkflow, workflowFingerprint, buildStickyNode, useNodeRegistryRevision, fieldsFromIO, isParamVisible, ConnectionSelector, structuredParameterType, nodeAccent, NodeTypeIcon, NODES_METADATA, useConnections, ConnectionFormDialog, SdkPermissionButton, FLUIDGRIDS_PERMISSIONS, saveIndicatorOf, inAppLeaveTarget, declaredOutputFields, subscribeWorkflowSaved, pathToExpression, ExpressionEditor, formatParameterValue, leaveNeedsConfirmation, buildOperationSeed, snapshotForSave, editStateOf, isImageIcon, NODES, synchronizeOperationUpdate, NodePropertyPanel, describeOperationError, openRunQuotaUpgradePrompt, isTriggerOperation, canRenderOperationPanel, resolveOperationName, AUTOSAVE_RETRY_DELAYS_MS, AUTOSAVE_DEBOUNCE_MS } from './chunk-NVUJFHTQ.js';
 import { cn } from './chunk-JL7CASN5.js';
 import { getGlobalStoreClient } from './chunk-PXIFUMLA.js';
 import { getFluidGridsConfig } from './chunk-CY6KX4RG.js';
-import { GetMyNodeInstallationsDocument, BrowseWorkflowTemplatesDocument, InstallWorkflowNodeDocument, InstallPurchasedNodeDocument, BrowseWorkflowNodesDocument, UninstallWorkflowNodeDocument, CreateStoreOrderDocument, GetNodeInstallableVersionsDocument } from './chunk-WBH2XEWO.js';
-import { WorkspaceRunsQuotaDocument, NodeSchemaIntrospectionDocument, useWorkflowPinnedDataQuery, usePinNodeDataMutation, useUnpinNodeDataMutation, useRunFromNodeEligibilityQuery, EventRegistrationsDocument, WorkflowGenerationTemplatesDocument, WorkflowEnvironmentsDocument, WorkflowPromotionRequestsDocument, DeployWorkflowVersionToDevDocument, RequestWorkflowPromotionDocument, ApproveWorkflowPromotionDocument, RejectWorkflowPromotionDocument, CancelWorkflowPromotionDocument, UpdateWorkflowEnvironmentPolicyDocument, WorkflowGitRepositoryDocument, WorkflowGitPushesDocument, WorkflowGitCommitsDocument, LinkWorkflowGitRepositoryDocument, UnlinkWorkflowGitRepositoryDocument, PushWorkflowToGitDocument, WorkflowGitDiffDocument, RestoreWorkflowFromGitDocument, WorkflowAuthoringDocument, PreviewScheduleDocument, WebhookTestListenerDocument, StopWebhookTestListenerDocument, ListenForWebhookTestEventDocument, NodeUsageStatusDocument, RemoveNodeFromWorkflowsDocument } from './chunk-6J4RR46J.js';
+import { GetMyNodeInstallationsDocument, BrowseWorkflowTemplatesDocument, InstallWorkflowNodeDocument, InstallPurchasedNodeDocument, BrowseWorkflowNodesDocument, UninstallWorkflowNodeDocument, CreateStoreOrderDocument, GetNodeInstallableVersionsDocument, OrganizationPrivateNodesDocument, InstallOrganizationPrivateNodeDocument, UninstallOrganizationPrivateNodeDocument } from './chunk-JUUYPCFY.js';
+import { WorkspaceRunsQuotaDocument, NodeSchemaIntrospectionDocument, useWorkflowPinnedDataQuery, usePinNodeDataMutation, useUnpinNodeDataMutation, useRunFromNodeEligibilityQuery, EventRegistrationsDocument, WorkflowGenerationTemplatesDocument, WorkflowEnvironmentsDocument, WorkflowPromotionRequestsDocument, DeployWorkflowVersionToDevDocument, RequestWorkflowPromotionDocument, ApproveWorkflowPromotionDocument, RejectWorkflowPromotionDocument, CancelWorkflowPromotionDocument, UpdateWorkflowEnvironmentPolicyDocument, WorkflowGitRepositoryDocument, WorkflowGitPushesDocument, WorkflowGitCommitsDocument, LinkWorkflowGitRepositoryDocument, UnlinkWorkflowGitRepositoryDocument, PushWorkflowToGitDocument, WorkflowGitDiffDocument, RestoreWorkflowFromGitDocument, WorkflowAuthoringDocument, PreviewScheduleDocument, WebhookTestListenerDocument, StopWebhookTestListenerDocument, ListenForWebhookTestEventDocument, NodeUsageStatusDocument, RemoveNodeFromWorkflowsDocument } from './chunk-7PBOU7JC.js';
 import { useTr } from './chunk-UULVIT25.js';
 import { getFluidGridsClient, waitForFluidGridsClient, getFluidGridsClientSafe } from './chunk-NTWG3CJX.js';
 import { __export } from './chunk-62GWEYJ5.js';
@@ -901,11 +903,11 @@ function useInstallNode() {
           installation: installationResult
         };
       } catch (error62) {
-        const errorMessage = error62 instanceof Error ? error62.message : "Installation failed";
+        const errorMessage2 = error62 instanceof Error ? error62.message : "Installation failed";
         console.error("[useInstallNode] Installation failed:", error62);
         return {
           success: false,
-          error: errorMessage
+          error: errorMessage2
         };
       } finally {
         setInstalling(null);
@@ -1557,11 +1559,11 @@ function useCreateOrder() {
         };
       } catch (error62) {
         console.error("[useCreateOrder] Failed to create order:", error62);
-        const errorMessage = error62 instanceof Error ? error62.message : "Failed to create order";
+        const errorMessage2 = error62 instanceof Error ? error62.message : "Failed to create order";
         setCreating(false);
         return {
           success: false,
-          error: errorMessage
+          error: errorMessage2
         };
       }
     },
@@ -1584,6 +1586,92 @@ gql$1`
     }
   }
 `;
+function errorMessage(error62, fallback) {
+  return error62 instanceof Error && error62.message ? error62.message : fallback;
+}
+function useOrganizationPrivateNodes() {
+  const client = useGlobalStoreClient();
+  const context = useContext(FluidGridsContext);
+  const workspaceId = context?.workspaceId ?? getFluidGridsConfig().workspaceId;
+  const { refreshAvailableNodes } = useRefreshAvailableNodes();
+  const [busyApplicationId, setBusyApplicationId] = useState(
+    null
+  );
+  const { data, loading, error: error62, 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]);
+  const install = useCallback(
+    async (node2) => {
+      if (!workspaceId) return { success: false, error: "No workspace" };
+      setBusyApplicationId(node2.applicationId);
+      try {
+        const result = await installMutation({
+          variables: {
+            applicationId: node2.applicationId,
+            workspaceId,
+            version: node2.version
+          }
+        });
+        if (result.error || !result.data?.installApp) {
+          throw result.error ?? 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 (node2) => {
+      if (!node2.installationId) {
+        return { success: false, error: "The node is not installed" };
+      }
+      setBusyApplicationId(node2.applicationId);
+      try {
+        const result = await uninstallMutation({
+          variables: { installationId: node2.installationId }
+        });
+        if (result.error || result.data?.uninstallApp !== true) {
+          throw result.error ?? 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: error62,
+    busyApplicationId,
+    install,
+    uninstall,
+    refetch
+  };
+}
 function formatNumber(count2) {
   if (count2 >= 1e6) {
     return `${(count2 / 1e6).toFixed(1)}M`;
@@ -23106,6 +23194,214 @@ function StoreNodeListItem({
     }
   );
 }
+var 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: node2,
+  canManage,
+  busy,
+  disabled,
+  onInstall,
+  onUninstall
+}) {
+  const tr = useTr();
+  const [confirmingUninstall, setConfirmingUninstall] = useState(false);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex items-center gap-3 px-2 py-2.5 rounded-md",
+      "data-testid": "org-private-node",
+      "data-application-id": node2.applicationId,
+      children: [
+        /* @__PURE__ */ jsx(NodeIcon, { name: node2.name, icon: node2.iconUrl }),
+        /* @__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 truncate", children: node2.name }),
+            node2.installed && /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: "shrink-0 inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-semibold",
+                style: node2.updateAvailable ? {
+                  background: "var(--color-status-warning-bgSubtle)",
+                  color: "var(--color-status-warning-text)"
+                } : {
+                  background: "var(--color-status-success-bgSubtle)",
+                  color: "var(--color-status-success-text)"
+                },
+                "data-testid": "org-private-node-status",
+                children: node2.updateAvailable ? tr(`${KEY}.updateBadge`, "Update") : tr(`${KEY}.installedBadge`, "Installed")
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground truncate mt-0.5 leading-snug", children: [
+            "v",
+            node2.installed && node2.installedVersion ? node2.installedVersion : node2.version,
+            node2.updateAvailable ? ` \u2192 v${node2.version}` : "",
+            node2.shortDescription ? ` \xB7 ${node2.shortDescription}` : ""
+          ] })
+        ] }),
+        canManage && /* @__PURE__ */ jsx("div", { className: "shrink-0 flex items-center gap-1", children: busy ? /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin text-muted-foreground" }) : !node2.installed ? /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "xs",
+            disabled,
+            onClick: () => onInstall(node2),
+            "data-testid": "org-private-node-install",
+            children: tr(`${KEY}.installButton`, "Install")
+          }
+        ) : confirmingUninstall ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "xs",
+              variant: "destructive",
+              disabled,
+              onClick: () => {
+                setConfirmingUninstall(false);
+                onUninstall(node2);
+              },
+              "data-testid": "org-private-node-uninstall-confirm",
+              children: tr(`${KEY}.confirmUninstallButton`, "Remove")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "xs",
+              variant: "ghost",
+              onClick: () => setConfirmingUninstall(false),
+              children: tr(`${KEY}.cancelButton`, "Cancel")
+            }
+          )
+        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          node2.updateAvailable && /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "xs",
+              disabled,
+              onClick: () => onInstall(node2),
+              "data-testid": "org-private-node-update",
+              children: tr(`${KEY}.updateButton`, "Update")
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              size: "xs",
+              variant: "outline",
+              disabled,
+              onClick: () => setConfirmingUninstall(true),
+              "data-testid": "org-private-node-uninstall",
+              children: tr(`${KEY}.uninstallButton`, "Uninstall")
+            }
+          )
+        ] }) })
+      ]
+    }
+  );
+}
+function OrganizationPrivateNodesSection() {
+  const tr = useTr();
+  const {
+    nodes,
+    canManage,
+    loading,
+    error: error62,
+    busyApplicationId,
+    install,
+    uninstall
+  } = useOrganizationPrivateNodes();
+  if (nodes.length === 0) {
+    if (error62 && !loading) {
+      return /* @__PURE__ */ jsx(
+        "p",
+        {
+          className: "px-2 py-2 text-xs text-muted-foreground",
+          "data-testid": "org-private-nodes-error",
+          children: tr(
+            `${KEY}.loadError`,
+            "Your organization's private nodes could not be loaded."
+          )
+        }
+      );
+    }
+    return null;
+  }
+  const handleInstall = async (node2) => {
+    const updating = node2.installed;
+    const result = await install(node2);
+    if (result.success) {
+      toast.success(
+        updating ? tr(`${KEY}.updateSuccessToast`, "Node updated") : tr(`${KEY}.installSuccessToast`, "Node installed"),
+        {
+          description: `${node2.name} v${node2.version} is in your workflow builder.`
+        }
+      );
+    } else {
+      toast.error(
+        updating ? tr(`${KEY}.updateErrorToast`, "Update failed") : tr(`${KEY}.installErrorToast`, "Installation failed"),
+        { description: result.error }
+      );
+    }
+  };
+  const handleUninstall = async (node2) => {
+    const result = await uninstall(node2);
+    if (result.success) {
+      toast.success(tr(`${KEY}.uninstallSuccessToast`, "Node uninstalled"), {
+        description: `${node2.name} was removed from this workspace.`
+      });
+    } else {
+      toast.error(tr(`${KEY}.uninstallErrorToast`, "Uninstall failed"), {
+        description: result.error
+      });
+    }
+  };
+  return /* @__PURE__ */ jsxs(
+    "section",
+    {
+      className: "mb-2 rounded-lg border border-default px-1 py-1",
+      "data-testid": "org-private-nodes",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-2 pt-2 pb-1", children: [
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              icon: "mynaui:building",
+              className: "size-4 shrink-0 text-muted-foreground"
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold text-foreground leading-tight", children: tr(`${KEY}.title`, "Your organization") }),
+            /* @__PURE__ */ jsx("p", { className: "text-[11px] text-muted-foreground leading-snug", children: canManage ? tr(
+              `${KEY}.subtitleAdmin`,
+              "Private nodes your organization published for its workspaces."
+            ) : tr(
+              `${KEY}.subtitleMember`,
+              "Private nodes your organization published. Ask a workspace admin to install one."
+            ) })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5", children: nodes.map((node2) => /* @__PURE__ */ jsx(
+          OrganizationPrivateNodeRow,
+          {
+            node: node2,
+            canManage,
+            busy: busyApplicationId === node2.applicationId,
+            disabled: busyApplicationId !== null,
+            onInstall: (n) => void handleInstall(n),
+            onUninstall: (n) => void handleUninstall(n)
+          },
+          node2.applicationId
+        )) })
+      ]
+    }
+  );
+}
 function deprecatedItemToProduct(item) {
   return {
     id: item.productId,
@@ -23300,102 +23596,105 @@ function StoreCategoryList({
       ] })
     ) : (
       /* Main category list */
-      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto px-2 pb-2", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 pt-1", children: [
-        STORE_CATEGORIES.map((cat) => /* @__PURE__ */ jsxs(
-          "button",
-          {
-            onClick: () => onSelectCategory(cat),
-            className: "w-full flex items-center gap-3 px-2 py-3 rounded-lg border border-transparent hover:border-default hover:bg-muted/60 transition-colors text-left group",
-            children: [
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: "size-9 shrink-0 rounded-lg flex items-center justify-center",
-                  style: {
-                    backgroundColor: `color-mix(in oklab, var(${cat.color}) 16%, transparent)`
-                  },
-                  children: /* @__PURE__ */ jsx(
-                    Icon,
-                    {
-                      icon: cat.icon,
-                      className: "size-5",
-                      style: { color: `var(${cat.color})` }
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-                /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground group-hover:text-primary transition-colors", children: cat.label }),
-                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground truncate mt-0.5", children: cat.description })
-              ] }),
-              /* @__PURE__ */ jsx(
-                Icon,
-                {
-                  icon: "mynaui:chevron-right",
-                  className: "size-4 shrink-0 text-foreground/40 group-hover:translate-x-0.5 transition-transform"
-                }
-              )
-            ]
-          },
-          cat.key
-        )),
-        deprecatedInstallations.length > 0 && /* @__PURE__ */ jsxs(
-          "button",
-          {
-            onClick: () => setShowDeprecated(true),
-            className: "w-full flex items-center gap-3 px-2 py-3 rounded-lg border border-transparent hover:border-default hover:bg-muted/60 transition-colors text-left group",
-            children: [
-              /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: "size-9 shrink-0 rounded-lg flex items-center justify-center",
-                  style: {
-                    backgroundColor: "var(--color-status-warning-bgSubtle)"
-                  },
-                  children: /* @__PURE__ */ jsx(
-                    Icon,
-                    {
-                      icon: "mynaui:circle-warning",
-                      className: "size-5",
-                      style: {
-                        color: "var(--color-status-warning-text)"
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto px-2 pb-2", children: [
+        /* @__PURE__ */ jsx(OrganizationPrivateNodesSection, {}),
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 pt-1", children: [
+          STORE_CATEGORIES.map((cat) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: () => onSelectCategory(cat),
+              className: "w-full flex items-center gap-3 px-2 py-3 rounded-lg border border-transparent hover:border-default hover:bg-muted/60 transition-colors text-left group",
+              children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "size-9 shrink-0 rounded-lg flex items-center justify-center",
+                    style: {
+                      backgroundColor: `color-mix(in oklab, var(${cat.color}) 16%, transparent)`
+                    },
+                    children: /* @__PURE__ */ jsx(
+                      Icon,
+                      {
+                        icon: cat.icon,
+                        className: "size-5",
+                        style: { color: `var(${cat.color})` }
                       }
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                    )
+                  }
+                ),
+                /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground group-hover:text-primary transition-colors", children: cat.label }),
+                  /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground truncate mt-0.5", children: cat.description })
+                ] }),
                 /* @__PURE__ */ jsx(
-                  "p",
+                  Icon,
                   {
-                    className: "text-sm font-medium group-hover:text-primary transition-colors",
+                    icon: "mynaui:chevron-right",
+                    className: "size-4 shrink-0 text-foreground/40 group-hover:translate-x-0.5 transition-transform"
+                  }
+                )
+              ]
+            },
+            cat.key
+          )),
+          deprecatedInstallations.length > 0 && /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: () => setShowDeprecated(true),
+              className: "w-full flex items-center gap-3 px-2 py-3 rounded-lg border border-transparent hover:border-default hover:bg-muted/60 transition-colors text-left group",
+              children: [
+                /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    className: "size-9 shrink-0 rounded-lg flex items-center justify-center",
                     style: {
-                      color: "var(--color-status-warning-text)"
+                      backgroundColor: "var(--color-status-warning-bgSubtle)"
                     },
-                    children: tr(
-                      "fluidgrids.builder.storeCategoryList.deprecatedCategoryLabel",
-                      "Deprecated"
+                    children: /* @__PURE__ */ jsx(
+                      Icon,
+                      {
+                        icon: "mynaui:circle-warning",
+                        className: "size-5",
+                        style: {
+                          color: "var(--color-status-warning-text)"
+                        }
+                      }
                     )
                   }
                 ),
-                /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground truncate mt-0.5", children: [
-                  deprecatedInstallations.length,
-                  " node",
-                  deprecatedInstallations.length !== 1 ? "s" : "",
-                  " no longer supported"
-                ] })
-              ] }),
-              /* @__PURE__ */ jsx(
-                Icon,
-                {
-                  icon: "mynaui:chevron-right",
-                  className: "size-4 shrink-0 text-foreground/40 group-hover:translate-x-0.5 transition-transform"
-                }
-              )
-            ]
-          }
-        )
-      ] }) })
+                /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ jsx(
+                    "p",
+                    {
+                      className: "text-sm font-medium group-hover:text-primary transition-colors",
+                      style: {
+                        color: "var(--color-status-warning-text)"
+                      },
+                      children: tr(
+                        "fluidgrids.builder.storeCategoryList.deprecatedCategoryLabel",
+                        "Deprecated"
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground truncate mt-0.5", children: [
+                    deprecatedInstallations.length,
+                    " node",
+                    deprecatedInstallations.length !== 1 ? "s" : "",
+                    " no longer supported"
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsx(
+                  Icon,
+                  {
+                    icon: "mynaui:chevron-right",
+                    className: "size-4 shrink-0 text-foreground/40 group-hover:translate-x-0.5 transition-transform"
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      ] })
     )
   ] });
 }
@@ -24843,7 +25142,7 @@ function DesktopSidebarFragment({
         );
         if (nodesToInstall.length > 0) {
           const { getGlobalStoreClient: getStore } = await import('./global-client-KLOVTVPP.js');
-          const { InstallWorkflowNodeDocument: InstallWorkflowNodeDocument2 } = await import('./global-operations-ZWQZ7DNT.js');
+          const { InstallWorkflowNodeDocument: InstallWorkflowNodeDocument2 } = await import('./global-operations-D2USVOPM.js');
           const { getFluidGridsConfig: getFluidGridsConfig3 } = await import('./config-T7BQ7AO2.js');
           const storeClient = getStore();
           const cfg = getFluidGridsConfig3();
@@ -24963,7 +25262,7 @@ function DesktopSidebarFragment({
           });
           try {
             const { getGlobalStoreClient: getStoreClient } = await import('./global-client-KLOVTVPP.js');
-            const { InstallWorkflowNodeDocument: InstallWorkflowNodeDocument2 } = await import('./global-operations-ZWQZ7DNT.js');
+            const { InstallWorkflowNodeDocument: InstallWorkflowNodeDocument2 } = await import('./global-operations-D2USVOPM.js');
             const storeClient = getStoreClient();
             if (storeClient) {
               throwIfResultError(
@@ -26387,8 +26686,8 @@ var reducer = (state, action) => {
       if (toastId) {
         addToRemoveQueue(toastId);
       } else {
-        state.toasts.forEach((toast15) => {
-          addToRemoveQueue(toast15.id);
+        state.toasts.forEach((toast17) => {
+          addToRemoveQueue(toast17.id);
         });
       }
       return {
@@ -26422,7 +26721,7 @@ function dispatch(action) {
     listener(memoryState);
   });
 }
-function toast4({ ...props }) {
+function toast5({ ...props }) {
   const id = genId();
   const update = (props2) => dispatch({
     type: actionTypes.UPDATE_TOAST,
@@ -26459,7 +26758,7 @@ function useToast() {
   }, [state]);
   return {
     ...state,
-    toast: toast4,
+    toast: toast5,
     dismiss: (toastId) => dispatch({ type: actionTypes.DISMISS_TOAST, toastId })
   };
 }
@@ -27764,7 +28063,7 @@ function VisualMapperContent({
   mapping,
   onMappingChange
 }) {
-  const { toast: toast15 } = useToast();
+  const { toast: toast17 } = useToast();
   const tr = useTr();
   const reactFlowWrapper = useRef(null);
   const [selectedSourceNode, setSelectedSourceNode] = useState(null);
@@ -27784,7 +28083,7 @@ function VisualMapperContent({
         targetOperation
       );
       if (generatedNodes.length === 0) {
-        toast15({
+        toast17({
           title: tr(
             "fluidgrids.builder.visualMapper.noFieldsFoundTitle",
             "No fields found"
@@ -27810,7 +28109,7 @@ function VisualMapperContent({
     targetNode,
     targetOperation,
     setNodes,
-    toast15,
+    toast17,
     tr
   ]);
   useEffect(() => {
@@ -27917,7 +28216,7 @@ function VisualMapperContent({
         }
         onMappingChange(updatedMapping);
         if (isCompatible) {
-          toast15({
+          toast17({
             title: tr(
               "fluidgrids.builder.visualMapper.mappingCreatedTitle",
               "Mapping created"
@@ -27925,7 +28224,7 @@ function VisualMapperContent({
             description: `Mapped ${sourcePath} (${sourceType}) to ${targetPath} (${targetType})`
           });
         } else {
-          toast15({
+          toast17({
             title: tr(
               "fluidgrids.builder.visualMapper.typeMismatchTitle",
               "Type mismatch warning"
@@ -27935,7 +28234,7 @@ function VisualMapperContent({
           });
         }
       } else {
-        toast15({
+        toast17({
           title: tr(
             "fluidgrids.builder.visualMapper.invalidMappingTitle",
             "Invalid mapping"
@@ -27948,7 +28247,7 @@ function VisualMapperContent({
         });
       }
     },
-    [nodes, mapping, onMappingChange, toast15, tr, setEdges]
+    [nodes, mapping, onMappingChange, toast17, tr, setEdges]
   );
   const onEdgeDelete = useCallback(
     (edge) => {
@@ -28005,7 +28304,7 @@ function VisualMapperContent({
   const handleSaveMappingDialog = (expression, targetFieldName) => {
     const targetPath = targetFieldName || selectedTargetNode?.data?.path;
     if (!targetPath) {
-      toast15({
+      toast17({
         title: tr(
           "fluidgrids.builder.visualMapper.noTargetFieldTitle",
           "No target field specified"
@@ -28037,7 +28336,7 @@ function VisualMapperContent({
     }
     onMappingChange(updatedMapping);
     const mappingType = detectMappingType(expression);
-    toast15({
+    toast17({
       title: `${mappingType.charAt(0).toUpperCase() + mappingType.slice(1)} mapping created`,
       description: `${tr("fluidgrids.builder.visualMapper.appliedMappingTo", "Applied mapping to")} ${targetPath}`
     });
@@ -28336,7 +28635,7 @@ function MappingEditor({
   setEdges,
   edgeId
 }) {
-  const { toast: toast15 } = useToast();
+  const { toast: toast17 } = useToast();
   const tr = useTr();
   const [mappingJson, setMappingJson] = useState({});
   const [jsonDataString, setJsonDataString] = useState(
@@ -28460,7 +28759,7 @@ function MappingEditor({
   const handleSaveMapping = () => {
     try {
       checkJsonValidity();
-      toast15({
+      toast17({
         title: tr(
           "fluidgrids.builder.mappingEditor.mappingSavedTitle",
           "Mapping saved"
@@ -28471,7 +28770,7 @@ function MappingEditor({
         )
       });
     } catch (error62) {
-      toast15({
+      toast17({
         title: tr(
           "fluidgrids.builder.mappingEditor.errorSavingTitle",
           "Error saving mapping"
@@ -28490,7 +28789,7 @@ function MappingEditor({
       const parsedData = checkJsonValidity();
       const result = await applyMapping(parsedData, sampleInput);
       setPreviewOutput(result);
-      toast15({
+      toast17({
         title: tr(
           "fluidgrids.builder.mappingEditor.mappingTestedTitle",
           "Mapping tested"
@@ -28502,7 +28801,7 @@ function MappingEditor({
       });
     } catch (error62) {
       console.error("Test mapping error:", error62);
-      toast15({
+      toast17({
         title: tr(
           "fluidgrids.builder.mappingEditor.mappingTestFailedTitle",
           "Mapping test failed"
@@ -35601,6 +35900,10 @@ function loopReturnStatus(nodeId2, edges, loopHandle = "loop") {
   if (!returns) return "missing-return";
   return exits ? "conditional-exit" : "connected";
 }
+function languageExtension(language) {
+  if (language === "python") return python();
+  return javascript({ typescript: language === "typescript" });
+}
 function normalizeCodeLanguage(value) {
   return typeof value === "string" && value.toLowerCase().startsWith("py") ? "python" : "javascript";
 }
@@ -35624,13 +35927,16 @@ function CodeEditorField({
   placeholder,
   label,
   onChange,
+  readOnly = false,
+  minHeight = "180px",
+  maxHeight = "420px",
   className,
   "data-testid": testId
 }) {
   const dark = useIsDarkTheme();
   const extensions = useMemo(
     () => [
-      language === "python" ? python() : javascript(),
+      languageExtension(language),
       // CodeMirror's contenteditable is the control assistive tech focuses; name it.
       ...label ? [EditorView.contentAttributes.of({ "aria-label": label })] : []
     ],
@@ -35650,20 +35956,22 @@ function CodeEditorField({
         CodeMirror,
         {
           value,
-          onChange,
+          onChange: readOnly ? void 0 : onChange,
           extensions,
           theme: dark ? "dark" : "light",
           placeholder,
-          minHeight: "180px",
-          maxHeight: "420px",
+          minHeight,
+          maxHeight,
+          editable: !readOnly,
+          readOnly,
           basicSetup: {
             lineNumbers: true,
             foldGutter: true,
-            highlightActiveLine: true,
-            autocompletion: true,
+            highlightActiveLine: !readOnly,
+            autocompletion: !readOnly,
             bracketMatching: true,
-            closeBrackets: true,
-            indentOnInput: true
+            closeBrackets: !readOnly,
+            indentOnInput: !readOnly
           }
         }
       )
@@ -38409,6 +38717,15 @@ function NodeParamsForm({
       }
     ),
     isWebhookWait && /* @__PURE__ */ jsx(WaitResumeUrlField, {}),
+    isAgentNodeType(nodeType) && /* @__PURE__ */ jsx(
+      AgentDefinitionSelectField,
+      {
+        value: typeof argsState.agentDefinitionId === "string" ? argsState.agentDefinitionId : null,
+        onChange: (next) => writeFixed("agentDefinitionId", next),
+        sectionLabelClassName: SECTION_LABEL3,
+        testIdPrefix
+      }
+    ),
     connectionAdapters.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-2", "data-testid": `${testIdPrefix}-connections`, children: [
       /* @__PURE__ */ jsx("div", { className: SECTION_LABEL3, children: tr(
         "fluidgrids.builder.nodeParamsForm.connectionsSection",
@@ -44797,6 +45114,427 @@ function AiDraftPanel({
     ] }) })
   ] });
 }
+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 nodeId2 = item.nodeId ?? null;
+          const line = nodeId2 && source !== void 0 ? lineOfNode(source, nodeId2) : null;
+          return /* @__PURE__ */ jsxs(
+            "li",
+            {
+              "data-testid": "fluidgrids-code-fidelity-item",
+              "data-kind": item.kind,
+              "data-lossy": lossy ? "true" : "false",
+              className: cn$1(
+                "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 }),
+                nodeId2 && /* @__PURE__ */ jsxs(
+                  Button$1,
+                  {
+                    variant: "link",
+                    size: "sm",
+                    className: "mt-1 h-auto gap-1 p-0 text-xs",
+                    disabled: !hasNode(nodeId2),
+                    onClick: () => onShowNode(nodeId2),
+                    "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: nodeId2 }
+                      )
+                    ]
+                  }
+                )
+              ]
+            },
+            `${item.kind}-${nodeId2 ?? ""}-${item.path ?? ""}-${index}`
+          );
+        }) })
+      ]
+    }
+  );
+}
+function editorLanguageOf(path) {
+  if (path.endsWith(".py")) return "python";
+  if (path.endsWith(".ts")) return "typescript";
+  return "javascript";
+}
+function isCodeViewFormat(value) {
+  return value === "TYPESCRIPT" /* Typescript */ || value === "PYTHON" /* Python */;
+}
+function CodeViewPanel({
+  className,
+  compact = false
+}) {
+  const enabled = useFluidGridsFlag(FLUIDGRIDS_FLAGS.codeFirst);
+  if (!enabled) return null;
+  return /* @__PURE__ */ jsx(CodeViewSheet, { className, compact });
+}
+function CodeViewSheet({
+  className,
+  compact
+}) {
+  const tr = useTr();
+  const params = useParams();
+  const workflowKey = params?.id ?? "";
+  const version2 = params?.version ?? null;
+  const [open2, setOpen] = useState(false);
+  const [format, setFormat2] = useState(
+    "TYPESCRIPT" /* Typescript */
+  );
+  const [selectedPath, setSelectedPath] = useState(null);
+  const [downloading, setDownloading] = useState(false);
+  const { data, loading, error: error62, refetch } = useWorkflowCodeExport(
+    { workflowKey, version: version2, format },
+    open2 && !!workflowKey
+  );
+  const dirty = useSaveStatusStore((s) => s.dirty);
+  const lastSavedAt = useSaveStatusStore((s) => s.lastSavedAt);
+  const seenSave = useRef(lastSavedAt);
+  useEffect(() => {
+    if (seenSave.current === lastSavedAt) return;
+    seenSave.current = lastSavedAt;
+    if (open2) void refetch();
+  }, [lastSavedAt, open2, refetch]);
+  const files = useMemo(
+    () => data ? orderedExportFiles(data.files, format) : [],
+    [data, format]
+  );
+  const shown = files.find((file2) => file2.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);
+  const showNodePropertiesOf = useFlowStore(
+    (s) => s.actions.sidebar.showNodePropertiesOf
+  );
+  const nodeIds = useMemo(() => new Set(nodes.map((n) => n.id)), [nodes]);
+  const hasNode = useCallback((id) => nodeIds.has(id), [nodeIds]);
+  const showNode = useCallback(
+    (id) => {
+      const node2 = nodes.find((n) => n.id === id);
+      if (!node2) return;
+      setOpen(false);
+      onNodesChange(
+        nodes.map((n) => ({ type: "select", id: n.id, selected: n.id === id }))
+      );
+      if (node2.type)
+        showNodePropertiesOf({ id, type: node2.type });
+      setTimeout(
+        () => void fitView({
+          nodes: [{ id }],
+          duration: 300,
+          padding: 0.4,
+          maxZoom: 1.2
+        }),
+        50
+      );
+    },
+    [nodes, onNodesChange, 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: open2, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(SheetTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button$1,
+      {
+        "data-tour": "fluidgrids-builder-code",
+        variant: "outline",
+        size: compact ? "icon" : "sm",
+        className: cn$1(!compact && "flex gap-1", className),
+        "aria-label": label,
+        title: compact ? label : void 0,
+        disabled: !workflowKey,
+        children: [
+          /* @__PURE__ */ jsx(Icon, { icon: "mynaui:code", className: "size-4" }),
+          !compact && label
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(
+      SheetContent,
+      {
+        side: "right",
+        className: "flex w-[420px] flex-col overflow-y-auto sm:w-[640px] sm:max-w-[640px]",
+        "data-testid": "fluidgrids-code-panel",
+        children: [
+          /* @__PURE__ */ jsxs(SheetHeader, { children: [
+            /* @__PURE__ */ jsxs(SheetTitle, { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(Icon, { 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)) setFormat2(value);
+                  },
+                  children: /* @__PURE__ */ jsxs(TabsList, { children: [
+                    /* @__PURE__ */ jsx(
+                      TabsTrigger,
+                      {
+                        value: "TYPESCRIPT" /* Typescript */,
+                        "data-testid": "fluidgrids-code-tab-typescript",
+                        children: tr("fluidgrids.builder.codeView.typescript", "TypeScript")
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      TabsTrigger,
+                      {
+                        value: "PYTHON" /* 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$1,
+                  {
+                    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$1,
+                  {
+                    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")
+                    ]
+                  }
+                )
+              ] })
+            ] }),
+            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\u2026"
+              )
+            ] }) : error62 ? /* @__PURE__ */ jsxs("div", { className: "py-6 text-sm", role: "alert", children: [
+              /* @__PURE__ */ jsx("p", { className: "text-[var(--color-status-error-text)]", children: error62 }),
+              /* @__PURE__ */ jsx(
+                Button$1,
+                {
+                  variant: "outline",
+                  size: "sm",
+                  className: "mt-3",
+                  onClick: () => void refetch(),
+                  children: tr("fluidgrids.builder.codeView.retry", "Retry")
+                }
+              )
+            ] }) : data && shown ? /* @__PURE__ */ jsxs(Fragment, { 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((file2) => /* @__PURE__ */ jsx(
+                    Button$1,
+                    {
+                      variant: file2 === shown ? "secondary" : "ghost",
+                      size: "sm",
+                      className: "h-7 font-mono text-[11px]",
+                      title: file2.path,
+                      "aria-pressed": file2 === shown,
+                      onClick: () => setSelectedPath(file2.path),
+                      children: fileBaseName(file2.path)
+                    },
+                    file2.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(
+                CodeEditorField,
+                {
+                  value: shownContent,
+                  language: editorLanguageOf(shown.path),
+                  label: tr(
+                    "fluidgrids.builder.codeView.editorLabel",
+                    "Workflow code (read-only)"
+                  ),
+                  readOnly: true,
+                  minHeight: "260px",
+                  maxHeight: "55vh",
+                  "data-testid": "fluidgrids-code-editor"
+                }
+              ),
+              /* @__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."
+            ) })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
 function RunWithViewRuns({
   onViewRuns,
   canViewRuns,
@@ -45068,7 +45806,8 @@ function PanelIcons() {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(AiDraftPanel, { compact: true }),
     /* @__PURE__ */ jsx(EnvironmentsPanel, { compact: true }),
-    /* @__PURE__ */ jsx(GitSyncPanel, { compact: true })
+    /* @__PURE__ */ jsx(GitSyncPanel, { compact: true }),
+    /* @__PURE__ */ jsx(CodeViewPanel, { compact: true })
   ] });
 }
 function HeaderActions({ tier }) {
@@ -45086,6 +45825,7 @@ function HeaderActions({ tier }) {
       /* @__PURE__ */ jsx(VersionHistoryPanel, { compact: true }),
       /* @__PURE__ */ jsx(EnvironmentsPanel, { compact: true }),
       /* @__PURE__ */ jsx(GitSyncPanel, { compact: true }),
+      /* @__PURE__ */ jsx(CodeViewPanel, { compact: true }),
       /* @__PURE__ */ jsx(GuideIcon, {}),
       /* @__PURE__ */ jsx(Divider, {}),
       /* @__PURE__ */ jsx(SaveFlowButton, {}),