@burdenoff/fluidgrids-fe-sdk 2026.1023.4 → 2026.1024.1

package/dist/{chunk-TP2I5FQJ.js → chunk-UC4RGMSC.js}

@@ -1,13 +1,13 @@
-import { NEW_WORKFLOW_NAV, firstWorkflowProgress, builderPathFor, GUIDED_FIRST_WORKFLOW_NAV } from './chunk-YGBDZ424.js';
-import { useExecutions } from './chunk-LLPLOWMA.js';
-import { QuotaExhaustedDialog } from './chunk-OD2XBMS6.js';
-import { useWorkflowDefinitions, useLazyWorkflowDefinition, useImportWorkflow, useDuplicateWorkflow, useDeleteWorkflow } from './chunk-J3XDX5HG.js';
+import { createThenOpen, CreateWorkflowRefusalDialog, firstWorkflowProgress, GUIDED_TOUR_STATE, builderPathFor } from './chunk-YBEIPW7J.js';
+import { useExecutions } from './chunk-6CLELP3G.js';
+import { QuotaExhaustedDialog } from './chunk-STCOBJBN.js';
+import { useCreateWorkflow, useWorkflowDefinitions, useLazyWorkflowDefinition, useImportWorkflow, useDuplicateWorkflow, useDeleteWorkflow } from './chunk-7IYAPG6P.js';
 import { workflowsListControls } from './chunk-D3UWK7GY.js';
 import { useFluidGridsPageControls } from './chunk-PJAWNFJV.js';
 import { FluidGridsDocsLink } from './chunk-4VJ3MDOV.js';
-import { useFluidGridsPermission, FLUIDGRIDS_PERMISSIONS, SdkPermissionButton, useFlowStore, SdkPermissionGate, BILLING_PLANS_PATH, isQuotaExhaustedFailure } from './chunk-MR4OTF7D.js';
+import { useFluidGridsPermission, FLUIDGRIDS_PERMISSIONS, SdkPermissionButton, BILLING_PLANS_PATH, useFlowStore, SdkPermissionGate, isQuotaExhaustedFailure } from './chunk-NXHZUXDF.js';
 import { useTr } from './chunk-UULVIT25.js';
-import { useState, useMemo } from 'react';
+import { useState, useRef, useCallback, useMemo } from 'react';
 import { useNavigate } from 'react-router';
 import { v4 } from 'uuid';
 import { Icon } from '@iconify/react';
@@ -16,7 +16,39 @@ 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 } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function useCreateWorkflowFirst(options = {}) {
+  const navigate = useNavigate();
+  const { createWorkflow } = useCreateWorkflow();
+  const [creating, setCreating] = useState(false);
+  const [refusal, setRefusal] = useState(null);
+  const inFlightRef = useRef(false);
+  const { basePath, state } = options;
+  const start = useCallback(async () => {
+    if (inFlightRef.current) return null;
+    inFlightRef.current = true;
+    setCreating(true);
+    setRefusal(null);
+    try {
+      const result = await createThenOpen(
+        {
+          create: createWorkflow,
+          navigate: (path, navOptions) => navigate(path, navOptions),
+          mintKey: v4
+        },
+        { basePath, state }
+      );
+      if (result.status === "refused") setRefusal(result.refusal);
+      return result;
+    } finally {
+      inFlightRef.current = false;
+      setCreating(false);
+    }
+  }, [basePath, createWorkflow, navigate, state]);
+  const clearRefusal = useCallback(() => setRefusal(null), []);
+  return { start, creating, refusal, clearRefusal };
+}
 
 // src/components/share-target.ts
 var PLACEHOLDER_SEGMENTS = /* @__PURE__ */ new Set(["undefined", "null"]);
@@ -1051,50 +1083,68 @@ function FirstWorkflowChecklistView(props) {
 }
 function useChecklistHandlers() {
   const navigate = useNavigate();
-  return useMemo(
+  const createFirst = useCreateWorkflowFirst({ state: GUIDED_TOUR_STATE });
+  const { start } = createFirst;
+  const handlers = useMemo(
     () => ({
-      onCreate: () => navigate(`../workflow/${v4()}/v1`, GUIDED_FIRST_WORKFLOW_NAV),
+      onCreate: () => void start(),
       onOpen: (workflow) => navigate(builderPathFor(workflow)),
       onTemplates: () => navigate("../templates")
     }),
-    [navigate]
+    [navigate, start]
   );
+  const refusalDialog = /* @__PURE__ */ jsx(
+    CreateWorkflowRefusalDialog,
+    {
+      surface: "builder-create",
+      refusal: createFirst.refusal,
+      onClose: createFirst.clearRefusal,
+      onUpgrade: () => navigate(BILLING_PLANS_PATH)
+    }
+  );
+  return { handlers, refusalDialog };
 }
 function ChecklistWithRuns({
   workflows,
   canCreate
 }) {
   const tr = useTr();
-  const handlers = useChecklistHandlers();
+  const { handlers, refusalDialog } = useChecklistHandlers();
   const { total, loading, error } = useExecutions({ limit: 1 });
   const runsTotal = loading || error ? null : total;
   const progress = useMemo(
     () => firstWorkflowProgress(workflows, runsTotal),
     [workflows, runsTotal]
   );
-  return /* @__PURE__ */ jsx(
-    FirstWorkflowChecklistView,
-    {
-      progress,
-      canCreate,
-      tr,
-      ...handlers
-    }
-  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      FirstWorkflowChecklistView,
+      {
+        progress,
+        canCreate,
+        tr,
+        ...handlers
+      }
+    ),
+    refusalDialog
+  ] });
 }
 function ChecklistWithoutWorkflows({ canCreate }) {
   const tr = useTr();
-  const handlers = useChecklistHandlers();
+  const { handlers, refusalDialog } = useChecklistHandlers();
   const progress = useMemo(() => firstWorkflowProgress([], 0), []);
-  return /* @__PURE__ */ jsx(
-    FirstWorkflowChecklistView,
-    {
-      progress,
-      canCreate,
-      tr,
-      ...handlers
-    }
-  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      FirstWorkflowChecklistView,
+      {
+        progress,
+        canCreate,
+        tr,
+        ...handlers
+      }
+    ),
+    refusalDialog
+  ] });
 }
 function FirstWorkflowChecklist({
   workflows,
@@ -1226,6 +1276,7 @@ function WorkflowsList() {
       console.error("Unable to export workflow", error2);
     }
   };
+  const createFirst = useCreateWorkflowFirst();
   const createButton = /* @__PURE__ */ jsx(
     SdkPermissionButton,
     {
@@ -1240,7 +1291,9 @@ function WorkflowsList() {
           variant: "default",
           size: "default",
           className: "font-bold text-primary-foreground",
-          onClick: () => navigate(`../workflow/${v4()}/v1`, NEW_WORKFLOW_NAV),
+          onClick: () => void createFirst.start(),
+          disabled: createFirst.creating,
+          "aria-busy": createFirst.creating,
           "data-tour": "fluidgrids-list-create",
           children: [
             /* @__PURE__ */ jsx(Icon, { icon: "mynaui:plus", className: "size-5 text-primary-foreground" }),
@@ -1253,214 +1306,225 @@ 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__ */ jsx("main", { className: "flex min-h-screen w-full flex-col bg-background-primary", children: /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: "flex flex-1 flex-col gap-5 p-4 sm:p-6",
-        "data-tour": "fluidgrids-list-results",
-        children: [
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: "flex flex-wrap items-start justify-between gap-3",
-              "data-tour": "fluidgrids-list-header",
-              children: [
-                /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
-                    /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold tracking-tight", children: tr("fluidgrids.workflowsList.title", "Workflows") }),
-                    !loading && !error && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "font-mono", children: workflows.length })
+    /* @__PURE__ */ jsxs("main", { className: "flex min-h-screen w-full flex-col bg-background-primary", children: [
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex flex-1 flex-col gap-5 p-4 sm:p-6",
+          "data-tour": "fluidgrids-list-results",
+          children: [
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                className: "flex flex-wrap items-start justify-between gap-3",
+                "data-tour": "fluidgrids-list-header",
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2.5", children: [
+                      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold tracking-tight", children: tr("fluidgrids.workflowsList.title", "Workflows") }),
+                      !loading && !error && /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "font-mono", children: workflows.length })
+                    ] }),
+                    /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: tr(
+                      "fluidgrids.workflowsList.subtitle",
+                      "Build, run, and manage your automations. Open a workflow to edit it in the visual builder."
+                    ) }),
+                    /* @__PURE__ */ jsx(FluidGridsDocsLink, { topic: "workflows", className: "mt-1" })
                   ] }),
-                  /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: tr(
-                    "fluidgrids.workflowsList.subtitle",
-                    "Build, run, and manage your automations. Open a workflow to edit it in the visual builder."
-                  ) }),
-                  /* @__PURE__ */ jsx(FluidGridsDocsLink, { topic: "workflows", className: "mt-1" })
-                ] }),
-                createButton,
-                /* @__PURE__ */ jsx(WorkflowImportDialog, { onImported: () => void refetch() })
-              ]
-            }
-          ),
-          !loading && !error && /* @__PURE__ */ jsx(FirstWorkflowChecklist, { workflows, canCreate }),
-          !loading && !error && workflows.length > 0 && /* @__PURE__ */ jsxs(
-            "div",
-            {
-              className: "flex flex-wrap items-center gap-3",
-              "data-tour": "fluidgrids-list-toolbar",
-              children: [
-                /* @__PURE__ */ jsxs("div", { className: "relative w-full max-w-xs", children: [
-                  /* @__PURE__ */ jsx(
-                    Icon,
-                    {
-                      icon: "mynaui:search",
-                      className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground"
-                    }
-                  ),
-                  /* @__PURE__ */ jsx(
-                    Input,
-                    {
-                      value: search,
-                      onChange: (e) => setSearch(e.target.value),
-                      placeholder: tr(
-                        "fluidgrids.workflowsList.searchPlaceholder",
-                        "Search workflows\u2026"
-                      ),
-                      "aria-label": tr(
-                        "fluidgrids.workflowsList.searchAriaLabel",
-                        "Search workflows"
-                      ),
-                      className: "pl-8"
-                    }
-                  )
-                ] }),
-                presentStatuses.length > 1 && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
-                  /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => setStatusFilter(null),
-                      className: cn(
-                        "rounded-full border px-3 py-1 text-xs font-medium transition-colors",
-                        statusFilter === null ? "border-transparent bg-primary text-primary-foreground" : "border-border bg-card text-muted-foreground hover:text-foreground"
-                      ),
-                      children: tr("fluidgrids.workflowsList.statusFilterAll", "All")
-                    }
-                  ),
-                  presentStatuses.map((s) => /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => setStatusFilter(
-                        (cur) => cur === s.value ? null : s.value
-                      ),
-                      className: cn(
-                        "rounded-full border px-3 py-1 text-xs font-medium transition-colors",
-                        statusFilter === s.value ? "border-transparent bg-primary text-primary-foreground" : "border-border bg-card text-muted-foreground hover:text-foreground"
-                      ),
-                      children: s.label
-                    },
-                    s.value
-                  ))
-                ] }),
-                presentTags.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
-                  /* @__PURE__ */ jsx(
-                    Icon,
-                    {
-                      icon: "mdi:tag-outline",
-                      className: "size-4 text-muted-foreground",
-                      "aria-hidden": "true"
-                    }
-                  ),
-                  presentTags.map((t) => /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => setTagFilter((cur) => cur === t.id ? null : t.id),
-                      className: cn(
-                        "rounded-full border px-3 py-1 text-xs font-medium transition-colors",
-                        tagFilter === t.id ? "border-transparent bg-primary text-primary-foreground" : "border-border bg-card text-muted-foreground hover:text-foreground"
-                      ),
-                      children: t.label
-                    },
-                    t.id
-                  ))
-                ] })
-              ]
-            }
-          ),
-          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,
+                  createButton,
+                  /* @__PURE__ */ jsx(WorkflowImportDialog, { onImported: () => void refetch() })
+                ]
+              }
+            ),
+            !loading && !error && /* @__PURE__ */ jsx(FirstWorkflowChecklist, { workflows, canCreate }),
+            !loading && !error && workflows.length > 0 && /* @__PURE__ */ jsxs(
+              "div",
               {
-                icon: "mynaui:danger-triangle",
-                className: "size-8 text-destructive"
+                className: "flex flex-wrap items-center gap-3",
+                "data-tour": "fluidgrids-list-toolbar",
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "relative w-full max-w-xs", children: [
+                    /* @__PURE__ */ jsx(
+                      Icon,
+                      {
+                        icon: "mynaui:search",
+                        className: "pointer-events-none absolute left-2.5 top-1/2 size-4 -translate-y-1/2 text-muted-foreground"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      Input,
+                      {
+                        value: search,
+                        onChange: (e) => setSearch(e.target.value),
+                        placeholder: tr(
+                          "fluidgrids.workflowsList.searchPlaceholder",
+                          "Search workflows\u2026"
+                        ),
+                        "aria-label": tr(
+                          "fluidgrids.workflowsList.searchAriaLabel",
+                          "Search workflows"
+                        ),
+                        className: "pl-8"
+                      }
+                    )
+                  ] }),
+                  presentStatuses.length > 1 && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => setStatusFilter(null),
+                        className: cn(
+                          "rounded-full border px-3 py-1 text-xs font-medium transition-colors",
+                          statusFilter === null ? "border-transparent bg-primary text-primary-foreground" : "border-border bg-card text-muted-foreground hover:text-foreground"
+                        ),
+                        children: tr("fluidgrids.workflowsList.statusFilterAll", "All")
+                      }
+                    ),
+                    presentStatuses.map((s) => /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => setStatusFilter(
+                          (cur) => cur === s.value ? null : s.value
+                        ),
+                        className: cn(
+                          "rounded-full border px-3 py-1 text-xs font-medium transition-colors",
+                          statusFilter === s.value ? "border-transparent bg-primary text-primary-foreground" : "border-border bg-card text-muted-foreground hover:text-foreground"
+                        ),
+                        children: s.label
+                      },
+                      s.value
+                    ))
+                  ] }),
+                  presentTags.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [
+                    /* @__PURE__ */ jsx(
+                      Icon,
+                      {
+                        icon: "mdi:tag-outline",
+                        className: "size-4 text-muted-foreground",
+                        "aria-hidden": "true"
+                      }
+                    ),
+                    presentTags.map((t) => /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        onClick: () => setTagFilter((cur) => cur === t.id ? null : t.id),
+                        className: cn(
+                          "rounded-full border px-3 py-1 text-xs font-medium transition-colors",
+                          tagFilter === t.id ? "border-transparent bg-primary text-primary-foreground" : "border-border bg-card text-muted-foreground hover:text-foreground"
+                        ),
+                        children: t.label
+                      },
+                      t.id
+                    ))
+                  ] })
+                ]
               }
             ),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("p", { className: "font-semibold", children: tr(
-                "fluidgrids.workflowsList.loadErrorTitle",
-                "Couldn't load workflows"
-              ) }),
-              /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: error.message })
-            ] }),
-            /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: () => refetch(), children: [
-              /* @__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(
-            IllustratedEmptyState,
-            {
-              illustration: "onboarding",
-              title: tr(
-                "fluidgrids.workflowsList.emptyStateTitle",
-                "Create your first workflow"
-              ),
-              description: tr(
-                "fluidgrids.workflowsList.emptyStateDescription",
-                "Workflows automate multi-step processes \u2014 sync signups into your CRM, post alerts to Slack, or transform data between apps. Start from a blank canvas or a template."
+            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,
+                {
+                  icon: "mynaui:danger-triangle",
+                  className: "size-8 text-destructive"
+                }
               ),
-              action: createButton
-            }
-          ) }) : filtered.length === 0 ? /* @__PURE__ */ jsx("div", { className: "grid flex-1 place-items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3 text-center", children: [
-            /* @__PURE__ */ jsx(
-              Icon,
+              /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx("p", { className: "font-semibold", children: tr(
+                  "fluidgrids.workflowsList.loadErrorTitle",
+                  "Couldn't load workflows"
+                ) }),
+                /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: error.message })
+              ] }),
+              /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: () => refetch(), children: [
+                /* @__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(
+              IllustratedEmptyState,
               {
-                icon: "mynaui:search",
-                className: "size-8 text-muted-foreground"
+                illustration: "onboarding",
+                title: tr(
+                  "fluidgrids.workflowsList.emptyStateTitle",
+                  "Create your first workflow"
+                ),
+                description: tr(
+                  "fluidgrids.workflowsList.emptyStateDescription",
+                  "Workflows automate multi-step processes \u2014 sync signups into your CRM, post alerts to Slack, or transform data between apps. Start from a blank canvas or a template."
+                ),
+                action: createButton
               }
-            ),
-            /* @__PURE__ */ jsx("p", { className: "font-medium", children: tr(
-              "fluidgrids.workflowsList.noFilterMatchTitle",
-              "No workflows match your filters"
-            ) }),
-            /* @__PURE__ */ jsx(
-              Button,
+            ) }) : filtered.length === 0 ? /* @__PURE__ */ jsx("div", { className: "grid flex-1 place-items-center", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+              /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  icon: "mynaui:search",
+                  className: "size-8 text-muted-foreground"
+                }
+              ),
+              /* @__PURE__ */ jsx("p", { className: "font-medium", children: tr(
+                "fluidgrids.workflowsList.noFilterMatchTitle",
+                "No workflows match your filters"
+              ) }),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "outline",
+                  size: "sm",
+                  onClick: () => {
+                    setSearch("");
+                    setStatusFilter(null);
+                    setTagFilter(null);
+                  },
+                  children: tr(
+                    "fluidgrids.workflowsList.clearFiltersButton",
+                    "Clear filters"
+                  )
+                }
+              )
+            ] }) }) : /* @__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,
               {
-                variant: "outline",
-                size: "sm",
-                onClick: () => {
-                  setSearch("");
-                  setStatusFilter(null);
-                  setTagFilter(null);
+                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
+                  }))
                 },
-                children: tr(
-                  "fluidgrids.workflowsList.clearFiltersButton",
-                  "Clear filters"
-                )
-              }
-            )
-          ] }) }) : /* @__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)
               },
-              onUpdateSuccess: () => refetch(),
-              onExport: () => void handleExport(workflow.id)
-            },
-            workflow.id
-          )) })
-        ]
-      }
-    ) })
+              workflow.id
+            )) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        CreateWorkflowRefusalDialog,
+        {
+          surface: "builder-create",
+          refusal: createFirst.refusal,
+          onClose: createFirst.clearRefusal,
+          onUpgrade: () => navigate(BILLING_PLANS_PATH)
+        }
+      )
+    ] })
   );
 }
 
-export { FirstWorkflowChecklist, FirstWorkflowChecklistView, WorkflowsList };
+export { FirstWorkflowChecklist, FirstWorkflowChecklistView, WorkflowsList, useCreateWorkflowFirst };

package/dist/{chunk-UKMXGBU3.js → chunk-W36YJI7F.js}

@@ -1,4 +1,4 @@
-import { useWorkflowDefinitions } from './chunk-J3XDX5HG.js';
+import { useWorkflowDefinitions } from './chunk-7IYAPG6P.js';
 import { historyControls } from './chunk-D3UWK7GY.js';
 import { useFluidGridsPageControls } from './chunk-PJAWNFJV.js';
 import { FluidGridsDocsLink } from './chunk-4VJ3MDOV.js';

package/dist/{chunk-IULOX3NQ.js → chunk-XFVNTWM2.js}

@@ -1,4 +1,4 @@
-import { useEntityTags, useTagEntity, useUntagEntity } from './chunk-NJZAWUGC.js';
+import { useEntityTags, useTagEntity, useUntagEntity } from './chunk-XXAVXVBW.js';
 import { getFluidGridsConfig } from './chunk-CY6KX4RG.js';
 import { useState, useRef, useEffect, useCallback } from 'react';
 import { TagBadge, TagsWidget } from '@burdenoff/fe-libs/tag';

package/dist/{chunk-NJZAWUGC.js → chunk-XXAVXVBW.js}

@@ -1,4 +1,4 @@
-import { FluidgridsEntityTagsDocument, AvailableFluidgridsTagsDocument, SearchFluidgridsTagsDocument, TagFluidgridsEntityDocument, UntagFluidgridsEntityDocument, ReplaceFluidgridsEntityTagsDocument, CreateFluidgridsTagDocument, DataTablesTagsDocument } from './chunk-CZURRUDX.js';
+import { FluidgridsEntityTagsDocument, AvailableFluidgridsTagsDocument, SearchFluidgridsTagsDocument, TagFluidgridsEntityDocument, UntagFluidgridsEntityDocument, ReplaceFluidgridsEntityTagsDocument, CreateFluidgridsTagDocument, DataTablesTagsDocument } from './chunk-GD7CSKFD.js';
 import { getFluidGridsClient } from './chunk-NTWG3CJX.js';
 import { useState, useCallback, useEffect } from 'react';