@burdenoff/fluidgrids-fe-sdk 2026.1103.2 → 2026.1104.2

package/dist/{chunk-ILPQAQB5.js → chunk-XCSCD3IU.js}

@@ -1,16 +1,16 @@
-import { CreateWorkflowRefusalDialog, firstWorkflowProgress, GUIDED_TOUR_STATE, builderPathFor } from './chunk-52OIBKPO.js';
-import { useExecutions } from './chunk-6WPW42TX.js';
-import { useExportWorkflowAs, downloadWorkflowExport, importAcceptAttribute, QuotaExhaustedDialog, importFileKind, parseWorkflowImport, CODE_EXPORT_FORMATS, ImportSourceError, assertImportByteSize, MAX_IMPORT_ARCHIVE_BYTES, readProjectArchive, checkTypeScriptImport, MAX_IMPORT_SOURCE_BYTES, typeScriptModuleFile, typeScriptImportSource, workflowNameFromFile, primaryImportModule } from './chunk-SIVS3XSV.js';
+import { CreateWorkflowRefusalDialog, firstWorkflowProgress, GUIDED_TOUR_STATE, builderPathFor } from './chunk-TBHAZK52.js';
+import { useExecutions } from './chunk-5D4XS3WJ.js';
+import { useExportWorkflowAs, WorkflowShareDialog, downloadWorkflowExport, importAcceptAttribute, canEditWorkflow, canShareWorkflow, QuotaExhaustedDialog, importFileKind, parseWorkflowImport, CODE_EXPORT_FORMATS, ImportSourceError, assertImportByteSize, MAX_IMPORT_ARCHIVE_BYTES, readProjectArchive, checkTypeScriptImport, MAX_IMPORT_SOURCE_BYTES, typeScriptModuleFile, typeScriptImportSource, workflowNameFromFile, primaryImportModule } from './chunk-X6PIU7FE.js';
 import { workflowsListControls } from './chunk-FNZZ5JJL.js';
-import { useCreateWorkflow, useWorkflowDefinitions, useLazyWorkflowDefinition, useImportWorkflow, useDuplicateWorkflow, useDeleteWorkflow } from './chunk-QXACKASD.js';
+import { useCreateWorkflow, useWorkflowDefinitions, useLazyWorkflowDefinition, useImportWorkflow, usePreviewN8nImport, useDuplicateWorkflow, useDeleteWorkflow } from './chunk-AFX3EKFN.js';
 import { useFluidGridsPageControls } from './chunk-PJAWNFJV.js';
 import { FluidGridsDocsLink } from './chunk-4VJ3MDOV.js';
-import { createThenOpen, useFluidGridsFlag, FLUIDGRIDS_FLAGS, BILLING_PLANS_PATH, describeOperationError, useFlowStore, throwIfResultError, isQuotaExhaustedFailure } from './chunk-YC76QFWZ.js';
-import { useFluidGridsPermission, FLUIDGRIDS_PERMISSIONS, SdkPermissionButton, SdkPermissionGate } from './chunk-ZUVFD5KV.js';
-import { WorkflowFoldersDocument, CreateWorkflowFolderDocument, RenameWorkflowFolderDocument, MoveWorkflowFolderDocument, DeleteWorkflowFolderDocument, WorkflowProjectsDocument, CreateWorkflowProjectDocument, RenameWorkflowProjectDocument, DeleteWorkflowProjectDocument, BulkMoveWorkflowsToFolderDocument, BulkAssignWorkflowsToProjectDocument, BulkDeleteWorkflowsDocument } from './chunk-JTQFBZTV.js';
+import { createThenOpen, FluidGridsContext, useFluidGridsFlag, FLUIDGRIDS_FLAGS, BILLING_PLANS_PATH, describeOperationError, useFlowStore, throwIfResultError, isQuotaExhaustedFailure } from './chunk-AAIZ6S6E.js';
+import { useFluidGridsPermission, FLUIDGRIDS_PERMISSIONS, SdkPermissionButton, SdkPermissionGate } from './chunk-5375NUIO.js';
+import { WorkflowFoldersDocument, CreateWorkflowFolderDocument, RenameWorkflowFolderDocument, MoveWorkflowFolderDocument, DeleteWorkflowFolderDocument, WorkflowProjectsDocument, CreateWorkflowProjectDocument, RenameWorkflowProjectDocument, DeleteWorkflowProjectDocument, BulkMoveWorkflowsToFolderDocument, BulkAssignWorkflowsToProjectDocument, BulkDeleteWorkflowsDocument } from './chunk-AVHBWJRY.js';
 import { useTr } from './chunk-UULVIT25.js';
 import { getFluidGridsClient } from './chunk-NTWG3CJX.js';
-import { useState, useRef, useCallback, useMemo, useEffect } from 'react';
+import { useState, useRef, useCallback, useContext, useMemo, useEffect } from 'react';
 import { useNavigate } from 'react-router';
 import { v4 } from 'uuid';
 import { Icon } from '@iconify/react';
@@ -18,7 +18,6 @@ import { NextSteps, Button, Badge, Input, IllustratedEmptyState, Checkbox, Dialo
 import { cn } from '@burdenoff/fe-libs/utils';
 import { TagBadge } from '@burdenoff/fe-libs/tag';
 import { toast } from 'sonner';
-import { Share2, Copy } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 function useCreateWorkflowFirst(options = {}) {
@@ -52,200 +51,6 @@ function useCreateWorkflowFirst(options = {}) {
   const clearRefusal = useCallback(() => setRefusal(null), []);
   return { start, creating, refusal, clearRefusal };
 }
-
-// src/components/share-target.ts
-var PLACEHOLDER_SEGMENTS = /* @__PURE__ */ new Set(["undefined", "null"]);
-function toPublicUrl(raw) {
-  if (typeof raw !== "string" || raw.trim() === "") return null;
-  let parsed;
-  try {
-    parsed = new URL(raw);
-  } catch {
-    return null;
-  }
-  if (parsed.protocol !== "https:" && parsed.protocol !== "http:") return null;
-  if (!parsed.hostname || PLACEHOLDER_SEGMENTS.has(parsed.hostname)) {
-    return null;
-  }
-  const hasPlaceholderSegment = parsed.pathname.split("/").some((segment) => PLACEHOLDER_SEGMENTS.has(segment.toLowerCase()));
-  if (hasPlaceholderSegment) return null;
-  return parsed.href;
-}
-function resolveShareTarget(input) {
-  const shareUrl = toPublicUrl(input.shareUrl);
-  if (!shareUrl) return null;
-  const embedUrl = toPublicUrl(input.embedUrl);
-  return embedUrl ? { shareUrl, embedUrl } : { shareUrl };
-}
-var MIN_EMBED_SIZE = 100;
-var MAX_EMBED_SIZE = 4e3;
-function clampEmbedSize(value, fallback) {
-  if (!Number.isFinite(value)) return fallback;
-  return Math.min(MAX_EMBED_SIZE, Math.max(MIN_EMBED_SIZE, Math.round(value)));
-}
-function buildEmbedSnippet(embedUrl, width, height) {
-  const w = clampEmbedSize(width, 600);
-  const h = clampEmbedSize(height, 400);
-  return `<iframe src="${embedUrl}" width="${w}" height="${h}" frameborder="0"></iframe>`;
-}
-function SharePopup({ shareUrl, embedUrl }) {
-  const tr = useTr();
-  const [isOpen, setIsOpen] = useState(false);
-  const [width, setWidth] = useState(600);
-  const [height, setHeight] = useState(400);
-  const [activeTab, setActiveTab] = useState("link");
-  const target = resolveShareTarget({ shareUrl, embedUrl });
-  if (!target) {
-    return /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "icon", disabled: true, "aria-disabled": "true", children: [
-      /* @__PURE__ */ jsx(Share2, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx("span", { className: "sr-only", children: tr(
-        "fluidgrids.components.sharePopup.unavailableLabel",
-        "Sharing is not available yet"
-      ) })
-    ] });
-  }
-  const embedCode = target.embedUrl ? buildEmbedSnippet(target.embedUrl, width, height) : "";
-  const copyToClipboard = (text, message) => {
-    navigator.clipboard.writeText(text).then(
-      () => toast.success(message),
-      () => toast.error(
-        tr(
-          "fluidgrids.components.sharePopup.copyFailedToast",
-          "Could not copy to clipboard"
-        )
-      )
-    );
-  };
-  if (!isOpen) {
-    return /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "icon", onClick: () => setIsOpen(true), children: [
-      /* @__PURE__ */ jsx(Share2, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx("span", { className: "sr-only", children: tr("fluidgrids.components.sharePopup.openLabel", "Share") })
-    ] });
-  }
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: "fixed inset-0 z-50 flex items-center justify-center bg-bg-overlay",
-      onClick: () => setIsOpen(false),
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "bg-card rounded-lg p-6 max-w-md w-full mx-4",
-          onClick: (e) => e.stopPropagation(),
-          children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center mb-4", children: [
-              /* @__PURE__ */ jsx("h2", { className: "text-lg font-semibold", children: tr("fluidgrids.components.sharePopup.title", "Share") }),
-              /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", onClick: () => setIsOpen(false), children: "\xD7" })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "flex gap-2 mb-4", children: [
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: activeTab === "link" ? "default" : "outline",
-                  size: "sm",
-                  onClick: () => setActiveTab("link"),
-                  children: tr("fluidgrids.components.sharePopup.tabShareLink", "Share Link")
-                }
-              ),
-              target.embedUrl && /* @__PURE__ */ jsx(
-                Button,
-                {
-                  variant: activeTab === "embed" ? "default" : "outline",
-                  size: "sm",
-                  onClick: () => setActiveTab("embed"),
-                  children: tr("fluidgrids.components.sharePopup.tabEmbed", "Embed")
-                }
-              )
-            ] }),
-            activeTab === "link" && /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
-              /* @__PURE__ */ jsx(
-                "input",
-                {
-                  readOnly: true,
-                  value: target.shareUrl,
-                  className: "flex-1 h-9 px-3 rounded-md border bg-background text-sm"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  size: "sm",
-                  onClick: () => copyToClipboard(
-                    target.shareUrl,
-                    tr(
-                      "fluidgrids.components.sharePopup.linkCopiedToast",
-                      "Link copied to clipboard"
-                    )
-                  ),
-                  children: /* @__PURE__ */ jsx(Copy, { className: "h-4 w-4" })
-                }
-              )
-            ] }),
-            activeTab === "embed" && target.embedUrl && /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-              /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
-                /* @__PURE__ */ jsxs("div", { children: [
-                  /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: tr("fluidgrids.components.sharePopup.widthLabel", "Width") }),
-                  /* @__PURE__ */ jsx(
-                    "input",
-                    {
-                      type: "number",
-                      value: width,
-                      onChange: (e) => setWidth(Number(e.target.value)),
-                      className: "w-full h-9 px-3 rounded-md border bg-background text-sm mt-1"
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsxs("div", { children: [
-                  /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: tr("fluidgrids.components.sharePopup.heightLabel", "Height") }),
-                  /* @__PURE__ */ jsx(
-                    "input",
-                    {
-                      type: "number",
-                      value: height,
-                      onChange: (e) => setHeight(Number(e.target.value)),
-                      className: "w-full h-9 px-3 rounded-md border bg-background text-sm mt-1"
-                    }
-                  )
-                ] })
-              ] }),
-              /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("label", { className: "text-sm font-medium", children: tr(
-                  "fluidgrids.components.sharePopup.embedCodeLabel",
-                  "Embed Code"
-                ) }),
-                /* @__PURE__ */ jsxs("div", { className: "relative mt-1", children: [
-                  /* @__PURE__ */ jsx(
-                    "input",
-                    {
-                      readOnly: true,
-                      value: embedCode,
-                      className: "w-full h-9 px-3 pr-12 rounded-md border bg-background text-sm font-mono"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      size: "sm",
-                      className: "absolute right-1 top-1/2 -translate-y-1/2 h-7",
-                      onClick: () => copyToClipboard(
-                        embedCode,
-                        tr(
-                          "fluidgrids.components.sharePopup.embedCopiedToast",
-                          "Embed code copied to clipboard"
-                        )
-                      ),
-                      children: /* @__PURE__ */ jsx(Copy, { className: "h-4 w-4" })
-                    }
-                  )
-                ] })
-              ] })
-            ] })
-          ]
-        }
-      )
-    }
-  );
-}
 function WorkflowStatusPill({ status }) {
   const tr = useTr();
   const styles = {
@@ -360,7 +165,9 @@ var CardWorkflow = ({
   onUpdateSuccess,
   onExport,
   onExportAs,
-  exportingFormat = null
+  exportingFormat = null,
+  onShare,
+  onMoveToProject
 }) => {
   const tr = useTr();
   const navigate = useNavigate();
@@ -435,6 +242,9 @@ var CardWorkflow = ({
       return;
     handleOnEdit();
   };
+  const restricted = workflow.visibility === "RESTRICTED";
+  const editable = canEditWorkflow(workflow.my_access);
+  const shareable = canShareWorkflow(workflow.my_access);
   const updatedExact = workflow.updated_at ? new Date(workflow.updated_at).toLocaleString() : void 0;
   return /* @__PURE__ */ jsxs(TooltipProvider, { children: [
     /* @__PURE__ */ jsxs(
@@ -460,7 +270,27 @@ var CardWorkflow = ({
             /* @__PURE__ */ jsx("div", { className: "flex size-9 shrink-0 items-center justify-center rounded-lg border border-primary/20 bg-primary/10 text-primary", children: /* @__PURE__ */ jsx(Icon, { icon: "mdi:transit-connection-variant", className: "size-5" }) }),
             /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
               /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
-                /* @__PURE__ */ jsx("h3", { className: "truncate font-semibold leading-6 text-card-foreground", children: workflow?.name }),
+                /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [
+                  /* @__PURE__ */ jsx("h3", { className: "truncate font-semibold leading-6 text-card-foreground", children: workflow?.name }),
+                  restricted && /* @__PURE__ */ jsxs(Tooltip, { children: [
+                    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                      "span",
+                      {
+                        className: "shrink-0 text-muted-foreground",
+                        "data-testid": "workflow-restricted-badge",
+                        "aria-label": tr(
+                          "fluidgrids.builder.cardWorkflow.restricted",
+                          "Shared only with chosen people"
+                        ),
+                        children: /* @__PURE__ */ jsx(Icon, { icon: "mdi:lock-outline", className: "size-3.5" })
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(TooltipContent, { side: "top", children: /* @__PURE__ */ jsx("p", { children: tr(
+                      "fluidgrids.builder.cardWorkflow.restricted",
+                      "Shared only with chosen people"
+                    ) }) })
+                  ] })
+                ] }),
                 /* @__PURE__ */ jsx(WorkflowStatusPill, { status: workflow.status })
               ] }),
               /* @__PURE__ */ jsx("p", { className: "mt-1 line-clamp-2 text-xs leading-snug text-muted-foreground", children: workflow.description || tr(
@@ -556,13 +386,60 @@ var CardWorkflow = ({
                   "Workflow settings"
                 ) }) })
               ] }),
-              /* @__PURE__ */ jsxs(Tooltip, { children: [
-                /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("span", { tabIndex: 0, "data-card-action": "", children: /* @__PURE__ */ jsx(SharePopup, {}) }) }),
-                /* @__PURE__ */ jsx(TooltipContent, { side: "top", children: /* @__PURE__ */ jsx("p", { children: tr(
-                  "fluidgrids.builder.cardWorkflow.shareUnavailable",
-                  "Sharing is not available for workflows yet"
-                ) }) })
-              ] }),
+              onShare && shareable && /* @__PURE__ */ jsx(
+                SdkPermissionGate,
+                {
+                  permission: FLUIDGRIDS_PERMISSIONS.WORKFLOW_SHARE,
+                  children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+                    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "ghost",
+                        size: "icon",
+                        className: "size-8",
+                        onClick: onShare,
+                        "data-testid": "workflow-card-share",
+                        "aria-label": tr(
+                          "fluidgrids.builder.cardWorkflow.shareWorkflow",
+                          "Share workflow"
+                        ),
+                        children: /* @__PURE__ */ jsx(Icon, { icon: "mynaui:share", className: "size-4" })
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(TooltipContent, { side: "top", children: /* @__PURE__ */ jsx("p", { children: tr(
+                      "fluidgrids.builder.cardWorkflow.shareWorkflow",
+                      "Share workflow"
+                    ) }) })
+                  ] })
+                }
+              ),
+              onMoveToProject && editable && /* @__PURE__ */ jsx(
+                SdkPermissionGate,
+                {
+                  permission: FLUIDGRIDS_PERMISSIONS.WORKFLOW_UPDATE,
+                  children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+                    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        variant: "ghost",
+                        size: "icon",
+                        className: "size-8",
+                        onClick: onMoveToProject,
+                        "data-testid": "workflow-card-move-project",
+                        "aria-label": tr(
+                          "fluidgrids.builder.cardWorkflow.moveToProject",
+                          "Move to project"
+                        ),
+                        children: /* @__PURE__ */ jsx(Icon, { icon: "mdi:folder-move-outline", className: "size-4" })
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(TooltipContent, { side: "top", children: /* @__PURE__ */ jsx("p", { children: tr(
+                      "fluidgrids.builder.cardWorkflow.moveToProject",
+                      "Move to project"
+                    ) }) })
+                  ] })
+                }
+              ),
               onExportAs ? /* @__PURE__ */ jsx("span", { "data-card-action": "", children: /* @__PURE__ */ jsx(
                 WorkflowExportMenu,
                 {
@@ -615,7 +492,7 @@ var CardWorkflow = ({
                   ] })
                 }
               ),
-              /* @__PURE__ */ jsx(
+              editable && /* @__PURE__ */ jsx(
                 SdkPermissionGate,
                 {
                   permission: FLUIDGRIDS_PERMISSIONS.WORKFLOW_DELETE,
@@ -698,6 +575,159 @@ var CardWorkflow = ({
     )
   ] });
 };
+function Section({
+  title,
+  icon,
+  testId,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-1", "data-testid": testId, children: [
+    /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1.5 text-xs font-medium text-foreground", children: [
+      /* @__PURE__ */ jsx(Icon, { icon, className: "size-3.5 text-muted-foreground" }),
+      title
+    ] }),
+    /* @__PURE__ */ jsx("ul", { className: "space-y-1 pl-5 text-xs text-muted-foreground", children })
+  ] });
+}
+function keyed(entries, keyOf) {
+  const seen = /* @__PURE__ */ new Map();
+  for (const entry of entries) {
+    const key = keyOf(entry);
+    if (!seen.has(key)) seen.set(key, entry);
+  }
+  return [...seen.entries()];
+}
+function N8nImportReport({ report }) {
+  const tr = useTr();
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "space-y-3 rounded-lg border border-border bg-background p-3",
+      "data-testid": "fluidgrids-import-n8n-report",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ jsx(
+            Icon,
+            {
+              icon: "mynaui:download",
+              className: "mt-0.5 size-4 shrink-0 text-muted-foreground"
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground", children: tr(
+              "fluidgrids.workflowsList.importN8nDetected",
+              "n8n workflow detected"
+            ) }),
+            /* @__PURE__ */ jsx(
+              "p",
+              {
+                className: "text-xs text-muted-foreground",
+                "data-testid": "fluidgrids-import-n8n-summary",
+                children: tr(
+                  "fluidgrids.workflowsList.importN8nSummary",
+                  "{{mapped}} of {{total}} nodes convert directly \xB7 {{placeholders}} placeholders \xB7 {{connections}} connections to set up",
+                  {
+                    mapped: String(report.mappedNodes.length),
+                    total: String(report.nodeCount),
+                    placeholders: String(report.placeholders.length),
+                    connections: String(report.connectionsNeeded.length)
+                  }
+                )
+              }
+            )
+          ] })
+        ] }),
+        report.placeholders.length > 0 && /* @__PURE__ */ jsx(
+          Section,
+          {
+            title: tr(
+              "fluidgrids.workflowsList.importN8nPlaceholders",
+              "Placeholders: these nodes are kept as disabled No-op nodes, with their n8n settings in the node notes"
+            ),
+            icon: "mynaui:square-dashed",
+            testId: "fluidgrids-import-n8n-placeholders",
+            children: report.placeholders.map((placeholder) => /* @__PURE__ */ jsxs("li", { children: [
+              /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: placeholder.name }),
+              " ",
+              /* @__PURE__ */ jsxs("span", { className: "font-mono", children: [
+                "(",
+                placeholder.n8nType,
+                ")"
+              ] }),
+              ":",
+              " ",
+              placeholder.reason
+            ] }, placeholder.nodeId))
+          }
+        ),
+        report.connectionsNeeded.length > 0 && /* @__PURE__ */ jsx(
+          Section,
+          {
+            title: tr(
+              "fluidgrids.workflowsList.importN8nConnections",
+              "Connections to create: n8n credentials are never imported"
+            ),
+            icon: "mynaui:key",
+            testId: "fluidgrids-import-n8n-connections",
+            children: keyed(
+              report.connectionsNeeded,
+              (connection) => `${connection.nodeId}|${connection.provider ?? ""}|${connection.n8nCredentialType ?? ""}`
+            ).map(([key, connection]) => /* @__PURE__ */ jsxs("li", { children: [
+              /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: connection.nodeName }),
+              connection.provider && connection.provider !== "*" ? ` \xB7 ${connection.provider}` : "",
+              connection.n8nCredentialName ? ` \xB7 ${tr(
+                "fluidgrids.workflowsList.importN8nCredentialWas",
+                "was {{credential}} in n8n",
+                { credential: connection.n8nCredentialName }
+              )}` : ""
+            ] }, key))
+          }
+        ),
+        report.expressionIssues.length > 0 && /* @__PURE__ */ jsx(
+          Section,
+          {
+            title: tr(
+              "fluidgrids.workflowsList.importN8nExpressions",
+              "Expressions and conditions to review"
+            ),
+            icon: "mynaui:code",
+            testId: "fluidgrids-import-n8n-expressions",
+            children: keyed(
+              report.expressionIssues,
+              (issue) => `${issue.nodeName}|${issue.expression}|${issue.reason}`
+            ).map(([key, issue]) => /* @__PURE__ */ jsxs("li", { children: [
+              /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: issue.nodeName }),
+              ": ",
+              /* @__PURE__ */ jsx("span", { className: "break-all font-mono", children: issue.expression }),
+              " ",
+              "\u2014 ",
+              issue.reason
+            ] }, key))
+          }
+        ),
+        report.warnings.length > 0 && /* @__PURE__ */ jsx(
+          Section,
+          {
+            title: tr("fluidgrids.workflowsList.importN8nNotes", "Notes"),
+            icon: "mynaui:info-circle",
+            testId: "fluidgrids-import-n8n-warnings",
+            children: keyed(
+              report.warnings,
+              (warning) => `${warning.nodeName ?? ""}|${warning.message}`
+            ).map(([key, warning]) => /* @__PURE__ */ jsxs("li", { children: [
+              warning.nodeName ? /* @__PURE__ */ jsxs("span", { className: "font-medium text-foreground", children: [
+                warning.nodeName,
+                ":",
+                " "
+              ] }) : null,
+              warning.message
+            ] }, key))
+          }
+        )
+      ]
+    }
+  );
+}
 function formatMiB(bytes) {
   const mib = bytes / (1024 * 1024);
   return Number.isInteger(mib) ? String(mib) : mib.toFixed(1);
@@ -788,7 +818,17 @@ function WorkflowImportDialog({
   const [workflowKey, setWorkflowKey] = useState("");
   const [version, setVersion] = useState("");
   const [loadingUrl, setLoadingUrl] = useState(false);
+  const { previewN8nImport } = usePreviewN8nImport();
+  const [n8nPreview, setN8nPreview] = useState(null);
+  const [previewingN8n, setPreviewingN8n] = useState(false);
+  const previewRequest = useRef(0);
+  const dropN8nPreview = () => {
+    previewRequest.current += 1;
+    setN8nPreview(null);
+    setPreviewingN8n(false);
+  };
   const reset = () => {
+    dropN8nPreview();
     setRawJson("");
     setUrl("");
     setParsed(null);
@@ -800,6 +840,7 @@ function WorkflowImportDialog({
     setSubmitted(false);
   };
   const selectTypeScript = (label, files) => {
+    dropN8nPreview();
     setParsed(null);
     setIssues(null);
     setSubmitted(false);
@@ -809,6 +850,7 @@ function WorkflowImportDialog({
     setVersion("");
   };
   const refuseSource = (error) => {
+    dropN8nPreview();
     setTypeScript(null);
     setParsed(null);
     setSubmitted(false);
@@ -838,16 +880,39 @@ function WorkflowImportDialog({
     }
     return true;
   };
+  const showN8nPreview = async (next) => {
+    const request = previewRequest.current;
+    setPreviewingN8n(true);
+    try {
+      const preview = await previewN8nImport(next.definitionJson);
+      if (request !== previewRequest.current) return;
+      setN8nPreview(preview);
+      setName(preview.name);
+    } catch (error) {
+      if (request !== previewRequest.current) return;
+      setParsed(null);
+      toast.error(
+        error instanceof Error ? error.message : tr(
+          "fluidgrids.workflowsList.importN8nPreviewFailed",
+          "The n8n workflow could not be read"
+        )
+      );
+    } finally {
+      if (request === previewRequest.current) setPreviewingN8n(false);
+    }
+  };
   const parse = (value) => {
     setTypeScript(null);
     setIssues(null);
     setSubmitted(false);
+    dropN8nPreview();
     try {
       const next = parseWorkflowImport(value);
       setParsed(next);
       setName(next.name);
       setWorkflowKey("");
       setVersion(next.version ?? "");
+      if (next.source === "n8n") void showN8nPreview(next);
     } catch (error) {
       setParsed(null);
       toast.error(
@@ -1126,6 +1191,7 @@ function WorkflowImportDialog({
                 onChange: (event) => {
                   setRawJson(event.target.value);
                   setParsed(null);
+                  dropN8nPreview();
                 },
                 onBlur: () => rawJson.trim() && parse(rawJson),
                 placeholder: tr(
@@ -1140,7 +1206,20 @@ function WorkflowImportDialog({
               }
             ),
             (parsed || typeScript) && /* @__PURE__ */ jsxs("div", { className: "space-y-3 rounded-lg border border-border bg-muted/30 p-3", children: [
-              parsed ? /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+              parsed?.source === "n8n" ? n8nPreview ? /* @__PURE__ */ jsx(N8nImportReport, { report: n8nPreview.report }) : /* @__PURE__ */ jsx(
+                "p",
+                {
+                  className: "text-xs text-muted-foreground",
+                  "data-testid": "fluidgrids-import-n8n-previewing",
+                  children: previewingN8n ? tr(
+                    "fluidgrids.workflowsList.importN8nPreviewing",
+                    "Reading the n8n workflow\u2026"
+                  ) : tr(
+                    "fluidgrids.workflowsList.importN8nDetected",
+                    "n8n workflow detected"
+                  )
+                }
+              ) : parsed ? /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
                 parsed.nodeReferences.length,
                 " ",
                 tr(
@@ -1223,7 +1302,7 @@ function WorkflowImportDialog({
               Button,
               {
                 onClick: () => void handleImport(),
-                disabled: loading || !parsed && !typeScript || !name.trim(),
+                disabled: loading || !parsed && !typeScript || !name.trim() || parsed?.source === "n8n" && !n8nPreview,
                 children: loading ? tr("fluidgrids.workflowsList.importing", "Importing\u2026") : tr("fluidgrids.workflowsList.importConfirm", "Import workflow")
               }
             )
@@ -2238,6 +2317,87 @@ function FirstWorkflowChecklist({
   }
   return /* @__PURE__ */ jsx(ChecklistWithRuns, { workflows, canCreate });
 }
+var NO_PROJECT = "__none__";
+function WorkflowMoveToProjectDialog({
+  workflow,
+  onClose,
+  onMoved
+}) {
+  const tr = useTr();
+  const { projects } = useWorkflowProjects();
+  const { bulkAssignToProject, loading } = useBulkWorkflowActions();
+  const [choice, setChoice] = useState(null);
+  const current = workflow?.projectId ?? NO_PROJECT;
+  const selected = choice ?? current;
+  const close = () => {
+    setChoice(null);
+    onClose();
+  };
+  const move = async () => {
+    if (!workflow) return;
+    const result = await bulkAssignToProject(
+      [workflow.id],
+      selected === NO_PROJECT ? null : selected
+    );
+    if (!result || result.failedIds.length > 0) {
+      toast.error(
+        tr(
+          "fluidgrids.workflowsList.moveToProject.failed",
+          "The workflow couldn't be moved"
+        )
+      );
+      return;
+    }
+    toast.success(
+      tr("fluidgrids.workflowsList.moveToProject.moved", "Workflow moved")
+    );
+    setChoice(null);
+    onMoved?.();
+    onClose();
+  };
+  return /* @__PURE__ */ jsx(Dialog, { open: workflow !== null, onOpenChange: (open) => !open && close(), children: /* @__PURE__ */ jsxs(DialogContent, { "data-testid": "move-to-project-dialog", children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: tr(
+        "fluidgrids.workflowsList.moveToProject.title",
+        "Move {{name}} to a project",
+        { name: workflow?.name ?? "" }
+      ) }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: tr(
+        "fluidgrids.workflowsList.moveToProject.description",
+        "Every version moves, and new versions stay in the project."
+      ) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx(Label, { htmlFor: "move-to-project-select", children: tr("fluidgrids.workflowsList.moveToProject.label", "Project") }),
+      /* @__PURE__ */ jsxs(Select, { value: selected, onValueChange: setChoice, children: [
+        /* @__PURE__ */ jsx(
+          SelectTrigger,
+          {
+            id: "move-to-project-select",
+            "data-testid": "move-to-project-select",
+            children: /* @__PURE__ */ jsx(SelectValue, {})
+          }
+        ),
+        /* @__PURE__ */ jsxs(SelectContent, { children: [
+          /* @__PURE__ */ jsx(SelectItem, { value: NO_PROJECT, children: tr("fluidgrids.workflowsList.bulk.noProject", "No project") }),
+          projects.map((project) => /* @__PURE__ */ jsx(SelectItem, { value: project.id, children: project.name }, project.id))
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: close, disabled: loading, children: tr("fluidgrids.workflowsList.moveToProject.cancel", "Cancel") }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          onClick: () => void move(),
+          disabled: loading || selected === current,
+          "data-testid": "move-to-project-confirm",
+          children: tr("fluidgrids.workflowsList.moveToProject.confirm", "Move")
+        }
+      )
+    ] })
+  ] }) });
+}
 function useStatusFilters() {
   const tr = useTr();
   return useMemo(
@@ -2262,6 +2422,29 @@ function useStatusFilters() {
     [tr]
   );
 }
+function useAccessFilters() {
+  const tr = useTr();
+  return useMemo(
+    () => [
+      {
+        value: "ALL" /* All */,
+        label: tr("fluidgrids.workflowsList.access.all", "All")
+      },
+      {
+        value: "OWNED_BY_ME" /* OwnedByMe */,
+        label: tr("fluidgrids.workflowsList.access.mine", "Mine")
+      },
+      {
+        value: "SHARED_WITH_ME" /* SharedWithMe */,
+        label: tr(
+          "fluidgrids.workflowsList.access.sharedWithMe",
+          "Shared with me"
+        )
+      }
+    ],
+    [tr]
+  );
+}
 function SkeletonCard() {
   return /* @__PURE__ */ jsxs("div", { className: "flex min-h-40 flex-col justify-between rounded-xl border border-border bg-card p-6", children: [
     /* @__PURE__ */ jsxs("div", { className: "space-y-2.5", children: [
@@ -2279,10 +2462,19 @@ function WorkflowsList() {
   const tr = useTr();
   const navigate = useNavigate();
   const STATUS_FILTERS = useStatusFilters();
+  const ACCESS_FILTERS = useAccessFilters();
+  const workspaceId = useContext(FluidGridsContext)?.workspaceId ?? "";
+  const [accessFilter, setAccessFilter] = useState(
+    "ALL" /* All */
+  );
   const { workflows, loading, error, tagsByKey, refetch } = useWorkflowDefinitions({
     limit: 100,
-    latestOnly: true
+    latestOnly: true,
+    ...accessFilter === "ALL" /* All */ ? {} : { access: accessFilter }
   });
+  const [sharing, setSharing] = useState(null);
+  const [moving, setMoving] = useState(null);
+  const filteredByAccess = accessFilter !== "ALL" /* All */;
   const { getWorkflow } = useLazyWorkflowDefinition();
   const { allowed: canCreate } = useFluidGridsPermission(
     FLUIDGRIDS_PERMISSIONS.WORKFLOW_CREATE
@@ -2469,7 +2661,7 @@ function WorkflowsList() {
               }
             ),
             !loading && !error && /* @__PURE__ */ jsx(FirstWorkflowChecklist, { workflows, canCreate }),
-            !loading && !error && workflows.length > 0 && /* @__PURE__ */ jsxs(
+            !loading && !error && (workflows.length > 0 || filteredByAccess) && /* @__PURE__ */ jsxs(
               "div",
               {
                 className: "flex flex-wrap items-center gap-3",
@@ -2507,6 +2699,29 @@ function WorkflowsList() {
                       onSelectProject: setProjectFilter
                     }
                   ),
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: "flex flex-wrap items-center gap-1.5",
+                      role: "group",
+                      "aria-label": tr("fluidgrids.workflowsList.access.label", "Access"),
+                      "data-testid": "workflow-access-filter",
+                      children: ACCESS_FILTERS.map((option) => /* @__PURE__ */ jsx(
+                        "button",
+                        {
+                          type: "button",
+                          "aria-pressed": accessFilter === option.value,
+                          onClick: () => setAccessFilter(option.value),
+                          className: cn(
+                            "rounded-full border px-3 py-1 text-xs font-medium transition-colors",
+                            accessFilter === option.value ? "border-transparent bg-primary text-primary-foreground" : "border-border bg-card text-muted-foreground hover:text-foreground"
+                          ),
+                          children: option.label
+                        },
+                        option.value
+                      ))
+                    }
+                  ),
                   /* @__PURE__ */ jsxs(
                     Button,
                     {
@@ -2603,7 +2818,7 @@ function WorkflowsList() {
                 /* @__PURE__ */ jsx(Icon, { icon: "mynaui:refresh", className: "size-4" }),
                 tr("fluidgrids.workflowsList.tryAgainButton", "Try again")
               ] })
-            ] }) }) : workflows.length === 0 ? /* @__PURE__ */ jsx("div", { className: "grid flex-1 place-items-center", children: /* @__PURE__ */ jsx(
+            ] }) }) : workflows.length === 0 && !filteredByAccess ? /* @__PURE__ */ jsx("div", { className: "grid flex-1 place-items-center", children: /* @__PURE__ */ jsx(
               IllustratedEmptyState,
               {
                 illustration: "onboarding",
@@ -2638,6 +2853,7 @@ function WorkflowsList() {
                     setSearch("");
                     setStatusFilter(null);
                     setTagFilter(null);
+                    setAccessFilter("ALL" /* All */);
                   },
                   children: tr(
                     "fluidgrids.workflowsList.clearFiltersButton",
@@ -2679,9 +2895,20 @@ function WorkflowsList() {
                         "Tag"
                       ),
                       color: a.tagInfo?.color ?? void 0
-                    }))
+                    })),
+                    visibility: workflow.visibility ?? void 0,
+                    my_access: workflow.myAccess ?? null
                   },
                   onUpdateSuccess: () => refetch(),
+                  onShare: () => setSharing({
+                    workflowKey: workflow.workflowKey,
+                    name: workflow.name
+                  }),
+                  onMoveToProject: () => setMoving({
+                    id: workflow.id,
+                    name: workflow.name,
+                    projectId: workflow.projectId ?? null
+                  }),
                   onExport: () => void handleExport(workflow.id),
                   onExportAs: codeFirst ? (format) => void handleExportAs(
                     workflow.workflowKey,
@@ -2695,6 +2922,25 @@ function WorkflowsList() {
           ]
         }
       ),
+      /* @__PURE__ */ jsx(
+        WorkflowShareDialog,
+        {
+          open: sharing !== null,
+          onClose: () => setSharing(null),
+          workflowKey: sharing?.workflowKey ?? null,
+          workflowName: sharing?.name ?? "",
+          workspaceId,
+          onShared: () => void refetch()
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        WorkflowMoveToProjectDialog,
+        {
+          workflow: moving,
+          onClose: () => setMoving(null),
+          onMoved: () => void refetch()
+        }
+      ),
       /* @__PURE__ */ jsx(
         CreateWorkflowRefusalDialog,
         {