@burdenoff/fluidgrids-fe-sdk 2026.1104.1 → 2026.1104.2

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

@@ -1,16 +1,16 @@
-import { CreateWorkflowRefusalDialog, firstWorkflowProgress, GUIDED_TOUR_STATE, builderPathFor } from './chunk-FSU6LYGU.js';
-import { useExecutions } from './chunk-L2MUO3VU.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-MJGB6XAP.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, usePreviewN8nImport, useDuplicateWorkflow, useDeleteWorkflow } from './chunk-4YB6BMV3.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-WWR7ZCS5.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-H3RSOHD5.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,
@@ -2440,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(
@@ -2464,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: [
@@ -2481,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
@@ -2671,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",
@@ -2709,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,
                     {
@@ -2805,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",
@@ -2840,6 +2853,7 @@ function WorkflowsList() {
                     setSearch("");
                     setStatusFilter(null);
                     setTagFilter(null);
+                    setAccessFilter("ALL" /* All */);
                   },
                   children: tr(
                     "fluidgrids.workflowsList.clearFiltersButton",
@@ -2881,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,
@@ -2897,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,
         {

package/dist/{chunk-BJ5H5QV4.js → chunk-XNU2PLJ2.js}

@@ -1,10 +1,10 @@
-import { validateDateRange, statusCountFilter, STATUS_COUNT_GROUP_BY, statusCountsOf } from './chunk-L2MUO3VU.js';
-import { useAvailableTags, formatRunVersion, nodeDisplayTitle } from './chunk-7GI3457S.js';
+import { validateDateRange, statusCountFilter, STATUS_COUNT_GROUP_BY, statusCountsOf } from './chunk-5D4XS3WJ.js';
+import { useAvailableTags, formatRunVersion, nodeDisplayTitle } from './chunk-F7LQL43U.js';
 import { executionsControls } from './chunk-FNZZ5JJL.js';
 import { useFluidGridsPageControls } from './chunk-PJAWNFJV.js';
-import { useDurableParityEnabled, throwIfResultError, describeOperationError } from './chunk-WWR7ZCS5.js';
+import { useDurableParityEnabled, throwIfResultError, describeOperationError } from './chunk-AAIZ6S6E.js';
 import { useExecutionsStore } from './chunk-6AMNEX2Y.js';
-import { SetWorkflowRunVersioningOverrideDocument, WorkflowRunsCountDocument, DurableParityRunFieldsDocument, WorkflowRunPendingDocument, WorkflowRunMetadataDocument } from './chunk-H3RSOHD5.js';
+import { SetWorkflowRunVersioningOverrideDocument, WorkflowRunsCountDocument, DurableParityRunFieldsDocument, WorkflowRunPendingDocument, WorkflowRunMetadataDocument } from './chunk-AVHBWJRY.js';
 import { useTr } from './chunk-UULVIT25.js';
 import { getFluidGridsClient } from './chunk-NTWG3CJX.js';
 import { Icon } from '@iconify/react';

package/dist/{chunk-JFG2XCJR.js → chunk-YYVRBROH.js}

@@ -1,4 +1,4 @@
-import { useFlowStore } from './chunk-WWR7ZCS5.js';
+import { useFlowStore } from './chunk-AAIZ6S6E.js';
 import { useTr } from './chunk-UULVIT25.js';
 import { useState, useRef, useCallback, useEffect } from 'react';
 import { cn } from '@burdenoff/fe-libs/utils';

package/dist/{chunk-OXDRU5GT.js → chunk-ZDCJPQ5M.js}

@@ -1,4 +1,4 @@
-import { NodeEndpointConfigsDocument, NodeEndpointConfigDocument, NodeManifestDocument, fetchAllNodeEndpointConfigs } from './chunk-H3RSOHD5.js';
+import { NodeEndpointConfigsDocument, NodeEndpointConfigDocument, NodeManifestDocument, fetchAllNodeEndpointConfigs } from './chunk-AVHBWJRY.js';
 import { useTr } from './chunk-UULVIT25.js';
 import { getFluidGridsClient } from './chunk-NTWG3CJX.js';
 import { useMemo, useState, useCallback, useEffect } from 'react';