@burdenoff/fluidgrids-fe-sdk 2026.716.12 → 2026.720.1

package/dist/{chunk-5SENVZ7D.js → chunk-JVARXRIW.js}

@@ -1,10 +1,12 @@
-import { Dialog as Dialog$1, DialogContent as DialogContent$1, DialogHeader as DialogHeader$1, DialogTitle as DialogTitle$1, DialogDescription as DialogDescription$1, Input as Input$1, DialogFooter } from './chunk-7VEOUEIN.js';
-import { cn, Badge as Badge$1, Button } from './chunk-Z54K22LP.js';
-import { refetchStoreNodes, registerWorkflowNodeTypes, ensureNodeConfigsLoaded, onNodeTypesUpdate, NODE_TYPES, getNodeMetadata, AVAILABLE_NODES, useSaveWorkflow, useNodeExecution, getNodeDetail, ConnectionSelector, createNodeWithDefaultData, NODE_CONFIGS, NODES_METADATA, isNodeConfigsInitialized, NODES, NodePropertyPanel } from './chunk-DKEETQVV.js';
+import { Dialog as Dialog$1, DialogContent as DialogContent$1, DialogHeader as DialogHeader$1, DialogTitle as DialogTitle$1, DialogDescription as DialogDescription$1, Input as Input$1, DialogFooter } from './chunk-MRVS73S2.js';
+import { Badge as Badge$1, Button } from './chunk-DBOMRIP5.js';
+import { refetchStoreNodes, registerWorkflowNodeTypes, ensureNodeConfigsLoaded, onNodeTypesUpdate, NODE_TYPES, getNodeMetadata, AVAILABLE_NODES, useSaveWorkflow, useNodeExecution, getNodeDetail, ConnectionSelector, createNodeWithDefaultData, NODE_CONFIGS, NODES_METADATA, isNodeConfigsInitialized, NODES, NodePropertyPanel } from './chunk-S2Z7ZTGV.js';
 import { createGlobalStoreClient, setGlobalStoreClient, resetGlobalStoreClient, getGlobalStoreClient } from './chunk-BQXHJIER.js';
-import { BrowseWorkflowTemplatesDocument, InstallWorkflowNodeDocument, InstallPurchasedNodeDocument, GetMyNodeInstallationsDocument, BrowseWorkflowNodesDocument, UninstallWorkflowNodeDocument, CreateStoreOrderDocument } from './chunk-UYPB5TWQ.js';
+import { BrowseWorkflowTemplatesDocument, InstallWorkflowNodeDocument, InstallPurchasedNodeDocument, GetMyNodeInstallationsDocument, BrowseWorkflowNodesDocument, UninstallWorkflowNodeDocument, CreateStoreOrderDocument } from './chunk-PNOA7CQV.js';
 import { useLazyWorkflowDefinition, useCreateWorkflow, useWorkflowVersions, useRestoreWorkflowVersion, useActivateWorkflow, useDeactivateWorkflow } from './chunk-OHIRHNRJ.js';
 import { useFlowStore } from './chunk-KU64CCSV.js';
+import { SdkPermissionButton, FLUIDGRIDS_PERMISSIONS } from './chunk-UIY2HBWA.js';
+import { cn } from './chunk-3ZYUGTIT.js';
 import { throwIfResultError, NodeSchemaIntrospectionDocument, NodeUsageStatusDocument, RemoveNodeFromWorkflowsDocument } from './chunk-4NTHFDKQ.js';
 import { createFluidGridsClient, setFluidGridsClient, resetFluidGridsClient, getFluidGridsClient } from './chunk-5BDQNSP3.js';
 import { validateTrustedOrigin, setFluidGridsConfig, resetFluidGridsConfig, getFluidGridsConfig } from './chunk-WWU2O2SR.js';
@@ -1384,11 +1386,14 @@ function useInstalledNodes() {
     fetchPolicy: "cache-and-network"
   });
   const installations = data?.myStoreAppInstallations?.items || [];
+  const activeInstallations = installations.filter(
+    (item) => item.status === "ACTIVE"
+  );
   const installedAppIds = new Set(
-    installations.filter((item) => item.status === "ACTIVE").map((item) => item.productId)
+    activeInstallations.map((item) => item.productId)
   );
   const installationsMap = new Map(
-    installations.filter((item) => item.status === "ACTIVE").map((item) => [
+    activeInstallations.map((item) => [
       item.productId,
       {
         installedVersion: item.version ?? void 0,
@@ -1397,10 +1402,14 @@ function useInstalledNodes() {
       }
     ])
   );
+  const deprecatedInstallations = activeInstallations.filter(
+    (item) => item.productStatus === "UNLISTED"
+  );
   return {
     installations,
     installedAppIds,
     installationsMap,
+    deprecatedInstallations,
     installedNodeTypes: /* @__PURE__ */ new Set(),
     totalCount: data?.myStoreAppInstallations?.total || 0,
     loading,
@@ -2278,6 +2287,7 @@ function StoreNodeListItem({
   isInstalled,
   isPrebuilt,
   hasUpdate,
+  isDeprecated,
   nodeType,
   isDraggable,
   onClick
@@ -2300,11 +2310,30 @@ function StoreNodeListItem({
       className: "w-full flex items-center gap-3 px-2 py-2.5 rounded-md hover:bg-muted/60 transition-colors text-left group",
       style: isDraggable ? { cursor: "grab" } : void 0,
       children: [
-        /* @__PURE__ */ jsx("div", { className: "size-9 shrink-0 rounded-lg bg-muted flex items-center justify-center overflow-hidden", children: icon ? /* @__PURE__ */ jsx("img", { src: icon, alt: name, className: "w-full h-full object-cover" }) : /* @__PURE__ */ jsx("span", { className: "text-sm font-bold text-muted-foreground", children: name.charAt(0).toUpperCase() }) }),
+        /* @__PURE__ */ jsx("div", { className: "relative size-9 shrink-0 rounded-lg bg-muted flex items-center justify-center overflow-hidden", children: icon ? /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: icon,
+            alt: name,
+            className: "w-full h-full object-cover"
+          }
+        ) : /* @__PURE__ */ jsx("span", { className: "text-sm font-bold text-muted-foreground", children: name.charAt(0).toUpperCase() }) }),
         /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 flex-wrap", children: [
             /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-foreground group-hover:text-primary transition-colors truncate", children: name }),
-            hasUpdate && /* @__PURE__ */ jsx(
+            isDeprecated && /* @__PURE__ */ jsx(
+              "span",
+              {
+                title: "This node is no longer supported. Consider migrating to a newer alternative.",
+                className: "shrink-0 inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-semibold cursor-help",
+                style: {
+                  background: "var(--color-status-warning-bgSubtle)",
+                  color: "var(--color-status-warning-text)"
+                },
+                children: "Deprecated"
+              }
+            ),
+            hasUpdate && !isDeprecated && /* @__PURE__ */ jsx(
               "span",
               {
                 className: "shrink-0 inline-flex items-center px-1.5 py-0.5 rounded text-[10px] font-semibold",
@@ -2315,7 +2344,7 @@ function StoreNodeListItem({
                 children: "Update"
               }
             ),
-            isInstalled && !hasUpdate && /* @__PURE__ */ jsxs(
+            isInstalled && !hasUpdate && !isDeprecated && /* @__PURE__ */ jsxs(
               "span",
               {
                 className: "shrink-0 inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-semibold",
@@ -2335,7 +2364,7 @@ function StoreNodeListItem({
                 ]
               }
             ),
-            isPrebuilt && !isInstalled && !hasUpdate && /* @__PURE__ */ jsxs(
+            isPrebuilt && !isInstalled && !hasUpdate && !isDeprecated && /* @__PURE__ */ jsxs(
               "span",
               {
                 className: "shrink-0 inline-flex items-center gap-0.5 px-1.5 py-0.5 rounded text-[10px] font-semibold",
@@ -2375,6 +2404,34 @@ function StoreNodeListItem({
     }
   );
 }
+function deprecatedItemToProduct(item) {
+  return {
+    id: item.productId,
+    name: item.productName ?? "Unknown Node",
+    icon: item.productIcon ?? null,
+    description: null,
+    type: null,
+    subType: null,
+    slug: "",
+    rating: null,
+    reviewCount: null,
+    downloads: null,
+    price: null,
+    pricingModel: "FREE",
+    currency: null,
+    featured: false,
+    manifest: item.manifest ?? null,
+    manifestVersion: item.version ?? null,
+    authorName: null,
+    license: null,
+    compatibleProducts: null,
+    requiredPermissions: null,
+    integrationDeps: null,
+    zipFileUrl: null,
+    isPurchased: null,
+    publisher: null
+  };
+}
 function StoreCategoryList({
   searchTerm,
   onSearchChange,
@@ -2382,6 +2439,7 @@ function StoreCategoryList({
   onSelectNode
 }) {
   const isSearching = searchTerm.trim().length > 0;
+  const [showDeprecated, setShowDeprecated] = useState(false);
   const { products, loading, hasMore, fetchMore } = useStoreNodes({
     filter: {
       type: "NODE",
@@ -2389,7 +2447,10 @@ function StoreCategoryList({
       search: isSearching ? searchTerm.trim() : void 0
     }
   });
-  const { installedAppIds, installationsMap } = useInstalledNodes();
+  const { installedAppIds, installationsMap, deprecatedInstallations } = useInstalledNodes();
+  const filteredDeprecated = isSearching ? deprecatedInstallations.filter(
+    (item) => (item.productName ?? "").toLowerCase().includes(searchTerm.trim().toLowerCase())
+  ) : deprecatedInstallations;
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col h-full overflow-hidden", children: [
     /* @__PURE__ */ jsx("div", { className: "px-3 pt-3 pb-2 shrink-0", children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
       /* @__PURE__ */ jsx(
@@ -2403,7 +2464,10 @@ function StoreCategoryList({
         Input$1,
         {
           value: searchTerm,
-          onChange: (e) => onSearchChange(e.target.value),
+          onChange: (e) => {
+            onSearchChange(e.target.value);
+            setShowDeprecated(false);
+          },
           placeholder: "Search nodes...",
           className: "pl-8 text-sm h-9"
         }
@@ -2418,44 +2482,59 @@ function StoreCategoryList({
       )
     ] }) }),
     isSearching ? (
-      /* Search results */
-      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto px-2 pb-2", children: loading && products.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-10", children: /* @__PURE__ */ jsx(
+      /* Search results — deprecated nodes that match appear inline */
+      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto px-2 pb-2", children: loading && products.length === 0 && filteredDeprecated.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center py-10", children: /* @__PURE__ */ jsx(
         Icon,
         {
           icon: "mynaui:spinner",
           className: "size-5 text-primary animate-spin"
         }
-      ) }) : products.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-center py-10 px-4", children: /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
+      ) }) : products.length === 0 && filteredDeprecated.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-center py-10 px-4", children: /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground", children: [
         "No nodes found for \u201C",
         searchTerm,
         "\u201D"
       ] }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs("p", { className: "px-2 py-1.5 text-xs text-muted-foreground font-medium", children: [
-          products.length,
+          products.length + filteredDeprecated.length,
           " result",
-          products.length !== 1 ? "s" : ""
+          products.length + filteredDeprecated.length !== 1 ? "s" : ""
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5", children: products.map((node) => {
-          const installation = installationsMap.get(node.id);
-          const isInstalled = installedAppIds.has(node.id);
-          const hasUpdate = isInstalled && !!installation?.installedVersion && !!node.manifestVersion && installation.installedVersion !== node.manifestVersion;
-          const { nodeType, isPrebuilt, isDraggable } = getStoreNodeAvailability(node, isInstalled);
-          return /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5", children: [
+          products.map((node) => {
+            const installation = installationsMap.get(node.id);
+            const isInstalled = installedAppIds.has(node.id);
+            const hasUpdate = isInstalled && !!installation?.installedVersion && !!node.manifestVersion && installation.installedVersion !== node.manifestVersion;
+            const { nodeType, isPrebuilt, isDraggable } = getStoreNodeAvailability(node, isInstalled);
+            return /* @__PURE__ */ jsx(
+              StoreNodeListItem,
+              {
+                name: node.name,
+                description: node.description,
+                icon: node.icon,
+                isInstalled,
+                isPrebuilt,
+                hasUpdate,
+                nodeType,
+                isDraggable,
+                onClick: () => onSelectNode(node)
+              },
+              node.id
+            );
+          }),
+          filteredDeprecated.map((item) => /* @__PURE__ */ jsx(
             StoreNodeListItem,
             {
-              name: node.name,
-              description: node.description,
-              icon: node.icon,
-              isInstalled,
-              isPrebuilt,
-              hasUpdate,
-              nodeType,
-              isDraggable,
-              onClick: () => onSelectNode(node)
+              name: item.productName ?? "Unknown Node",
+              description: null,
+              icon: item.productIcon ?? void 0,
+              isInstalled: true,
+              hasUpdate: false,
+              isDeprecated: true,
+              onClick: () => onSelectNode(deprecatedItemToProduct(item))
             },
-            node.id
-          );
-        }) }),
+            item.productId
+          ))
+        ] }),
         hasMore && /* @__PURE__ */ jsx(
           "button",
           {
@@ -2465,44 +2544,130 @@ function StoreCategoryList({
           }
         )
       ] }) })
+    ) : showDeprecated ? (
+      /* Deprecated nodes list — shown when user drills into the Deprecated category */
+      /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto px-2 pb-2", children: [
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => setShowDeprecated(false),
+            className: "flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors px-2 py-2",
+            children: [
+              /* @__PURE__ */ jsx(Icon, { icon: "mynaui:chevron-left", className: "size-3.5" }),
+              "Back"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs("p", { className: "px-2 py-1 text-xs text-muted-foreground font-medium", children: [
+          deprecatedInstallations.length,
+          " deprecated node",
+          deprecatedInstallations.length !== 1 ? "s" : ""
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5", children: deprecatedInstallations.map((item) => /* @__PURE__ */ jsx(
+          StoreNodeListItem,
+          {
+            name: item.productName ?? "Unknown Node",
+            description: null,
+            icon: item.productIcon ?? void 0,
+            isInstalled: true,
+            hasUpdate: false,
+            isDeprecated: true,
+            onClick: () => onSelectNode(deprecatedItemToProduct(item))
+          },
+          item.productId
+        )) })
+      ] })
     ) : (
-      /* Category list */
-      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto px-2 pb-2", children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-0.5 pt-1", children: STORE_CATEGORIES.map((cat) => /* @__PURE__ */ jsxs(
-        "button",
-        {
-          onClick: () => onSelectCategory(cat),
-          className: "w-full flex items-center gap-3 px-2 py-3 rounded-lg border border-transparent hover:border-default hover:bg-muted/60 transition-colors text-left group",
-          children: [
-            /* @__PURE__ */ jsx(
-              "div",
-              {
-                className: "size-9 shrink-0 rounded-lg flex items-center justify-center",
-                style: { backgroundColor: `color-mix(in oklab, var(${cat.color}) 16%, transparent)` },
-                children: /* @__PURE__ */ jsx(
-                  Icon,
+      /* Main category list */
+      /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-y-auto px-2 pb-2", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-0.5 pt-1", children: [
+        STORE_CATEGORIES.map((cat) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => onSelectCategory(cat),
+            className: "w-full flex items-center gap-3 px-2 py-3 rounded-lg border border-transparent hover:border-default hover:bg-muted/60 transition-colors text-left group",
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "size-9 shrink-0 rounded-lg flex items-center justify-center",
+                  style: {
+                    backgroundColor: `color-mix(in oklab, var(${cat.color}) 16%, transparent)`
+                  },
+                  children: /* @__PURE__ */ jsx(
+                    Icon,
+                    {
+                      icon: cat.icon,
+                      className: "size-5",
+                      style: { color: `var(${cat.color})` }
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground group-hover:text-primary transition-colors", children: cat.label }),
+                /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground truncate mt-0.5", children: cat.description })
+              ] }),
+              /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  icon: "mynaui:chevron-right",
+                  className: "size-4 shrink-0 text-foreground/40 group-hover:translate-x-0.5 transition-transform"
+                }
+              )
+            ]
+          },
+          cat.key
+        )),
+        deprecatedInstallations.length > 0 && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: () => setShowDeprecated(true),
+            className: "w-full flex items-center gap-3 px-2 py-3 rounded-lg border border-transparent hover:border-default hover:bg-muted/60 transition-colors text-left group",
+            children: [
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "size-9 shrink-0 rounded-lg flex items-center justify-center",
+                  style: {
+                    backgroundColor: "var(--color-status-warning-bgSubtle, color-mix(in oklab, #f59e0b 16%, transparent))"
+                  },
+                  children: /* @__PURE__ */ jsx(
+                    Icon,
+                    {
+                      icon: "mynaui:circle-warning",
+                      className: "size-5",
+                      style: { color: "var(--color-status-warning-text, #d97706)" }
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ jsx(
+                  "p",
                   {
-                    icon: cat.icon,
-                    className: "size-5",
-                    style: { color: `var(${cat.color})` }
+                    className: "text-sm font-medium group-hover:text-primary transition-colors",
+                    style: { color: "var(--color-status-warning-text, #d97706)" },
+                    children: "Deprecated"
                   }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-foreground group-hover:text-primary transition-colors", children: cat.label }),
-              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground truncate mt-0.5", children: cat.description })
-            ] }),
-            /* @__PURE__ */ jsx(
-              Icon,
-              {
-                icon: "mynaui:chevron-right",
-                className: "size-4 shrink-0 text-foreground/40 group-hover:translate-x-0.5 transition-transform"
-              }
-            )
-          ]
-        },
-        cat.key
-      )) }) })
+                ),
+                /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground truncate mt-0.5", children: [
+                  deprecatedInstallations.length,
+                  " node",
+                  deprecatedInstallations.length !== 1 ? "s" : "",
+                  " no longer supported"
+                ] })
+              ] }),
+              /* @__PURE__ */ jsx(
+                Icon,
+                {
+                  icon: "mynaui:chevron-right",
+                  className: "size-4 shrink-0 text-foreground/40 group-hover:translate-x-0.5 transition-transform"
+                }
+              )
+            ]
+          }
+        )
+      ] }) })
     )
   ] });
 }
@@ -3486,7 +3651,7 @@ function TemplatesGrid({
   ] });
 }
 var LazyTemplateDetailPanel = lazy(
-  () => import('./TemplateDetailPanel-UXH6KPCH.js').then((m) => ({
+  () => import('./TemplateDetailPanel-T3ZHXOHX.js').then((m) => ({
     default: m.TemplateDetailPanel
   }))
 );
@@ -3611,7 +3776,7 @@ function TemplatesModal({
   ) });
 }
 var LazyTemplateConfigurationModal = lazy(
-  () => import('./TemplateConfigurationModal-ZMCT3ZCH.js').then((m) => ({
+  () => import('./TemplateConfigurationModal-MTR7VP6G.js').then((m) => ({
     default: m.TemplateConfigurationModal
   }))
 );
@@ -3659,7 +3824,7 @@ function DesktopSidebarFragment({
         );
         if (nodesToInstall.length > 0) {
           const { getGlobalStoreClient: getStore } = await import('./global-client-OW43ZRDR.js');
-          const { InstallWorkflowNodeDocument: InstallWorkflowNodeDocument2 } = await import('./global-operations-5FLHXHG3.js');
+          const { InstallWorkflowNodeDocument: InstallWorkflowNodeDocument2 } = await import('./global-operations-KVVOANLT.js');
           const { getFluidGridsConfig: getFluidGridsConfig3 } = await import('./config-E4E7M6IN.js');
           const storeClient = getStore();
           const cfg = getFluidGridsConfig3();
@@ -3758,7 +3923,7 @@ function DesktopSidebarFragment({
         if (importResult?.success && importResult.workflow) {
           try {
             const { getGlobalStoreClient: getStoreClient } = await import('./global-client-OW43ZRDR.js');
-            const { InstallWorkflowNodeDocument: InstallWorkflowNodeDocument2 } = await import('./global-operations-5FLHXHG3.js');
+            const { InstallWorkflowNodeDocument: InstallWorkflowNodeDocument2 } = await import('./global-operations-KVVOANLT.js');
             const storeClient = getStoreClient();
             if (storeClient) {
               throwIfResultError(
@@ -3903,7 +4068,7 @@ function DesktopSidebarFragment({
           if (nodes) {
             const requiredNodeTypes = [];
             try {
-              const { NODE_CONFIGS: NODE_CONFIGS3, ensureNodeConfigsLoaded: ensureNodeConfigsLoaded2 } = await import('./blocks-XUSH3L5M.js');
+              const { NODE_CONFIGS: NODE_CONFIGS3, ensureNodeConfigsLoaded: ensureNodeConfigsLoaded2 } = await import('./blocks-J3YIE73T.js');
               await ensureNodeConfigsLoaded2().catch(() => {
               });
               const workflowNodeTypes = [
@@ -3915,7 +4080,7 @@ function DesktopSidebarFragment({
                 (type) => !NODE_CONFIGS3.some((c) => c.type === type)
               );
               if (missingTypes.length > 0) {
-                const { BrowseWorkflowNodesDocument: BrowseWorkflowNodesDocument2 } = await import('./global-operations-5FLHXHG3.js');
+                const { BrowseWorkflowNodesDocument: BrowseWorkflowNodesDocument2 } = await import('./global-operations-KVVOANLT.js');
                 const storeResult = await client.query({
                   query: BrowseWorkflowNodesDocument2,
                   variables: {
@@ -10854,18 +11019,28 @@ var SaveFlowButton = ({ className }) => {
       });
     }
   });
-  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs(
-    Button$1,
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
+    SdkPermissionButton,
     {
-      onClick: validateFlow,
-      disabled: isValidating || isSaving,
-      variant: "outline",
-      size: "sm",
-      className: cn$1("flex gap-4", className),
-      children: [
-        /* @__PURE__ */ jsx(Icon, { icon: "fluent:save-28-filled" }),
-        isSaving ? "Saving..." : "Save"
-      ]
+      permission: [
+        FLUIDGRIDS_PERMISSIONS.WORKFLOW_UPDATE,
+        FLUIDGRIDS_PERMISSIONS.WORKFLOW_CREATE
+      ],
+      deniedTooltip: "You don't have permission to save workflows",
+      children: /* @__PURE__ */ jsxs(
+        Button$1,
+        {
+          onClick: validateFlow,
+          disabled: isValidating || isSaving,
+          variant: "outline",
+          size: "sm",
+          className: cn$1("flex gap-4", className),
+          children: [
+            /* @__PURE__ */ jsx(Icon, { icon: "fluent:save-28-filled" }),
+            isSaving ? "Saving..." : "Save"
+          ]
+        }
+      )
     }
   ) });
 };
@@ -11038,21 +11213,28 @@ var ExecuteWorkflowButton = ({
     }
   });
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      Button$1,
+    /* @__PURE__ */ jsx(
+      SdkPermissionButton,
       {
-        onClick: validateFlow,
-        disabled: isValidating || isExecuting,
-        variant: "default",
-        size: "sm",
-        className: cn$1(
-          "flex items-center justify-center gap-2 h-8 rounded-l-lg rounded-r-none px-3 bg-[var(--color-status-success-bg)] hover:bg-[var(--color-status-success-bg)]/90 text-[var(--color-text-on-status)] font-medium",
-          className
-        ),
-        children: [
-          /* @__PURE__ */ jsx(Icon, { icon: "mdi:play", className: "size-4" }),
-          isExecuting ? "Running..." : isValidating ? "Validating..." : "Run"
-        ]
+        permission: FLUIDGRIDS_PERMISSIONS.WORKFLOW_EXECUTE,
+        deniedTooltip: "You don't have permission to execute workflows",
+        children: /* @__PURE__ */ jsxs(
+          Button$1,
+          {
+            onClick: validateFlow,
+            disabled: isValidating || isExecuting,
+            variant: "default",
+            size: "sm",
+            className: cn$1(
+              "flex items-center justify-center gap-2 h-8 rounded-l-lg rounded-r-none px-3 bg-[var(--color-status-success-bg)] hover:bg-[var(--color-status-success-bg)]/90 text-[var(--color-text-on-status)] font-medium",
+              className
+            ),
+            children: [
+              /* @__PURE__ */ jsx(Icon, { icon: "mdi:play", className: "size-4" }),
+              isExecuting ? "Running..." : isValidating ? "Validating..." : "Run"
+            ]
+          }
+        )
       }
     ),
     /* @__PURE__ */ jsx(
@@ -13393,7 +13575,13 @@ var FlowBuilder = ({ readOnly = false }) => {
           /* @__PURE__ */ jsx(VersionHistoryPanel, {}),
           /* @__PURE__ */ jsx(SaveFlowButton, {}),
           /* @__PURE__ */ jsx(ActivateWorkflowButton, {}),
-          /* @__PURE__ */ jsx(RunWithViewRuns, { onViewRuns: handleViewRuns, canViewRuns: !!id })
+          /* @__PURE__ */ jsx(
+            RunWithViewRuns,
+            {
+              onViewRuns: handleViewRuns,
+              canViewRuns: !!id
+            }
+          )
         ] }),
         /* @__PURE__ */ jsx("div", { className: "lg:hidden", children: /* @__PURE__ */ jsxs(DropdownMenu, { children: [
           /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
@@ -13582,7 +13770,7 @@ var FlowBuilderPage = ({
   ] });
 };
 var LazyTemplateConfigurationModal2 = lazy(
-  () => import('./TemplateConfigurationModal-ZMCT3ZCH.js').then(
+  () => import('./TemplateConfigurationModal-MTR7VP6G.js').then(
     (m) => ({ default: m.TemplateConfigurationModal })
   )
 );
@@ -13642,7 +13830,7 @@ function WorkflowItem({
       setInstalling(true);
       try {
         const { getGlobalStoreClient: getGlobalStoreClient2 } = await import('./global-client-OW43ZRDR.js');
-        const { InstallWorkflowNodeDocument: InstallWorkflowNodeDocument2 } = await import('./global-operations-5FLHXHG3.js');
+        const { InstallWorkflowNodeDocument: InstallWorkflowNodeDocument2 } = await import('./global-operations-KVVOANLT.js');
         const { getFluidGridsConfig: getFluidGridsConfig2 } = await import('./config-E4E7M6IN.js');
         const storeClient = getGlobalStoreClient2();
         const cfg = getFluidGridsConfig2();
@@ -13722,7 +13910,7 @@ function WorkflowItem({
               };
               const requiredNodeTypes = [];
               try {
-                const { NODE_CONFIGS: NODE_CONFIGS3, ensureNodeConfigsLoaded: ensureNodeConfigsLoaded2 } = await import('./blocks-XUSH3L5M.js');
+                const { NODE_CONFIGS: NODE_CONFIGS3, ensureNodeConfigsLoaded: ensureNodeConfigsLoaded2 } = await import('./blocks-J3YIE73T.js');
                 await ensureNodeConfigsLoaded2().catch(() => {
                 });
                 const workflowNodeTypes = [
@@ -13735,7 +13923,7 @@ function WorkflowItem({
                 );
                 if (missingTypes.length > 0) {
                   const { getGlobalStoreClient: getGlobalStoreClient2 } = await import('./global-client-OW43ZRDR.js');
-                  const { BrowseWorkflowNodesDocument: BrowseWorkflowNodesDocument2 } = await import('./global-operations-5FLHXHG3.js');
+                  const { BrowseWorkflowNodesDocument: BrowseWorkflowNodesDocument2 } = await import('./global-operations-KVVOANLT.js');
                   const storeClient = getGlobalStoreClient2();
                   if (storeClient) {
                     const storeResult = await storeClient.query({
@@ -13991,5 +14179,5 @@ function WorkflowBuilder() {
 }
 
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, FlowBuilderPage, FluidGridsProvider, TemplateCard, WorkflowBuilder, useFluidGridsContext, useImportWorkflowTemplate, useWorkflowTemplates };
-//# sourceMappingURL=chunk-5SENVZ7D.js.map
-//# sourceMappingURL=chunk-5SENVZ7D.js.map
+//# sourceMappingURL=chunk-JVARXRIW.js.map
+//# sourceMappingURL=chunk-JVARXRIW.js.map