@burdenoff/fluidgrids-fe-sdk 2026.1101.2 → 2026.1101.4

package/dist/{chunk-W7MTSATB.js → chunk-LIVFWFT4.js}

@@ -1,18 +1,20 @@
-import { CreateWorkflowRefusalDialog, firstWorkflowProgress, GUIDED_TOUR_STATE, builderPathFor } from './chunk-26HGYPBC.js';
-import { useExecutions } from './chunk-LYTR6IQO.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-WF6GMBR4.js';
+import { CreateWorkflowRefusalDialog, firstWorkflowProgress, GUIDED_TOUR_STATE, builderPathFor } from './chunk-6EE4PRD6.js';
+import { useExecutions } from './chunk-LFCF5KTH.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-7MGYG6DR.js';
 import { workflowsListControls } from './chunk-FNZZ5JJL.js';
-import { useCreateWorkflow, useWorkflowDefinitions, useLazyWorkflowDefinition, useImportWorkflow, useDuplicateWorkflow, useDeleteWorkflow } from './chunk-LWLHPVIA.js';
+import { useCreateWorkflow, useWorkflowDefinitions, useLazyWorkflowDefinition, useImportWorkflow, useDuplicateWorkflow, useDeleteWorkflow } from './chunk-BUWFUPN2.js';
 import { useFluidGridsPageControls } from './chunk-PJAWNFJV.js';
 import { FluidGridsDocsLink } from './chunk-4VJ3MDOV.js';
-import { createThenOpen, useFluidGridsFlag, FLUIDGRIDS_FLAGS, BILLING_PLANS_PATH, describeOperationError, useFlowStore, isQuotaExhaustedFailure } from './chunk-NZJWKVER.js';
+import { createThenOpen, useFluidGridsFlag, FLUIDGRIDS_FLAGS, BILLING_PLANS_PATH, describeOperationError, useFlowStore, throwIfResultError, isQuotaExhaustedFailure } from './chunk-V4TI5JMD.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-DO554TUK.js';
 import { useTr } from './chunk-UULVIT25.js';
-import { useState, useRef, useCallback, useMemo } from 'react';
+import { getFluidGridsClient } from './chunk-NTWG3CJX.js';
+import { useState, useRef, useCallback, useMemo, useEffect } from 'react';
 import { useNavigate } from 'react-router';
 import { v4 } from 'uuid';
 import { Icon } from '@iconify/react';
-import { NextSteps, 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, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '@burdenoff/fe-libs/ui';
+import { NextSteps, Button, Badge, Input, IllustratedEmptyState, Checkbox, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, Label, Textarea, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, SelectSeparator, AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, Skeleton, TooltipProvider, Card, Tooltip, TooltipTrigger, TooltipContent, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem } from '@burdenoff/fe-libs/ui';
 import { cn } from '@burdenoff/fe-libs/utils';
 import { TagBadge } from '@burdenoff/fe-libs/tag';
 import { toast } from 'sonner';
@@ -1231,6 +1233,834 @@ function WorkflowImportDialog({
     }
   );
 }
+function useWorkflowFolders() {
+  const [folders, setFolders] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchData = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const client = getFluidGridsClient();
+      const result = await client.query({
+        query: WorkflowFoldersDocument,
+        fetchPolicy: "network-only"
+      });
+      setFolders(result.data?.workflowFolders ?? []);
+    } catch (err) {
+      setError(err);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+  return { folders, loading, error, refetch: fetchData };
+}
+function useWorkflowProjects() {
+  const [projects, setProjects] = useState([]);
+  const [loading, setLoading] = useState(true);
+  const [error, setError] = useState(null);
+  const fetchData = useCallback(async () => {
+    setLoading(true);
+    setError(null);
+    try {
+      const client = getFluidGridsClient();
+      const result = await client.query({
+        query: WorkflowProjectsDocument,
+        fetchPolicy: "network-only"
+      });
+      setProjects(result.data?.workflowProjects ?? []);
+    } catch (err) {
+      setError(err);
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  useEffect(() => {
+    fetchData();
+  }, [fetchData]);
+  return { projects, loading, error, refetch: fetchData };
+}
+function useWorkflowFolderActions() {
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const createFolder = useCallback(async (input) => {
+    setLoading(true);
+    setError(null);
+    try {
+      const client = getFluidGridsClient();
+      const result = throwIfResultError(
+        await client.mutate({
+          mutation: CreateWorkflowFolderDocument,
+          variables: { input }
+        })
+      );
+      return result.data?.createWorkflowFolder ?? null;
+    } catch (err) {
+      setError(err);
+      return null;
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  const renameFolder = useCallback(async (id, name) => {
+    setLoading(true);
+    setError(null);
+    try {
+      const client = getFluidGridsClient();
+      const result = throwIfResultError(
+        await client.mutate({
+          mutation: RenameWorkflowFolderDocument,
+          variables: { id, name }
+        })
+      );
+      return result.data?.renameWorkflowFolder ?? null;
+    } catch (err) {
+      setError(err);
+      return null;
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  const moveFolder = useCallback(
+    async (id, parentId) => {
+      setLoading(true);
+      setError(null);
+      try {
+        const client = getFluidGridsClient();
+        const result = throwIfResultError(
+          await client.mutate({
+            mutation: MoveWorkflowFolderDocument,
+            variables: { id, parentId }
+          })
+        );
+        return result.data?.moveWorkflowFolder ?? null;
+      } catch (err) {
+        setError(err);
+        return null;
+      } finally {
+        setLoading(false);
+      }
+    },
+    []
+  );
+  const deleteFolder = useCallback(async (id) => {
+    setLoading(true);
+    setError(null);
+    try {
+      const client = getFluidGridsClient();
+      const result = throwIfResultError(
+        await client.mutate({
+          mutation: DeleteWorkflowFolderDocument,
+          variables: { id }
+        })
+      );
+      return result.data?.deleteWorkflowFolder ?? false;
+    } catch (err) {
+      setError(err);
+      return false;
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  return {
+    createFolder,
+    renameFolder,
+    moveFolder,
+    deleteFolder,
+    loading,
+    error
+  };
+}
+function useWorkflowProjectActions() {
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const createProject = useCallback(
+    async (input) => {
+      setLoading(true);
+      setError(null);
+      try {
+        const client = getFluidGridsClient();
+        const result = throwIfResultError(
+          await client.mutate({
+            mutation: CreateWorkflowProjectDocument,
+            variables: { input }
+          })
+        );
+        return result.data?.createWorkflowProject ?? null;
+      } catch (err) {
+        setError(err);
+        return null;
+      } finally {
+        setLoading(false);
+      }
+    },
+    []
+  );
+  const renameProject = useCallback(
+    async (id, name, description) => {
+      setLoading(true);
+      setError(null);
+      try {
+        const client = getFluidGridsClient();
+        const result = throwIfResultError(
+          await client.mutate({
+            mutation: RenameWorkflowProjectDocument,
+            variables: { id, name, description }
+          })
+        );
+        return result.data?.renameWorkflowProject ?? null;
+      } catch (err) {
+        setError(err);
+        return null;
+      } finally {
+        setLoading(false);
+      }
+    },
+    []
+  );
+  const deleteProject = useCallback(async (id) => {
+    setLoading(true);
+    setError(null);
+    try {
+      const client = getFluidGridsClient();
+      const result = throwIfResultError(
+        await client.mutate({
+          mutation: DeleteWorkflowProjectDocument,
+          variables: { id }
+        })
+      );
+      return result.data?.deleteWorkflowProject ?? false;
+    } catch (err) {
+      setError(err);
+      return false;
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  return { createProject, renameProject, deleteProject, loading, error };
+}
+function useBulkWorkflowActions() {
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const bulkMoveToFolder = useCallback(
+    async (workflowIds, folderId) => {
+      setLoading(true);
+      setError(null);
+      try {
+        const client = getFluidGridsClient();
+        const result = throwIfResultError(
+          await client.mutate({
+            mutation: BulkMoveWorkflowsToFolderDocument,
+            variables: { folderId, workflowIds },
+            refetchQueries: ["WorkflowDefinitions"]
+          })
+        );
+        return result.data?.bulkMoveWorkflowsToFolder ?? null;
+      } catch (err) {
+        setError(err);
+        return null;
+      } finally {
+        setLoading(false);
+      }
+    },
+    []
+  );
+  const bulkAssignToProject = useCallback(
+    async (workflowIds, projectId) => {
+      setLoading(true);
+      setError(null);
+      try {
+        const client = getFluidGridsClient();
+        const result = throwIfResultError(
+          await client.mutate({
+            mutation: BulkAssignWorkflowsToProjectDocument,
+            variables: { projectId, workflowIds },
+            refetchQueries: ["WorkflowDefinitions"]
+          })
+        );
+        return result.data?.bulkAssignWorkflowsToProject ?? null;
+      } catch (err) {
+        setError(err);
+        return null;
+      } finally {
+        setLoading(false);
+      }
+    },
+    []
+  );
+  const bulkDelete = useCallback(async (workflowIds) => {
+    setLoading(true);
+    setError(null);
+    try {
+      const client = getFluidGridsClient();
+      const result = throwIfResultError(
+        await client.mutate({
+          mutation: BulkDeleteWorkflowsDocument,
+          variables: { workflowIds },
+          refetchQueries: ["WorkflowDefinitions"]
+        })
+      );
+      return result.data?.bulkDeleteWorkflows ?? null;
+    } catch (err) {
+      setError(err);
+      return null;
+    } finally {
+      setLoading(false);
+    }
+  }, []);
+  return {
+    bulkMoveToFolder,
+    bulkAssignToProject,
+    bulkDelete,
+    loading,
+    error
+  };
+}
+function FolderRow({
+  folder,
+  depth,
+  selectedFolderId,
+  onSelect,
+  onCreateChild,
+  onRename,
+  onDelete
+}) {
+  const tr = useTr();
+  const [expanded, setExpanded] = useState(true);
+  const hasChildren = (folder.children ?? []).length > 0;
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "group flex items-center gap-1 rounded-md px-2 py-1.5 text-sm",
+          selectedFolderId === folder.id ? "bg-primary/10 text-primary" : "text-muted-foreground hover:bg-card hover:text-foreground"
+        ),
+        style: { paddingLeft: `${8 + depth * 14}px` },
+        children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => setExpanded((v) => !v),
+              className: cn(
+                "flex size-4 shrink-0 items-center justify-center",
+                !hasChildren && "invisible"
+              ),
+              "aria-label": tr(
+                "fluidgrids.workflowsList.folders.toggleAriaLabel",
+                "Toggle folder"
+              ),
+              children: /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  icon: expanded ? "mynaui:chevron-down" : "mynaui:chevron-right",
+                  className: "size-3.5"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              onClick: () => onSelect(folder.id),
+              className: "flex min-w-0 flex-1 items-center gap-1.5 truncate text-left",
+              children: [
+                /* @__PURE__ */ jsx(Icon, { icon: "mynaui:folder", className: "size-4 shrink-0" }),
+                /* @__PURE__ */ jsx("span", { className: "truncate", children: folder.name }),
+                /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "ml-1 font-mono text-[10px]", children: folder.workflowCount })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+            /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "invisible flex size-5 shrink-0 items-center justify-center rounded group-hover:visible hover:bg-muted",
+                "aria-label": tr(
+                  "fluidgrids.workflowsList.folders.menuAriaLabel",
+                  "Folder actions"
+                ),
+                children: /* @__PURE__ */ jsx(Icon, { icon: "mynaui:dots", className: "size-3.5" })
+              }
+            ) }),
+            /* @__PURE__ */ jsxs(DropdownMenuContent, { align: "start", children: [
+              /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => onCreateChild(folder.id), children: tr(
+                "fluidgrids.workflowsList.folders.newSubfolder",
+                "New subfolder"
+              ) }),
+              /* @__PURE__ */ jsx(DropdownMenuItem, { onClick: () => onRename(folder), children: tr("fluidgrids.workflowsList.folders.rename", "Rename") }),
+              /* @__PURE__ */ jsx(
+                DropdownMenuItem,
+                {
+                  onClick: () => onDelete(folder),
+                  className: "text-destructive",
+                  children: tr("fluidgrids.workflowsList.folders.delete", "Delete")
+                }
+              )
+            ] })
+          ] })
+        ]
+      }
+    ),
+    expanded && (folder.children ?? []).map((child) => /* @__PURE__ */ jsx(
+      FolderRow,
+      {
+        folder: child,
+        depth: depth + 1,
+        selectedFolderId,
+        onSelect,
+        onCreateChild,
+        onRename,
+        onDelete
+      },
+      child.id
+    ))
+  ] });
+}
+function WorkflowFolderSidebar({
+  selectedFolderId,
+  onSelectFolder
+}) {
+  const tr = useTr();
+  const { folders, loading, refetch } = useWorkflowFolders();
+  const { createFolder, renameFolder, deleteFolder } = useWorkflowFolderActions();
+  const [dialog, setDialog] = useState(null);
+  const [name, setName] = useState("");
+  const [deleteTarget, setDeleteTarget] = useState(null);
+  const openCreate = (parentId) => {
+    setName("");
+    setDialog({ mode: "create", parentId });
+  };
+  const openRename = (folder) => {
+    setName(folder.name);
+    setDialog({ mode: "rename", parentId: folder.parentId ?? null, folder });
+  };
+  const submitDialog = async () => {
+    if (!dialog || !name.trim()) return;
+    if (dialog.mode === "create") {
+      const created = await createFolder({
+        name: name.trim(),
+        parentId: dialog.parentId
+      });
+      if (!created) {
+        toast.error(
+          tr(
+            "fluidgrids.workflowsList.folders.createError",
+            "Couldn't create the folder"
+          )
+        );
+        return;
+      }
+    } else if (dialog.folder) {
+      const renamed = await renameFolder(dialog.folder.id, name.trim());
+      if (!renamed) {
+        toast.error(
+          tr(
+            "fluidgrids.workflowsList.folders.renameError",
+            "Couldn't rename the folder"
+          )
+        );
+        return;
+      }
+    }
+    setDialog(null);
+    void refetch();
+  };
+  const confirmDelete = async () => {
+    if (!deleteTarget) return;
+    const ok = await deleteFolder(deleteTarget.id);
+    if (!ok) {
+      toast.error(
+        tr(
+          "fluidgrids.workflowsList.folders.deleteError",
+          "Couldn't delete the folder"
+        )
+      );
+    } else {
+      if (selectedFolderId === deleteTarget.id) onSelectFolder(null);
+      void refetch();
+    }
+    setDeleteTarget(null);
+  };
+  return /* @__PURE__ */ jsxs(
+    "aside",
+    {
+      className: "flex w-56 shrink-0 flex-col gap-1 border-r border-border p-2",
+      "data-tour": "fluidgrids-list-folders",
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-2 py-1", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-xs font-semibold uppercase text-muted-foreground", children: tr("fluidgrids.workflowsList.folders.title", "Folders") }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: () => openCreate(null),
+              className: "flex size-5 items-center justify-center rounded hover:bg-muted",
+              "aria-label": tr(
+                "fluidgrids.workflowsList.folders.newFolderAriaLabel",
+                "New folder"
+              ),
+              children: /* @__PURE__ */ jsx(Icon, { icon: "mynaui:plus", className: "size-3.5" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: () => onSelectFolder(null),
+            className: cn(
+              "flex items-center gap-1.5 rounded-md px-2 py-1.5 text-left text-sm",
+              selectedFolderId === null ? "bg-primary/10 text-primary" : "text-muted-foreground hover:bg-card hover:text-foreground"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(Icon, { icon: "mynaui:grid", className: "size-4" }),
+              tr("fluidgrids.workflowsList.folders.allWorkflows", "All workflows")
+            ]
+          }
+        ),
+        loading ? /* @__PURE__ */ jsx("div", { className: "px-2 py-1 text-xs text-muted-foreground", children: tr("fluidgrids.workflowsList.folders.loading", "Loading\u2026") }) : folders.map((folder) => /* @__PURE__ */ jsx(
+          FolderRow,
+          {
+            folder,
+            depth: 0,
+            selectedFolderId,
+            onSelect: onSelectFolder,
+            onCreateChild: openCreate,
+            onRename: openRename,
+            onDelete: setDeleteTarget
+          },
+          folder.id
+        )),
+        /* @__PURE__ */ jsx(
+          Dialog,
+          {
+            open: dialog !== null,
+            onOpenChange: (open) => !open && setDialog(null),
+            children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+              /* @__PURE__ */ jsxs(DialogHeader, { children: [
+                /* @__PURE__ */ jsx(DialogTitle, { children: dialog?.mode === "rename" ? tr(
+                  "fluidgrids.workflowsList.folders.renameTitle",
+                  "Rename folder"
+                ) : tr(
+                  "fluidgrids.workflowsList.folders.createTitle",
+                  "New folder"
+                ) }),
+                /* @__PURE__ */ jsx(DialogDescription, { children: tr(
+                  "fluidgrids.workflowsList.folders.nameDescription",
+                  "Folder name"
+                ) })
+              ] }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  autoFocus: true,
+                  value: name,
+                  onChange: (e) => setName(e.target.value),
+                  onKeyDown: (e) => {
+                    if (e.key === "Enter") void submitDialog();
+                  },
+                  placeholder: tr(
+                    "fluidgrids.workflowsList.folders.namePlaceholder",
+                    "e.g. Marketing"
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxs(DialogFooter, { children: [
+                /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setDialog(null), children: tr("fluidgrids.workflowsList.folders.cancel", "Cancel") }),
+                /* @__PURE__ */ jsx(Button, { onClick: () => void submitDialog(), disabled: !name.trim(), children: tr("fluidgrids.workflowsList.folders.save", "Save") })
+              ] })
+            ] })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Dialog,
+          {
+            open: deleteTarget !== null,
+            onOpenChange: (open) => !open && setDeleteTarget(null),
+            children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+              /* @__PURE__ */ jsxs(DialogHeader, { children: [
+                /* @__PURE__ */ jsx(DialogTitle, { children: tr(
+                  "fluidgrids.workflowsList.folders.deleteTitle",
+                  "Delete folder?"
+                ) }),
+                /* @__PURE__ */ jsx(DialogDescription, { children: tr(
+                  "fluidgrids.workflowsList.folders.deleteDescription",
+                  "Its workflows move to the top level; child folders move up a level. This can't be undone."
+                ) })
+              ] }),
+              /* @__PURE__ */ jsxs(DialogFooter, { children: [
+                /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setDeleteTarget(null), children: tr("fluidgrids.workflowsList.folders.cancel", "Cancel") }),
+                /* @__PURE__ */ jsx(Button, { variant: "destructive", onClick: () => void confirmDelete(), children: tr("fluidgrids.workflowsList.folders.delete", "Delete") })
+              ] })
+            ] })
+          }
+        )
+      ]
+    }
+  );
+}
+var ALL_PROJECTS_VALUE = "__all__";
+var NEW_PROJECT_VALUE = "__new__";
+function WorkflowProjectSelect({
+  selectedProjectId,
+  onSelectProject
+}) {
+  const tr = useTr();
+  const { projects, refetch } = useWorkflowProjects();
+  const { createProject } = useWorkflowProjectActions();
+  const [creating, setCreating] = useState(false);
+  const [name, setName] = useState("");
+  const handleChange = (value) => {
+    if (value === NEW_PROJECT_VALUE) {
+      setName("");
+      setCreating(true);
+      return;
+    }
+    onSelectProject(value === ALL_PROJECTS_VALUE ? null : value);
+  };
+  const submitCreate = async () => {
+    if (!name.trim()) return;
+    const created = await createProject({ name: name.trim() });
+    if (!created) {
+      toast.error(
+        tr(
+          "fluidgrids.workflowsList.projects.createError",
+          "Couldn't create the project"
+        )
+      );
+      return;
+    }
+    setCreating(false);
+    void refetch();
+    onSelectProject(created.id);
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      Select,
+      {
+        value: selectedProjectId ?? ALL_PROJECTS_VALUE,
+        onValueChange: handleChange,
+        children: [
+          /* @__PURE__ */ jsx(
+            SelectTrigger,
+            {
+              className: "w-44",
+              "aria-label": tr(
+                "fluidgrids.workflowsList.projects.selectAriaLabel",
+                "Project"
+              ),
+              children: /* @__PURE__ */ jsx(
+                SelectValue,
+                {
+                  placeholder: tr(
+                    "fluidgrids.workflowsList.projects.allProjects",
+                    "All projects"
+                  )
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs(SelectContent, { children: [
+            /* @__PURE__ */ jsx(SelectItem, { value: ALL_PROJECTS_VALUE, children: tr(
+              "fluidgrids.workflowsList.projects.allProjects",
+              "All projects"
+            ) }),
+            projects.map((project) => /* @__PURE__ */ jsxs(SelectItem, { value: project.id, children: [
+              project.name,
+              " (",
+              project.workflowCount,
+              ")"
+            ] }, project.id)),
+            /* @__PURE__ */ jsx(SelectSeparator, {}),
+            /* @__PURE__ */ jsx(SelectItem, { value: NEW_PROJECT_VALUE, children: tr(
+              "fluidgrids.workflowsList.projects.newProject",
+              "+ New project"
+            ) })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(Dialog, { open: creating, onOpenChange: setCreating, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+      /* @__PURE__ */ jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsx(DialogTitle, { children: tr(
+          "fluidgrids.workflowsList.projects.createTitle",
+          "New project"
+        ) }),
+        /* @__PURE__ */ jsx(DialogDescription, { children: tr(
+          "fluidgrids.workflowsList.projects.nameDescription",
+          "Project name"
+        ) })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          autoFocus: true,
+          value: name,
+          onChange: (e) => setName(e.target.value),
+          onKeyDown: (e) => {
+            if (e.key === "Enter") void submitCreate();
+          },
+          placeholder: tr(
+            "fluidgrids.workflowsList.projects.namePlaceholder",
+            "e.g. Q4 launch"
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxs(DialogFooter, { children: [
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => setCreating(false), children: tr("fluidgrids.workflowsList.projects.cancel", "Cancel") }),
+        /* @__PURE__ */ jsx(Button, { onClick: () => void submitCreate(), disabled: !name.trim(), children: tr("fluidgrids.workflowsList.projects.save", "Save") })
+      ] })
+    ] }) })
+  ] });
+}
+var UNFILED_VALUE = "__unfiled__";
+function WorkflowBulkActionsBar({
+  selectedIds,
+  onDone
+}) {
+  const tr = useTr();
+  const { folders } = useWorkflowFolders();
+  const { projects } = useWorkflowProjects();
+  const { bulkMoveToFolder, bulkAssignToProject, bulkDelete, loading } = useBulkWorkflowActions();
+  const [confirmingDelete, setConfirmingDelete] = useState(false);
+  const flatFolders = flattenFolders(folders);
+  const reportFailures = (result) => {
+    if (result && result.failedIds.length > 0) {
+      toast.error(
+        tr(
+          "fluidgrids.workflowsList.bulk.partialFailure",
+          "{{count}} workflow(s) couldn't be updated",
+          { count: result.failedIds.length }
+        )
+      );
+    }
+  };
+  const handleMove = async (folderId) => {
+    const result = await bulkMoveToFolder(
+      selectedIds,
+      folderId === UNFILED_VALUE ? null : folderId
+    );
+    reportFailures(result);
+    onDone();
+  };
+  const handleAssign = async (projectId) => {
+    const result = await bulkAssignToProject(
+      selectedIds,
+      projectId === UNFILED_VALUE ? null : projectId
+    );
+    reportFailures(result);
+    onDone();
+  };
+  const handleDelete = async () => {
+    setConfirmingDelete(false);
+    const result = await bulkDelete(selectedIds);
+    reportFailures(result);
+    onDone();
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex flex-wrap items-center gap-2 rounded-lg border border-border bg-card px-3 py-2",
+      "data-tour": "fluidgrids-list-bulk-bar",
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: tr(
+          "fluidgrids.workflowsList.bulk.selectedCount",
+          "{{count}} selected",
+          {
+            count: selectedIds.length
+          }
+        ) }),
+        /* @__PURE__ */ jsxs(Select, { onValueChange: (v) => void handleMove(v), disabled: loading, children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 w-40 text-xs", children: /* @__PURE__ */ jsx(
+            SelectValue,
+            {
+              placeholder: tr(
+                "fluidgrids.workflowsList.bulk.moveToFolder",
+                "Move to folder"
+              )
+            }
+          ) }),
+          /* @__PURE__ */ jsxs(SelectContent, { children: [
+            /* @__PURE__ */ jsx(SelectItem, { value: UNFILED_VALUE, children: tr("fluidgrids.workflowsList.bulk.unfiled", "Unfiled") }),
+            flatFolders.map((folder) => /* @__PURE__ */ jsx(SelectItem, { value: folder.id, children: folder.label }, folder.id))
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(Select, { onValueChange: (v) => void handleAssign(v), disabled: loading, children: [
+          /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 w-40 text-xs", children: /* @__PURE__ */ jsx(
+            SelectValue,
+            {
+              placeholder: tr(
+                "fluidgrids.workflowsList.bulk.assignToProject",
+                "Assign to project"
+              )
+            }
+          ) }),
+          /* @__PURE__ */ jsxs(SelectContent, { children: [
+            /* @__PURE__ */ jsx(SelectItem, { value: UNFILED_VALUE, children: tr("fluidgrids.workflowsList.bulk.noProject", "No project") }),
+            projects.map((project) => /* @__PURE__ */ jsx(SelectItem, { value: project.id, children: project.name }, project.id))
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            className: "h-8 text-destructive",
+            disabled: loading,
+            onClick: () => setConfirmingDelete(true),
+            children: [
+              /* @__PURE__ */ jsx(Icon, { icon: "mynaui:trash", className: "size-3.5" }),
+              tr("fluidgrids.workflowsList.bulk.delete", "Delete")
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: "h-8 ml-auto",
+            onClick: onDone,
+            children: tr("fluidgrids.workflowsList.bulk.cancel", "Cancel")
+          }
+        ),
+        /* @__PURE__ */ jsx(AlertDialog, { open: confirmingDelete, onOpenChange: setConfirmingDelete, children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
+          /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+            /* @__PURE__ */ jsx(AlertDialogTitle, { children: tr(
+              "fluidgrids.workflowsList.bulk.deleteConfirmTitle",
+              "Delete {{count}} workflow(s)?",
+              { count: selectedIds.length }
+            ) }),
+            /* @__PURE__ */ jsx(AlertDialogDescription, { children: tr(
+              "fluidgrids.workflowsList.bulk.deleteConfirmDescription",
+              "This can't be undone."
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+            /* @__PURE__ */ jsx(AlertDialogCancel, { children: tr("fluidgrids.workflowsList.bulk.cancel", "Cancel") }),
+            /* @__PURE__ */ jsx(AlertDialogAction, { onClick: () => void handleDelete(), children: tr("fluidgrids.workflowsList.bulk.delete", "Delete") })
+          ] })
+        ] }) })
+      ]
+    }
+  );
+}
+function flattenFolders(folders, depth = 0) {
+  return folders.flatMap((folder) => [
+    { id: folder.id, label: `${"\u2014 ".repeat(depth)}${folder.name}` },
+    ...flattenFolders(
+      folder.children ?? [],
+      depth + 1
+    )
+  ]);
+}
 function firstWorkflowSteps({
   progress,
   canCreate,
@@ -1460,6 +2290,10 @@ function WorkflowsList() {
   const [search, setSearch] = useState("");
   const [statusFilter, setStatusFilter] = useState(null);
   const [tagFilter, setTagFilter] = useState(null);
+  const [folderFilter, setFolderFilter] = useState(null);
+  const [projectFilter, setProjectFilter] = useState(null);
+  const [selectMode, setSelectMode] = useState(false);
+  const [selectedIds, setSelectedIds] = useState(/* @__PURE__ */ new Set());
   const presentStatuses = useMemo(() => {
     const seen = new Set(workflows.map((w) => w.status ?? "DRAFT"));
     return STATUS_FILTERS.filter((s) => seen.has(s.value));
@@ -1484,10 +2318,33 @@ function WorkflowsList() {
       if (statusFilter && (w.status ?? "DRAFT") !== statusFilter) return false;
       if (tagFilter && !(tagsByKey[w.workflowKey] ?? []).some((a) => a.tagId === tagFilter))
         return false;
+      if (folderFilter && w.folderId !== folderFilter) return false;
+      if (projectFilter && w.projectId !== projectFilter) return false;
       if (!q) return true;
       return [w.name, w.description, w.alias].filter((v) => typeof v === "string").some((v) => v.toLowerCase().includes(q));
     });
-  }, [workflows, search, statusFilter, tagFilter, tagsByKey]);
+  }, [
+    workflows,
+    search,
+    statusFilter,
+    tagFilter,
+    tagsByKey,
+    folderFilter,
+    projectFilter
+  ]);
+  const toggleSelected = (id) => {
+    setSelectedIds((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    });
+  };
+  const clearSelection = () => {
+    setSelectedIds(/* @__PURE__ */ new Set());
+    setSelectMode(false);
+    void refetch();
+  };
   const assistantControls = useMemo(
     () => workflowsListControls({
       page: tr("fluidgrids.workflowsList.title", "Workflows"),
@@ -1575,7 +2432,14 @@ function WorkflowsList() {
   return (
     // min-h-screen (matching the sibling pages) makes short content still fill
     // the viewport, keeping the shell footer below the fold.
-    /* @__PURE__ */ jsxs("main", { className: "flex min-h-screen w-full flex-col bg-background-primary", children: [
+    /* @__PURE__ */ jsxs("main", { className: "flex min-h-screen w-full flex-row bg-background-primary", children: [
+      /* @__PURE__ */ jsx(
+        WorkflowFolderSidebar,
+        {
+          selectedFolderId: folderFilter,
+          onSelectFolder: setFolderFilter
+        }
+      ),
       /* @__PURE__ */ jsxs(
         "div",
         {
@@ -1636,6 +2500,28 @@ function WorkflowsList() {
                       }
                     )
                   ] }),
+                  /* @__PURE__ */ jsx(
+                    WorkflowProjectSelect,
+                    {
+                      selectedProjectId: projectFilter,
+                      onSelectProject: setProjectFilter
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    Button,
+                    {
+                      variant: selectMode ? "secondary" : "outline",
+                      size: "sm",
+                      onClick: () => {
+                        setSelectMode((v) => !v);
+                        setSelectedIds(/* @__PURE__ */ new Set());
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx(Icon, { icon: "mynaui:checkbox", className: "size-4" }),
+                        tr("fluidgrids.workflowsList.bulk.selectToggle", "Select")
+                      ]
+                    }
+                  ),
                   presentStatuses.length > 1 && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
                     /* @__PURE__ */ jsx(
                       "button",
@@ -1691,6 +2577,13 @@ function WorkflowsList() {
                 ]
               }
             ),
+            selectedIds.size > 0 && /* @__PURE__ */ jsx(
+              WorkflowBulkActionsBar,
+              {
+                selectedIds: [...selectedIds],
+                onDone: clearSelection
+              }
+            ),
             loading ? /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4", children: Array.from({ length: 6 }, (_, i) => /* @__PURE__ */ jsx(SkeletonCard, {}, i)) }) : error ? /* @__PURE__ */ jsx("div", { className: "grid flex-1 place-items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex max-w-md flex-col items-center gap-3 rounded-xl border border-border bg-card p-8 text-center", children: [
               /* @__PURE__ */ jsx(
                 Icon,
@@ -1752,40 +2645,53 @@ function WorkflowsList() {
                   )
                 }
               )
-            ] }) }) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4", children: filtered.map((workflow) => /* @__PURE__ */ jsx(
-              CardWorkflow,
-              {
-                workflow: {
-                  id: workflow.id,
-                  workflow_key: workflow.workflowKey,
-                  version: workflow.version,
-                  name: workflow.name,
-                  description: workflow.description ?? void 0,
-                  status: workflow.status ?? void 0,
-                  alias: workflow.alias ?? void 0,
-                  updated_at: workflow.updatedAt ?? void 0,
-                  created_at: workflow.createdAt ?? void 0,
-                  total_versions: workflow.totalVersions ?? void 0,
-                  tags: (tagsByKey[workflow.workflowKey] ?? []).map((a) => ({
-                    id: a.tagId,
-                    label: a.tagInfo?.label ?? a.tagInfo?.key ?? tr(
-                      "fluidgrids.workflowsList.cardTagFallbackLabel",
-                      "Tag"
-                    ),
-                    color: a.tagInfo?.color ?? void 0
-                  }))
-                },
-                onUpdateSuccess: () => refetch(),
-                onExport: () => void handleExport(workflow.id),
-                onExportAs: codeFirst ? (format) => void handleExportAs(
-                  workflow.workflowKey,
-                  workflow.version,
-                  format
-                ) : void 0,
-                exportingFormat: exportingKey === workflow.workflowKey ? exporting : null
-              },
-              workflow.id
-            )) })
+            ] }) }) : /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3 2xl:grid-cols-4", children: filtered.map((workflow) => /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+              selectMode && /* @__PURE__ */ jsx(
+                Checkbox,
+                {
+                  className: "absolute right-3 top-3 z-10 bg-background-primary",
+                  checked: selectedIds.has(workflow.id),
+                  onCheckedChange: () => toggleSelected(workflow.id),
+                  "aria-label": tr(
+                    "fluidgrids.workflowsList.bulk.selectWorkflowAriaLabel",
+                    "Select workflow"
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                CardWorkflow,
+                {
+                  workflow: {
+                    id: workflow.id,
+                    workflow_key: workflow.workflowKey,
+                    version: workflow.version,
+                    name: workflow.name,
+                    description: workflow.description ?? void 0,
+                    status: workflow.status ?? void 0,
+                    alias: workflow.alias ?? void 0,
+                    updated_at: workflow.updatedAt ?? void 0,
+                    created_at: workflow.createdAt ?? void 0,
+                    total_versions: workflow.totalVersions ?? void 0,
+                    tags: (tagsByKey[workflow.workflowKey] ?? []).map((a) => ({
+                      id: a.tagId,
+                      label: a.tagInfo?.label ?? a.tagInfo?.key ?? tr(
+                        "fluidgrids.workflowsList.cardTagFallbackLabel",
+                        "Tag"
+                      ),
+                      color: a.tagInfo?.color ?? void 0
+                    }))
+                  },
+                  onUpdateSuccess: () => refetch(),
+                  onExport: () => void handleExport(workflow.id),
+                  onExportAs: codeFirst ? (format) => void handleExportAs(
+                    workflow.workflowKey,
+                    workflow.version,
+                    format
+                  ) : void 0,
+                  exportingFormat: exportingKey === workflow.workflowKey ? exporting : null
+                }
+              )
+            ] }, workflow.id)) })
           ]
         }
       ),