@burdenoff/fluidgrids-fe-sdk 2026.825.2 → 2026.829.1

package/dist/chunk-ACRXNUU2.js

@@ -0,0 +1,504 @@
+import { useTr } from './chunk-7YWBH2A5.js';
+import { useState, useCallback } from 'react';
+import { useNavigate } from 'react-router';
+import { Icon } from '@iconify/react';
+import { Button } from '@burdenoff/fe-libs/button';
+import { Tabs, TabsList, TabsTrigger, TabsContent, Input, Switch, Card, CardHeader, Label, TooltipProvider, Tooltip, TooltipTrigger, TooltipContent } from '@burdenoff/fe-libs/ui';
+import { toast } from 'sonner';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DEFAULT_SETTINGS = {
+  general: {
+    workspaceName: "Default Workspace",
+    defaultWorkflowPrefix: "wf",
+    autoSaveDrafts: true
+  },
+  execution: {
+    defaultTimeoutSeconds: 300,
+    maxRetries: 3,
+    retryDelaySeconds: 10,
+    concurrentExecutionLimit: 5
+  },
+  notifications: {
+    emailOnSuccess: false,
+    emailOnFailure: true,
+    webhookOnSuccess: false,
+    webhookOnFailure: true
+  },
+  api: {
+    gatewayUrl: "/api/v1/workflows",
+    webhookUrlFormat: "/api/v1/webhooks/workflow/{workflowKey}/trigger"
+  }
+};
+function ReadOnlyBanner() {
+  const tr = useTr();
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 p-3 rounded-lg bg-amber-500/10 border border-amber-500/30 mb-6", children: [
+    /* @__PURE__ */ jsx(
+      Icon,
+      {
+        icon: "mdi:information",
+        width: 18,
+        className: "text-amber-400 shrink-0"
+      }
+    ),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-amber-400", children: tr(
+      "fluidgrids.settings.readOnlyBanner.message",
+      "Settings are managed at workspace level. Contact your workspace administrator to change these values."
+    ) })
+  ] });
+}
+function CopyButton({ value, label }) {
+  const tr = useTr();
+  const handleCopy = useCallback(async () => {
+    try {
+      await navigator.clipboard.writeText(value);
+      toast.success(
+        `${label} ${tr("fluidgrids.settings.copyButton.copiedToast", "copied to clipboard")}`
+      );
+    } catch {
+      toast.error(
+        tr(
+          "fluidgrids.settings.copyButton.copyFailedToast",
+          "Failed to copy to clipboard"
+        )
+      );
+    }
+  }, [value, label, tr]);
+  return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      "button",
+      {
+        onClick: handleCopy,
+        className: "p-1.5 rounded hover:bg-background-tertiary text-text-secondary hover:text-text-primary transition-colors",
+        children: /* @__PURE__ */ jsx(Icon, { icon: "mdi:content-copy", width: 16 })
+      }
+    ) }),
+    /* @__PURE__ */ jsxs(TooltipContent, { children: [
+      tr("fluidgrids.settings.copyButton.copyTooltipPrefix", "Copy"),
+      " ",
+      label
+    ] })
+  ] }) });
+}
+function SettingRow({
+  label,
+  description,
+  children
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 py-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+      /* @__PURE__ */ jsx(Label, { className: "text-sm font-medium text-text-primary", children: label }),
+      description && /* @__PURE__ */ jsx("p", { className: "text-xs text-text-secondary mt-0.5", children: description })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "shrink-0", children })
+  ] });
+}
+function GeneralTab() {
+  const tr = useTr();
+  const settings = DEFAULT_SETTINGS.general;
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(ReadOnlyBanner, {}),
+    /* @__PURE__ */ jsxs("div", { className: "divide-y divide-border-secondary", children: [
+      /* @__PURE__ */ jsx(
+        SettingRow,
+        {
+          label: tr(
+            "fluidgrids.settings.general.workspaceNameLabel",
+            "Workspace Name"
+          ),
+          description: tr(
+            "fluidgrids.settings.general.workspaceNameDescription",
+            "The name of your workspace"
+          ),
+          children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: settings.workspaceName,
+              readOnly: true,
+              className: "w-[250px] bg-background-secondary border-border-secondary text-text-primary cursor-default"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SettingRow,
+        {
+          label: tr(
+            "fluidgrids.settings.general.workflowPrefixLabel",
+            "Default Workflow Prefix"
+          ),
+          description: tr(
+            "fluidgrids.settings.general.workflowPrefixDescription",
+            "Prefix used when generating new workflow keys"
+          ),
+          children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: settings.defaultWorkflowPrefix,
+              readOnly: true,
+              className: "w-[120px] bg-background-secondary border-border-secondary text-text-primary cursor-default"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SettingRow,
+        {
+          label: tr(
+            "fluidgrids.settings.general.autoSaveDraftsLabel",
+            "Auto-save Drafts"
+          ),
+          description: tr(
+            "fluidgrids.settings.general.autoSaveDraftsDescription",
+            "Automatically save draft workflows while editing"
+          ),
+          children: /* @__PURE__ */ jsx(Switch, { checked: settings.autoSaveDrafts, disabled: true })
+        }
+      )
+    ] })
+  ] });
+}
+function ExecutionTab() {
+  const tr = useTr();
+  const settings = DEFAULT_SETTINGS.execution;
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(ReadOnlyBanner, {}),
+    /* @__PURE__ */ jsxs("div", { className: "divide-y divide-border-secondary", children: [
+      /* @__PURE__ */ jsx(
+        SettingRow,
+        {
+          label: tr(
+            "fluidgrids.settings.execution.defaultTimeoutLabel",
+            "Default Timeout"
+          ),
+          description: tr(
+            "fluidgrids.settings.execution.defaultTimeoutDescription",
+            "Maximum time a workflow execution can run (in seconds)"
+          ),
+          children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: settings.defaultTimeoutSeconds,
+                readOnly: true,
+                className: "w-[100px] bg-background-secondary border-border-secondary text-text-primary text-right cursor-default"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-text-secondary", children: tr(
+              "fluidgrids.settings.execution.defaultTimeoutUnit",
+              "seconds"
+            ) })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SettingRow,
+        {
+          label: tr(
+            "fluidgrids.settings.execution.maxRetriesLabel",
+            "Max Retries"
+          ),
+          description: tr(
+            "fluidgrids.settings.execution.maxRetriesDescription",
+            "Number of automatic retries on execution failure"
+          ),
+          children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: settings.maxRetries,
+              readOnly: true,
+              className: "w-[80px] bg-background-secondary border-border-secondary text-text-primary text-right cursor-default"
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SettingRow,
+        {
+          label: tr(
+            "fluidgrids.settings.execution.retryDelayLabel",
+            "Retry Delay"
+          ),
+          description: tr(
+            "fluidgrids.settings.execution.retryDelayDescription",
+            "Delay between retry attempts (in seconds)"
+          ),
+          children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                value: settings.retryDelaySeconds,
+                readOnly: true,
+                className: "w-[100px] bg-background-secondary border-border-secondary text-text-primary text-right cursor-default"
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-text-secondary", children: tr("fluidgrids.settings.execution.retryDelayUnit", "seconds") })
+          ] })
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        SettingRow,
+        {
+          label: tr(
+            "fluidgrids.settings.execution.concurrencyLimitLabel",
+            "Concurrent Execution Limit"
+          ),
+          description: tr(
+            "fluidgrids.settings.execution.concurrencyLimitDescription",
+            "Maximum number of workflow executions running simultaneously"
+          ),
+          children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              value: settings.concurrentExecutionLimit,
+              readOnly: true,
+              className: "w-[80px] bg-background-secondary border-border-secondary text-text-primary text-right cursor-default"
+            }
+          )
+        }
+      )
+    ] })
+  ] });
+}
+function NotificationsTab() {
+  const tr = useTr();
+  const settings = DEFAULT_SETTINGS.notifications;
+  return /* @__PURE__ */ jsxs("div", { children: [
+    /* @__PURE__ */ jsx(ReadOnlyBanner, {}),
+    /* @__PURE__ */ jsxs("div", { className: "mb-6", children: [
+      /* @__PURE__ */ jsxs("h3", { className: "text-sm font-semibold text-text-primary flex items-center gap-2 mb-3", children: [
+        /* @__PURE__ */ jsx(Icon, { icon: "mdi:email-outline", width: 18 }),
+        tr(
+          "fluidgrids.settings.notifications.emailSectionTitle",
+          "Email Notifications"
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "divide-y divide-border-secondary rounded-lg border border-border-secondary bg-background-secondary p-1", children: [
+        /* @__PURE__ */ jsx(
+          SettingRow,
+          {
+            label: tr(
+              "fluidgrids.settings.notifications.emailOnSuccessLabel",
+              "On Success"
+            ),
+            description: tr(
+              "fluidgrids.settings.notifications.emailOnSuccessDescription",
+              "Send email when a workflow execution completes successfully"
+            ),
+            children: /* @__PURE__ */ jsx(Switch, { checked: settings.emailOnSuccess, disabled: true })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          SettingRow,
+          {
+            label: tr(
+              "fluidgrids.settings.notifications.emailOnFailureLabel",
+              "On Failure"
+            ),
+            description: tr(
+              "fluidgrids.settings.notifications.emailOnFailureDescription",
+              "Send email when a workflow execution fails"
+            ),
+            children: /* @__PURE__ */ jsx(Switch, { checked: settings.emailOnFailure, disabled: true })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsxs("h3", { className: "text-sm font-semibold text-text-primary flex items-center gap-2 mb-3", children: [
+        /* @__PURE__ */ jsx(Icon, { icon: "mdi:webhook", width: 18 }),
+        tr(
+          "fluidgrids.settings.notifications.webhookSectionTitle",
+          "Webhook Notifications"
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "divide-y divide-border-secondary rounded-lg border border-border-secondary bg-background-secondary p-1", children: [
+        /* @__PURE__ */ jsx(
+          SettingRow,
+          {
+            label: tr(
+              "fluidgrids.settings.notifications.webhookOnSuccessLabel",
+              "On Success"
+            ),
+            description: tr(
+              "fluidgrids.settings.notifications.webhookOnSuccessDescription",
+              "Send webhook when a workflow execution completes successfully"
+            ),
+            children: /* @__PURE__ */ jsx(Switch, { checked: settings.webhookOnSuccess, disabled: true })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          SettingRow,
+          {
+            label: tr(
+              "fluidgrids.settings.notifications.webhookOnFailureLabel",
+              "On Failure"
+            ),
+            description: tr(
+              "fluidgrids.settings.notifications.webhookOnFailureDescription",
+              "Send webhook when a workflow execution fails"
+            ),
+            children: /* @__PURE__ */ jsx(Switch, { checked: settings.webhookOnFailure, disabled: true })
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function ApiTab() {
+  const tr = useTr();
+  const settings = DEFAULT_SETTINGS.api;
+  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsx(Card, { className: "border border-border-secondary bg-background-secondary", children: /* @__PURE__ */ jsxs(CardHeader, { className: "pb-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
+        /* @__PURE__ */ jsx(Icon, { icon: "mdi:api", width: 20, className: "text-text-secondary" }),
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-text-primary", children: tr(
+          "fluidgrids.settings.api.gatewayUrlTitle",
+          "API Gateway URL"
+        ) })
+      ] }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-text-secondary mb-3", children: tr(
+        "fluidgrids.settings.api.gatewayUrlDescription",
+        "Base URL for workflow API operations. Use this to trigger, list, and manage workflows programmatically."
+      ) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-lg bg-background-tertiary px-3 py-2 border border-border-secondary", children: [
+        /* @__PURE__ */ jsx("code", { className: "text-sm text-text-primary flex-1 truncate", children: settings.gatewayUrl }),
+        /* @__PURE__ */ jsx(
+          CopyButton,
+          {
+            value: settings.gatewayUrl,
+            label: tr(
+              "fluidgrids.settings.api.gatewayUrlCopyLabel",
+              "API Gateway URL"
+            )
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(Card, { className: "border border-border-secondary bg-background-secondary", children: /* @__PURE__ */ jsxs(CardHeader, { className: "pb-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
+        /* @__PURE__ */ jsx(
+          Icon,
+          {
+            icon: "mdi:webhook",
+            width: 20,
+            className: "text-text-secondary"
+          }
+        ),
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-text-primary", children: tr(
+          "fluidgrids.settings.api.webhookUrlTitle",
+          "Webhook URL Format"
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxs("p", { className: "text-xs text-text-secondary mb-3", children: [
+        tr(
+          "fluidgrids.settings.api.webhookUrlDescriptionPrefix",
+          "URL format for triggering workflows via webhook. Replace"
+        ),
+        " ",
+        /* @__PURE__ */ jsx("code", { className: "text-text-primary", children: "{workflowKey}" }),
+        " ",
+        tr(
+          "fluidgrids.settings.api.webhookUrlDescriptionSuffix",
+          "with the actual workflow key."
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 rounded-lg bg-background-tertiary px-3 py-2 border border-border-secondary", children: [
+        /* @__PURE__ */ jsx("code", { className: "text-sm text-text-primary flex-1 truncate", children: settings.webhookUrlFormat }),
+        /* @__PURE__ */ jsx(
+          CopyButton,
+          {
+            value: settings.webhookUrlFormat,
+            label: tr(
+              "fluidgrids.settings.api.webhookUrlCopyLabel",
+              "Webhook URL"
+            )
+          }
+        )
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx(Card, { className: "border border-border-secondary bg-background-secondary", children: /* @__PURE__ */ jsxs(CardHeader, { className: "pb-3", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
+        /* @__PURE__ */ jsx(
+          Icon,
+          {
+            icon: "mdi:console",
+            width: 20,
+            className: "text-text-secondary"
+          }
+        ),
+        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-text-primary", children: tr(
+          "fluidgrids.settings.api.curlExampleTitle",
+          "Example: Trigger via cURL"
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "relative rounded-lg bg-background-tertiary px-3 py-2 border border-border-secondary", children: [
+        /* @__PURE__ */ jsx("pre", { className: "text-xs text-text-primary overflow-x-auto whitespace-pre-wrap", children: `curl -X POST "${settings.webhookUrlFormat}" \\
+  -H "Content-Type: application/json" \\
+  -H "Authorization: Bearer <token>" \\
+  -d '{"input": {}}'` }),
+        /* @__PURE__ */ jsx("div", { className: "absolute top-2 right-2", children: /* @__PURE__ */ jsx(
+          CopyButton,
+          {
+            value: `curl -X POST "${settings.webhookUrlFormat}" \\
+  -H "Content-Type: application/json" \\
+  -H "Authorization: Bearer <token>" \\
+  -d '{"input": {}}'`,
+            label: tr(
+              "fluidgrids.settings.api.curlCopyLabel",
+              "cURL command"
+            )
+          }
+        ) })
+      ] })
+    ] }) })
+  ] }) });
+}
+function SettingsPage() {
+  const tr = useTr();
+  const navigate = useNavigate();
+  const [activeTab, setActiveTab] = useState("general");
+  return /* @__PURE__ */ jsxs("div", { className: "p-4 sm:p-6 bg-background-primary min-h-screen", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-6", children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl sm:text-3xl font-bold text-text-primary", children: tr("fluidgrids.settings.page.title", "Settings") }),
+        /* @__PURE__ */ jsx("p", { className: "text-text-secondary mt-1", children: tr(
+          "fluidgrids.settings.page.subtitle",
+          "Configure workflow execution and notification preferences"
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: () => navigate("../list"), children: [
+        /* @__PURE__ */ jsx(Icon, { icon: "mdi:arrow-left", className: "mr-2", width: 16 }),
+        tr("fluidgrids.settings.page.backToWorkflows", "Back to Workflows")
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Tabs, { value: activeTab, onValueChange: setActiveTab, className: "w-full", children: [
+      /* @__PURE__ */ jsxs(TabsList, { className: "bg-background-secondary border border-border-secondary mb-6", children: [
+        /* @__PURE__ */ jsxs(TabsTrigger, { value: "general", className: "gap-1.5", children: [
+          /* @__PURE__ */ jsx(Icon, { icon: "mdi:cog", width: 16 }),
+          tr("fluidgrids.settings.page.generalTab", "General")
+        ] }),
+        /* @__PURE__ */ jsxs(TabsTrigger, { value: "execution", className: "gap-1.5", children: [
+          /* @__PURE__ */ jsx(Icon, { icon: "mdi:play-circle", width: 16 }),
+          tr("fluidgrids.settings.page.executionTab", "Execution")
+        ] }),
+        /* @__PURE__ */ jsxs(TabsTrigger, { value: "notifications", className: "gap-1.5", children: [
+          /* @__PURE__ */ jsx(Icon, { icon: "mdi:bell-outline", width: 16 }),
+          tr("fluidgrids.settings.page.notificationsTab", "Notifications")
+        ] }),
+        /* @__PURE__ */ jsxs(TabsTrigger, { value: "api", className: "gap-1.5", children: [
+          /* @__PURE__ */ jsx(Icon, { icon: "mdi:api", width: 16 }),
+          tr("fluidgrids.settings.page.apiTab", "API")
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(TabsContent, { value: "general", children: /* @__PURE__ */ jsx(GeneralTab, {}) }),
+      /* @__PURE__ */ jsx(TabsContent, { value: "execution", children: /* @__PURE__ */ jsx(ExecutionTab, {}) }),
+      /* @__PURE__ */ jsx(TabsContent, { value: "notifications", children: /* @__PURE__ */ jsx(NotificationsTab, {}) }),
+      /* @__PURE__ */ jsx(TabsContent, { value: "api", children: /* @__PURE__ */ jsx(ApiTab, {}) })
+    ] })
+  ] });
+}
+
+export { SettingsPage };
+//# sourceMappingURL=chunk-ACRXNUU2.js.map
+//# sourceMappingURL=chunk-ACRXNUU2.js.map

package/dist/chunk-ACRXNUU2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/modules/settings/pages/SettingsPage.tsx"],"names":[],"mappings":"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","file":"chunk-ACRXNUU2.js","sourcesContent":["import { useState, useCallback } from \"react\";\nimport { useNavigate } from \"react-router\";\nimport { Icon } from \"@iconify/react\";\nimport { Button } from \"@burdenoff/fe-libs/button\";\nimport {\n  Tabs,\n  TabsList,\n  TabsTrigger,\n  TabsContent,\n  Input,\n  Label,\n  Switch,\n  Card,\n  CardHeader,\n  Tooltip,\n  TooltipContent,\n  TooltipTrigger,\n  TooltipProvider,\n} from \"@burdenoff/fe-libs/ui\";\nimport { toast } from \"sonner\";\nimport { useTr } from \"../../../hooks/useTr\";\n\n// ============================================================================\n// Constants\n// ============================================================================\n\nconst DEFAULT_SETTINGS = {\n  general: {\n    workspaceName: \"Default Workspace\",\n    defaultWorkflowPrefix: \"wf\",\n    autoSaveDrafts: true,\n  },\n  execution: {\n    defaultTimeoutSeconds: 300,\n    maxRetries: 3,\n    retryDelaySeconds: 10,\n    concurrentExecutionLimit: 5,\n  },\n  notifications: {\n    emailOnSuccess: false,\n    emailOnFailure: true,\n    webhookOnSuccess: false,\n    webhookOnFailure: true,\n  },\n  api: {\n    gatewayUrl: \"/api/v1/workflows\",\n    webhookUrlFormat: \"/api/v1/webhooks/workflow/{workflowKey}/trigger\",\n  },\n};\n\n// ============================================================================\n// Sub-Components\n// ============================================================================\n\nfunction ReadOnlyBanner() {\n  const tr = useTr();\n\n  return (\n    <div className=\"flex items-center gap-2 p-3 rounded-lg bg-amber-500/10 border border-amber-500/30 mb-6\">\n      <Icon\n        icon=\"mdi:information\"\n        width={18}\n        className=\"text-amber-400 shrink-0\"\n      />\n      <p className=\"text-sm text-amber-400\">\n        {tr(\n          \"fluidgrids.settings.readOnlyBanner.message\",\n          \"Settings are managed at workspace level. Contact your workspace administrator to change these values.\",\n        )}\n      </p>\n    </div>\n  );\n}\n\nfunction CopyButton({ value, label }: { value: string; label: string }) {\n  const tr = useTr();\n\n  const handleCopy = useCallback(async () => {\n    try {\n      await navigator.clipboard.writeText(value);\n      toast.success(\n        `${label} ${tr(\"fluidgrids.settings.copyButton.copiedToast\", \"copied to clipboard\")}`,\n      );\n    } catch {\n      toast.error(\n        tr(\n          \"fluidgrids.settings.copyButton.copyFailedToast\",\n          \"Failed to copy to clipboard\",\n        ),\n      );\n    }\n  }, [value, label, tr]);\n\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <button\n            onClick={handleCopy}\n            className=\"p-1.5 rounded hover:bg-background-tertiary text-text-secondary hover:text-text-primary transition-colors\"\n          >\n            <Icon icon=\"mdi:content-copy\" width={16} />\n          </button>\n        </TooltipTrigger>\n        <TooltipContent>\n          {tr(\"fluidgrids.settings.copyButton.copyTooltipPrefix\", \"Copy\")}{\" \"}\n          {label}\n        </TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n}\n\nfunction SettingRow({\n  label,\n  description,\n  children,\n}: {\n  label: string;\n  description?: string;\n  children: React.ReactNode;\n}) {\n  return (\n    <div className=\"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 py-4\">\n      <div className=\"flex-1 min-w-0\">\n        <Label className=\"text-sm font-medium text-text-primary\">{label}</Label>\n        {description && (\n          <p className=\"text-xs text-text-secondary mt-0.5\">{description}</p>\n        )}\n      </div>\n      <div className=\"shrink-0\">{children}</div>\n    </div>\n  );\n}\n\n// ============================================================================\n// Tab Content Components\n// ============================================================================\n\nfunction GeneralTab() {\n  const tr = useTr();\n  const settings = DEFAULT_SETTINGS.general;\n\n  return (\n    <div>\n      <ReadOnlyBanner />\n      <div className=\"divide-y divide-border-secondary\">\n        <SettingRow\n          label={tr(\n            \"fluidgrids.settings.general.workspaceNameLabel\",\n            \"Workspace Name\",\n          )}\n          description={tr(\n            \"fluidgrids.settings.general.workspaceNameDescription\",\n            \"The name of your workspace\",\n          )}\n        >\n          <Input\n            value={settings.workspaceName}\n            readOnly\n            className=\"w-[250px] bg-background-secondary border-border-secondary text-text-primary cursor-default\"\n          />\n        </SettingRow>\n        <SettingRow\n          label={tr(\n            \"fluidgrids.settings.general.workflowPrefixLabel\",\n            \"Default Workflow Prefix\",\n          )}\n          description={tr(\n            \"fluidgrids.settings.general.workflowPrefixDescription\",\n            \"Prefix used when generating new workflow keys\",\n          )}\n        >\n          <Input\n            value={settings.defaultWorkflowPrefix}\n            readOnly\n            className=\"w-[120px] bg-background-secondary border-border-secondary text-text-primary cursor-default\"\n          />\n        </SettingRow>\n        <SettingRow\n          label={tr(\n            \"fluidgrids.settings.general.autoSaveDraftsLabel\",\n            \"Auto-save Drafts\",\n          )}\n          description={tr(\n            \"fluidgrids.settings.general.autoSaveDraftsDescription\",\n            \"Automatically save draft workflows while editing\",\n          )}\n        >\n          <Switch checked={settings.autoSaveDrafts} disabled />\n        </SettingRow>\n      </div>\n    </div>\n  );\n}\n\nfunction ExecutionTab() {\n  const tr = useTr();\n  const settings = DEFAULT_SETTINGS.execution;\n\n  return (\n    <div>\n      <ReadOnlyBanner />\n      <div className=\"divide-y divide-border-secondary\">\n        <SettingRow\n          label={tr(\n            \"fluidgrids.settings.execution.defaultTimeoutLabel\",\n            \"Default Timeout\",\n          )}\n          description={tr(\n            \"fluidgrids.settings.execution.defaultTimeoutDescription\",\n            \"Maximum time a workflow execution can run (in seconds)\",\n          )}\n        >\n          <div className=\"flex items-center gap-2\">\n            <Input\n              value={settings.defaultTimeoutSeconds}\n              readOnly\n              className=\"w-[100px] bg-background-secondary border-border-secondary text-text-primary text-right cursor-default\"\n            />\n            <span className=\"text-xs text-text-secondary\">\n              {tr(\n                \"fluidgrids.settings.execution.defaultTimeoutUnit\",\n                \"seconds\",\n              )}\n            </span>\n          </div>\n        </SettingRow>\n        <SettingRow\n          label={tr(\n            \"fluidgrids.settings.execution.maxRetriesLabel\",\n            \"Max Retries\",\n          )}\n          description={tr(\n            \"fluidgrids.settings.execution.maxRetriesDescription\",\n            \"Number of automatic retries on execution failure\",\n          )}\n        >\n          <Input\n            value={settings.maxRetries}\n            readOnly\n            className=\"w-[80px] bg-background-secondary border-border-secondary text-text-primary text-right cursor-default\"\n          />\n        </SettingRow>\n        <SettingRow\n          label={tr(\n            \"fluidgrids.settings.execution.retryDelayLabel\",\n            \"Retry Delay\",\n          )}\n          description={tr(\n            \"fluidgrids.settings.execution.retryDelayDescription\",\n            \"Delay between retry attempts (in seconds)\",\n          )}\n        >\n          <div className=\"flex items-center gap-2\">\n            <Input\n              value={settings.retryDelaySeconds}\n              readOnly\n              className=\"w-[100px] bg-background-secondary border-border-secondary text-text-primary text-right cursor-default\"\n            />\n            <span className=\"text-xs text-text-secondary\">\n              {tr(\"fluidgrids.settings.execution.retryDelayUnit\", \"seconds\")}\n            </span>\n          </div>\n        </SettingRow>\n        <SettingRow\n          label={tr(\n            \"fluidgrids.settings.execution.concurrencyLimitLabel\",\n            \"Concurrent Execution Limit\",\n          )}\n          description={tr(\n            \"fluidgrids.settings.execution.concurrencyLimitDescription\",\n            \"Maximum number of workflow executions running simultaneously\",\n          )}\n        >\n          <Input\n            value={settings.concurrentExecutionLimit}\n            readOnly\n            className=\"w-[80px] bg-background-secondary border-border-secondary text-text-primary text-right cursor-default\"\n          />\n        </SettingRow>\n      </div>\n    </div>\n  );\n}\n\nfunction NotificationsTab() {\n  const tr = useTr();\n  const settings = DEFAULT_SETTINGS.notifications;\n\n  return (\n    <div>\n      <ReadOnlyBanner />\n\n      {/* Email Notifications */}\n      <div className=\"mb-6\">\n        <h3 className=\"text-sm font-semibold text-text-primary flex items-center gap-2 mb-3\">\n          <Icon icon=\"mdi:email-outline\" width={18} />\n          {tr(\n            \"fluidgrids.settings.notifications.emailSectionTitle\",\n            \"Email Notifications\",\n          )}\n        </h3>\n        <div className=\"divide-y divide-border-secondary rounded-lg border border-border-secondary bg-background-secondary p-1\">\n          <SettingRow\n            label={tr(\n              \"fluidgrids.settings.notifications.emailOnSuccessLabel\",\n              \"On Success\",\n            )}\n            description={tr(\n              \"fluidgrids.settings.notifications.emailOnSuccessDescription\",\n              \"Send email when a workflow execution completes successfully\",\n            )}\n          >\n            <Switch checked={settings.emailOnSuccess} disabled />\n          </SettingRow>\n          <SettingRow\n            label={tr(\n              \"fluidgrids.settings.notifications.emailOnFailureLabel\",\n              \"On Failure\",\n            )}\n            description={tr(\n              \"fluidgrids.settings.notifications.emailOnFailureDescription\",\n              \"Send email when a workflow execution fails\",\n            )}\n          >\n            <Switch checked={settings.emailOnFailure} disabled />\n          </SettingRow>\n        </div>\n      </div>\n\n      {/* Webhook Notifications */}\n      <div>\n        <h3 className=\"text-sm font-semibold text-text-primary flex items-center gap-2 mb-3\">\n          <Icon icon=\"mdi:webhook\" width={18} />\n          {tr(\n            \"fluidgrids.settings.notifications.webhookSectionTitle\",\n            \"Webhook Notifications\",\n          )}\n        </h3>\n        <div className=\"divide-y divide-border-secondary rounded-lg border border-border-secondary bg-background-secondary p-1\">\n          <SettingRow\n            label={tr(\n              \"fluidgrids.settings.notifications.webhookOnSuccessLabel\",\n              \"On Success\",\n            )}\n            description={tr(\n              \"fluidgrids.settings.notifications.webhookOnSuccessDescription\",\n              \"Send webhook when a workflow execution completes successfully\",\n            )}\n          >\n            <Switch checked={settings.webhookOnSuccess} disabled />\n          </SettingRow>\n          <SettingRow\n            label={tr(\n              \"fluidgrids.settings.notifications.webhookOnFailureLabel\",\n              \"On Failure\",\n            )}\n            description={tr(\n              \"fluidgrids.settings.notifications.webhookOnFailureDescription\",\n              \"Send webhook when a workflow execution fails\",\n            )}\n          >\n            <Switch checked={settings.webhookOnFailure} disabled />\n          </SettingRow>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction ApiTab() {\n  const tr = useTr();\n  const settings = DEFAULT_SETTINGS.api;\n\n  return (\n    <div>\n      <div className=\"space-y-4\">\n        {/* API Gateway URL */}\n        <Card className=\"border border-border-secondary bg-background-secondary\">\n          <CardHeader className=\"pb-3\">\n            <div className=\"flex items-center gap-2 mb-2\">\n              <Icon icon=\"mdi:api\" width={20} className=\"text-text-secondary\" />\n              <h3 className=\"text-sm font-semibold text-text-primary\">\n                {tr(\n                  \"fluidgrids.settings.api.gatewayUrlTitle\",\n                  \"API Gateway URL\",\n                )}\n              </h3>\n            </div>\n            <p className=\"text-xs text-text-secondary mb-3\">\n              {tr(\n                \"fluidgrids.settings.api.gatewayUrlDescription\",\n                \"Base URL for workflow API operations. Use this to trigger, list, and manage workflows programmatically.\",\n              )}\n            </p>\n            <div className=\"flex items-center gap-2 rounded-lg bg-background-tertiary px-3 py-2 border border-border-secondary\">\n              <code className=\"text-sm text-text-primary flex-1 truncate\">\n                {settings.gatewayUrl}\n              </code>\n              <CopyButton\n                value={settings.gatewayUrl}\n                label={tr(\n                  \"fluidgrids.settings.api.gatewayUrlCopyLabel\",\n                  \"API Gateway URL\",\n                )}\n              />\n            </div>\n          </CardHeader>\n        </Card>\n\n        {/* Webhook URL */}\n        <Card className=\"border border-border-secondary bg-background-secondary\">\n          <CardHeader className=\"pb-3\">\n            <div className=\"flex items-center gap-2 mb-2\">\n              <Icon\n                icon=\"mdi:webhook\"\n                width={20}\n                className=\"text-text-secondary\"\n              />\n              <h3 className=\"text-sm font-semibold text-text-primary\">\n                {tr(\n                  \"fluidgrids.settings.api.webhookUrlTitle\",\n                  \"Webhook URL Format\",\n                )}\n              </h3>\n            </div>\n            <p className=\"text-xs text-text-secondary mb-3\">\n              {tr(\n                \"fluidgrids.settings.api.webhookUrlDescriptionPrefix\",\n                \"URL format for triggering workflows via webhook. Replace\",\n              )}{\" \"}\n              <code className=\"text-text-primary\">{\"{workflowKey}\"}</code>{\" \"}\n              {tr(\n                \"fluidgrids.settings.api.webhookUrlDescriptionSuffix\",\n                \"with the actual workflow key.\",\n              )}\n            </p>\n            <div className=\"flex items-center gap-2 rounded-lg bg-background-tertiary px-3 py-2 border border-border-secondary\">\n              <code className=\"text-sm text-text-primary flex-1 truncate\">\n                {settings.webhookUrlFormat}\n              </code>\n              <CopyButton\n                value={settings.webhookUrlFormat}\n                label={tr(\n                  \"fluidgrids.settings.api.webhookUrlCopyLabel\",\n                  \"Webhook URL\",\n                )}\n              />\n            </div>\n          </CardHeader>\n        </Card>\n\n        {/* Example cURL */}\n        <Card className=\"border border-border-secondary bg-background-secondary\">\n          <CardHeader className=\"pb-3\">\n            <div className=\"flex items-center gap-2 mb-2\">\n              <Icon\n                icon=\"mdi:console\"\n                width={20}\n                className=\"text-text-secondary\"\n              />\n              <h3 className=\"text-sm font-semibold text-text-primary\">\n                {tr(\n                  \"fluidgrids.settings.api.curlExampleTitle\",\n                  \"Example: Trigger via cURL\",\n                )}\n              </h3>\n            </div>\n            <div className=\"relative rounded-lg bg-background-tertiary px-3 py-2 border border-border-secondary\">\n              <pre className=\"text-xs text-text-primary overflow-x-auto whitespace-pre-wrap\">\n                {`curl -X POST \"${settings.webhookUrlFormat}\" \\\\\n  -H \"Content-Type: application/json\" \\\\\n  -H \"Authorization: Bearer <token>\" \\\\\n  -d '{\"input\": {}}'`}\n              </pre>\n              <div className=\"absolute top-2 right-2\">\n                <CopyButton\n                  value={`curl -X POST \"${settings.webhookUrlFormat}\" \\\\\\n  -H \"Content-Type: application/json\" \\\\\\n  -H \"Authorization: Bearer <token>\" \\\\\\n  -d '{\"input\": {}}'`}\n                  label={tr(\n                    \"fluidgrids.settings.api.curlCopyLabel\",\n                    \"cURL command\",\n                  )}\n                />\n              </div>\n            </div>\n          </CardHeader>\n        </Card>\n      </div>\n    </div>\n  );\n}\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\nexport function SettingsPage() {\n  const tr = useTr();\n  const navigate = useNavigate();\n  const [activeTab, setActiveTab] = useState(\"general\");\n\n  return (\n    <div className=\"p-4 sm:p-6 bg-background-primary min-h-screen\">\n      {/* Header */}\n      <div className=\"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-6\">\n        <div>\n          <h1 className=\"text-2xl sm:text-3xl font-bold text-text-primary\">\n            {tr(\"fluidgrids.settings.page.title\", \"Settings\")}\n          </h1>\n          <p className=\"text-text-secondary mt-1\">\n            {tr(\n              \"fluidgrids.settings.page.subtitle\",\n              \"Configure workflow execution and notification preferences\",\n            )}\n          </p>\n        </div>\n        <Button variant=\"outline\" onClick={() => navigate(\"../list\")}>\n          <Icon icon=\"mdi:arrow-left\" className=\"mr-2\" width={16} />\n          {tr(\"fluidgrids.settings.page.backToWorkflows\", \"Back to Workflows\")}\n        </Button>\n      </div>\n\n      {/* Tabs */}\n      <Tabs value={activeTab} onValueChange={setActiveTab} className=\"w-full\">\n        <TabsList className=\"bg-background-secondary border border-border-secondary mb-6\">\n          <TabsTrigger value=\"general\" className=\"gap-1.5\">\n            <Icon icon=\"mdi:cog\" width={16} />\n            {tr(\"fluidgrids.settings.page.generalTab\", \"General\")}\n          </TabsTrigger>\n          <TabsTrigger value=\"execution\" className=\"gap-1.5\">\n            <Icon icon=\"mdi:play-circle\" width={16} />\n            {tr(\"fluidgrids.settings.page.executionTab\", \"Execution\")}\n          </TabsTrigger>\n          <TabsTrigger value=\"notifications\" className=\"gap-1.5\">\n            <Icon icon=\"mdi:bell-outline\" width={16} />\n            {tr(\"fluidgrids.settings.page.notificationsTab\", \"Notifications\")}\n          </TabsTrigger>\n          <TabsTrigger value=\"api\" className=\"gap-1.5\">\n            <Icon icon=\"mdi:api\" width={16} />\n            {tr(\"fluidgrids.settings.page.apiTab\", \"API\")}\n          </TabsTrigger>\n        </TabsList>\n\n        <TabsContent value=\"general\">\n          <GeneralTab />\n        </TabsContent>\n        <TabsContent value=\"execution\">\n          <ExecutionTab />\n        </TabsContent>\n        <TabsContent value=\"notifications\">\n          <NotificationsTab />\n        </TabsContent>\n        <TabsContent value=\"api\">\n          <ApiTab />\n        </TabsContent>\n      </Tabs>\n    </div>\n  );\n}\n"]}

package/dist/{chunk-6PNRM3KQ.js → chunk-AE7FZRTH.js}

@@ -1,6 +1,7 @@
-import { ExecutionDetailDocument, ExecutionStatsDocument, throwIfResultError, PauseExecutionDocument, ResumeExecutionDocument, CancelExecutionDocument, RetryNodeDocument, TerminateExecutionDocument, ExecutionsListDocument } from './chunk-V5UEEB74.js';
+import { throwIfResultError } from './chunk-LMO5ASOE.js';
+import { ExecutionDetailDocument, ExecutionStatsDocument, PauseExecutionDocument, ResumeExecutionDocument, CancelExecutionDocument, RetryNodeDocument, TerminateExecutionDocument, ExecutionsListDocument } from './chunk-WO3AHQVD.js';
 import { getFluidGridsClient } from './chunk-5BDQNSP3.js';
-import { useTr } from './chunk-7VNIEIR6.js';
+import { useTr } from './chunk-7YWBH2A5.js';
 import { Icon } from '@iconify/react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { create } from 'zustand';
@@ -2814,5 +2815,5 @@ function useAutoRefresh(refetchFn, enabled = true, interval = 5e3) {
 }
 
 export { ExecutionCards, ExecutionFilters, ExecutionStats, ExecutionStatusBadge, ExecutionTable, ExecutionTimeline, NodeTimeline, Pagination, RunLogViewer, buildNodeDisplayMap, formatRunVersion, useAutoRefresh, useExecution, useExecutionActions, useExecutionStats, useExecutionsStore, useExecutionsWithStore };
-//# sourceMappingURL=chunk-6PNRM3KQ.js.map
-//# sourceMappingURL=chunk-6PNRM3KQ.js.map
+//# sourceMappingURL=chunk-AE7FZRTH.js.map
+//# sourceMappingURL=chunk-AE7FZRTH.js.map