@seed-ship/mcp-ui-solid 6.19.1 → 6.20.0

package/dist/components/UIResourceRenderer.js

@@ -1,4 +1,4 @@
-import { createComponent, getNextElement, getNextMarker, spread, mergeProps, use, insert, effect, style, setAttribute, runHydrationEvents, template, className, memo, isServer, setProperty, addEventListener, classList, setStyleProperty, delegateEvents } from "solid-js/web";
+import { createComponent, getNextElement, getNextMarker, spread, mergeProps, use, insert, effect, style, setAttribute, runHydrationEvents, memo, template, className, isServer, setProperty, addEventListener, classList, setStyleProperty, delegateEvents } from "solid-js/web";
 import { createMemo, onMount, onCleanup, For, Show, createSignal, createEffect } from "solid-js";
 import { sanitizeHtml, SANITIZE_PROFILES, canSanitizeHtml } from "../utils/sanitize-html.js";
 import { escapeHtml } from "../utils/escape-html.js";
@@ -11,7 +11,7 @@ import { isDebugEnabled } from "../utils/logger.js";
 import { getUiResourceStableKey } from "../utils/stable-key.js";
 import { _registerMount, _unregisterMount, getDuplicateMountReporter } from "../utils/duplicate-mount-registry.js";
 import { useTelemetry } from "../context/MCPUITelemetryContext.js";
-import { useMCPUIStrings } from "../context/MCPUIStringsContext.js";
+import { useMCPUIStrings, DEFAULT_MCPUI_STRINGS } from "../context/MCPUIStringsContext.js";
 import { GridRenderer } from "./GridRenderer.js";
 import { FooterRenderer } from "./FooterRenderer.js";
 import { CarouselRenderer } from "./CarouselRenderer.js";
@@ -33,8 +33,10 @@ import { RenderProvider } from "./RenderContext.js";
 import { useAction } from "../hooks/useAction.js";
 import { createResponsiveGrid } from "../hooks/createResponsiveGrid.js";
 import { marked } from "marked";
-var _tmpl$ = /* @__PURE__ */ template(`<svg class="w-3 h-3 text-gray-500 dark:text-gray-400"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z">`), _tmpl$2 = /* @__PURE__ */ template(`<button data-mcp-ui-action=copy type=button>`), _tmpl$3 = /* @__PURE__ */ template(`<svg class="w-3 h-3 text-green-500"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M5 13l4 4L19 7">`), _tmpl$4 = /* @__PURE__ */ template(`<div class="p-4 bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700"><p class="text-red-500 dark:text-red-400 text-sm">Invalid chart data: missing data.datasets`), _tmpl$5 = /* @__PURE__ */ template(`<div class=p-3>`), _tmpl$6 = /* @__PURE__ */ template(`<div class="absolute inset-0 flex items-center justify-center"><div class="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600">`), _tmpl$7 = /* @__PURE__ */ template(`<div class="absolute inset-0 flex items-center justify-center p-4"><div class=text-center><p class="text-red-600 dark:text-red-400 text-sm font-medium">Chart Error</p><p class="text-gray-600 dark:text-gray-400 text-xs mt-1">`), _tmpl$8 = /* @__PURE__ */ template(`<h3 class="text-sm font-semibold text-gray-900 dark:text-white mb-3">`), _tmpl$9 = /* @__PURE__ */ template(`<div class="w-full h-full p-4"><!$><!/><div class="w-full h-full"role=img><img class="w-full h-auto max-h-[300px] object-contain">`), _tmpl$0 = /* @__PURE__ */ template(`<div class="relative w-full h-full min-h-[300px] bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden"><!$><!/><!$><!/><!$><!/><!$><!/>`), _tmpl$1 = /* @__PURE__ */ template(`<tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">`), _tmpl$10 = /* @__PURE__ */ template(`<tr>`), _tmpl$11 = /* @__PURE__ */ template(`<td class="px-6 py-4 text-sm text-gray-700 dark:text-gray-200 whitespace-normal break-words leading-relaxed first:pl-6 last:pr-6">`), _tmpl$12 = /* @__PURE__ */ template(`<tbody class="bg-white dark:bg-gray-800 relative">`), _tmpl$13 = /* @__PURE__ */ template(`<button class="w-full text-left px-3 py-1.5 hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300">Copy TSV`), _tmpl$14 = /* @__PURE__ */ template(`<button class="w-full text-left px-3 py-1.5 hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300">Download CSV`), _tmpl$15 = /* @__PURE__ */ template(`<button class="w-full text-left px-3 py-1.5 hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300">Download JSON`), _tmpl$16 = /* @__PURE__ */ template(`<div class="absolute right-10 top-2 z-10"><button class="opacity-60 hover:opacity-100 px-2 py-1 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 transition-all shadow-sm"title="Export table"aria-label="Export table"aria-haspopup=menu><svg class="w-3 h-3 text-gray-500 dark:text-gray-400"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg></button><!$><!/>`), _tmpl$17 = /* @__PURE__ */ template(`<span class="ml-2 text-xs font-normal text-gray-400">(virtualized: <!$><!/> rows)`), _tmpl$18 = /* @__PURE__ */ template(`<h3 class="text-sm font-semibold text-gray-900 dark:text-white mb-3 flex-shrink-0"><!$><!/><!$><!/>`), _tmpl$19 = /* @__PURE__ */ template(`<button type=button class="absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 text-sm"aria-label="Clear search">&times;`), _tmpl$20 = /* @__PURE__ */ template(`<div class="relative mb-3"><span class="absolute left-3 top-1/2 -translate-y-1/2 text-gray-400 pointer-events-none text-sm">🔍</span><input type=text class="w-full max-w-xs min-w-[200px] pl-8 pr-8 py-1.5 text-sm border border-gray-200 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-400 focus:border-blue-400 focus:ring-1 focus:ring-blue-400 outline-none"><!$><!/>`), _tmpl$21 = /* @__PURE__ */ template(`<p class="text-xs text-gray-500 dark:text-gray-400 mb-2"><!$><!/> result<!$><!/> on <!$><!/>`), _tmpl$22 = /* @__PURE__ */ template(`<div class="mt-3 flex items-center justify-between text-xs text-gray-500 dark:text-gray-400"><span>Showing <!$><!/> - <!$><!/> of <!$><!/>`), _tmpl$23 = /* @__PURE__ */ template(`<select class="ml-2 px-1 py-0.5 text-xs border border-gray-200 dark:border-gray-600 rounded bg-white dark:bg-gray-700 text-gray-700 dark:text-gray-300"data-mcp-ui-action=page-size>`), _tmpl$24 = /* @__PURE__ */ template(`<span class=text-gray-400>/ page`), _tmpl$25 = /* @__PURE__ */ template(`<div class="mt-3 flex items-center justify-between text-xs text-gray-500 dark:text-gray-400"><span><!$><!/>&ndash;<!$><!/> / <!$><!/></span><div class="flex items-center gap-2"><button type=button class="px-2 py-1 rounded hover:bg-gray-100 dark:hover:bg-gray-700 disabled:opacity-40 disabled:cursor-not-allowed transition-colors"data-mcp-ui-action=page-prev><span aria-hidden=true>&#x25C0;</span></button><span aria-live=polite><!$><!/> / <!$><!/></span><button type=button class="px-2 py-1 rounded hover:bg-gray-100 dark:hover:bg-gray-700 disabled:opacity-40 disabled:cursor-not-allowed transition-colors"data-mcp-ui-action=page-next><span aria-hidden=true>&#x25B6;</span></button><!$><!/>`), _tmpl$26 = /* @__PURE__ */ template(`<div><!$><!/><div><!$><!/><!$><!/><div role=region tabindex=0><table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700 border-separate border-spacing-0"><thead class="bg-gray-100 dark:bg-gray-900 sticky top-0 z-10"><tr></tr></thead><!$><!/></table></div><!$><!/><!$><!/>`), _tmpl$27 = /* @__PURE__ */ template(`<th scope=col class="px-6 py-3 text-left text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider border-b border-gray-200 dark:border-gray-700 first:pl-6 last:pr-6 bg-gray-100 dark:bg-gray-900 cursor-pointer select-none hover:bg-gray-200 dark:hover:bg-gray-800 transition-colors"><span class="inline-flex items-center gap-1"><!$><!/><span class="text-[10px] leading-none">`), _tmpl$28 = /* @__PURE__ */ template(`<option>`), _tmpl$29 = /* @__PURE__ */ template(`<span class="ml-2 text-sm font-medium text-gray-500 dark:text-gray-400">`), _tmpl$30 = /* @__PURE__ */ template(`<div class="mt-3 flex items-center"><span><!$><!/> <!$><!/>%`), _tmpl$31 = /* @__PURE__ */ template(`<p class="mt-2 text-xs text-gray-500 dark:text-gray-400">`), _tmpl$32 = /* @__PURE__ */ template(`<div class="relative w-full h-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 p-4 group"><!$><!/><div class="flex flex-col h-full justify-between"><div><p class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide"></p><div class="mt-2 flex items-baseline"><p class="text-2xl font-semibold text-gray-900 dark:text-white"></p><!$><!/></div></div><!$><!/><!$><!/>`), _tmpl$33 = /* @__PURE__ */ template(`<div class="relative w-full h-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 p-4 group"><!$><!/><!$><!/>`), _tmpl$34 = /* @__PURE__ */ template(`<img class="max-w-full max-h-[400px] object-contain rounded shadow-sm hover:opacity-90 transition-opacity"loading=lazy>`, true, false, false), _tmpl$35 = /* @__PURE__ */ template(`<div class="w-full h-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden flex flex-col"><div class="flex-1 flex items-center justify-center p-4 bg-gray-50 dark:bg-gray-900 min-h-[200px]"></div><div class="p-3 border-t border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800"><p class="text-sm text-gray-600 dark:text-gray-400 text-center italic">`), _tmpl$36 = /* @__PURE__ */ template(`<a target=_blank rel="noopener noreferrer"class=cursor-zoom-in>`), _tmpl$37 = /* @__PURE__ */ template(`<div class="px-4 py-2 border-b border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-900"><h3 class="text-sm font-semibold text-gray-900 dark:text-white">`), _tmpl$38 = /* @__PURE__ */ template(`<div class="w-full h-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden flex flex-col"><!$><!/><iframe class="w-full border-0 flex-1"loading=lazy>`, true, false, false), _tmpl$39 = /* @__PURE__ */ template(`<figcaption class="p-3 border-t border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800"><p class="text-sm text-gray-600 dark:text-gray-400 text-center">`), _tmpl$40 = /* @__PURE__ */ template(`<figure><div class="flex-1 flex items-center justify-center p-4 bg-gray-50 dark:bg-gray-900 min-h-[200px]"><a target=_blank rel="noopener noreferrer"class="cursor-zoom-in focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 rounded"><img class="max-w-full max-h-[500px] object-contain rounded shadow-sm hover:opacity-95 transition-opacity"loading=lazy></a></div><!$><!/>`, true, false, false), _tmpl$41 = /* @__PURE__ */ template(`<p class="text-xs text-gray-500 dark:text-gray-400 truncate">`), _tmpl$42 = /* @__PURE__ */ template(`<a target=_blank rel="noopener noreferrer"><div class="p-2 bg-blue-50 dark:bg-blue-900/30 rounded-full text-blue-600 dark:text-blue-400 group-hover:bg-blue-100 dark:group-hover:bg-blue-900/50 shrink-0 transition-colors"aria-hidden=true><svg xmlns=http://www.w3.org/2000/svg class="w-5 h-5"viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg></div><div class="flex-1 min-w-0"><h4 class="text-sm font-medium text-gray-900 dark:text-white truncate group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors"></h4><!$><!/></div><svg xmlns=http://www.w3.org/2000/svg class="w-4 h-4 text-gray-400 group-hover:text-gray-600 dark:group-hover:text-gray-300 shrink-0 transition-colors"viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round aria-hidden=true><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1=10 y1=14 x2=21 y2=3>`), _tmpl$43 = /* @__PURE__ */ template(`<div class="inline-flex items-center gap-1.5 px-2 py-1 rounded-md bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 text-xs text-yellow-800 dark:text-yellow-200"role=alert aria-label="Component validation warning"><svg xmlns=http://www.w3.org/2000/svg class="w-3.5 h-3.5"viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round aria-hidden=true><path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1=12 y1=9 x2=12 y2=13></line><line x1=12 y1=17 x2=12.01 y2=17></line></svg><span>Invalid <!$><!/>`), _tmpl$44 = /* @__PURE__ */ template(`<div class="w-full h-full bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4"><p class="text-sm font-medium text-red-900 dark:text-red-100">Validation Error</p><p class="text-xs text-red-700 dark:text-red-300 mt-1">`), _tmpl$45 = /* @__PURE__ */ template(`<div role=alert class="w-full rounded-lg border border-amber-300 bg-amber-50 px-3 py-2 text-sm text-amber-800 dark:border-amber-700/50 dark:bg-amber-900/20 dark:text-amber-200">Unsupported component type: <code class=font-mono>`), _tmpl$46 = /* @__PURE__ */ template(`<span aria-hidden=true>`), _tmpl$47 = /* @__PURE__ */ template(`<a rel="noopener noreferrer"><!$><!/><!$><!/>`), _tmpl$48 = /* @__PURE__ */ template(`<span class="animate-spin h-4 w-4 border-2 border-current border-t-transparent rounded-full"aria-hidden=true>`), _tmpl$49 = /* @__PURE__ */ template(`<button type=button><!$><!/><!$><!/><!$><!/>`), _tmpl$50 = /* @__PURE__ */ template(`<p class="text-xs text-red-600 dark:text-red-400 mt-1">Type: <!$><!/>`), _tmpl$51 = /* @__PURE__ */ template(`<div class=mt-3><p class="text-xs font-medium text-red-700 dark:text-red-300">Suggestions:</p><ul class="mt-1 text-xs text-red-600 dark:text-red-400 list-disc list-inside">`), _tmpl$52 = /* @__PURE__ */ template(`<p class="text-xs text-red-500 dark:text-red-500 mt-2">`), _tmpl$53 = /* @__PURE__ */ template(`<div class="relative w-full bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4 group"><!$><!/><div class="flex items-start gap-3"><div class="p-2 bg-red-100 dark:bg-red-900/40 rounded-full shrink-0"><svg class="w-5 h-5 text-red-600 dark:text-red-400"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"></path></svg></div><div class="flex-1 min-w-0"><h4 class="text-sm font-semibold text-red-800 dark:text-red-200">Tool Error: <!$><!/></h4><p class="text-sm text-red-700 dark:text-red-300 mt-1"></p><!$><!/><!$><!/><!$><!/>`), _tmpl$54 = /* @__PURE__ */ template(`<li>`), _tmpl$55 = /* @__PURE__ */ template(`<div class="px-4 py-2 border-b border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-900"><h3 class="text-sm font-semibold text-gray-900 dark:text-white capitalize">`), _tmpl$56 = /* @__PURE__ */ template(`<div class="w-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden"><!$><!/><!$><!/>`), _tmpl$57 = /* @__PURE__ */ template(`<div><div class="grid gap-4"data-mcp-ui-grid></div><!$><!/>`), _tmpl$58 = /* @__PURE__ */ template(`<div class=min-w-0>`);
+import { formatMCPUIString } from "../utils/format-string.js";
+var _tmpl$ = /* @__PURE__ */ template(`<svg class="w-3 h-3 text-gray-500 dark:text-gray-400"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z">`), _tmpl$2 = /* @__PURE__ */ template(`<button data-mcp-ui-action=copy type=button>`), _tmpl$3 = /* @__PURE__ */ template(`<svg class="w-3 h-3 text-green-500"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M5 13l4 4L19 7">`), _tmpl$4 = /* @__PURE__ */ template(`<div class="p-4 bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700"><p class="text-red-500 dark:text-red-400 text-sm">`), _tmpl$5 = /* @__PURE__ */ template(`<div class=p-3>`), _tmpl$6 = /* @__PURE__ */ template(`<div class="absolute inset-0 flex items-center justify-center"><div class="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600">`), _tmpl$7 = /* @__PURE__ */ template(`<div class="absolute inset-0 flex items-center justify-center p-4"><div class=text-center><p class="text-red-600 dark:text-red-400 text-sm font-medium"></p><p class="text-gray-600 dark:text-gray-400 text-xs mt-1">`), _tmpl$8 = /* @__PURE__ */ template(`<h3 class="text-sm font-semibold text-gray-900 dark:text-white mb-3">`), _tmpl$9 = /* @__PURE__ */ template(`<div class="w-full h-full p-4"><!$><!/><div class="w-full h-full"role=img><img class="w-full h-auto max-h-[300px] object-contain">`), _tmpl$0 = /* @__PURE__ */ template(`<div class="relative w-full h-full min-h-[300px] bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden"><!$><!/><!$><!/><!$><!/><!$><!/>`), _tmpl$1 = /* @__PURE__ */ template(`<tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">`), _tmpl$10 = /* @__PURE__ */ template(`<tr>`), _tmpl$11 = /* @__PURE__ */ template(`<td class="px-6 py-4 text-sm text-gray-700 dark:text-gray-200 whitespace-normal break-words leading-relaxed first:pl-6 last:pr-6">`), _tmpl$12 = /* @__PURE__ */ template(`<tbody class="bg-white dark:bg-gray-800 relative">`), _tmpl$13 = /* @__PURE__ */ template(`<button class="w-full text-left px-3 py-1.5 hover:bg-gray-100 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300">`), _tmpl$14 = /* @__PURE__ */ template(`<div class="absolute right-10 top-2 z-10"><button class="opacity-60 hover:opacity-100 px-2 py-1 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 transition-all shadow-sm"aria-haspopup=menu><svg class="w-3 h-3 text-gray-500 dark:text-gray-400"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg></button><!$><!/>`), _tmpl$15 = /* @__PURE__ */ template(`<span class="ml-2 text-xs font-normal text-gray-400">`), _tmpl$16 = /* @__PURE__ */ template(`<h3 class="text-sm font-semibold text-gray-900 dark:text-white mb-3 flex-shrink-0"><!$><!/><!$><!/>`), _tmpl$17 = /* @__PURE__ */ template(`<button type=button class="absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 text-sm">&times;`), _tmpl$18 = /* @__PURE__ */ template(`<div class="relative mb-3"><span class="absolute left-3 top-1/2 -translate-y-1/2 text-gray-400 pointer-events-none text-sm">🔍</span><input type=text class="w-full max-w-xs min-w-[200px] pl-8 pr-8 py-1.5 text-sm border border-gray-200 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-400 focus:border-blue-400 focus:ring-1 focus:ring-blue-400 outline-none"><!$><!/>`), _tmpl$19 = /* @__PURE__ */ template(`<p class="text-xs text-gray-500 dark:text-gray-400 mb-2">`), _tmpl$20 = /* @__PURE__ */ template(`<div class="mt-3 flex items-center justify-between text-xs text-gray-500 dark:text-gray-400"><span>`), _tmpl$21 = /* @__PURE__ */ template(`<select class="ml-2 px-1 py-0.5 text-xs border border-gray-200 dark:border-gray-600 rounded bg-white dark:bg-gray-700 text-gray-700 dark:text-gray-300"data-mcp-ui-action=page-size>`), _tmpl$22 = /* @__PURE__ */ template(`<span class=text-gray-400>`), _tmpl$23 = /* @__PURE__ */ template(`<div class="mt-3 flex items-center justify-between text-xs text-gray-500 dark:text-gray-400"><span><!$><!/>&ndash;<!$><!/> / <!$><!/></span><div class="flex items-center gap-2"><button type=button class="px-2 py-1 rounded hover:bg-gray-100 dark:hover:bg-gray-700 disabled:opacity-40 disabled:cursor-not-allowed transition-colors"data-mcp-ui-action=page-prev><span aria-hidden=true>&#x25C0;</span></button><span aria-live=polite><!$><!/> / <!$><!/></span><button type=button class="px-2 py-1 rounded hover:bg-gray-100 dark:hover:bg-gray-700 disabled:opacity-40 disabled:cursor-not-allowed transition-colors"data-mcp-ui-action=page-next><span aria-hidden=true>&#x25B6;</span></button><!$><!/>`), _tmpl$24 = /* @__PURE__ */ template(`<div><!$><!/><div><!$><!/><!$><!/><div role=region tabindex=0><table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700 border-separate border-spacing-0"><thead class="bg-gray-100 dark:bg-gray-900 sticky top-0 z-10"><tr></tr></thead><!$><!/></table></div><!$><!/><!$><!/>`), _tmpl$25 = /* @__PURE__ */ template(`<th scope=col class="px-6 py-3 text-left text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider border-b border-gray-200 dark:border-gray-700 first:pl-6 last:pr-6 bg-gray-100 dark:bg-gray-900 cursor-pointer select-none hover:bg-gray-200 dark:hover:bg-gray-800 transition-colors"><span class="inline-flex items-center gap-1"><!$><!/><span class="text-[10px] leading-none">`), _tmpl$26 = /* @__PURE__ */ template(`<option>`), _tmpl$27 = /* @__PURE__ */ template(`<span class="ml-2 text-sm font-medium text-gray-500 dark:text-gray-400">`), _tmpl$28 = /* @__PURE__ */ template(`<div class="mt-3 flex items-center"><span><!$><!/> <!$><!/>%`), _tmpl$29 = /* @__PURE__ */ template(`<p class="mt-2 text-xs text-gray-500 dark:text-gray-400">`), _tmpl$30 = /* @__PURE__ */ template(`<div class="relative w-full h-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 p-4 group"><!$><!/><div class="flex flex-col h-full justify-between"><div><p class="text-xs font-medium text-gray-500 dark:text-gray-400 uppercase tracking-wide"></p><div class="mt-2 flex items-baseline"><p class="text-2xl font-semibold text-gray-900 dark:text-white"></p><!$><!/></div></div><!$><!/><!$><!/>`), _tmpl$31 = /* @__PURE__ */ template(`<div class="relative w-full h-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 p-4 group"><!$><!/><!$><!/>`), _tmpl$32 = /* @__PURE__ */ template(`<img class="max-w-full max-h-[400px] object-contain rounded shadow-sm hover:opacity-90 transition-opacity"loading=lazy>`, true, false, false), _tmpl$33 = /* @__PURE__ */ template(`<div class="w-full h-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden flex flex-col"><div class="flex-1 flex items-center justify-center p-4 bg-gray-50 dark:bg-gray-900 min-h-[200px]"></div><div class="p-3 border-t border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800"><p class="text-sm text-gray-600 dark:text-gray-400 text-center italic">`), _tmpl$34 = /* @__PURE__ */ template(`<a target=_blank rel="noopener noreferrer"class=cursor-zoom-in>`), _tmpl$35 = /* @__PURE__ */ template(`<div class="px-4 py-2 border-b border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-900"><h3 class="text-sm font-semibold text-gray-900 dark:text-white">`), _tmpl$36 = /* @__PURE__ */ template(`<div class="w-full h-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden flex flex-col"><!$><!/><iframe class="w-full border-0 flex-1"loading=lazy>`, true, false, false), _tmpl$37 = /* @__PURE__ */ template(`<figcaption class="p-3 border-t border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800"><p class="text-sm text-gray-600 dark:text-gray-400 text-center">`), _tmpl$38 = /* @__PURE__ */ template(`<figure><div class="flex-1 flex items-center justify-center p-4 bg-gray-50 dark:bg-gray-900 min-h-[200px]"><a target=_blank rel="noopener noreferrer"class="cursor-zoom-in focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 rounded"><img class="max-w-full max-h-[500px] object-contain rounded shadow-sm hover:opacity-95 transition-opacity"loading=lazy></a></div><!$><!/>`, true, false, false), _tmpl$39 = /* @__PURE__ */ template(`<p class="text-xs text-gray-500 dark:text-gray-400 truncate">`), _tmpl$40 = /* @__PURE__ */ template(`<a target=_blank rel="noopener noreferrer"><div class="p-2 bg-blue-50 dark:bg-blue-900/30 rounded-full text-blue-600 dark:text-blue-400 group-hover:bg-blue-100 dark:group-hover:bg-blue-900/50 shrink-0 transition-colors"aria-hidden=true><svg xmlns=http://www.w3.org/2000/svg class="w-5 h-5"viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg></div><div class="flex-1 min-w-0"><h4 class="text-sm font-medium text-gray-900 dark:text-white truncate group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors"></h4><!$><!/></div><svg xmlns=http://www.w3.org/2000/svg class="w-4 h-4 text-gray-400 group-hover:text-gray-600 dark:group-hover:text-gray-300 shrink-0 transition-colors"viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round aria-hidden=true><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1=10 y1=14 x2=21 y2=3>`), _tmpl$41 = /* @__PURE__ */ template(`<div class="inline-flex items-center gap-1.5 px-2 py-1 rounded-md bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 text-xs text-yellow-800 dark:text-yellow-200"role=alert><svg xmlns=http://www.w3.org/2000/svg class="w-3.5 h-3.5"viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round aria-hidden=true><path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1=12 y1=9 x2=12 y2=13></line><line x1=12 y1=17 x2=12.01 y2=17></line></svg><span>`), _tmpl$42 = /* @__PURE__ */ template(`<div class="w-full h-full bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4"><p class="text-sm font-medium text-red-900 dark:text-red-100"></p><p class="text-xs text-red-700 dark:text-red-300 mt-1">`), _tmpl$43 = /* @__PURE__ */ template(`<div role=alert class="w-full rounded-lg border border-amber-300 bg-amber-50 px-3 py-2 text-sm text-amber-800 dark:border-amber-700/50 dark:bg-amber-900/20 dark:text-amber-200"><!$><!/> <code class=font-mono>`), _tmpl$44 = /* @__PURE__ */ template(`<span aria-hidden=true>`), _tmpl$45 = /* @__PURE__ */ template(`<a rel="noopener noreferrer"><!$><!/><!$><!/>`), _tmpl$46 = /* @__PURE__ */ template(`<span class="animate-spin h-4 w-4 border-2 border-current border-t-transparent rounded-full"aria-hidden=true>`), _tmpl$47 = /* @__PURE__ */ template(`<button type=button><!$><!/><!$><!/><!$><!/>`), _tmpl$48 = /* @__PURE__ */ template(`<p class="text-xs text-red-600 dark:text-red-400 mt-1">`), _tmpl$49 = /* @__PURE__ */ template(`<div class=mt-3><p class="text-xs font-medium text-red-700 dark:text-red-300"></p><ul class="mt-1 text-xs text-red-600 dark:text-red-400 list-disc list-inside">`), _tmpl$50 = /* @__PURE__ */ template(`<p class="text-xs text-red-500 dark:text-red-500 mt-2">`), _tmpl$51 = /* @__PURE__ */ template(`<div class="relative w-full bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4 group"><!$><!/><div class="flex items-start gap-3"><div class="p-2 bg-red-100 dark:bg-red-900/40 rounded-full shrink-0"><svg class="w-5 h-5 text-red-600 dark:text-red-400"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"></path></svg></div><div class="flex-1 min-w-0"><h4 class="text-sm font-semibold text-red-800 dark:text-red-200"></h4><p class="text-sm text-red-700 dark:text-red-300 mt-1"></p><!$><!/><!$><!/><!$><!/>`), _tmpl$52 = /* @__PURE__ */ template(`<li>`), _tmpl$53 = /* @__PURE__ */ template(`<div class="px-4 py-2 border-b border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-900"><h3 class="text-sm font-semibold text-gray-900 dark:text-white capitalize">`), _tmpl$54 = /* @__PURE__ */ template(`<div class="w-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden"><!$><!/><!$><!/>`), _tmpl$55 = /* @__PURE__ */ template(`<div><div class="grid gap-4"data-mcp-ui-grid></div><!$><!/>`), _tmpl$56 = /* @__PURE__ */ template(`<div class=min-w-0>`);
 function CopyButton(props) {
+  const strings = useMCPUIStrings();
   const [copied, setCopied] = createSignal(false);
   const handleCopy = async () => {
     try {
@@ -63,7 +65,7 @@ function CopyButton(props) {
       }
     }));
     effect((_p$) => {
-      var _v$ = `${positionClasses()} opacity-60 hover:opacity-100 px-2 py-1 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 transition-all shadow-sm z-10`, _v$2 = props.title || "Copy", _v$3 = props.title || "Copy";
+      var _v$ = `${positionClasses()} opacity-60 hover:opacity-100 px-2 py-1 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 transition-all shadow-sm z-10`, _v$2 = props.title || strings.copy, _v$3 = props.title || strings.copy;
       _v$ !== _p$.e && className(_el$, _p$.e = _v$);
       _v$2 !== _p$.t && setAttribute(_el$, "title", _p$.t = _v$2);
       _v$3 !== _p$.a && setAttribute(_el$, "aria-label", _p$.a = _v$3);
@@ -79,6 +81,7 @@ function CopyButton(props) {
 }
 function ChartRenderer(props) {
   var _a, _b;
+  const strings = useMCPUIStrings();
   const [useNative, setUseNative] = createSignal(false);
   const [iframeUrl, setIframeUrl] = createSignal();
   const [isLoading, setIsLoading] = createSignal(true);
@@ -91,6 +94,12 @@ function ChartRenderer(props) {
     return ((_a2 = params()) == null ? void 0 : _a2.renderer) || "auto";
   };
   const allowQuickchart = () => props.allowQuickchartFallback === true;
+  const chartImageAlt = () => {
+    var _a2;
+    return ((_a2 = params()) == null ? void 0 : _a2.title) ? formatMCPUIString(strings.chartWithTitleAlt, {
+      title: String(params().title)
+    }) : strings.chartVisualizationAlt;
+  };
   const signalBlockedFallback = (reason) => {
     setDegraded(true);
     setIsLoading(false);
@@ -104,7 +113,11 @@ function ChartRenderer(props) {
     });
   };
   if (!((_b = (_a = params()) == null ? void 0 : _a.data) == null ? void 0 : _b.datasets)) {
-    return getNextElement(_tmpl$4);
+    return (() => {
+      var _el$4 = getNextElement(_tmpl$4), _el$5 = _el$4.firstChild;
+      insert(_el$5, () => strings.chartInvalidData);
+      return _el$4;
+    })();
   }
   createEffect(async () => {
     const pref = rendererPref();
@@ -121,7 +134,7 @@ function ChartRenderer(props) {
         setUseNative(true);
         setIsLoading(false);
       } else {
-        setError("Chart.js is not available. Install chart.js peer dependency.");
+        setError(strings.chartJsUnavailable);
         setIsLoading(false);
       }
     } else {
@@ -161,61 +174,68 @@ function ChartRenderer(props) {
     },
     get fallback() {
       return (() => {
-        var _el$5 = getNextElement(_tmpl$0), _el$16 = _el$5.firstChild, [_el$17, _co$2] = getNextMarker(_el$16.nextSibling), _el$18 = _el$17.nextSibling, [_el$19, _co$3] = getNextMarker(_el$18.nextSibling), _el$20 = _el$19.nextSibling, [_el$21, _co$4] = getNextMarker(_el$20.nextSibling), _el$22 = _el$21.nextSibling, [_el$23, _co$5] = getNextMarker(_el$22.nextSibling);
-        insert(_el$5, createComponent(Show, {
+        var _el$6 = getNextElement(_tmpl$0), _el$17 = _el$6.firstChild, [_el$18, _co$2] = getNextMarker(_el$17.nextSibling), _el$19 = _el$18.nextSibling, [_el$20, _co$3] = getNextMarker(_el$19.nextSibling), _el$21 = _el$20.nextSibling, [_el$22, _co$4] = getNextMarker(_el$21.nextSibling), _el$23 = _el$22.nextSibling, [_el$24, _co$5] = getNextMarker(_el$23.nextSibling);
+        insert(_el$6, createComponent(Show, {
           get when() {
             return degraded();
           },
           get children() {
-            var _el$6 = getNextElement(_tmpl$5);
-            insert(_el$6, createComponent(DegradedFallback, mergeProps({
-              message: "Interactive chart unavailable — install the chart.js peer dependency, or set allowQuickchartFallback to use the external quickchart.io renderer.",
-              caption: "Showing the chart data as a table."
-            }, () => chartToDegradedTable(params() ?? {}))));
-            return _el$6;
+            var _el$7 = getNextElement(_tmpl$5);
+            insert(_el$7, createComponent(DegradedFallback, mergeProps({
+              get message() {
+                return strings.chartIframeUnavailable;
+              },
+              get caption() {
+                return strings.chartQuickchartCaption;
+              }
+            }, () => chartToDegradedTable(params() ?? {}, {
+              series: strings.degradedSeries
+            }))));
+            return _el$7;
           }
-        }), _el$17, _co$2);
-        insert(_el$5, createComponent(Show, {
+        }), _el$18, _co$2);
+        insert(_el$6, createComponent(Show, {
           get when() {
             return isLoading();
           },
           get children() {
             return getNextElement(_tmpl$6);
           }
-        }), _el$19, _co$3);
-        insert(_el$5, createComponent(Show, {
+        }), _el$20, _co$3);
+        insert(_el$6, createComponent(Show, {
           get when() {
             return error();
           },
           get children() {
-            var _el$8 = getNextElement(_tmpl$7), _el$9 = _el$8.firstChild, _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling;
-            insert(_el$1, error);
-            return _el$8;
+            var _el$9 = getNextElement(_tmpl$7), _el$0 = _el$9.firstChild, _el$1 = _el$0.firstChild, _el$10 = _el$1.nextSibling;
+            insert(_el$1, () => strings.chartError);
+            insert(_el$10, error);
+            return _el$9;
           }
-        }), _el$21, _co$4);
-        insert(_el$5, createComponent(Show, {
+        }), _el$22, _co$4);
+        insert(_el$6, createComponent(Show, {
           get when() {
             return memo(() => !!iframeUrl())() && !error();
           },
           get children() {
-            var _el$10 = getNextElement(_tmpl$9), _el$14 = _el$10.firstChild, [_el$15, _co$] = getNextMarker(_el$14.nextSibling), _el$12 = _el$15.nextSibling, _el$13 = _el$12.firstChild;
-            insert(_el$10, createComponent(Show, {
+            var _el$11 = getNextElement(_tmpl$9), _el$15 = _el$11.firstChild, [_el$16, _co$] = getNextMarker(_el$15.nextSibling), _el$13 = _el$16.nextSibling, _el$14 = _el$13.firstChild;
+            insert(_el$11, createComponent(Show, {
               get when() {
                 var _a2;
                 return (_a2 = params()) == null ? void 0 : _a2.title;
               },
               get children() {
-                var _el$11 = getNextElement(_tmpl$8);
-                insert(_el$11, () => {
+                var _el$12 = getNextElement(_tmpl$8);
+                insert(_el$12, () => {
                   var _a2;
                   return (_a2 = params()) == null ? void 0 : _a2.title;
                 });
-                return _el$11;
+                return _el$12;
               }
-            }), _el$15, _co$);
-            _el$13.addEventListener("error", () => {
+            }), _el$16, _co$);
+            _el$14.addEventListener("error", () => {
               var _a2;
-              setError("Failed to load chart");
+              setError(strings.chartLoadFailed);
               (_a2 = props.onError) == null ? void 0 : _a2.call(props, {
                 type: "render",
                 message: "Chart rendering failed",
@@ -223,21 +243,20 @@ function ChartRenderer(props) {
               });
             });
             effect((_p$) => {
-              var _a2, _b2, _c, _d;
-              var _v$4 = ((_a2 = params()) == null ? void 0 : _a2.title) ? `Chart: ${(_b2 = params()) == null ? void 0 : _b2.title}` : "Chart visualization", _v$5 = iframeUrl(), _v$6 = ((_c = params()) == null ? void 0 : _c.title) ? `Chart: ${(_d = params()) == null ? void 0 : _d.title}` : "Chart visualization";
-              _v$4 !== _p$.e && setAttribute(_el$12, "aria-label", _p$.e = _v$4);
-              _v$5 !== _p$.t && setAttribute(_el$13, "src", _p$.t = _v$5);
-              _v$6 !== _p$.a && setAttribute(_el$13, "alt", _p$.a = _v$6);
+              var _v$4 = chartImageAlt(), _v$5 = iframeUrl(), _v$6 = chartImageAlt();
+              _v$4 !== _p$.e && setAttribute(_el$13, "aria-label", _p$.e = _v$4);
+              _v$5 !== _p$.t && setAttribute(_el$14, "src", _p$.t = _v$5);
+              _v$6 !== _p$.a && setAttribute(_el$14, "alt", _p$.a = _v$6);
               return _p$;
             }, {
               e: void 0,
               t: void 0,
               a: void 0
             });
-            return _el$10;
+            return _el$11;
           }
-        }), _el$23, _co$5);
-        return _el$5;
+        }), _el$24, _co$5);
+        return _el$6;
       })();
     },
     get children() {
@@ -304,13 +323,15 @@ function highlightQuery(html, query) {
   }
   return template2.innerHTML;
 }
-function defaultCitationChip(pageNum, fileName, verified = true) {
+function defaultCitationChip(pageNum, fileName, verified = true, viewSourceLabel = DEFAULT_MCPUI_STRINGS.citationViewSource) {
   const safeDocName = encodeURIComponent(fileName || "");
   const label = fileName ? `${fileName} - ${pageNum}` : `${pageNum}`;
   if (!verified) {
     return `<span class="citation-ref inline-flex items-center gap-0.5 align-middle opacity-60"><span class="text-gray-500 line-through">[${label}]</span></span>`;
   }
-  return ['<span class="citation-ref inline-flex items-center gap-0.5 align-middle">', `<span class="text-gray-500">[${label}]</span>`, '<button class="inline-flex items-center ml-0.5 px-1 py-0.5 text-xs bg-gray-800 hover:bg-gray-700 border border-gray-600 hover:border-teal-500 rounded cursor-pointer transition-colors align-middle"', ` data-citation-page="${pageNum}"`, ` data-citation-doc="${safeDocName}"`, ' data-citation-verified="true"', ` title="View source - ${label}">`, '<svg class="w-3 h-3" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>', "</button>", "</span>"].join("");
+  return ['<span class="citation-ref inline-flex items-center gap-0.5 align-middle">', `<span class="text-gray-500">[${label}]</span>`, '<button class="inline-flex items-center ml-0.5 px-1 py-0.5 text-xs bg-gray-800 hover:bg-gray-700 border border-gray-600 hover:border-teal-500 rounded cursor-pointer transition-colors align-middle"', ` data-citation-page="${pageNum}"`, ` data-citation-doc="${safeDocName}"`, ' data-citation-verified="true"', ` title="${escapeHtml(formatMCPUIString(viewSourceLabel, {
+    label
+  }))}">`, '<svg class="w-3 h-3" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>', "</button>", "</span>"].join("");
 }
 function transformCellCitations(text, ctx) {
   let out = text.replace(new RegExp("(?<![p.])\\[(\\d{1,2})\\](?!\\()", "g"), "[📄 CITATION $1]");
@@ -320,8 +341,10 @@ function transformCellCitations(text, ctx) {
     const id = parseInt(idStr, 10);
     const mapping = ctx.map[id] ?? ctx.map[String(id)];
     if (ctx.render) return ctx.render(id, mapping);
-    if (mapping) return defaultCitationChip(mapping.page, mapping.file ?? "", true);
-    return Object.keys(ctx.map).length > 0 ? "" : `[réf. ${id}]`;
+    if (mapping) return defaultCitationChip(mapping.page, mapping.file ?? "", true, ctx.viewSourceLabel);
+    return Object.keys(ctx.map).length > 0 ? "" : formatMCPUIString(ctx.unresolvedLabel ?? DEFAULT_MCPUI_STRINGS.citationUnresolved, {
+      id
+    });
   });
 }
 function renderCellValue(value, citationCtx) {
@@ -381,7 +404,14 @@ function TableRenderer(props) {
   const strings = useMCPUIStrings();
   const citationCtx = tableParams.citationMap ? {
     map: tableParams.citationMap,
-    render: tableParams.citationRender
+    render: tableParams.citationRender,
+    // Getters, not snapshots: cells read the provider's current wording.
+    get unresolvedLabel() {
+      return strings.citationUnresolved;
+    },
+    get viewSourceLabel() {
+      return strings.citationViewSource;
+    }
   } : void 0;
   const allRows = () => tableParams.rows || [];
   const columns = () => tableParams.columns || [];
@@ -417,7 +447,7 @@ function TableRenderer(props) {
       if (isNum) {
         cmp = (Number(va) || 0) - (Number(vb) || 0);
       } else {
-        cmp = String(va).localeCompare(String(vb), "fr", {
+        cmp = String(va).localeCompare(String(vb), strings.locale, {
           sensitivity: "base"
         });
       }
@@ -432,7 +462,7 @@ function TableRenderer(props) {
   const [debouncedQuery, setDebouncedQuery] = createSignal("");
   let searchTimer = null;
   const isSearchable = () => tableParams.searchable !== false;
-  const searchPlaceholder = () => tableParams.searchPlaceholder || "Rechercher dans le tableau...";
+  const searchPlaceholder = () => tableParams.searchPlaceholder || strings.tableSearchPlaceholder;
   const handleSearch = (value) => {
     setSearchQuery(value);
     if (searchTimer) clearTimeout(searchTimer);
@@ -490,7 +520,7 @@ function TableRenderer(props) {
     }
     opts.push({
       value: 0,
-      label: "All"
+      label: strings.paginationAllRows
     });
     return opts;
   };
@@ -617,30 +647,30 @@ ${dataRows}`;
   };
   const tableId = `table-${Math.random().toString(36).slice(2, 9)}`;
   const StandardTableBody = () => (() => {
-    var _el$24 = getNextElement(_tmpl$1);
-    insert(_el$24, createComponent(For, {
+    var _el$25 = getNextElement(_tmpl$1);
+    insert(_el$25, createComponent(For, {
       get each() {
         return clientVisibleRows().slice(0, DEFAULT_RESOURCE_LIMITS.maxTableRows);
       },
       children: (row, i) => (() => {
-        var _el$25 = getNextElement(_tmpl$10);
-        insert(_el$25, createComponent(For, {
+        var _el$26 = getNextElement(_tmpl$10);
+        insert(_el$26, createComponent(For, {
           get each() {
             return tableParams.columns;
           },
           children: (column) => (() => {
-            var _el$26 = getNextElement(_tmpl$11);
-            insert(_el$26, createComponent(SafeHtml, {
+            var _el$27 = getNextElement(_tmpl$11);
+            insert(_el$27, createComponent(SafeHtml, {
               html: () => highlightQuery(renderCellValue(row[column.key], citationCtx), debouncedQuery())
             }));
-            return _el$26;
+            return _el$27;
           })()
         }));
-        effect(() => className(_el$25, `hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors ${i() % 2 === 0 ? "bg-white dark:bg-gray-800" : "bg-gray-50/30 dark:bg-gray-800/50"}`));
-        return _el$25;
+        effect(() => className(_el$26, `hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors ${i() % 2 === 0 ? "bg-white dark:bg-gray-800" : "bg-gray-50/30 dark:bg-gray-800/50"}`));
+        return _el$26;
       })()
     }));
-    return _el$24;
+    return _el$25;
   })();
   const VirtualizedTableBody = () => {
     const v = virtualizer();
@@ -650,72 +680,76 @@ ${dataRows}`;
     const opts = virtualizeOpts();
     const rowHeight = opts.rowHeight ?? 48;
     return (() => {
-      var _el$27 = getNextElement(_tmpl$12);
-      setStyleProperty(_el$27, "height", `${totalSize}px`);
-      insert(_el$27, createComponent(For, {
+      var _el$28 = getNextElement(_tmpl$12);
+      setStyleProperty(_el$28, "height", `${totalSize}px`);
+      insert(_el$28, createComponent(For, {
         each: items,
         children: (virtualRow) => {
           const row = tableParams.rows[virtualRow.index];
           return (() => {
-            var _el$28 = getNextElement(_tmpl$10);
-            setStyleProperty(_el$28, "height", `${rowHeight}px`);
-            insert(_el$28, createComponent(For, {
+            var _el$29 = getNextElement(_tmpl$10);
+            setStyleProperty(_el$29, "height", `${rowHeight}px`);
+            insert(_el$29, createComponent(For, {
               get each() {
                 return tableParams.columns;
               },
               children: (column) => (() => {
-                var _el$29 = getNextElement(_tmpl$11);
-                insert(_el$29, createComponent(SafeHtml, {
+                var _el$30 = getNextElement(_tmpl$11);
+                insert(_el$30, createComponent(SafeHtml, {
                   html: () => highlightQuery(renderCellValue(row[column.key], citationCtx), debouncedQuery())
                 }));
-                return _el$29;
+                return _el$30;
               })()
             }));
             effect((_p$) => {
               var _v$7 = `hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors absolute left-0 right-0 ${virtualRow.index % 2 === 0 ? "bg-white dark:bg-gray-800" : "bg-gray-50/30 dark:bg-gray-800/50"}`, _v$8 = `translateY(${virtualRow.start}px)`;
-              _v$7 !== _p$.e && className(_el$28, _p$.e = _v$7);
-              _v$8 !== _p$.t && setStyleProperty(_el$28, "transform", _p$.t = _v$8);
+              _v$7 !== _p$.e && className(_el$29, _p$.e = _v$7);
+              _v$8 !== _p$.t && setStyleProperty(_el$29, "transform", _p$.t = _v$8);
               return _p$;
             }, {
               e: void 0,
               t: void 0
             });
-            return _el$28;
+            return _el$29;
           })();
         }
       }));
-      return _el$27;
+      return _el$28;
     })();
   };
   return createComponent(ExpandableWrapper, {
     get title() {
-      return tableParams.title || "Table";
+      return tableParams.title || strings.tableTitle;
     },
     get copyData() {
       return getTableCSV();
     },
-    copyLabel: "Copy table (CSV)",
+    get copyLabel() {
+      return strings.tableCopyCsv;
+    },
     get toolbarVariant() {
       return props.toolbarVariant;
     },
     onExpandedChange: setSelfExpanded,
     get children() {
-      var _el$30 = getNextElement(_tmpl$26), _el$114 = _el$30.firstChild, [_el$115, _co$26] = getNextMarker(_el$114.nextSibling), _el$38 = _el$115.nextSibling, _el$106 = _el$38.firstChild, [_el$107, _co$22] = getNextMarker(_el$106.nextSibling), _el$108 = _el$107.nextSibling, [_el$109, _co$23] = getNextMarker(_el$108.nextSibling), _el$64 = _el$109.nextSibling, _el$65 = _el$64.firstChild, _el$66 = _el$65.firstChild, _el$67 = _el$66.firstChild, _el$68 = _el$66.nextSibling, [_el$69, _co$12] = getNextMarker(_el$68.nextSibling), _el$110 = _el$64.nextSibling, [_el$111, _co$24] = getNextMarker(_el$110.nextSibling), _el$112 = _el$111.nextSibling, [_el$113, _co$25] = getNextMarker(_el$112.nextSibling);
-      insert(_el$30, createComponent(Show, {
+      var _el$31 = getNextElement(_tmpl$24), _el$92 = _el$31.firstChild, [_el$93, _co$19] = getNextMarker(_el$92.nextSibling), _el$39 = _el$93.nextSibling, _el$84 = _el$39.firstChild, [_el$85, _co$15] = getNextMarker(_el$84.nextSibling), _el$86 = _el$85.nextSibling, [_el$87, _co$16] = getNextMarker(_el$86.nextSibling), _el$53 = _el$87.nextSibling, _el$54 = _el$53.firstChild, _el$55 = _el$54.firstChild, _el$56 = _el$55.firstChild, _el$57 = _el$55.nextSibling, [_el$58, _co$0] = getNextMarker(_el$57.nextSibling), _el$88 = _el$53.nextSibling, [_el$89, _co$17] = getNextMarker(_el$88.nextSibling), _el$90 = _el$89.nextSibling, [_el$91, _co$18] = getNextMarker(_el$90.nextSibling);
+      insert(_el$31, createComponent(Show, {
         when: exportable,
         get fallback() {
           return createComponent(CopyButton, {
             getText: getTableCSV,
-            title: "Copy table (CSV)",
+            get title() {
+              return strings.tableCopyCsv;
+            },
             position: "top-right"
           });
         },
         get children() {
-          var _el$31 = getNextElement(_tmpl$16), _el$32 = _el$31.firstChild, _el$36 = _el$32.nextSibling, [_el$37, _co$6] = getNextMarker(_el$36.nextSibling);
-          _el$32.$$click = () => setShowExportMenu(!showExportMenu());
+          var _el$32 = getNextElement(_tmpl$14), _el$33 = _el$32.firstChild, _el$37 = _el$33.nextSibling, [_el$38, _co$6] = getNextMarker(_el$37.nextSibling);
+          _el$33.$$click = () => setShowExportMenu(!showExportMenu());
           var _ref$ = exportTriggerRef;
-          typeof _ref$ === "function" ? use(_ref$, _el$32) : exportTriggerRef = _el$32;
-          insert(_el$31, createComponent(PortalDropdownMenu, {
+          typeof _ref$ === "function" ? use(_ref$, _el$33) : exportTriggerRef = _el$33;
+          insert(_el$32, createComponent(PortalDropdownMenu, {
             get open() {
               return showExportMenu();
             },
@@ -728,136 +762,154 @@ ${dataRows}`;
                   return exportFormats.includes("tsv");
                 },
                 get children() {
-                  var _el$33 = getNextElement(_tmpl$13);
-                  _el$33.$$click = () => handleExport("tsv");
+                  var _el$34 = getNextElement(_tmpl$13);
+                  _el$34.$$click = () => handleExport("tsv");
+                  insert(_el$34, () => strings.tableCopyTsv);
                   runHydrationEvents();
-                  return _el$33;
+                  return _el$34;
                 }
               }), createComponent(Show, {
                 get when() {
                   return exportFormats.includes("csv");
                 },
                 get children() {
-                  var _el$34 = getNextElement(_tmpl$14);
-                  _el$34.$$click = () => handleExport("csv");
+                  var _el$35 = getNextElement(_tmpl$13);
+                  _el$35.$$click = () => handleExport("csv");
+                  insert(_el$35, () => strings.tableDownloadCsv);
                   runHydrationEvents();
-                  return _el$34;
+                  return _el$35;
                 }
               }), createComponent(Show, {
                 get when() {
                   return exportFormats.includes("json");
                 },
                 get children() {
-                  var _el$35 = getNextElement(_tmpl$15);
-                  _el$35.$$click = () => handleExport("json");
+                  var _el$36 = getNextElement(_tmpl$13);
+                  _el$36.$$click = () => handleExport("json");
+                  insert(_el$36, () => strings.tableDownloadJson);
                   runHydrationEvents();
-                  return _el$35;
+                  return _el$36;
                 }
               })];
             }
-          }), _el$37, _co$6);
-          effect(() => setAttribute(_el$32, "aria-expanded", showExportMenu()));
+          }), _el$38, _co$6);
+          effect((_p$) => {
+            var _v$9 = strings.tableExport, _v$0 = strings.tableExport, _v$1 = showExportMenu();
+            _v$9 !== _p$.e && setAttribute(_el$33, "title", _p$.e = _v$9);
+            _v$0 !== _p$.t && setAttribute(_el$33, "aria-label", _p$.t = _v$0);
+            _v$1 !== _p$.a && setAttribute(_el$33, "aria-expanded", _p$.a = _v$1);
+            return _p$;
+          }, {
+            e: void 0,
+            t: void 0,
+            a: void 0
+          });
           runHydrationEvents();
-          return _el$31;
+          return _el$32;
         }
-      }), _el$115, _co$26);
-      insert(_el$38, createComponent(Show, {
+      }), _el$93, _co$19);
+      insert(_el$39, createComponent(Show, {
         get when() {
           return tableParams.title;
         },
         get children() {
-          var _el$39 = getNextElement(_tmpl$18), _el$45 = _el$39.firstChild, [_el$46, _co$8] = getNextMarker(_el$45.nextSibling), _el$47 = _el$46.nextSibling, [_el$48, _co$9] = getNextMarker(_el$47.nextSibling);
-          setAttribute(_el$39, "id", `${tableId}-title`);
-          insert(_el$39, () => tableParams.title, _el$46, _co$8);
-          insert(_el$39, createComponent(Show, {
+          var _el$40 = getNextElement(_tmpl$16), _el$42 = _el$40.firstChild, [_el$43, _co$7] = getNextMarker(_el$42.nextSibling), _el$44 = _el$43.nextSibling, [_el$45, _co$8] = getNextMarker(_el$44.nextSibling);
+          setAttribute(_el$40, "id", `${tableId}-title`);
+          insert(_el$40, () => tableParams.title, _el$43, _co$7);
+          insert(_el$40, createComponent(Show, {
             get when() {
               return isVirtualizing();
             },
             get children() {
-              var _el$40 = getNextElement(_tmpl$17), _el$41 = _el$40.firstChild, _el$43 = _el$41.nextSibling, [_el$44, _co$7] = getNextMarker(_el$43.nextSibling);
-              _el$44.nextSibling;
-              insert(_el$40, () => {
+              var _el$41 = getNextElement(_tmpl$15);
+              insert(_el$41, () => {
                 var _a;
-                return (_a = tableParams.rows) == null ? void 0 : _a.length;
-              }, _el$44, _co$7);
-              return _el$40;
+                return formatMCPUIString(strings.tableVirtualizedRows, {
+                  count: ((_a = tableParams.rows) == null ? void 0 : _a.length) ?? 0
+                });
+              });
+              return _el$41;
             }
-          }), _el$48, _co$9);
-          return _el$39;
+          }), _el$45, _co$8);
+          return _el$40;
         }
-      }), _el$107, _co$22);
-      insert(_el$38, createComponent(Show, {
+      }), _el$85, _co$15);
+      insert(_el$39, createComponent(Show, {
         get when() {
           return isSearchable();
         },
         get children() {
           return [(() => {
-            var _el$49 = getNextElement(_tmpl$20), _el$50 = _el$49.firstChild, _el$51 = _el$50.nextSibling, _el$53 = _el$51.nextSibling, [_el$54, _co$0] = getNextMarker(_el$53.nextSibling);
-            _el$51.$$input = (e) => handleSearch(e.currentTarget.value);
-            insert(_el$49, createComponent(Show, {
+            var _el$46 = getNextElement(_tmpl$18), _el$47 = _el$46.firstChild, _el$48 = _el$47.nextSibling, _el$50 = _el$48.nextSibling, [_el$51, _co$9] = getNextMarker(_el$50.nextSibling);
+            _el$48.$$input = (e) => handleSearch(e.currentTarget.value);
+            insert(_el$46, createComponent(Show, {
               get when() {
                 return searchQuery();
               },
               get children() {
-                var _el$52 = getNextElement(_tmpl$19);
-                _el$52.$$click = () => {
+                var _el$49 = getNextElement(_tmpl$17);
+                _el$49.$$click = () => {
                   handleSearch("");
                   setSearchQuery("");
                   setDebouncedQuery("");
                 };
+                effect(() => setAttribute(_el$49, "aria-label", strings.tableClearSearch));
                 runHydrationEvents();
-                return _el$52;
+                return _el$49;
               }
-            }), _el$54, _co$0);
-            effect(() => setAttribute(_el$51, "placeholder", searchPlaceholder()));
-            effect(() => setProperty(_el$51, "value", searchQuery()));
+            }), _el$51, _co$9);
+            effect(() => setAttribute(_el$48, "placeholder", searchPlaceholder()));
+            effect(() => setProperty(_el$48, "value", searchQuery()));
             runHydrationEvents();
-            return _el$49;
+            return _el$46;
           })(), createComponent(Show, {
             get when() {
               return memo(() => !!debouncedQuery())() && filteredRows().length !== sortedRows().length;
             },
             get children() {
-              var _el$55 = getNextElement(_tmpl$21), _el$58 = _el$55.firstChild, [_el$59, _co$1] = getNextMarker(_el$58.nextSibling), _el$56 = _el$59.nextSibling, _el$60 = _el$56.nextSibling, [_el$61, _co$10] = getNextMarker(_el$60.nextSibling), _el$57 = _el$61.nextSibling, _el$62 = _el$57.nextSibling, [_el$63, _co$11] = getNextMarker(_el$62.nextSibling);
-              insert(_el$55, () => filteredRows().length, _el$59, _co$1);
-              insert(_el$55, () => filteredRows().length !== 1 ? "s" : "", _el$61, _co$10);
-              insert(_el$55, () => sortedRows().length, _el$63, _co$11);
-              return _el$55;
+              var _el$52 = getNextElement(_tmpl$19);
+              insert(_el$52, () => formatMCPUIString(filteredRows().length === 1 ? strings.tableSearchResultsOne : strings.tableSearchResultsMany, {
+                count: filteredRows().length,
+                total: sortedRows().length
+              }));
+              return _el$52;
             }
           })];
         }
-      }), _el$109, _co$23);
+      }), _el$87, _co$16);
       var _ref$2 = scrollContainerRef;
-      typeof _ref$2 === "function" ? use(_ref$2, _el$64) : scrollContainerRef = _el$64;
-      insert(_el$67, createComponent(For, {
+      typeof _ref$2 === "function" ? use(_ref$2, _el$53) : scrollContainerRef = _el$53;
+      insert(_el$56, createComponent(For, {
         get each() {
           return tableParams.columns;
         },
         children: (column) => (() => {
-          var _el$116 = getNextElement(_tmpl$27), _el$117 = _el$116.firstChild, _el$119 = _el$117.firstChild, [_el$120, _co$27] = getNextMarker(_el$119.nextSibling), _el$118 = _el$120.nextSibling;
-          addEventListener(_el$116, "click", () => handleSort(column.key));
-          insert(_el$117, () => column.label, _el$120, _co$27);
-          insert(_el$118, () => sortIndicator(column.key));
+          var _el$94 = getNextElement(_tmpl$25), _el$95 = _el$94.firstChild, _el$97 = _el$95.firstChild, [_el$98, _co$20] = getNextMarker(_el$97.nextSibling), _el$96 = _el$98.nextSibling;
+          addEventListener(_el$94, "click", () => handleSort(column.key));
+          insert(_el$95, () => column.label, _el$98, _co$20);
+          insert(_el$96, () => sortIndicator(column.key));
           effect((_p$) => {
-            var _v$17 = column.width ? {
+            var _v$20 = column.width ? {
               width: column.width
-            } : {}, _v$18 = `Sort by ${column.label}`, _v$19 = {
+            } : {}, _v$21 = formatMCPUIString(strings.sortBy, {
+              column: column.label
+            }), _v$22 = {
               "opacity-30": sortKey() !== column.key,
               "opacity-100 text-blue-600 dark:text-blue-400": sortKey() === column.key
             };
-            _p$.e = style(_el$116, _v$17, _p$.e);
-            _v$18 !== _p$.t && setAttribute(_el$116, "title", _p$.t = _v$18);
-            _p$.a = classList(_el$118, _v$19, _p$.a);
+            _p$.e = style(_el$94, _v$20, _p$.e);
+            _v$21 !== _p$.t && setAttribute(_el$94, "title", _p$.t = _v$21);
+            _p$.a = classList(_el$96, _v$22, _p$.a);
             return _p$;
           }, {
             e: void 0,
             t: void 0,
             a: void 0
           });
-          return _el$116;
+          return _el$94;
         })()
       }));
-      insert(_el$65, createComponent(Show, {
+      insert(_el$54, createComponent(Show, {
         get when() {
           return isVirtualizing();
         },
@@ -867,63 +919,69 @@ ${dataRows}`;
         get children() {
           return createComponent(VirtualizedTableBody, {});
         }
-      }), _el$69, _co$12);
-      insert(_el$38, createComponent(Show, {
+      }), _el$58, _co$0);
+      insert(_el$39, createComponent(Show, {
         get when() {
           return tableParams.pagination;
         },
         get children() {
-          var _el$70 = getNextElement(_tmpl$22), _el$71 = _el$70.firstChild, _el$72 = _el$71.firstChild, _el$77 = _el$72.nextSibling, [_el$78, _co$13] = getNextMarker(_el$77.nextSibling), _el$73 = _el$78.nextSibling, _el$79 = _el$73.nextSibling, [_el$80, _co$14] = getNextMarker(_el$79.nextSibling), _el$75 = _el$80.nextSibling, _el$81 = _el$75.nextSibling, [_el$82, _co$15] = getNextMarker(_el$81.nextSibling);
-          insert(_el$71, () => tableParams.pagination.currentPage * tableParams.pagination.pageSize + 1, _el$78, _co$13);
-          insert(_el$71, () => Math.min((tableParams.pagination.currentPage + 1) * tableParams.pagination.pageSize, tableParams.pagination.totalRows), _el$80, _co$14);
-          insert(_el$71, () => tableParams.pagination.totalRows, _el$82, _co$15);
-          return _el$70;
+          var _el$59 = getNextElement(_tmpl$20), _el$60 = _el$59.firstChild;
+          insert(_el$60, () => formatMCPUIString(strings.tableServerPageRange, {
+            start: tableParams.pagination.currentPage * tableParams.pagination.pageSize + 1,
+            end: Math.min((tableParams.pagination.currentPage + 1) * tableParams.pagination.pageSize, tableParams.pagination.totalRows),
+            total: tableParams.pagination.totalRows
+          }));
+          return _el$59;
         }
-      }), _el$111, _co$24);
-      insert(_el$38, createComponent(Show, {
+      }), _el$89, _co$17);
+      insert(_el$39, createComponent(Show, {
         get when() {
           return needsClientPagination();
         },
         get children() {
-          var _el$83 = getNextElement(_tmpl$25), _el$84 = _el$83.firstChild, _el$87 = _el$84.firstChild, [_el$88, _co$16] = getNextMarker(_el$87.nextSibling), _el$85 = _el$88.nextSibling, _el$89 = _el$85.nextSibling, [_el$90, _co$17] = getNextMarker(_el$89.nextSibling), _el$86 = _el$90.nextSibling, _el$91 = _el$86.nextSibling, [_el$92, _co$18] = getNextMarker(_el$91.nextSibling), _el$93 = _el$84.nextSibling, _el$94 = _el$93.firstChild, _el$95 = _el$94.nextSibling, _el$97 = _el$95.firstChild, [_el$98, _co$19] = getNextMarker(_el$97.nextSibling), _el$96 = _el$98.nextSibling, _el$99 = _el$96.nextSibling, [_el$100, _co$20] = getNextMarker(_el$99.nextSibling), _el$101 = _el$95.nextSibling, _el$104 = _el$101.nextSibling, [_el$105, _co$21] = getNextMarker(_el$104.nextSibling);
-          insert(_el$84, clientRangeStart, _el$88, _co$16);
-          insert(_el$84, clientRangeEnd, _el$90, _co$17);
-          insert(_el$84, () => filteredRows().length.toLocaleString("fr-FR"), _el$92, _co$18);
-          _el$94.$$click = () => setClientPage((p) => p - 1);
-          insert(_el$95, () => clientPage() + 1, _el$98, _co$19);
-          insert(_el$95, clientTotalPages, _el$100, _co$20);
-          _el$101.$$click = () => setClientPage((p) => p + 1);
-          insert(_el$93, createComponent(Show, {
+          var _el$61 = getNextElement(_tmpl$23), _el$62 = _el$61.firstChild, _el$65 = _el$62.firstChild, [_el$66, _co$1] = getNextMarker(_el$65.nextSibling), _el$63 = _el$66.nextSibling, _el$67 = _el$63.nextSibling, [_el$68, _co$10] = getNextMarker(_el$67.nextSibling), _el$64 = _el$68.nextSibling, _el$69 = _el$64.nextSibling, [_el$70, _co$11] = getNextMarker(_el$69.nextSibling), _el$71 = _el$62.nextSibling, _el$72 = _el$71.firstChild, _el$73 = _el$72.nextSibling, _el$75 = _el$73.firstChild, [_el$76, _co$12] = getNextMarker(_el$75.nextSibling), _el$74 = _el$76.nextSibling, _el$77 = _el$74.nextSibling, [_el$78, _co$13] = getNextMarker(_el$77.nextSibling), _el$79 = _el$73.nextSibling, _el$82 = _el$79.nextSibling, [_el$83, _co$14] = getNextMarker(_el$82.nextSibling);
+          insert(_el$62, clientRangeStart, _el$66, _co$1);
+          insert(_el$62, clientRangeEnd, _el$68, _co$10);
+          insert(_el$62, () => filteredRows().length.toLocaleString(strings.locale), _el$70, _co$11);
+          _el$72.$$click = () => setClientPage((p) => p - 1);
+          insert(_el$73, () => clientPage() + 1, _el$76, _co$12);
+          insert(_el$73, clientTotalPages, _el$78, _co$13);
+          _el$79.$$click = () => setClientPage((p) => p + 1);
+          insert(_el$71, createComponent(Show, {
             get when() {
               return memo(() => !!isExpanded())() && filteredRows().length > 10;
             },
             get children() {
               return [(() => {
-                var _el$102 = getNextElement(_tmpl$23);
-                _el$102.addEventListener("change", (e) => handlePageSizeChange(Number(e.currentTarget.value)));
-                insert(_el$102, createComponent(For, {
+                var _el$80 = getNextElement(_tmpl$21);
+                _el$80.addEventListener("change", (e) => handlePageSizeChange(Number(e.currentTarget.value)));
+                insert(_el$80, createComponent(For, {
                   get each() {
                     return pageSizeOptions();
                   },
                   children: (opt) => (() => {
-                    var _el$121 = getNextElement(_tmpl$28);
-                    insert(_el$121, () => opt.label);
-                    effect(() => setProperty(_el$121, "value", opt.value));
-                    return _el$121;
+                    var _el$99 = getNextElement(_tmpl$26);
+                    insert(_el$99, () => opt.label);
+                    effect(() => setProperty(_el$99, "value", opt.value));
+                    return _el$99;
                   })()
                 }));
-                effect(() => setAttribute(_el$102, "aria-label", strings.paginationPageSize));
-                effect(() => setProperty(_el$102, "value", clientPageSize()));
-                return _el$102;
-              })(), getNextElement(_tmpl$24)];
+                effect(() => setAttribute(_el$80, "aria-label", strings.paginationPageSize));
+                effect(() => setProperty(_el$80, "value", clientPageSize()));
+                return _el$80;
+              })(), (() => {
+                var _el$81 = getNextElement(_tmpl$22);
+                insert(_el$81, () => strings.perPageSuffix);
+                return _el$81;
+              })()];
             }
-          }), _el$105, _co$21);
+          }), _el$83, _co$14);
           effect((_p$) => {
-            var _v$9 = clientPage() === 0, _v$0 = strings.paginationPrevious, _v$1 = clientPage() >= clientTotalPages() - 1, _v$10 = strings.paginationNext;
-            _v$9 !== _p$.e && setProperty(_el$94, "disabled", _p$.e = _v$9);
-            _v$0 !== _p$.t && setAttribute(_el$94, "aria-label", _p$.t = _v$0);
-            _v$1 !== _p$.a && setProperty(_el$101, "disabled", _p$.a = _v$1);
-            _v$10 !== _p$.o && setAttribute(_el$101, "aria-label", _p$.o = _v$10);
+            var _v$10 = clientPage() === 0, _v$11 = strings.paginationPrevious, _v$12 = clientPage() >= clientTotalPages() - 1, _v$13 = strings.paginationNext;
+            _v$10 !== _p$.e && setProperty(_el$72, "disabled", _p$.e = _v$10);
+            _v$11 !== _p$.t && setAttribute(_el$72, "aria-label", _p$.t = _v$11);
+            _v$12 !== _p$.a && setProperty(_el$79, "disabled", _p$.a = _v$12);
+            _v$13 !== _p$.o && setAttribute(_el$79, "aria-label", _p$.o = _v$13);
             return _p$;
           }, {
             e: void 0,
@@ -932,11 +990,11 @@ ${dataRows}`;
             o: void 0
           });
           runHydrationEvents();
-          return _el$83;
+          return _el$61;
         }
-      }), _el$113, _co$25);
+      }), _el$91, _co$18);
       effect((_p$) => {
-        var _v$11 = `relative w-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden group ${isExpanded() ? "flex-1 min-h-0 flex flex-col" : "h-full"} ${tableParams.className || ""}`, _v$12 = `p-4 ${isExpanded() ? "flex-1 min-h-0 flex flex-col" : ""}`, _v$13 = `overflow-x-auto ${isExpanded() ? "flex-1 min-h-0" : ""}`, _v$14 = (
+        var _v$14 = `relative w-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden group ${isExpanded() ? "flex-1 min-h-0 flex flex-col" : "h-full"} ${tableParams.className || ""}`, _v$15 = `p-4 ${isExpanded() ? "flex-1 min-h-0 flex flex-col" : ""}`, _v$16 = `overflow-x-auto ${isExpanded() ? "flex-1 min-h-0" : ""}`, _v$17 = (
           // v6.1.0 — when expanded, the scroll container fills the
           // remaining vertical space and scrolls internally.
           // v6.3.0 — `params.maxHeight` opt-out (axe 1 deposium handoff)
@@ -965,13 +1023,13 @@ ${dataRows}`;
             };
             return {};
           })()
-        ), _v$15 = tableParams.title || "Data table", _v$16 = tableParams.title ? `${tableId}-title` : void 0;
-        _v$11 !== _p$.e && className(_el$30, _p$.e = _v$11);
-        _v$12 !== _p$.t && className(_el$38, _p$.t = _v$12);
-        _v$13 !== _p$.a && className(_el$64, _p$.a = _v$13);
-        _p$.o = style(_el$64, _v$14, _p$.o);
-        _v$15 !== _p$.i && setAttribute(_el$64, "aria-label", _p$.i = _v$15);
-        _v$16 !== _p$.n && setAttribute(_el$65, "aria-labelledby", _p$.n = _v$16);
+        ), _v$18 = tableParams.title || strings.tableAriaLabel, _v$19 = tableParams.title ? `${tableId}-title` : void 0;
+        _v$14 !== _p$.e && className(_el$31, _p$.e = _v$14);
+        _v$15 !== _p$.t && className(_el$39, _p$.t = _v$15);
+        _v$16 !== _p$.a && className(_el$53, _p$.a = _v$16);
+        _p$.o = style(_el$53, _v$17, _p$.o);
+        _v$18 !== _p$.i && setAttribute(_el$53, "aria-label", _p$.i = _v$18);
+        _v$19 !== _p$.n && setAttribute(_el$54, "aria-labelledby", _p$.n = _v$19);
         return _p$;
       }, {
         e: void 0,
@@ -981,11 +1039,12 @@ ${dataRows}`;
         i: void 0,
         n: void 0
       });
-      return _el$30;
+      return _el$31;
     }
   });
 }
 function MetricRenderer(props) {
+  const strings = useMCPUIStrings();
   const metricParams = props.component.params;
   const getMetricText = () => {
     const title = metricParams.title || metricParams.label || "";
@@ -994,59 +1053,61 @@ function MetricRenderer(props) {
     return `${title}: ${value}${unit ? " " + unit : ""}`;
   };
   return (() => {
-    var _el$122 = getNextElement(_tmpl$32), _el$144 = _el$122.firstChild, [_el$145, _co$33] = getNextMarker(_el$144.nextSibling), _el$123 = _el$145.nextSibling, _el$124 = _el$123.firstChild, _el$125 = _el$124.firstChild, _el$126 = _el$125.nextSibling, _el$127 = _el$126.firstChild, _el$129 = _el$127.nextSibling, [_el$130, _co$28] = getNextMarker(_el$129.nextSibling), _el$140 = _el$124.nextSibling, [_el$141, _co$31] = getNextMarker(_el$140.nextSibling), _el$142 = _el$141.nextSibling, [_el$143, _co$32] = getNextMarker(_el$142.nextSibling);
-    insert(_el$122, createComponent(CopyButton, {
+    var _el$100 = getNextElement(_tmpl$30), _el$122 = _el$100.firstChild, [_el$123, _co$26] = getNextMarker(_el$122.nextSibling), _el$101 = _el$123.nextSibling, _el$102 = _el$101.firstChild, _el$103 = _el$102.firstChild, _el$104 = _el$103.nextSibling, _el$105 = _el$104.firstChild, _el$107 = _el$105.nextSibling, [_el$108, _co$21] = getNextMarker(_el$107.nextSibling), _el$118 = _el$102.nextSibling, [_el$119, _co$24] = getNextMarker(_el$118.nextSibling), _el$120 = _el$119.nextSibling, [_el$121, _co$25] = getNextMarker(_el$120.nextSibling);
+    insert(_el$100, createComponent(CopyButton, {
       getText: getMetricText,
-      title: "Copy metric",
+      get title() {
+        return strings.copyMetric;
+      },
       position: "top-right"
-    }), _el$145, _co$33);
-    insert(_el$125, () => metricParams.title);
-    insert(_el$127, () => metricParams.value);
-    insert(_el$126, createComponent(Show, {
+    }), _el$123, _co$26);
+    insert(_el$103, () => metricParams.title);
+    insert(_el$105, () => metricParams.value);
+    insert(_el$104, createComponent(Show, {
       get when() {
         return metricParams.unit;
       },
       get children() {
-        var _el$128 = getNextElement(_tmpl$29);
-        insert(_el$128, () => metricParams.unit);
-        return _el$128;
+        var _el$106 = getNextElement(_tmpl$27);
+        insert(_el$106, () => metricParams.unit);
+        return _el$106;
       }
-    }), _el$130, _co$28);
-    insert(_el$123, createComponent(Show, {
+    }), _el$108, _co$21);
+    insert(_el$101, createComponent(Show, {
       get when() {
         return metricParams.trend;
       },
       get children() {
-        var _el$131 = getNextElement(_tmpl$30), _el$132 = _el$131.firstChild, _el$135 = _el$132.firstChild, [_el$136, _co$29] = getNextMarker(_el$135.nextSibling), _el$133 = _el$136.nextSibling, _el$137 = _el$133.nextSibling, [_el$138, _co$30] = getNextMarker(_el$137.nextSibling);
-        _el$138.nextSibling;
-        insert(_el$132, (() => {
+        var _el$109 = getNextElement(_tmpl$28), _el$110 = _el$109.firstChild, _el$113 = _el$110.firstChild, [_el$114, _co$22] = getNextMarker(_el$113.nextSibling), _el$111 = _el$114.nextSibling, _el$115 = _el$111.nextSibling, [_el$116, _co$23] = getNextMarker(_el$115.nextSibling);
+        _el$116.nextSibling;
+        insert(_el$110, (() => {
           var _c$ = memo(() => metricParams.trend.direction === "up");
           return () => _c$() ? "�" : metricParams.trend.direction === "down" ? "�" : "�";
-        })(), _el$136, _co$29);
-        insert(_el$132, () => Math.abs(metricParams.trend.value), _el$138, _co$30);
-        effect(() => className(_el$132, `text-sm font-medium ${metricParams.trend.direction === "up" ? "text-green-600 dark:text-green-400" : metricParams.trend.direction === "down" ? "text-red-600 dark:text-red-400" : "text-gray-600 dark:text-gray-400"}`));
-        return _el$131;
+        })(), _el$114, _co$22);
+        insert(_el$110, () => Math.abs(metricParams.trend.value), _el$116, _co$23);
+        effect(() => className(_el$110, `text-sm font-medium ${metricParams.trend.direction === "up" ? "text-green-600 dark:text-green-400" : metricParams.trend.direction === "down" ? "text-red-600 dark:text-red-400" : "text-gray-600 dark:text-gray-400"}`));
+        return _el$109;
       }
-    }), _el$141, _co$31);
-    insert(_el$123, createComponent(Show, {
+    }), _el$119, _co$24);
+    insert(_el$101, createComponent(Show, {
       get when() {
         return metricParams.subtitle;
       },
       get children() {
-        var _el$139 = getNextElement(_tmpl$31);
-        insert(_el$139, () => metricParams.subtitle);
-        return _el$139;
+        var _el$117 = getNextElement(_tmpl$29);
+        insert(_el$117, () => metricParams.subtitle);
+        return _el$117;
       }
-    }), _el$143, _co$32);
-    return _el$122;
+    }), _el$121, _co$25);
+    return _el$100;
   })();
 }
-function extractImageFromMarkdown(content) {
+function extractImageFromMarkdown(content, fallbackAlt) {
   const imagePattern = /\[!\[([^\]]*)\]\(([^)]+)\)\]\(([^)]+)\)\s*\*([^*]+)\*/;
   const match = content.match(imagePattern);
   if (match) {
     return {
-      alt: match[1] || "Image",
+      alt: match[1] || fallbackAlt,
       imageUrl: match[2],
       linkUrl: match[3],
       credit: match[4].trim()
@@ -1055,10 +1116,11 @@ function extractImageFromMarkdown(content) {
   return null;
 }
 function TextRenderer(props) {
+  const strings = useMCPUIStrings();
   const textParams = props.component.params;
   const imageData = createMemo(() => {
     if (textParams.markdown && textParams.content) {
-      const extracted = extractImageFromMarkdown(textParams.content);
+      const extracted = extractImageFromMarkdown(textParams.content, strings.imageAlt);
       if (!extracted) return null;
       const imageUrl = safeUrl(extracted.imageUrl, {
         allowDataImage: true
@@ -1094,38 +1156,40 @@ function TextRenderer(props) {
     },
     get fallback() {
       return (() => {
-        var _el$146 = getNextElement(_tmpl$33), _el$147 = _el$146.firstChild, [_el$148, _co$34] = getNextMarker(_el$147.nextSibling), _el$149 = _el$148.nextSibling, [_el$150, _co$35] = getNextMarker(_el$149.nextSibling);
-        insert(_el$146, createComponent(CopyButton, {
+        var _el$124 = getNextElement(_tmpl$31), _el$125 = _el$124.firstChild, [_el$126, _co$27] = getNextMarker(_el$125.nextSibling), _el$127 = _el$126.nextSibling, [_el$128, _co$28] = getNextMarker(_el$127.nextSibling);
+        insert(_el$124, createComponent(CopyButton, {
           getText: getTextContent,
-          title: "Copy text",
+          get title() {
+            return strings.copyText;
+          },
           position: "top-right"
-        }), _el$148, _co$34);
-        insert(_el$146, createComponent(SafeHtml, {
+        }), _el$126, _co$27);
+        insert(_el$124, createComponent(SafeHtml, {
           get ["class"]() {
             return `prose prose-sm dark:prose-invert max-w-none ${textParams.className || ""}`;
           },
           html: htmlContent
-        }), _el$150, _co$35);
-        return _el$146;
+        }), _el$128, _co$28);
+        return _el$124;
       })();
     },
     children: (data) => {
       const image = () => (() => {
-        var _el$151 = getNextElement(_tmpl$34);
+        var _el$129 = getNextElement(_tmpl$32);
         effect((_p$) => {
-          var _v$20 = data().imageUrl, _v$21 = data().alt;
-          _v$20 !== _p$.e && setAttribute(_el$151, "src", _p$.e = _v$20);
-          _v$21 !== _p$.t && setAttribute(_el$151, "alt", _p$.t = _v$21);
+          var _v$23 = data().imageUrl, _v$24 = data().alt;
+          _v$23 !== _p$.e && setAttribute(_el$129, "src", _p$.e = _v$23);
+          _v$24 !== _p$.t && setAttribute(_el$129, "alt", _p$.t = _v$24);
           return _p$;
         }, {
           e: void 0,
           t: void 0
         });
-        return _el$151;
+        return _el$129;
       })();
       return (() => {
-        var _el$152 = getNextElement(_tmpl$35), _el$153 = _el$152.firstChild, _el$154 = _el$153.nextSibling, _el$155 = _el$154.firstChild;
-        insert(_el$153, createComponent(Show, {
+        var _el$130 = getNextElement(_tmpl$33), _el$131 = _el$130.firstChild, _el$132 = _el$131.nextSibling, _el$133 = _el$132.firstChild;
+        insert(_el$131, createComponent(Show, {
           get when() {
             return data().linkUrl;
           },
@@ -1133,38 +1197,39 @@ function TextRenderer(props) {
             return image();
           },
           children: (href) => (() => {
-            var _el$156 = getNextElement(_tmpl$36);
-            insert(_el$156, image);
-            effect(() => setAttribute(_el$156, "href", href()));
-            return _el$156;
+            var _el$134 = getNextElement(_tmpl$34);
+            insert(_el$134, image);
+            effect(() => setAttribute(_el$134, "href", href()));
+            return _el$134;
           })()
         }));
-        insert(_el$155, () => data().credit);
-        return _el$152;
+        insert(_el$133, () => data().credit);
+        return _el$130;
       })();
     }
   });
 }
 function IframeRenderer(props) {
+  const strings = useMCPUIStrings();
   const params = props.component.params;
   return (() => {
-    var _el$157 = getNextElement(_tmpl$38), _el$161 = _el$157.firstChild, [_el$162, _co$36] = getNextMarker(_el$161.nextSibling), _el$160 = _el$162.nextSibling;
-    insert(_el$157, createComponent(Show, {
+    var _el$135 = getNextElement(_tmpl$36), _el$139 = _el$135.firstChild, [_el$140, _co$29] = getNextMarker(_el$139.nextSibling), _el$138 = _el$140.nextSibling;
+    insert(_el$135, createComponent(Show, {
       get when() {
         return params.title;
       },
       get children() {
-        var _el$158 = getNextElement(_tmpl$37), _el$159 = _el$158.firstChild;
-        insert(_el$159, () => params.title);
-        return _el$158;
+        var _el$136 = getNextElement(_tmpl$35), _el$137 = _el$136.firstChild;
+        insert(_el$137, () => params.title);
+        return _el$136;
       }
-    }), _el$162, _co$36);
+    }), _el$140, _co$29);
     effect((_p$) => {
-      var _v$22 = params.url, _v$23 = params.title || "Embedded content", _v$24 = `height: ${params.height || "400px"}; min-height: 300px;`, _v$25 = getIframeSandbox(params.url);
-      _v$22 !== _p$.e && setAttribute(_el$160, "src", _p$.e = _v$22);
-      _v$23 !== _p$.t && setAttribute(_el$160, "title", _p$.t = _v$23);
-      _p$.a = style(_el$160, _v$24, _p$.a);
-      _v$25 !== _p$.o && setAttribute(_el$160, "sandbox", _p$.o = _v$25);
+      var _v$25 = params.url, _v$26 = params.title || strings.iframeTitle, _v$27 = `height: ${params.height || "400px"}; min-height: 300px;`, _v$28 = getIframeSandbox(params.url);
+      _v$25 !== _p$.e && setAttribute(_el$138, "src", _p$.e = _v$25);
+      _v$26 !== _p$.t && setAttribute(_el$138, "title", _p$.t = _v$26);
+      _p$.a = style(_el$138, _v$27, _p$.a);
+      _v$28 !== _p$.o && setAttribute(_el$138, "sandbox", _p$.o = _v$28);
       return _p$;
     }, {
       e: void 0,
@@ -1172,32 +1237,35 @@ function IframeRenderer(props) {
       a: void 0,
       o: void 0
     });
-    return _el$157;
+    return _el$135;
   })();
 }
 function ImageRenderer(props) {
+  const strings = useMCPUIStrings();
   const params = props.component.params;
   return (() => {
-    var _el$163 = getNextElement(_tmpl$40), _el$164 = _el$163.firstChild, _el$165 = _el$164.firstChild, _el$166 = _el$165.firstChild, _el$169 = _el$164.nextSibling, [_el$170, _co$37] = getNextMarker(_el$169.nextSibling);
-    insert(_el$163, createComponent(Show, {
+    var _el$141 = getNextElement(_tmpl$38), _el$142 = _el$141.firstChild, _el$143 = _el$142.firstChild, _el$144 = _el$143.firstChild, _el$147 = _el$142.nextSibling, [_el$148, _co$30] = getNextMarker(_el$147.nextSibling);
+    insert(_el$141, createComponent(Show, {
       get when() {
         return params.caption;
       },
       get children() {
-        var _el$167 = getNextElement(_tmpl$39), _el$168 = _el$167.firstChild;
-        insert(_el$168, () => params.caption);
-        return _el$167;
+        var _el$145 = getNextElement(_tmpl$37), _el$146 = _el$145.firstChild;
+        insert(_el$146, () => params.caption);
+        return _el$145;
       }
-    }), _el$170, _co$37);
+    }), _el$148, _co$30);
     effect((_p$) => {
-      var _v$26 = `w-full h-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden flex flex-col ${params.className || ""}`, _v$27 = safeUrl(params.url), _v$28 = `View full size: ${params.alt || "image"}`, _v$29 = safeUrl(params.url, {
+      var _v$29 = `w-full h-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden flex flex-col ${params.className || ""}`, _v$30 = safeUrl(params.url), _v$31 = formatMCPUIString(strings.imageViewFullSize, {
+        alt: params.alt || strings.imageAltFallback
+      }), _v$32 = safeUrl(params.url, {
         allowDataImage: true
-      }), _v$30 = params.alt || "Image";
-      _v$26 !== _p$.e && className(_el$163, _p$.e = _v$26);
-      _v$27 !== _p$.t && setAttribute(_el$165, "href", _p$.t = _v$27);
-      _v$28 !== _p$.a && setAttribute(_el$165, "aria-label", _p$.a = _v$28);
-      _v$29 !== _p$.o && setAttribute(_el$166, "src", _p$.o = _v$29);
-      _v$30 !== _p$.i && setAttribute(_el$166, "alt", _p$.i = _v$30);
+      }), _v$33 = params.alt || strings.imageAlt;
+      _v$29 !== _p$.e && className(_el$141, _p$.e = _v$29);
+      _v$30 !== _p$.t && setAttribute(_el$143, "href", _p$.t = _v$30);
+      _v$31 !== _p$.a && setAttribute(_el$143, "aria-label", _p$.a = _v$31);
+      _v$32 !== _p$.o && setAttribute(_el$144, "src", _p$.o = _v$32);
+      _v$33 !== _p$.i && setAttribute(_el$144, "alt", _p$.i = _v$33);
       return _p$;
     }, {
       e: void 0,
@@ -1206,30 +1274,34 @@ function ImageRenderer(props) {
       o: void 0,
       i: void 0
     });
-    return _el$163;
+    return _el$141;
   })();
 }
 function LinkRenderer(props) {
+  const strings = useMCPUIStrings();
   const params = props.component.params;
   return (() => {
-    var _el$171 = getNextElement(_tmpl$42), _el$172 = _el$171.firstChild, _el$173 = _el$172.nextSibling, _el$174 = _el$173.firstChild, _el$176 = _el$174.nextSibling, [_el$177, _co$38] = getNextMarker(_el$176.nextSibling);
-    _el$171.$$click = (e) => e.stopPropagation();
-    insert(_el$174, () => params.label || params.url);
-    insert(_el$173, createComponent(Show, {
+    var _el$149 = getNextElement(_tmpl$40), _el$150 = _el$149.firstChild, _el$151 = _el$150.nextSibling, _el$152 = _el$151.firstChild, _el$154 = _el$152.nextSibling, [_el$155, _co$31] = getNextMarker(_el$154.nextSibling);
+    _el$149.$$click = (e) => e.stopPropagation();
+    insert(_el$152, () => params.label || params.url);
+    insert(_el$151, createComponent(Show, {
       get when() {
         return params.description;
       },
       get children() {
-        var _el$175 = getNextElement(_tmpl$41);
-        insert(_el$175, () => params.description);
-        return _el$175;
+        var _el$153 = getNextElement(_tmpl$39);
+        insert(_el$153, () => params.description);
+        return _el$153;
       }
-    }), _el$177, _co$38);
+    }), _el$155, _co$31);
     effect((_p$) => {
-      var _v$31 = safeUrl(params.url), _v$32 = `${params.label || "Link"}: ${params.description || params.url} (opens in new tab)`, _v$33 = `flex items-center gap-3 p-4 bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors group h-full focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 ${params.className || ""}`;
-      _v$31 !== _p$.e && setAttribute(_el$171, "href", _p$.e = _v$31);
-      _v$32 !== _p$.t && setAttribute(_el$171, "aria-label", _p$.t = _v$32);
-      _v$33 !== _p$.a && className(_el$171, _p$.a = _v$33);
+      var _v$34 = safeUrl(params.url), _v$35 = formatMCPUIString(strings.linkOpensInNewTab, {
+        label: params.label || strings.linkLabel,
+        description: params.description || params.url
+      }), _v$36 = `flex items-center gap-3 p-4 bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors group h-full focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 ${params.className || ""}`;
+      _v$34 !== _p$.e && setAttribute(_el$149, "href", _p$.e = _v$34);
+      _v$35 !== _p$.t && setAttribute(_el$149, "aria-label", _p$.t = _v$35);
+      _v$36 !== _p$.a && className(_el$149, _p$.a = _v$36);
       return _p$;
     }, {
       e: void 0,
@@ -1237,13 +1309,14 @@ function LinkRenderer(props) {
       a: void 0
     });
     runHydrationEvents();
-    return _el$171;
+    return _el$149;
   })();
 }
 function ComponentRenderer(props) {
   var _a, _b, _c, _d, _e, _f, _g;
   markRenderStart(props.component.id);
   const telemetry = useTelemetry();
+  const strings = useMCPUIStrings();
   onMount(() => {
     markRenderEnd(props.component.id);
     if (telemetry) {
@@ -1298,7 +1371,7 @@ function ComponentRenderer(props) {
       });
     }
     const mode = props.errorMode ?? "block";
-    const firstError = ((_f = (_e = validation.errors) == null ? void 0 : _e[0]) == null ? void 0 : _f.message) || "Unknown validation error";
+    const firstError = ((_f = (_e = validation.errors) == null ? void 0 : _e[0]) == null ? void 0 : _f.message) || strings.validationUnknownError;
     if ((_g = validation.errors) == null ? void 0 : _g.some((e) => e.code === "UNKNOWN_COMPONENT_TYPE")) {
       return createComponent(UnsupportedComponentFallback, {
         get component() {
@@ -1311,16 +1384,20 @@ function ComponentRenderer(props) {
     }
     if (mode === "inline-warn") {
       return (() => {
-        var _el$178 = getNextElement(_tmpl$43), _el$179 = _el$178.firstChild, _el$180 = _el$179.nextSibling, _el$181 = _el$180.firstChild, _el$182 = _el$181.nextSibling, [_el$183, _co$39] = getNextMarker(_el$182.nextSibling);
-        setAttribute(_el$178, "title", firstError);
-        insert(_el$180, () => props.component.type, _el$183, _co$39);
-        return _el$178;
+        var _el$156 = getNextElement(_tmpl$41), _el$157 = _el$156.firstChild, _el$158 = _el$157.nextSibling;
+        setAttribute(_el$156, "title", firstError);
+        insert(_el$158, () => formatMCPUIString(strings.invalidComponent, {
+          type: props.component.type
+        }));
+        effect(() => setAttribute(_el$156, "aria-label", strings.validationWarning));
+        return _el$156;
       })();
     }
     return (() => {
-      var _el$184 = getNextElement(_tmpl$44), _el$185 = _el$184.firstChild, _el$186 = _el$185.nextSibling;
-      insert(_el$186, firstError);
-      return _el$184;
+      var _el$159 = getNextElement(_tmpl$42), _el$160 = _el$159.firstChild, _el$161 = _el$160.nextSibling;
+      insert(_el$160, () => strings.validationError);
+      insert(_el$161, firstError);
+      return _el$159;
     })();
   }
   return createComponent(GenerativeUIErrorBoundary, {
@@ -1612,10 +1689,12 @@ function ComponentRenderer(props) {
   });
 }
 function UnsupportedComponentFallback(props) {
+  const strings = useMCPUIStrings();
   return (() => {
-    var _el$187 = getNextElement(_tmpl$45), _el$188 = _el$187.firstChild, _el$189 = _el$188.nextSibling;
-    insert(_el$189, () => props.component.type);
-    return _el$187;
+    var _el$162 = getNextElement(_tmpl$43), _el$165 = _el$162.firstChild, [_el$166, _co$32] = getNextMarker(_el$165.nextSibling), _el$163 = _el$166.nextSibling, _el$164 = _el$163.nextSibling;
+    insert(_el$162, () => strings.unsupportedComponentType, _el$166, _co$32);
+    insert(_el$164, () => props.component.type);
+    return _el$162;
   })();
 }
 function ActionRenderer(props) {
@@ -1655,27 +1734,27 @@ function ActionRenderer(props) {
   const isDisabled = () => params.disabled || isExecutable() && isExecuting();
   if (params.type === "link" || params.action === "link") {
     return (() => {
-      var _el$190 = getNextElement(_tmpl$47), _el$192 = _el$190.firstChild, [_el$193, _co$40] = getNextMarker(_el$192.nextSibling), _el$194 = _el$193.nextSibling, [_el$195, _co$41] = getNextMarker(_el$194.nextSibling);
-      _el$190.$$click = handleClick;
-      insert(_el$190, createComponent(Show, {
+      var _el$167 = getNextElement(_tmpl$45), _el$169 = _el$167.firstChild, [_el$170, _co$33] = getNextMarker(_el$169.nextSibling), _el$171 = _el$170.nextSibling, [_el$172, _co$34] = getNextMarker(_el$171.nextSibling);
+      _el$167.$$click = handleClick;
+      insert(_el$167, createComponent(Show, {
         get when() {
           return params.icon;
         },
         get children() {
-          var _el$191 = getNextElement(_tmpl$46);
-          insert(_el$191, () => params.icon);
-          return _el$191;
+          var _el$168 = getNextElement(_tmpl$44);
+          insert(_el$168, () => params.icon);
+          return _el$168;
         }
-      }), _el$193, _co$40);
-      insert(_el$190, () => params.label, _el$195, _co$41);
+      }), _el$170, _co$33);
+      insert(_el$167, () => params.label, _el$172, _co$34);
       effect((_p$) => {
-        var _v$34 = safeUrl(params.url) ?? "#", _v$35 = safeUrl(params.url) ? "_blank" : void 0, _v$36 = params.ariaLabel || params.label, _v$37 = `inline-flex items-center gap-2 px-4 py-2 rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500
+        var _v$37 = safeUrl(params.url) ?? "#", _v$38 = safeUrl(params.url) ? "_blank" : void 0, _v$39 = params.ariaLabel || params.label, _v$40 = `inline-flex items-center gap-2 px-4 py-2 rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500
           ${params.variant === "primary" ? "bg-blue-600 text-white hover:bg-blue-700" : params.variant === "outline" ? "border border-gray-300 text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-800" : "text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300"}
           ${params.className || ""}`;
-        _v$34 !== _p$.e && setAttribute(_el$190, "href", _p$.e = _v$34);
-        _v$35 !== _p$.t && setAttribute(_el$190, "target", _p$.t = _v$35);
-        _v$36 !== _p$.a && setAttribute(_el$190, "aria-label", _p$.a = _v$36);
-        _v$37 !== _p$.o && className(_el$190, _p$.o = _v$37);
+        _v$37 !== _p$.e && setAttribute(_el$167, "href", _p$.e = _v$37);
+        _v$38 !== _p$.t && setAttribute(_el$167, "target", _p$.t = _v$38);
+        _v$39 !== _p$.a && setAttribute(_el$167, "aria-label", _p$.a = _v$39);
+        _v$40 !== _p$.o && className(_el$167, _p$.o = _v$40);
         return _p$;
       }, {
         e: void 0,
@@ -1684,41 +1763,41 @@ function ActionRenderer(props) {
         o: void 0
       });
       runHydrationEvents();
-      return _el$190;
+      return _el$167;
     })();
   }
   return (() => {
-    var _el$196 = getNextElement(_tmpl$49), _el$199 = _el$196.firstChild, [_el$200, _co$42] = getNextMarker(_el$199.nextSibling), _el$201 = _el$200.nextSibling, [_el$202, _co$43] = getNextMarker(_el$201.nextSibling), _el$203 = _el$202.nextSibling, [_el$204, _co$44] = getNextMarker(_el$203.nextSibling);
-    _el$196.$$click = handleClick;
-    insert(_el$196, createComponent(Show, {
+    var _el$173 = getNextElement(_tmpl$47), _el$176 = _el$173.firstChild, [_el$177, _co$35] = getNextMarker(_el$176.nextSibling), _el$178 = _el$177.nextSibling, [_el$179, _co$36] = getNextMarker(_el$178.nextSibling), _el$180 = _el$179.nextSibling, [_el$181, _co$37] = getNextMarker(_el$180.nextSibling);
+    _el$173.$$click = handleClick;
+    insert(_el$173, createComponent(Show, {
       get when() {
         return memo(() => !!isExecuting())() && isExecutable();
       },
       get children() {
-        return getNextElement(_tmpl$48);
+        return getNextElement(_tmpl$46);
       }
-    }), _el$200, _co$42);
-    insert(_el$196, createComponent(Show, {
+    }), _el$177, _co$35);
+    insert(_el$173, createComponent(Show, {
       get when() {
         return memo(() => !!params.icon)() && !(isExecuting() && isExecutable());
       },
       get children() {
-        var _el$198 = getNextElement(_tmpl$46);
-        insert(_el$198, () => params.icon);
-        return _el$198;
+        var _el$175 = getNextElement(_tmpl$44);
+        insert(_el$175, () => params.icon);
+        return _el$175;
       }
-    }), _el$202, _co$43);
-    insert(_el$196, () => params.label, _el$204, _co$44);
+    }), _el$179, _co$36);
+    insert(_el$173, () => params.label, _el$181, _co$37);
     effect((_p$) => {
-      var _v$38 = isDisabled(), _v$39 = isExecuting() && isExecutable(), _v$40 = params.ariaLabel || params.label, _v$41 = `inline-flex items-center gap-2 px-4 py-2 rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500
+      var _v$41 = isDisabled(), _v$42 = isExecuting() && isExecutable(), _v$43 = params.ariaLabel || params.label, _v$44 = `inline-flex items-center gap-2 px-4 py-2 rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500
         ${params.variant === "primary" ? "bg-blue-600 text-white hover:bg-blue-700 shadow-sm" : params.variant === "secondary" ? "bg-gray-100 text-gray-900 hover:bg-gray-200 dark:bg-gray-700 dark:text-white dark:hover:bg-gray-600" : params.variant === "outline" ? "border border-gray-300 text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-800" : params.variant === "danger" ? "bg-red-600 text-white hover:bg-red-700" : "bg-transparent text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-800"}
         ${isDisabled() ? "opacity-50 cursor-not-allowed" : ""}
         ${params.size === "sm" ? "px-3 py-1.5 text-xs" : params.size === "lg" ? "px-6 py-3 text-base" : ""}
         ${params.className || ""}`;
-      _v$38 !== _p$.e && setProperty(_el$196, "disabled", _p$.e = _v$38);
-      _v$39 !== _p$.t && setAttribute(_el$196, "aria-busy", _p$.t = _v$39);
-      _v$40 !== _p$.a && setAttribute(_el$196, "aria-label", _p$.a = _v$40);
-      _v$41 !== _p$.o && className(_el$196, _p$.o = _v$41);
+      _v$41 !== _p$.e && setProperty(_el$173, "disabled", _p$.e = _v$41);
+      _v$42 !== _p$.t && setAttribute(_el$173, "aria-busy", _p$.t = _v$42);
+      _v$43 !== _p$.a && setAttribute(_el$173, "aria-label", _p$.a = _v$43);
+      _v$44 !== _p$.o && className(_el$173, _p$.o = _v$44);
       return _p$;
     }, {
       e: void 0,
@@ -1727,63 +1806,76 @@ function ActionRenderer(props) {
       o: void 0
     });
     runHydrationEvents();
-    return _el$196;
+    return _el$173;
   })();
 }
 function ErrorCardRenderer(props) {
+  const strings = useMCPUIStrings();
+  const [mounted, setMounted] = createSignal(false);
+  onMount(() => setMounted(true));
   const getErrorText = () => {
-    return `Error in ${props.error.tool || "unknown tool"}: ${props.error.message || "Unknown error"}`;
+    return formatMCPUIString(strings.errorCopyText, {
+      tool: props.error.tool || strings.errorUnknownTool,
+      message: props.error.message || strings.errorUnknown
+    });
   };
   return (() => {
-    var _el$205 = getNextElement(_tmpl$53), _el$228 = _el$205.firstChild, [_el$229, _co$50] = getNextMarker(_el$228.nextSibling), _el$206 = _el$229.nextSibling, _el$207 = _el$206.firstChild, _el$208 = _el$207.nextSibling, _el$209 = _el$208.firstChild, _el$210 = _el$209.firstChild, _el$211 = _el$210.nextSibling, [_el$212, _co$45] = getNextMarker(_el$211.nextSibling), _el$213 = _el$209.nextSibling, _el$222 = _el$213.nextSibling, [_el$223, _co$47] = getNextMarker(_el$222.nextSibling), _el$224 = _el$223.nextSibling, [_el$225, _co$48] = getNextMarker(_el$224.nextSibling), _el$226 = _el$225.nextSibling, [_el$227, _co$49] = getNextMarker(_el$226.nextSibling);
-    insert(_el$205, createComponent(CopyButton, {
+    var _el$182 = getNextElement(_tmpl$51), _el$199 = _el$182.firstChild, [_el$200, _co$41] = getNextMarker(_el$199.nextSibling), _el$183 = _el$200.nextSibling, _el$184 = _el$183.firstChild, _el$185 = _el$184.nextSibling, _el$186 = _el$185.firstChild, _el$187 = _el$186.nextSibling, _el$193 = _el$187.nextSibling, [_el$194, _co$38] = getNextMarker(_el$193.nextSibling), _el$195 = _el$194.nextSibling, [_el$196, _co$39] = getNextMarker(_el$195.nextSibling), _el$197 = _el$196.nextSibling, [_el$198, _co$40] = getNextMarker(_el$197.nextSibling);
+    insert(_el$182, createComponent(CopyButton, {
       getText: getErrorText,
-      title: "Copy error details",
+      get title() {
+        return strings.copyErrorDetails;
+      },
       position: "top-right"
-    }), _el$229, _co$50);
-    insert(_el$209, () => props.error.tool || "Unknown", _el$212, _co$45);
-    insert(_el$213, () => props.error.message || "An error occurred during tool execution");
-    insert(_el$208, createComponent(Show, {
+    }), _el$200, _co$41);
+    insert(_el$186, () => formatMCPUIString(strings.toolErrorTitle, {
+      tool: props.error.tool || strings.errorUnknownToolName
+    }));
+    insert(_el$187, () => props.error.message || strings.errorToolExecution);
+    insert(_el$185, createComponent(Show, {
       get when() {
         return props.error.type;
       },
       get children() {
-        var _el$214 = getNextElement(_tmpl$50), _el$215 = _el$214.firstChild, _el$216 = _el$215.nextSibling, [_el$217, _co$46] = getNextMarker(_el$216.nextSibling);
-        insert(_el$214, () => props.error.type, _el$217, _co$46);
-        return _el$214;
+        var _el$188 = getNextElement(_tmpl$48);
+        insert(_el$188, () => formatMCPUIString(strings.errorTypeLabel, {
+          type: props.error.type
+        }));
+        return _el$188;
       }
-    }), _el$223, _co$47);
-    insert(_el$208, createComponent(Show, {
+    }), _el$194, _co$38);
+    insert(_el$185, createComponent(Show, {
       get when() {
         var _a;
         return (_a = props.error.suggestions) == null ? void 0 : _a.length;
       },
       get children() {
-        var _el$218 = getNextElement(_tmpl$51), _el$219 = _el$218.firstChild, _el$220 = _el$219.nextSibling;
-        insert(_el$220, createComponent(For, {
+        var _el$189 = getNextElement(_tmpl$49), _el$190 = _el$189.firstChild, _el$191 = _el$190.nextSibling;
+        insert(_el$190, () => strings.errorSuggestions);
+        insert(_el$191, createComponent(For, {
           get each() {
             return props.error.suggestions;
           },
           children: (suggestion) => (() => {
-            var _el$230 = getNextElement(_tmpl$54);
-            insert(_el$230, suggestion);
-            return _el$230;
+            var _el$201 = getNextElement(_tmpl$52);
+            insert(_el$201, suggestion);
+            return _el$201;
           })()
         }));
-        return _el$218;
+        return _el$189;
       }
-    }), _el$225, _co$48);
-    insert(_el$208, createComponent(Show, {
+    }), _el$196, _co$39);
+    insert(_el$185, createComponent(Show, {
       get when() {
-        return props.error.timestamp;
+        return memo(() => !!mounted())() && props.error.timestamp;
       },
       get children() {
-        var _el$221 = getNextElement(_tmpl$52);
-        insert(_el$221, () => new Date(props.error.timestamp).toLocaleString());
-        return _el$221;
+        var _el$192 = getNextElement(_tmpl$50);
+        insert(_el$192, () => new Date(props.error.timestamp).toLocaleString(strings.locale));
+        return _el$192;
       }
-    }), _el$227, _co$49);
-    return _el$205;
+    }), _el$198, _co$40);
+    return _el$182;
   })();
 }
 function isErrorResponse(content) {
@@ -1794,6 +1886,7 @@ function isUIResource(content) {
   return content && typeof content === "object" && (((_a = content.uri) == null ? void 0 : _a.startsWith("ui://")) || ((_b = content.content) == null ? void 0 : _b.type) === "rawHtml" || ((_c = content.content) == null ? void 0 : _c.htmlString));
 }
 function UIResourceHtmlRenderer(props) {
+  const strings = useMCPUIStrings();
   const htmlContent = () => {
     var _a;
     if ((_a = props.resource.content) == null ? void 0 : _a.htmlString) {
@@ -1803,26 +1896,26 @@ function UIResourceHtmlRenderer(props) {
   };
   const resourceTitle = () => {
     var _a, _b;
-    return ((_a = props.resource.metadata) == null ? void 0 : _a.title) || ((_b = props.resource.uri) == null ? void 0 : _b.replace("ui://deposium/", "")) || "Resource";
+    return ((_a = props.resource.metadata) == null ? void 0 : _a.title) || ((_b = props.resource.uri) == null ? void 0 : _b.replace("ui://deposium/", "")) || strings.resourceTitle;
   };
   return (() => {
-    var _el$231 = getNextElement(_tmpl$56), _el$234 = _el$231.firstChild, [_el$235, _co$51] = getNextMarker(_el$234.nextSibling), _el$236 = _el$235.nextSibling, [_el$237, _co$52] = getNextMarker(_el$236.nextSibling);
-    insert(_el$231, createComponent(Show, {
+    var _el$202 = getNextElement(_tmpl$54), _el$205 = _el$202.firstChild, [_el$206, _co$42] = getNextMarker(_el$205.nextSibling), _el$207 = _el$206.nextSibling, [_el$208, _co$43] = getNextMarker(_el$207.nextSibling);
+    insert(_el$202, createComponent(Show, {
       get when() {
         var _a;
         return ((_a = props.resource.metadata) == null ? void 0 : _a.title) || props.resource.uri;
       },
       get children() {
-        var _el$232 = getNextElement(_tmpl$55), _el$233 = _el$232.firstChild;
-        insert(_el$233, resourceTitle);
-        return _el$232;
+        var _el$203 = getNextElement(_tmpl$53), _el$204 = _el$203.firstChild;
+        insert(_el$204, resourceTitle);
+        return _el$203;
       }
-    }), _el$235, _co$51);
-    insert(_el$231, createComponent(SafeHtml, {
+    }), _el$206, _co$42);
+    insert(_el$202, createComponent(SafeHtml, {
       "class": "p-4 prose prose-sm dark:prose-invert max-w-none",
       html: htmlContent
-    }), _el$237, _co$52);
-    return _el$231;
+    }), _el$208, _co$43);
+    return _el$202;
   })();
 }
 const UIResourceRenderer = (props) => {
@@ -1928,8 +2021,8 @@ const UIResourceRenderer = (props) => {
   return createComponent(RenderProvider, {
     renderComponent,
     get children() {
-      var _el$238 = getNextElement(_tmpl$57), _el$239 = _el$238.firstChild, _el$240 = _el$239.nextSibling, [_el$241, _co$53] = getNextMarker(_el$240.nextSibling);
-      spread(_el$238, mergeProps({
+      var _el$209 = getNextElement(_tmpl$55), _el$210 = _el$209.firstChild, _el$211 = _el$210.nextSibling, [_el$212, _co$44] = getNextMarker(_el$211.nextSibling);
+      spread(_el$209, mergeProps({
         get ["class"]() {
           return `w-full ${props.class || ""}`;
         }
@@ -1939,14 +2032,14 @@ const UIResourceRenderer = (props) => {
         "data-mcp-ui-component-id": outerKey()
       }), false, true);
       var _ref$3 = responsiveGrid.ref;
-      typeof _ref$3 === "function" ? use(_ref$3, _el$239) : responsiveGrid.ref = _el$239;
-      insert(_el$239, createComponent(For, {
+      typeof _ref$3 === "function" ? use(_ref$3, _el$210) : responsiveGrid.ref = _el$210;
+      insert(_el$210, createComponent(For, {
         get each() {
           return layout().components;
         },
         children: (component) => (() => {
-          var _el$242 = getNextElement(_tmpl$58);
-          insert(_el$242, createComponent(ComponentRenderer, {
+          var _el$213 = getNextElement(_tmpl$56);
+          insert(_el$213, createComponent(ComponentRenderer, {
             component,
             get onError() {
               return props.onError;
@@ -1962,18 +2055,18 @@ const UIResourceRenderer = (props) => {
             }
           }));
           effect((_p$) => {
-            var _v$44 = getGridStyleString(component), _v$45 = getUiResourceStableKey(component);
-            _p$.e = style(_el$242, _v$44, _p$.e);
-            _v$45 !== _p$.t && setAttribute(_el$242, "data-mcp-ui-component-id", _p$.t = _v$45);
+            var _v$47 = getGridStyleString(component), _v$48 = getUiResourceStableKey(component);
+            _p$.e = style(_el$213, _v$47, _p$.e);
+            _v$48 !== _p$.t && setAttribute(_el$213, "data-mcp-ui-component-id", _p$.t = _v$48);
             return _p$;
           }, {
             e: void 0,
             t: void 0
           });
-          return _el$242;
+          return _el$213;
         })()
       }));
-      insert(_el$238, createComponent(Show, {
+      insert(_el$209, createComponent(Show, {
         get when() {
           return shouldShowAutoFooter();
         },
@@ -1984,18 +2077,18 @@ const UIResourceRenderer = (props) => {
             }
           });
         }
-      }), _el$241, _co$53);
+      }), _el$212, _co$44);
       effect((_p$) => {
-        var _v$42 = gridContainerStyle(), _v$43 = responsiveGrid.stacked();
-        _p$.e = style(_el$239, _v$42, _p$.e);
-        _v$43 !== _p$.t && setAttribute(_el$239, "data-mcp-ui-stacked", _p$.t = _v$43);
+        var _v$45 = gridContainerStyle(), _v$46 = responsiveGrid.stacked();
+        _p$.e = style(_el$210, _v$45, _p$.e);
+        _v$46 !== _p$.t && setAttribute(_el$210, "data-mcp-ui-stacked", _p$.t = _v$46);
         return _p$;
       }, {
         e: void 0,
         t: void 0
       });
       runHydrationEvents();
-      return _el$238;
+      return _el$209;
     }
   });
 };