@burdenoff/fluidgrids-fe-sdk 2026.803.4 → 2026.804.2

package/dist/ExecutionDetailPage-FF2DYKAZ.js

@@ -0,0 +1,10 @@
+export { ExecutionDetailPage } from './chunk-IWKLEFC7.js';
+import './chunk-6PNRM3KQ.js';
+import './chunk-UIY2HBWA.js';
+import './chunk-V5UEEB74.js';
+import './chunk-5BDQNSP3.js';
+import './chunk-WWU2O2SR.js';
+import './chunk-3ZYUGTIT.js';
+import './chunk-7VNIEIR6.js';
+//# sourceMappingURL=ExecutionDetailPage-FF2DYKAZ.js.map
+//# sourceMappingURL=ExecutionDetailPage-FF2DYKAZ.js.map

package/dist/{ExecutionDetailPage-FCY3S336.js.map → ExecutionDetailPage-FF2DYKAZ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"ExecutionDetailPage-FCY3S336.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ExecutionDetailPage-FF2DYKAZ.js"}

package/dist/ExecutionsListPage-NKISRFMA.js

@@ -0,0 +1,9 @@
+export { ExecutionsListPage } from './chunk-SG7Z2IRQ.js';
+import './chunk-6PNRM3KQ.js';
+import './chunk-MH4AHYK3.js';
+import './chunk-V5UEEB74.js';
+import './chunk-5BDQNSP3.js';
+import './chunk-WWU2O2SR.js';
+import './chunk-7VNIEIR6.js';
+//# sourceMappingURL=ExecutionsListPage-NKISRFMA.js.map
+//# sourceMappingURL=ExecutionsListPage-NKISRFMA.js.map

package/dist/{ExecutionsListPage-IZJPACQV.js.map → ExecutionsListPage-NKISRFMA.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"ExecutionsListPage-IZJPACQV.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ExecutionsListPage-NKISRFMA.js"}

package/dist/MissingNodesInstallModal-HA5L3FK2.js

@@ -0,0 +1,185 @@
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from './chunk-OHGXRM6Z.js';
+import { Badge, Button } from './chunk-DBOMRIP5.js';
+import './chunk-3ZYUGTIT.js';
+import './chunk-7VNIEIR6.js';
+import { Puzzle, Download, CheckCircle2, ShoppingCart, AlertTriangle, ExternalLink, Loader2 } from 'lucide-react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function MissingNodesInstallModal({
+  open,
+  onOpenChange,
+  workflowName,
+  nodeCheckResult,
+  onConfirm,
+  onSkip,
+  installing = false,
+  installProgress
+}) {
+  const hasMissingFreeNodes = (nodeCheckResult?.missing.length ?? 0) > 0;
+  const hasPaidBlockers = (nodeCheckResult?.missingPaid.length ?? 0) > 0;
+  const isInstalling = installing && !!installProgress;
+  const buttonLabel = hasPaidBlockers ? "Purchase Required Nodes First" : isInstalling ? `Installing nodes (${installProgress.current}/${installProgress.total})...` : hasMissingFreeNodes ? "Install Missing Nodes" : "Open in Builder";
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
+    DialogContent,
+    {
+      size: "lg",
+      className: "!flex !flex-col !max-h-[85vh] overflow-hidden p-0 gap-0",
+      children: [
+        /* @__PURE__ */ jsxs(DialogHeader, { className: "px-6 pt-6 pb-4 border-b shrink-0", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Puzzle, { className: "size-5 text-primary" }),
+            /* @__PURE__ */ jsx(DialogTitle, { className: "text-xl", children: workflowName ? `Missing nodes for "${workflowName}"` : "Missing workflow nodes" })
+          ] }),
+          /* @__PURE__ */ jsx(DialogDescription, { children: "This workflow uses nodes that are not installed in your workspace. Install them now, or open the workflow and install them later." })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto px-6 py-5 space-y-6", children: [
+          nodeCheckResult && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ jsxs("h4", { className: "text-sm font-semibold text-foreground flex items-center gap-2", children: [
+              /* @__PURE__ */ jsx(Download, { className: "size-4" }),
+              "Node Dependencies"
+            ] }),
+            /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+              nodeCheckResult.installed.map((node) => /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: "flex items-center gap-2 text-sm",
+                  children: [
+                    /* @__PURE__ */ jsx(CheckCircle2, { className: "size-4 text-green-500 shrink-0" }),
+                    /* @__PURE__ */ jsxs("span", { children: [
+                      node.displayName || node.nodeType,
+                      " v",
+                      node.nodeVersion
+                    ] }),
+                    /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs ml-auto", children: "Installed" })
+                  ]
+                },
+                node.nodeType
+              )),
+              nodeCheckResult.missing.map((node) => /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: "flex items-center gap-2 text-sm",
+                  children: [
+                    /* @__PURE__ */ jsx(Download, { className: "size-4 text-blue-500 shrink-0" }),
+                    /* @__PURE__ */ jsxs("span", { children: [
+                      node.displayName || node.nodeType,
+                      " v",
+                      node.nodeVersion
+                    ] }),
+                    /* @__PURE__ */ jsx(
+                      Badge,
+                      {
+                        variant: "outline",
+                        className: "text-xs ml-auto border-blue-500/30 text-blue-500",
+                        children: "Not installed"
+                      }
+                    )
+                  ]
+                },
+                node.nodeType
+              )),
+              nodeCheckResult.missingPaid.map((node) => /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: "flex items-center gap-2 text-sm",
+                  children: [
+                    /* @__PURE__ */ jsx(ShoppingCart, { className: "size-4 text-amber-500 shrink-0" }),
+                    /* @__PURE__ */ jsxs("span", { children: [
+                      node.displayName || node.nodeType,
+                      " v",
+                      node.nodeVersion
+                    ] }),
+                    /* @__PURE__ */ jsx(
+                      Badge,
+                      {
+                        variant: "outline",
+                        className: "text-xs ml-auto border-amber-500/30 text-amber-500",
+                        children: "Purchase required"
+                      }
+                    )
+                  ]
+                },
+                node.nodeType
+              ))
+            ] })
+          ] }),
+          hasPaidBlockers && /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-amber-500/10 border border-amber-500/30 p-3 text-sm text-amber-700 dark:text-amber-400 flex items-start gap-2", children: [
+            /* @__PURE__ */ jsx(AlertTriangle, { className: "size-4 mt-0.5 shrink-0" }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("p", { className: "font-medium", children: "Purchase required before installing" }),
+              /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs", children: 'The nodes marked "Purchase required" must be purchased from the store before this workflow can use them.' }),
+              /* @__PURE__ */ jsxs(
+                Button,
+                {
+                  variant: "link",
+                  size: "sm",
+                  className: "mt-1 h-auto p-0 text-xs text-amber-700 dark:text-amber-400 underline",
+                  onClick: () => window.open("/store", "_blank"),
+                  children: [
+                    /* @__PURE__ */ jsx(ExternalLink, { className: "size-3 mr-1" }),
+                    "Go to Store"
+                  ]
+                }
+              )
+            ] })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(DialogFooter, { className: "px-6 py-4 border-t shrink-0 flex-col gap-2", children: [
+          installProgress && /* @__PURE__ */ jsxs("div", { className: "w-full space-y-1.5", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
+              /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
+                /* @__PURE__ */ jsx(Loader2, { className: "size-3 animate-spin" }),
+                "Installing: ",
+                installProgress.nodeName
+              ] }),
+              /* @__PURE__ */ jsxs("span", { children: [
+                installProgress.current,
+                " / ",
+                installProgress.total
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx("div", { className: "h-1.5 w-full rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "h-full bg-primary transition-all duration-300",
+                style: {
+                  width: `${installProgress.current / installProgress.total * 100}%`
+                }
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex w-full justify-end gap-2", children: [
+            onSkip && /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: onSkip, disabled: installing, children: "Open Without Installing" }),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                variant: "outline",
+                onClick: () => onOpenChange(false),
+                disabled: installing,
+                children: "Cancel"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                onClick: onConfirm,
+                disabled: installing || hasPaidBlockers,
+                children: installing ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(Loader2, { className: "size-4 mr-2 animate-spin" }),
+                  buttonLabel
+                ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                  /* @__PURE__ */ jsx(Download, { className: "size-4 mr-2" }),
+                  buttonLabel
+                ] })
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  ) });
+}
+
+export { MissingNodesInstallModal };
+//# sourceMappingURL=MissingNodesInstallModal-HA5L3FK2.js.map
+//# sourceMappingURL=MissingNodesInstallModal-HA5L3FK2.js.map

package/dist/MissingNodesInstallModal-HA5L3FK2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/builder/components/flow-builder/components/templates/MissingNodesInstallModal.tsx"],"names":[],"mappings":"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","file":"MissingNodesInstallModal-HA5L3FK2.js","sourcesContent":["import {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n  DialogFooter,\n} from \"../../../../../ui/dialog\";\nimport { Button } from \"../../../../../ui/button\";\nimport { Badge } from \"../../../../../ui/badge\";\nimport type { TemplateNodeCheckResult } from \"../../../../../types/workflow-template-content\";\nimport {\n  Loader2,\n  CheckCircle2,\n  Download,\n  ShoppingCart,\n  AlertTriangle,\n  ExternalLink,\n  Puzzle,\n} from \"lucide-react\";\n\nexport interface MissingNodesInstallModalProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  workflowName?: string;\n  nodeCheckResult: TemplateNodeCheckResult | null;\n  onConfirm: () => void;\n  onSkip?: () => void;\n  installing?: boolean;\n  installProgress?: {\n    current: number;\n    total: number;\n    nodeName: string;\n  } | null;\n}\n\nexport function MissingNodesInstallModal({\n  open,\n  onOpenChange,\n  workflowName,\n  nodeCheckResult,\n  onConfirm,\n  onSkip,\n  installing = false,\n  installProgress,\n}: MissingNodesInstallModalProps) {\n  const hasMissingFreeNodes = (nodeCheckResult?.missing.length ?? 0) > 0;\n  const hasPaidBlockers = (nodeCheckResult?.missingPaid.length ?? 0) > 0;\n\n  const isInstalling = installing && !!installProgress;\n\n  const buttonLabel = hasPaidBlockers\n    ? \"Purchase Required Nodes First\"\n    : isInstalling\n      ? `Installing nodes (${installProgress.current}/${installProgress.total})...`\n      : hasMissingFreeNodes\n        ? \"Install Missing Nodes\"\n        : \"Open in Builder\";\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent\n        size=\"lg\"\n        className=\"!flex !flex-col !max-h-[85vh] overflow-hidden p-0 gap-0\"\n      >\n        <DialogHeader className=\"px-6 pt-6 pb-4 border-b shrink-0\">\n          <div className=\"flex items-center gap-2\">\n            <Puzzle className=\"size-5 text-primary\" />\n            <DialogTitle className=\"text-xl\">\n              {workflowName\n                ? `Missing nodes for \"${workflowName}\"`\n                : \"Missing workflow nodes\"}\n            </DialogTitle>\n          </div>\n          <DialogDescription>\n            This workflow uses nodes that are not installed in your workspace.\n            Install them now, or open the workflow and install them later.\n          </DialogDescription>\n        </DialogHeader>\n\n        <div className=\"flex-1 overflow-y-auto px-6 py-5 space-y-6\">\n          {nodeCheckResult && (\n            <div className=\"space-y-3\">\n              <h4 className=\"text-sm font-semibold text-foreground flex items-center gap-2\">\n                <Download className=\"size-4\" />\n                Node Dependencies\n              </h4>\n              <div className=\"space-y-2\">\n                {nodeCheckResult.installed.map((node) => (\n                  <div\n                    key={node.nodeType}\n                    className=\"flex items-center gap-2 text-sm\"\n                  >\n                    <CheckCircle2 className=\"size-4 text-green-500 shrink-0\" />\n                    <span>\n                      {node.displayName || node.nodeType} v{node.nodeVersion}\n                    </span>\n                    <Badge variant=\"secondary\" className=\"text-xs ml-auto\">\n                      Installed\n                    </Badge>\n                  </div>\n                ))}\n\n                {nodeCheckResult.missing.map((node) => (\n                  <div\n                    key={node.nodeType}\n                    className=\"flex items-center gap-2 text-sm\"\n                  >\n                    <Download className=\"size-4 text-blue-500 shrink-0\" />\n                    <span>\n                      {node.displayName || node.nodeType} v{node.nodeVersion}\n                    </span>\n                    <Badge\n                      variant=\"outline\"\n                      className=\"text-xs ml-auto border-blue-500/30 text-blue-500\"\n                    >\n                      Not installed\n                    </Badge>\n                  </div>\n                ))}\n\n                {nodeCheckResult.missingPaid.map((node) => (\n                  <div\n                    key={node.nodeType}\n                    className=\"flex items-center gap-2 text-sm\"\n                  >\n                    <ShoppingCart className=\"size-4 text-amber-500 shrink-0\" />\n                    <span>\n                      {node.displayName || node.nodeType} v{node.nodeVersion}\n                    </span>\n                    <Badge\n                      variant=\"outline\"\n                      className=\"text-xs ml-auto border-amber-500/30 text-amber-500\"\n                    >\n                      Purchase required\n                    </Badge>\n                  </div>\n                ))}\n              </div>\n            </div>\n          )}\n\n          {hasPaidBlockers && (\n            <div className=\"rounded-lg bg-amber-500/10 border border-amber-500/30 p-3 text-sm text-amber-700 dark:text-amber-400 flex items-start gap-2\">\n              <AlertTriangle className=\"size-4 mt-0.5 shrink-0\" />\n              <div>\n                <p className=\"font-medium\">\n                  Purchase required before installing\n                </p>\n                <p className=\"mt-1 text-xs\">\n                  The nodes marked \"Purchase required\" must be purchased from\n                  the store before this workflow can use them.\n                </p>\n                <Button\n                  variant=\"link\"\n                  size=\"sm\"\n                  className=\"mt-1 h-auto p-0 text-xs text-amber-700 dark:text-amber-400 underline\"\n                  onClick={() => window.open(\"/store\", \"_blank\")}\n                >\n                  <ExternalLink className=\"size-3 mr-1\" />\n                  Go to Store\n                </Button>\n              </div>\n            </div>\n          )}\n        </div>\n\n        <DialogFooter className=\"px-6 py-4 border-t shrink-0 flex-col gap-2\">\n          {installProgress && (\n            <div className=\"w-full space-y-1.5\">\n              <div className=\"flex items-center justify-between text-xs text-muted-foreground\">\n                <span className=\"flex items-center gap-1.5\">\n                  <Loader2 className=\"size-3 animate-spin\" />\n                  Installing: {installProgress.nodeName}\n                </span>\n                <span>\n                  {installProgress.current} / {installProgress.total}\n                </span>\n              </div>\n              <div className=\"h-1.5 w-full rounded-full bg-muted overflow-hidden\">\n                <div\n                  className=\"h-full bg-primary transition-all duration-300\"\n                  style={{\n                    width: `${(installProgress.current / installProgress.total) * 100}%`,\n                  }}\n                />\n              </div>\n            </div>\n          )}\n\n          <div className=\"flex w-full justify-end gap-2\">\n            {onSkip && (\n              <Button variant=\"outline\" onClick={onSkip} disabled={installing}>\n                Open Without Installing\n              </Button>\n            )}\n            <Button\n              variant=\"outline\"\n              onClick={() => onOpenChange(false)}\n              disabled={installing}\n            >\n              Cancel\n            </Button>\n            <Button\n              onClick={onConfirm}\n              disabled={installing || hasPaidBlockers}\n            >\n              {installing ? (\n                <>\n                  <Loader2 className=\"size-4 mr-2 animate-spin\" />\n                  {buttonLabel}\n                </>\n              ) : (\n                <>\n                  <Download className=\"size-4 mr-2\" />\n                  {buttonLabel}\n                </>\n              )}\n            </Button>\n          </div>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"]}

package/dist/{TemplateConfigurationModal-MTR7VP6G.js → TemplateConfigurationModal-MXNGZQIC.js}

@@ -1,7 +1,9 @@
 import { Label } from './chunk-6QCBKN3P.js';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, Input, DialogFooter } from './chunk-MRVS73S2.js';
+import { Input } from './chunk-P5PKRQAO.js';
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter } from './chunk-OHGXRM6Z.js';
 import { Badge, Button } from './chunk-DBOMRIP5.js';
 import './chunk-3ZYUGTIT.js';
+import { useTr } from './chunk-7VNIEIR6.js';
 import { useState, useMemo } from 'react';
 import { Sparkles, KeyRound, Download, CheckCircle2, ShoppingCart, AlertTriangle, ExternalLink, Loader2 } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -16,6 +18,7 @@ function TemplateConfigurationModal({
   importing = false,
   installProgress
 }) {
+  const tr = useTr();
   const [workflowName, setWorkflowName] = useState(
     content?.defaultWorkflowName || template?.name || ""
   );
@@ -60,7 +63,19 @@ function TemplateConfigurationModal({
   if (!template || !content) return null;
   const isInstalling = importing && !!installProgress;
   const isCreating = importing && !installProgress;
-  const buttonLabel = hasPaidBlockers ? "Purchase Required Nodes First" : isInstalling ? `Installing nodes (${installProgress.current}/${installProgress.total})...` : isCreating ? "Creating workflow..." : hasMissingFreeNodes ? "Install & Open in Builder" : "Import & Open in Builder";
+  const buttonLabel = hasPaidBlockers ? tr(
+    "fluidgrids.builder.templateConfigModal.purchaseRequiredButton",
+    "Purchase Required Nodes First"
+  ) : isInstalling ? `Installing nodes (${installProgress.current}/${installProgress.total})...` : isCreating ? tr(
+    "fluidgrids.builder.templateConfigModal.creatingWorkflowButton",
+    "Creating workflow..."
+  ) : hasMissingFreeNodes ? tr(
+    "fluidgrids.builder.templateConfigModal.installAndOpenButton",
+    "Install & Open in Builder"
+  ) : tr(
+    "fluidgrids.builder.templateConfigModal.importAndOpenButton",
+    "Import & Open in Builder"
+  );
   return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
     DialogContent,
     {
@@ -71,30 +86,47 @@ function TemplateConfigurationModal({
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsx(Sparkles, { className: "size-5 text-primary" }),
             /* @__PURE__ */ jsxs(DialogTitle, { className: "text-xl", children: [
-              'Import "',
+              tr(
+                "fluidgrids.builder.templateConfigModal.importTitlePrefix",
+                "Import"
+              ),
+              " ",
+              '"',
               template.name,
               '"'
             ] })
           ] }),
-          /* @__PURE__ */ jsx(DialogDescription, { children: "Configure and import this workflow template into your workspace" })
+          /* @__PURE__ */ jsx(DialogDescription, { children: tr(
+            "fluidgrids.builder.templateConfigModal.description",
+            "Configure and import this workflow template into your workspace"
+          ) })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex-1 overflow-y-auto px-6 py-5 space-y-6", children: [
           /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx(Label, { htmlFor: "workflow-name", className: "text-sm font-medium", children: "Workflow Name" }),
+            /* @__PURE__ */ jsx(Label, { htmlFor: "workflow-name", className: "text-sm font-medium", children: tr(
+              "fluidgrids.builder.templateConfigModal.workflowNameLabel",
+              "Workflow Name"
+            ) }),
             /* @__PURE__ */ jsx(
               Input,
               {
                 id: "workflow-name",
                 value: workflowName,
                 onChange: (e) => setWorkflowName(e.target.value),
-                placeholder: "Enter workflow name"
+                placeholder: tr(
+                  "fluidgrids.builder.templateConfigModal.workflowNamePlaceholder",
+                  "Enter workflow name"
+                )
               }
             )
           ] }),
           hasRequiredInputs && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
             /* @__PURE__ */ jsxs("h4", { className: "text-sm font-semibold text-foreground flex items-center gap-2", children: [
               /* @__PURE__ */ jsx(KeyRound, { className: "size-4" }),
-              "Required Configuration"
+              tr(
+                "fluidgrids.builder.templateConfigModal.requiredConfigHeading",
+                "Required Configuration"
+              )
             ] }),
             /* @__PURE__ */ jsx("div", { className: "space-y-3", children: requiredInputs.map((input) => /* @__PURE__ */ jsx(
               TemplateInputField,
@@ -109,7 +141,10 @@ function TemplateConfigurationModal({
           nodeCheckResult && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
             /* @__PURE__ */ jsxs("h4", { className: "text-sm font-semibold text-foreground flex items-center gap-2", children: [
               /* @__PURE__ */ jsx(Download, { className: "size-4" }),
-              "Node Dependencies"
+              tr(
+                "fluidgrids.builder.templateConfigModal.nodeDependenciesHeading",
+                "Node Dependencies"
+              )
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
               nodeCheckResult.installed.map((node) => /* @__PURE__ */ jsxs(
@@ -123,7 +158,10 @@ function TemplateConfigurationModal({
                       " v",
                       node.nodeVersion
                     ] }),
-                    /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs ml-auto", children: "Installed" })
+                    /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs ml-auto", children: tr(
+                      "fluidgrids.builder.templateConfigModal.installedBadge",
+                      "Installed"
+                    ) })
                   ]
                 },
                 node.nodeType
@@ -144,7 +182,10 @@ function TemplateConfigurationModal({
                       {
                         variant: "outline",
                         className: "text-xs ml-auto border-blue-500/30 text-blue-500",
-                        children: "Will install"
+                        children: tr(
+                          "fluidgrids.builder.templateConfigModal.willInstallBadge",
+                          "Will install"
+                        )
                       }
                     )
                   ]
@@ -167,7 +208,10 @@ function TemplateConfigurationModal({
                       {
                         variant: "outline",
                         className: "text-xs ml-auto border-amber-500/30 text-amber-500",
-                        children: "Purchase required"
+                        children: tr(
+                          "fluidgrids.builder.templateConfigModal.purchaseRequiredBadge",
+                          "Purchase required"
+                        )
                       }
                     )
                   ]
@@ -179,9 +223,15 @@ function TemplateConfigurationModal({
           hasRequiredCredentials && /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
             /* @__PURE__ */ jsxs("h4", { className: "text-sm font-semibold text-foreground flex items-center gap-2", children: [
               /* @__PURE__ */ jsx(KeyRound, { className: "size-4" }),
-              "Credentials Needed"
+              tr(
+                "fluidgrids.builder.templateConfigModal.credentialsHeading",
+                "Credentials Needed"
+              )
             ] }),
-            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "You'll need to configure these credentials after importing:" }),
+            /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: tr(
+              "fluidgrids.builder.templateConfigModal.credentialsHint",
+              "You'll need to configure these credentials after importing:"
+            ) }),
             /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: content.requiredCredentialTypes?.map((cred) => /* @__PURE__ */ jsxs(Badge, { variant: "outline", className: "text-xs", children: [
               /* @__PURE__ */ jsx(KeyRound, { className: "size-3 mr-1" }),
               cred
@@ -195,8 +245,14 @@ function TemplateConfigurationModal({
           hasPaidBlockers && /* @__PURE__ */ jsxs("div", { className: "rounded-lg bg-amber-500/10 border border-amber-500/30 p-3 text-sm text-amber-700 dark:text-amber-400 flex items-start gap-2", children: [
             /* @__PURE__ */ jsx(AlertTriangle, { className: "size-4 mt-0.5 shrink-0" }),
             /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("p", { className: "font-medium", children: "Purchase required before importing" }),
-              /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs", children: 'The nodes marked "Purchase required" must be purchased from the store before this template can be imported.' }),
+              /* @__PURE__ */ jsx("p", { className: "font-medium", children: tr(
+                "fluidgrids.builder.templateConfigModal.paidBlockerTitle",
+                "Purchase required before importing"
+              ) }),
+              /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs", children: tr(
+                "fluidgrids.builder.templateConfigModal.paidBlockerDescription",
+                'The nodes marked "Purchase required" must be purchased from the store before this template can be imported.'
+              ) }),
               /* @__PURE__ */ jsxs(
                 Button,
                 {
@@ -206,7 +262,10 @@ function TemplateConfigurationModal({
                   onClick: () => window.open("/store", "_blank"),
                   children: [
                     /* @__PURE__ */ jsx(ExternalLink, { className: "size-3 mr-1" }),
-                    "Go to Store"
+                    tr(
+                      "fluidgrids.builder.templateConfigModal.goToStoreButton",
+                      "Go to Store"
+                    )
                   ]
                 }
               )
@@ -218,7 +277,11 @@ function TemplateConfigurationModal({
             /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-xs text-muted-foreground", children: [
               /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5", children: [
                 /* @__PURE__ */ jsx(Loader2, { className: "size-3 animate-spin" }),
-                "Installing: ",
+                tr(
+                  "fluidgrids.builder.templateConfigModal.installingLabel",
+                  "Installing:"
+                ),
+                " ",
                 installProgress.nodeName
               ] }),
               /* @__PURE__ */ jsxs("span", { children: [
@@ -244,7 +307,10 @@ function TemplateConfigurationModal({
                 variant: "outline",
                 onClick: () => onOpenChange(false),
                 disabled: importing,
-                children: "Cancel"
+                children: tr(
+                  "fluidgrids.builder.templateConfigModal.cancelButton",
+                  "Cancel"
+                )
               }
             ),
             /* @__PURE__ */ jsx(
@@ -272,6 +338,7 @@ function TemplateInputField({
   value,
   onChange
 }) {
+  const tr = useTr();
   return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
     /* @__PURE__ */ jsxs(Label, { htmlFor: `template-input-${input.name}`, className: "text-sm", children: [
       input.label,
@@ -285,7 +352,10 @@ function TemplateInputField({
         onChange: (e) => onChange(e.target.value),
         className: "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
         children: [
-          /* @__PURE__ */ jsx("option", { value: "", children: "Select..." }),
+          /* @__PURE__ */ jsx("option", { value: "", children: tr(
+            "fluidgrids.builder.templateConfigModal.selectOptionPlaceholder",
+            "Select..."
+          ) }),
           input.options.map((opt) => /* @__PURE__ */ jsx("option", { value: opt.value, children: opt.label }, opt.value))
         ]
       }
@@ -304,5 +374,5 @@ function TemplateInputField({
 }
 
 export { TemplateConfigurationModal };
-//# sourceMappingURL=TemplateConfigurationModal-MTR7VP6G.js.map
-//# sourceMappingURL=TemplateConfigurationModal-MTR7VP6G.js.map
+//# sourceMappingURL=TemplateConfigurationModal-MXNGZQIC.js.map
+//# sourceMappingURL=TemplateConfigurationModal-MXNGZQIC.js.map

package/dist/TemplateConfigurationModal-MXNGZQIC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/builder/components/flow-builder/components/templates/TemplateConfigurationModal.tsx"],"names":[],"mappings":"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","file":"TemplateConfigurationModal-MXNGZQIC.js","sourcesContent":["import { useState, useMemo } from \"react\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogHeader,\n  DialogTitle,\n  DialogDescription,\n  DialogFooter,\n} from \"../../../../../ui/dialog\";\nimport { Input } from \"../../../../../ui/input\";\nimport { Button } from \"../../../../../ui/button\";\nimport { Badge } from \"../../../../../ui/badge\";\nimport { Label } from \"../../../../../ui/label\";\nimport type { StoreProduct } from \"../../../../../generated/global-types\";\nimport type {\n  WorkflowTemplateContent,\n  TemplateNodeCheckResult,\n  TemplateRequiredInput,\n} from \"../../../../../types/workflow-template-content\";\nimport {\n  Loader2,\n  CheckCircle2,\n  Download,\n  ShoppingCart,\n  KeyRound,\n  Sparkles,\n  AlertTriangle,\n  ExternalLink,\n} from \"lucide-react\";\nimport { useTr } from \"../../../../../hooks/useTr\";\n\nexport interface TemplateConfigurationModalProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  template: StoreProduct | null;\n  content: WorkflowTemplateContent | null;\n  nodeCheckResult: TemplateNodeCheckResult | null;\n  onConfirm: (config: {\n    name: string;\n    templateInputs: Record<string, string | number>;\n  }) => void;\n  importing?: boolean;\n  installProgress?: {\n    current: number;\n    total: number;\n    nodeName: string;\n  } | null;\n}\n\nexport function TemplateConfigurationModal({\n  open,\n  onOpenChange,\n  template,\n  content,\n  nodeCheckResult,\n  onConfirm,\n  importing = false,\n  installProgress,\n}: TemplateConfigurationModalProps) {\n  const tr = useTr();\n  const [workflowName, setWorkflowName] = useState(\n    content?.defaultWorkflowName || template?.name || \"\",\n  );\n  const [inputValues, setInputValues] = useState<Record<string, string>>({});\n\n  useMemo(() => {\n    if (template) {\n      setWorkflowName(content?.defaultWorkflowName || template.name || \"\");\n      const defaults: Record<string, string> = {};\n      if (content?.requiredInputs) {\n        for (const input of content.requiredInputs) {\n          if (input.defaultValue) {\n            defaults[input.name] = input.defaultValue;\n          }\n        }\n      }\n      setInputValues(defaults);\n    }\n  }, [template?.id]);\n\n  const requiredInputs = content?.requiredInputs || [];\n  const hasRequiredInputs = requiredInputs.length > 0;\n  const hasMissingFreeNodes = (nodeCheckResult?.missing.length ?? 0) > 0;\n  const hasRequiredCredentials =\n    (content?.requiredCredentialTypes?.length ?? 0) > 0;\n  const hasPaidBlockers = (nodeCheckResult?.missingPaid.length ?? 0) > 0;\n\n  const isValid = useMemo(() => {\n    if (!workflowName.trim()) return false;\n    for (const input of requiredInputs) {\n      if (input.required && !inputValues[input.name]?.trim()) {\n        return false;\n      }\n    }\n    return true;\n  }, [workflowName, inputValues, requiredInputs]);\n\n  const handleInputChange = (name: string, value: string) => {\n    setInputValues((prev) => ({ ...prev, [name]: value }));\n  };\n\n  const handleConfirm = () => {\n    onConfirm({\n      name: workflowName.trim(),\n      templateInputs: inputValues,\n    });\n  };\n\n  if (!template || !content) return null;\n\n  const isInstalling = importing && !!installProgress;\n  const isCreating = importing && !installProgress;\n\n  const buttonLabel = hasPaidBlockers\n    ? tr(\n        \"fluidgrids.builder.templateConfigModal.purchaseRequiredButton\",\n        \"Purchase Required Nodes First\",\n      )\n    : isInstalling\n      ? `Installing nodes (${installProgress.current}/${installProgress.total})...`\n      : isCreating\n        ? tr(\n            \"fluidgrids.builder.templateConfigModal.creatingWorkflowButton\",\n            \"Creating workflow...\",\n          )\n        : hasMissingFreeNodes\n          ? tr(\n              \"fluidgrids.builder.templateConfigModal.installAndOpenButton\",\n              \"Install & Open in Builder\",\n            )\n          : tr(\n              \"fluidgrids.builder.templateConfigModal.importAndOpenButton\",\n              \"Import & Open in Builder\",\n            );\n\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent\n        size=\"lg\"\n        className=\"!flex !flex-col !max-h-[85vh] overflow-hidden p-0 gap-0\"\n      >\n        <DialogHeader className=\"px-6 pt-6 pb-4 border-b shrink-0\">\n          <div className=\"flex items-center gap-2\">\n            <Sparkles className=\"size-5 text-primary\" />\n            <DialogTitle className=\"text-xl\">\n              {tr(\n                \"fluidgrids.builder.templateConfigModal.importTitlePrefix\",\n                \"Import\",\n              )}{\" \"}\n              \"{template.name}\"\n            </DialogTitle>\n          </div>\n          <DialogDescription>\n            {tr(\n              \"fluidgrids.builder.templateConfigModal.description\",\n              \"Configure and import this workflow template into your workspace\",\n            )}\n          </DialogDescription>\n        </DialogHeader>\n\n        <div className=\"flex-1 overflow-y-auto px-6 py-5 space-y-6\">\n          {/* Workflow Name */}\n          <div className=\"space-y-2\">\n            <Label htmlFor=\"workflow-name\" className=\"text-sm font-medium\">\n              {tr(\n                \"fluidgrids.builder.templateConfigModal.workflowNameLabel\",\n                \"Workflow Name\",\n              )}\n            </Label>\n            <Input\n              id=\"workflow-name\"\n              value={workflowName}\n              onChange={(e) => setWorkflowName(e.target.value)}\n              placeholder={tr(\n                \"fluidgrids.builder.templateConfigModal.workflowNamePlaceholder\",\n                \"Enter workflow name\",\n              )}\n            />\n          </div>\n\n          {/* Required Configuration Inputs */}\n          {hasRequiredInputs && (\n            <div className=\"space-y-3\">\n              <h4 className=\"text-sm font-semibold text-foreground flex items-center gap-2\">\n                <KeyRound className=\"size-4\" />\n                {tr(\n                  \"fluidgrids.builder.templateConfigModal.requiredConfigHeading\",\n                  \"Required Configuration\",\n                )}\n              </h4>\n              <div className=\"space-y-3\">\n                {requiredInputs.map((input) => (\n                  <TemplateInputField\n                    key={input.name}\n                    input={input}\n                    value={inputValues[input.name] || \"\"}\n                    onChange={(value) => handleInputChange(input.name, value)}\n                  />\n                ))}\n              </div>\n            </div>\n          )}\n\n          {/* Node Dependencies */}\n          {nodeCheckResult && (\n            <div className=\"space-y-3\">\n              <h4 className=\"text-sm font-semibold text-foreground flex items-center gap-2\">\n                <Download className=\"size-4\" />\n                {tr(\n                  \"fluidgrids.builder.templateConfigModal.nodeDependenciesHeading\",\n                  \"Node Dependencies\",\n                )}\n              </h4>\n              <div className=\"space-y-2\">\n                {nodeCheckResult.installed.map((node) => (\n                  <div\n                    key={node.nodeType}\n                    className=\"flex items-center gap-2 text-sm\"\n                  >\n                    <CheckCircle2 className=\"size-4 text-green-500 shrink-0\" />\n                    <span>\n                      {node.displayName || node.nodeType} v{node.nodeVersion}\n                    </span>\n                    <Badge variant=\"secondary\" className=\"text-xs ml-auto\">\n                      {tr(\n                        \"fluidgrids.builder.templateConfigModal.installedBadge\",\n                        \"Installed\",\n                      )}\n                    </Badge>\n                  </div>\n                ))}\n\n                {nodeCheckResult.missing.map((node) => (\n                  <div\n                    key={node.nodeType}\n                    className=\"flex items-center gap-2 text-sm\"\n                  >\n                    <Download className=\"size-4 text-blue-500 shrink-0\" />\n                    <span>\n                      {node.displayName || node.nodeType} v{node.nodeVersion}\n                    </span>\n                    <Badge\n                      variant=\"outline\"\n                      className=\"text-xs ml-auto border-blue-500/30 text-blue-500\"\n                    >\n                      {tr(\n                        \"fluidgrids.builder.templateConfigModal.willInstallBadge\",\n                        \"Will install\",\n                      )}\n                    </Badge>\n                  </div>\n                ))}\n\n                {nodeCheckResult.missingPaid.map((node) => (\n                  <div\n                    key={node.nodeType}\n                    className=\"flex items-center gap-2 text-sm\"\n                  >\n                    <ShoppingCart className=\"size-4 text-amber-500 shrink-0\" />\n                    <span>\n                      {node.displayName || node.nodeType} v{node.nodeVersion}\n                    </span>\n                    <Badge\n                      variant=\"outline\"\n                      className=\"text-xs ml-auto border-amber-500/30 text-amber-500\"\n                    >\n                      {tr(\n                        \"fluidgrids.builder.templateConfigModal.purchaseRequiredBadge\",\n                        \"Purchase required\",\n                      )}\n                    </Badge>\n                  </div>\n                ))}\n              </div>\n            </div>\n          )}\n\n          {/* Required Credentials */}\n          {hasRequiredCredentials && (\n            <div className=\"space-y-3\">\n              <h4 className=\"text-sm font-semibold text-foreground flex items-center gap-2\">\n                <KeyRound className=\"size-4\" />\n                {tr(\n                  \"fluidgrids.builder.templateConfigModal.credentialsHeading\",\n                  \"Credentials Needed\",\n                )}\n              </h4>\n              <p className=\"text-xs text-muted-foreground\">\n                {tr(\n                  \"fluidgrids.builder.templateConfigModal.credentialsHint\",\n                  \"You'll need to configure these credentials after importing:\",\n                )}\n              </p>\n              <div className=\"flex flex-wrap gap-2\">\n                {content.requiredCredentialTypes?.map((cred) => (\n                  <Badge key={cred} variant=\"outline\" className=\"text-xs\">\n                    <KeyRound className=\"size-3 mr-1\" />\n                    {cred}\n                  </Badge>\n                ))}\n              </div>\n            </div>\n          )}\n\n          {/* Info Banner */}\n          <div className=\"rounded-lg bg-muted/50 p-3 text-sm text-muted-foreground\">\n            <p>\n              The workflow will be created as a <strong>DRAFT</strong>. You can\n              review and edit it in the builder before activating.\n            </p>\n          </div>\n\n          {/* Paid Node Blocker Warning */}\n          {hasPaidBlockers && (\n            <div className=\"rounded-lg bg-amber-500/10 border border-amber-500/30 p-3 text-sm text-amber-700 dark:text-amber-400 flex items-start gap-2\">\n              <AlertTriangle className=\"size-4 mt-0.5 shrink-0\" />\n              <div>\n                <p className=\"font-medium\">\n                  {tr(\n                    \"fluidgrids.builder.templateConfigModal.paidBlockerTitle\",\n                    \"Purchase required before importing\",\n                  )}\n                </p>\n                <p className=\"mt-1 text-xs\">\n                  {tr(\n                    \"fluidgrids.builder.templateConfigModal.paidBlockerDescription\",\n                    'The nodes marked \"Purchase required\" must be purchased from the store before this template can be imported.',\n                  )}\n                </p>\n                <Button\n                  variant=\"link\"\n                  size=\"sm\"\n                  className=\"mt-1 h-auto p-0 text-xs text-amber-700 dark:text-amber-400 underline\"\n                  onClick={() => window.open(\"/store\", \"_blank\")}\n                >\n                  <ExternalLink className=\"size-3 mr-1\" />\n                  {tr(\n                    \"fluidgrids.builder.templateConfigModal.goToStoreButton\",\n                    \"Go to Store\",\n                  )}\n                </Button>\n              </div>\n            </div>\n          )}\n        </div>\n\n        <DialogFooter className=\"px-6 py-4 border-t shrink-0 flex-col gap-2\">\n          {/* Install progress bar */}\n          {installProgress && (\n            <div className=\"w-full space-y-1.5\">\n              <div className=\"flex items-center justify-between text-xs text-muted-foreground\">\n                <span className=\"flex items-center gap-1.5\">\n                  <Loader2 className=\"size-3 animate-spin\" />\n                  {tr(\n                    \"fluidgrids.builder.templateConfigModal.installingLabel\",\n                    \"Installing:\",\n                  )}{\" \"}\n                  {installProgress.nodeName}\n                </span>\n                <span>\n                  {installProgress.current} / {installProgress.total}\n                </span>\n              </div>\n              <div className=\"h-1.5 w-full rounded-full bg-muted overflow-hidden\">\n                <div\n                  className=\"h-full bg-primary transition-all duration-300\"\n                  style={{\n                    width: `${(installProgress.current / installProgress.total) * 100}%`,\n                  }}\n                />\n              </div>\n            </div>\n          )}\n\n          <div className=\"flex w-full justify-end gap-2\">\n            <Button\n              variant=\"outline\"\n              onClick={() => onOpenChange(false)}\n              disabled={importing}\n            >\n              {tr(\n                \"fluidgrids.builder.templateConfigModal.cancelButton\",\n                \"Cancel\",\n              )}\n            </Button>\n            <Button\n              onClick={handleConfirm}\n              disabled={!isValid || importing || hasPaidBlockers}\n            >\n              {importing ? (\n                <>\n                  <Loader2 className=\"size-4 mr-2 animate-spin\" />\n                  {buttonLabel}\n                </>\n              ) : (\n                <>\n                  <Sparkles className=\"size-4 mr-2\" />\n                  {buttonLabel}\n                </>\n              )}\n            </Button>\n          </div>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n\n// ============================================================================\n// Sub-component: Template Input Field\n// ============================================================================\n\nfunction TemplateInputField({\n  input,\n  value,\n  onChange,\n}: {\n  input: TemplateRequiredInput;\n  value: string;\n  onChange: (value: string) => void;\n}) {\n  const tr = useTr();\n  return (\n    <div className=\"space-y-1.5\">\n      <Label htmlFor={`template-input-${input.name}`} className=\"text-sm\">\n        {input.label}\n        {input.required && <span className=\"text-destructive ml-1\">*</span>}\n      </Label>\n      {input.type === \"select\" && input.options ? (\n        <select\n          id={`template-input-${input.name}`}\n          value={value}\n          onChange={(e) => onChange(e.target.value)}\n          className=\"flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n        >\n          <option value=\"\">\n            {tr(\n              \"fluidgrids.builder.templateConfigModal.selectOptionPlaceholder\",\n              \"Select...\",\n            )}\n          </option>\n          {input.options.map((opt) => (\n            <option key={opt.value} value={opt.value}>\n              {opt.label}\n            </option>\n          ))}\n        </select>\n      ) : (\n        <Input\n          id={`template-input-${input.name}`}\n          type={\n            input.type === \"secret\"\n              ? \"password\"\n              : input.type === \"number\"\n                ? \"number\"\n                : \"text\"\n          }\n          value={value}\n          onChange={(e) => onChange(e.target.value)}\n          placeholder={input.placeholder}\n        />\n      )}\n      {input.helpText && (\n        <p className=\"text-xs text-muted-foreground\">{input.helpText}</p>\n      )}\n    </div>\n  );\n}\n"]}