@burdenoff/fluidgrids-fe-sdk 2026.804.1 → 2026.804.2

package/dist/index.js

@@ -1,18 +1,18 @@
 export { Label } from './chunk-6QCBKN3P.js';
-import { FluidGridsProvider, useImportWorkflowTemplate, FlowBuilderPage, useWorkflowTemplates, TemplateCard, Card } from './chunk-CN3VSAYR.js';
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ConfigSchemaForm, ConnectionFormDialog, ConnectionSelector, EntityTagPicker, FluidGridsProvider, ProviderPicker, WorkflowBuilder as WorkflowBuilderPage, getProviderForm, listCustomBlocks, refetchStoreNodes, registerCustomBlock, resolveUiSpec, stripSubmitActions, useConnection, useConnectionDialog, useConnections, useConnectionsByProvider, useCreateConnection, useFluidGridsContext, useInitiateOAuth, useNodeExecution, useProviderByKey, useProviderCatalog, useProviders } from './chunk-CN3VSAYR.js';
+import { FluidGridsProvider, useImportWorkflowTemplate, FlowBuilderPage, useWorkflowTemplates, TemplateCard, Card } from './chunk-WQ4QNHDN.js';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ConfigSchemaForm, ConnectionFormDialog, ConnectionSelector, EntityTagPicker, FluidGridsProvider, ProviderPicker, WorkflowBuilder as WorkflowBuilderPage, getProviderForm, listCustomBlocks, refetchStoreNodes, registerCustomBlock, resolveUiSpec, stripSubmitActions, useConnection, useConnectionDialog, useConnections, useConnectionsByProvider, useCreateConnection, useFluidGridsContext, useInitiateOAuth, useNodeExecution, useProviderByKey, useProviderCatalog, useProviders } from './chunk-WQ4QNHDN.js';
 import { Input as Input$1 } from './chunk-P5PKRQAO.js';
 export { Input } from './chunk-P5PKRQAO.js';
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './chunk-BRMURCHH.js';
-export { ExecutionsListPage } from './chunk-CQAHXNT2.js';
-export { ExecutionDetailPage } from './chunk-F5ACDIYR.js';
-import './chunk-WAVGHDYH.js';
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './chunk-OHGXRM6Z.js';
+export { ExecutionsListPage } from './chunk-SG7Z2IRQ.js';
+export { ExecutionDetailPage } from './chunk-IWKLEFC7.js';
+import './chunk-6PNRM3KQ.js';
 import { createGlobalStoreClient } from './chunk-BQXHJIER.js';
 export { createGlobalStoreClient, getGlobalStoreClient, resetGlobalStoreClient, setGlobalStoreClient } from './chunk-BQXHJIER.js';
 import './chunk-PNOA7CQV.js';
-export { WorkflowsList } from './chunk-S7FNNFPU.js';
-import { QuotaExhaustedDialog, useFlowStore } from './chunk-JPHK5LAL.js';
-export { FLUIDGRIDS_ENTITY_TYPES, tagLabel, useAvailableTags, useCreateTag, useDraftEntityTags, useEntityTags, useFlowStore, useReplaceEntityTags, useSearchTags, useTagEntity, useUntagEntity } from './chunk-JPHK5LAL.js';
+export { WorkflowsList } from './chunk-YJKZSUNC.js';
+import { QuotaExhaustedDialog, useFlowStore } from './chunk-Y36DJHU3.js';
+export { FLUIDGRIDS_ENTITY_TYPES, tagLabel, useAvailableTags, useCreateTag, useDraftEntityTags, useEntityTags, useFlowStore, useReplaceEntityTags, useSearchTags, useTagEntity, useUntagEntity } from './chunk-Y36DJHU3.js';
 import { useWorkflowDefinition, useWorkflowDefinitions, useDuplicateWorkflow } from './chunk-MH4AHYK3.js';
 export { useActivateWorkflow, useCreateWorkflow, useCreateWorkflowVersion, useDashboardSummary, useDeactivateWorkflow, useDeleteWorkflow, useDuplicateWorkflow, useLazyWorkflowDefinition, useRestoreWorkflowVersion, useTriggerWorkflow, useUpdateWorkflow, useWorkflowDefinition, useWorkflowDefinitions, useWorkflowRun, useWorkflowRuns, useWorkflowVersions } from './chunk-MH4AHYK3.js';
 export { ALLOW_ALL_PERMISSIONS, FLUIDGRIDS_PERMISSIONS, FluidGridsPermissionsProvider, SdkPermissionButton, SdkPermissionGate, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, evaluatePermissionCheck, useFluidGridsPermission } from './chunk-UIY2HBWA.js';
@@ -27,6 +27,8 @@ import { Button as Button$1 } from './chunk-DBOMRIP5.js';
 export { Badge, Button, badgeVariants, buttonVariants } from './chunk-DBOMRIP5.js';
 import { cn } from './chunk-3ZYUGTIT.js';
 export { cn } from './chunk-3ZYUGTIT.js';
+import { useTr } from './chunk-7VNIEIR6.js';
+export { ENGLISH_FALLBACK_TRANSLATOR, FluidGridsTranslationProvider, useTr } from './chunk-7VNIEIR6.js';
 import * as React4 from 'react';
 import { lazy, Suspense, useState, useEffect, useMemo, useCallback, useRef } from 'react';
 import { Routes, Route, Navigate, useParams, useNavigate } from 'react-router';
@@ -55,20 +57,20 @@ import * as SwitchPrimitives from '@radix-ui/react-switch';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 
 var WorkflowsList2 = lazy(
-  () => import('./WorkflowsList-L7EJW54K.js').then((m) => ({ default: m.WorkflowsList }))
+  () => import('./WorkflowsList-TZAN3YBA.js').then((m) => ({ default: m.WorkflowsList }))
 );
 var WorkflowBuilder2 = lazy(
-  () => import('./WorkflowBuilder-42S2S3PO.js').then((m) => ({
+  () => import('./WorkflowBuilder-ETVB66U6.js').then((m) => ({
     default: m.WorkflowBuilder
   }))
 );
 var ExecutionsListPage2 = lazy(
-  () => import('./ExecutionsListPage-IZJPACQV.js').then((m) => ({
+  () => import('./ExecutionsListPage-NKISRFMA.js').then((m) => ({
     default: m.ExecutionsListPage
   }))
 );
 var ExecutionDetailPage2 = lazy(
-  () => import('./ExecutionDetailPage-FCY3S336.js').then((m) => ({
+  () => import('./ExecutionDetailPage-FF2DYKAZ.js').then((m) => ({
     default: m.ExecutionDetailPage
   }))
 );
@@ -173,20 +175,26 @@ function getNodeColor(type) {
   return NODE_COLORS[type] ?? NODE_COLORS.default;
 }
 function TriggerNode({ data }) {
+  const tr = useTr();
   const label = data.label;
   return /* @__PURE__ */ jsxs("div", { style: { ...baseNodeStyle, background: getNodeColor("trigger:api") }, children: [
-    label || "API Trigger",
+    label || tr(
+      "fluidgrids.components.workflowBuilderCore.triggerNodeLabel",
+      "API Trigger"
+    ),
     /* @__PURE__ */ jsx(Handle, { type: "source", position: Position.Bottom, style: handleStyle })
   ] });
 }
 function EndNode({ data }) {
+  const tr = useTr();
   const label = data.label;
   return /* @__PURE__ */ jsxs("div", { style: { ...baseNodeStyle, background: getNodeColor("end") }, children: [
     /* @__PURE__ */ jsx(Handle, { type: "target", position: Position.Top, style: handleStyle }),
-    label || "End"
+    label || tr("fluidgrids.components.workflowBuilderCore.endNodeLabel", "End")
   ] });
 }
 function ActionNode({ data, type }) {
+  const tr = useTr();
   const label = data.label;
   const color = getNodeColor(type || "default");
   return /* @__PURE__ */ jsxs(
@@ -200,7 +208,10 @@ function ActionNode({ data, type }) {
       },
       children: [
         /* @__PURE__ */ jsx(Handle, { type: "target", position: Position.Top, style: handleStyle }),
-        label || "Action",
+        label || tr(
+          "fluidgrids.components.workflowBuilderCore.actionNodeLabel",
+          "Action"
+        ),
         /* @__PURE__ */ jsx(Handle, { type: "source", position: Position.Bottom, style: handleStyle })
       ]
     }
@@ -236,6 +247,7 @@ function FlowBuilderInner({
   className
 }) {
   const reactFlowInstance = useReactFlow();
+  const tr = useTr();
   const setWorkflow = useFlowStore((s) => s.actions.setWorkflow);
   const resetWorkflow = useFlowStore((s) => s.actions.resetWorkflow);
   const deleteNode = useFlowStore((s) => s.actions.nodes.deleteNode);
@@ -368,7 +380,10 @@ function FlowBuilderInner({
                 className: "font-semibold max-w-[300px]",
                 value: workflowName,
                 onChange: handleNameChange,
-                placeholder: "Workflow Name",
+                placeholder: tr(
+                  "fluidgrids.components.workflowBuilderCore.workflowNamePlaceholder",
+                  "Workflow Name"
+                ),
                 disabled: readonly
               }
             )
@@ -376,11 +391,11 @@ function FlowBuilderInner({
           !readonly && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ jsxs(Button$1, { variant: "outline", size: "sm", onClick: handleSave, children: [
               /* @__PURE__ */ jsx(Save, { className: "size-4 mr-1" }),
-              "Save"
+              tr("fluidgrids.components.workflowBuilderCore.save", "Save")
             ] }),
             /* @__PURE__ */ jsxs(Button$1, { size: "sm", onClick: handleExecute, children: [
               /* @__PURE__ */ jsx(Play, { className: "size-4 mr-1" }),
-              "Run"
+              tr("fluidgrids.components.workflowBuilderCore.run", "Run")
             ] })
           ] })
         ] }),
@@ -412,14 +427,23 @@ function FlowBuilderInner({
             }
           ) }),
           !hideSidebar && !readonly && /* @__PURE__ */ jsxs("div", { className: "w-60 shrink-0 border-l bg-card overflow-y-auto", children: [
-            /* @__PURE__ */ jsx("div", { className: "p-4 border-b", children: /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold", children: "Node Properties" }) }),
+            /* @__PURE__ */ jsx("div", { className: "p-4 border-b", children: /* @__PURE__ */ jsx("div", { className: "text-sm font-semibold", children: tr(
+              "fluidgrids.components.workflowBuilderCore.nodePropertiesHeading",
+              "Node Properties"
+            ) }) }),
             selectedNode ? /* @__PURE__ */ jsxs("div", { className: "p-4 space-y-4", children: [
               /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium text-muted-foreground mb-1", children: "Node ID" }),
+                /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium text-muted-foreground mb-1", children: tr(
+                  "fluidgrids.components.workflowBuilderCore.nodeIdLabel",
+                  "Node ID"
+                ) }),
                 /* @__PURE__ */ jsx("code", { className: "block text-xs bg-muted px-2 py-1 rounded font-mono break-all", children: selectedNode.id })
               ] }),
               /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium text-muted-foreground mb-1", children: "Type" }),
+                /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium text-muted-foreground mb-1", children: tr(
+                  "fluidgrids.components.workflowBuilderCore.nodeTypeLabel",
+                  "Type"
+                ) }),
                 /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
                   /* @__PURE__ */ jsx(
                     "span",
@@ -436,19 +460,28 @@ function FlowBuilderInner({
                 ] })
               ] }),
               /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium text-muted-foreground mb-1", children: "Label" }),
+                /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium text-muted-foreground mb-1", children: tr(
+                  "fluidgrids.components.workflowBuilderCore.nodeLabelLabel",
+                  "Label"
+                ) }),
                 /* @__PURE__ */ jsx(
                   Input$1,
                   {
                     value: selectedNode.data?.label ?? "",
                     onChange: (e) => handleSelectedNodeLabelChange(e.target.value),
                     className: "text-sm",
-                    placeholder: "Node label"
+                    placeholder: tr(
+                      "fluidgrids.components.workflowBuilderCore.nodeLabelPlaceholder",
+                      "Node label"
+                    )
                   }
                 )
               ] }),
               /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium text-muted-foreground mb-1", children: "Position" }),
+                /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium text-muted-foreground mb-1", children: tr(
+                  "fluidgrids.components.workflowBuilderCore.positionLabel",
+                  "Position"
+                ) }),
                 /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2 text-xs text-muted-foreground", children: [
                   /* @__PURE__ */ jsxs("div", { children: [
                     "X:",
@@ -463,7 +496,10 @@ function FlowBuilderInner({
                 ] })
               ] }),
               /* @__PURE__ */ jsxs("div", { children: [
-                /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium text-muted-foreground mb-1", children: "Connections" }),
+                /* @__PURE__ */ jsx("label", { className: "block text-xs font-medium text-muted-foreground mb-1", children: tr(
+                  "fluidgrids.components.workflowBuilderCore.connectionsLabel",
+                  "Connections"
+                ) }),
                 /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: (() => {
                   const inbound = edges.filter(
                     (e) => e.target === selectedNode.id
@@ -488,19 +524,34 @@ function FlowBuilderInner({
                   onClick: handleDeleteSelectedNode,
                   children: [
                     /* @__PURE__ */ jsx(Trash2, { className: "size-4 mr-1" }),
-                    "Delete Node"
+                    tr(
+                      "fluidgrids.components.workflowBuilderCore.deleteNode",
+                      "Delete Node"
+                    )
                   ]
                 }
               ) })
             ] }) : /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
-              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Click a node on the canvas to view and edit its properties." }),
-              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-2", children: "Drag nodes from the palette on the left to add them to the workflow." })
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: tr(
+                "fluidgrids.components.workflowBuilderCore.noSelectionHint",
+                "Click a node on the canvas to view and edit its properties."
+              ) }),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground mt-2", children: tr(
+                "fluidgrids.components.workflowBuilderCore.dragPaletteHint",
+                "Drag nodes from the palette on the left to add them to the workflow."
+              ) })
             ] })
           ] })
         ] }),
         !hideLogsPanel && /* @__PURE__ */ jsxs("div", { className: "h-32 border-t bg-card p-2", children: [
-          /* @__PURE__ */ jsx("div", { className: "text-sm font-medium mb-2", children: "Execution Logs" }),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: "Execution logs will appear here when you run the workflow" })
+          /* @__PURE__ */ jsx("div", { className: "text-sm font-medium mb-2", children: tr(
+            "fluidgrids.components.workflowBuilderCore.executionLogsHeading",
+            "Execution Logs"
+          ) }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: tr(
+            "fluidgrids.components.workflowBuilderCore.executionLogsEmpty",
+            "Execution logs will appear here when you run the workflow"
+          ) })
         ] })
       ]
     }
@@ -597,6 +648,7 @@ function extractTemplateGraph(content) {
 function TemplatePreview() {
   const { productId } = useParams();
   const navigate = useNavigate();
+  const tr = useTr();
   const { getTemplateDetail, parseTemplateContent, importTemplate } = useImportWorkflowTemplate();
   const [workflow, setWorkflow] = useState(null);
   const [template, setTemplate] = useState(null);
@@ -612,7 +664,12 @@ function TemplatePreview() {
     let mounted = true;
     const load = async () => {
       if (!productId) {
-        setError("No template specified.");
+        setError(
+          tr(
+            "fluidgrids.pages.templatePreview.errorNoTemplateSpecified",
+            "No template specified."
+          )
+        );
         setLoading(false);
         return;
       }
@@ -620,7 +677,12 @@ function TemplatePreview() {
         const full = await getTemplateDetail(productId);
         if (!full) {
           if (mounted) {
-            setError("Failed to load template.");
+            setError(
+              tr(
+                "fluidgrids.pages.templatePreview.errorLoadFailed",
+                "Failed to load template."
+              )
+            );
             setLoading(false);
           }
           return;
@@ -631,7 +693,12 @@ function TemplatePreview() {
         const edges = graph?.edges ?? [];
         if (!nodes.length) {
           if (mounted) {
-            setError("This template has no workflow to preview.");
+            setError(
+              tr(
+                "fluidgrids.pages.templatePreview.errorNoWorkflow",
+                "This template has no workflow to preview."
+              )
+            );
             setLoading(false);
           }
           return;
@@ -642,7 +709,10 @@ function TemplatePreview() {
             id: productId,
             workflowKey: productId,
             version: "preview",
-            name: full.name ?? "Template",
+            name: full.name ?? tr(
+              "fluidgrids.pages.templatePreview.fallbackTemplateName",
+              "Template"
+            ),
             nodes,
             edges,
             sidebar: {
@@ -654,7 +724,12 @@ function TemplatePreview() {
         }
       } catch (e) {
         if (mounted) {
-          setError(e instanceof Error ? e.message : "Failed to load template.");
+          setError(
+            e instanceof Error ? e.message : tr(
+              "fluidgrids.pages.templatePreview.errorLoadFailed",
+              "Failed to load template."
+            )
+          );
           setLoading(false);
         }
       }
@@ -663,31 +738,58 @@ function TemplatePreview() {
     return () => {
       mounted = false;
     };
-  }, [productId, getTemplateDetail, parseTemplateContent]);
+  }, [productId, getTemplateDetail, parseTemplateContent, tr]);
   const handleUse = async () => {
     if (!template) return;
     setImporting(true);
-    toast.loading("Importing template...", { id: "tpl-preview-import" });
+    toast.loading(
+      tr(
+        "fluidgrids.pages.templatePreview.importingToast",
+        "Importing template..."
+      ),
+      { id: "tpl-preview-import" }
+    );
     try {
       const result = await importTemplate(template);
       toast.dismiss("tpl-preview-import");
       if (result.success && result.workflow) {
-        toast.success("Workflow created from template!", {
-          description: `"${result.workflow.name}" is ready to edit`
-        });
+        toast.success(
+          tr(
+            "fluidgrids.pages.templatePreview.importSuccessToast",
+            "Workflow created from template!"
+          ),
+          {
+            description: `"${result.workflow.name}" is ready to edit`
+          }
+        );
         navigate(
           `${workflowsBase}/workflow/${result.workflow.workflowKey}/${result.workflow.version}`
         );
       } else if (isQuotaExhaustedError(result.error?.cause ?? result.error)) {
         setShowQuotaExhausted(true);
       } else {
-        toast.error("Failed to use template", { description: result.message });
+        toast.error(
+          tr(
+            "fluidgrids.pages.templatePreview.importErrorToast",
+            "Failed to use template"
+          ),
+          { description: result.message }
+        );
       }
     } catch (e) {
       toast.dismiss("tpl-preview-import");
-      toast.error("Something went wrong", {
-        description: e instanceof Error ? e.message : "Failed to import template"
-      });
+      toast.error(
+        tr(
+          "fluidgrids.pages.templatePreview.genericErrorToast",
+          "Something went wrong"
+        ),
+        {
+          description: e instanceof Error ? e.message : tr(
+            "fluidgrids.pages.templatePreview.importErrorDescription",
+            "Failed to import template"
+          )
+        }
+      );
     } finally {
       setImporting(false);
     }
@@ -702,15 +804,24 @@ function TemplatePreview() {
             {
               type: "button",
               onClick: backToTemplates,
-              title: "Back to templates",
+              title: tr(
+                "fluidgrids.pages.templatePreview.backTooltip",
+                "Back to templates"
+              ),
               className: "flex size-9 shrink-0 items-center justify-center rounded-md text-card-foreground transition-colors hover:bg-card-foreground/10",
               children: /* @__PURE__ */ jsx(Icon, { icon: "ion:arrow-back-outline", className: "size-5" })
             }
           ),
           /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-semibold text-card-foreground", children: workflow?.name ?? template?.name ?? "Template preview" }),
-              /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded-full bg-card-foreground/10 px-2 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: "Preview \xB7 read-only" })
+              /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-semibold text-card-foreground", children: workflow?.name ?? template?.name ?? tr(
+                "fluidgrids.pages.templatePreview.fallbackHeaderTitle",
+                "Template preview"
+              ) }),
+              /* @__PURE__ */ jsx("span", { className: "shrink-0 rounded-full bg-card-foreground/10 px-2 py-0.5 text-[10px] font-medium uppercase tracking-wide text-muted-foreground", children: tr(
+                "fluidgrids.pages.templatePreview.readOnlyBadge",
+                "Preview \xB7 read-only"
+              ) })
             ] }),
             template?.description ? /* @__PURE__ */ jsx("span", { className: "block truncate text-xs text-muted-foreground", children: template.description }) : null
           ] })
@@ -729,7 +840,10 @@ function TemplatePreview() {
                   className: "size-4"
                 }
               ),
-              "Use this template"
+              tr(
+                "fluidgrids.pages.templatePreview.useThisTemplate",
+                "Use this template"
+              )
             ]
           }
         )
@@ -738,12 +852,21 @@ function TemplatePreview() {
         ErrorBoundary,
         {
           fallback: () => /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-3 p-8 text-center", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Something went wrong rendering this template preview." }),
-            /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: backToTemplates, children: "Back to templates" })
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: tr(
+              "fluidgrids.pages.templatePreview.renderErrorMessage",
+              "Something went wrong rendering this template preview."
+            ) }),
+            /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: backToTemplates, children: tr(
+              "fluidgrids.pages.templatePreview.backToTemplates",
+              "Back to templates"
+            ) })
           ] }),
           children: loading ? /* @__PURE__ */ jsxs("div", { className: "flex h-full items-center justify-center gap-2 text-sm text-muted-foreground", children: [
             /* @__PURE__ */ jsx(Icon, { icon: "svg-spinners:ring-resize", className: "size-4" }),
-            "Loading preview\u2026"
+            tr(
+              "fluidgrids.pages.templatePreview.loadingPreview",
+              "Loading preview\u2026"
+            )
           ] }) : error ? /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-3 p-8 text-center", children: [
             /* @__PURE__ */ jsx(
               Icon,
@@ -753,7 +876,10 @@ function TemplatePreview() {
               }
             ),
             /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: error }),
-            /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: backToTemplates, children: "Back to templates" })
+            /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: backToTemplates, children: tr(
+              "fluidgrids.pages.templatePreview.backToTemplates",
+              "Back to templates"
+            ) })
           ] }) : workflow ? /* @__PURE__ */ jsx(FlowBuilderPage, { workflow, readOnly: true }) : null
         }
       ) })
@@ -991,20 +1117,28 @@ function HistoryTableSkeleton() {
   )) });
 }
 function EmptyState() {
+  const tr = useTr();
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-20 text-center", children: [
     /* @__PURE__ */ jsx("div", { className: "rounded-full bg-background-secondary p-4 mb-4", children: /* @__PURE__ */ jsx(Icon, { icon: "mdi:history", width: 40, className: "text-text-secondary" }) }),
-    /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-text-primary mb-2", children: "No version history" }),
-    /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary max-w-md", children: "Version history will appear here once you create and update workflows." })
+    /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-text-primary mb-2", children: tr("fluidgrids.history.historyPage.emptyTitle", "No version history") }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary max-w-md", children: tr(
+      "fluidgrids.history.historyPage.emptyHint",
+      "Version history will appear here once you create and update workflows."
+    ) })
   ] });
 }
 function ErrorState({
   message,
   onRetry
 }) {
+  const tr = useTr();
   return /* @__PURE__ */ jsxs("div", { className: "p-4 bg-[var(--color-status-error-bg-subtle)] border border-[var(--color-status-error-border)] rounded-lg", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-[var(--color-status-error-text)]", children: [
       /* @__PURE__ */ jsx(Icon, { icon: "mdi:alert-circle", width: 20 }),
-      /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Error loading history" })
+      /* @__PURE__ */ jsx("span", { className: "font-medium", children: tr(
+        "fluidgrids.history.historyPage.errorHeading",
+        "Error loading history"
+      ) })
     ] }),
     /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-[var(--color-status-error-text)]", children: message }),
     /* @__PURE__ */ jsx(
@@ -1014,7 +1148,7 @@ function ErrorState({
         size: "sm",
         onClick: onRetry,
         className: "mt-3 border-[var(--color-status-error-border)] text-[var(--color-status-error-text)] hover:bg-[var(--color-status-error-bg-subtle)]",
-        children: "Retry"
+        children: tr("fluidgrids.history.historyPage.errorRetry", "Retry")
       }
     )
   ] });
@@ -1036,6 +1170,7 @@ function StatCard({
   ] });
 }
 function HistoryPage() {
+  const tr = useTr();
   const navigate = useNavigate();
   const [search, setSearch] = useState("");
   const [workflowFilter, setWorkflowFilter] = useState("all");
@@ -1124,17 +1259,23 @@ function HistoryPage() {
   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: "Version History" }),
-        /* @__PURE__ */ jsx("p", { className: "text-text-secondary mt-1", children: "Track changes and versions across all workflows" })
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl sm:text-3xl font-bold text-text-primary", children: tr("fluidgrids.history.historyPage.title", "Version History") }),
+        /* @__PURE__ */ jsx("p", { className: "text-text-secondary mt-1", children: tr(
+          "fluidgrids.history.historyPage.subtitle",
+          "Track changes and versions across all workflows"
+        ) })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: () => refetch(), children: [
           /* @__PURE__ */ jsx(Icon, { icon: "mdi:refresh", className: "mr-2", width: 16 }),
-          "Refresh"
+          tr("fluidgrids.history.historyPage.refreshButton", "Refresh")
         ] }),
         /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: () => navigate("../list"), children: [
           /* @__PURE__ */ jsx(Icon, { icon: "mdi:arrow-left", className: "mr-2", width: 16 }),
-          "Back to Workflows"
+          tr(
+            "fluidgrids.history.historyPage.backToWorkflowsButton",
+            "Back to Workflows"
+          )
         ] })
       ] })
     ] }),
@@ -1151,7 +1292,10 @@ function HistoryPage() {
         /* @__PURE__ */ jsx(
           Input,
           {
-            placeholder: "Search by name, version, key, or author...",
+            placeholder: tr(
+              "fluidgrids.history.historyPage.searchPlaceholder",
+              "Search by name, version, key, or author..."
+            ),
             value: search,
             onChange: (e) => {
               setSearch(e.target.value);
@@ -1170,9 +1314,20 @@ function HistoryPage() {
             setPage(0);
           },
           children: [
-            /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[220px] bg-background-secondary border-border-secondary", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "All Workflows" }) }),
+            /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[220px] bg-background-secondary border-border-secondary", children: /* @__PURE__ */ jsx(
+              SelectValue,
+              {
+                placeholder: tr(
+                  "fluidgrids.history.historyPage.workflowFilterPlaceholder",
+                  "All Workflows"
+                )
+              }
+            ) }),
             /* @__PURE__ */ jsxs(SelectContent, { children: [
-              /* @__PURE__ */ jsx(SelectItem, { value: "all", children: "All Workflows" }),
+              /* @__PURE__ */ jsx(SelectItem, { value: "all", children: tr(
+                "fluidgrids.history.historyPage.workflowFilterAllOption",
+                "All Workflows"
+              ) }),
               distinctWorkflows.map((w) => /* @__PURE__ */ jsx(SelectItem, { value: w.workflowKey, children: w.name }, w.workflowKey))
             ] })
           ]
@@ -1180,12 +1335,30 @@ function HistoryPage() {
       )
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 sm:grid-cols-5 gap-3 mb-6", children: [
-      /* @__PURE__ */ jsx(StatCard, { label: "Total Versions", value: total || allRows.length }),
-      /* @__PURE__ */ jsx(StatCard, { label: "Workflows", value: distinctWorkflows.length }),
       /* @__PURE__ */ jsx(
         StatCard,
         {
-          label: "Active",
+          label: tr(
+            "fluidgrids.history.historyPage.statTotalVersions",
+            "Total Versions"
+          ),
+          value: total || allRows.length
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        StatCard,
+        {
+          label: tr(
+            "fluidgrids.history.historyPage.statWorkflows",
+            "Workflows"
+          ),
+          value: distinctWorkflows.length
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        StatCard,
+        {
+          label: tr("fluidgrids.history.historyPage.statActive", "Active"),
           value: countByStatus("ACTIVE"),
           valueClassName: "text-[var(--color-status-success-text)]"
         }
@@ -1193,12 +1366,18 @@ function HistoryPage() {
       /* @__PURE__ */ jsx(
         StatCard,
         {
-          label: "Draft",
+          label: tr("fluidgrids.history.historyPage.statDraft", "Draft"),
           value: countByStatus("DRAFT"),
           valueClassName: "text-[var(--color-status-warning-text)]"
         }
       ),
-      /* @__PURE__ */ jsx(StatCard, { label: "Archived", value: countByStatus("ARCHIVED") })
+      /* @__PURE__ */ jsx(
+        StatCard,
+        {
+          label: tr("fluidgrids.history.historyPage.statArchived", "Archived"),
+          value: countByStatus("ARCHIVED")
+        }
+      )
     ] }),
     hasMore && /* @__PURE__ */ jsxs("p", { className: "text-xs text-text-secondary mb-4", children: [
       "Showing the ",
@@ -1210,12 +1389,27 @@ function HistoryPage() {
     error && /* @__PURE__ */ jsx("div", { className: "mb-6", children: /* @__PURE__ */ jsx(ErrorState, { message: error.message, onRetry: refetch }) }),
     loading ? /* @__PURE__ */ jsx(HistoryTableSkeleton, {}) : filteredRows.length === 0 ? /* @__PURE__ */ jsx(EmptyState, {}) : /* @__PURE__ */ jsx("div", { className: "overflow-x-auto rounded-lg border border-border-secondary", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
       /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b border-border-secondary bg-background-secondary", children: [
-        /* @__PURE__ */ jsx("th", { className: "text-left px-4 py-3 font-medium text-text-secondary", children: "Workflow Name" }),
-        /* @__PURE__ */ jsx("th", { className: "text-left px-4 py-3 font-medium text-text-secondary", children: "Version" }),
-        /* @__PURE__ */ jsx("th", { className: "text-left px-4 py-3 font-medium text-text-secondary", children: "Status" }),
-        /* @__PURE__ */ jsx("th", { className: "text-left px-4 py-3 font-medium text-text-secondary", children: "Changed By" }),
-        /* @__PURE__ */ jsx("th", { className: "text-left px-4 py-3 font-medium text-text-secondary", children: "Changed At" }),
-        /* @__PURE__ */ jsx("th", { className: "text-right px-4 py-3 font-medium text-text-secondary", children: "Actions" })
+        /* @__PURE__ */ jsx("th", { className: "text-left px-4 py-3 font-medium text-text-secondary", children: tr(
+          "fluidgrids.history.historyPage.columnWorkflowName",
+          "Workflow Name"
+        ) }),
+        /* @__PURE__ */ jsx("th", { className: "text-left px-4 py-3 font-medium text-text-secondary", children: tr(
+          "fluidgrids.history.historyPage.columnVersion",
+          "Version"
+        ) }),
+        /* @__PURE__ */ jsx("th", { className: "text-left px-4 py-3 font-medium text-text-secondary", children: tr("fluidgrids.history.historyPage.columnStatus", "Status") }),
+        /* @__PURE__ */ jsx("th", { className: "text-left px-4 py-3 font-medium text-text-secondary", children: tr(
+          "fluidgrids.history.historyPage.columnChangedBy",
+          "Changed By"
+        ) }),
+        /* @__PURE__ */ jsx("th", { className: "text-left px-4 py-3 font-medium text-text-secondary", children: tr(
+          "fluidgrids.history.historyPage.columnChangedAt",
+          "Changed At"
+        ) }),
+        /* @__PURE__ */ jsx("th", { className: "text-right px-4 py-3 font-medium text-text-secondary", children: tr(
+          "fluidgrids.history.historyPage.columnActions",
+          "Actions"
+        ) })
       ] }) }),
       /* @__PURE__ */ jsx("tbody", { children: paginatedRows.map((row) => {
         const statusStyle = STATUS_STYLES[row.status] ?? STATUS_STYLES.DRAFT;
@@ -1268,7 +1462,10 @@ function HistoryPage() {
                     children: /* @__PURE__ */ jsx(Icon, { icon: "mdi:open-in-new", width: 16 })
                   }
                 ) }),
-                /* @__PURE__ */ jsx(TooltipContent, { children: "Open in builder" })
+                /* @__PURE__ */ jsx(TooltipContent, { children: tr(
+                  "fluidgrids.history.historyPage.openInBuilderTooltip",
+                  "Open in builder"
+                ) })
               ] }) }) })
             ]
           },
@@ -1296,7 +1493,10 @@ function HistoryPage() {
             onClick: () => setPage((p) => p - 1),
             children: [
               /* @__PURE__ */ jsx(Icon, { icon: "mdi:chevron-left", width: 16 }),
-              "Previous"
+              tr(
+                "fluidgrids.history.historyPage.previousPageButton",
+                "Previous"
+              )
             ]
           }
         ),
@@ -1308,7 +1508,7 @@ function HistoryPage() {
             disabled: page >= totalPages - 1,
             onClick: () => setPage((p) => p + 1),
             children: [
-              "Next",
+              tr("fluidgrids.history.historyPage.nextPageButton", "Next"),
               /* @__PURE__ */ jsx(Icon, { icon: "mdi:chevron-right", width: 16 })
             ]
           }
@@ -5447,6 +5647,7 @@ function TemplateSkeleton() {
   return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx(Skeleton, { className: "h-52 rounded-lg bg-card-foreground/10" }, i)) });
 }
 function EmptyState2({ hasSearch }) {
+  const tr = useTr();
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-20 text-center", children: [
     /* @__PURE__ */ jsx("div", { className: "rounded-full bg-background-secondary p-4 mb-4", children: /* @__PURE__ */ jsx(
       Icon,
@@ -5456,18 +5657,34 @@ function EmptyState2({ hasSearch }) {
         className: "text-text-secondary"
       }
     ) }),
-    /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-text-primary mb-2", children: hasSearch ? "No matching templates" : "No templates available yet" }),
-    /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary max-w-md", children: hasSearch ? "Try adjusting your search or category filter." : "Published workflows will appear here as reusable templates." })
+    /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-text-primary mb-2", children: hasSearch ? tr(
+      "fluidgrids.templates.templatesPage.emptyStateSearchTitle",
+      "No matching templates"
+    ) : tr(
+      "fluidgrids.templates.templatesPage.emptyStateTitle",
+      "No templates available yet"
+    ) }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary max-w-md", children: hasSearch ? tr(
+      "fluidgrids.templates.templatesPage.emptyStateSearchHint",
+      "Try adjusting your search or category filter."
+    ) : tr(
+      "fluidgrids.templates.templatesPage.emptyStateHint",
+      "Published workflows will appear here as reusable templates."
+    ) })
   ] });
 }
 function ErrorState2({
   message,
   onRetry
 }) {
+  const tr = useTr();
   return /* @__PURE__ */ jsxs("div", { className: "p-4 bg-[var(--color-status-error-bg-subtle)] border border-[var(--color-status-error-border)] rounded-lg", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-[var(--color-status-error-text)]", children: [
       /* @__PURE__ */ jsx(Icon, { icon: "mdi:alert-circle", width: 20 }),
-      /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Error loading templates" })
+      /* @__PURE__ */ jsx("span", { className: "font-medium", children: tr(
+        "fluidgrids.templates.templatesPage.errorStateTitle",
+        "Error loading templates"
+      ) })
     ] }),
     /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-[var(--color-status-error-text)]", children: message }),
     /* @__PURE__ */ jsx(
@@ -5477,7 +5694,7 @@ function ErrorState2({
         size: "sm",
         onClick: onRetry,
         className: "mt-3 border-[var(--color-status-error-border)] text-[var(--color-status-error-text)] hover:bg-[var(--color-status-error-bg-subtle)]",
-        children: "Retry"
+        children: tr("fluidgrids.templates.templatesPage.errorStateRetry", "Retry")
       }
     )
   ] });
@@ -5488,7 +5705,8 @@ function WorkspaceTemplateCard({
   onUseTemplate,
   isLoading
 }) {
-  const categoryLabel = CATEGORIES.find((c) => c.value === category)?.label ?? "Workflow";
+  const tr = useTr();
+  const categoryLabel = CATEGORIES.find((c) => c.value === category)?.label ?? tr("fluidgrids.templates.templatesPage.cardDefaultCategory", "Workflow");
   const categoryColor = CATEGORY_COLORS[category] ?? "bg-zinc-500/15 text-zinc-400 border-zinc-500/30";
   return /* @__PURE__ */ jsxs(Card$1, { className: "group border border-border-secondary bg-background-secondary hover:border-border-primary transition-all duration-200 flex flex-col", children: [
     /* @__PURE__ */ jsxs(CardHeader, { className: "flex-1 pb-3", children: [
@@ -5504,7 +5722,10 @@ function WorkspaceTemplateCard({
         /* @__PURE__ */ jsx(Badge, { variant: "outline", className: categoryColor, children: categoryLabel })
       ] }),
       /* @__PURE__ */ jsx("h3", { className: "font-semibold text-text-primary text-base leading-tight mb-1.5 line-clamp-2", children: workflow.name }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary line-clamp-2 min-h-[2.5rem]", children: workflow.description || "No description provided." })
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary line-clamp-2 min-h-[2.5rem]", children: workflow.description || tr(
+        "fluidgrids.templates.templatesPage.cardNoDescription",
+        "No description provided."
+      ) })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "px-6 pb-5 pt-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
       /* @__PURE__ */ jsxs("span", { className: "text-xs text-text-secondary", children: [
@@ -5528,10 +5749,16 @@ function WorkspaceTemplateCard({
                 className: "mr-1.5 animate-spin"
               }
             ),
-            "Creating..."
+            tr(
+              "fluidgrids.templates.templatesPage.cardCreating",
+              "Creating..."
+            )
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
             /* @__PURE__ */ jsx(Icon, { icon: "mdi:plus", width: 14, className: "mr-1.5" }),
-            "Use Template"
+            tr(
+              "fluidgrids.templates.templatesPage.cardUseTemplate",
+              "Use Template"
+            )
           ] })
         }
       )
@@ -5540,6 +5767,7 @@ function WorkspaceTemplateCard({
 }
 function TemplatesPage() {
   const navigate = useNavigate();
+  const tr = useTr();
   const [search, setSearch] = useState("");
   const [activeCategory, setActiveCategory] = useState("all");
   const [duplicatingId, setDuplicatingId] = useState(null);
@@ -5608,13 +5836,21 @@ function TemplatesPage() {
           }
         );
         if (result?.success && result.workflow) {
-          toast.success("Workflow created from template");
+          toast.success(
+            tr(
+              "fluidgrids.templates.templatesPage.duplicateSuccessToast",
+              "Workflow created from template"
+            )
+          );
           navigate(
             `../workflow/${result.workflow.workflowKey}/${result.workflow.version}`
           );
         } else {
           toast.error(
-            result?.message ?? "Failed to create workflow from template"
+            result?.message ?? tr(
+              "fluidgrids.templates.templatesPage.duplicateErrorToast",
+              "Failed to create workflow from template"
+            )
           );
         }
       } catch (err) {
@@ -5622,66 +5858,120 @@ function TemplatesPage() {
         if (isQuotaExhaustedError(cause) || isQuotaExhaustedError(err)) {
           setShowQuotaExhausted(true);
         } else {
-          toast.error("Failed to create workflow from template");
+          toast.error(
+            tr(
+              "fluidgrids.templates.templatesPage.duplicateErrorToast",
+              "Failed to create workflow from template"
+            )
+          );
           console.error("[TemplatesPage] Error duplicating workflow:", err);
         }
       } finally {
         setDuplicatingId(null);
       }
     },
-    [duplicateWorkflow, navigate]
+    [duplicateWorkflow, navigate, tr]
   );
   const handleUseStoreTemplate = useCallback(
     async (template) => {
       try {
-        toast.loading("Loading template...", { id: "store-template-load" });
+        toast.loading(
+          tr(
+            "fluidgrids.templates.templatesPage.storeLoadingToast",
+            "Loading template..."
+          ),
+          { id: "store-template-load" }
+        );
         const fullTemplate = await getTemplateDetail(template.id);
         toast.dismiss("store-template-load");
         if (!fullTemplate) {
-          toast.error("Failed to load template details");
+          toast.error(
+            tr(
+              "fluidgrids.templates.templatesPage.storeLoadDetailErrorToast",
+              "Failed to load template details"
+            )
+          );
           return;
         }
         const content = parseTemplateContent(fullTemplate);
         if (!content) {
-          toast.error("Template does not contain valid workflow data");
+          toast.error(
+            tr(
+              "fluidgrids.templates.templatesPage.storeInvalidContentToast",
+              "Template does not contain valid workflow data"
+            )
+          );
           return;
         }
-        toast.loading("Importing template...", { id: "store-template-import" });
+        toast.loading(
+          tr(
+            "fluidgrids.templates.templatesPage.storeImportingToast",
+            "Importing template..."
+          ),
+          { id: "store-template-import" }
+        );
         const result = await importTemplate(fullTemplate);
         toast.dismiss("store-template-import");
         if (result.success && result.workflow) {
-          toast.success("Workflow created from store template!", {
-            description: `"${result.workflow.name}" is ready to edit`
-          });
+          toast.success(
+            tr(
+              "fluidgrids.templates.templatesPage.storeImportSuccessToast",
+              "Workflow created from store template!"
+            ),
+            {
+              description: `"${result.workflow.name}" is ready to edit`
+            }
+          );
           navigate(
             `../workflow/${result.workflow.workflowKey}/${result.workflow.version}`
           );
         } else if (isQuotaExhaustedError(result.error?.cause ?? result.error)) {
           setShowQuotaExhausted(true);
         } else {
-          toast.error("Failed to import template", {
-            description: result.message
-          });
+          toast.error(
+            tr(
+              "fluidgrids.templates.templatesPage.storeImportErrorToast",
+              "Failed to import template"
+            ),
+            {
+              description: result.message
+            }
+          );
         }
       } catch (err) {
         toast.dismiss("store-template-load");
         toast.dismiss("store-template-import");
-        toast.error("Something went wrong", {
-          description: err instanceof Error ? err.message : "Failed to process template"
-        });
+        toast.error(
+          tr(
+            "fluidgrids.templates.templatesPage.storeGenericErrorToast",
+            "Something went wrong"
+          ),
+          {
+            description: err instanceof Error ? err.message : tr(
+              "fluidgrids.templates.templatesPage.storeProcessErrorDescription",
+              "Failed to process template"
+            )
+          }
+        );
       }
     },
-    [getTemplateDetail, parseTemplateContent, importTemplate, navigate]
+    [getTemplateDetail, parseTemplateContent, importTemplate, navigate, tr]
   );
   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: "Templates" }),
-        /* @__PURE__ */ jsx("p", { className: "text-text-secondary mt-1", children: "Start quickly with pre-built workflow templates" })
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl sm:text-3xl font-bold text-text-primary", children: tr("fluidgrids.templates.templatesPage.heading", "Templates") }),
+        /* @__PURE__ */ jsx("p", { className: "text-text-secondary mt-1", children: tr(
+          "fluidgrids.templates.templatesPage.subheading",
+          "Start quickly with pre-built workflow templates"
+        ) })
       ] }),
       /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: () => navigate("../list"), children: [
         /* @__PURE__ */ jsx(Icon, { icon: "mdi:arrow-left", className: "mr-2", width: 16 }),
-        "Back to Workflows"
+        tr(
+          "fluidgrids.templates.templatesPage.backToWorkflows",
+          "Back to Workflows"
+        )
       ] })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex gap-1 p-1 bg-background-secondary rounded-lg w-fit mb-6", children: [
@@ -5692,7 +5982,7 @@ function TemplatesPage() {
           className: `px-4 py-2 rounded-md text-sm font-medium transition-colors ${activeSource === "store" ? "bg-background-primary text-text-primary shadow-sm" : "text-text-secondary hover:text-text-primary"}`,
           children: [
             /* @__PURE__ */ jsx(Icon, { icon: "mdi:store", className: "inline mr-1.5", width: 16 }),
-            "From Store",
+            tr("fluidgrids.templates.templatesPage.tabFromStore", "From Store"),
             storeTotalCount > 0 && /* @__PURE__ */ jsx("span", { className: "ml-1.5 text-xs bg-primary/10 text-primary px-1.5 py-0.5 rounded-full", children: storeTotalCount })
           ]
         }
@@ -5711,7 +6001,10 @@ function TemplatesPage() {
                 width: 16
               }
             ),
-            "My Templates"
+            tr(
+              "fluidgrids.templates.templatesPage.tabMyTemplates",
+              "My Templates"
+            )
           ]
         }
       )
@@ -5728,7 +6021,13 @@ function TemplatesPage() {
       /* @__PURE__ */ jsx(
         Input,
         {
-          placeholder: activeSource === "workspace" ? "Search workspace templates..." : "Search store templates...",
+          placeholder: activeSource === "workspace" ? tr(
+            "fluidgrids.templates.templatesPage.searchWorkspacePlaceholder",
+            "Search workspace templates..."
+          ) : tr(
+            "fluidgrids.templates.templatesPage.searchStorePlaceholder",
+            "Search store templates..."
+          ),
           value: search,
           onChange: (e) => setSearch(e.target.value),
           className: "pl-10 bg-background-secondary border-border-secondary"
@@ -5808,8 +6107,14 @@ function TemplatesPage() {
                   className: "mr-2 animate-spin"
                 }
               ),
-              "Loading..."
-            ] }) : "Load More Templates"
+              tr(
+                "fluidgrids.templates.templatesPage.loadingMore",
+                "Loading..."
+              )
+            ] }) : tr(
+              "fluidgrids.templates.templatesPage.loadMoreTemplates",
+              "Load More Templates"
+            )
           }
         ) })
       ] })
@@ -6061,6 +6366,7 @@ function NodesSkeleton() {
   return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4", children: Array.from({ length: 8 }).map((_, i) => /* @__PURE__ */ jsx(Skeleton, { className: "h-44 rounded-lg bg-card-foreground/10" }, i)) });
 }
 function EmptyState3({ hasFilters }) {
+  const tr = useTr();
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-20 text-center", children: [
     /* @__PURE__ */ jsx("div", { className: "rounded-full bg-background-secondary p-4 mb-4", children: /* @__PURE__ */ jsx(
       Icon,
@@ -6070,18 +6376,28 @@ function EmptyState3({ hasFilters }) {
         className: "text-text-secondary"
       }
     ) }),
-    /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-text-primary mb-2", children: hasFilters ? "No matching nodes" : "No nodes registered" }),
-    /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary max-w-md", children: hasFilters ? "Try adjusting your search or category filter." : "Node endpoint configurations will appear here once registered." })
+    /* @__PURE__ */ jsx("h3", { className: "text-lg font-semibold text-text-primary mb-2", children: hasFilters ? tr(
+      "fluidgrids.nodes.nodesPage.emptyTitleFiltered",
+      "No matching nodes"
+    ) : tr("fluidgrids.nodes.nodesPage.emptyTitle", "No nodes registered") }),
+    /* @__PURE__ */ jsx("p", { className: "text-sm text-text-secondary max-w-md", children: hasFilters ? tr(
+      "fluidgrids.nodes.nodesPage.emptyHintFiltered",
+      "Try adjusting your search or category filter."
+    ) : tr(
+      "fluidgrids.nodes.nodesPage.emptyHint",
+      "Node endpoint configurations will appear here once registered."
+    ) })
   ] });
 }
 function ErrorState3({
   message,
   onRetry
 }) {
+  const tr = useTr();
   return /* @__PURE__ */ jsxs("div", { className: "p-4 bg-[var(--color-status-error-bg-subtle)] border border-[var(--color-status-error-border)] rounded-lg", children: [
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-[var(--color-status-error-text)]", children: [
       /* @__PURE__ */ jsx(Icon, { icon: "mdi:alert-circle", width: 20 }),
-      /* @__PURE__ */ jsx("span", { className: "font-medium", children: "Error loading nodes" })
+      /* @__PURE__ */ jsx("span", { className: "font-medium", children: tr("fluidgrids.nodes.nodesPage.errorHeading", "Error loading nodes") })
     ] }),
     /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-[var(--color-status-error-text)]", children: message }),
     /* @__PURE__ */ jsx(
@@ -6091,15 +6407,16 @@ function ErrorState3({
         size: "sm",
         onClick: onRetry,
         className: "mt-3 border-[var(--color-status-error-border)] text-[var(--color-status-error-text)] hover:bg-[var(--color-status-error-bg-subtle)]",
-        children: "Retry"
+        children: tr("fluidgrids.nodes.nodesPage.errorRetry", "Retry")
       }
     )
   ] });
 }
 function NodeCard({ node, category }) {
+  const tr = useTr();
   const status = STATUS_STYLES2[node.status] ?? STATUS_STYLES2.AVAILABLE;
   const catColor = CATEGORY_COLORS2[category] ?? "bg-zinc-500/15 text-zinc-400 border-zinc-500/30";
-  const catLabel = NODE_CATEGORIES.find((c) => c.value === category)?.label ?? "Node";
+  const catLabel = NODE_CATEGORIES.find((c) => c.value === category)?.label ?? tr("fluidgrids.nodes.nodeCard.categoryFallback", "Node");
   return /* @__PURE__ */ jsxs(Card$1, { className: "border border-border-secondary bg-background-secondary hover:border-border-primary transition-all duration-200 flex flex-col", children: [
     /* @__PURE__ */ jsxs(CardHeader, { className: "flex-1 pb-3", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2 mb-3", children: [
@@ -6117,7 +6434,10 @@ function NodeCard({ node, category }) {
         ] })
       ] }),
       /* @__PURE__ */ jsx("h3", { className: "font-semibold text-text-primary text-sm leading-tight mb-1 line-clamp-1", children: node.name }),
-      /* @__PURE__ */ jsx("p", { className: "text-xs text-text-secondary line-clamp-2 min-h-[2rem]", children: node.description ?? "No description available." })
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-text-secondary line-clamp-2 min-h-[2rem]", children: node.description ?? tr(
+        "fluidgrids.nodes.nodeCard.noDescription",
+        "No description available."
+      ) })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "px-6 pb-4 pt-0", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
@@ -6129,12 +6449,16 @@ function NodeCard({ node, category }) {
       ] }),
       /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
         /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx("button", { className: "p-1.5 rounded hover:bg-background-tertiary text-text-secondary hover:text-text-primary transition-colors", children: /* @__PURE__ */ jsx(Icon, { icon: "mdi:cog", width: 16 }) }) }),
-        /* @__PURE__ */ jsx(TooltipContent, { children: "Configure node" })
+        /* @__PURE__ */ jsx(TooltipContent, { children: tr(
+          "fluidgrids.nodes.nodeCard.configureTooltip",
+          "Configure node"
+        ) })
       ] }) })
     ] }) })
   ] });
 }
 function NodesPage() {
+  const tr = useTr();
   const navigate = useNavigate();
   const [search, setSearch] = useState("");
   const [activeCategory, setActiveCategory] = useState("all");
@@ -6184,17 +6508,23 @@ function NodesPage() {
   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: "Node Catalog" }),
-        /* @__PURE__ */ jsx("p", { className: "text-text-secondary mt-1", children: "Browse and manage available workflow nodes" })
+        /* @__PURE__ */ jsx("h1", { className: "text-2xl sm:text-3xl font-bold text-text-primary", children: tr("fluidgrids.nodes.nodesPage.title", "Node Catalog") }),
+        /* @__PURE__ */ jsx("p", { className: "text-text-secondary mt-1", children: tr(
+          "fluidgrids.nodes.nodesPage.subtitle",
+          "Browse and manage available workflow nodes"
+        ) })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: () => refetch(), children: [
           /* @__PURE__ */ jsx(Icon, { icon: "mdi:refresh", className: "mr-2", width: 16 }),
-          "Refresh"
+          tr("fluidgrids.nodes.nodesPage.refreshButton", "Refresh")
         ] }),
         /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: () => navigate("../list"), children: [
           /* @__PURE__ */ jsx(Icon, { icon: "mdi:arrow-left", className: "mr-2", width: 16 }),
-          "Back to Workflows"
+          tr(
+            "fluidgrids.nodes.nodesPage.backToWorkflowsButton",
+            "Back to Workflows"
+          )
         ] })
       ] })
     ] }),
@@ -6209,7 +6539,7 @@ function NodesPage() {
               className: "text-text-secondary"
             }
           ),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-text-secondary", children: "Total Nodes" })
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-text-secondary", children: tr("fluidgrids.nodes.nodesPage.statTotal", "Total Nodes") })
         ] }),
         /* @__PURE__ */ jsx("p", { className: "text-xl font-bold text-text-primary mt-1", children: loading ? "\u2014" : stats.total })
       ] }),
@@ -6223,14 +6553,14 @@ function NodesPage() {
               className: "text-emerald-400"
             }
           ),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-text-secondary", children: "Active" })
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-text-secondary", children: tr("fluidgrids.nodes.nodesPage.statActive", "Active") })
         ] }),
         /* @__PURE__ */ jsx("p", { className: "text-xl font-bold text-emerald-400 mt-1", children: loading ? "\u2014" : stats.active })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "p-3 rounded-lg bg-background-secondary border border-border-secondary", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx(Icon, { icon: "mdi:alert", width: 18, className: "text-amber-400" }),
-          /* @__PURE__ */ jsx("p", { className: "text-xs text-text-secondary", children: "Deprecated" })
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-text-secondary", children: tr("fluidgrids.nodes.nodesPage.statDeprecated", "Deprecated") })
         ] }),
         /* @__PURE__ */ jsx("p", { className: "text-xl font-bold text-amber-400 mt-1", children: loading ? "\u2014" : stats.deprecated })
       ] })
@@ -6247,7 +6577,10 @@ function NodesPage() {
       /* @__PURE__ */ jsx(
         Input,
         {
-          placeholder: "Search nodes by name, type, or keyword...",
+          placeholder: tr(
+            "fluidgrids.nodes.nodesPage.searchPlaceholder",
+            "Search nodes by name, type, or keyword..."
+          ),
           value: search,
           onChange: (e) => setSearch(e.target.value),
           className: "pl-10 bg-background-secondary border-border-secondary"
@@ -6314,6 +6647,7 @@ var DEFAULT_SETTINGS = {
   }
 };
 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,
@@ -6323,18 +6657,29 @@ function ReadOnlyBanner() {
         className: "text-amber-400 shrink-0"
       }
     ),
-    /* @__PURE__ */ jsx("p", { className: "text-sm text-amber-400", children: "Settings are managed at workspace level. Contact your workspace administrator to change these values." })
+    /* @__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} copied to clipboard`);
+      toast.success(
+        `${label} ${tr("fluidgrids.settings.copyButton.copiedToast", "copied to clipboard")}`
+      );
     } catch {
-      toast.error("Failed to copy to clipboard");
+      toast.error(
+        tr(
+          "fluidgrids.settings.copyButton.copyFailedToast",
+          "Failed to copy to clipboard"
+        )
+      );
     }
-  }, [value, label]);
+  }, [value, label, tr]);
   return /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [
     /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
       "button",
@@ -6345,7 +6690,8 @@ function CopyButton({ value, label }) {
       }
     ) }),
     /* @__PURE__ */ jsxs(TooltipContent, { children: [
-      "Copy ",
+      tr("fluidgrids.settings.copyButton.copyTooltipPrefix", "Copy"),
+      " ",
       label
     ] })
   ] }) });
@@ -6364,6 +6710,7 @@ function SettingRow({
   ] });
 }
 function GeneralTab() {
+  const tr = useTr();
   const settings = DEFAULT_SETTINGS.general;
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx(ReadOnlyBanner, {}),
@@ -6371,8 +6718,14 @@ function GeneralTab() {
       /* @__PURE__ */ jsx(
         SettingRow,
         {
-          label: "Workspace Name",
-          description: "The name of your workspace",
+          label: tr(
+            "fluidgrids.settings.general.workspaceNameLabel",
+            "Workspace Name"
+          ),
+          description: tr(
+            "fluidgrids.settings.general.workspaceNameDescription",
+            "The name of your workspace"
+          ),
           children: /* @__PURE__ */ jsx(
             Input,
             {
@@ -6386,8 +6739,14 @@ function GeneralTab() {
       /* @__PURE__ */ jsx(
         SettingRow,
         {
-          label: "Default Workflow Prefix",
-          description: "Prefix used when generating new workflow keys",
+          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,
             {
@@ -6401,8 +6760,14 @@ function GeneralTab() {
       /* @__PURE__ */ jsx(
         SettingRow,
         {
-          label: "Auto-save Drafts",
-          description: "Automatically save draft workflows while editing",
+          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 })
         }
       )
@@ -6410,6 +6775,7 @@ function GeneralTab() {
   ] });
 }
 function ExecutionTab() {
+  const tr = useTr();
   const settings = DEFAULT_SETTINGS.execution;
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx(ReadOnlyBanner, {}),
@@ -6417,8 +6783,14 @@ function ExecutionTab() {
       /* @__PURE__ */ jsx(
         SettingRow,
         {
-          label: "Default Timeout",
-          description: "Maximum time a workflow execution can run (in seconds)",
+          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,
@@ -6428,15 +6800,24 @@ function ExecutionTab() {
                 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: "seconds" })
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-text-secondary", children: tr(
+              "fluidgrids.settings.execution.defaultTimeoutUnit",
+              "seconds"
+            ) })
           ] })
         }
       ),
       /* @__PURE__ */ jsx(
         SettingRow,
         {
-          label: "Max Retries",
-          description: "Number of automatic retries on execution failure",
+          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,
             {
@@ -6450,8 +6831,14 @@ function ExecutionTab() {
       /* @__PURE__ */ jsx(
         SettingRow,
         {
-          label: "Retry Delay",
-          description: "Delay between retry attempts (in seconds)",
+          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,
@@ -6461,15 +6848,21 @@ function ExecutionTab() {
                 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: "seconds" })
+            /* @__PURE__ */ jsx("span", { className: "text-xs text-text-secondary", children: tr("fluidgrids.settings.execution.retryDelayUnit", "seconds") })
           ] })
         }
       ),
       /* @__PURE__ */ jsx(
         SettingRow,
         {
-          label: "Concurrent Execution Limit",
-          description: "Maximum number of workflow executions running simultaneously",
+          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,
             {
@@ -6484,28 +6877,44 @@ function ExecutionTab() {
   ] });
 }
 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 }),
-        "Email Notifications"
+        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: "On Success",
-            description: "Send email when a workflow execution completes successfully",
+            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: "On Failure",
-            description: "Send email when a workflow execution fails",
+            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 })
           }
         )
@@ -6514,22 +6923,37 @@ function NotificationsTab() {
     /* @__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 }),
-        "Webhook Notifications"
+        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: "On Success",
-            description: "Send webhook when a workflow execution completes successfully",
+            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: "On Failure",
-            description: "Send webhook when a workflow execution fails",
+            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 })
           }
         )
@@ -6538,17 +6962,33 @@ function NotificationsTab() {
   ] });
 }
 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$1, { 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: "API Gateway URL" })
+        /* @__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: "Base URL for workflow API operations. Use this to trigger, list, and manage workflows programmatically." }),
+      /* @__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: "API Gateway URL" })
+        /* @__PURE__ */ jsx(
+          CopyButton,
+          {
+            value: settings.gatewayUrl,
+            label: tr(
+              "fluidgrids.settings.api.gatewayUrlCopyLabel",
+              "API Gateway URL"
+            )
+          }
+        )
       ] })
     ] }) }),
     /* @__PURE__ */ jsx(Card$1, { className: "border border-border-secondary bg-background-secondary", children: /* @__PURE__ */ jsxs(CardHeader, { className: "pb-3", children: [
@@ -6561,13 +7001,23 @@ function ApiTab() {
             className: "text-text-secondary"
           }
         ),
-        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-text-primary", children: "Webhook URL Format" })
+        /* @__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: [
-        "URL format for triggering workflows via webhook. Replace",
+        tr(
+          "fluidgrids.settings.api.webhookUrlDescriptionPrefix",
+          "URL format for triggering workflows via webhook. Replace"
+        ),
         " ",
         /* @__PURE__ */ jsx("code", { className: "text-text-primary", children: "{workflowKey}" }),
-        " with the actual workflow key."
+        " ",
+        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 }),
@@ -6575,7 +7025,10 @@ function ApiTab() {
           CopyButton,
           {
             value: settings.webhookUrlFormat,
-            label: "Webhook URL"
+            label: tr(
+              "fluidgrids.settings.api.webhookUrlCopyLabel",
+              "Webhook URL"
+            )
           }
         )
       ] })
@@ -6590,7 +7043,10 @@ function ApiTab() {
             className: "text-text-secondary"
           }
         ),
-        /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-text-primary", children: "Example: Trigger via cURL" })
+        /* @__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}" \\
@@ -6604,7 +7060,10 @@ function ApiTab() {
   -H "Content-Type: application/json" \\
   -H "Authorization: Bearer <token>" \\
   -d '{"input": {}}'`,
-            label: "cURL command"
+            label: tr(
+              "fluidgrids.settings.api.curlCopyLabel",
+              "cURL command"
+            )
           }
         ) })
       ] })
@@ -6612,36 +7071,40 @@ function ApiTab() {
   ] }) });
 }
 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: "Settings" }),
-        /* @__PURE__ */ jsx("p", { className: "text-text-secondary mt-1", children: "Configure workflow execution and notification preferences" })
+        /* @__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 }),
-        "Back to Workflows"
+        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 }),
-          "General"
+          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 }),
-          "Execution"
+          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 }),
-          "Notifications"
+          tr("fluidgrids.settings.page.notificationsTab", "Notifications")
         ] }),
         /* @__PURE__ */ jsxs(TabsTrigger, { value: "api", className: "gap-1.5", children: [
           /* @__PURE__ */ jsx(Icon, { icon: "mdi:api", width: 16 }),
-          "API"
+          tr("fluidgrids.settings.page.apiTab", "API")
         ] })
       ] }),
       /* @__PURE__ */ jsx(TabsContent, { value: "general", children: /* @__PURE__ */ jsx(GeneralTab, {}) }),