@burdenoff/fluidgrids-fe-sdk 2026.804.1 → 2026.804.2

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

@@ -1,5 +1,6 @@
 import { ExecutionDetailDocument, ExecutionStatsDocument, throwIfResultError, PauseExecutionDocument, ResumeExecutionDocument, CancelExecutionDocument, RetryNodeDocument, TerminateExecutionDocument, ExecutionsListDocument } from './chunk-V5UEEB74.js';
 import { getFluidGridsClient } from './chunk-5BDQNSP3.js';
+import { useTr } from './chunk-7VNIEIR6.js';
 import { Icon } from '@iconify/react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { create } from 'zustand';
@@ -338,29 +339,117 @@ var useExecutionsStore = create((set) => ({
   }),
   clearLiveRuns: () => set({ liveRunIds: /* @__PURE__ */ new Set() })
 }));
-var STATUS_OPTIONS = [
-  { value: "all", label: "All Statuses" },
-  { value: "RUNNING", label: "Running" },
-  { value: "COMPLETED", label: "Completed" },
-  { value: "FAILED", label: "Failed" },
-  { value: "PENDING", label: "Pending" },
-  { value: "CANCELLED", label: "Cancelled" },
-  { value: "WAITING", label: "Waiting" },
-  { value: "TERMINATED", label: "Terminated" }
-];
-var DATE_PRESETS = [
-  { value: "all", label: "All Time" },
-  { value: "today", label: "Today" },
-  { value: "yesterday", label: "Yesterday" },
-  { value: "7days", label: "Last 7 Days" },
-  { value: "30days", label: "Last 30 Days" },
-  { value: "90days", label: "Last 90 Days" },
-  { value: "custom", label: "Custom Range" }
-];
 function ExecutionFilters({
   workflows = [],
   onRefresh
 }) {
+  const tr = useTr();
+  const statusOptions = [
+    {
+      value: "all",
+      label: tr(
+        "fluidgrids.executions.executionFilters.statusAll",
+        "All Statuses"
+      )
+    },
+    {
+      value: "RUNNING",
+      label: tr(
+        "fluidgrids.executions.executionFilters.statusRunning",
+        "Running"
+      )
+    },
+    {
+      value: "COMPLETED",
+      label: tr(
+        "fluidgrids.executions.executionFilters.statusCompleted",
+        "Completed"
+      )
+    },
+    {
+      value: "FAILED",
+      label: tr(
+        "fluidgrids.executions.executionFilters.statusFailed",
+        "Failed"
+      )
+    },
+    {
+      value: "PENDING",
+      label: tr(
+        "fluidgrids.executions.executionFilters.statusPending",
+        "Pending"
+      )
+    },
+    {
+      value: "CANCELLED",
+      label: tr(
+        "fluidgrids.executions.executionFilters.statusCancelled",
+        "Cancelled"
+      )
+    },
+    {
+      value: "WAITING",
+      label: tr(
+        "fluidgrids.executions.executionFilters.statusWaiting",
+        "Waiting"
+      )
+    },
+    {
+      value: "TERMINATED",
+      label: tr(
+        "fluidgrids.executions.executionFilters.statusTerminated",
+        "Terminated"
+      )
+    }
+  ];
+  const datePresets = [
+    {
+      value: "all",
+      label: tr(
+        "fluidgrids.executions.executionFilters.dateAllTime",
+        "All Time"
+      )
+    },
+    {
+      value: "today",
+      label: tr("fluidgrids.executions.executionFilters.dateToday", "Today")
+    },
+    {
+      value: "yesterday",
+      label: tr(
+        "fluidgrids.executions.executionFilters.dateYesterday",
+        "Yesterday"
+      )
+    },
+    {
+      value: "7days",
+      label: tr(
+        "fluidgrids.executions.executionFilters.dateLast7Days",
+        "Last 7 Days"
+      )
+    },
+    {
+      value: "30days",
+      label: tr(
+        "fluidgrids.executions.executionFilters.dateLast30Days",
+        "Last 30 Days"
+      )
+    },
+    {
+      value: "90days",
+      label: tr(
+        "fluidgrids.executions.executionFilters.dateLast90Days",
+        "Last 90 Days"
+      )
+    },
+    {
+      value: "custom",
+      label: tr(
+        "fluidgrids.executions.executionFilters.dateCustomRange",
+        "Custom Range"
+      )
+    }
+  ];
   const {
     filter,
     setStatusFilter,
@@ -435,7 +524,10 @@ function ExecutionFilters({
           "input",
           {
             type: "text",
-            placeholder: "Search by workflow name or run ID...",
+            placeholder: tr(
+              "fluidgrids.executions.executionFilters.searchPlaceholder",
+              "Search by workflow name or run ID..."
+            ),
             value: filter.search,
             onChange: (e) => setSearchQuery(e.target.value),
             className: "w-full pl-[3.25rem] pr-4 py-2 bg-background-secondary border border-border-secondary rounded-lg text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-action-primary-bg focus:border-transparent"
@@ -456,7 +548,7 @@ function ExecutionFilters({
           value: filter.status,
           onChange: (e) => setStatusFilter(e.target.value),
           className: "px-3 py-2 bg-background-secondary border border-border-secondary rounded-lg text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg",
-          children: STATUS_OPTIONS.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value))
+          children: statusOptions.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value))
         }
       ),
       workflows.length > 0 && /* @__PURE__ */ jsxs(
@@ -466,7 +558,10 @@ function ExecutionFilters({
           onChange: (e) => setWorkflowFilter(e.target.value),
           className: "px-3 py-2 bg-background-secondary border border-border-secondary rounded-lg text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg max-w-[200px]",
           children: [
-            /* @__PURE__ */ jsx("option", { value: "", children: "All Workflows" }),
+            /* @__PURE__ */ jsx("option", { value: "", children: tr(
+              "fluidgrids.executions.executionFilters.allWorkflows",
+              "All Workflows"
+            ) }),
             workflows.map((wf) => /* @__PURE__ */ jsx("option", { value: wf.workflowKey, children: wf.name }, wf.workflowKey))
           ]
         }
@@ -477,12 +572,12 @@ function ExecutionFilters({
           value: filter.dateRange.preset,
           onChange: (e) => handleDatePresetChange(e.target.value),
           className: "px-3 py-2 bg-background-secondary border border-border-secondary rounded-lg text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg",
-          children: DATE_PRESETS.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value))
+          children: datePresets.map((option) => /* @__PURE__ */ jsx("option", { value: option.value, children: option.label }, option.value))
         }
       )
     ] }),
     showCustomDate && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-3 items-center p-3 bg-background-secondary rounded-lg border border-border-secondary", children: [
-      /* @__PURE__ */ jsx("label", { className: "text-sm text-text-secondary", children: "From:" }),
+      /* @__PURE__ */ jsx("label", { className: "text-sm text-text-secondary", children: tr("fluidgrids.executions.executionFilters.fromLabel", "From:") }),
       /* @__PURE__ */ jsx(
         "input",
         {
@@ -496,7 +591,7 @@ function ExecutionFilters({
           className: "px-3 py-1.5 bg-background-primary border border-border-secondary rounded text-text-primary text-sm"
         }
       ),
-      /* @__PURE__ */ jsx("label", { className: "text-sm text-text-secondary", children: "To:" }),
+      /* @__PURE__ */ jsx("label", { className: "text-sm text-text-secondary", children: tr("fluidgrids.executions.executionFilters.toLabel", "To:") }),
       /* @__PURE__ */ jsx(
         "input",
         {
@@ -531,7 +626,10 @@ function ExecutionFilters({
               className: "w-4 h-4 rounded border-border-secondary text-action-primary-bg focus:ring-action-primary-bg"
             }
           ),
-          /* @__PURE__ */ jsx("span", { className: "text-sm text-text-secondary", children: "Auto-refresh" })
+          /* @__PURE__ */ jsx("span", { className: "text-sm text-text-secondary", children: tr(
+            "fluidgrids.executions.executionFilters.autoRefresh",
+            "Auto-refresh"
+          ) })
         ] }),
         onRefresh && /* @__PURE__ */ jsxs(
           Button,
@@ -542,7 +640,7 @@ function ExecutionFilters({
             className: "gap-1.5",
             children: [
               /* @__PURE__ */ jsx(Icon, { icon: "mdi:refresh", width: 16 }),
-              "Refresh"
+              tr("fluidgrids.executions.executionFilters.refresh", "Refresh")
             ]
           }
         )
@@ -564,7 +662,10 @@ function ExecutionFilters({
             className: "gap-1.5",
             children: [
               /* @__PURE__ */ jsx(Icon, { icon: "mdi:filter-remove", width: 16 }),
-              "Clear Filters"
+              tr(
+                "fluidgrids.executions.executionFilters.clearFilters",
+                "Clear Filters"
+              )
             ]
           }
         )
@@ -617,6 +718,7 @@ function ExecutionStats({
   loading,
   onFilterByStatus
 }) {
+  const tr = useTr();
   if (loading) {
     return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-6 gap-4", children: [...Array(6)].map((_, i) => /* @__PURE__ */ jsx(
       "div",
@@ -638,7 +740,10 @@ function ExecutionStats({
     /* @__PURE__ */ jsx(
       StatCard,
       {
-        label: "Total Runs",
+        label: tr(
+          "fluidgrids.executions.executionStats.totalRuns",
+          "Total Runs"
+        ),
         value: stats.total.toLocaleString(),
         icon: "mdi:play-box-multiple",
         color: "text-text-primary",
@@ -648,7 +753,7 @@ function ExecutionStats({
     /* @__PURE__ */ jsx(
       StatCard,
       {
-        label: "Running",
+        label: tr("fluidgrids.executions.executionStats.running", "Running"),
         value: stats.running,
         icon: "mdi:play-circle",
         color: "text-[var(--color-status-info-text)]",
@@ -658,7 +763,10 @@ function ExecutionStats({
     /* @__PURE__ */ jsx(
       StatCard,
       {
-        label: "Completed",
+        label: tr(
+          "fluidgrids.executions.executionStats.completed",
+          "Completed"
+        ),
         value: stats.completed.toLocaleString(),
         icon: "mdi:check-circle",
         color: "text-[var(--color-status-success-text)]",
@@ -668,7 +776,7 @@ function ExecutionStats({
     /* @__PURE__ */ jsx(
       StatCard,
       {
-        label: "Failed",
+        label: tr("fluidgrids.executions.executionStats.failed", "Failed"),
         value: stats.failed,
         icon: "mdi:alert-circle",
         color: "text-[var(--color-status-error-text)]",
@@ -678,7 +786,10 @@ function ExecutionStats({
     /* @__PURE__ */ jsx(
       StatCard,
       {
-        label: "Success Rate",
+        label: tr(
+          "fluidgrids.executions.executionStats.successRate",
+          "Success Rate"
+        ),
         value: `${(stats.successRate ?? 0).toFixed(1)}%`,
         icon: "mdi:percent",
         color: "text-accent"
@@ -687,7 +798,10 @@ function ExecutionStats({
     /* @__PURE__ */ jsx(
       StatCard,
       {
-        label: "Avg Duration",
+        label: tr(
+          "fluidgrids.executions.executionStats.avgDuration",
+          "Avg Duration"
+        ),
         value: formatDuration3(stats.avgDuration ?? 0),
         icon: "mdi:timer",
         color: "text-[var(--color-status-warning-text)]"
@@ -734,6 +848,7 @@ function ExecutionTable({
   onRowClick,
   onAction
 }) {
+  const tr = useTr();
   const navigate = useNavigate();
   const {
     selection,
@@ -756,7 +871,8 @@ function ExecutionTable({
     const date = new Date(dateStr);
     const now = /* @__PURE__ */ new Date();
     const diff = now.getTime() - date.getTime();
-    if (diff < 6e4) return "Just now";
+    if (diff < 6e4)
+      return tr("fluidgrids.executions.executionTable.justNow", "Just now");
     if (diff < 36e5) return `${Math.round(diff / 6e4)}m ago`;
     if (diff < 864e5) return `${Math.round(diff / 36e5)}h ago`;
     if (diff < 6048e5) return `${Math.round(diff / 864e5)}d ago`;
@@ -771,18 +887,60 @@ function ExecutionTable({
     const actions = [];
     switch (execution.status) {
       case "RUNNING":
-        actions.push({ icon: "mdi:pause", label: "Pause", action: "pause" });
-        actions.push({ icon: "mdi:stop", label: "Cancel", action: "cancel" });
+        actions.push({
+          icon: "mdi:pause",
+          label: tr(
+            "fluidgrids.executions.executionTable.actionPause",
+            "Pause"
+          ),
+          action: "pause"
+        });
+        actions.push({
+          icon: "mdi:stop",
+          label: tr(
+            "fluidgrids.executions.executionTable.actionCancel",
+            "Cancel"
+          ),
+          action: "cancel"
+        });
         break;
       case "WAITING":
-        actions.push({ icon: "mdi:play", label: "Resume", action: "resume" });
-        actions.push({ icon: "mdi:stop", label: "Cancel", action: "cancel" });
+        actions.push({
+          icon: "mdi:play",
+          label: tr(
+            "fluidgrids.executions.executionTable.actionResume",
+            "Resume"
+          ),
+          action: "resume"
+        });
+        actions.push({
+          icon: "mdi:stop",
+          label: tr(
+            "fluidgrids.executions.executionTable.actionCancel",
+            "Cancel"
+          ),
+          action: "cancel"
+        });
         break;
       case "FAILED":
-        actions.push({ icon: "mdi:refresh", label: "Retry", action: "retry" });
+        actions.push({
+          icon: "mdi:refresh",
+          label: tr(
+            "fluidgrids.executions.executionTable.actionRetry",
+            "Retry"
+          ),
+          action: "retry"
+        });
         break;
       case "PENDING":
-        actions.push({ icon: "mdi:stop", label: "Cancel", action: "cancel" });
+        actions.push({
+          icon: "mdi:stop",
+          label: tr(
+            "fluidgrids.executions.executionTable.actionCancel",
+            "Cancel"
+          ),
+          action: "cancel"
+        });
         break;
     }
     return actions;
@@ -791,12 +949,30 @@ function ExecutionTable({
     return /* @__PURE__ */ jsx("div", { className: "bg-background-secondary rounded-lg border border-border-secondary overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "overflow-x-auto", children: /* @__PURE__ */ jsxs("table", { className: "w-full min-w-[800px]", children: [
       /* @__PURE__ */ jsx("thead", { className: "bg-background-tertiary border-b border-border-secondary", children: /* @__PURE__ */ jsxs("tr", { children: [
         /* @__PURE__ */ jsx("th", { className: "w-10 px-4 py-3" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase", children: "Status" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase", children: "Workflow" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase", children: "Run ID" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase", children: "Started" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase", children: "Duration" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase", children: "Progress" }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase", children: tr(
+          "fluidgrids.executions.executionTable.colStatus",
+          "Status"
+        ) }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase", children: tr(
+          "fluidgrids.executions.executionTable.colWorkflow",
+          "Workflow"
+        ) }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase", children: tr(
+          "fluidgrids.executions.executionTable.colRunId",
+          "Run ID"
+        ) }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase", children: tr(
+          "fluidgrids.executions.executionTable.colStarted",
+          "Started"
+        ) }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase", children: tr(
+          "fluidgrids.executions.executionTable.colDuration",
+          "Duration"
+        ) }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase", children: tr(
+          "fluidgrids.executions.executionTable.colProgress",
+          "Progress"
+        ) }),
         /* @__PURE__ */ jsx("th", { className: "px-4 py-3" })
       ] }) }),
       /* @__PURE__ */ jsx("tbody", { children: [...Array(5)].map((_, i) => /* @__PURE__ */ jsx("tr", { className: "border-b border-border-secondary", children: /* @__PURE__ */ jsx("td", { colSpan: 8, className: "px-4 py-4", children: /* @__PURE__ */ jsx("div", { className: "h-8 bg-background-tertiary rounded animate-pulse" }) }) }, i)) })
@@ -812,9 +988,18 @@ function ExecutionTable({
           width: 48
         }
       ),
-      /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium text-text-primary mb-2", children: "No executions found" }),
-      /* @__PURE__ */ jsx("p", { className: "text-text-secondary mb-4", children: "There are no workflow executions matching your filters." }),
-      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => navigate("../list"), children: "View Workflows" })
+      /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium text-text-primary mb-2", children: tr(
+        "fluidgrids.executions.executionTable.emptyTitle",
+        "No executions found"
+      ) }),
+      /* @__PURE__ */ jsx("p", { className: "text-text-secondary mb-4", children: tr(
+        "fluidgrids.executions.executionTable.emptyDescription",
+        "There are no workflow executions matching your filters."
+      ) }),
+      /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: () => navigate("../list"), children: tr(
+        "fluidgrids.executions.executionTable.viewWorkflows",
+        "View Workflows"
+      ) })
     ] });
   }
   return /* @__PURE__ */ jsxs("div", { className: "bg-background-secondary rounded-lg border border-border-secondary overflow-hidden", children: [
@@ -829,12 +1014,24 @@ function ExecutionTable({
             className: "w-4 h-4 rounded border-border-secondary"
           }
         ) }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider", children: "Status" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider", children: "Workflow" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider", children: "Run ID" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider", children: "Started" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider", children: "Duration" }),
-        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider", children: "Progress" }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider", children: tr("fluidgrids.executions.executionTable.colStatus", "Status") }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider", children: tr(
+          "fluidgrids.executions.executionTable.colWorkflow",
+          "Workflow"
+        ) }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider", children: tr("fluidgrids.executions.executionTable.colRunId", "Run ID") }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider", children: tr(
+          "fluidgrids.executions.executionTable.colStarted",
+          "Started"
+        ) }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider", children: tr(
+          "fluidgrids.executions.executionTable.colDuration",
+          "Duration"
+        ) }),
+        /* @__PURE__ */ jsx("th", { className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider", children: tr(
+          "fluidgrids.executions.executionTable.colProgress",
+          "Progress"
+        ) }),
         /* @__PURE__ */ jsx("th", { className: "px-4 py-3 w-32" })
       ] }) }),
       /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-border-secondary", children: executions.map((execution) => {
@@ -933,7 +1130,10 @@ function ExecutionTable({
                         {
                           onClick: () => navigate(`../runs/${execution.id}`),
                           className: "p-1.5 rounded hover:bg-background-tertiary text-text-secondary",
-                          title: "View Details",
+                          title: tr(
+                            "fluidgrids.executions.executionTable.viewDetails",
+                            "View Details"
+                          ),
                           children: /* @__PURE__ */ jsx(Icon, { icon: "mdi:arrow-right", width: 18 })
                         }
                       )
@@ -951,32 +1151,56 @@ function ExecutionTable({
               className: "px-4 py-4 bg-background-tertiary/30",
               children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 lg:grid-cols-4 gap-4", children: [
                 /* @__PURE__ */ jsxs("div", { children: [
-                  /* @__PURE__ */ jsx("div", { className: "text-xs text-text-secondary mb-1", children: "Trigger Node" }),
+                  /* @__PURE__ */ jsx("div", { className: "text-xs text-text-secondary mb-1", children: tr(
+                    "fluidgrids.executions.executionTable.triggerNode",
+                    "Trigger Node"
+                  ) }),
                   /* @__PURE__ */ jsx("div", { className: "text-sm text-text-primary font-medium", children: execution.triggerNodeId })
                 ] }),
                 /* @__PURE__ */ jsxs("div", { children: [
-                  /* @__PURE__ */ jsx("div", { className: "text-xs text-text-secondary mb-1", children: "Node Stats" }),
+                  /* @__PURE__ */ jsx("div", { className: "text-xs text-text-secondary mb-1", children: tr(
+                    "fluidgrids.executions.executionTable.nodeStats",
+                    "Node Stats"
+                  ) }),
                   /* @__PURE__ */ jsxs("div", { className: "flex gap-2 text-sm", children: [
                     /* @__PURE__ */ jsxs("span", { className: "text-[var(--color-status-success-text)]", children: [
                       execution.completedNodes ?? 0,
-                      " completed"
+                      " ",
+                      tr(
+                        "fluidgrids.executions.executionTable.completed",
+                        "completed"
+                      )
                     ] }),
                     (execution.failedNodes ?? 0) > 0 && /* @__PURE__ */ jsxs("span", { className: "text-[var(--color-status-error-text)]", children: [
                       execution.failedNodes,
-                      " failed"
+                      " ",
+                      tr(
+                        "fluidgrids.executions.executionTable.failed",
+                        "failed"
+                      )
                     ] }),
                     (execution.skippedNodes ?? 0) > 0 && /* @__PURE__ */ jsxs("span", { className: "text-tertiary", children: [
                       execution.skippedNodes,
-                      " skipped"
+                      " ",
+                      tr(
+                        "fluidgrids.executions.executionTable.skipped",
+                        "skipped"
+                      )
                     ] })
                   ] })
                 ] }),
                 execution.errorMessage && /* @__PURE__ */ jsxs("div", { className: "col-span-2", children: [
-                  /* @__PURE__ */ jsx("div", { className: "text-xs text-text-secondary mb-1", children: "Error" }),
+                  /* @__PURE__ */ jsx("div", { className: "text-xs text-text-secondary mb-1", children: tr(
+                    "fluidgrids.executions.executionTable.error",
+                    "Error"
+                  ) }),
                   /* @__PURE__ */ jsx("div", { className: "text-sm text-[var(--color-status-error-text)] bg-[var(--color-status-error-bg-subtle)] p-2 rounded", children: execution.errorMessage })
                 ] }),
                 /* @__PURE__ */ jsxs("div", { children: [
-                  /* @__PURE__ */ jsx("div", { className: "text-xs text-text-secondary mb-1", children: "Full Run ID" }),
+                  /* @__PURE__ */ jsx("div", { className: "text-xs text-text-secondary mb-1", children: tr(
+                    "fluidgrids.executions.executionTable.fullRunId",
+                    "Full Run ID"
+                  ) }),
                   /* @__PURE__ */ jsx("div", { className: "text-sm font-mono text-text-secondary break-all", children: execution.id })
                 ] })
               ] })
@@ -985,7 +1209,10 @@ function ExecutionTable({
         ] });
       }) })
     ] }) }),
-    /* @__PURE__ */ jsx("div", { className: "sm:hidden px-4 py-2 bg-background-tertiary border-t border-border-secondary text-xs text-text-secondary text-center", children: "Swipe to see more columns" })
+    /* @__PURE__ */ jsx("div", { className: "sm:hidden px-4 py-2 bg-background-tertiary border-t border-border-secondary text-xs text-text-secondary text-center", children: tr(
+      "fluidgrids.executions.executionTable.swipeHint",
+      "Swipe to see more columns"
+    ) })
   ] });
 }
 function formatDuration(ms) {
@@ -1031,6 +1258,7 @@ function ExecutionCards({
   onCardClick,
   onAction
 }) {
+  const tr = useTr();
   if (loading) {
     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__ */ jsxs(
       "div",
@@ -1062,8 +1290,14 @@ function ExecutionCards({
           className: "mb-3 opacity-40"
         }
       ),
-      /* @__PURE__ */ jsx("p", { className: "text-lg font-medium", children: "No executions found" }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm mt-1", children: "Run a workflow to see results here" })
+      /* @__PURE__ */ jsx("p", { className: "text-lg font-medium", children: tr(
+        "fluidgrids.executions.executionCards.emptyTitle",
+        "No executions found"
+      ) }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm mt-1", children: tr(
+        "fluidgrids.executions.executionCards.emptyDescription",
+        "Run a workflow to see results here"
+      ) })
     ] });
   }
   return /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", children: executions.map((execution) => {
@@ -1089,7 +1323,10 @@ function ExecutionCards({
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "mb-3", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-xs text-text-tertiary mb-1", children: [
-              /* @__PURE__ */ jsx("span", { children: "Progress" }),
+              /* @__PURE__ */ jsx("span", { children: tr(
+                "fluidgrids.executions.executionCards.progressLabel",
+                "Progress"
+              ) }),
               /* @__PURE__ */ jsxs("span", { children: [
                 Math.round(execution.progress),
                 "%"
@@ -1161,7 +1398,11 @@ function ExecutionCards({
                 className: "flex items-center gap-1 text-xs px-2 py-1 rounded bg-background-tertiary hover:bg-yellow-50 dark:hover:bg-yellow-900/20 text-text-secondary hover:text-yellow-600 transition-colors",
                 children: [
                   /* @__PURE__ */ jsx(Icon, { icon: "mdi:pause", width: 12 }),
-                  " Pause"
+                  " ",
+                  tr(
+                    "fluidgrids.executions.executionCards.pauseButton",
+                    "Pause"
+                  )
                 ]
               }
             ),
@@ -1176,7 +1417,11 @@ function ExecutionCards({
                 className: "flex items-center gap-1 text-xs px-2 py-1 rounded bg-background-tertiary hover:bg-red-50 dark:hover:bg-red-900/20 text-text-secondary hover:text-red-600 transition-colors",
                 children: [
                   /* @__PURE__ */ jsx(Icon, { icon: "mdi:stop", width: 12 }),
-                  " Cancel"
+                  " ",
+                  tr(
+                    "fluidgrids.executions.executionCards.cancelButton",
+                    "Cancel"
+                  )
                 ]
               }
             )
@@ -1246,6 +1491,7 @@ function ExecutionTimeline({
   onItemClick,
   onAction
 }) {
+  const tr = useTr();
   if (loading) {
     return /* @__PURE__ */ jsx("div", { className: "space-y-6 pl-8", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex gap-4 animate-pulse", children: [
       /* @__PURE__ */ jsx("div", { className: "w-3 h-3 rounded-full bg-background-tertiary mt-1.5 shrink-0" }),
@@ -1259,8 +1505,14 @@ function ExecutionTimeline({
   if (executions.length === 0) {
     return /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center py-16 text-text-secondary", children: [
       /* @__PURE__ */ jsx(Icon, { icon: "mdi:timeline", width: 48, className: "mb-3 opacity-40" }),
-      /* @__PURE__ */ jsx("p", { className: "text-lg font-medium", children: "No executions found" }),
-      /* @__PURE__ */ jsx("p", { className: "text-sm mt-1", children: "Run a workflow to see the timeline" })
+      /* @__PURE__ */ jsx("p", { className: "text-lg font-medium", children: tr(
+        "fluidgrids.executions.executionTimeline.emptyTitle",
+        "No executions found"
+      ) }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm mt-1", children: tr(
+        "fluidgrids.executions.executionTimeline.emptyDescription",
+        "Run a workflow to see the timeline"
+      ) })
     ] });
   }
   const grouped = groupByDate(executions);
@@ -1278,7 +1530,11 @@ function ExecutionTimeline({
       /* @__PURE__ */ jsx("div", { className: "flex-1 h-px bg-border-secondary" }),
       /* @__PURE__ */ jsxs("span", { className: "text-xs text-text-tertiary", children: [
         dateExecutions.length,
-        " runs"
+        " ",
+        tr(
+          "fluidgrids.executions.executionTimeline.runsCountSuffix",
+          "runs"
+        )
       ] })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "relative ml-4", children: [
@@ -1332,7 +1588,11 @@ function ExecutionTimeline({
                             execution.completedNodes ?? 0,
                             "/",
                             execution.totalNodes,
-                            " nodes"
+                            " ",
+                            tr(
+                              "fluidgrids.executions.executionTimeline.nodesCountSuffix",
+                              "nodes"
+                            )
                           ] })
                         ] }),
                         execution.errorMessage && /* @__PURE__ */ jsx("p", { className: "mt-1.5 text-xs text-red-500 dark:text-red-400 truncate max-w-sm", children: execution.errorMessage })
@@ -1354,7 +1614,10 @@ function ExecutionTimeline({
                               onAction("cancel", execution);
                             },
                             className: "opacity-0 group-hover:opacity-100 p-1 rounded hover:bg-red-50 dark:hover:bg-red-900/20 text-text-tertiary hover:text-red-600 transition-all",
-                            title: "Cancel execution",
+                            title: tr(
+                              "fluidgrids.executions.executionTimeline.cancelTooltip",
+                              "Cancel execution"
+                            ),
                             children: /* @__PURE__ */ jsx(Icon, { icon: "mdi:stop", width: 14 })
                           }
                         )
@@ -1402,6 +1665,7 @@ function NodeTimeline({
   onRetryNode,
   onViewChildRun
 }) {
+  const tr = useTr();
   const [expandedNodes, setExpandedNodes] = useState(/* @__PURE__ */ new Set());
   const [selectedTab, setSelectedTab] = useState("output");
   const toggleNode = (nodeId) => {
@@ -1431,11 +1695,15 @@ function NodeTimeline({
     });
   };
   const formatJsonData = (data) => {
-    if (data === null || data === void 0) return "No data";
+    if (data === null || data === void 0)
+      return tr("fluidgrids.executions.nodeTimeline.noData", "No data");
     try {
       return JSON.stringify(data, null, 2);
     } catch {
-      return "Unable to display data";
+      return tr(
+        "fluidgrids.executions.nodeTimeline.unableToDisplayData",
+        "Unable to display data"
+      );
     }
   };
   const hasMetadata = (metadata) => {
@@ -1455,7 +1723,10 @@ function NodeTimeline({
   if (nodeStates.length === 0) {
     return /* @__PURE__ */ jsxs("div", { className: "text-center py-8 text-text-secondary", children: [
       /* @__PURE__ */ jsx(Icon, { icon: "mdi:timeline-outline", className: "mx-auto mb-2", width: 32 }),
-      /* @__PURE__ */ jsx("p", { children: "No node executions yet" })
+      /* @__PURE__ */ jsx("p", { children: tr(
+        "fluidgrids.executions.nodeTimeline.emptyState",
+        "No node executions yet"
+      ) })
     ] });
   }
   return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
@@ -1530,11 +1801,21 @@ function NodeTimeline({
                       ] }),
                       hasChildRun && /* @__PURE__ */ jsxs("span", { className: "px-2 py-0.5 text-xs bg-indigo-100 text-indigo-700 rounded flex items-center gap-1", children: [
                         /* @__PURE__ */ jsx(Icon, { icon: "mdi:sitemap", width: 12 }),
-                        "Sub-workflow"
+                        tr(
+                          "fluidgrids.executions.nodeTimeline.subWorkflowBadge",
+                          "Sub-workflow"
+                        )
                       ] }),
-                      isWaitingSubworkflow && /* @__PURE__ */ jsx("span", { className: "px-2 py-0.5 text-xs bg-purple-100 text-purple-700 rounded animate-pulse", children: "Waiting..." }),
+                      isWaitingSubworkflow && /* @__PURE__ */ jsx("span", { className: "px-2 py-0.5 text-xs bg-purple-100 text-purple-700 rounded animate-pulse", children: tr(
+                        "fluidgrids.executions.nodeTimeline.waitingBadge",
+                        "Waiting..."
+                      ) }),
                       node.attemptCount > 1 && /* @__PURE__ */ jsxs("span", { className: "px-2 py-0.5 text-xs bg-[var(--color-status-warning-bg-subtle)] text-[var(--color-status-warning-text)] rounded", children: [
-                        "Attempt ",
+                        tr(
+                          "fluidgrids.executions.nodeTimeline.attemptLabel",
+                          "Attempt"
+                        ),
+                        " ",
                         node.attemptCount
                       ] }),
                       /* @__PURE__ */ jsx(
@@ -1556,7 +1837,10 @@ function NodeTimeline({
                     {
                       onClick: () => setSelectedTab("output"),
                       className: `px-3 py-1.5 text-sm rounded ${selectedTab === "output" ? "bg-action-primary-bg text-white" : "bg-background-tertiary text-text-secondary"}`,
-                      children: "Output"
+                      children: tr(
+                        "fluidgrids.executions.nodeTimeline.outputTab",
+                        "Output"
+                      )
                     }
                   ),
                   /* @__PURE__ */ jsx(
@@ -1564,7 +1848,10 @@ function NodeTimeline({
                     {
                       onClick: () => setSelectedTab("input"),
                       className: `px-3 py-1.5 text-sm rounded ${selectedTab === "input" ? "bg-action-primary-bg text-white" : "bg-background-tertiary text-text-secondary"}`,
-                      children: "Input"
+                      children: tr(
+                        "fluidgrids.executions.nodeTimeline.inputTab",
+                        "Input"
+                      )
                     }
                   )
                 ] }),
@@ -1572,7 +1859,10 @@ function NodeTimeline({
                 node.error && /* @__PURE__ */ jsxs("div", { className: "mt-3 p-3 bg-[var(--color-status-error-bg-subtle)] border border-[var(--color-status-error-border)] rounded", children: [
                   /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-[var(--color-status-error-text)] mb-1", children: [
                     /* @__PURE__ */ jsx(Icon, { icon: "mdi:alert-circle", width: 16 }),
-                    /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: "Error" }),
+                    /* @__PURE__ */ jsx("span", { className: "font-medium text-sm", children: tr(
+                      "fluidgrids.executions.nodeTimeline.errorLabel",
+                      "Error"
+                    ) }),
                     node.errorType && /* @__PURE__ */ jsx("span", { className: "text-xs bg-[var(--color-status-error-bg)] px-2 py-0.5 rounded", children: node.errorType })
                   ] }),
                   /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--color-status-error-text)]", children: node.error })
@@ -1585,7 +1875,10 @@ function NodeTimeline({
                       className: "px-3 py-1.5 text-sm bg-indigo-600 text-white rounded hover:bg-indigo-700 flex items-center gap-1.5",
                       children: [
                         /* @__PURE__ */ jsx(Icon, { icon: "mdi:sitemap", width: 16 }),
-                        "View Sub-Workflow Run"
+                        tr(
+                          "fluidgrids.executions.nodeTimeline.viewSubWorkflowRun",
+                          "View Sub-Workflow Run"
+                        )
                       ]
                     }
                   ),
@@ -1596,13 +1889,19 @@ function NodeTimeline({
                       className: "px-3 py-1.5 text-sm bg-action-primary-bg text-white rounded hover:bg-action-primary-bg/90 flex items-center gap-1.5",
                       children: [
                         /* @__PURE__ */ jsx(Icon, { icon: "mdi:refresh", width: 16 }),
-                        "Retry Node"
+                        tr(
+                          "fluidgrids.executions.nodeTimeline.retryNodeButton",
+                          "Retry Node"
+                        )
                       ]
                     }
                   )
                 ] }),
                 hasMetadata(node.metadata) && /* @__PURE__ */ jsxs("details", { className: "mt-3", children: [
-                  /* @__PURE__ */ jsx("summary", { className: "text-xs text-text-secondary cursor-pointer hover:text-text-primary", children: "Metadata" }),
+                  /* @__PURE__ */ jsx("summary", { className: "text-xs text-text-secondary cursor-pointer hover:text-text-primary", children: tr(
+                    "fluidgrids.executions.nodeTimeline.metadataSummary",
+                    "Metadata"
+                  ) }),
                   /* @__PURE__ */ jsx("pre", { className: "mt-2 text-xs text-text-secondary bg-background-tertiary p-2 rounded overflow-auto max-h-32", children: formatJsonData(node.metadata) })
                 ] })
               ] })
@@ -1675,6 +1974,7 @@ function RunLogViewer({
   onMinLevelChange,
   onLoadMore
 }) {
+  const tr = useTr();
   const [search, setSearch] = useState("");
   const [showTimestamps, setShowTimestamps] = useState(true);
   const [wrap, setWrap] = useState(true);
@@ -1799,8 +2099,14 @@ function RunLogViewer({
             type: "search",
             value: search,
             onChange: (e) => setSearch(e.target.value),
-            placeholder: "Search log",
-            "aria-label": "Search log",
+            placeholder: tr(
+              "fluidgrids.executions.runLogViewer.searchPlaceholder",
+              "Search log"
+            ),
+            "aria-label": tr(
+              "fluidgrids.executions.runLogViewer.searchAriaLabel",
+              "Search log"
+            ),
             className: "w-full pl-8 pr-3 py-1.5 text-sm rounded border border-border-secondary bg-background-primary text-text-primary"
           }
         )
@@ -1812,13 +2118,23 @@ function RunLogViewer({
           onChange: (e) => onMinLevelChange(
             e.target.value === "ALL" ? null : e.target.value
           ),
-          "aria-label": "Minimum log level",
+          "aria-label": tr(
+            "fluidgrids.executions.runLogViewer.minLevelAriaLabel",
+            "Minimum log level"
+          ),
           className: "px-2 py-1.5 text-sm rounded border border-border-secondary bg-background-primary text-text-primary",
           children: [
-            /* @__PURE__ */ jsx("option", { value: "ALL", children: "All levels" }),
+            /* @__PURE__ */ jsx("option", { value: "ALL", children: tr(
+              "fluidgrids.executions.runLogViewer.allLevelsOption",
+              "All levels"
+            ) }),
             LEVEL_ORDER.map((level) => /* @__PURE__ */ jsxs("option", { value: level, children: [
               level,
-              " and above"
+              " ",
+              tr(
+                "fluidgrids.executions.runLogViewer.andAboveSuffix",
+                "and above"
+              )
             ] }, level))
           ]
         }
@@ -1832,7 +2148,10 @@ function RunLogViewer({
           "aria-pressed": showTimestamps,
           children: [
             /* @__PURE__ */ jsx(Icon, { icon: "mdi:clock-outline", className: "mr-1", width: 16 }),
-            "Timestamps"
+            tr(
+              "fluidgrids.executions.runLogViewer.timestampsButton",
+              "Timestamps"
+            )
           ]
         }
       ),
@@ -1845,7 +2164,7 @@ function RunLogViewer({
           "aria-pressed": wrap,
           children: [
             /* @__PURE__ */ jsx(Icon, { icon: "mdi:wrap", className: "mr-1", width: 16 }),
-            "Wrap"
+            tr("fluidgrids.executions.runLogViewer.wrapButton", "Wrap")
           ]
         }
       ),
@@ -1865,7 +2184,10 @@ function RunLogViewer({
                 width: 16
               }
             ),
-            follow ? "Following" : "Follow"
+            follow ? tr(
+              "fluidgrids.executions.runLogViewer.followingButton",
+              "Following"
+            ) : tr("fluidgrids.executions.runLogViewer.followButton", "Follow")
           ]
         }
       ),
@@ -1878,7 +2200,7 @@ function RunLogViewer({
           disabled: lines.length === 0,
           children: [
             /* @__PURE__ */ jsx(Icon, { icon: "mdi:download", className: "mr-1", width: 16 }),
-            "Raw"
+            tr("fluidgrids.executions.runLogViewer.rawButton", "Raw")
           ]
         }
       )
@@ -1886,9 +2208,9 @@ function RunLogViewer({
     /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-3 text-xs text-text-secondary", children: [
       /* @__PURE__ */ jsxs("span", { children: [
         visible.length,
-        " line",
-        visible.length === 1 ? "" : "s",
-        search.trim() && ` matching \u201C${search}\u201D`
+        " ",
+        visible.length === 1 ? tr("fluidgrids.executions.runLogViewer.lineCountSingular", "line") : tr("fluidgrids.executions.runLogViewer.lineCountPlural", "lines"),
+        search.trim() && ` ${tr("fluidgrids.executions.runLogViewer.matchingLabel", "matching")} \u201C${search}\u201D`
       ] }),
       active && /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ jsx(
@@ -1897,18 +2219,30 @@ function RunLogViewer({
             className: `inline-block w-2 h-2 rounded-full ${streaming ? "bg-[var(--color-status-success-bg)]" : "bg-[var(--color-status-info-bg)]"}`
           }
         ),
-        streaming ? "Streaming" : "Polling"
+        streaming ? tr(
+          "fluidgrids.executions.runLogViewer.streamingIndicator",
+          "Streaming"
+        ) : tr(
+          "fluidgrids.executions.runLogViewer.pollingIndicator",
+          "Polling"
+        )
       ] }),
       hasMore && /* @__PURE__ */ jsx(
         "button",
         {
           onClick: onLoadMore,
           className: "text-action-primary-text hover:underline",
-          children: "Load more lines"
+          children: tr(
+            "fluidgrids.executions.runLogViewer.loadMoreLines",
+            "Load more lines"
+          )
         }
       )
     ] }),
-    limitReached && /* @__PURE__ */ jsx("div", { className: "px-3 py-2 rounded border border-[var(--color-status-warning-border)] bg-[var(--color-status-warning-bg-subtle)] text-[var(--color-status-warning-text)] text-sm", children: "This run hit its log limit \u2014 later lines were dropped. Reduce logging inside loops, or split the workflow into sub-workflows." }),
+    limitReached && /* @__PURE__ */ jsx("div", { className: "px-3 py-2 rounded border border-[var(--color-status-warning-border)] bg-[var(--color-status-warning-bg-subtle)] text-[var(--color-status-warning-text)] text-sm", children: tr(
+      "fluidgrids.executions.runLogViewer.limitReachedNotice",
+      "This run hit its log limit \u2014 later lines were dropped. Reduce logging inside loops, or split the workflow into sub-workflows."
+    ) }),
     /* @__PURE__ */ jsxs(
       "div",
       {
@@ -1925,7 +2259,16 @@ function RunLogViewer({
                 width: 32
               }
             ),
-            /* @__PURE__ */ jsx("p", { children: search.trim() ? "No lines match your search" : active ? "Waiting for the first log line\u2026" : "This run produced no log output" })
+            /* @__PURE__ */ jsx("p", { children: search.trim() ? tr(
+              "fluidgrids.executions.runLogViewer.noSearchMatches",
+              "No lines match your search"
+            ) : active ? tr(
+              "fluidgrids.executions.runLogViewer.waitingForFirstLine",
+              "Waiting for the first log line\u2026"
+            ) : tr(
+              "fluidgrids.executions.runLogViewer.noLogOutput",
+              "This run produced no log output"
+            ) })
           ] }) : groups.map((group) => {
             const groupCollapsed = isCollapsed(group);
             return /* @__PURE__ */ jsxs(
@@ -1985,7 +2328,7 @@ function RunLogViewer({
                           "span",
                           {
                             className: "text-text-secondary flex-shrink-0",
-                            title: `Attempt ${line.attempt}`,
+                            title: `${tr("fluidgrids.executions.runLogViewer.attemptTooltip", "Attempt")} ${line.attempt}`,
                             children: [
                               "#",
                               line.attempt
@@ -2000,7 +2343,10 @@ function RunLogViewer({
                               line.message,
                               line.truncated && /* @__PURE__ */ jsxs("span", { className: "text-text-secondary", children: [
                                 " ",
-                                "(truncated)"
+                                tr(
+                                  "fluidgrids.executions.runLogViewer.truncatedSuffix",
+                                  "(truncated)"
+                                )
                               ] })
                             ]
                           }
@@ -2009,8 +2355,14 @@ function RunLogViewer({
                           "button",
                           {
                             onClick: () => copyLineLink(line.id),
-                            title: "Copy link to this line",
-                            "aria-label": "Copy link to this line",
+                            title: tr(
+                              "fluidgrids.executions.runLogViewer.copyLineLinkTooltip",
+                              "Copy link to this line"
+                            ),
+                            "aria-label": tr(
+                              "fluidgrids.executions.runLogViewer.copyLineLinkAriaLabel",
+                              "Copy link to this line"
+                            ),
                             className: "opacity-0 group-hover:opacity-100 text-text-secondary hover:text-text-primary flex-shrink-0",
                             children: /* @__PURE__ */ jsx(Icon, { icon: "mdi:link-variant", width: 14 })
                           }
@@ -2034,6 +2386,7 @@ function Pagination({
   totalItems,
   showPageSize = true
 }) {
+  const tr = useTr();
   const { pagination, setPage, setPageSize } = useExecutionsStore();
   const { page, pageSize, total } = pagination;
   const totalPages = Math.ceil((totalItems ?? total) / pageSize);
@@ -2074,21 +2427,23 @@ function Pagination({
   }
   return /* @__PURE__ */ jsxs("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4 py-4", children: [
     /* @__PURE__ */ jsxs("div", { className: "text-sm text-text-secondary", children: [
-      "Showing",
+      tr("fluidgrids.executions.pagination.showingLabel", "Showing"),
       " ",
       /* @__PURE__ */ jsx("span", { className: "font-medium text-text-primary", children: startItem }),
-      " to",
+      " ",
+      tr("fluidgrids.executions.pagination.toLabel", "to"),
       " ",
       /* @__PURE__ */ jsx("span", { className: "font-medium text-text-primary", children: endItem }),
-      " of",
+      " ",
+      tr("fluidgrids.executions.pagination.ofLabel", "of"),
       " ",
       /* @__PURE__ */ jsx("span", { className: "font-medium text-text-primary", children: totalItems ?? total }),
       " ",
-      "results"
+      tr("fluidgrids.executions.pagination.resultsLabel", "results")
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
       showPageSize && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx("label", { className: "text-sm text-text-secondary", children: "Show" }),
+        /* @__PURE__ */ jsx("label", { className: "text-sm text-text-secondary", children: tr("fluidgrids.executions.pagination.pageSizeLabel", "Show") }),
         /* @__PURE__ */ jsx(
           "select",
           {
@@ -2459,5 +2814,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-WAVGHDYH.js.map
-//# sourceMappingURL=chunk-WAVGHDYH.js.map
+//# sourceMappingURL=chunk-6PNRM3KQ.js.map
+//# sourceMappingURL=chunk-6PNRM3KQ.js.map