@seed-ship/mcp-ui-solid 4.0.2 → 4.0.4

package/dist/components/UIResourceRenderer.js

@@ -19,7 +19,7 @@ import { ExpandableWrapper } from "./ExpandableWrapper.js";
 import { RenderProvider } from "./RenderContext.js";
 import { useAction } from "../hooks/useAction.js";
 import { marked as k } from "../node_modules/.pnpm/marked@16.4.2/node_modules/marked/lib/marked.esm.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>`), _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="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$6 = /* @__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$7 = /* @__PURE__ */ template(`<h3 class="text-sm font-semibold text-gray-900 dark:text-white mb-3">`), _tmpl$8 = /* @__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$9 = /* @__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$0 = /* @__PURE__ */ template(`<tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">`), _tmpl$1 = /* @__PURE__ */ template(`<tr>`), _tmpl$10 = /* @__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"><div>`), _tmpl$11 = /* @__PURE__ */ template(`<tbody class="bg-white dark:bg-gray-800 relative">`), _tmpl$12 = /* @__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$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">Download CSV`), _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 JSON`), _tmpl$15 = /* @__PURE__ */ template(`<div class="absolute right-0 mt-1 w-36 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-lg shadow-lg py-1 text-sm"><!$><!/><!$><!/><!$><!/>`), _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"><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"><!$><!/><!$><!/>`), _tmpl$19 = /* @__PURE__ */ template(`<div class="mt-3 flex items-center justify-between text-xs text-gray-500 dark:text-gray-400"><span>Showing <!$><!/> - <!$><!/> of <!$><!/>`), _tmpl$20 = /* @__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 overflow-hidden group"><!$><!/><div class=p-4><!$><!/><div class=overflow-x-auto 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-50 dark:bg-gray-900/50 sticky top-0 z-10"><tr></tr></thead><!$><!/></table></div><!$><!/>`), _tmpl$21 = /* @__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-50 dark:bg-gray-900/50">`), _tmpl$22 = /* @__PURE__ */ template(`<span class="ml-2 text-sm font-medium text-gray-500 dark:text-gray-400">`), _tmpl$23 = /* @__PURE__ */ template(`<div class="mt-3 flex items-center"><span><!$><!/> <!$><!/>%`), _tmpl$24 = /* @__PURE__ */ template(`<p class="mt-2 text-xs text-gray-500 dark:text-gray-400">`), _tmpl$25 = /* @__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$26 = /* @__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>`), _tmpl$27 = /* @__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]"><a target=_blank rel="noopener noreferrer"class=cursor-zoom-in><img class="max-w-full max-h-[400px] object-contain rounded shadow-sm hover:opacity-90 transition-opacity"loading=lazy></a></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">`, true, false, false), _tmpl$28 = /* @__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$29 = /* @__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$30 = /* @__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$31 = /* @__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$32 = /* @__PURE__ */ template(`<p class="text-xs text-gray-500 dark:text-gray-400 truncate">`), _tmpl$33 = /* @__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$34 = /* @__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$35 = /* @__PURE__ */ template(`<span aria-hidden=true>`), _tmpl$36 = /* @__PURE__ */ template(`<a rel="noopener noreferrer"><!$><!/><!$><!/>`), _tmpl$37 = /* @__PURE__ */ template(`<span class="animate-spin h-4 w-4 border-2 border-current border-t-transparent rounded-full"aria-hidden=true>`), _tmpl$38 = /* @__PURE__ */ template(`<button><!$><!/><!$><!/><!$><!/>`), _tmpl$39 = /* @__PURE__ */ template(`<p class="text-xs text-red-600 dark:text-red-400 mt-1">Type: <!$><!/>`), _tmpl$40 = /* @__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$41 = /* @__PURE__ */ template(`<p class="text-xs text-red-500 dark:text-red-500 mt-2">`), _tmpl$42 = /* @__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$43 = /* @__PURE__ */ template(`<li>`), _tmpl$44 = /* @__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$45 = /* @__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"><!$><!/><div class="p-4 prose prose-sm dark:prose-invert max-w-none">`), _tmpl$46 = /* @__PURE__ */ template(`<div><div class="grid gap-4"></div><!$><!/>`), _tmpl$47 = /* @__PURE__ */ template(`<div>`);
+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>`), _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="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$6 = /* @__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$7 = /* @__PURE__ */ template(`<h3 class="text-sm font-semibold text-gray-900 dark:text-white mb-3">`), _tmpl$8 = /* @__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$9 = /* @__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$0 = /* @__PURE__ */ template(`<tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">`), _tmpl$1 = /* @__PURE__ */ template(`<tr>`), _tmpl$10 = /* @__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"><div>`), _tmpl$11 = /* @__PURE__ */ template(`<tbody class="bg-white dark:bg-gray-800 relative">`), _tmpl$12 = /* @__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$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">Download CSV`), _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 JSON`), _tmpl$15 = /* @__PURE__ */ template(`<div class="absolute right-0 mt-1 w-36 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-lg shadow-lg py-1 text-sm"><!$><!/><!$><!/><!$><!/>`), _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"><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"><!$><!/><!$><!/>`), _tmpl$19 = /* @__PURE__ */ template(`<div class="mt-3 flex items-center justify-between text-xs text-gray-500 dark:text-gray-400"><span>Showing <!$><!/> - <!$><!/> of <!$><!/>`), _tmpl$20 = /* @__PURE__ */ template(`<div class="mt-3 flex items-center justify-between text-xs text-gray-500 dark:text-gray-400"><span>Showing <!$><!/>&ndash;<!$><!/> of <!$><!/></span><div class="flex items-center gap-1"><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">&#x25C0; Prev</button><span class=px-2>Page <!$><!/> / <!$><!/></span><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">Next &#x25B6;`), _tmpl$21 = /* @__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 overflow-hidden group"><!$><!/><div class=p-4><!$><!/><div class=overflow-x-auto 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-50 dark:bg-gray-900/50 sticky top-0 z-10"><tr></tr></thead><!$><!/></table></div><!$><!/><!$><!/>`), _tmpl$22 = /* @__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-50 dark:bg-gray-900/50">`), _tmpl$23 = /* @__PURE__ */ template(`<span class="ml-2 text-sm font-medium text-gray-500 dark:text-gray-400">`), _tmpl$24 = /* @__PURE__ */ template(`<div class="mt-3 flex items-center"><span><!$><!/> <!$><!/>%`), _tmpl$25 = /* @__PURE__ */ template(`<p class="mt-2 text-xs text-gray-500 dark:text-gray-400">`), _tmpl$26 = /* @__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$27 = /* @__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>`), _tmpl$28 = /* @__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]"><a target=_blank rel="noopener noreferrer"class=cursor-zoom-in><img class="max-w-full max-h-[400px] object-contain rounded shadow-sm hover:opacity-90 transition-opacity"loading=lazy></a></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">`, true, false, false), _tmpl$29 = /* @__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$30 = /* @__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$31 = /* @__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$32 = /* @__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$33 = /* @__PURE__ */ template(`<p class="text-xs text-gray-500 dark:text-gray-400 truncate">`), _tmpl$34 = /* @__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$35 = /* @__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$36 = /* @__PURE__ */ template(`<span aria-hidden=true>`), _tmpl$37 = /* @__PURE__ */ template(`<a rel="noopener noreferrer"><!$><!/><!$><!/>`), _tmpl$38 = /* @__PURE__ */ template(`<span class="animate-spin h-4 w-4 border-2 border-current border-t-transparent rounded-full"aria-hidden=true>`), _tmpl$39 = /* @__PURE__ */ template(`<button><!$><!/><!$><!/><!$><!/>`), _tmpl$40 = /* @__PURE__ */ template(`<p class="text-xs text-red-600 dark:text-red-400 mt-1">Type: <!$><!/>`), _tmpl$41 = /* @__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$42 = /* @__PURE__ */ template(`<p class="text-xs text-red-500 dark:text-red-500 mt-2">`), _tmpl$43 = /* @__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$44 = /* @__PURE__ */ template(`<li>`), _tmpl$45 = /* @__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$46 = /* @__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"><!$><!/><div class="p-4 prose prose-sm dark:prose-invert max-w-none">`), _tmpl$47 = /* @__PURE__ */ template(`<div><div class="grid gap-4"></div><!$><!/>`), _tmpl$48 = /* @__PURE__ */ template(`<div>`);
 function CopyButton(props) {
   const [copied, setCopied] = createSignal(false);
   const handleCopy = async () => {
@@ -264,6 +264,19 @@ function renderCellValue(value) {
 function TableRenderer(props) {
   const tableParams = props.component.params;
   let scrollContainerRef;
+  const clientPageSize = () => tableParams.pageSize ?? 25;
+  const hasServerPagination = () => !!tableParams.pagination;
+  const allRows = () => tableParams.rows || [];
+  const needsClientPagination = () => !hasServerPagination() && clientPageSize() > 0 && allRows().length > clientPageSize();
+  const [clientPage, setClientPage] = createSignal(tableParams.initialPage ?? 0);
+  const clientTotalPages = () => needsClientPagination() ? Math.ceil(allRows().length / clientPageSize()) : 1;
+  const clientVisibleRows = createMemo(() => {
+    if (!needsClientPagination()) return allRows();
+    const start = clientPage() * clientPageSize();
+    return allRows().slice(start, start + clientPageSize());
+  });
+  const clientRangeStart = () => needsClientPagination() ? clientPage() * clientPageSize() + 1 : 1;
+  const clientRangeEnd = () => needsClientPagination() ? Math.min((clientPage() + 1) * clientPageSize(), allRows().length) : allRows().length;
   const [virtualizer, setVirtualizer] = createSignal(null);
   const [isVirtualizing, setIsVirtualizing] = createSignal(false);
   const shouldVirtualize = createMemo(() => {
@@ -384,7 +397,7 @@ ${dataRows}`;
     var _el$21 = getNextElement(_tmpl$0);
     insert(_el$21, createComponent(For, {
       get each() {
-        return tableParams.rows.slice(0, DEFAULT_RESOURCE_LIMITS.maxTableRows);
+        return clientVisibleRows().slice(0, DEFAULT_RESOURCE_LIMITS.maxTableRows);
       },
       children: (row, i) => (() => {
         var _el$22 = getNextElement(_tmpl$1);
@@ -456,7 +469,7 @@ ${dataRows}`;
     },
     copyLabel: "Copy table (TSV)",
     get children() {
-      var _el$29 = getNextElement(_tmpl$20), _el$78 = _el$29.firstChild, [_el$79, _co$16] = getNextMarker(_el$78.nextSibling), _el$44 = _el$79.nextSibling, _el$74 = _el$44.firstChild, [_el$75, _co$14] = getNextMarker(_el$74.nextSibling), _el$55 = _el$75.nextSibling, _el$56 = _el$55.firstChild, _el$57 = _el$56.firstChild, _el$58 = _el$57.firstChild, _el$59 = _el$57.nextSibling, [_el$60, _co$10] = getNextMarker(_el$59.nextSibling), _el$76 = _el$55.nextSibling, [_el$77, _co$15] = getNextMarker(_el$76.nextSibling);
+      var _el$29 = getNextElement(_tmpl$21), _el$101 = _el$29.firstChild, [_el$102, _co$22] = getNextMarker(_el$101.nextSibling), _el$44 = _el$102.nextSibling, _el$95 = _el$44.firstChild, [_el$96, _co$19] = getNextMarker(_el$95.nextSibling), _el$55 = _el$96.nextSibling, _el$56 = _el$55.firstChild, _el$57 = _el$56.firstChild, _el$58 = _el$57.firstChild, _el$59 = _el$57.nextSibling, [_el$60, _co$10] = getNextMarker(_el$59.nextSibling), _el$97 = _el$55.nextSibling, [_el$98, _co$20] = getNextMarker(_el$97.nextSibling), _el$99 = _el$98.nextSibling, [_el$100, _co$21] = getNextMarker(_el$99.nextSibling);
       insert(_el$29, createComponent(Show, {
         when: exportable,
         get fallback() {
@@ -514,7 +527,7 @@ ${dataRows}`;
           runHydrationEvents();
           return _el$30;
         }
-      }), _el$79, _co$16);
+      }), _el$102, _co$22);
       insert(_el$44, createComponent(Show, {
         get when() {
           return tableParams.title;
@@ -539,7 +552,7 @@ ${dataRows}`;
           }), _el$54, _co$1);
           return _el$45;
         }
-      }), _el$75, _co$14);
+      }), _el$96, _co$19);
       var _ref$ = scrollContainerRef;
       typeof _ref$ === "function" ? use(_ref$, _el$55) : scrollContainerRef = _el$55;
       insert(_el$58, createComponent(For, {
@@ -547,12 +560,12 @@ ${dataRows}`;
           return tableParams.columns;
         },
         children: (column) => (() => {
-          var _el$80 = getNextElement(_tmpl$21);
-          insert(_el$80, () => column.label);
-          effect((_$p) => style(_el$80, column.width ? {
+          var _el$103 = getNextElement(_tmpl$22);
+          insert(_el$103, () => column.label);
+          effect((_$p) => style(_el$103, column.width ? {
             width: column.width
           } : {}, _$p));
-          return _el$80;
+          return _el$103;
         })()
       }));
       insert(_el$56, createComponent(Show, {
@@ -577,15 +590,41 @@ ${dataRows}`;
           insert(_el$62, () => tableParams.pagination.totalRows, _el$73, _co$13);
           return _el$61;
         }
-      }), _el$77, _co$15);
+      }), _el$98, _co$20);
+      insert(_el$44, createComponent(Show, {
+        get when() {
+          return needsClientPagination();
+        },
+        get children() {
+          var _el$74 = getNextElement(_tmpl$20), _el$75 = _el$74.firstChild, _el$76 = _el$75.firstChild, _el$79 = _el$76.nextSibling, [_el$80, _co$14] = getNextMarker(_el$79.nextSibling), _el$77 = _el$80.nextSibling, _el$81 = _el$77.nextSibling, [_el$82, _co$15] = getNextMarker(_el$81.nextSibling), _el$78 = _el$82.nextSibling, _el$83 = _el$78.nextSibling, [_el$84, _co$16] = getNextMarker(_el$83.nextSibling), _el$85 = _el$75.nextSibling, _el$86 = _el$85.firstChild, _el$87 = _el$86.nextSibling, _el$88 = _el$87.firstChild, _el$90 = _el$88.nextSibling, [_el$91, _co$17] = getNextMarker(_el$90.nextSibling), _el$89 = _el$91.nextSibling, _el$92 = _el$89.nextSibling, [_el$93, _co$18] = getNextMarker(_el$92.nextSibling), _el$94 = _el$87.nextSibling;
+          insert(_el$75, clientRangeStart, _el$80, _co$14);
+          insert(_el$75, clientRangeEnd, _el$82, _co$15);
+          insert(_el$75, () => allRows().length.toLocaleString("fr-FR"), _el$84, _co$16);
+          _el$86.$$click = () => setClientPage((p) => p - 1);
+          insert(_el$87, () => clientPage() + 1, _el$91, _co$17);
+          insert(_el$87, clientTotalPages, _el$93, _co$18);
+          _el$94.$$click = () => setClientPage((p) => p + 1);
+          effect((_p$) => {
+            var _v$8 = clientPage() === 0, _v$9 = clientPage() >= clientTotalPages() - 1;
+            _v$8 !== _p$.e && setProperty(_el$86, "disabled", _p$.e = _v$8);
+            _v$9 !== _p$.t && setProperty(_el$94, "disabled", _p$.t = _v$9);
+            return _p$;
+          }, {
+            e: void 0,
+            t: void 0
+          });
+          runHydrationEvents();
+          return _el$74;
+        }
+      }), _el$100, _co$21);
       effect((_p$) => {
-        var _v$8 = isVirtualizing() ? {
+        var _v$0 = isVirtualizing() ? {
           "max-height": "500px",
           "overflow-y": "auto"
-        } : {}, _v$9 = tableParams.title || "Data table", _v$0 = tableParams.title ? `${tableId}-title` : void 0;
-        _p$.e = style(_el$55, _v$8, _p$.e);
-        _v$9 !== _p$.t && setAttribute(_el$55, "aria-label", _p$.t = _v$9);
-        _v$0 !== _p$.a && setAttribute(_el$56, "aria-labelledby", _p$.a = _v$0);
+        } : {}, _v$1 = tableParams.title || "Data table", _v$10 = tableParams.title ? `${tableId}-title` : void 0;
+        _p$.e = style(_el$55, _v$0, _p$.e);
+        _v$1 !== _p$.t && setAttribute(_el$55, "aria-label", _p$.t = _v$1);
+        _v$10 !== _p$.a && setAttribute(_el$56, "aria-labelledby", _p$.a = _v$10);
         return _p$;
       }, {
         e: void 0,
@@ -605,51 +644,51 @@ function MetricRenderer(props) {
     return `${title}: ${value}${unit ? " " + unit : ""}`;
   };
   return (() => {
-    var _el$81 = getNextElement(_tmpl$25), _el$103 = _el$81.firstChild, [_el$104, _co$22] = getNextMarker(_el$103.nextSibling), _el$82 = _el$104.nextSibling, _el$83 = _el$82.firstChild, _el$84 = _el$83.firstChild, _el$85 = _el$84.nextSibling, _el$86 = _el$85.firstChild, _el$88 = _el$86.nextSibling, [_el$89, _co$17] = getNextMarker(_el$88.nextSibling), _el$99 = _el$83.nextSibling, [_el$100, _co$20] = getNextMarker(_el$99.nextSibling), _el$101 = _el$100.nextSibling, [_el$102, _co$21] = getNextMarker(_el$101.nextSibling);
-    insert(_el$81, createComponent(CopyButton, {
+    var _el$104 = getNextElement(_tmpl$26), _el$126 = _el$104.firstChild, [_el$127, _co$28] = getNextMarker(_el$126.nextSibling), _el$105 = _el$127.nextSibling, _el$106 = _el$105.firstChild, _el$107 = _el$106.firstChild, _el$108 = _el$107.nextSibling, _el$109 = _el$108.firstChild, _el$111 = _el$109.nextSibling, [_el$112, _co$23] = getNextMarker(_el$111.nextSibling), _el$122 = _el$106.nextSibling, [_el$123, _co$26] = getNextMarker(_el$122.nextSibling), _el$124 = _el$123.nextSibling, [_el$125, _co$27] = getNextMarker(_el$124.nextSibling);
+    insert(_el$104, createComponent(CopyButton, {
       getText: getMetricText,
       title: "Copy metric",
       position: "top-right"
-    }), _el$104, _co$22);
-    insert(_el$84, () => metricParams.title);
-    insert(_el$86, () => metricParams.value);
-    insert(_el$85, createComponent(Show, {
+    }), _el$127, _co$28);
+    insert(_el$107, () => metricParams.title);
+    insert(_el$109, () => metricParams.value);
+    insert(_el$108, createComponent(Show, {
       get when() {
         return metricParams.unit;
       },
       get children() {
-        var _el$87 = getNextElement(_tmpl$22);
-        insert(_el$87, () => metricParams.unit);
-        return _el$87;
+        var _el$110 = getNextElement(_tmpl$23);
+        insert(_el$110, () => metricParams.unit);
+        return _el$110;
       }
-    }), _el$89, _co$17);
-    insert(_el$82, createComponent(Show, {
+    }), _el$112, _co$23);
+    insert(_el$105, createComponent(Show, {
       get when() {
         return metricParams.trend;
       },
       get children() {
-        var _el$90 = getNextElement(_tmpl$23), _el$91 = _el$90.firstChild, _el$94 = _el$91.firstChild, [_el$95, _co$18] = getNextMarker(_el$94.nextSibling), _el$92 = _el$95.nextSibling, _el$96 = _el$92.nextSibling, [_el$97, _co$19] = getNextMarker(_el$96.nextSibling);
-        _el$97.nextSibling;
-        insert(_el$91, (() => {
+        var _el$113 = getNextElement(_tmpl$24), _el$114 = _el$113.firstChild, _el$117 = _el$114.firstChild, [_el$118, _co$24] = getNextMarker(_el$117.nextSibling), _el$115 = _el$118.nextSibling, _el$119 = _el$115.nextSibling, [_el$120, _co$25] = getNextMarker(_el$119.nextSibling);
+        _el$120.nextSibling;
+        insert(_el$114, (() => {
           var _c$ = memo(() => metricParams.trend.direction === "up");
           return () => _c$() ? "�" : metricParams.trend.direction === "down" ? "�" : "�";
-        })(), _el$95, _co$18);
-        insert(_el$91, () => Math.abs(metricParams.trend.value), _el$97, _co$19);
-        effect(() => className(_el$91, `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$90;
+        })(), _el$118, _co$24);
+        insert(_el$114, () => Math.abs(metricParams.trend.value), _el$120, _co$25);
+        effect(() => className(_el$114, `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$113;
       }
-    }), _el$100, _co$20);
-    insert(_el$82, createComponent(Show, {
+    }), _el$123, _co$26);
+    insert(_el$105, createComponent(Show, {
       get when() {
         return metricParams.subtitle;
       },
       get children() {
-        var _el$98 = getNextElement(_tmpl$24);
-        insert(_el$98, () => metricParams.subtitle);
-        return _el$98;
+        var _el$121 = getNextElement(_tmpl$25);
+        insert(_el$121, () => metricParams.subtitle);
+        return _el$121;
       }
-    }), _el$102, _co$21);
-    return _el$81;
+    }), _el$125, _co$27);
+    return _el$104;
   })();
 }
 function extractImageFromMarkdown(content) {
@@ -690,62 +729,62 @@ function TextRenderer(props) {
     },
     get fallback() {
       return (() => {
-        var _el$105 = getNextElement(_tmpl$26), _el$107 = _el$105.firstChild, [_el$108, _co$23] = getNextMarker(_el$107.nextSibling), _el$106 = _el$108.nextSibling;
-        insert(_el$105, createComponent(CopyButton, {
+        var _el$128 = getNextElement(_tmpl$27), _el$130 = _el$128.firstChild, [_el$131, _co$29] = getNextMarker(_el$130.nextSibling), _el$129 = _el$131.nextSibling;
+        insert(_el$128, createComponent(CopyButton, {
           getText: getTextContent,
           title: "Copy text",
           position: "top-right"
-        }), _el$108, _co$23);
+        }), _el$131, _co$29);
         effect((_p$) => {
-          var _v$1 = `prose prose-sm dark:prose-invert max-w-none ${textParams.className || ""}`, _v$10 = htmlContent();
-          _v$1 !== _p$.e && className(_el$106, _p$.e = _v$1);
-          _v$10 !== _p$.t && setProperty(_el$106, "innerHTML", _p$.t = _v$10);
+          var _v$11 = `prose prose-sm dark:prose-invert max-w-none ${textParams.className || ""}`, _v$12 = htmlContent();
+          _v$11 !== _p$.e && className(_el$129, _p$.e = _v$11);
+          _v$12 !== _p$.t && setProperty(_el$129, "innerHTML", _p$.t = _v$12);
           return _p$;
         }, {
           e: void 0,
           t: void 0
         });
-        return _el$105;
+        return _el$128;
       })();
     },
     children: (data) => (() => {
-      var _el$109 = getNextElement(_tmpl$27), _el$110 = _el$109.firstChild, _el$111 = _el$110.firstChild, _el$112 = _el$111.firstChild, _el$113 = _el$110.nextSibling, _el$114 = _el$113.firstChild;
-      insert(_el$114, () => data().credit);
+      var _el$132 = getNextElement(_tmpl$28), _el$133 = _el$132.firstChild, _el$134 = _el$133.firstChild, _el$135 = _el$134.firstChild, _el$136 = _el$133.nextSibling, _el$137 = _el$136.firstChild;
+      insert(_el$137, () => data().credit);
       effect((_p$) => {
-        var _v$11 = data().linkUrl, _v$12 = data().imageUrl, _v$13 = data().alt;
-        _v$11 !== _p$.e && setAttribute(_el$111, "href", _p$.e = _v$11);
-        _v$12 !== _p$.t && setAttribute(_el$112, "src", _p$.t = _v$12);
-        _v$13 !== _p$.a && setAttribute(_el$112, "alt", _p$.a = _v$13);
+        var _v$13 = data().linkUrl, _v$14 = data().imageUrl, _v$15 = data().alt;
+        _v$13 !== _p$.e && setAttribute(_el$134, "href", _p$.e = _v$13);
+        _v$14 !== _p$.t && setAttribute(_el$135, "src", _p$.t = _v$14);
+        _v$15 !== _p$.a && setAttribute(_el$135, "alt", _p$.a = _v$15);
         return _p$;
       }, {
         e: void 0,
         t: void 0,
         a: void 0
       });
-      return _el$109;
+      return _el$132;
     })()
   });
 }
 function IframeRenderer(props) {
   const params = props.component.params;
   return (() => {
-    var _el$115 = getNextElement(_tmpl$29), _el$119 = _el$115.firstChild, [_el$120, _co$24] = getNextMarker(_el$119.nextSibling), _el$118 = _el$120.nextSibling;
-    insert(_el$115, createComponent(Show, {
+    var _el$138 = getNextElement(_tmpl$30), _el$142 = _el$138.firstChild, [_el$143, _co$30] = getNextMarker(_el$142.nextSibling), _el$141 = _el$143.nextSibling;
+    insert(_el$138, createComponent(Show, {
       get when() {
         return params.title;
       },
       get children() {
-        var _el$116 = getNextElement(_tmpl$28), _el$117 = _el$116.firstChild;
-        insert(_el$117, () => params.title);
-        return _el$116;
+        var _el$139 = getNextElement(_tmpl$29), _el$140 = _el$139.firstChild;
+        insert(_el$140, () => params.title);
+        return _el$139;
       }
-    }), _el$120, _co$24);
+    }), _el$143, _co$30);
     effect((_p$) => {
-      var _v$14 = params.url, _v$15 = params.title || "Embedded content", _v$16 = `height: ${params.height || "400px"}; min-height: 300px;`, _v$17 = getIframeSandbox(params.url);
-      _v$14 !== _p$.e && setAttribute(_el$118, "src", _p$.e = _v$14);
-      _v$15 !== _p$.t && setAttribute(_el$118, "title", _p$.t = _v$15);
-      _p$.a = style(_el$118, _v$16, _p$.a);
-      _v$17 !== _p$.o && setAttribute(_el$118, "sandbox", _p$.o = _v$17);
+      var _v$16 = params.url, _v$17 = params.title || "Embedded content", _v$18 = `height: ${params.height || "400px"}; min-height: 300px;`, _v$19 = getIframeSandbox(params.url);
+      _v$16 !== _p$.e && setAttribute(_el$141, "src", _p$.e = _v$16);
+      _v$17 !== _p$.t && setAttribute(_el$141, "title", _p$.t = _v$17);
+      _p$.a = style(_el$141, _v$18, _p$.a);
+      _v$19 !== _p$.o && setAttribute(_el$141, "sandbox", _p$.o = _v$19);
       return _p$;
     }, {
       e: void 0,
@@ -753,30 +792,30 @@ function IframeRenderer(props) {
       a: void 0,
       o: void 0
     });
-    return _el$115;
+    return _el$138;
   })();
 }
 function ImageRenderer(props) {
   const params = props.component.params;
   return (() => {
-    var _el$121 = getNextElement(_tmpl$31), _el$122 = _el$121.firstChild, _el$123 = _el$122.firstChild, _el$124 = _el$123.firstChild, _el$127 = _el$122.nextSibling, [_el$128, _co$25] = getNextMarker(_el$127.nextSibling);
-    insert(_el$121, createComponent(Show, {
+    var _el$144 = getNextElement(_tmpl$32), _el$145 = _el$144.firstChild, _el$146 = _el$145.firstChild, _el$147 = _el$146.firstChild, _el$150 = _el$145.nextSibling, [_el$151, _co$31] = getNextMarker(_el$150.nextSibling);
+    insert(_el$144, createComponent(Show, {
       get when() {
         return params.caption;
       },
       get children() {
-        var _el$125 = getNextElement(_tmpl$30), _el$126 = _el$125.firstChild;
-        insert(_el$126, () => params.caption);
-        return _el$125;
+        var _el$148 = getNextElement(_tmpl$31), _el$149 = _el$148.firstChild;
+        insert(_el$149, () => params.caption);
+        return _el$148;
       }
-    }), _el$128, _co$25);
+    }), _el$151, _co$31);
     effect((_p$) => {
-      var _v$18 = `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$19 = params.url, _v$20 = `View full size: ${params.alt || "image"}`, _v$21 = params.url, _v$22 = params.alt || "Image";
-      _v$18 !== _p$.e && className(_el$121, _p$.e = _v$18);
-      _v$19 !== _p$.t && setAttribute(_el$123, "href", _p$.t = _v$19);
-      _v$20 !== _p$.a && setAttribute(_el$123, "aria-label", _p$.a = _v$20);
-      _v$21 !== _p$.o && setAttribute(_el$124, "src", _p$.o = _v$21);
-      _v$22 !== _p$.i && setAttribute(_el$124, "alt", _p$.i = _v$22);
+      var _v$20 = `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$21 = params.url, _v$22 = `View full size: ${params.alt || "image"}`, _v$23 = params.url, _v$24 = params.alt || "Image";
+      _v$20 !== _p$.e && className(_el$144, _p$.e = _v$20);
+      _v$21 !== _p$.t && setAttribute(_el$146, "href", _p$.t = _v$21);
+      _v$22 !== _p$.a && setAttribute(_el$146, "aria-label", _p$.a = _v$22);
+      _v$23 !== _p$.o && setAttribute(_el$147, "src", _p$.o = _v$23);
+      _v$24 !== _p$.i && setAttribute(_el$147, "alt", _p$.i = _v$24);
       return _p$;
     }, {
       e: void 0,
@@ -785,30 +824,30 @@ function ImageRenderer(props) {
       o: void 0,
       i: void 0
     });
-    return _el$121;
+    return _el$144;
   })();
 }
 function LinkRenderer(props) {
   const params = props.component.params;
   return (() => {
-    var _el$129 = getNextElement(_tmpl$33), _el$130 = _el$129.firstChild, _el$131 = _el$130.nextSibling, _el$132 = _el$131.firstChild, _el$134 = _el$132.nextSibling, [_el$135, _co$26] = getNextMarker(_el$134.nextSibling);
-    _el$129.$$click = (e) => e.stopPropagation();
-    insert(_el$132, () => params.label || params.url);
-    insert(_el$131, createComponent(Show, {
+    var _el$152 = getNextElement(_tmpl$34), _el$153 = _el$152.firstChild, _el$154 = _el$153.nextSibling, _el$155 = _el$154.firstChild, _el$157 = _el$155.nextSibling, [_el$158, _co$32] = getNextMarker(_el$157.nextSibling);
+    _el$152.$$click = (e) => e.stopPropagation();
+    insert(_el$155, () => params.label || params.url);
+    insert(_el$154, createComponent(Show, {
       get when() {
         return params.description;
       },
       get children() {
-        var _el$133 = getNextElement(_tmpl$32);
-        insert(_el$133, () => params.description);
-        return _el$133;
+        var _el$156 = getNextElement(_tmpl$33);
+        insert(_el$156, () => params.description);
+        return _el$156;
       }
-    }), _el$135, _co$26);
+    }), _el$158, _co$32);
     effect((_p$) => {
-      var _v$23 = params.url, _v$24 = `${params.label || "Link"}: ${params.description || params.url} (opens in new tab)`, _v$25 = `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$23 !== _p$.e && setAttribute(_el$129, "href", _p$.e = _v$23);
-      _v$24 !== _p$.t && setAttribute(_el$129, "aria-label", _p$.t = _v$24);
-      _v$25 !== _p$.a && className(_el$129, _p$.a = _v$25);
+      var _v$25 = params.url, _v$26 = `${params.label || "Link"}: ${params.description || params.url} (opens in new tab)`, _v$27 = `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$25 !== _p$.e && setAttribute(_el$152, "href", _p$.e = _v$25);
+      _v$26 !== _p$.t && setAttribute(_el$152, "aria-label", _p$.t = _v$26);
+      _v$27 !== _p$.a && className(_el$152, _p$.a = _v$27);
       return _p$;
     }, {
       e: void 0,
@@ -816,7 +855,7 @@ function LinkRenderer(props) {
       a: void 0
     });
     runHydrationEvents();
-    return _el$129;
+    return _el$152;
   })();
 }
 function ComponentRenderer(props) {
@@ -830,12 +869,12 @@ function ComponentRenderer(props) {
       details: validation.errors
     });
     return (() => {
-      var _el$136 = getNextElement(_tmpl$34), _el$137 = _el$136.firstChild, _el$138 = _el$137.nextSibling;
-      insert(_el$138, () => {
+      var _el$159 = getNextElement(_tmpl$35), _el$160 = _el$159.firstChild, _el$161 = _el$160.nextSibling;
+      insert(_el$161, () => {
         var _a2, _b;
         return ((_b = (_a2 = validation.errors) == null ? void 0 : _a2[0]) == null ? void 0 : _b.message) || "Unknown validation error";
       });
-      return _el$136;
+      return _el$159;
     })();
   }
   return createComponent(GenerativeUIErrorBoundary, {
@@ -1081,27 +1120,27 @@ function ActionRenderer(props) {
   const isDisabled = () => params.disabled || params.action === "tool-call" && isExecuting();
   if (params.type === "link" || params.action === "link") {
     return (() => {
-      var _el$139 = getNextElement(_tmpl$36), _el$141 = _el$139.firstChild, [_el$142, _co$27] = getNextMarker(_el$141.nextSibling), _el$143 = _el$142.nextSibling, [_el$144, _co$28] = getNextMarker(_el$143.nextSibling);
-      _el$139.$$click = handleClick;
-      insert(_el$139, createComponent(Show, {
+      var _el$162 = getNextElement(_tmpl$37), _el$164 = _el$162.firstChild, [_el$165, _co$33] = getNextMarker(_el$164.nextSibling), _el$166 = _el$165.nextSibling, [_el$167, _co$34] = getNextMarker(_el$166.nextSibling);
+      _el$162.$$click = handleClick;
+      insert(_el$162, createComponent(Show, {
         get when() {
           return params.icon;
         },
         get children() {
-          var _el$140 = getNextElement(_tmpl$35);
-          insert(_el$140, () => params.icon);
-          return _el$140;
+          var _el$163 = getNextElement(_tmpl$36);
+          insert(_el$163, () => params.icon);
+          return _el$163;
         }
-      }), _el$142, _co$27);
-      insert(_el$139, () => params.label, _el$144, _co$28);
+      }), _el$165, _co$33);
+      insert(_el$162, () => params.label, _el$167, _co$34);
       effect((_p$) => {
-        var _v$26 = params.url || "#", _v$27 = params.url ? "_blank" : void 0, _v$28 = params.ariaLabel || params.label, _v$29 = `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$28 = params.url || "#", _v$29 = params.url ? "_blank" : void 0, _v$30 = params.ariaLabel || params.label, _v$31 = `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$26 !== _p$.e && setAttribute(_el$139, "href", _p$.e = _v$26);
-        _v$27 !== _p$.t && setAttribute(_el$139, "target", _p$.t = _v$27);
-        _v$28 !== _p$.a && setAttribute(_el$139, "aria-label", _p$.a = _v$28);
-        _v$29 !== _p$.o && className(_el$139, _p$.o = _v$29);
+        _v$28 !== _p$.e && setAttribute(_el$162, "href", _p$.e = _v$28);
+        _v$29 !== _p$.t && setAttribute(_el$162, "target", _p$.t = _v$29);
+        _v$30 !== _p$.a && setAttribute(_el$162, "aria-label", _p$.a = _v$30);
+        _v$31 !== _p$.o && className(_el$162, _p$.o = _v$31);
         return _p$;
       }, {
         e: void 0,
@@ -1110,42 +1149,42 @@ function ActionRenderer(props) {
         o: void 0
       });
       runHydrationEvents();
-      return _el$139;
+      return _el$162;
     })();
   }
   return (() => {
-    var _el$145 = getNextElement(_tmpl$38), _el$148 = _el$145.firstChild, [_el$149, _co$29] = getNextMarker(_el$148.nextSibling), _el$150 = _el$149.nextSibling, [_el$151, _co$30] = getNextMarker(_el$150.nextSibling), _el$152 = _el$151.nextSibling, [_el$153, _co$31] = getNextMarker(_el$152.nextSibling);
-    _el$145.$$click = handleClick;
-    insert(_el$145, createComponent(Show, {
+    var _el$168 = getNextElement(_tmpl$39), _el$171 = _el$168.firstChild, [_el$172, _co$35] = getNextMarker(_el$171.nextSibling), _el$173 = _el$172.nextSibling, [_el$174, _co$36] = getNextMarker(_el$173.nextSibling), _el$175 = _el$174.nextSibling, [_el$176, _co$37] = getNextMarker(_el$175.nextSibling);
+    _el$168.$$click = handleClick;
+    insert(_el$168, createComponent(Show, {
       get when() {
         return memo(() => !!isExecuting())() && params.action === "tool-call";
       },
       get children() {
-        return getNextElement(_tmpl$37);
+        return getNextElement(_tmpl$38);
       }
-    }), _el$149, _co$29);
-    insert(_el$145, createComponent(Show, {
+    }), _el$172, _co$35);
+    insert(_el$168, createComponent(Show, {
       get when() {
         return memo(() => !!params.icon)() && !(isExecuting() && params.action === "tool-call");
       },
       get children() {
-        var _el$147 = getNextElement(_tmpl$35);
-        insert(_el$147, () => params.icon);
-        return _el$147;
+        var _el$170 = getNextElement(_tmpl$36);
+        insert(_el$170, () => params.icon);
+        return _el$170;
       }
-    }), _el$151, _co$30);
-    insert(_el$145, () => params.label, _el$153, _co$31);
+    }), _el$174, _co$36);
+    insert(_el$168, () => params.label, _el$176, _co$37);
     effect((_p$) => {
-      var _v$30 = params.action === "submit" ? "submit" : "button", _v$31 = isDisabled(), _v$32 = isExecuting() && params.action === "tool-call", _v$33 = params.ariaLabel || params.label, _v$34 = `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$32 = params.action === "submit" ? "submit" : "button", _v$33 = isDisabled(), _v$34 = isExecuting() && params.action === "tool-call", _v$35 = params.ariaLabel || params.label, _v$36 = `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$30 !== _p$.e && setAttribute(_el$145, "type", _p$.e = _v$30);
-      _v$31 !== _p$.t && setProperty(_el$145, "disabled", _p$.t = _v$31);
-      _v$32 !== _p$.a && setAttribute(_el$145, "aria-busy", _p$.a = _v$32);
-      _v$33 !== _p$.o && setAttribute(_el$145, "aria-label", _p$.o = _v$33);
-      _v$34 !== _p$.i && className(_el$145, _p$.i = _v$34);
+      _v$32 !== _p$.e && setAttribute(_el$168, "type", _p$.e = _v$32);
+      _v$33 !== _p$.t && setProperty(_el$168, "disabled", _p$.t = _v$33);
+      _v$34 !== _p$.a && setAttribute(_el$168, "aria-busy", _p$.a = _v$34);
+      _v$35 !== _p$.o && setAttribute(_el$168, "aria-label", _p$.o = _v$35);
+      _v$36 !== _p$.i && className(_el$168, _p$.i = _v$36);
       return _p$;
     }, {
       e: void 0,
@@ -1155,7 +1194,7 @@ function ActionRenderer(props) {
       i: void 0
     });
     runHydrationEvents();
-    return _el$145;
+    return _el$168;
   })();
 }
 function ErrorCardRenderer(props) {
@@ -1163,55 +1202,55 @@ function ErrorCardRenderer(props) {
     return `Error in ${props.error.tool || "unknown tool"}: ${props.error.message || "Unknown error"}`;
   };
   return (() => {
-    var _el$154 = getNextElement(_tmpl$42), _el$177 = _el$154.firstChild, [_el$178, _co$37] = getNextMarker(_el$177.nextSibling), _el$155 = _el$178.nextSibling, _el$156 = _el$155.firstChild, _el$157 = _el$156.nextSibling, _el$158 = _el$157.firstChild, _el$159 = _el$158.firstChild, _el$160 = _el$159.nextSibling, [_el$161, _co$32] = getNextMarker(_el$160.nextSibling), _el$162 = _el$158.nextSibling, _el$171 = _el$162.nextSibling, [_el$172, _co$34] = getNextMarker(_el$171.nextSibling), _el$173 = _el$172.nextSibling, [_el$174, _co$35] = getNextMarker(_el$173.nextSibling), _el$175 = _el$174.nextSibling, [_el$176, _co$36] = getNextMarker(_el$175.nextSibling);
-    insert(_el$154, createComponent(CopyButton, {
+    var _el$177 = getNextElement(_tmpl$43), _el$200 = _el$177.firstChild, [_el$201, _co$43] = getNextMarker(_el$200.nextSibling), _el$178 = _el$201.nextSibling, _el$179 = _el$178.firstChild, _el$180 = _el$179.nextSibling, _el$181 = _el$180.firstChild, _el$182 = _el$181.firstChild, _el$183 = _el$182.nextSibling, [_el$184, _co$38] = getNextMarker(_el$183.nextSibling), _el$185 = _el$181.nextSibling, _el$194 = _el$185.nextSibling, [_el$195, _co$40] = getNextMarker(_el$194.nextSibling), _el$196 = _el$195.nextSibling, [_el$197, _co$41] = getNextMarker(_el$196.nextSibling), _el$198 = _el$197.nextSibling, [_el$199, _co$42] = getNextMarker(_el$198.nextSibling);
+    insert(_el$177, createComponent(CopyButton, {
       getText: getErrorText,
       title: "Copy error details",
       position: "top-right"
-    }), _el$178, _co$37);
-    insert(_el$158, () => props.error.tool || "Unknown", _el$161, _co$32);
-    insert(_el$162, () => props.error.message || "An error occurred during tool execution");
-    insert(_el$157, createComponent(Show, {
+    }), _el$201, _co$43);
+    insert(_el$181, () => props.error.tool || "Unknown", _el$184, _co$38);
+    insert(_el$185, () => props.error.message || "An error occurred during tool execution");
+    insert(_el$180, createComponent(Show, {
       get when() {
         return props.error.type;
       },
       get children() {
-        var _el$163 = getNextElement(_tmpl$39), _el$164 = _el$163.firstChild, _el$165 = _el$164.nextSibling, [_el$166, _co$33] = getNextMarker(_el$165.nextSibling);
-        insert(_el$163, () => props.error.type, _el$166, _co$33);
-        return _el$163;
+        var _el$186 = getNextElement(_tmpl$40), _el$187 = _el$186.firstChild, _el$188 = _el$187.nextSibling, [_el$189, _co$39] = getNextMarker(_el$188.nextSibling);
+        insert(_el$186, () => props.error.type, _el$189, _co$39);
+        return _el$186;
       }
-    }), _el$172, _co$34);
-    insert(_el$157, createComponent(Show, {
+    }), _el$195, _co$40);
+    insert(_el$180, createComponent(Show, {
       get when() {
         var _a;
         return (_a = props.error.suggestions) == null ? void 0 : _a.length;
       },
       get children() {
-        var _el$167 = getNextElement(_tmpl$40), _el$168 = _el$167.firstChild, _el$169 = _el$168.nextSibling;
-        insert(_el$169, createComponent(For, {
+        var _el$190 = getNextElement(_tmpl$41), _el$191 = _el$190.firstChild, _el$192 = _el$191.nextSibling;
+        insert(_el$192, createComponent(For, {
           get each() {
             return props.error.suggestions;
           },
           children: (suggestion) => (() => {
-            var _el$179 = getNextElement(_tmpl$43);
-            insert(_el$179, suggestion);
-            return _el$179;
+            var _el$202 = getNextElement(_tmpl$44);
+            insert(_el$202, suggestion);
+            return _el$202;
           })()
         }));
-        return _el$167;
+        return _el$190;
       }
-    }), _el$174, _co$35);
-    insert(_el$157, createComponent(Show, {
+    }), _el$197, _co$41);
+    insert(_el$180, createComponent(Show, {
       get when() {
         return props.error.timestamp;
       },
       get children() {
-        var _el$170 = getNextElement(_tmpl$41);
-        insert(_el$170, () => new Date(props.error.timestamp).toLocaleString());
-        return _el$170;
+        var _el$193 = getNextElement(_tmpl$42);
+        insert(_el$193, () => new Date(props.error.timestamp).toLocaleString());
+        return _el$193;
       }
-    }), _el$176, _co$36);
-    return _el$154;
+    }), _el$199, _co$42);
+    return _el$177;
   })();
 }
 function isErrorResponse(content) {
@@ -1234,20 +1273,20 @@ function UIResourceHtmlRenderer(props) {
     return ((_a = props.resource.metadata) == null ? void 0 : _a.title) || ((_b = props.resource.uri) == null ? void 0 : _b.replace("ui://deposium/", "")) || "Resource";
   };
   return (() => {
-    var _el$180 = getNextElement(_tmpl$45), _el$184 = _el$180.firstChild, [_el$185, _co$38] = getNextMarker(_el$184.nextSibling), _el$183 = _el$185.nextSibling;
-    insert(_el$180, createComponent(Show, {
+    var _el$203 = getNextElement(_tmpl$46), _el$207 = _el$203.firstChild, [_el$208, _co$44] = getNextMarker(_el$207.nextSibling), _el$206 = _el$208.nextSibling;
+    insert(_el$203, createComponent(Show, {
       get when() {
         var _a;
         return ((_a = props.resource.metadata) == null ? void 0 : _a.title) || props.resource.uri;
       },
       get children() {
-        var _el$181 = getNextElement(_tmpl$44), _el$182 = _el$181.firstChild;
-        insert(_el$182, resourceTitle);
-        return _el$181;
+        var _el$204 = getNextElement(_tmpl$45), _el$205 = _el$204.firstChild;
+        insert(_el$205, resourceTitle);
+        return _el$204;
       }
-    }), _el$185, _co$38);
-    effect(() => setProperty(_el$183, "innerHTML", htmlContent()));
-    return _el$180;
+    }), _el$208, _co$44);
+    effect(() => setProperty(_el$206, "innerHTML", htmlContent()));
+    return _el$203;
   })();
 }
 const UIResourceRenderer = (props) => {
@@ -1327,24 +1366,24 @@ const UIResourceRenderer = (props) => {
   return createComponent(RenderProvider, {
     renderComponent,
     get children() {
-      var _el$186 = getNextElement(_tmpl$46), _el$187 = _el$186.firstChild, _el$188 = _el$187.nextSibling, [_el$189, _co$39] = getNextMarker(_el$188.nextSibling);
-      insert(_el$187, createComponent(For, {
+      var _el$209 = getNextElement(_tmpl$47), _el$210 = _el$209.firstChild, _el$211 = _el$210.nextSibling, [_el$212, _co$45] = getNextMarker(_el$211.nextSibling);
+      insert(_el$210, createComponent(For, {
         get each() {
           return layoutData.components;
         },
         children: (component) => (() => {
-          var _el$190 = getNextElement(_tmpl$47);
-          insert(_el$190, createComponent(ComponentRenderer, {
+          var _el$213 = getNextElement(_tmpl$48);
+          insert(_el$213, createComponent(ComponentRenderer, {
             component,
             get onError() {
               return props.onError;
             }
           }));
-          effect((_$p) => style(_el$190, getGridStyleString(component), _$p));
-          return _el$190;
+          effect((_$p) => style(_el$213, getGridStyleString(component), _$p));
+          return _el$213;
         })()
       }));
-      insert(_el$186, createComponent(Show, {
+      insert(_el$209, createComponent(Show, {
         get when() {
           return shouldShowAutoFooter();
         },
@@ -1355,17 +1394,17 @@ const UIResourceRenderer = (props) => {
             }
           });
         }
-      }), _el$189, _co$39);
+      }), _el$212, _co$45);
       effect((_p$) => {
-        var _v$35 = `w-full ${props.class || ""}`, _v$36 = gridContainerStyle();
-        _v$35 !== _p$.e && className(_el$186, _p$.e = _v$35);
-        _p$.t = style(_el$187, _v$36, _p$.t);
+        var _v$37 = `w-full ${props.class || ""}`, _v$38 = gridContainerStyle();
+        _v$37 !== _p$.e && className(_el$209, _p$.e = _v$37);
+        _p$.t = style(_el$210, _v$38, _p$.t);
         return _p$;
       }, {
         e: void 0,
         t: void 0
       });
-      return _el$186;
+      return _el$209;
     }
   });
 };