@burdenoff/fluidgrids-fe-sdk 2026.1028.7 → 2026.1028.8

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

@@ -2,17 +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-HDUCP6EO.js';
-import { EntityTagPicker, useWorkflowProposal, WorkflowProposalCard } from './chunk-NW6H7EN3.js';
-import { useRestoreWorkflowVersion, useWorkflowVersions, useActivateWorkflow, useDeleteWorkflow, useLazyWorkflowDefinition, useDeactivateWorkflow } from './chunk-PYCKEQ4W.js';
-import { isAgentNodeType, AgentDefinitionSelectField } from './chunk-3ENHRYM5.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-6NUHJPGJ.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, 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-6J4RR46J.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';
@@ -26685,8 +26686,8 @@ var reducer = (state, action) => {
       if (toastId) {
         addToRemoveQueue(toastId);
       } else {
-        state.toasts.forEach((toast16) => {
-          addToRemoveQueue(toast16.id);
+        state.toasts.forEach((toast17) => {
+          addToRemoveQueue(toast17.id);
         });
       }
       return {
@@ -28062,7 +28063,7 @@ function VisualMapperContent({
   mapping,
   onMappingChange
 }) {
-  const { toast: toast16 } = useToast();
+  const { toast: toast17 } = useToast();
   const tr = useTr();
   const reactFlowWrapper = useRef(null);
   const [selectedSourceNode, setSelectedSourceNode] = useState(null);
@@ -28082,7 +28083,7 @@ function VisualMapperContent({
         targetOperation
       );
       if (generatedNodes.length === 0) {
-        toast16({
+        toast17({
           title: tr(
             "fluidgrids.builder.visualMapper.noFieldsFoundTitle",
             "No fields found"
@@ -28108,7 +28109,7 @@ function VisualMapperContent({
     targetNode,
     targetOperation,
     setNodes,
-    toast16,
+    toast17,
     tr
   ]);
   useEffect(() => {
@@ -28215,7 +28216,7 @@ function VisualMapperContent({
         }
         onMappingChange(updatedMapping);
         if (isCompatible) {
-          toast16({
+          toast17({
             title: tr(
               "fluidgrids.builder.visualMapper.mappingCreatedTitle",
               "Mapping created"
@@ -28223,7 +28224,7 @@ function VisualMapperContent({
             description: `Mapped ${sourcePath} (${sourceType}) to ${targetPath} (${targetType})`
           });
         } else {
-          toast16({
+          toast17({
             title: tr(
               "fluidgrids.builder.visualMapper.typeMismatchTitle",
               "Type mismatch warning"
@@ -28233,7 +28234,7 @@ function VisualMapperContent({
           });
         }
       } else {
-        toast16({
+        toast17({
           title: tr(
             "fluidgrids.builder.visualMapper.invalidMappingTitle",
             "Invalid mapping"
@@ -28246,7 +28247,7 @@ function VisualMapperContent({
         });
       }
     },
-    [nodes, mapping, onMappingChange, toast16, tr, setEdges]
+    [nodes, mapping, onMappingChange, toast17, tr, setEdges]
   );
   const onEdgeDelete = useCallback(
     (edge) => {
@@ -28303,7 +28304,7 @@ function VisualMapperContent({
   const handleSaveMappingDialog = (expression, targetFieldName) => {
     const targetPath = targetFieldName || selectedTargetNode?.data?.path;
     if (!targetPath) {
-      toast16({
+      toast17({
         title: tr(
           "fluidgrids.builder.visualMapper.noTargetFieldTitle",
           "No target field specified"
@@ -28335,7 +28336,7 @@ function VisualMapperContent({
     }
     onMappingChange(updatedMapping);
     const mappingType = detectMappingType(expression);
-    toast16({
+    toast17({
       title: `${mappingType.charAt(0).toUpperCase() + mappingType.slice(1)} mapping created`,
       description: `${tr("fluidgrids.builder.visualMapper.appliedMappingTo", "Applied mapping to")} ${targetPath}`
     });
@@ -28634,7 +28635,7 @@ function MappingEditor({
   setEdges,
   edgeId
 }) {
-  const { toast: toast16 } = useToast();
+  const { toast: toast17 } = useToast();
   const tr = useTr();
   const [mappingJson, setMappingJson] = useState({});
   const [jsonDataString, setJsonDataString] = useState(
@@ -28758,7 +28759,7 @@ function MappingEditor({
   const handleSaveMapping = () => {
     try {
       checkJsonValidity();
-      toast16({
+      toast17({
         title: tr(
           "fluidgrids.builder.mappingEditor.mappingSavedTitle",
           "Mapping saved"
@@ -28769,7 +28770,7 @@ function MappingEditor({
         )
       });
     } catch (error62) {
-      toast16({
+      toast17({
         title: tr(
           "fluidgrids.builder.mappingEditor.errorSavingTitle",
           "Error saving mapping"
@@ -28788,7 +28789,7 @@ function MappingEditor({
       const parsedData = checkJsonValidity();
       const result = await applyMapping(parsedData, sampleInput);
       setPreviewOutput(result);
-      toast16({
+      toast17({
         title: tr(
           "fluidgrids.builder.mappingEditor.mappingTestedTitle",
           "Mapping tested"
@@ -28800,7 +28801,7 @@ function MappingEditor({
       });
     } catch (error62) {
       console.error("Test mapping error:", error62);
-      toast16({
+      toast17({
         title: tr(
           "fluidgrids.builder.mappingEditor.mappingTestFailedTitle",
           "Mapping test failed"
@@ -35899,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";
 }
@@ -35922,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 })] : []
     ],
@@ -35948,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
           }
         }
       )
@@ -45104,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,
@@ -45375,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 }) {
@@ -45393,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, {}),

package/dist/{chunk-MUOJVRW7.js → chunk-SQ6VSXFI.js}

@@ -1,5 +1,5 @@
-import { throwIfResultError } from './chunk-6NUHJPGJ.js';
-import { RunFailureClustersDocument, DismissRunFailureClusterDocument, RunFailureTriageSettingsDocument, SetRunFailureTriageEnabledDocument, FgTriageFailedRunsDocument } from './chunk-6J4RR46J.js';
+import { throwIfResultError } from './chunk-NVUJFHTQ.js';
+import { RunFailureClustersDocument, DismissRunFailureClusterDocument, RunFailureTriageSettingsDocument, SetRunFailureTriageEnabledDocument, FgTriageFailedRunsDocument } from './chunk-7PBOU7JC.js';
 import { useTr } from './chunk-UULVIT25.js';
 import { getFluidGridsClient } from './chunk-NTWG3CJX.js';
 import { useState, useCallback, useEffect } from 'react';