@burdenoff/fluidgrids-fe-sdk 2026.923.1 → 2026.923.3

package/dist/{chunk-XQ7FGXPM.js → chunk-X3OSUZIS.js}

@@ -1,6 +1,6 @@
 import { QuotaExhaustedDialog } from './chunk-AANIWER2.js';
 import { SdkPermissionButton, FLUIDGRIDS_PERMISSIONS, SdkPermissionGate } from './chunk-W23ZXNKU.js';
-import { useWorkflowDefinitions, useDuplicateWorkflow, useDeleteWorkflow } from './chunk-Q4RPP67K.js';
+import { useWorkflowDefinitions, useLazyWorkflowDefinition, useCreateWorkflow, useDuplicateWorkflow, useDeleteWorkflow } from './chunk-Q4RPP67K.js';
 import { config } from './chunk-WWU2O2SR.js';
 import { useFlowStore } from './chunk-YMD3T6J2.js';
 import { useTr } from './chunk-7YWBH2A5.js';
@@ -8,7 +8,7 @@ import { useState, useMemo } from 'react';
 import { useNavigate } from 'react-router';
 import { v4 } from 'uuid';
 import { Icon } from '@iconify/react';
-import { Button, Badge, Input, IllustratedEmptyState, Skeleton, TooltipProvider, Card, Tooltip, TooltipTrigger, TooltipContent, AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from '@burdenoff/fe-libs/ui';
+import { Button, Badge, Input, IllustratedEmptyState, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Label, Textarea, DialogFooter, Skeleton, TooltipProvider, Card, Tooltip, TooltipTrigger, TooltipContent, AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction } from '@burdenoff/fe-libs/ui';
 import { cn } from '@burdenoff/fe-libs/utils';
 import { TagBadge } from '@burdenoff/fe-libs/tag';
 import { isQuotaExhaustedError } from '@burdenoff/fe-libs/shared/utils';
@@ -191,7 +191,8 @@ function relativeTime(iso) {
 }
 var CardWorkflow = ({
   workflow,
-  onUpdateSuccess
+  onUpdateSuccess,
+  onExport
 }) => {
   const tr = useTr();
   const navigate = useNavigate();
@@ -255,6 +256,9 @@ var CardWorkflow = ({
   const handleOnEdit = () => {
     navigate("../workflow/" + workflow.workflow_key + "/" + workflow.version);
   };
+  const handleOnSettings = () => {
+    navigate("../settings/" + workflow.workflow_key);
+  };
   const handleCardClick = (e) => {
     const el = e.target;
     if (el.closest("button, a, input, [role='dialog'], .fixed")) return;
@@ -370,6 +374,26 @@ var CardWorkflow = ({
                   "Edit workflow"
                 ) }) })
               ] }),
+              /* @__PURE__ */ jsxs(Tooltip, { children: [
+                /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    className: "size-8",
+                    onClick: handleOnSettings,
+                    "aria-label": tr(
+                      "fluidgrids.builder.cardWorkflow.workflowSettings",
+                      "Workflow settings"
+                    ),
+                    children: /* @__PURE__ */ jsx(Icon, { icon: "mdi:cog-outline", className: "size-4" })
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(TooltipContent, { side: "top", children: /* @__PURE__ */ jsx("p", { children: tr(
+                  "fluidgrids.builder.cardWorkflow.workflowSettings",
+                  "Workflow settings"
+                ) }) })
+              ] }),
               /* @__PURE__ */ jsxs(Tooltip, { children: [
                 /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("span", { children: /* @__PURE__ */ jsx(
                   SharePopup,
@@ -383,6 +407,26 @@ var CardWorkflow = ({
                   "Share workflow"
                 ) }) })
               ] }),
+              onExport && /* @__PURE__ */ jsxs(Tooltip, { children: [
+                /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                  Button,
+                  {
+                    variant: "ghost",
+                    size: "icon",
+                    className: "size-8",
+                    onClick: onExport,
+                    "aria-label": tr(
+                      "fluidgrids.builder.cardWorkflow.exportWorkflow",
+                      "Export workflow JSON"
+                    ),
+                    children: /* @__PURE__ */ jsx(Icon, { icon: "mynaui:download", className: "size-4" })
+                  }
+                ) }),
+                /* @__PURE__ */ jsx(TooltipContent, { side: "top", children: /* @__PURE__ */ jsx("p", { children: tr(
+                  "fluidgrids.builder.cardWorkflow.exportWorkflow",
+                  "Export workflow JSON"
+                ) }) })
+              ] }),
               /* @__PURE__ */ jsx(
                 SdkPermissionGate,
                 {
@@ -491,6 +535,340 @@ var CardWorkflow = ({
     )
   ] });
 };
+
+// src/utils/workflow-transfer.ts
+function asRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value) ? value : null;
+}
+function collectWorkflowNodeReferences(definition) {
+  const root = asRecord(definition);
+  const data = asRecord(root?.data);
+  const nodes = data?.nodes;
+  if (!Array.isArray(nodes)) return [];
+  const seen = /* @__PURE__ */ new Set();
+  const references = [];
+  for (const candidate of nodes) {
+    const node = asRecord(candidate);
+    const nodeData = asRecord(node?.data);
+    const nodeId = typeof node?.id === "string" ? node.id : null;
+    const nodeType = typeof nodeData?.nodeId === "string" ? nodeData.nodeId : node?.type;
+    if (!nodeId || typeof nodeType !== "string") continue;
+    const nodeVersion = typeof nodeData?.nodeVersion === "string" ? nodeData.nodeVersion : null;
+    const key = `${nodeId}:${nodeType}:${nodeVersion ?? ""}`;
+    if (seen.has(key)) continue;
+    seen.add(key);
+    references.push({ nodeId, nodeType, nodeVersion });
+  }
+  return references;
+}
+function createWorkflowExportPayload(workflow) {
+  const definitionJson = asRecord(workflow.definitionJson);
+  if (!definitionJson)
+    throw new Error("Workflow definition JSON must be an object");
+  return {
+    format: "fluidgrids.workflow",
+    schemaVersion: 1,
+    exportedAt: (/* @__PURE__ */ new Date()).toISOString(),
+    workflowKey: workflow.workflowKey,
+    version: workflow.version,
+    name: workflow.name,
+    description: workflow.description ?? null,
+    definitionJson,
+    context: asRecord(workflow.context),
+    tags: workflow.tags,
+    tagsV2: workflow.tagsV2,
+    icon: workflow.icon ?? null,
+    category: workflow.category ?? null,
+    nodeReferences: collectWorkflowNodeReferences(definitionJson)
+  };
+}
+function downloadWorkflowExport(workflow) {
+  const payload = createWorkflowExportPayload(workflow);
+  const blob = new Blob([JSON.stringify(payload, null, 2)], {
+    type: "application/json"
+  });
+  const url = URL.createObjectURL(blob);
+  const anchor = document.createElement("a");
+  anchor.href = url;
+  anchor.download = `${workflow.workflowKey}-${workflow.version}.fluidgrids.json`;
+  anchor.click();
+  URL.revokeObjectURL(url);
+}
+function parseWorkflowImport(raw) {
+  const parsed = JSON.parse(raw);
+  const root = asRecord(parsed);
+  if (!root) throw new Error("Import must contain a JSON object");
+  const definitionJson = asRecord(root.definitionJson) ?? root;
+  const name = typeof root.name === "string" && root.name.trim() ? root.name : "Imported workflow";
+  return {
+    definitionJson,
+    name,
+    workflowKey: typeof root.workflowKey === "string" ? root.workflowKey : void 0,
+    version: typeof root.version === "string" ? root.version : void 0,
+    description: typeof root.description === "string" ? root.description : void 0,
+    context: asRecord(root.context) ?? void 0,
+    tags: Array.isArray(root.tags) && root.tags.every((tag) => typeof tag === "string") ? root.tags : void 0,
+    tagsV2: root.tagsV2,
+    icon: typeof root.icon === "string" ? root.icon : void 0,
+    category: typeof root.category === "string" ? root.category : void 0,
+    nodeReferences: Array.isArray(root.nodeReferences) ? root.nodeReferences : collectWorkflowNodeReferences(definitionJson)
+  };
+}
+function WorkflowImportDialog({
+  onImported
+}) {
+  const tr = useTr();
+  const { createWorkflow, loading } = useCreateWorkflow();
+  const [open, setOpen] = useState(false);
+  const [rawJson, setRawJson] = useState("");
+  const [url, setUrl] = useState("");
+  const [parsed, setParsed] = useState(null);
+  const [name, setName] = useState("");
+  const [workflowKey, setWorkflowKey] = useState("");
+  const [version, setVersion] = useState("");
+  const [loadingUrl, setLoadingUrl] = useState(false);
+  const reset = () => {
+    setRawJson("");
+    setUrl("");
+    setParsed(null);
+    setName("");
+    setWorkflowKey("");
+    setVersion("");
+  };
+  const parse = (value) => {
+    try {
+      const next = parseWorkflowImport(value);
+      setParsed(next);
+      setName(next.name);
+      setWorkflowKey("");
+      setVersion(next.version ?? "");
+    } catch (error) {
+      setParsed(null);
+      toast.error(
+        error instanceof Error ? error.message : tr(
+          "fluidgrids.workflowsList.importInvalidJson",
+          "Invalid workflow JSON"
+        )
+      );
+    }
+  };
+  const handleFile = async (file) => {
+    if (!file) return;
+    try {
+      parse(await file.text());
+    } catch (error) {
+      toast.error(
+        error instanceof Error ? error.message : "Unable to read import file"
+      );
+    }
+  };
+  const handleUrl = async () => {
+    if (!url.trim()) return;
+    let parsedUrl;
+    try {
+      parsedUrl = new URL(url.trim());
+      if (parsedUrl.protocol !== "https:")
+        throw new Error("Import URLs must use HTTPS");
+    } catch (error) {
+      toast.error(
+        error instanceof Error ? error.message : "Invalid import URL"
+      );
+      return;
+    }
+    setLoadingUrl(true);
+    try {
+      const response = await fetch(parsedUrl, { credentials: "omit" });
+      if (!response.ok)
+        throw new Error(`Import URL returned HTTP ${response.status}`);
+      parse(await response.text());
+    } catch (error) {
+      toast.error(
+        error instanceof Error ? error.message : "Unable to fetch import URL"
+      );
+    } finally {
+      setLoadingUrl(false);
+    }
+  };
+  const handleImport = async () => {
+    if (!parsed || !name.trim()) return;
+    const input = {
+      workflowKey: workflowKey.trim() || `${name.trim().toLowerCase().replace(/[^a-z0-9]+/g, "-")}-${Date.now()}`,
+      version: version.trim() || "v1",
+      name: name.trim(),
+      description: parsed.description,
+      definitionJson: parsed.definitionJson,
+      context: parsed.context,
+      tags: parsed.tags,
+      tagsV2: parsed.tagsV2,
+      icon: parsed.icon,
+      category: parsed.category
+    };
+    const created = await createWorkflow(input);
+    if (!created) return;
+    toast.success(
+      tr("fluidgrids.workflowsList.importSuccess", "Workflow imported")
+    );
+    setOpen(false);
+    reset();
+    onImported();
+  };
+  return /* @__PURE__ */ jsxs(
+    Dialog,
+    {
+      open,
+      onOpenChange: (nextOpen) => {
+        setOpen(nextOpen);
+        if (!nextOpen) reset();
+      },
+      children: [
+        /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "default", onClick: () => setOpen(true), children: [
+          /* @__PURE__ */ jsx(Icon, { icon: "mynaui:download", className: "size-4" }),
+          tr("fluidgrids.workflowsList.importButton", "Import")
+        ] }),
+        /* @__PURE__ */ jsxs(DialogContent, { className: "max-h-[90vh] overflow-y-auto sm:max-w-2xl", children: [
+          /* @__PURE__ */ jsxs(DialogHeader, { children: [
+            /* @__PURE__ */ jsx(DialogTitle, { children: tr("fluidgrids.workflowsList.importTitle", "Import workflow JSON") }),
+            /* @__PURE__ */ jsx(DialogDescription, { children: tr(
+              "fluidgrids.workflowsList.importDescription",
+              "Import from a file, an HTTPS URL, or pasted JSON. Credentials remain references and must be configured in this workspace."
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-2", children: [
+              /* @__PURE__ */ jsxs(
+                Label,
+                {
+                  htmlFor: "fluidgrids-workflow-import-file",
+                  className: "inline-flex cursor-pointer items-center gap-2 rounded-md border border-border px-3 py-2 text-sm hover:bg-accent",
+                  children: [
+                    /* @__PURE__ */ jsx(Icon, { icon: "mynaui:upload", className: "size-4" }),
+                    tr(
+                      "fluidgrids.workflowsList.importChooseFile",
+                      "Choose JSON file"
+                    )
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  id: "fluidgrids-workflow-import-file",
+                  type: "file",
+                  accept: "application/json,.json",
+                  className: "sr-only",
+                  onChange: (event) => void handleFile(event.currentTarget.files?.[0])
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  value: url,
+                  onChange: (event) => setUrl(event.target.value),
+                  placeholder: "https://example.com/workflow.json",
+                  "aria-label": tr(
+                    "fluidgrids.workflowsList.importUrlLabel",
+                    "Workflow JSON URL"
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "outline",
+                  onClick: () => void handleUrl(),
+                  disabled: loadingUrl || !url.trim(),
+                  children: loadingUrl ? "Loading\u2026" : tr("fluidgrids.workflowsList.importFetchUrl", "Fetch")
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                value: rawJson,
+                onChange: (event) => {
+                  setRawJson(event.target.value);
+                  setParsed(null);
+                },
+                onBlur: () => rawJson.trim() && parse(rawJson),
+                placeholder: tr(
+                  "fluidgrids.workflowsList.importPastePlaceholder",
+                  "Paste workflow JSON here"
+                ),
+                className: "min-h-44 font-mono text-xs",
+                "aria-label": tr(
+                  "fluidgrids.workflowsList.importPasteLabel",
+                  "Workflow JSON"
+                )
+              }
+            ),
+            parsed && /* @__PURE__ */ jsxs("div", { className: "space-y-3 rounded-lg border border-border bg-muted/30 p-3", children: [
+              /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+                parsed.nodeReferences.length,
+                " ",
+                tr(
+                  "fluidgrids.workflowsList.importNodeReferences",
+                  "node references found"
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "grid gap-3 sm:grid-cols-3", children: [
+                /* @__PURE__ */ jsxs("div", { className: "space-y-1 sm:col-span-3", children: [
+                  /* @__PURE__ */ jsx(Label, { htmlFor: "fluidgrids-import-name", children: tr("fluidgrids.workflowsList.importName", "Name") }),
+                  /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      id: "fluidgrids-import-name",
+                      value: name,
+                      onChange: (event) => setName(event.target.value)
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "space-y-1 sm:col-span-2", children: [
+                  /* @__PURE__ */ jsx(Label, { htmlFor: "fluidgrids-import-key", children: tr(
+                    "fluidgrids.workflowsList.importKey",
+                    "Workflow key (optional)"
+                  ) }),
+                  /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      id: "fluidgrids-import-key",
+                      value: workflowKey,
+                      onChange: (event) => setWorkflowKey(event.target.value)
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+                  /* @__PURE__ */ jsx(Label, { htmlFor: "fluidgrids-import-version", children: tr("fluidgrids.workflowsList.importVersion", "Version") }),
+                  /* @__PURE__ */ jsx(
+                    Input,
+                    {
+                      id: "fluidgrids-import-version",
+                      value: version,
+                      onChange: (event) => setVersion(event.target.value),
+                      placeholder: "v1"
+                    }
+                  )
+                ] })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(DialogFooter, { children: [
+            /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setOpen(false), children: tr("fluidgrids.workflowsList.importCancel", "Cancel") }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                onClick: () => void handleImport(),
+                disabled: loading || !parsed || !name.trim(),
+                children: loading ? tr("fluidgrids.workflowsList.importing", "Importing\u2026") : tr("fluidgrids.workflowsList.importConfirm", "Import workflow")
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
 function useStatusFilters() {
   const tr = useTr();
   return useMemo(
@@ -536,6 +914,7 @@ function WorkflowsList() {
     limit: 100,
     latestOnly: true
   });
+  const { getWorkflow } = useLazyWorkflowDefinition();
   const [search, setSearch] = useState("");
   const [statusFilter, setStatusFilter] = useState(null);
   const [tagFilter, setTagFilter] = useState(null);
@@ -567,6 +946,15 @@ function WorkflowsList() {
       return [w.name, w.description, w.alias].filter((v) => typeof v === "string").some((v) => v.toLowerCase().includes(q));
     });
   }, [workflows, search, statusFilter, tagFilter, tagsByKey]);
+  const handleExport = async (id) => {
+    const workflow = await getWorkflow(void 0, id);
+    if (!workflow) return;
+    try {
+      downloadWorkflowExport(workflow);
+    } catch (error2) {
+      console.error("Unable to export workflow", error2);
+    }
+  };
   const createButton = /* @__PURE__ */ jsx(
     SdkPermissionButton,
     {
@@ -616,7 +1004,8 @@ function WorkflowsList() {
                     "Build, run, and manage your automations. Open a workflow to edit it in the visual builder."
                   ) })
                 ] }),
-                createButton
+                createButton,
+                /* @__PURE__ */ jsx(WorkflowImportDialog, { onImported: () => void refetch() })
               ]
             }
           ),
@@ -790,7 +1179,8 @@ function WorkflowsList() {
                   color: a.tagInfo?.color ?? void 0
                 }))
               },
-              onUpdateSuccess: () => refetch()
+              onUpdateSuccess: () => refetch(),
+              onExport: () => void handleExport(workflow.id)
             },
             workflow.id
           )) })
@@ -801,5 +1191,5 @@ function WorkflowsList() {
 }
 
 export { WorkflowsList };
-//# sourceMappingURL=chunk-XQ7FGXPM.js.map
-//# sourceMappingURL=chunk-XQ7FGXPM.js.map
+//# sourceMappingURL=chunk-X3OSUZIS.js.map
+//# sourceMappingURL=chunk-X3OSUZIS.js.map