@seed-ship/mcp-ui-solid 1.0.35 → 1.0.37

package/dist/components/UIResourceRenderer.cjs

@@ -6,7 +6,7 @@ const solidJs = require("solid-js");
 const validation = require("../services/validation.cjs");
 const GenerativeUIErrorBoundary = require("./GenerativeUIErrorBoundary.cjs");
 const marked_esm = require("../node_modules/.pnpm/marked@16.4.2/node_modules/marked/lib/marked.esm.cjs");
-var _tmpl$ = /* @__PURE__ */ web.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$2 = /* @__PURE__ */ web.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$3 = /* @__PURE__ */ web.template(`<h3 class="text-sm font-semibold text-gray-900 dark:text-white mb-3">`), _tmpl$4 = /* @__PURE__ */ web.template(`<div class="w-full h-full p-4"><!$><!/><div class="w-full h-full"><img alt="Chart visualization"class="w-full h-auto max-h-[300px] object-contain">`), _tmpl$5 = /* @__PURE__ */ web.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$6 = /* @__PURE__ */ web.template(`<div class="mt-3 flex items-center justify-between text-xs text-gray-500 dark:text-gray-400"><span>Showing <!$><!/> - <!$><!/> of <!$><!/>`), _tmpl$7 = /* @__PURE__ */ web.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"><div class=p-4><!$><!/><div class=overflow-x-auto><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"><tr></tr></thead><tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700"></tbody></table></div><!$><!/>`), _tmpl$8 = /* @__PURE__ */ web.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">`), _tmpl$9 = /* @__PURE__ */ web.template(`<tr>`), _tmpl$0 = /* @__PURE__ */ web.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$1 = /* @__PURE__ */ web.template(`<span class="ml-2 text-sm font-medium text-gray-500 dark:text-gray-400">`), _tmpl$10 = /* @__PURE__ */ web.template(`<div class="mt-3 flex items-center"><span><!$><!/> <!$><!/>%`), _tmpl$11 = /* @__PURE__ */ web.template(`<p class="mt-2 text-xs text-gray-500 dark:text-gray-400">`), _tmpl$12 = /* @__PURE__ */ web.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 p-4"><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$13 = /* @__PURE__ */ web.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 p-4"><div>`), _tmpl$14 = /* @__PURE__ */ web.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$15 = /* @__PURE__ */ web.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"sandbox="allow-scripts allow-same-origin allow-popups allow-forms"loading=lazy>`, true, false, false), _tmpl$16 = /* @__PURE__ */ web.template(`<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">`), _tmpl$17 = /* @__PURE__ */ web.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-[500px] object-contain rounded shadow-sm hover:opacity-95 transition-opacity"loading=lazy></a></div><!$><!/>`, true, false, false), _tmpl$18 = /* @__PURE__ */ web.template(`<p class="text-xs text-gray-500 dark:text-gray-400 truncate">`), _tmpl$19 = /* @__PURE__ */ web.template(`<a target=_blank rel="noopener noreferrer"class="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"><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"><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><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$20 = /* @__PURE__ */ web.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$21 = /* @__PURE__ */ web.template(`<span>`), _tmpl$22 = /* @__PURE__ */ web.template(`<a rel="noopener noreferrer"><!$><!/><!$><!/>`), _tmpl$23 = /* @__PURE__ */ web.template(`<button><!$><!/><!$><!/>`), _tmpl$24 = /* @__PURE__ */ web.template(`<div><div class="grid gap-4">`), _tmpl$25 = /* @__PURE__ */ web.template(`<div>`);
+var _tmpl$ = ["<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"></div></div>'], _tmpl$2 = ["<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">', "</p></div></div>"], _tmpl$3 = ["<h3", ' class="text-sm font-semibold text-gray-900 dark:text-white mb-3">', "</h3>"], _tmpl$4 = ["<div", ' class="w-full h-full p-4"><!--$-->', '<!--/--><div class="w-full h-full"><img', ' alt="Chart visualization" class="w-full h-auto max-h-[300px] object-contain"></div></div>'], _tmpl$5 = ["<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"><!--$-->', "<!--/--><!--$-->", "<!--/--><!--$-->", "<!--/--></div>"], _tmpl$6 = ["<div", ' class="mt-3 flex items-center justify-between text-xs text-gray-500 dark:text-gray-400"><span>Showing <!--$-->', "<!--/--> - <!--$-->", "<!--/--> of <!--$-->", "<!--/--></span></div>"], _tmpl$7 = ["<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"><div class="p-4"><!--$-->', '<!--/--><div class="overflow-x-auto"><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"><tr>', '</tr></thead><tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">', "</tbody></table></div><!--$-->", "<!--/--></div></div>"], _tmpl$8 = ["<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" style="', '">', "</th>"], _tmpl$9 = ["<tr", ' class="', '">', "</tr>"], _tmpl$0 = ["<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>', "</div></td>"], _tmpl$1 = ["<span", ' class="ml-2 text-sm font-medium text-gray-500 dark:text-gray-400">', "</span>"], _tmpl$10 = ["<div", ' class="mt-3 flex items-center"><span class="', '"><!--$-->', "<!--/--> <!--$-->", "<!--/-->%</span></div>"], _tmpl$11 = ["<p", ' class="mt-2 text-xs text-gray-500 dark:text-gray-400">', "</p>"], _tmpl$12 = ["<div", ' class="w-full h-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 p-4"><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><!--$-->", "<!--/--><!--$-->", "<!--/--></div></div>"], _tmpl$13 = ["<div", ' class="w-full h-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 p-4"><div class="', '">', "</div></div>"], _tmpl$14 = ["<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">', "</h3></div>"], _tmpl$15 = ["<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" style="', '" sandbox="allow-scripts allow-same-origin allow-popups allow-forms" loading="lazy"></iframe></div>'], _tmpl$16 = ["<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">', "</p></div>"], _tmpl$17 = ["<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-[500px] object-contain rounded shadow-sm hover:opacity-95 transition-opacity" loading="lazy"></a></div><!--$-->', "<!--/--></div>"], _tmpl$18 = ["<p", ' class="text-xs text-gray-500 dark:text-gray-400 truncate">', "</p>"], _tmpl$19 = ["<a", ' target="_blank" rel="noopener noreferrer" class="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"><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"><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"><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"></line></svg></a>'], _tmpl$20 = ["<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">', "</p></div>"], _tmpl$21 = ["<span", ">", "</span>"], _tmpl$22 = ["<a", ' rel="noopener noreferrer" class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></a>"], _tmpl$23 = ["<button", "", ' class="', '"><!--$-->', "<!--/--><!--$-->", "<!--/--></button>"], _tmpl$24 = ["<div", ' class="', '"><div class="grid gap-4" style="', '">', "</div></div>"], _tmpl$25 = ["<div", ' style="', '">', "</div>"];
 function ChartRenderer(props) {
   const [iframeUrl, setIframeUrl] = solidJs.createSignal();
   const [isLoading, setIsLoading] = solidJs.createSignal(true);
@@ -27,168 +27,99 @@ function ChartRenderer(props) {
     setIframeUrl(url);
     setIsLoading(false);
   });
-  return (() => {
-    var _el$ = web.getNextElement(_tmpl$5), _el$11 = _el$.firstChild, [_el$12, _co$2] = web.getNextMarker(_el$11.nextSibling), _el$13 = _el$12.nextSibling, [_el$14, _co$3] = web.getNextMarker(_el$13.nextSibling), _el$15 = _el$14.nextSibling, [_el$16, _co$4] = web.getNextMarker(_el$15.nextSibling);
-    web.insert(_el$, web.createComponent(solidJs.Show, {
-      get when() {
-        return isLoading();
-      },
-      get children() {
-        return web.getNextElement(_tmpl$);
-      }
-    }), _el$12, _co$2);
-    web.insert(_el$, web.createComponent(solidJs.Show, {
-      get when() {
-        return error();
-      },
-      get children() {
-        var _el$3 = web.getNextElement(_tmpl$2), _el$4 = _el$3.firstChild, _el$5 = _el$4.firstChild, _el$6 = _el$5.nextSibling;
-        web.insert(_el$6, error);
-        return _el$3;
-      }
-    }), _el$14, _co$3);
-    web.insert(_el$, web.createComponent(solidJs.Show, {
-      get when() {
-        return web.memo(() => !!iframeUrl())() && !error();
-      },
-      get children() {
-        var _el$7 = web.getNextElement(_tmpl$4), _el$1 = _el$7.firstChild, [_el$10, _co$] = web.getNextMarker(_el$1.nextSibling), _el$9 = _el$10.nextSibling, _el$0 = _el$9.firstChild;
-        web.insert(_el$7, web.createComponent(solidJs.Show, {
-          get when() {
-            return props.component.params.title;
-          },
-          get children() {
-            var _el$8 = web.getNextElement(_tmpl$3);
-            web.insert(_el$8, () => props.component.params.title);
-            return _el$8;
-          }
-        }), _el$10, _co$);
-        _el$0.addEventListener("error", () => {
-          var _a;
-          setError("Failed to load chart");
-          (_a = props.onError) == null ? void 0 : _a.call(props, {
-            type: "render",
-            message: "Chart rendering failed",
-            componentId: props.component.id
-          });
-        });
-        web.effect(() => web.setAttribute(_el$0, "src", iframeUrl()));
-        return _el$7;
-      }
-    }), _el$16, _co$4);
-    return _el$;
-  })();
+  return web.ssr(_tmpl$5, web.ssrHydrationKey(), web.escape(web.createComponent(solidJs.Show, {
+    get when() {
+      return isLoading();
+    },
+    get children() {
+      return web.ssr(_tmpl$, web.ssrHydrationKey());
+    }
+  })), web.escape(web.createComponent(solidJs.Show, {
+    get when() {
+      return error();
+    },
+    get children() {
+      return web.ssr(_tmpl$2, web.ssrHydrationKey(), web.escape(error()));
+    }
+  })), web.escape(web.createComponent(solidJs.Show, {
+    get when() {
+      return iframeUrl() && !error();
+    },
+    get children() {
+      return web.ssr(_tmpl$4, web.ssrHydrationKey(), web.escape(web.createComponent(solidJs.Show, {
+        get when() {
+          return props.component.params.title;
+        },
+        get children() {
+          return web.ssr(_tmpl$3, web.ssrHydrationKey(), web.escape(props.component.params.title));
+        }
+      })), web.ssrAttribute("src", web.escape(iframeUrl(), true), false));
+    }
+  })));
 }
 function TableRenderer(props) {
   const tableParams = props.component.params;
-  return (() => {
-    var _el$17 = web.getNextElement(_tmpl$7), _el$18 = _el$17.firstChild, _el$38 = _el$18.firstChild, [_el$39, _co$8] = web.getNextMarker(_el$38.nextSibling), _el$20 = _el$39.nextSibling, _el$21 = _el$20.firstChild, _el$22 = _el$21.firstChild, _el$23 = _el$22.firstChild, _el$24 = _el$22.nextSibling, _el$40 = _el$20.nextSibling, [_el$41, _co$9] = web.getNextMarker(_el$40.nextSibling);
-    web.insert(_el$18, web.createComponent(solidJs.Show, {
-      get when() {
-        return tableParams.title;
-      },
-      get children() {
-        var _el$19 = web.getNextElement(_tmpl$3);
-        web.insert(_el$19, () => tableParams.title);
-        return _el$19;
-      }
-    }), _el$39, _co$8);
-    web.insert(_el$23, web.createComponent(solidJs.For, {
+  return web.ssr(_tmpl$7, web.ssrHydrationKey(), web.escape(web.createComponent(solidJs.Show, {
+    get when() {
+      return tableParams.title;
+    },
+    get children() {
+      return web.ssr(_tmpl$3, web.ssrHydrationKey(), web.escape(tableParams.title));
+    }
+  })), web.escape(web.createComponent(solidJs.For, {
+    get each() {
+      return tableParams.columns;
+    },
+    children: (column) => web.ssr(_tmpl$8, web.ssrHydrationKey(), web.ssrStyle(column.width ? {
+      width: column.width
+    } : {}), web.escape(column.label))
+  })), web.escape(web.createComponent(solidJs.For, {
+    get each() {
+      return tableParams.rows.slice(0, validation.DEFAULT_RESOURCE_LIMITS.maxTableRows);
+    },
+    children: (row, i) => web.ssr(_tmpl$9, web.ssrHydrationKey(), `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"}`, web.escape(web.createComponent(solidJs.For, {
       get each() {
         return tableParams.columns;
       },
-      children: (column) => (() => {
-        var _el$42 = web.getNextElement(_tmpl$8);
-        web.insert(_el$42, () => column.label);
-        web.effect((_$p) => web.style(_el$42, column.width ? {
-          width: column.width
-        } : {}, _$p));
-        return _el$42;
-      })()
-    }));
-    web.insert(_el$24, web.createComponent(solidJs.For, {
-      get each() {
-        return tableParams.rows.slice(0, validation.DEFAULT_RESOURCE_LIMITS.maxTableRows);
-      },
-      children: (row, i) => (() => {
-        var _el$43 = web.getNextElement(_tmpl$9);
-        web.insert(_el$43, web.createComponent(solidJs.For, {
-          get each() {
-            return tableParams.columns;
-          },
-          children: (column) => (() => {
-            var _el$44 = web.getNextElement(_tmpl$0), _el$45 = _el$44.firstChild;
-            web.effect(() => web.setProperty(_el$45, "innerHTML", typeof row[column.key] === "string" && (row[column.key].includes("[") || row[column.key].includes("**") || row[column.key].includes("`")) ? purify_es.sanitize(marked_esm.marked.parse(row[column.key], {
-              async: false
-            }), {
-              ADD_ATTR: ["target", "rel"]
-            }) : row[column.key] || "-"));
-            return _el$44;
-          })()
-        }));
-        web.effect(() => web.className(_el$43, `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$43;
-      })()
-    }));
-    web.insert(_el$18, web.createComponent(solidJs.Show, {
-      get when() {
-        return tableParams.pagination;
-      },
-      get children() {
-        var _el$25 = web.getNextElement(_tmpl$6), _el$26 = _el$25.firstChild, _el$27 = _el$26.firstChild, _el$32 = _el$27.nextSibling, [_el$33, _co$5] = web.getNextMarker(_el$32.nextSibling), _el$28 = _el$33.nextSibling, _el$34 = _el$28.nextSibling, [_el$35, _co$6] = web.getNextMarker(_el$34.nextSibling), _el$30 = _el$35.nextSibling, _el$36 = _el$30.nextSibling, [_el$37, _co$7] = web.getNextMarker(_el$36.nextSibling);
-        web.insert(_el$26, () => tableParams.pagination.currentPage * tableParams.pagination.pageSize + 1, _el$33, _co$5);
-        web.insert(_el$26, () => Math.min((tableParams.pagination.currentPage + 1) * tableParams.pagination.pageSize, tableParams.pagination.totalRows), _el$35, _co$6);
-        web.insert(_el$26, () => tableParams.pagination.totalRows, _el$37, _co$7);
-        return _el$25;
-      }
-    }), _el$41, _co$9);
-    return _el$17;
-  })();
+      children: (column) => web.ssr(_tmpl$0, web.ssrHydrationKey(), typeof row[column.key] === "string" && (row[column.key].includes("[") || row[column.key].includes("**") || row[column.key].includes("`")) ? purify_es.sanitize(marked_esm.marked.parse(row[column.key], {
+        async: false
+      }), {
+        ADD_ATTR: ["target", "rel"]
+      }) : row[column.key] || "-")
+    })))
+  })), web.escape(web.createComponent(solidJs.Show, {
+    get when() {
+      return tableParams.pagination;
+    },
+    get children() {
+      return web.ssr(_tmpl$6, web.ssrHydrationKey(), web.escape(tableParams.pagination.currentPage) * web.escape(tableParams.pagination.pageSize) + 1, web.escape(Math.min((tableParams.pagination.currentPage + 1) * tableParams.pagination.pageSize, tableParams.pagination.totalRows)), web.escape(tableParams.pagination.totalRows));
+    }
+  })));
 }
 function MetricRenderer(props) {
   const metricParams = props.component.params;
-  return (() => {
-    var _el$46 = web.getNextElement(_tmpl$12), _el$47 = _el$46.firstChild, _el$48 = _el$47.firstChild, _el$49 = _el$48.firstChild, _el$50 = _el$49.nextSibling, _el$51 = _el$50.firstChild, _el$53 = _el$51.nextSibling, [_el$54, _co$0] = web.getNextMarker(_el$53.nextSibling), _el$64 = _el$48.nextSibling, [_el$65, _co$11] = web.getNextMarker(_el$64.nextSibling), _el$66 = _el$65.nextSibling, [_el$67, _co$12] = web.getNextMarker(_el$66.nextSibling);
-    web.insert(_el$49, () => metricParams.title);
-    web.insert(_el$51, () => metricParams.value);
-    web.insert(_el$50, web.createComponent(solidJs.Show, {
-      get when() {
-        return metricParams.unit;
-      },
-      get children() {
-        var _el$52 = web.getNextElement(_tmpl$1);
-        web.insert(_el$52, () => metricParams.unit);
-        return _el$52;
-      }
-    }), _el$54, _co$0);
-    web.insert(_el$47, web.createComponent(solidJs.Show, {
-      get when() {
-        return metricParams.trend;
-      },
-      get children() {
-        var _el$55 = web.getNextElement(_tmpl$10), _el$56 = _el$55.firstChild, _el$59 = _el$56.firstChild, [_el$60, _co$1] = web.getNextMarker(_el$59.nextSibling), _el$57 = _el$60.nextSibling, _el$61 = _el$57.nextSibling, [_el$62, _co$10] = web.getNextMarker(_el$61.nextSibling);
-        _el$62.nextSibling;
-        web.insert(_el$56, (() => {
-          var _c$ = web.memo(() => metricParams.trend.direction === "up");
-          return () => _c$() ? "�" : metricParams.trend.direction === "down" ? "�" : "�";
-        })(), _el$60, _co$1);
-        web.insert(_el$56, () => Math.abs(metricParams.trend.value), _el$62, _co$10);
-        web.effect(() => web.className(_el$56, `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$55;
-      }
-    }), _el$65, _co$11);
-    web.insert(_el$47, web.createComponent(solidJs.Show, {
-      get when() {
-        return metricParams.subtitle;
-      },
-      get children() {
-        var _el$63 = web.getNextElement(_tmpl$11);
-        web.insert(_el$63, () => metricParams.subtitle);
-        return _el$63;
-      }
-    }), _el$67, _co$12);
-    return _el$46;
-  })();
+  return web.ssr(_tmpl$12, web.ssrHydrationKey(), web.escape(metricParams.title), web.escape(metricParams.value), web.escape(web.createComponent(solidJs.Show, {
+    get when() {
+      return metricParams.unit;
+    },
+    get children() {
+      return web.ssr(_tmpl$1, web.ssrHydrationKey(), web.escape(metricParams.unit));
+    }
+  })), web.escape(web.createComponent(solidJs.Show, {
+    get when() {
+      return metricParams.trend;
+    },
+    get children() {
+      return web.ssr(_tmpl$10, web.ssrHydrationKey(), `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"}`, metricParams.trend.direction === "up" ? "�" : metricParams.trend.direction === "down" ? "�" : "�", web.escape(Math.abs(metricParams.trend.value)));
+    }
+  })), web.escape(web.createComponent(solidJs.Show, {
+    get when() {
+      return metricParams.subtitle;
+    },
+    get children() {
+      return web.ssr(_tmpl$11, web.ssrHydrationKey(), web.escape(metricParams.subtitle));
+    }
+  })));
 }
 function TextRenderer(props) {
   const textParams = props.component.params;
@@ -200,99 +131,43 @@ function TextRenderer(props) {
     }
     return textParams.content;
   });
-  return (() => {
-    var _el$68 = web.getNextElement(_tmpl$13), _el$69 = _el$68.firstChild;
-    web.effect((_p$) => {
-      var _v$ = `prose prose-sm dark:prose-invert max-w-none ${textParams.className || ""}`, _v$2 = htmlContent();
-      _v$ !== _p$.e && web.className(_el$69, _p$.e = _v$);
-      _v$2 !== _p$.t && web.setProperty(_el$69, "innerHTML", _p$.t = _v$2);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0
-    });
-    return _el$68;
-  })();
+  return web.ssr(_tmpl$13, web.ssrHydrationKey(), `prose prose-sm dark:prose-invert max-w-none ${web.escape(textParams.className, true) || ""}`, htmlContent());
 }
 function IframeRenderer(props) {
   const params = props.component.params;
-  return (() => {
-    var _el$70 = web.getNextElement(_tmpl$15), _el$74 = _el$70.firstChild, [_el$75, _co$13] = web.getNextMarker(_el$74.nextSibling), _el$73 = _el$75.nextSibling;
-    web.insert(_el$70, web.createComponent(solidJs.Show, {
-      get when() {
-        return params.title;
-      },
-      get children() {
-        var _el$71 = web.getNextElement(_tmpl$14), _el$72 = _el$71.firstChild;
-        web.insert(_el$72, () => params.title);
-        return _el$71;
-      }
-    }), _el$75, _co$13);
-    web.effect((_p$) => {
-      var _v$3 = params.url, _v$4 = params.title || "Embedded content", _v$5 = `height: ${params.height || "400px"}; min-height: 300px;`;
-      _v$3 !== _p$.e && web.setAttribute(_el$73, "src", _p$.e = _v$3);
-      _v$4 !== _p$.t && web.setAttribute(_el$73, "title", _p$.t = _v$4);
-      _p$.a = web.style(_el$73, _v$5, _p$.a);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0
-    });
-    return _el$70;
-  })();
+  return web.ssr(_tmpl$15, web.ssrHydrationKey(), web.escape(web.createComponent(solidJs.Show, {
+    get when() {
+      return params.title;
+    },
+    get children() {
+      return web.ssr(_tmpl$14, web.ssrHydrationKey(), web.escape(params.title));
+    }
+  })), web.ssrAttribute("src", web.escape(params.url, true), false) + web.ssrAttribute("title", web.escape(params.title, true) || "Embedded content", false), web.ssrStyle(`height: ${params.height || "400px"}; min-height: 300px;`));
 }
 function ImageRenderer(props) {
   const params = props.component.params;
-  return (() => {
-    var _el$76 = web.getNextElement(_tmpl$17), _el$77 = _el$76.firstChild, _el$78 = _el$77.firstChild, _el$79 = _el$78.firstChild, _el$82 = _el$77.nextSibling, [_el$83, _co$14] = web.getNextMarker(_el$82.nextSibling);
-    web.insert(_el$76, web.createComponent(solidJs.Show, {
-      get when() {
-        return params.caption;
-      },
-      get children() {
-        var _el$80 = web.getNextElement(_tmpl$16), _el$81 = _el$80.firstChild;
-        web.insert(_el$81, () => params.caption);
-        return _el$80;
-      }
-    }), _el$83, _co$14);
-    web.effect((_p$) => {
-      var _v$6 = params.url, _v$7 = params.url, _v$8 = params.alt || "Image";
-      _v$6 !== _p$.e && web.setAttribute(_el$78, "href", _p$.e = _v$6);
-      _v$7 !== _p$.t && web.setAttribute(_el$79, "src", _p$.t = _v$7);
-      _v$8 !== _p$.a && web.setAttribute(_el$79, "alt", _p$.a = _v$8);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0
-    });
-    return _el$76;
-  })();
+  return web.ssr(_tmpl$17, web.ssrHydrationKey(), web.ssrAttribute("href", web.escape(params.url, true), false), web.ssrAttribute("src", web.escape(params.url, true), false) + web.ssrAttribute("alt", web.escape(params.alt, true) || "Image", false), web.escape(web.createComponent(solidJs.Show, {
+    get when() {
+      return params.caption;
+    },
+    get children() {
+      return web.ssr(_tmpl$16, web.ssrHydrationKey(), web.escape(params.caption));
+    }
+  })));
 }
 function LinkRenderer(props) {
   const params = props.component.params;
-  return (() => {
-    var _el$84 = web.getNextElement(_tmpl$19), _el$85 = _el$84.firstChild, _el$86 = _el$85.nextSibling, _el$87 = _el$86.firstChild, _el$89 = _el$87.nextSibling, [_el$90, _co$15] = web.getNextMarker(_el$89.nextSibling);
-    _el$84.$$click = (e) => e.stopPropagation();
-    web.insert(_el$87, () => params.label || params.url);
-    web.insert(_el$86, web.createComponent(solidJs.Show, {
-      get when() {
-        return params.description;
-      },
-      get children() {
-        var _el$88 = web.getNextElement(_tmpl$18);
-        web.insert(_el$88, () => params.description);
-        return _el$88;
-      }
-    }), _el$90, _co$15);
-    web.effect(() => web.setAttribute(_el$84, "href", params.url));
-    web.runHydrationEvents();
-    return _el$84;
-  })();
+  return web.ssr(_tmpl$19, web.ssrHydrationKey() + web.ssrAttribute("href", web.escape(params.url, true), false), web.escape(params.label) || web.escape(params.url), web.escape(web.createComponent(solidJs.Show, {
+    get when() {
+      return params.description;
+    },
+    get children() {
+      return web.ssr(_tmpl$18, web.ssrHydrationKey(), web.escape(params.description));
+    }
+  })));
 }
 function ComponentRenderer(props) {
-  var _a;
+  var _a, _b, _c;
   const validation$1 = validation.validateComponent(props.component);
   if (!validation$1.valid) {
     (_a = props.onError) == null ? void 0 : _a.call(props, {
@@ -301,14 +176,7 @@ function ComponentRenderer(props) {
       componentId: props.component.id,
       details: validation$1.errors
     });
-    return (() => {
-      var _el$91 = web.getNextElement(_tmpl$20), _el$92 = _el$91.firstChild, _el$93 = _el$92.nextSibling;
-      web.insert(_el$93, () => {
-        var _a2, _b;
-        return ((_b = (_a2 = validation$1.errors) == null ? void 0 : _a2[0]) == null ? void 0 : _b.message) || "Unknown validation error";
-      });
-      return _el$91;
-    })();
+    return web.ssr(_tmpl$20, web.ssrHydrationKey(), web.escape((_c = (_b = validation$1.errors) == null ? void 0 : _b[0]) == null ? void 0 : _c.message) || "Unknown validation error");
   }
   return web.createComponent(GenerativeUIErrorBoundary.GenerativeUIErrorBoundary, {
     get componentId() {
@@ -422,89 +290,30 @@ function ComponentRenderer(props) {
 }
 function ActionRenderer(props) {
   const params = props.component.params;
-  let dispatchAction = null;
   solidJs.onMount(() => {
-    if (typeof window !== "undefined") {
-      dispatchAction = (toolName, toolParams) => {
-        const event = new CustomEvent("mcp-action", {
-          detail: {
-            toolName,
-            params: toolParams
-          },
-          bubbles: true
-        });
-        window.dispatchEvent(event);
-      };
-    }
   });
-  const handleClick = (e) => {
-    if (params.action === "tool-call" && params.toolName) {
-      e.preventDefault();
-      dispatchAction == null ? void 0 : dispatchAction(params.toolName, params.params || {});
-    }
-  };
   if (params.type === "link" || params.action === "link") {
-    return (() => {
-      var _el$94 = web.getNextElement(_tmpl$22), _el$96 = _el$94.firstChild, [_el$97, _co$16] = web.getNextMarker(_el$96.nextSibling), _el$98 = _el$97.nextSibling, [_el$99, _co$17] = web.getNextMarker(_el$98.nextSibling);
-      _el$94.$$click = handleClick;
-      web.insert(_el$94, web.createComponent(solidJs.Show, {
-        get when() {
-          return params.icon;
-        },
-        get children() {
-          var _el$95 = web.getNextElement(_tmpl$21);
-          web.insert(_el$95, () => params.icon);
-          return _el$95;
-        }
-      }), _el$97, _co$16);
-      web.insert(_el$94, () => params.label, _el$99, _co$17);
-      web.effect((_p$) => {
-        var _v$9 = params.url || "#", _v$0 = params.url ? "_blank" : void 0, _v$1 = `inline-flex items-center gap-2 px-4 py-2 rounded-md text-sm font-medium transition-colors
-          ${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"}`;
-        _v$9 !== _p$.e && web.setAttribute(_el$94, "href", _p$.e = _v$9);
-        _v$0 !== _p$.t && web.setAttribute(_el$94, "target", _p$.t = _v$0);
-        _v$1 !== _p$.a && web.className(_el$94, _p$.a = _v$1);
-        return _p$;
-      }, {
-        e: void 0,
-        t: void 0,
-        a: void 0
-      });
-      web.runHydrationEvents();
-      return _el$94;
-    })();
-  }
-  return (() => {
-    var _el$100 = web.getNextElement(_tmpl$23), _el$102 = _el$100.firstChild, [_el$103, _co$18] = web.getNextMarker(_el$102.nextSibling), _el$104 = _el$103.nextSibling, [_el$105, _co$19] = web.getNextMarker(_el$104.nextSibling);
-    _el$100.$$click = handleClick;
-    web.insert(_el$100, web.createComponent(solidJs.Show, {
+    return web.ssr(_tmpl$22, web.ssrHydrationKey() + web.ssrAttribute("href", web.escape(params.url, true) || "#", false) + web.ssrAttribute("target", params.url ? "_blank" : web.escape(void 0, true), false), `inline-flex items-center gap-2 px-4 py-2 rounded-md text-sm font-medium transition-colors
+          ${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"}`, web.escape(web.createComponent(solidJs.Show, {
       get when() {
         return params.icon;
       },
       get children() {
-        var _el$101 = web.getNextElement(_tmpl$21);
-        web.insert(_el$101, () => params.icon);
-        return _el$101;
+        return web.ssr(_tmpl$21, web.ssrHydrationKey(), web.escape(params.icon));
       }
-    }), _el$103, _co$18);
-    web.insert(_el$100, () => params.label, _el$105, _co$19);
-    web.effect((_p$) => {
-      var _v$10 = params.action === "submit" ? "submit" : "button", _v$11 = params.disabled, _v$12 = `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
+    })), web.escape(params.label));
+  }
+  return web.ssr(_tmpl$23, web.ssrHydrationKey() + web.ssrAttribute("type", params.action === "submit" ? "submit" : "button", false), web.ssrAttribute("disabled", params.disabled, true), `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"}
         ${params.disabled ? "opacity-50 cursor-not-allowed" : ""}
-        ${params.size === "sm" ? "px-3 py-1.5 text-xs" : params.size === "lg" ? "px-6 py-3 text-base" : ""}`;
-      _v$10 !== _p$.e && web.setAttribute(_el$100, "type", _p$.e = _v$10);
-      _v$11 !== _p$.t && web.setProperty(_el$100, "disabled", _p$.t = _v$11);
-      _v$12 !== _p$.a && web.className(_el$100, _p$.a = _v$12);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0
-    });
-    web.runHydrationEvents();
-    return _el$100;
-  })();
+        ${params.size === "sm" ? "px-3 py-1.5 text-xs" : params.size === "lg" ? "px-6 py-3 text-base" : ""}`, web.escape(web.createComponent(solidJs.Show, {
+    get when() {
+      return params.icon;
+    },
+    get children() {
+      return web.ssr(_tmpl$21, web.ssrHydrationKey(), web.escape(params.icon));
+    }
+  })), web.escape(params.label));
 }
 const UIResourceRenderer = (props) => {
   const layout = () => {
@@ -534,36 +343,17 @@ const UIResourceRenderer = (props) => {
     } = component.position;
     return `grid-column: ${colStart} / span ${colSpan}; grid-row: ${rowStart ? `${rowStart} / span ${rowSpan}` : "auto"}`;
   };
-  return (() => {
-    var _el$106 = web.getNextElement(_tmpl$24), _el$107 = _el$106.firstChild;
-    web.insert(_el$107, web.createComponent(solidJs.For, {
-      get each() {
-        return layout().components;
-      },
-      children: (component) => (() => {
-        var _el$108 = web.getNextElement(_tmpl$25);
-        web.insert(_el$108, web.createComponent(ComponentRenderer, {
-          component,
-          get onError() {
-            return props.onError;
-          }
-        }));
-        web.effect((_$p) => web.style(_el$108, getGridStyleString(component), _$p));
-        return _el$108;
-      })()
-    }));
-    web.effect((_p$) => {
-      var _v$13 = `w-full ${props.class || ""}`, _v$14 = gridContainerStyle();
-      _v$13 !== _p$.e && web.className(_el$106, _p$.e = _v$13);
-      _p$.t = web.style(_el$107, _v$14, _p$.t);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0
-    });
-    return _el$106;
-  })();
+  return web.ssr(_tmpl$24, web.ssrHydrationKey(), `w-full ${web.escape(props.class, true) || ""}`, web.ssrStyle(gridContainerStyle()), web.escape(web.createComponent(solidJs.For, {
+    get each() {
+      return layout().components;
+    },
+    children: (component) => web.ssr(_tmpl$25, web.ssrHydrationKey(), web.ssrStyle(getGridStyleString(component)), web.escape(web.createComponent(ComponentRenderer, {
+      component,
+      get onError() {
+        return props.onError;
+      }
+    })))
+  })));
 };
-web.delegateEvents(["click"]);
 exports.UIResourceRenderer = UIResourceRenderer;
 //# sourceMappingURL=UIResourceRenderer.cjs.map