@elabs-ai/components-editor 4.0.0 → 4.2.0

package/dist/markdown/index.js

@@ -54,7 +54,7 @@ import {
   transposeIterationValue,
   triggerQueryStart,
   useMarkdownOutline
-} from "../chunk-LBC5VJBD.js";
+} from "../chunk-FO5S3YZM.js";
 
 // src/lib/editor-completions-monaco.ts
 import * as monaco from "monaco-editor";
@@ -452,7 +452,8 @@ import {
   Tooltip as Tooltip2,
   TooltipContent as TooltipContent2,
   TooltipProvider as TooltipProvider2,
-  TooltipTrigger as TooltipTrigger2
+  TooltipTrigger as TooltipTrigger2,
+  useLocale as useLocale7
 } from "@elabs-ai/components-ui";
 import { cn as cn13 } from "@elabs-ai/components-ui/lib/cn";
 import { Columns2, Eye, Focus, SquareCode } from "lucide-react";
@@ -1028,6 +1029,7 @@ function buildMarkdownPlugins(options = {}) {
 }
 
 // src/calc-block/calc-block.tsx
+import { useLocale } from "@elabs-ai/components-ui";
 import { cn as cn2 } from "@elabs-ai/components-ui/lib/cn";
 import { TriangleAlert } from "lucide-react";
 import { forwardRef, useId, useMemo } from "react";
@@ -1152,20 +1154,21 @@ function renderSource(text, tokens) {
   return out;
 }
 function ResultCell({ result }) {
+  const { t } = useLocale();
   if (result.error) {
     return /* @__PURE__ */ jsx2(
       "span",
       {
         className: "inline-flex shrink-0 text-calc-warning",
         title: result.error.message,
-        "aria-label": `Error: ${result.error.message}`,
+        "aria-label": t("editor.calcBlock.error", { message: result.error.message }),
         children: /* @__PURE__ */ jsx2(TriangleAlert, { className: "size-3.5", "aria-hidden": "true" })
       }
     );
   }
   if (result.value) {
     return /* @__PURE__ */ jsxs2("div", { className: "brand-calc-tok--result shrink-0 tabular-nums text-calc-result", children: [
-      /* @__PURE__ */ jsx2("span", { className: "sr-only", children: "equals " }),
+      /* @__PURE__ */ jsx2("span", { className: "sr-only", children: t("editor.calcBlock.equals") }),
       /* @__PURE__ */ jsx2("span", { children: result.value.display })
     ] });
   }
@@ -1177,12 +1180,14 @@ var CalcBlock = forwardRef(function CalcBlock2({
   title,
   showTotal = true,
   total,
-  totalLabel = "Total",
+  totalLabel: totalLabelProp,
   markers = true,
   readOnly: _readOnly,
   className,
   ...props
 }, ref) {
+  const { t } = useLocale();
+  const totalLabel = totalLabelProp ?? t("editor.calcBlock.total");
   const { lines, evalSource, hints } = useMemo(() => {
     const raw = source.split("\n");
     if (!markers) return { lines: raw, evalSource: source, hints: [] };
@@ -1264,7 +1269,7 @@ var CalcBlock = forwardRef(function CalcBlock2({
             children: resolvedTitle
           }
         ) }),
-        empty ? /* @__PURE__ */ jsx2("p", { className: "px-4 py-6 text-body text-muted-foreground", children: "Empty calc block." }) : /* @__PURE__ */ jsx2("div", { className: "flex flex-col gap-y-1 px-4 py-3 font-mono text-code leading-relaxed", children: rows }),
+        empty ? /* @__PURE__ */ jsx2("p", { className: "px-4 py-6 text-body text-muted-foreground", children: t("editor.calcBlock.emptyBlock") }) : /* @__PURE__ */ jsx2("div", { className: "flex flex-col gap-y-1 px-4 py-3 font-mono text-code leading-relaxed", children: rows }),
         showTotal && resolvedTotal != null && !empty ? /* @__PURE__ */ jsxs2("div", { className: "flex items-center justify-between border-t border-border px-4 py-2", children: [
           /* @__PURE__ */ jsx2("span", { className: "text-meta font-medium uppercase tracking-wide text-muted-foreground", children: totalLabel }),
           /* @__PURE__ */ jsx2("span", { className: "font-mono text-code font-medium tabular-nums text-foreground", children: totalDisplay })
@@ -1323,14 +1328,14 @@ var CalcInline = forwardRef2(function CalcInline2({ source, evaluate, className,
 });
 
 // src/mermaid-diagram/mermaid-diagram.tsx
-import { Button as Button2, Dialog, DialogContent, DialogTitle } from "@elabs-ai/components-ui";
+import { Button as Button2, Dialog, DialogContent, DialogTitle, useLocale as useLocale3 } from "@elabs-ai/components-ui";
 import { cn as cn5 } from "@elabs-ai/components-ui/lib/cn";
 import { Download, Maximize2 } from "lucide-react";
 import { forwardRef as forwardRef3, useEffect as useEffect3, useRef as useRef3, useState as useState3 } from "react";
 import { oklchToHex } from "@elabs-ai/components-tokens";
 
 // src/mermaid-diagram/mermaid-viewer.tsx
-import { Button, Input } from "@elabs-ai/components-ui";
+import { Button, Input, useLocale as useLocale2 } from "@elabs-ai/components-ui";
 import { cn as cn4 } from "@elabs-ai/components-ui/lib/cn";
 import { Maximize, Minus, Plus } from "lucide-react";
 import {
@@ -1366,6 +1371,7 @@ function diagramNodeLabel(node) {
   return parts.join(" \xB7 ");
 }
 function MermaidViewer({ svg, label }) {
+  const { t } = useLocale2();
   const containerRef = useRef2(null);
   const stageRef = useRef2(null);
   const [transform, setTransform] = useState2({ scale: 1, tx: 0, ty: 0 });
@@ -1450,10 +1456,10 @@ function MermaidViewer({ svg, label }) {
     if (!container) return;
     userDrivenRef.current = true;
     const rect = container.getBoundingClientRect();
-    setTransform((t) => {
-      const scale = clampScale(t.scale * factor);
-      const px = (clientX - rect.left - t.tx) / t.scale;
-      const py = (clientY - rect.top - t.ty) / t.scale;
+    setTransform((prev) => {
+      const scale = clampScale(prev.scale * factor);
+      const px = (clientX - rect.left - prev.tx) / prev.scale;
+      const py = (clientY - rect.top - prev.ty) / prev.scale;
       return { scale, tx: clientX - rect.left - px * scale, ty: clientY - rect.top - py * scale };
     });
   }, []);
@@ -1470,12 +1476,12 @@ function MermaidViewer({ svg, label }) {
     if (!container || !svgEl || !node) return;
     userDrivenRef.current = true;
     setActiveHit(id);
-    setTransform((t) => {
+    setTransform((prev) => {
       const nodeRect = node.getBoundingClientRect();
       const containerRect = container.getBoundingClientRect();
-      const cx = (nodeRect.left + nodeRect.width / 2 - containerRect.left - t.tx) / t.scale;
-      const cy = (nodeRect.top + nodeRect.height / 2 - containerRect.top - t.ty) / t.scale;
-      const scale = clampScale(Math.max(t.scale, 1.25));
+      const cx = (nodeRect.left + nodeRect.width / 2 - containerRect.left - prev.tx) / prev.scale;
+      const cy = (nodeRect.top + nodeRect.height / 2 - containerRect.top - prev.ty) / prev.scale;
+      const scale = clampScale(Math.max(prev.scale, 1.25));
       return {
         scale,
         tx: containerRect.width / 2 - cx * scale,
@@ -1496,8 +1502,8 @@ function MermaidViewer({ svg, label }) {
   const onPointerMove = (e) => {
     const drag = dragRef.current;
     if (!drag) return;
-    setTransform((t) => ({
-      ...t,
+    setTransform((prev) => ({
+      ...prev,
       tx: drag.tx + (e.clientX - drag.x),
       ty: drag.ty + (e.clientY - drag.y)
     }));
@@ -1512,15 +1518,15 @@ function MermaidViewer({ svg, label }) {
         {
           autoFocus: true,
           type: "search",
-          placeholder: "Find in diagram\u2026",
-          "aria-label": "Find in diagram",
+          placeholder: t("editor.mermaidViewer.findPlaceholder"),
+          "aria-label": t("editor.mermaidViewer.findLabel"),
           value: query,
           onChange: (e) => setQuery(e.target.value),
           spellCheck: false,
           className: "h-8 text-body"
         }
       ),
-      /* @__PURE__ */ jsx4("p", { "aria-live": "polite", className: "px-1 pt-1.5 text-meta text-muted-foreground tabular-nums", children: q.length >= 2 ? `${matches.length} ${matches.length === 1 ? "node" : "nodes"}` : `${hits.length} nodes \xB7 type to filter` }),
+      /* @__PURE__ */ jsx4("p", { "aria-live": "polite", className: "px-1 pt-1.5 text-meta text-muted-foreground tabular-nums", children: q.length >= 2 ? t("editor.mermaidViewer.matchCount", { count: matches.length }) : t("editor.mermaidViewer.nodeCountHint", { count: hits.length }) }),
       /* @__PURE__ */ jsx4("ul", { className: "m-0 mt-1 min-h-0 flex-1 list-none overflow-auto p-0", children: (q.length >= 2 ? matches : hits).map((hit) => /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsx4(
         "button",
         {
@@ -1530,7 +1536,7 @@ function MermaidViewer({ svg, label }) {
           className: cn4(
             "w-full truncate rounded-md px-2 py-1.5 text-start text-caption transition-colors duration-fast ease-standard motion-reduce:transition-none",
             "hover:bg-accent hover:text-accent-foreground",
-            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring",
+            "focus-ring-inset",
             activeHit === hit.id ? "bg-accent font-medium text-foreground" : "text-muted-foreground"
           ),
           children: hit.label
@@ -1544,7 +1550,7 @@ function MermaidViewer({ svg, label }) {
           {
             variant: "outline",
             size: "icon-sm",
-            "aria-label": "Zoom out",
+            "aria-label": t("editor.mermaidViewer.zoomOut"),
             onClick: () => zoomCenter(1 / 1.25),
             children: /* @__PURE__ */ jsx4(Minus, { className: "size-3.5" })
           }
@@ -1554,7 +1560,7 @@ function MermaidViewer({ svg, label }) {
           {
             variant: "outline",
             size: "icon-sm",
-            "aria-label": "Zoom in",
+            "aria-label": t("editor.mermaidViewer.zoomIn"),
             onClick: () => zoomCenter(1.25),
             children: /* @__PURE__ */ jsx4(Plus, { className: "size-3.5" })
           }
@@ -1565,10 +1571,10 @@ function MermaidViewer({ svg, label }) {
             variant: "outline",
             size: "sm",
             className: "h-7 px-2 font-mono text-meta tabular-nums",
-            "aria-label": "Reset zoom to 100%",
+            "aria-label": t("editor.mermaidViewer.resetZoom"),
             onClick: () => {
               userDrivenRef.current = true;
-              setTransform((t) => ({ ...t, scale: 1 }));
+              setTransform((prev) => ({ ...prev, scale: 1 }));
             },
             children: [
               Math.round(transform.scale * 100),
@@ -1581,7 +1587,7 @@ function MermaidViewer({ svg, label }) {
           {
             variant: "outline",
             size: "icon-sm",
-            "aria-label": "Fit diagram",
+            "aria-label": t("editor.mermaidViewer.fitDiagram"),
             onClick: () => {
               userDrivenRef.current = false;
               fit();
@@ -1735,6 +1741,16 @@ var TOKEN_VARS = {
   errorTextColor: "--destructive-foreground"
 };
 var renderSeq = 0;
+var mermaidRenderQueue = Promise.resolve();
+function withMermaidLock(task) {
+  const result = mermaidRenderQueue.then(task, task);
+  mermaidRenderQueue = result.then(
+    () => void 0,
+    () => void 0
+  );
+  return result;
+}
+var RENDER_DEBOUNCE_MS = 300;
 var HIT_CSS = `
   .wb-dg-hit :is(rect, polygon, circle, ellipse, path.basic) { stroke: var(--warning) !important; stroke-width: 2.5px !important; }
   .wb-dg-hit-active :is(rect, polygon, circle, ellipse, path.basic) { stroke: var(--primary) !important; stroke-width: 3px !important; }
@@ -1777,7 +1793,7 @@ function resolveThemeVariables(el) {
 var MermaidDiagram = forwardRef3(
   function MermaidDiagram2({
     chart,
-    label = "Diagram",
+    label: labelProp,
     copyable = true,
     expandable = true,
     highlightTerm,
@@ -1785,6 +1801,8 @@ var MermaidDiagram = forwardRef3(
     className,
     ...props
   }, ref) {
+    const { t } = useLocale3();
+    const label = labelProp ?? t("editor.mermaidDiagram.label");
     const hostRef = useRef3(null);
     const svgHostRef = useRef3(null);
     const [svg, setSvg] = useState3(null);
@@ -1798,7 +1816,7 @@ var MermaidDiagram = forwardRef3(
       a.href = url;
       a.download = `${label.toLowerCase().replace(/[^a-z0-9]+/g, "-") || "diagram"}.svg`;
       a.click();
-      URL.revokeObjectURL(url);
+      setTimeout(() => URL.revokeObjectURL(url), 0);
     };
     const [themeVersion, setThemeVersion] = useState3(0);
     useEffect3(() => {
@@ -1817,40 +1835,44 @@ var MermaidDiagram = forwardRef3(
         setError(null);
         return;
       }
-      (async () => {
-        try {
-          const mermaid = (await import("mermaid")).default;
+      const timer = setTimeout(() => {
+        void withMermaidLock(async () => {
           if (cancelled) return;
-          mermaid.initialize({
-            startOnLoad: false,
-            securityLevel: "strict",
-            suppressErrorRendering: true,
-            theme: "base",
-            themeVariables: resolveThemeVariables(host)
-          });
-          const render = (source) => mermaid.render(`brand-mermaid-${++renderSeq}`, source);
-          let out;
           try {
-            out = await render(chart);
-          } catch (firstErr) {
-            const token = offendingToken(
-              firstErr instanceof Error ? firstErr.message : String(firstErr)
-            );
-            const fixed = token ? remediateReservedIds(chart, token) : null;
-            if (!fixed) throw firstErr;
-            out = await render(fixed);
+            const mermaid = (await import("mermaid")).default;
+            if (cancelled) return;
+            mermaid.initialize({
+              startOnLoad: false,
+              securityLevel: "strict",
+              suppressErrorRendering: true,
+              theme: "base",
+              themeVariables: resolveThemeVariables(host)
+            });
+            const render = (source) => mermaid.render(`brand-mermaid-${++renderSeq}`, source);
+            let out;
+            try {
+              out = await render(chart);
+            } catch (firstErr) {
+              const token = offendingToken(
+                firstErr instanceof Error ? firstErr.message : String(firstErr)
+              );
+              const fixed = token ? remediateReservedIds(chart, token) : null;
+              if (!fixed) throw firstErr;
+              out = await render(fixed);
+            }
+            if (cancelled) return;
+            setSvg(out.svg);
+            setError(null);
+          } catch (err) {
+            if (cancelled) return;
+            setSvg(null);
+            setError(err instanceof Error ? err.message : String(err));
           }
-          if (cancelled) return;
-          setSvg(out.svg);
-          setError(null);
-        } catch (err) {
-          if (cancelled) return;
-          setSvg(null);
-          setError(err instanceof Error ? err.message : String(err));
-        }
-      })();
+        });
+      }, RENDER_DEBOUNCE_MS);
       return () => {
         cancelled = true;
+        clearTimeout(timer);
       };
     }, [chart, themeVersion]);
     useEffect3(() => {
@@ -1886,7 +1908,7 @@ var MermaidDiagram = forwardRef3(
               {
                 variant: "outline",
                 size: "icon-sm",
-                "aria-label": "Expand diagram",
+                "aria-label": t("editor.mermaidDiagram.expand"),
                 onClick: () => setExpanded(true),
                 children: /* @__PURE__ */ jsx5(Maximize2, { className: "size-3.5" })
               }
@@ -1896,7 +1918,7 @@ var MermaidDiagram = forwardRef3(
               {
                 variant: "outline",
                 size: "icon-sm",
-                "aria-label": "Download diagram as SVG",
+                "aria-label": t("editor.mermaidDiagram.downloadSvg"),
                 onClick: downloadSvg,
                 children: /* @__PURE__ */ jsx5(Download, { className: "size-3.5" })
               }
@@ -1906,7 +1928,7 @@ var MermaidDiagram = forwardRef3(
               {
                 value: chart,
                 label: false,
-                "aria-label": "Copy diagram source",
+                "aria-label": t("editor.mermaidDiagram.copySource"),
                 size: "icon-sm"
               }
             ) : null
@@ -1917,7 +1939,7 @@ var MermaidDiagram = forwardRef3(
               role: "alert",
               className: "space-y-2 border-s-2 border-s-destructive bg-destructive/10 p-3 text-body",
               children: [
-                /* @__PURE__ */ jsx5("p", { className: "font-medium text-destructive-text", children: "Diagram failed to render" }),
+                /* @__PURE__ */ jsx5("p", { className: "font-medium text-destructive-text", children: t("editor.mermaidDiagram.renderFailed") }),
                 /* @__PURE__ */ jsx5("p", { className: "text-muted-foreground", children: error }),
                 /* @__PURE__ */ jsx5("pre", { className: "overflow-x-auto rounded bg-muted p-2 font-mono text-code text-foreground", children: chart })
               ]
@@ -1938,7 +1960,7 @@ var MermaidDiagram = forwardRef3(
             "div",
             {
               role: "status",
-              "aria-label": "Rendering diagram\u2026",
+              "aria-label": t("editor.mermaidDiagram.rendering"),
               className: "h-24 animate-pulse rounded-md bg-surface-muted motion-reduce:animate-none"
             }
           ),
@@ -2098,7 +2120,7 @@ import remarkMath from "remark-math";
 
 // src/markdown-academic/citations.tsx
 import { cn as cn7 } from "@elabs-ai/components-ui/lib/cn";
-import { Separator } from "@elabs-ai/components-ui";
+import { Separator, useLocale as useLocale4 } from "@elabs-ai/components-ui";
 import {
   createContext,
   forwardRef as forwardRef4,
@@ -2198,14 +2220,15 @@ function hoverTitle(data) {
   return parts.join(". ");
 }
 function CiteLink({ entry, label }) {
+  const { t } = useLocale4();
   const name = entry.data ? hoverTitle(entry.data) : entry.key;
   return /* @__PURE__ */ jsx7(
     "a",
     {
       href: `#ref-${cssId(entry.key)}`,
       title: entry.data ? hoverTitle(entry.data) : void 0,
-      "aria-label": `Citation: ${name}`,
-      className: "text-primary-text underline hover:underline focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+      "aria-label": t("editor.citations.citationLabel", { name }),
+      className: "text-link underline hover:underline focus-visible:rounded-sm focus-ring",
       children: label
     }
   );
@@ -2223,6 +2246,7 @@ function readCite(rest) {
   }
 }
 function InlineCite({ node: _n, children: _c, ...rest }) {
+  const { t } = useLocale4();
   const ctx = useContext(CitationContext);
   const payload = readCite(rest);
   if (!payload) return null;
@@ -2230,7 +2254,7 @@ function InlineCite({ node: _n, children: _c, ...rest }) {
   const resolved = payload.items.map((it) => ({ it, entry: ctx.byKey.get(it.key) }));
   const anyResolved = resolved.some((r) => r.entry?.data);
   if (!anyResolved) {
-    return /* @__PURE__ */ jsx7("span", { className: "text-muted-foreground", title: "Unresolved citation", children: payload.original });
+    return /* @__PURE__ */ jsx7("span", { className: "text-muted-foreground", title: t("editor.citations.unresolvedCitation"), children: payload.original });
   }
   const numeric = ctx.style === "numeric";
   const open = numeric ? "[" : "(";
@@ -2242,7 +2266,14 @@ function InlineCite({ node: _n, children: _c, ...rest }) {
       const label = numeric ? numericLabel(it, entry) : authorYearLabel(it, entry);
       return /* @__PURE__ */ jsxs7("span", { children: [
         i > 0 ? sep : null,
-        entry?.data ? /* @__PURE__ */ jsx7(CiteLink, { entry, label }) : /* @__PURE__ */ jsx7("span", { className: "text-muted-foreground", title: `Unresolved: @${it.key}`, children: label })
+        entry?.data ? /* @__PURE__ */ jsx7(CiteLink, { entry, label }) : /* @__PURE__ */ jsx7(
+          "span",
+          {
+            className: "text-muted-foreground",
+            title: t("editor.citations.unresolvedKey", { key: it.key }),
+            children: label
+          }
+        )
       ] }, `${it.key}-${i}`);
     }),
     close
@@ -2276,7 +2307,9 @@ function referenceHref(data) {
   if (data.doi) return `https://doi.org/${data.doi}`;
   return void 0;
 }
-var Bibliography = forwardRef4(function Bibliography2({ entries, style, title = "References", className, ...props }, ref) {
+var Bibliography = forwardRef4(function Bibliography2({ entries, style, title: titleProp, className, ...props }, ref) {
+  const { t } = useLocale4();
+  const title = titleProp ?? t("editor.citations.references");
   const ctx = useContext(CitationContext);
   const labelId = useId2();
   const list = entries ?? ctx?.order ?? [];
@@ -2310,7 +2343,7 @@ var Bibliography = forwardRef4(function Bibliography2({ entries, style, title =
                   href,
                   target: "_blank",
                   rel: "noopener noreferrer",
-                  className: "break-words text-primary-text underline underline-offset-2 hover:underline focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+                  className: "break-words text-link underline underline-offset-2 hover:underline focus-visible:rounded-sm focus-ring",
                   children: data.url ?? `doi:${data.doi}`
                 }
               ) : null
@@ -2413,7 +2446,7 @@ function FootnoteRef({ node: _n, children: _c, ...rest }) {
       href: `#fn-${id}`,
       "data-footnote-ref": "",
       "aria-label": `Footnote ${n}`,
-      className: "px-0.5 font-medium text-primary-text underline tabular-nums hover:underline focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+      className: "px-0.5 font-medium text-link underline tabular-nums hover:underline focus-visible:rounded-sm focus-ring",
       children: n
     }
   ) });
@@ -2437,7 +2470,7 @@ function FootnoteItem({ node: _n, children, ...rest }) {
             href: `#${refId}`,
             "data-footnote-backref": "",
             "aria-label": refList.length > 1 ? `Back to reference ${n}, mention ${i + 1}` : `Back to reference ${n}`,
-            className: "ms-0.5 inline-flex items-center text-muted-foreground no-underline hover:text-foreground focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+            className: "ms-0.5 inline-flex items-center text-muted-foreground no-underline hover:text-foreground focus-visible:rounded-sm focus-ring",
             children: [
               /* @__PURE__ */ jsx8("span", { "aria-hidden": "true", children: "\u21A9" }),
               refList.length > 1 ? /* @__PURE__ */ jsx8("sub", { className: "ms-0.5 leading-none tabular-nums", children: i + 1 }) : null
@@ -2459,6 +2492,7 @@ var FootnoteList = forwardRef5(function FootnoteList2({ className, children, ...
 });
 
 // src/markdown-academic/math.tsx
+import { useLocale as useLocale5 } from "@elabs-ai/components-ui";
 import { cn as cn9 } from "@elabs-ai/components-ui/lib/cn";
 import katex from "katex";
 import { useMemo as useMemo4 } from "react";
@@ -2508,14 +2542,15 @@ function renderKatex(tex, displayMode) {
   }
 }
 function MathInline({ tex, className, ...props }) {
+  const { t } = useLocale5();
   const { html, error } = useMemo4(() => renderKatex(tex, false), [tex]);
   if (error) {
     return /* @__PURE__ */ jsx9(
       "code",
       {
         className: cn9("text-destructive-text", className),
-        "aria-label": `Math (could not render): ${tex}`,
-        title: "Could not render math",
+        "aria-label": t("editor.math.renderErrorLabel", { tex }),
+        title: t("editor.math.renderError"),
         ...props,
         children: tex
       }
@@ -2533,6 +2568,7 @@ function MathInline({ tex, className, ...props }) {
   );
 }
 function MathBlock({ tex, className, ...props }) {
+  const { t } = useLocale5();
   const { html, error } = useMemo4(() => renderKatex(tex, true), [tex]);
   if (error) {
     return /* @__PURE__ */ jsx9(
@@ -2542,8 +2578,8 @@ function MathBlock({ tex, className, ...props }) {
           "overflow-x-auto rounded-md bg-surface-muted p-3 text-destructive-text",
           className
         ),
-        "aria-label": `Math (could not render): ${tex}`,
-        title: "Could not render math",
+        "aria-label": t("editor.math.renderErrorLabel", { tex }),
+        title: t("editor.math.renderError"),
         ...props,
         children: /* @__PURE__ */ jsx9("code", { children: tex })
       }
@@ -2596,7 +2632,7 @@ var TableOfContents = forwardRef6(
         "a",
         {
           href: `#${it.id}`,
-          className: "text-muted-foreground underline hover:text-foreground hover:underline focus-visible:rounded-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+          className: "text-muted-foreground underline hover:text-foreground hover:underline focus-visible:rounded-sm focus-ring",
           children: it.text
         }
       ) }, it.id)) })
@@ -3453,7 +3489,8 @@ import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
-  TooltipTrigger
+  TooltipTrigger,
+  useLocale as useLocale6
 } from "@elabs-ai/components-ui";
 import { cn as cn12 } from "@elabs-ai/components-ui/lib/cn";
 import {
@@ -3472,24 +3509,38 @@ import {
 import { forwardRef as forwardRef8, Fragment as Fragment3 } from "react";
 import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var DIRECTIVE_SNIPPETS = [
-  { label: "Card", snippet: `:::card{title="Title"}
+  {
+    labelKey: "editor.markdownToolbar.directiveCard",
+    snippet: `:::card{title="Title"}
 Content
-:::` },
-  { label: "Callout", snippet: `:::callout{type="info" title="Note"}
+:::`
+    // i18n-exempt: example document content
+  },
+  {
+    labelKey: "editor.markdownToolbar.directiveCallout",
+    snippet: `:::callout{type="info" title="Note"}
 Message
-:::` },
-  { label: "Metric", snippet: `::metric{label="Label" value="0" description="detail"}` },
+:::`
+    // i18n-exempt: example document content
+  },
+  {
+    labelKey: "editor.markdownToolbar.directiveMetric",
+    snippet: `::metric{label="Label" value="0" description="detail"}`
+    // i18n-exempt: example document content
+  },
   {
-    label: "Timeline",
+    labelKey: "editor.markdownToolbar.directiveTimeline",
     snippet: `:::timeline
 - (done) Step one
 - (active) Step two
 - (pending) Step three
 :::`
+    // i18n-exempt: example document content
   }
 ];
 var MarkdownToolbar = forwardRef8(
   function MarkdownToolbar2({ editor: editor2, actions, insertCommands, className, ...props }, ref) {
+    const { t } = useLocale6();
     const disabled = !editor2;
     const run = (fn) => () => {
       if (editor2) fn(editor2);
@@ -3521,7 +3572,7 @@ var MarkdownToolbar = forwardRef8(
       {
         ref,
         role: "toolbar",
-        "aria-label": "Markdown formatting",
+        "aria-label": t("editor.markdownToolbar.label"),
         className: cn12(
           "flex h-10 shrink-0 items-center gap-0.5 border-b border-border bg-surface px-2",
           className
@@ -3531,7 +3582,7 @@ var MarkdownToolbar = forwardRef8(
           /* @__PURE__ */ jsx13(
             IconButton,
             {
-              label: "Bold",
+              label: t("editor.markdownToolbar.bold"),
               icon: /* @__PURE__ */ jsx13(Bold, { className: "size-4" }),
               onClick: run((e) => wrapSelection(e, "**"))
             }
@@ -3539,7 +3590,7 @@ var MarkdownToolbar = forwardRef8(
           /* @__PURE__ */ jsx13(
             IconButton,
             {
-              label: "Italic",
+              label: t("editor.markdownToolbar.italic"),
               icon: /* @__PURE__ */ jsx13(Italic, { className: "size-4" }),
               onClick: run((e) => wrapSelection(e, "*"))
             }
@@ -3547,12 +3598,19 @@ var MarkdownToolbar = forwardRef8(
           /* @__PURE__ */ jsx13(
             IconButton,
             {
-              label: "Inline code",
+              label: t("editor.markdownToolbar.inlineCode"),
               icon: /* @__PURE__ */ jsx13(Code2, { className: "size-4" }),
               onClick: run((e) => wrapSelection(e, "`"))
             }
           ),
-          /* @__PURE__ */ jsx13(IconButton, { label: "Link", icon: /* @__PURE__ */ jsx13(Link2, { className: "size-4" }), onClick: run(insertLink) }),
+          /* @__PURE__ */ jsx13(
+            IconButton,
+            {
+              label: t("editor.markdownToolbar.link"),
+              icon: /* @__PURE__ */ jsx13(Link2, { className: "size-4" }),
+              onClick: run(insertLink)
+            }
+          ),
           /* @__PURE__ */ jsx13(Separator4, { orientation: "vertical", className: "mx-1 h-5" }),
           /* @__PURE__ */ jsxs11(DropdownMenu, { children: [
             /* @__PURE__ */ jsxs11(Tooltip, { children: [
@@ -3564,23 +3622,20 @@ var MarkdownToolbar = forwardRef8(
                   size: "sm",
                   disabled,
                   className: "gap-1",
-                  "aria-label": "Heading level",
+                  "aria-label": t("editor.markdownToolbar.headingLevel"),
                   children: [
                     /* @__PURE__ */ jsx13(Heading, { className: "size-4" }),
                     /* @__PURE__ */ jsx13(ChevronDown, { className: "size-3" })
                   ]
                 }
               ) }) }),
-              /* @__PURE__ */ jsx13(TooltipContent, { children: "Heading" })
+              /* @__PURE__ */ jsx13(TooltipContent, { children: t("editor.markdownToolbar.heading") })
             ] }),
-            /* @__PURE__ */ jsx13(DropdownMenuContent, { align: "start", children: [1, 2, 3].map((level) => /* @__PURE__ */ jsxs11(
+            /* @__PURE__ */ jsx13(DropdownMenuContent, { align: "start", children: [1, 2, 3].map((level) => /* @__PURE__ */ jsx13(
               DropdownMenuItem,
               {
                 onSelect: run((e) => toggleLinePrefix(e, `${"#".repeat(level)} `)),
-                children: [
-                  "Heading ",
-                  level
-                ]
+                children: t("editor.markdownToolbar.headingLevelItem", { level })
               },
               level
             )) })
@@ -3588,7 +3643,7 @@ var MarkdownToolbar = forwardRef8(
           /* @__PURE__ */ jsx13(
             IconButton,
             {
-              label: "Quote",
+              label: t("editor.markdownToolbar.quote"),
               icon: /* @__PURE__ */ jsx13(Quote, { className: "size-4" }),
               onClick: run((e) => toggleLinePrefix(e, "> "))
             }
@@ -3596,7 +3651,7 @@ var MarkdownToolbar = forwardRef8(
           /* @__PURE__ */ jsx13(
             IconButton,
             {
-              label: "Bullet list",
+              label: t("editor.markdownToolbar.bulletList"),
               icon: /* @__PURE__ */ jsx13(List, { className: "size-4" }),
               onClick: run((e) => toggleLinePrefix(e, "- "))
             }
@@ -3604,7 +3659,7 @@ var MarkdownToolbar = forwardRef8(
           /* @__PURE__ */ jsx13(
             IconButton,
             {
-              label: "Numbered list",
+              label: t("editor.markdownToolbar.numberedList"),
               icon: /* @__PURE__ */ jsx13(ListOrdered, { className: "size-4" }),
               onClick: run((e) => toggleLinePrefix(e, "1. "))
             }
@@ -3612,7 +3667,7 @@ var MarkdownToolbar = forwardRef8(
           /* @__PURE__ */ jsx13(
             IconButton,
             {
-              label: "Divider",
+              label: t("editor.markdownToolbar.divider"),
               icon: /* @__PURE__ */ jsx13(Minus2, { className: "size-4" }),
               onClick: run(insertHorizontalRule)
             }
@@ -3628,14 +3683,14 @@ var MarkdownToolbar = forwardRef8(
                   size: "sm",
                   disabled,
                   className: "gap-1",
-                  "aria-label": "Insert block",
+                  "aria-label": t("editor.markdownToolbar.insertBlock"),
                   children: [
                     /* @__PURE__ */ jsx13(SquarePlus, { className: "size-4" }),
-                    /* @__PURE__ */ jsx13("span", { className: "text-xs", children: "Insert" })
+                    /* @__PURE__ */ jsx13("span", { className: "text-xs", children: t("editor.markdownToolbar.insert") })
                   ]
                 }
               ) }) }),
-              /* @__PURE__ */ jsx13(TooltipContent, { children: "Insert brand block" })
+              /* @__PURE__ */ jsx13(TooltipContent, { children: t("editor.markdownToolbar.insertBrandBlock") })
             ] }),
             /* @__PURE__ */ jsx13(DropdownMenuContent, { align: "start", children: insertGroups && insertGroups.length > 0 ? insertGroups.map(({ group, commands }, gi) => /* @__PURE__ */ jsxs11(Fragment3, { children: [
               gi > 0 ? /* @__PURE__ */ jsx13(DropdownMenuSeparator, {}) : null,
@@ -3652,13 +3707,13 @@ var MarkdownToolbar = forwardRef8(
                 },
                 cmd.id
               ))
-            ] }, group)) : DIRECTIVE_SNIPPETS.map(({ label, snippet }) => /* @__PURE__ */ jsx13(
+            ] }, group)) : DIRECTIVE_SNIPPETS.map(({ labelKey, snippet }) => /* @__PURE__ */ jsx13(
               DropdownMenuItem,
               {
                 onSelect: run((e) => insertDirective(e, snippet)),
-                children: label
+                children: t(labelKey)
               },
-              label
+              labelKey
             )) })
           ] }),
           actions ? /* @__PURE__ */ jsx13("div", { className: "ml-auto flex items-center gap-1.5", children: actions }) : null
@@ -3712,6 +3767,7 @@ var MarkdownWorkspace = forwardRef9(
     className,
     ...props
   }, ref) {
+    const { t } = useLocale7();
     const slashCommandList = typeof slashMenu === "object" && slashMenu.commands ? slashMenu.commands : BRAND_SLASH_COMMANDS;
     const toolbarInsertCommands = insertCommands ?? slashCommandList;
     const isControlled = value !== void 0;
@@ -4052,15 +4108,16 @@ var MarkdownWorkspace = forwardRef9(
                   size: "sm",
                   pressed: focusWritingOn,
                   onPressedChange: setFocusWritingOn,
-                  "aria-label": "Focus writing",
+                  "aria-label": t("editor.markdownWorkspace.focusWriting"),
                   className: "h-6 gap-1.5 px-2 text-caption",
                   children: [
                     /* @__PURE__ */ jsx14(Focus, { className: "size-3.5", "aria-hidden": "true" }),
-                    " Focus"
+                    " ",
+                    t("editor.markdownWorkspace.focus")
                   ]
                 }
               ) }),
-              /* @__PURE__ */ jsx14(TooltipContent2, { children: "Typewriter scrolling \xB7 inactive paragraphs dim" })
+              /* @__PURE__ */ jsx14(TooltipContent2, { children: t("editor.markdownWorkspace.focusWritingHint") })
             ] }) }) : null,
             trailing
           ] }) : /* @__PURE__ */ jsx14(
@@ -4177,7 +4234,8 @@ import {
   Card as Card2,
   CardContent as CardContent2,
   CardHeader as CardHeader2,
-  Separator as Separator5
+  Separator as Separator5,
+  useLocale as useLocale8
 } from "@elabs-ai/components-ui";
 import { cn as cn15 } from "@elabs-ai/components-ui/lib/cn";
 import { cva } from "class-variance-authority";
@@ -4193,11 +4251,11 @@ var STATUS_BADGE_VARIANT = {
   proposed: "info",
   superseded: "secondary"
 };
-var STATUS_LABELS = {
-  accepted: "Accepted",
-  rejected: "Rejected",
-  proposed: "Proposed",
-  superseded: "Superseded"
+var STATUS_LABEL_KEYS = {
+  accepted: "editor.decisionCard.statusAccepted",
+  rejected: "editor.decisionCard.statusRejected",
+  proposed: "editor.decisionCard.statusProposed",
+  superseded: "editor.decisionCard.statusSuperseded"
 };
 var STATUS_ICONS = {
   accepted: CheckCircle2,
@@ -4220,16 +4278,17 @@ var decisionCardVariants = cva("border-s-4", {
   defaultVariants: { status: "proposed" }
 });
 var DecisionCard = forwardRef11(function DecisionCard2({ status: rawStatus, date, alternatives, children, className, ...props }, ref) {
+  const { t } = useLocale8();
   const status = isDecisionStatus(rawStatus ?? "") ? rawStatus : "proposed";
   const badgeVariant = STATUS_BADGE_VARIANT[status];
-  const label = STATUS_LABELS[status];
+  const label = t(STATUS_LABEL_KEYS[status]);
   const Icon = STATUS_ICONS[status];
   const altItems = alternatives ? alternatives.split(",").map((s) => s.trim()).filter(Boolean) : [];
   return /* @__PURE__ */ jsx16(
     "section",
     {
       ref,
-      "aria-label": `Decision: ${label}`,
+      "aria-label": t("editor.decisionCard.label", { label }),
       className: cn15("not-prose", className),
       ...props,
       children: /* @__PURE__ */ jsxs14(Card2, { className: cn15(decisionCardVariants({ status })), children: [
@@ -4244,8 +4303,15 @@ var DecisionCard = forwardRef11(function DecisionCard2({ status: rawStatus, date
         altItems.length > 0 ? /* @__PURE__ */ jsxs14(Fragment5, { children: [
           /* @__PURE__ */ jsx16(Separator5, {}),
           /* @__PURE__ */ jsxs14("div", { className: "px-6 py-4", children: [
-            /* @__PURE__ */ jsx16("p", { className: "mb-2 text-meta font-medium text-muted-foreground", children: "Alternatives considered" }),
-            /* @__PURE__ */ jsx16("ul", { className: "flex flex-wrap gap-1.5", "aria-label": "Alternatives considered", children: altItems.map((alt) => /* @__PURE__ */ jsx16("li", { children: /* @__PURE__ */ jsx16(Badge, { variant: "outline", className: "text-meta", children: alt }) }, alt)) })
+            /* @__PURE__ */ jsx16("p", { className: "mb-2 text-meta font-medium text-muted-foreground", children: t("editor.decisionCard.alternativesConsidered") }),
+            /* @__PURE__ */ jsx16(
+              "ul",
+              {
+                className: "flex flex-wrap gap-1.5",
+                "aria-label": t("editor.decisionCard.alternativesConsidered"),
+                children: altItems.map((alt) => /* @__PURE__ */ jsx16("li", { children: /* @__PURE__ */ jsx16(Badge, { variant: "outline", className: "text-meta", children: alt }) }, alt))
+              }
+            )
           ] })
         ] }) : null
       ] })
@@ -4277,7 +4343,7 @@ function kindMeta(kind) {
 var entityChipVariants = cva2(
   // inline-flex + align-middle keeps the chip in the text baseline;
   // no `block` wrapper so it is valid inside <p>.
-  "inline-flex items-center gap-1 rounded-sm border px-1.5 py-0.5 text-meta font-medium align-middle focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+  "inline-flex items-center gap-1 rounded-sm border px-1.5 py-0.5 text-meta font-medium align-middle focus-ring",
   {
     variants: {
       kind: {
@@ -4360,12 +4426,13 @@ var EntityCard = forwardRef12(function EntityCard2({ kind: rawKind, name, childr
 });
 
 // src/ai-objects/knowledge-card.tsx
-import { Card as Card4, CardContent as CardContent4, CardFooter } from "@elabs-ai/components-ui";
+import { Card as Card4, CardContent as CardContent4, CardFooter, useLocale as useLocale9 } from "@elabs-ai/components-ui";
 import { cn as cn17 } from "@elabs-ai/components-ui/lib/cn";
 import { BookOpen, FileText } from "lucide-react";
 import { forwardRef as forwardRef13 } from "react";
 import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 function SourceRow({ path, resolve }) {
+  const { t } = useLocale9();
   const resolved = resolve ? resolve(path) : null;
   const display = resolved?.title ?? path;
   if (resolved) {
@@ -4375,8 +4442,8 @@ function SourceRow({ path, resolve }) {
         href: resolved.href,
         rel: "noopener noreferrer",
         target: "_blank",
-        className: "flex min-w-0 items-center gap-1.5 text-meta text-primary-text underline-offset-2 hover:underline focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
-        "aria-label": `Source: ${display}`,
+        className: "flex min-w-0 items-center gap-1.5 text-meta text-link underline-offset-2 hover:underline focus-ring",
+        "aria-label": t("editor.knowledgeCard.source", { name: display }),
         children: [
           /* @__PURE__ */ jsx18(FileText, { className: "size-3 shrink-0", "aria-hidden": "true" }),
           /* @__PURE__ */ jsx18("span", { className: "truncate", children: display })
@@ -4388,7 +4455,7 @@ function SourceRow({ path, resolve }) {
     "span",
     {
       className: "flex min-w-0 items-center gap-1.5 text-meta text-muted-foreground",
-      "aria-label": `Source (unresolved): ${display}`,
+      "aria-label": t("editor.knowledgeCard.sourceUnresolved", { name: display }),
       children: [
         /* @__PURE__ */ jsx18(FileText, { className: "size-3 shrink-0", "aria-hidden": "true" }),
         /* @__PURE__ */ jsx18("span", { className: "truncate", children: display })
@@ -4397,25 +4464,33 @@ function SourceRow({ path, resolve }) {
   );
 }
 var KnowledgeCard = forwardRef13(function KnowledgeCard2({ sources, resolve, children, className, ...props }, ref) {
+  const { t } = useLocale9();
   const sourcePaths = sources ? sources.split(",").map((s) => s.trim()).filter(Boolean) : [];
   return /* @__PURE__ */ jsx18(
     "section",
     {
       ref,
-      "aria-label": "Knowledge fact",
+      "aria-label": t("editor.knowledgeCard.label"),
       className: cn17("not-prose", className),
       ...props,
       children: /* @__PURE__ */ jsxs16(Card4, { className: "border-s-4 border-s-info", children: [
         /* @__PURE__ */ jsxs16(CardContent4, { className: "pt-4", children: [
           /* @__PURE__ */ jsxs16("div", { className: "mb-2 flex items-center gap-1.5", children: [
             /* @__PURE__ */ jsx18(BookOpen, { className: "size-3.5 shrink-0 text-info-text", "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx18("span", { className: "text-meta font-medium text-info-text", children: "Knowledge" })
+            /* @__PURE__ */ jsx18("span", { className: "text-meta font-medium text-info-text", children: t("editor.knowledgeCard.heading") })
           ] }),
           /* @__PURE__ */ jsx18("div", { className: "text-body text-foreground", children })
         ] }),
         sourcePaths.length > 0 ? /* @__PURE__ */ jsxs16(CardFooter, { className: "flex-col items-start gap-1 border-t border-border pt-3", children: [
-          /* @__PURE__ */ jsx18("p", { className: "text-meta font-medium text-muted-foreground", children: "Sources" }),
-          /* @__PURE__ */ jsx18("ul", { className: "flex w-full flex-col gap-1", "aria-label": "Sources", children: sourcePaths.map((path) => /* @__PURE__ */ jsx18("li", { className: "min-w-0", children: /* @__PURE__ */ jsx18(SourceRow, { path, resolve }) }, path)) })
+          /* @__PURE__ */ jsx18("p", { className: "text-meta font-medium text-muted-foreground", children: t("editor.knowledgeCard.sources") }),
+          /* @__PURE__ */ jsx18(
+            "ul",
+            {
+              className: "flex w-full flex-col gap-1",
+              "aria-label": t("editor.knowledgeCard.sources"),
+              children: sourcePaths.map((path) => /* @__PURE__ */ jsx18("li", { className: "min-w-0", children: /* @__PURE__ */ jsx18(SourceRow, { path, resolve }) }, path))
+            }
+          )
         ] }) : null
       ] })
     }
@@ -4484,7 +4559,8 @@ import {
   DialogDescription,
   DialogFooter,
   DialogHeader,
-  DialogTitle as DialogTitle2
+  DialogTitle as DialogTitle2,
+  useLocale as useLocale10
 } from "@elabs-ai/components-ui";
 import { useEffect as useEffect7, useState as useState7 } from "react";
 import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
@@ -4496,6 +4572,7 @@ function IterationTemplateDialog({
   kind = "iterate",
   mode = "split"
 }) {
+  const { t } = useLocale10();
   const [draft, setDraft] = useState7(template);
   useEffect7(() => {
     if (open) setDraft(template);
@@ -4505,41 +4582,42 @@ function IterationTemplateDialog({
     onSave(draft);
     onOpenChange(false);
   };
-  return /* @__PURE__ */ jsx19(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ jsxs17(DialogContent2, { className: "flex max-h-[85vh] w-[min(48rem,92vw)] max-w-none flex-col", children: [
-    /* @__PURE__ */ jsxs17(DialogHeader, { children: [
-      /* @__PURE__ */ jsxs17(DialogTitle2, { children: [
-        "Edit ",
-        kind === "pivot" ? "pivot" : "iteration",
-        " template"
-      ] }),
-      /* @__PURE__ */ jsxs17(DialogDescription, { children: [
-        "The per-",
-        unit,
-        " template. Use ",
-        /* @__PURE__ */ jsx19("code", { children: "{{token}}" }),
-        " placeholders (e.g.",
-        " ",
-        /* @__PURE__ */ jsx19("code", { children: "{{item.name}}" }),
-        ") \u2014 each is filled per ",
-        unit,
-        " when the block renders."
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx19("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx19(
-      MarkdownWorkspace,
-      {
-        value: draft,
-        onChange: setDraft,
-        defaultMode: mode,
-        className: "h-full",
-        "aria-label": "Iteration template editor"
-      }
-    ) }),
-    /* @__PURE__ */ jsxs17(DialogFooter, { children: [
-      /* @__PURE__ */ jsx19(Button4, { variant: "ghost", onClick: () => onOpenChange(false), children: "Cancel" }),
-      /* @__PURE__ */ jsx19(Button4, { onClick: save, children: "Save template" })
-    ] })
-  ] }) });
+  return /* @__PURE__ */ jsx19(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ jsxs17(
+    DialogContent2,
+    {
+      className: "flex max-h-[85vh] w-[min(48rem,92vw)] max-w-none flex-col",
+      onOpenAutoFocus: (event) => {
+        event.preventDefault();
+        event.currentTarget?.focus();
+      },
+      children: [
+        /* @__PURE__ */ jsxs17(DialogHeader, { children: [
+          /* @__PURE__ */ jsx19(DialogTitle2, { children: kind === "pivot" ? t("editor.templateDialog.editPivotTitle") : t("editor.templateDialog.editIterationTitle") }),
+          /* @__PURE__ */ jsxs17(DialogDescription, { children: [
+            t("editor.templateDialog.descriptionPrefix", { unit }),
+            /* @__PURE__ */ jsx19("code", { children: "{{token}}" }),
+            t("editor.templateDialog.descriptionMiddle"),
+            /* @__PURE__ */ jsx19("code", { children: "{{item.name}}" }),
+            t("editor.templateDialog.descriptionSuffix", { unit })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx19("div", { className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx19(
+          MarkdownWorkspace,
+          {
+            value: draft,
+            onChange: setDraft,
+            defaultMode: mode,
+            className: "h-full",
+            "aria-label": t("editor.templateDialog.editorLabel")
+          }
+        ) }),
+        /* @__PURE__ */ jsxs17(DialogFooter, { children: [
+          /* @__PURE__ */ jsx19(Button4, { variant: "ghost", onClick: () => onOpenChange(false), children: t("editor.templateDialog.cancel") }),
+          /* @__PURE__ */ jsx19(Button4, { onClick: save, children: t("editor.templateDialog.saveTemplate") })
+        ] })
+      ]
+    }
+  ) });
 }
 function IterationTemplateProvider({ children }) {
   const [request, setRequest] = useState7(null);
@@ -4574,7 +4652,8 @@ import {
   Label,
   TagInput,
   ToggleGroup as ToggleGroup2,
-  ToggleGroupItem as ToggleGroupItem2
+  ToggleGroupItem as ToggleGroupItem2,
+  useLocale as useLocale11
 } from "@elabs-ai/components-ui";
 import { useEffect as useEffect8, useId as useId4, useMemo as useMemo7, useState as useState8 } from "react";
 import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
@@ -4588,6 +4667,7 @@ function IterationBuilderDialog({
   evaluate,
   interpolate
 }) {
+  const { t } = useLocale11();
   const kind = value?.kind ?? kindProp;
   const isPivot = kind === "pivot";
   const ids = useId4();
@@ -4624,20 +4704,21 @@ function IterationBuilderDialog({
     onSave(serializeIterationDirective(draft));
     onOpenChange(false);
   };
-  const noun = isPivot ? "pivot" : "iteration";
+  const noun = isPivot ? t("editor.iterationBuilder.pivotNoun") : t("editor.iterationBuilder.iterationNoun");
   return /* @__PURE__ */ jsx20(Dialog3, { open, onOpenChange, children: /* @__PURE__ */ jsxs18(DialogContent3, { className: "flex max-h-[88vh] w-[min(56rem,94vw)] max-w-none flex-col", children: [
     /* @__PURE__ */ jsxs18(DialogHeader2, { children: [
-      /* @__PURE__ */ jsxs18(DialogTitle3, { children: [
-        value ? "Edit" : "Insert",
-        " ",
-        noun
-      ] }),
-      /* @__PURE__ */ jsx20(DialogDescription2, { children: isPivot ? "Pick the row and column values, then write the per-cell template. The matrix below fills in live." : "Add the list values, then write the per-row template. The result below fills in live." })
+      /* @__PURE__ */ jsx20(DialogTitle3, { children: t(
+        value ? "editor.iterationBuilder.editTitle" : "editor.iterationBuilder.insertTitle",
+        {
+          noun
+        }
+      ) }),
+      /* @__PURE__ */ jsx20(DialogDescription2, { children: isPivot ? t("editor.iterationBuilder.pivotDescription") : t("editor.iterationBuilder.iterationDescription") })
     ] }),
     /* @__PURE__ */ jsxs18(DialogBody, { className: "grid gap-4 md:grid-cols-2", children: [
       /* @__PURE__ */ jsxs18("div", { className: "flex min-w-0 flex-col gap-4", children: [
         !isPivot ? /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-1.5", children: [
-          /* @__PURE__ */ jsx20(Label, { htmlFor: `${ids}-as`, children: "Bind name" }),
+          /* @__PURE__ */ jsx20(Label, { htmlFor: `${ids}-as`, children: t("editor.iterationBuilder.bindName") }),
           /* @__PURE__ */ jsx20(
             Input2,
             {
@@ -4645,18 +4726,18 @@ function IterationBuilderDialog({
               value: asName,
               spellCheck: false,
               autoComplete: "off",
-              placeholder: "item",
+              placeholder: t("editor.iterationBuilder.bindNamePlaceholder"),
               onChange: (e) => setAsName(e.target.value)
             }
           ),
           /* @__PURE__ */ jsxs18("p", { className: "text-meta text-muted-foreground", children: [
-            "Use ",
+            t("editor.iterationBuilder.bindNameHintPrefix"),
             /* @__PURE__ */ jsx20("code", { children: `{{${asName.trim() || "item"}.name}}` }),
-            " in the template."
+            t("editor.iterationBuilder.bindNameHintSuffix")
           ] })
         ] }) : null,
         /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-1.5", children: [
-          /* @__PURE__ */ jsx20(Label, { htmlFor: `${ids}-values`, children: isPivot ? "Row values" : "Values" }),
+          /* @__PURE__ */ jsx20(Label, { htmlFor: `${ids}-values`, children: isPivot ? t("editor.iterationBuilder.rowValues") : t("editor.iterationBuilder.values") }),
           /* @__PURE__ */ jsx20(
             TagInput,
             {
@@ -4664,12 +4745,12 @@ function IterationBuilderDialog({
               value: values,
               onValueChange: setValues,
               delimiter: [",", "\n"],
-              placeholder: "Type a value, press Enter\u2026"
+              placeholder: t("editor.iterationBuilder.valuePlaceholder")
             }
           )
         ] }),
         isPivot ? /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-1.5", children: [
-          /* @__PURE__ */ jsx20(Label, { htmlFor: `${ids}-cols`, children: "Column values" }),
+          /* @__PURE__ */ jsx20(Label, { htmlFor: `${ids}-cols`, children: t("editor.iterationBuilder.columnValues") }),
           /* @__PURE__ */ jsx20(
             TagInput,
             {
@@ -4677,12 +4758,12 @@ function IterationBuilderDialog({
               value: cols,
               onValueChange: setCols,
               delimiter: [",", "\n"],
-              placeholder: "Type a value, press Enter\u2026"
+              placeholder: t("editor.iterationBuilder.valuePlaceholder")
             }
           )
         ] }) : null,
         /* @__PURE__ */ jsxs18("div", { className: "flex flex-col gap-1.5", children: [
-          /* @__PURE__ */ jsx20(Label, { id: `${ids}-layout`, children: "Layout" }),
+          /* @__PURE__ */ jsx20(Label, { id: `${ids}-layout`, children: t("editor.iterationBuilder.layout") }),
           /* @__PURE__ */ jsx20(
             ToggleGroup2,
             {
@@ -4701,11 +4782,7 @@ function IterationBuilderDialog({
       ] }),
       /* @__PURE__ */ jsxs18("div", { className: "flex min-h-0 min-w-0 flex-col gap-4", children: [
         /* @__PURE__ */ jsxs18("div", { className: "flex min-h-0 flex-col gap-1.5", children: [
-          /* @__PURE__ */ jsxs18(Label, { children: [
-            "Per-",
-            isPivot ? "cell" : "row",
-            " template"
-          ] }),
+          /* @__PURE__ */ jsx20(Label, { children: isPivot ? t("editor.iterationBuilder.perCellTemplate") : t("editor.iterationBuilder.perRowTemplate") }),
           /* @__PURE__ */ jsx20("div", { className: "h-44 min-h-0 overflow-hidden rounded-md border border-border", children: /* @__PURE__ */ jsx20(
             MarkdownWorkspace,
             {
@@ -4713,17 +4790,17 @@ function IterationBuilderDialog({
               onChange: setTemplate,
               defaultMode: "source",
               className: "h-full",
-              "aria-label": "Per-cell template"
+              "aria-label": t("editor.iterationBuilder.perCellTemplate")
             }
           ) })
         ] }),
         /* @__PURE__ */ jsxs18("div", { className: "flex min-h-0 flex-col gap-1.5", children: [
-          /* @__PURE__ */ jsx20(Label, { children: "Live preview" }),
+          /* @__PURE__ */ jsx20(Label, { children: t("editor.iterationBuilder.livePreview") }),
           /* @__PURE__ */ jsx20(
             "div",
             {
               role: "region",
-              "aria-label": "Live preview",
+              "aria-label": t("editor.iterationBuilder.livePreview"),
               className: "min-h-0 flex-1 overflow-auto rounded-md border border-border bg-card p-3",
               children: /* @__PURE__ */ jsx20(
                 MarkdownPreview,
@@ -4740,8 +4817,8 @@ function IterationBuilderDialog({
       ] })
     ] }),
     /* @__PURE__ */ jsxs18(DialogFooter2, { children: [
-      /* @__PURE__ */ jsx20(Button5, { variant: "ghost", onClick: () => onOpenChange(false), children: "Cancel" }),
-      /* @__PURE__ */ jsx20(Button5, { onClick: save, children: value ? "Save" : "Insert" })
+      /* @__PURE__ */ jsx20(Button5, { variant: "ghost", onClick: () => onOpenChange(false), children: t("editor.iterationBuilder.cancel") }),
+      /* @__PURE__ */ jsx20(Button5, { onClick: save, children: value ? t("editor.iterationBuilder.save") : t("editor.iterationBuilder.insert") })
     ] })
   ] }) });
 }