@burdenoff/fluidgrids-fe-sdk 2026.804.1 → 2026.804.2

package/dist/chunk-7VNIEIR6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/i18n/TranslationBridge.tsx"],"names":[],"mappings":";;;AAwCO,IAAM,2BAAA,GAA0C,CAAC,IAAA,EAAM,QAAA,KAC5D;AAEF,IAAM,4BAAA,GAA+B,aAAA;AAAA,EACnC;AACF,CAAA;AAYO,SAAS,6BAAA,CAA8B;AAAA,EAC5C,CAAA;AAAA,EACA;AACF,CAAA,EAAuC;AAGrC,EAAA,MAAM,QAAQ,OAAA,CAAoB,MAAM,CAAA,EAAG,CAAC,CAAC,CAAC,CAAA;AAC9C,EAAA,uBACE,GAAA,CAAC,4BAAA,CAA6B,QAAA,EAA7B,EAAsC,OACpC,QAAA,EACH,CAAA;AAEJ;AAQO,SAAS,KAAA,GAAoB;AAClC,EAAA,OAAO,WAAW,4BAA4B,CAAA;AAChD","file":"chunk-7VNIEIR6.js","sourcesContent":["/**\n * FluidGrids Translation Bridge\n *\n * Same shape as the permissions bridge next door, and for the same reason: the\n * SDK never resolves translations itself and never imports `@burdenoff/fe-libs`.\n * `@burdenoff/fe-libs` is an OPTIONAL peer dependency here, and its `useI18n()`\n * THROWS when no `I18nProvider` is mounted — so importing it would turn \"this\n * host has no i18n\" into \"the builder crashes\" for every standalone embedder\n * (/embed/workflow, /shared/:id, BigConsole, fluidgrids-embed-test).\n *\n * Instead, hosts that DO have a translator bridge it in:\n *\n *   // microfe-workflows, inside the Burdenoff shell:\n *   <FluidGridsTranslationProvider t={tr}>…</FluidGridsTranslationProvider>\n *\n * Without a provider the context defaults to the identity translator, which\n * returns each call's English fallback. So the SDK renders correct English with\n * no provider, and the host's language with one. Translation is never the reason\n * a component fails to render.\n *\n * ── On the English argument ──────────────────────────────────────────────────\n * `tr(key, english)` is not \"hardcoded English with extra steps\". The English is\n * the SOURCE STRING: `fluidgrids-app/scripts/extract-i18n-keys.ts` reads it as\n * the value for `key`, which is what gets seeded into `global-i18n-svc` and\n * translated into every other locale. It is also the last-resort render, which\n * is what stops a raw dot-path like `fluidgrids.builder.save` reaching a user\n * when the i18n service is unreachable.\n *\n * Two rules follow, and the extractor enforces neither — you must:\n *   1. the key must be a STRING LITERAL (a template literal or variable is\n *      invisible to the extractor, so that key would never reach the bundle);\n *   2. the English must be the real, final copy, never a placeholder.\n * ────────────────────────────────────────────────────────────────────────────\n */\nimport { createContext, useContext, useMemo, type ReactNode } from \"react\";\n\n/** A host-supplied translator: `(key, englishFallback) => string`. */\nexport type Translator = (key: string, fallback: string) => string;\n\n/** No-provider default: render the English fallback the call site supplied. */\nexport const ENGLISH_FALLBACK_TRANSLATOR: Translator = (_key, fallback) =>\n  fallback;\n\nconst FluidGridsTranslationContext = createContext<Translator>(\n  ENGLISH_FALLBACK_TRANSLATOR,\n);\n\nexport interface FluidGridsTranslationProviderProps {\n  /**\n   * The host's translator. Must be referentially stable per locale (wrap it in\n   * `useCallback` keyed on the locale) — it is a context value, so a new\n   * function identity on every render re-renders every consumer.\n   */\n  t: Translator;\n  children: ReactNode;\n}\n\nexport function FluidGridsTranslationProvider({\n  t,\n  children,\n}: FluidGridsTranslationProviderProps) {\n  // Depending on `t` is what makes a locale switch propagate: the host rebuilds\n  // `t` when the locale changes, which re-renders every consumer in the SDK.\n  const value = useMemo<Translator>(() => t, [t]);\n  return (\n    <FluidGridsTranslationContext.Provider value={value}>\n      {children}\n    </FluidGridsTranslationContext.Provider>\n  );\n}\n\n/**\n * Translate a UI string, falling back to English.\n *\n *   const tr = useTr();\n *   <Button>{tr(\"fluidgrids.builder.save\", \"Save\")}</Button>\n */\nexport function useTr(): Translator {\n  return useContext(FluidGridsTranslationContext);\n}\n"]}

package/dist/{chunk-F5ACDIYR.js → chunk-IWKLEFC7.js}

@@ -1,8 +1,9 @@
-import { useExecution, buildNodeDisplayMap, useExecutionActions, useAutoRefresh, ExecutionStatusBadge, formatRunVersion, NodeTimeline, RunLogViewer } from './chunk-WAVGHDYH.js';
+import { useExecution, buildNodeDisplayMap, useExecutionActions, useAutoRefresh, ExecutionStatusBadge, formatRunVersion, NodeTimeline, RunLogViewer } from './chunk-6PNRM3KQ.js';
 import { useFluidGridsPermission, FLUIDGRIDS_PERMISSIONS } from './chunk-UIY2HBWA.js';
 import { RunLogsDocument, throwIfResultError, RunLogAppendedDocument } from './chunk-V5UEEB74.js';
 import { getFluidGridsClientSafe } from './chunk-5BDQNSP3.js';
 import { getFluidGridsConfig } from './chunk-WWU2O2SR.js';
+import { useTr } from './chunk-7VNIEIR6.js';
 import { useState, useMemo, useCallback, useRef, useEffect } from 'react';
 import { useParams, useNavigate, Link } from 'react-router';
 import { Icon } from '@iconify/react';
@@ -162,6 +163,7 @@ function useRunLogs(runId, options = {}) {
   };
 }
 function ExecutionDetailPage() {
+  const tr = useTr();
   const { runId } = useParams();
   const navigate = useNavigate();
   const [activeTab, setActiveTab] = useState("timeline");
@@ -274,12 +276,19 @@ function ExecutionDetailPage() {
   }
   if (error) {
     return /* @__PURE__ */ jsxs("div", { className: "p-4 sm:p-6 bg-background-primary min-h-screen", children: [
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsxs(
         Link,
         {
           to: "../runs",
           className: "text-action-primary-text hover:underline text-sm mb-4 inline-block",
-          children: "\u2190 Back to Executions"
+          children: [
+            "\u2190",
+            " ",
+            tr(
+              "fluidgrids.executions.executionDetail.backToExecutions",
+              "Back to Executions"
+            )
+          ]
         }
       ),
       /* @__PURE__ */ jsxs("div", { className: "bg-[var(--color-status-error-bg-subtle)] border border-[var(--color-status-error-border)] rounded-lg p-6 text-center", children: [
@@ -291,20 +300,30 @@ function ExecutionDetailPage() {
             width: 48
           }
         ),
-        /* @__PURE__ */ jsx("h2", { className: "text-lg font-medium text-[var(--color-status-error-text)] mb-2", children: "Failed to load execution" }),
+        /* @__PURE__ */ jsx("h2", { className: "text-lg font-medium text-[var(--color-status-error-text)] mb-2", children: tr(
+          "fluidgrids.executions.executionDetail.loadErrorTitle",
+          "Failed to load execution"
+        ) }),
         /* @__PURE__ */ jsx("p", { className: "text-[var(--color-status-error-text)] mb-4", children: error.message }),
-        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: refetch, children: "Try Again" })
+        /* @__PURE__ */ jsx(Button, { variant: "outline", onClick: refetch, children: tr("fluidgrids.executions.executionDetail.tryAgain", "Try Again") })
       ] })
     ] });
   }
   if (!execution) {
     return /* @__PURE__ */ jsxs("div", { className: "p-4 sm:p-6 bg-background-primary min-h-screen", children: [
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsxs(
         Link,
         {
           to: "../runs",
           className: "text-action-primary-text hover:underline text-sm mb-4 inline-block",
-          children: "\u2190 Back to Executions"
+          children: [
+            "\u2190",
+            " ",
+            tr(
+              "fluidgrids.executions.executionDetail.backToExecutions",
+              "Back to Executions"
+            )
+          ]
         }
       ),
       /* @__PURE__ */ jsxs("div", { className: "bg-background-secondary border border-border-secondary rounded-lg p-6 text-center", children: [
@@ -316,40 +335,86 @@ function ExecutionDetailPage() {
             width: 48
           }
         ),
-        /* @__PURE__ */ jsx("h2", { className: "text-lg font-medium text-text-primary mb-2", children: "Execution not found" }),
+        /* @__PURE__ */ jsx("h2", { className: "text-lg font-medium text-text-primary mb-2", children: tr(
+          "fluidgrids.executions.executionDetail.notFoundTitle",
+          "Execution not found"
+        ) }),
         /* @__PURE__ */ jsxs("p", { className: "text-text-secondary", children: [
-          'The execution with ID "',
+          tr(
+            "fluidgrids.executions.executionDetail.notFoundDescriptionPrefix",
+            "The execution with ID"
+          ),
+          " ",
+          '"',
           runId,
-          '" could not be found.'
+          '"',
+          " ",
+          tr(
+            "fluidgrids.executions.executionDetail.notFoundDescriptionSuffix",
+            "could not be found."
+          )
         ] })
       ] })
     ] });
   }
   const tabs = [
-    { id: "timeline", label: "Timeline", icon: "mdi:timeline" },
-    { id: "logs", label: "Logs", icon: "mdi:text-box-outline" },
-    { id: "input", label: "Input Data", icon: "mdi:code-json" },
-    { id: "context", label: "Context", icon: "mdi:information-outline" }
+    {
+      id: "timeline",
+      label: tr(
+        "fluidgrids.executions.executionDetail.timelineTab",
+        "Timeline"
+      ),
+      icon: "mdi:timeline"
+    },
+    {
+      id: "logs",
+      label: tr("fluidgrids.executions.executionDetail.logsTab", "Logs"),
+      icon: "mdi:text-box-outline"
+    },
+    {
+      id: "input",
+      label: tr("fluidgrids.executions.executionDetail.inputTab", "Input Data"),
+      icon: "mdi:code-json"
+    },
+    {
+      id: "context",
+      label: tr("fluidgrids.executions.executionDetail.contextTab", "Context"),
+      icon: "mdi:information-outline"
+    }
   ];
   return /* @__PURE__ */ jsxs("div", { className: "p-4 sm:p-6 bg-background-primary min-h-screen", children: [
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs(
       Link,
       {
         to: "../runs",
         className: "text-action-primary-text hover:underline text-sm mb-4 inline-block",
-        children: "\u2190 Back to Executions"
+        children: [
+          "\u2190",
+          " ",
+          tr(
+            "fluidgrids.executions.executionDetail.backToExecutions",
+            "Back to Executions"
+          )
+        ]
       }
     ),
     execution.parentRunId && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-3 text-sm", children: [
       /* @__PURE__ */ jsx(Icon, { icon: "mdi:sitemap", className: "text-indigo-500", width: 16 }),
-      /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: "Sub-workflow of" }),
+      /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
+        "fluidgrids.executions.executionDetail.subWorkflowOf",
+        "Sub-workflow of"
+      ) }),
       /* @__PURE__ */ jsxs(
         Link,
         {
           to: `../runs/${execution.parentRunId}`,
           className: "text-indigo-600 hover:underline font-medium",
           children: [
-            "Parent Run ",
+            tr(
+              "fluidgrids.executions.executionDetail.parentRunLinkPrefix",
+              "Parent Run"
+            ),
+            " ",
             execution.parentRunId.slice(0, 12),
             "..."
           ]
@@ -361,7 +426,10 @@ function ExecutionDetailPage() {
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 mb-2", children: [
           /* @__PURE__ */ jsx("h1", { className: "text-2xl sm:text-3xl font-bold text-text-primary", children: execution.workflow?.name || execution.workflowKey }),
           /* @__PURE__ */ jsx(ExecutionStatusBadge, { status: execution.status, size: "lg" }),
-          execution.parentRunId && /* @__PURE__ */ jsx("span", { className: "px-2 py-0.5 text-xs bg-indigo-100 text-indigo-700 rounded", children: "Sub-Workflow" })
+          execution.parentRunId && /* @__PURE__ */ jsx("span", { className: "px-2 py-0.5 text-xs bg-indigo-100 text-indigo-700 rounded", children: tr(
+            "fluidgrids.executions.executionDetail.subWorkflowBadge",
+            "Sub-Workflow"
+          ) })
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-4 text-sm text-text-secondary", children: [
           /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1", children: [
@@ -392,7 +460,10 @@ function ExecutionDetailPage() {
               className: "w-4 h-4 rounded"
             }
           ),
-          "Auto-refresh"
+          tr(
+            "fluidgrids.executions.executionDetail.autoRefreshToggle",
+            "Auto-refresh"
+          )
         ] }),
         canControlRuns && execution.status === "RUNNING" && /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsxs(
@@ -404,7 +475,10 @@ function ExecutionDetailPage() {
               disabled: actionLoading,
               children: [
                 /* @__PURE__ */ jsx(Icon, { icon: "mdi:pause", className: "mr-1", width: 16 }),
-                "Pause"
+                tr(
+                  "fluidgrids.executions.executionDetail.pauseButton",
+                  "Pause"
+                )
               ]
             }
           ),
@@ -418,7 +492,10 @@ function ExecutionDetailPage() {
               className: "border-[var(--color-status-warning-border)] text-[var(--color-status-warning-text)] hover:bg-[var(--color-status-warning-bg-subtle)]",
               children: [
                 /* @__PURE__ */ jsx(Icon, { icon: "mdi:stop", className: "mr-1", width: 16 }),
-                "Cancel"
+                tr(
+                  "fluidgrids.executions.executionDetail.cancelButton",
+                  "Cancel"
+                )
               ]
             }
           )
@@ -433,7 +510,10 @@ function ExecutionDetailPage() {
               disabled: actionLoading,
               children: [
                 /* @__PURE__ */ jsx(Icon, { icon: "mdi:play", className: "mr-1", width: 16 }),
-                "Resume"
+                tr(
+                  "fluidgrids.executions.executionDetail.resumeButton",
+                  "Resume"
+                )
               ]
             }
           ),
@@ -447,7 +527,10 @@ function ExecutionDetailPage() {
               className: "border-[var(--color-status-warning-border)] text-[var(--color-status-warning-text)] hover:bg-[var(--color-status-warning-bg-subtle)]",
               children: [
                 /* @__PURE__ */ jsx(Icon, { icon: "mdi:stop", className: "mr-1", width: 16 }),
-                "Cancel"
+                tr(
+                  "fluidgrids.executions.executionDetail.cancelButton",
+                  "Cancel"
+                )
               ]
             }
           )
@@ -461,7 +544,10 @@ function ExecutionDetailPage() {
             disabled: actionLoading,
             children: [
               /* @__PURE__ */ jsx(Icon, { icon: "mdi:stop", className: "mr-1", width: 16 }),
-              "Cancel"
+              tr(
+                "fluidgrids.executions.executionDetail.cancelButton",
+                "Cancel"
+              )
             ]
           }
         ),
@@ -475,23 +561,35 @@ function ExecutionDetailPage() {
             className: "border-[var(--color-status-error-border)] text-[var(--color-status-error-text)] hover:bg-[var(--color-status-error-bg-subtle)]",
             children: [
               /* @__PURE__ */ jsx(Icon, { icon: "mdi:close-octagon", className: "mr-1", width: 16 }),
-              "Terminate"
+              tr(
+                "fluidgrids.executions.executionDetail.terminateButton",
+                "Terminate"
+              )
             ]
           }
         ),
         /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", onClick: refetch, children: [
           /* @__PURE__ */ jsx(Icon, { icon: "mdi:refresh", className: "mr-1", width: 16 }),
-          "Refresh"
+          tr(
+            "fluidgrids.executions.executionDetail.refreshButton",
+            "Refresh"
+          )
         ] })
       ] })
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 sm:grid-cols-4 gap-4 mb-6", children: [
       /* @__PURE__ */ jsxs("div", { className: "bg-background-secondary rounded-lg border border-border-secondary p-4", children: [
-        /* @__PURE__ */ jsx("div", { className: "text-sm text-text-secondary", children: "Duration" }),
+        /* @__PURE__ */ jsx("div", { className: "text-sm text-text-secondary", children: tr(
+          "fluidgrids.executions.executionDetail.durationStat",
+          "Duration"
+        ) }),
         /* @__PURE__ */ jsx("div", { className: "text-xl font-bold text-text-primary mt-1", children: formatDuration(execution.duration) })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "bg-background-secondary rounded-lg border border-border-secondary p-4", children: [
-        /* @__PURE__ */ jsx("div", { className: "text-sm text-text-secondary", children: "Progress" }),
+        /* @__PURE__ */ jsx("div", { className: "text-sm text-text-secondary", children: tr(
+          "fluidgrids.executions.executionDetail.progressStat",
+          "Progress"
+        ) }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-1", children: [
           /* @__PURE__ */ jsx("div", { className: "flex-1 h-2 bg-background-tertiary rounded-full overflow-hidden", children: /* @__PURE__ */ jsx(
             "div",
@@ -507,7 +605,7 @@ function ExecutionDetailPage() {
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "bg-background-secondary rounded-lg border border-border-secondary p-4", children: [
-        /* @__PURE__ */ jsx("div", { className: "text-sm text-text-secondary", children: "Nodes" }),
+        /* @__PURE__ */ jsx("div", { className: "text-sm text-text-secondary", children: tr("fluidgrids.executions.executionDetail.nodesStat", "Nodes") }),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mt-1", children: [
           /* @__PURE__ */ jsx("span", { className: "text-xl font-bold text-[var(--color-status-success-text)]", children: execution.completedNodes ?? 0 }),
           /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: "/" }),
@@ -515,12 +613,17 @@ function ExecutionDetailPage() {
           (execution.failedNodes ?? 0) > 0 && /* @__PURE__ */ jsxs("span", { className: "text-sm text-[var(--color-status-error-text)] ml-2", children: [
             "(",
             execution.failedNodes,
-            " failed)"
+            " ",
+            tr(
+              "fluidgrids.executions.executionDetail.failedNodesSuffix",
+              "failed"
+            ),
+            ")"
           ] })
         ] })
       ] }),
       /* @__PURE__ */ jsxs("div", { className: "bg-background-secondary rounded-lg border border-border-secondary p-4", children: [
-        /* @__PURE__ */ jsx("div", { className: "text-sm text-text-secondary", children: "Trigger" }),
+        /* @__PURE__ */ jsx("div", { className: "text-sm text-text-secondary", children: tr("fluidgrids.executions.executionDetail.triggerStat", "Trigger") }),
         /* @__PURE__ */ jsx("div", { className: "text-lg font-medium text-text-primary mt-1 truncate", children: execution.triggerNodeId ? nodeDisplay[execution.triggerNodeId]?.label ?? execution.triggerNodeId : "\u2014" })
       ] })
     ] }),
@@ -528,7 +631,7 @@ function ExecutionDetailPage() {
       /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-[var(--color-status-error-text)] mb-2", children: [
         /* @__PURE__ */ jsx(Icon, { icon: "mdi:alert-circle", width: 20 }),
         /* @__PURE__ */ jsxs("span", { className: "font-medium", children: [
-          "Error",
+          tr("fluidgrids.executions.executionDetail.errorLabel", "Error"),
           execution.errorType ? ` (${execution.errorType})` : ""
         ] })
       ] }),
@@ -579,35 +682,59 @@ function ExecutionDetailPage() {
         }
       ) }),
       activeTab === "input" && /* @__PURE__ */ jsxs("div", { className: "p-4 sm:p-6", children: [
-        /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium text-text-primary mb-4", children: "Trigger Data" }),
+        /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium text-text-primary mb-4", children: tr(
+          "fluidgrids.executions.executionDetail.triggerDataHeading",
+          "Trigger Data"
+        ) }),
         /* @__PURE__ */ jsx("div", { className: "bg-background-primary rounded p-4 max-h-[400px] overflow-auto", children: /* @__PURE__ */ jsx("pre", { className: "text-sm text-text-primary font-mono whitespace-pre-wrap break-words", children: JSON.stringify(execution.triggerData ?? null, null, 2) }) })
       ] }),
       activeTab === "context" && /* @__PURE__ */ jsx("div", { className: "p-4 sm:p-6", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", children: [
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium text-text-primary mb-4", children: "Execution Context" }),
+          /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium text-text-primary mb-4", children: tr(
+            "fluidgrids.executions.executionDetail.executionContextHeading",
+            "Execution Context"
+          ) }),
           /* @__PURE__ */ jsx("div", { className: "bg-background-primary rounded p-4 max-h-[300px] overflow-auto", children: /* @__PURE__ */ jsx("pre", { className: "text-sm text-text-primary font-mono whitespace-pre-wrap break-words", children: JSON.stringify(execution.context ?? null, null, 2) }) })
         ] }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium text-text-primary mb-4", children: "Execution Details" }),
+          /* @__PURE__ */ jsx("h3", { className: "text-lg font-medium text-text-primary mb-4", children: tr(
+            "fluidgrids.executions.executionDetail.executionDetailsHeading",
+            "Execution Details"
+          ) }),
           /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: "Run ID" }),
+              /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
+                "fluidgrids.executions.executionDetail.runIdRow",
+                "Run ID"
+              ) }),
               /* @__PURE__ */ jsx("code", { className: "font-mono text-text-primary", children: execution.id })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: "Workflow" }),
+              /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
+                "fluidgrids.executions.executionDetail.workflowRow",
+                "Workflow"
+              ) }),
               /* @__PURE__ */ jsx("span", { className: "text-text-primary", children: execution.workflow?.name || execution.workflowKey })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: "Workflow Key" }),
+              /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
+                "fluidgrids.executions.executionDetail.workflowKeyRow",
+                "Workflow Key"
+              ) }),
               /* @__PURE__ */ jsx("code", { className: "font-mono text-text-primary", children: execution.workflowKey })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: "Version" }),
+              /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
+                "fluidgrids.executions.executionDetail.versionRow",
+                "Version"
+              ) }),
               /* @__PURE__ */ jsx("span", { className: "text-text-primary", children: formatRunVersion(execution.version) })
             ] }),
             execution.triggeredById && /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: "Triggered By" }),
+              /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
+                "fluidgrids.executions.executionDetail.triggeredByRow",
+                "Triggered By"
+              ) }),
               /* @__PURE__ */ jsx(
                 "span",
                 {
@@ -618,7 +745,10 @@ function ExecutionDetailPage() {
               )
             ] }),
             execution.parentRunId && /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: "Parent Run" }),
+              /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
+                "fluidgrids.executions.executionDetail.parentRunRow",
+                "Parent Run"
+              ) }),
               /* @__PURE__ */ jsxs(
                 Link,
                 {
@@ -632,15 +762,24 @@ function ExecutionDetailPage() {
               )
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: "Created" }),
+              /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
+                "fluidgrids.executions.executionDetail.createdRow",
+                "Created"
+              ) }),
               /* @__PURE__ */ jsx("span", { className: "text-text-primary", children: formatDateTime(execution.createdAt) })
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: "Started" }),
+              /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
+                "fluidgrids.executions.executionDetail.startedRow",
+                "Started"
+              ) }),
               /* @__PURE__ */ jsx("span", { className: "text-text-primary", children: formatDateTime(execution.startedAt) })
             ] }),
             execution.completedAt && /* @__PURE__ */ jsxs("div", { className: "flex justify-between py-2 border-b border-border-secondary", children: [
-              /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: "Completed" }),
+              /* @__PURE__ */ jsx("span", { className: "text-text-secondary", children: tr(
+                "fluidgrids.executions.executionDetail.completedRow",
+                "Completed"
+              ) }),
               /* @__PURE__ */ jsx("span", { className: "text-text-primary", children: formatDateTime(execution.completedAt) })
             ] })
           ] })
@@ -654,18 +793,33 @@ function ExecutionDetailPage() {
         onOpenChange: setShowTerminateDialog,
         children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
           /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
-            /* @__PURE__ */ jsx(AlertDialogTitle, { children: "Terminate Execution" }),
-            /* @__PURE__ */ jsx(AlertDialogDescription, { children: "Are you sure you want to force terminate this execution? This will immediately stop the running workflow and cannot be resumed." })
+            /* @__PURE__ */ jsx(AlertDialogTitle, { children: tr(
+              "fluidgrids.executions.executionDetail.terminateDialogTitle",
+              "Terminate Execution"
+            ) }),
+            /* @__PURE__ */ jsx(AlertDialogDescription, { children: tr(
+              "fluidgrids.executions.executionDetail.terminateDialogDescription",
+              "Are you sure you want to force terminate this execution? This will immediately stop the running workflow and cannot be resumed."
+            ) })
           ] }),
           /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
-            /* @__PURE__ */ jsx(AlertDialogCancel, { disabled: actionLoading, children: "Cancel" }),
+            /* @__PURE__ */ jsx(AlertDialogCancel, { disabled: actionLoading, children: tr(
+              "fluidgrids.executions.executionDetail.cancelButton",
+              "Cancel"
+            ) }),
             /* @__PURE__ */ jsx(
               AlertDialogAction,
               {
                 onClick: handleTerminate,
                 disabled: actionLoading,
                 className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-                children: actionLoading ? "Terminating..." : "Terminate"
+                children: actionLoading ? tr(
+                  "fluidgrids.executions.executionDetail.terminatingButton",
+                  "Terminating..."
+                ) : tr(
+                  "fluidgrids.executions.executionDetail.terminateButton",
+                  "Terminate"
+                )
               }
             )
           ] })
@@ -676,5 +830,5 @@ function ExecutionDetailPage() {
 }
 
 export { ExecutionDetailPage };
-//# sourceMappingURL=chunk-F5ACDIYR.js.map
-//# sourceMappingURL=chunk-F5ACDIYR.js.map
+//# sourceMappingURL=chunk-IWKLEFC7.js.map
+//# sourceMappingURL=chunk-IWKLEFC7.js.map