@burdenoff/fluidgrids-fe-sdk 2026.1031.4 → 2026.1031.6

package/dist/ExecutionDetailPage-GKX4OUUR.js

@@ -0,0 +1,23 @@
+export { ExecutionDetailPage } from './chunk-3KKGE7CE.js';
+import './chunk-34XK5BC7.js';
+import './chunk-5XQMYHJ7.js';
+import './chunk-NLRQSHRS.js';
+import './chunk-34HHBNZE.js';
+import './chunk-5ERAJC2I.js';
+import './chunk-GMVXPC5N.js';
+import './chunk-TVOXRODW.js';
+import './chunk-Y53CVZVV.js';
+import './chunk-FNZZ5JJL.js';
+import './chunk-VWFA3RQR.js';
+import './chunk-PJAWNFJV.js';
+import './chunk-HQX7JZLY.js';
+import './chunk-EPYTVCYH.js';
+import './chunk-ZUVFD5KV.js';
+import './chunk-JL7CASN5.js';
+import './chunk-PXIFUMLA.js';
+import './chunk-6AMNEX2Y.js';
+import './chunk-G77IGC3Y.js';
+import './chunk-KEYKB4E7.js';
+import './chunk-UULVIT25.js';
+import './chunk-NTWG3CJX.js';
+import './chunk-62GWEYJ5.js';

package/dist/{WorkflowsList-BZXBTGNL.js → ExecutionsListPage-ZZOUZQBS.js}

@@ -1,19 +1,20 @@
-export { WorkflowsList } from './chunk-475XP5J7.js';
-import './chunk-BHD4CDLL.js';
-import './chunk-XX6D7IND.js';
+export { ExecutionsListPage } from './chunk-HCKYGGUU.js';
+import './chunk-34XK5BC7.js';
+import './chunk-5XQMYHJ7.js';
 import './chunk-5ERAJC2I.js';
-import './chunk-IGROOI7E.js';
+import './chunk-TVOXRODW.js';
 import './chunk-FNZZ5JJL.js';
-import './chunk-PKG6BCHB.js';
+import './chunk-VWFA3RQR.js';
 import './chunk-PJAWNFJV.js';
-import './chunk-Z3FYBDE3.js';
+import './chunk-HQX7JZLY.js';
 import './chunk-4VJ3MDOV.js';
-import './chunk-6PGLJWIC.js';
+import './chunk-EPYTVCYH.js';
+import './chunk-ZUVFD5KV.js';
 import './chunk-JL7CASN5.js';
 import './chunk-PXIFUMLA.js';
 import './chunk-6AMNEX2Y.js';
 import './chunk-G77IGC3Y.js';
-import './chunk-AW3UXMNI.js';
+import './chunk-KEYKB4E7.js';
 import './chunk-UULVIT25.js';
 import './chunk-NTWG3CJX.js';
 import './chunk-62GWEYJ5.js';

package/dist/{TemplateDetailPanel-MTKW3SPM.js → TemplateDetailPanel-WH74G7PF.js}

@@ -1,5 +1,6 @@
 import { templatePreview } from './chunk-B6CCE2RW.js';
 import { Button, Badge } from './chunk-BQXVT32O.js';
+import { SdkPermissionButton, FLUIDGRIDS_PERMISSIONS } from './chunk-ZUVFD5KV.js';
 import './chunk-JL7CASN5.js';
 import { useTr } from './chunk-UULVIT25.js';
 import './chunk-62GWEYJ5.js';
@@ -188,13 +189,23 @@ function TemplateDetailPanel({
         )) })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "pt-2 space-y-2", children: [
-        /* @__PURE__ */ jsxs(Button, { className: "w-full", onClick: () => onUseTemplate(template), children: [
-          /* @__PURE__ */ jsx(Sparkles, { className: "size-4 mr-2" }),
-          tr(
-            "fluidgrids.builder.templateDetailPanel.useTemplateButton",
-            "Use This Template"
-          )
-        ] }),
+        /* @__PURE__ */ jsx(
+          SdkPermissionButton,
+          {
+            permission: FLUIDGRIDS_PERMISSIONS.WORKFLOW_CREATE,
+            deniedTooltip: tr(
+              "fluidgrids.templates.useDeniedTooltip",
+              "You don't have permission to create workflows from templates"
+            ),
+            children: /* @__PURE__ */ jsxs(Button, { className: "w-full", onClick: () => onUseTemplate(template), children: [
+              /* @__PURE__ */ jsx(Sparkles, { className: "size-4 mr-2" }),
+              tr(
+                "fluidgrids.builder.templateDetailPanel.useTemplateButton",
+                "Use This Template"
+              )
+            ] })
+          }
+        ),
         template.publisher?.websiteUrl && /* @__PURE__ */ jsx(Button, { variant: "outline", className: "w-full", asChild: true, children: /* @__PURE__ */ jsxs(
           "a",
           {

package/dist/{WorkflowBuilder-N3ZUYFRK.js → WorkflowBuilder-4QEJNKVE.js}

@@ -1,26 +1,27 @@
-export { WorkflowBuilder } from './chunk-44KAAKFK.js';
-import './chunk-BHD4CDLL.js';
+export { WorkflowBuilder } from './chunk-JUHSLK7C.js';
+import './chunk-P4R4ACCC.js';
 import './chunk-PIKYQE7P.js';
-import './chunk-DJAGZUHW.js';
+import './chunk-FUYHCONW.js';
 import './chunk-GEMNVFPK.js';
 import './chunk-B6CCE2RW.js';
 import './chunk-IEVSFCFS.js';
 import './chunk-YXMFRQYV.js';
 import './chunk-BQXVT32O.js';
-import './chunk-IGROOI7E.js';
-import './chunk-ADTEMSJI.js';
-import './chunk-INMYNHJL.js';
+import './chunk-GREPXIXS.js';
+import './chunk-GMVXPC5N.js';
+import './chunk-TVOXRODW.js';
 import './chunk-Y53CVZVV.js';
-import './chunk-PKG6BCHB.js';
-import './chunk-Z3FYBDE3.js';
-import './chunk-JFQGODKK.js';
+import './chunk-VWFA3RQR.js';
+import './chunk-HQX7JZLY.js';
+import './chunk-35N3PEO6.js';
 import './chunk-4VJ3MDOV.js';
-import './chunk-6PGLJWIC.js';
+import './chunk-EPYTVCYH.js';
+import './chunk-ZUVFD5KV.js';
 import './chunk-JL7CASN5.js';
 import './chunk-PXIFUMLA.js';
 import './chunk-6AMNEX2Y.js';
 import './chunk-G77IGC3Y.js';
-import './chunk-AW3UXMNI.js';
+import './chunk-KEYKB4E7.js';
 import './chunk-UULVIT25.js';
 import './chunk-NTWG3CJX.js';
 import './chunk-62GWEYJ5.js';

package/dist/{ExecutionsListPage-AYDGFU6W.js → WorkflowsList-4CTHUYM7.js}

@@ -1,19 +1,20 @@
-export { ExecutionsListPage } from './chunk-PTROESUB.js';
-import './chunk-P3TGCUXP.js';
-import './chunk-XX6D7IND.js';
+export { WorkflowsList } from './chunk-ZEHMJURX.js';
+import './chunk-P4R4ACCC.js';
+import './chunk-5XQMYHJ7.js';
 import './chunk-5ERAJC2I.js';
-import './chunk-INMYNHJL.js';
+import './chunk-GREPXIXS.js';
 import './chunk-FNZZ5JJL.js';
-import './chunk-PKG6BCHB.js';
+import './chunk-VWFA3RQR.js';
 import './chunk-PJAWNFJV.js';
-import './chunk-Z3FYBDE3.js';
+import './chunk-HQX7JZLY.js';
 import './chunk-4VJ3MDOV.js';
-import './chunk-6PGLJWIC.js';
+import './chunk-EPYTVCYH.js';
+import './chunk-ZUVFD5KV.js';
 import './chunk-JL7CASN5.js';
 import './chunk-PXIFUMLA.js';
 import './chunk-6AMNEX2Y.js';
 import './chunk-G77IGC3Y.js';
-import './chunk-AW3UXMNI.js';
+import './chunk-KEYKB4E7.js';
 import './chunk-UULVIT25.js';
 import './chunk-NTWG3CJX.js';
 import './chunk-62GWEYJ5.js';

package/dist/{chunk-VJWJGSRS.js → chunk-34HHBNZE.js}

@@ -1,4 +1,4 @@
-import { throwIfResultError, describeOperationError } from './chunk-6PGLJWIC.js';
+import { throwIfResultError, describeOperationError } from './chunk-EPYTVCYH.js';
 import { useTr } from './chunk-UULVIT25.js';
 import { getFluidGridsClient } from './chunk-NTWG3CJX.js';
 import { useState, useCallback, useEffect, useMemo } from 'react';

package/dist/{chunk-P3TGCUXP.js → chunk-34XK5BC7.js}

@@ -1,10 +1,10 @@
-import { validateDateRange, statusCountFilter, STATUS_COUNT_GROUP_BY, statusCountsOf } from './chunk-XX6D7IND.js';
-import { useAvailableTags } from './chunk-INMYNHJL.js';
+import { validateDateRange, statusCountFilter, STATUS_COUNT_GROUP_BY, statusCountsOf } from './chunk-5XQMYHJ7.js';
+import { useAvailableTags, formatRunVersion, nodeDisplayTitle } from './chunk-TVOXRODW.js';
 import { executionsControls } from './chunk-FNZZ5JJL.js';
 import { useFluidGridsPageControls } from './chunk-PJAWNFJV.js';
-import { useDurableParityEnabled, throwIfResultError, describeOperationError } from './chunk-6PGLJWIC.js';
+import { useDurableParityEnabled, throwIfResultError, describeOperationError } from './chunk-EPYTVCYH.js';
 import { useExecutionsStore } from './chunk-6AMNEX2Y.js';
-import { SetWorkflowRunVersioningOverrideDocument, WorkflowRunsCountDocument, DurableParityRunFieldsDocument, WorkflowRunPendingDocument, WorkflowRunMetadataDocument } from './chunk-AW3UXMNI.js';
+import { SetWorkflowRunVersioningOverrideDocument, WorkflowRunsCountDocument, DurableParityRunFieldsDocument, WorkflowRunPendingDocument, WorkflowRunMetadataDocument } from './chunk-KEYKB4E7.js';
 import { useTr } from './chunk-UULVIT25.js';
 import { getFluidGridsClient } from './chunk-NTWG3CJX.js';
 import { Icon } from '@iconify/react';
@@ -1018,38 +1018,6 @@ function ExecutionStats({
     )
   ] });
 }
-
-// src/modules/executions/utils/run-display.ts
-function formatRunVersion(version) {
-  if (!version) return "";
-  return version.startsWith("v") ? version : `v${version}`;
-}
-function asString(value) {
-  return typeof value === "string" && value.trim() ? value : void 0;
-}
-function buildNodeDisplayMap(definitionJson) {
-  const map = {};
-  const nodes = definitionJson?.data?.nodes;
-  if (!Array.isArray(nodes)) return map;
-  for (const node of nodes) {
-    const id = asString(node?.id);
-    if (!id) continue;
-    const label = asString(node?.data?.label) ?? asString(node?.data?.nodeData?.name) ?? asString(node?.type);
-    if (!label) continue;
-    const operation = asString(node?.data?.operation_name);
-    map[id] = {
-      label,
-      // 'execute' is the internal single-op pseudo-operation — the builder
-      // hides it on cards, so the runs screens do too.
-      operation: operation === "execute" ? void 0 : operation
-    };
-  }
-  return map;
-}
-function nodeDisplayTitle(display, fallback) {
-  if (!display) return fallback;
-  return display.operation ? `${display.label} \xB7 ${display.operation}` : display.label;
-}
 function ExecutionTable({
   executions,
   workflowNames,
@@ -2879,4 +2847,4 @@ function useRunStatusCounts(input, enabled) {
   return enabled ? { ...state, error, refetch } : { total: null, counts: [], error: null, refetch };
 }
 
-export { ExecutionCards, ExecutionFilters, ExecutionStats, ExecutionStatusBadge, ExecutionTable, ExecutionTimeline, NodeTimeline, Pagination, RunLogViewer, TagFilterSelect, buildNodeDisplayMap, formatRunVersion, runStatusLabels, setRunVersioningOverride, useDurableParityRunFields, useRunMetadata, useRunPending, useRunStatusCounts };
+export { ExecutionCards, ExecutionFilters, ExecutionStats, ExecutionStatusBadge, ExecutionTable, ExecutionTimeline, NodeTimeline, Pagination, RunLogViewer, TagFilterSelect, runStatusLabels, setRunVersioningOverride, useDurableParityRunFields, useRunMetadata, useRunPending, useRunStatusCounts };

package/dist/{chunk-JFQGODKK.js → chunk-35N3PEO6.js}

@@ -1,4 +1,4 @@
-import { useAgentDefinitions, useAgentDefinitionList, useConnections, describeOperationError } from './chunk-6PGLJWIC.js';
+import { useAgentDefinitions, useAgentDefinitionList, useConnections, describeOperationError } from './chunk-EPYTVCYH.js';
 import { useTr } from './chunk-UULVIT25.js';
 import { useState, useCallback, useEffect } from 'react';
 import { Icon } from '@iconify/react';

package/dist/{chunk-DHR2YURL.js → chunk-3KKGE7CE.js}

@@ -1,13 +1,15 @@
-import { useDurableParityRunFields, buildNodeDisplayMap, useRunMetadata, useRunPending, ExecutionStatusBadge, formatRunVersion, NodeTimeline, RunLogViewer, setRunVersioningOverride } from './chunk-P3TGCUXP.js';
-import { useExecution, useExecutionActions, useAutoRefresh, runChainLinks, shortRunId, callbackTone, parseMetadataDefinition, overrideRequestOf } from './chunk-XX6D7IND.js';
-import { fetchRunFailureClusters, OPEN_STATUSES, dismissRunFailureCluster, BUCKET_LABELS } from './chunk-P2VAHDGO.js';
-import { useRunPolicyDecisions, RunPolicyDecisions } from './chunk-VJWJGSRS.js';
-import { useDurableRunFields, useRunHistory, useDeterminismStatus, useRunStackTrace, EntityTagPicker, RunHistoryView, SignalRunDialog, terminateDurableRun, useWorkflowProposal, WorkflowProposalCard } from './chunk-ADTEMSJI.js';
+import { useDurableParityRunFields, useRunMetadata, useRunPending, ExecutionStatusBadge, NodeTimeline, RunLogViewer, setRunVersioningOverride } from './chunk-34XK5BC7.js';
+import { useExecution, useExecutionActions, useAutoRefresh, runChainLinks, shortRunId, callbackTone, parseMetadataDefinition, overrideRequestOf } from './chunk-5XQMYHJ7.js';
+import { fetchRunFailureClusters, OPEN_STATUSES, dismissRunFailureCluster, BUCKET_LABELS } from './chunk-NLRQSHRS.js';
+import { useRunPolicyDecisions, RunPolicyDecisions } from './chunk-34HHBNZE.js';
+import { useDurableRunFields, useRunHistory, useDeterminismStatus, useRunStackTrace, EntityTagPicker, RunHistoryView, SignalRunDialog, terminateDurableRun, canSaveRunAsTestCase, useWorkflowProposal, WorkflowProposalCard, MAX_CASE_NAME, saveRunAsTestCase } from './chunk-GMVXPC5N.js';
+import { buildNodeDisplayMap, formatRunVersion } from './chunk-TVOXRODW.js';
 import { AiCreditBalanceSlot } from './chunk-Y53CVZVV.js';
-import { useWorkflowVersions } from './chunk-PKG6BCHB.js';
-import { throwIfResultError, useFluidGridsPermission, FLUIDGRIDS_PERMISSIONS, useDurableFunctionNodesEnabled, useDurableParityEnabled, runSignalTargets, canSignalRun, describeOperationError } from './chunk-6PGLJWIC.js';
+import { useWorkflowVersions } from './chunk-VWFA3RQR.js';
+import { throwIfResultError, useDurableFunctionNodesEnabled, useDurableParityEnabled, runSignalTargets, canSignalRun, useWorkflowTestsEnabled, describeOperationError } from './chunk-EPYTVCYH.js';
+import { useFluidGridsPermission, FLUIDGRIDS_PERMISSIONS, SdkPermissionButton } from './chunk-ZUVFD5KV.js';
 import { getFluidGridsConfig } from './chunk-6AMNEX2Y.js';
-import { RunLogsDocument, RunLogAppendedDocument, ExplainRunDocument } from './chunk-AW3UXMNI.js';
+import { RunLogsDocument, RunLogAppendedDocument, ExplainRunDocument } from './chunk-KEYKB4E7.js';
 import { useTr } from './chunk-UULVIT25.js';
 import { getFluidGridsClient, getFluidGridsClientSafe } from './chunk-NTWG3CJX.js';
 import { useState, useRef, useCallback, useEffect, useMemo } from 'react';
@@ -15,12 +17,13 @@ import { useParams, useNavigate, Link } from 'react-router';
 import { Icon } from '@iconify/react';
 import { toast } from 'sonner';
 import { Button } from '@burdenoff/fe-libs/button';
-import { Card, CardHeader, Badge, CardContent, Label, Textarea, AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, Input, Button as Button$1 } from '@burdenoff/fe-libs/ui';
+import { Card, CardHeader, Badge, CardContent, Label, Textarea, AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle, AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction, Input, Button as Button$1, Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from '@burdenoff/fe-libs/ui';
 import { useActorProfiles, buildActorFallback } from '@burdenoff/fe-libs/shared';
 import { gql } from '@apollo/client';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import ReactMarkdown from 'react-markdown';
 import { cn } from '@burdenoff/fe-libs/utils';
+import { FlaskConical } from 'lucide-react';
 
 var POLL_INTERVAL_MS = 2e3;
 var PAGE_SIZE = 500;
@@ -2148,6 +2151,149 @@ function RunVersioningOverrideDialogHost({
     }
   );
 }
+function SaveRunAsTestCaseButton(props) {
+  const enabled = useWorkflowTestsEnabled();
+  if (!enabled || !canSaveRunAsTestCase(props)) return null;
+  return /* @__PURE__ */ jsx(SaveRunAsTestCase, { runId: props.runId });
+}
+function SaveRunAsTestCase({ runId }) {
+  const tr = useTr();
+  const [open, setOpen] = useState(false);
+  const [name, setName] = useState("");
+  const [description, setDescription] = useState("");
+  const [saving, setSaving] = useState(false);
+  const openDialog = () => {
+    setName(`Run ${runId.slice(0, 8)}`);
+    setDescription("");
+    setOpen(true);
+  };
+  const save = async () => {
+    const trimmed = name.trim();
+    if (!trimmed) return;
+    setSaving(true);
+    try {
+      const created = await saveRunAsTestCase(
+        runId,
+        trimmed,
+        description.trim() || void 0
+      );
+      toast.success(
+        tr(
+          "fluidgrids.executions.saveAsTestCase.saved",
+          "Saved as a test case"
+        ),
+        {
+          description: tr(
+            "fluidgrids.executions.saveAsTestCase.savedDescription",
+            "{{name}} is in the workflow's Tests panel.",
+            { name: created.name }
+          ),
+          dismissible: true
+        }
+      );
+      setOpen(false);
+    } catch (err) {
+      toast.error(
+        tr(
+          "fluidgrids.executions.saveAsTestCase.error",
+          "Could not save the run as a test case"
+        ),
+        { description: err instanceof Error ? err.message : String(err) }
+      );
+    } finally {
+      setSaving(false);
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      SdkPermissionButton,
+      {
+        permission: FLUIDGRIDS_PERMISSIONS.WORKFLOW_UPDATE,
+        deniedTooltip: tr(
+          "fluidgrids.executions.saveAsTestCase.denied",
+          "You need edit access to this workflow to save test cases"
+        ),
+        children: /* @__PURE__ */ jsxs(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            onClick: openDialog,
+            "data-testid": "fluidgrids-save-run-as-test-case",
+            children: [
+              /* @__PURE__ */ jsx(FlaskConical, { className: "mr-1 size-4" }),
+              tr(
+                "fluidgrids.executions.saveAsTestCase.button",
+                "Save as test case"
+              )
+            ]
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: (next) => !saving && setOpen(next), children: /* @__PURE__ */ jsxs(DialogContent, { "data-testid": "fluidgrids-save-run-as-test-case-dialog", children: [
+      /* @__PURE__ */ jsxs(DialogHeader, { children: [
+        /* @__PURE__ */ jsx(DialogTitle, { children: tr(
+          "fluidgrids.executions.saveAsTestCase.title",
+          "Save this run as a test case"
+        ) }),
+        /* @__PURE__ */ jsx(DialogDescription, { children: tr(
+          "fluidgrids.executions.saveAsTestCase.body",
+          "The test case replays this run's input. Every connection call the run made is mocked with the output it returned; the workflow's own logic runs for real."
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "fg-run-test-case-name", className: "text-xs", children: tr("fluidgrids.executions.saveAsTestCase.name", "Name") }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              id: "fg-run-test-case-name",
+              value: name,
+              maxLength: MAX_CASE_NAME,
+              onChange: (event) => setName(event.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+          /* @__PURE__ */ jsx(Label, { htmlFor: "fg-run-test-case-description", className: "text-xs", children: tr(
+            "fluidgrids.executions.saveAsTestCase.description",
+            "Description (optional)"
+          ) }),
+          /* @__PURE__ */ jsx(
+            Textarea,
+            {
+              id: "fg-run-test-case-description",
+              value: description,
+              rows: 2,
+              onChange: (event) => setDescription(event.target.value)
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs(DialogFooter, { children: [
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            variant: "outline",
+            disabled: saving,
+            onClick: () => setOpen(false),
+            children: tr("fluidgrids.executions.saveAsTestCase.cancel", "Cancel")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            disabled: saving || name.trim() === "",
+            onClick: () => void save(),
+            "data-testid": "fluidgrids-save-run-as-test-case-confirm",
+            children: tr("fluidgrids.executions.saveAsTestCase.confirm", "Save")
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
 var ALL_DETAIL_TABS = [
   "timeline",
   "history",
@@ -2829,6 +2975,15 @@ function ExecutionDetailPage() {
             ]
           }
         ),
+        /* @__PURE__ */ jsx(
+          SaveRunAsTestCaseButton,
+          {
+            runId: execution.id,
+            status: execution.status,
+            workflowKey: execution.workflowKey,
+            isDurable: isDurableRun || durableEnabled && durableFields.fields?.id !== execution.id
+          }
+        ),
         /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: refetch, children: [
           /* @__PURE__ */ jsx(Icon, { icon: "mdi:refresh", className: "mr-1", width: 16 }),
           tr(

package/dist/{chunk-XX6D7IND.js → chunk-5XQMYHJ7.js}

@@ -1,7 +1,7 @@
 import { REPLAY_WORKFLOW_RUN, RETRY_WORKFLOW_RUNS } from './chunk-5ERAJC2I.js';
-import { useFluidGridsAnalytics, throwIfResultError, emitRunStarted, openRunQuotaUpgradePrompt } from './chunk-6PGLJWIC.js';
+import { useFluidGridsAnalytics, throwIfResultError, emitRunStarted, openRunQuotaUpgradePrompt } from './chunk-EPYTVCYH.js';
 import { useExecutionsStore } from './chunk-6AMNEX2Y.js';
-import { ExecutionsListDocument, ExecutionDetailDocument, ExecutionStatsDocument, PauseExecutionDocument, ResumeExecutionDocument, CancelExecutionDocument, RetryNodeDocument, TriggerWorkflowDocument, TerminateExecutionDocument } from './chunk-AW3UXMNI.js';
+import { ExecutionsListDocument, ExecutionDetailDocument, ExecutionStatsDocument, PauseExecutionDocument, ResumeExecutionDocument, CancelExecutionDocument, RetryNodeDocument, TriggerWorkflowDocument, TerminateExecutionDocument } from './chunk-KEYKB4E7.js';
 import { useTr } from './chunk-UULVIT25.js';
 import { getFluidGridsClient } from './chunk-NTWG3CJX.js';
 import { useState, useRef, useCallback, useEffect, useMemo } from 'react';

package/dist/{chunk-OGYAC7QW.js → chunk-AHDYETEE.js}

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

package/dist/{chunk-WHPQRYZD.js → chunk-CAZHE2MQ.js}

@@ -1,11 +1,12 @@
-import { ActionPoliciesTab } from './chunk-VJWJGSRS.js';
-import { LogStreamingTab } from './chunk-CIR7WF4W.js';
-import { AgentsTab } from './chunk-JFQGODKK.js';
+import { ActionPoliciesTab } from './chunk-34HHBNZE.js';
+import { LogStreamingTab } from './chunk-PP62ABIG.js';
+import { AgentsTab } from './chunk-35N3PEO6.js';
 import { FluidGridsDocsLink } from './chunk-4VJ3MDOV.js';
-import { useFlowStore, useFluidGridsFlag, FLUIDGRIDS_FLAGS, useSaveStatusStore, useFluidGridsPermission, FLUIDGRIDS_PERMISSIONS, findSaveConflict, useDurableParityEnabled, throwIfResultError, describeOperationError, useConnections } from './chunk-6PGLJWIC.js';
+import { useFlowStore, useFluidGridsFlag, FLUIDGRIDS_FLAGS, useSaveStatusStore, findSaveConflict, useDurableParityEnabled, throwIfResultError, describeOperationError, useConnections } from './chunk-EPYTVCYH.js';
+import { useFluidGridsPermission, FLUIDGRIDS_PERMISSIONS } from './chunk-ZUVFD5KV.js';
 import { getGlobalStoreClient } from './chunk-PXIFUMLA.js';
 import { getFluidGridsConfig } from './chunk-6AMNEX2Y.js';
-import { useWorkflowDefinitionQuery, useUpdateWorkflowDefinitionMutation, useWorkflowDefinitionsQuery, DurableHistoryCapsDocument, UpdateDurableHistoryCapsDocument } from './chunk-AW3UXMNI.js';
+import { useWorkflowDefinitionQuery, useUpdateWorkflowDefinitionMutation, useWorkflowDefinitionsQuery, DurableHistoryCapsDocument, UpdateDurableHistoryCapsDocument } from './chunk-KEYKB4E7.js';
 import { useTr } from './chunk-UULVIT25.js';
 import { getFluidGridsClient } from './chunk-NTWG3CJX.js';
 import { useState, useMemo, useEffect, useCallback } from 'react';

package/dist/{chunk-GV5RJ6BU.js → chunk-E7AQAPZN.js}

@@ -1,10 +1,11 @@
-import { useImportWorkflowTemplate, FlowBuilderPage, useWorkflowTemplates, TEMPLATE_STORE_CATEGORIES, TemplateCard, useTemplateSubmissions, usePublishToStore } from './chunk-DJAGZUHW.js';
-import { QuotaExhaustedDialog } from './chunk-IGROOI7E.js';
+import { useImportWorkflowTemplate, FlowBuilderPage, useWorkflowTemplates, TEMPLATE_STORE_CATEGORIES, TemplateCard, useTemplateSubmissions, usePublishToStore } from './chunk-FUYHCONW.js';
+import { QuotaExhaustedDialog } from './chunk-GREPXIXS.js';
 import { templatesControls } from './chunk-FNZZ5JJL.js';
-import { useWorkflowDefinitions, useDuplicateWorkflow, useLazyWorkflowDefinition } from './chunk-PKG6BCHB.js';
+import { useWorkflowDefinitions, useDuplicateWorkflow, useLazyWorkflowDefinition } from './chunk-VWFA3RQR.js';
 import { useFluidGridsPageControls } from './chunk-PJAWNFJV.js';
 import { FluidGridsDocsLink } from './chunk-4VJ3MDOV.js';
-import { BILLING_PLANS_PATH, useFluidGridsAnalytics, emitTemplateUsed, isQuotaExhaustedFailure, SdkPermissionButton, FLUIDGRIDS_PERMISSIONS } from './chunk-6PGLJWIC.js';
+import { BILLING_PLANS_PATH, useFluidGridsAnalytics, emitTemplateUsed, isQuotaExhaustedFailure } from './chunk-EPYTVCYH.js';
+import { SdkPermissionButton, FLUIDGRIDS_PERMISSIONS } from './chunk-ZUVFD5KV.js';
 import { useTr } from './chunk-UULVIT25.js';
 import { useState, useEffect, useCallback, useMemo } from 'react';
 import { useParams, useNavigate } from 'react-router';
@@ -217,25 +218,35 @@ function TemplatePreview() {
             template?.description ? /* @__PURE__ */ jsx("span", { className: "block truncate text-xs text-muted-foreground", children: template.description }) : null
           ] })
         ] }),
-        /* @__PURE__ */ jsxs(
-          Button,
+        /* @__PURE__ */ jsx(
+          SdkPermissionButton,
           {
-            onClick: handleUse,
-            disabled: importing || !template,
-            className: "shrink-0 gap-2",
-            children: [
-              /* @__PURE__ */ jsx(
-                Icon,
-                {
-                  icon: importing ? "svg-spinners:ring-resize" : "mdi:plus",
-                  className: "size-4"
-                }
-              ),
-              tr(
-                "fluidgrids.pages.templatePreview.useThisTemplate",
-                "Use this template"
-              )
-            ]
+            permission: FLUIDGRIDS_PERMISSIONS.WORKFLOW_CREATE,
+            deniedTooltip: tr(
+              "fluidgrids.templates.useDeniedTooltip",
+              "You don't have permission to create workflows from templates"
+            ),
+            children: /* @__PURE__ */ jsxs(
+              Button,
+              {
+                onClick: handleUse,
+                disabled: importing || !template,
+                className: "shrink-0 gap-2",
+                children: [
+                  /* @__PURE__ */ jsx(
+                    Icon,
+                    {
+                      icon: importing ? "svg-spinners:ring-resize" : "mdi:plus",
+                      className: "size-4"
+                    }
+                  ),
+                  tr(
+                    "fluidgrids.pages.templatePreview.useThisTemplate",
+                    "Use this template"
+                  )
+                ]
+              }
+            )
           }
         )
       ] }),