@seed-ship/mcp-ui-solid 6.6.0 → 6.6.1

package/CHANGELOG.md

@@ -5,6 +5,37 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [6.6.1] - 2026-05-22
+
+### Fixed — `action: 'submit'` is no longer inert outside a `<form>`
+
+`ActionParamsSchema.action` allows `'tool-call' | 'link' | 'submit'`, but
+at runtime `submit` did nothing : `ActionGroupRenderer` only branched on
+`tool-call` / `link`, and the standalone `action` renderer emitted a
+native `type="submit"` button — which only fires inside a real `<form>`.
+Standalone resources rendered by `<UIResourceRenderer>` have no
+surrounding form, so the click was inert.
+
+`submit` actions now route through the host executor — like `tool-call`,
+but **not treated as a tool call** :
+
+- `<ActionGroupRenderer>` and the standalone `action` renderer both call
+  `executeAction({ action: 'submit', toolName, params })` on click.
+- The action **kind** is preserved : `ActionRequest` gains an optional
+  `action?: 'tool-call' | 'submit' | 'link'` field so a host `executor`
+  can tell a submit apart from a tool call (e.g. POST to
+  `params.submit_url`). The full `params` payload (`submit_url`,
+  `connector_id`, `feedback_value`, `preferred_layout`, …) is passed
+  through intact.
+- The submit button is now `type="button"` (JS-handled) — it works with
+  no surrounding `<form>`, and shows the same loading / disabled state as
+  a `tool-call` button.
+- The `defaultExecutor` `mcp-action` `CustomEvent` detail now carries
+  `action`, so a window-level listener can route submits too.
+
+Backward compatible : `action` is optional everywhere and absent on every
+pre-6.6.1 request — a request without it is still treated as `tool-call`.
+
 ## [6.6.0] - 2026-05-21
 
 Sprint OpenData / macros — cf. `docs/briefs/ROADMAP-opendata-macro-mcpui.md`

package/dist/components/ActionGroupRenderer.cjs

@@ -7,18 +7,27 @@ var _tmpl$ = /* @__PURE__ */ web.template(`<span class=text-current>`), _tmpl$2
 const ActionButton = (props) => {
   const {
     execute,
+    executeAction,
     isExecuting
   } = useAction.useAction();
+  const isExecutable = () => props.action.action === "tool-call" || props.action.action === "submit";
   const handleClick = async (e) => {
     if (props.action.disabled) return;
     if (props.action.action === "tool-call" && props.action.toolName) {
       e.preventDefault();
       await execute(props.action.toolName, props.action.params || {});
+    } else if (props.action.action === "submit") {
+      e.preventDefault();
+      await executeAction({
+        action: "submit",
+        toolName: props.action.toolName || "submit",
+        params: props.action.params || {}
+      });
     } else if (props.action.action === "link" && props.action.url) {
       window.open(props.action.url, "_blank", "noopener,noreferrer");
     }
   };
-  const isDisabled = () => props.action.disabled || props.action.action === "tool-call" && isExecuting();
+  const isDisabled = () => props.action.disabled || isExecutable() && isExecuting();
   const variantClass = () => {
     switch (props.action.variant) {
       case "primary":
@@ -76,7 +85,7 @@ const ActionButton = (props) => {
     _el$7.$$click = handleClick;
     web.insert(_el$7, web.createComponent(solidJs.Show, {
       get when() {
-        return web.memo(() => !!isExecuting())() && props.action.action === "tool-call";
+        return web.memo(() => !!isExecuting())() && isExecutable();
       },
       get children() {
         return web.getNextElement(_tmpl$3);
@@ -84,7 +93,7 @@ const ActionButton = (props) => {
     }), _el$1, _co$3);
     web.insert(_el$7, web.createComponent(solidJs.Show, {
       get when() {
-        return web.memo(() => !!props.action.icon)() && !(isExecuting() && props.action.action === "tool-call");
+        return web.memo(() => !!props.action.icon)() && !(isExecuting() && isExecutable());
       },
       get children() {
         var _el$9 = web.getNextElement(_tmpl$);

package/dist/components/ActionGroupRenderer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionGroupRenderer.cjs","sources":["../../src/components/ActionGroupRenderer.tsx"],"sourcesContent":["/**\n * ActionGroupRenderer - Group of actions with layout options\n * Sprint 3: UX Improvements\n */\n\nimport { Component, For, Show } from 'solid-js'\nimport type { UIComponent, ActionGroupParams, ActionComponentParams } from '../types'\nimport { useAction } from '../hooks/useAction'\n\nexport interface ActionGroupRendererProps {\n  /**\n   * UIComponent with action-group params (for declarative use)\n   */\n  component?: UIComponent\n\n  /**\n   * Direct action group params (alternative to component)\n   */\n  params?: ActionGroupParams\n}\n\n/**\n * Render a single action button with variants and click handling\n */\nconst ActionButton: Component<{\n  action: ActionComponentParams\n  index: number\n}> = (props) => {\n  const { execute, isExecuting } = useAction()\n\n  const handleClick = async (e: MouseEvent) => {\n    if (props.action.disabled) return\n\n    if (props.action.action === 'tool-call' && props.action.toolName) {\n      e.preventDefault()\n      await execute(props.action.toolName, props.action.params || {})\n    } else if (props.action.action === 'link' && props.action.url) {\n      window.open(props.action.url, '_blank', 'noopener,noreferrer')\n    }\n  }\n\n  const isDisabled = () =>\n    props.action.disabled || (props.action.action === 'tool-call' && isExecuting())\n\n  const variantClass = () => {\n    switch (props.action.variant) {\n      case 'primary':\n        return 'bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500'\n      case 'secondary':\n        return 'bg-gray-200 text-gray-800 hover:bg-gray-300 dark:bg-gray-700 dark:text-white dark:hover:bg-gray-600 focus:ring-gray-500'\n      case 'outline':\n        return 'border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 focus:ring-gray-500'\n      case 'ghost':\n        return 'text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 focus:ring-gray-500'\n      case 'danger':\n        return 'bg-red-600 text-white hover:bg-red-700 focus:ring-red-500'\n      default:\n        return 'bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500'\n    }\n  }\n\n  const sizeClass = () => {\n    switch (props.action.size) {\n      case 'sm':\n        return 'px-2 py-1 text-xs'\n      case 'lg':\n        return 'px-6 py-3 text-base'\n      default:\n        return 'px-4 py-2 text-sm'\n    }\n  }\n\n  // Render as link if it's a link action\n  if (props.action.type === 'link' || (props.action.action === 'link' && props.action.url)) {\n    return (\n      <a\n        href={props.action.url || '#'}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        class={`inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 ${variantClass()} ${sizeClass()} ${\n          isDisabled() ? 'opacity-50 cursor-not-allowed pointer-events-none' : ''\n        }`}\n      >\n        <Show when={props.action.icon}>\n          <span class=\"text-current\">{props.action.icon}</span>\n        </Show>\n        {props.action.label}\n      </a>\n    )\n  }\n\n  return (\n    <button\n      type=\"button\"\n      onClick={handleClick}\n      disabled={isDisabled()}\n      class={`inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 ${variantClass()} ${sizeClass()} ${\n        isDisabled() ? 'opacity-50 cursor-not-allowed' : ''\n      }`}\n    >\n      <Show when={isExecuting() && props.action.action === 'tool-call'}>\n        <span class=\"animate-spin h-4 w-4 border-2 border-current border-t-transparent rounded-full\" />\n      </Show>\n      <Show when={props.action.icon && !(isExecuting() && props.action.action === 'tool-call')}>\n        <span class=\"text-current\">{props.action.icon}</span>\n      </Show>\n      {props.action.label}\n    </button>\n  )\n}\n\n/**\n * Action group component for rendering multiple actions with consistent layout\n *\n * @example\n * ```tsx\n * const actionGroup: UIComponent = {\n *   id: 'form-actions',\n *   type: 'action-group',\n *   position: { colStart: 1, colSpan: 12 },\n *   params: {\n *     layout: 'end',\n *     gap: 'md',\n *     actions: [\n *       { label: 'Cancel', variant: 'outline', action: 'link', url: '/back' },\n *       { label: 'Save', variant: 'primary', action: 'tool-call', toolName: 'save' },\n *     ],\n *   },\n * }\n * <ActionGroupRenderer component={actionGroup} />\n * ```\n */\nexport const ActionGroupRenderer: Component<ActionGroupRendererProps> = (props) => {\n  const params = () => props.params || (props.component?.params as ActionGroupParams) || { actions: [] }\n\n  const layoutClass = () => {\n    switch (params()?.layout) {\n      case 'vertical':\n        return 'flex flex-col'\n      case 'space-between':\n        return 'flex justify-between'\n      case 'end':\n        return 'flex justify-end'\n      case 'center':\n        return 'flex justify-center'\n      default: // horizontal\n        return 'flex'\n    }\n  }\n\n  const gapClass = () => {\n    switch (params()?.gap) {\n      case 'none':\n        return 'gap-0'\n      case 'sm':\n        return 'gap-1'\n      case 'lg':\n        return 'gap-4'\n      default: // md\n        return 'gap-2'\n    }\n  }\n\n  return (\n    <div\n      class={`${layoutClass()} ${gapClass()} ${params()?.fullWidth ? 'w-full' : ''}`}\n      role=\"group\"\n      aria-label={params()?.label || 'Action group'}\n    >\n      <For each={params()?.actions || []}>\n        {(action, index) => <ActionButton action={action} index={index()} />}\n      </For>\n    </div>\n  )\n}\n"],"names":["ActionButton","props","execute","isExecuting","useAction","handleClick","e","action","disabled","toolName","preventDefault","params","url","window","open","isDisabled","variantClass","variant","sizeClass","size","type","_el$","_$getNextElement","_tmpl$2","_el$3","firstChild","_el$4","_co$","_$getNextMarker","nextSibling","_el$5","_el$6","_co$2","_$insert","_$createComponent","Show","when","icon","children","_el$2","_tmpl$","label","_$effect","_p$","_v$","_v$2","_$setAttribute","t","_$className","undefined","_el$7","_tmpl$4","_el$0","_el$1","_co$3","_el$10","_el$11","_co$4","_el$12","_el$13","_co$5","$$click","_$memo","_tmpl$3","_el$9","_v$3","_v$4","_$setProperty","_$runHydrationEvents","ActionGroupRenderer","component","actions","layoutClass","layout","gapClass","gap","_el$14","_tmpl$5","For","each","index","_v$5","fullWidth","_v$6","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"ActionGroupRenderer.cjs","sources":["../../src/components/ActionGroupRenderer.tsx"],"sourcesContent":["/**\n * ActionGroupRenderer - Group of actions with layout options\n * Sprint 3: UX Improvements\n */\n\nimport { Component, For, Show } from 'solid-js'\nimport type { UIComponent, ActionGroupParams, ActionComponentParams } from '../types'\nimport { useAction } from '../hooks/useAction'\n\nexport interface ActionGroupRendererProps {\n  /**\n   * UIComponent with action-group params (for declarative use)\n   */\n  component?: UIComponent\n\n  /**\n   * Direct action group params (alternative to component)\n   */\n  params?: ActionGroupParams\n}\n\n/**\n * Render a single action button with variants and click handling\n */\nconst ActionButton: Component<{\n  action: ActionComponentParams\n  index: number\n}> = (props) => {\n  const { execute, executeAction, isExecuting } = useAction()\n\n  // tool-call and submit both go through the host executor — they show a\n  // loading state and gate disabled while running. link does neither.\n  const isExecutable = () =>\n    props.action.action === 'tool-call' || props.action.action === 'submit'\n\n  const handleClick = async (e: MouseEvent) => {\n    if (props.action.disabled) return\n\n    if (props.action.action === 'tool-call' && props.action.toolName) {\n      e.preventDefault()\n      await execute(props.action.toolName, props.action.params || {})\n    } else if (props.action.action === 'submit') {\n      // submit is NOT a tool call — route it through the executor with the\n      // `action: 'submit'` kind preserved so the host can POST to\n      // params.submit_url etc. Works without a surrounding <form>.\n      e.preventDefault()\n      await executeAction({\n        action: 'submit',\n        toolName: props.action.toolName || 'submit',\n        params: props.action.params || {},\n      })\n    } else if (props.action.action === 'link' && props.action.url) {\n      window.open(props.action.url, '_blank', 'noopener,noreferrer')\n    }\n  }\n\n  const isDisabled = () =>\n    props.action.disabled || (isExecutable() && isExecuting())\n\n  const variantClass = () => {\n    switch (props.action.variant) {\n      case 'primary':\n        return 'bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500'\n      case 'secondary':\n        return 'bg-gray-200 text-gray-800 hover:bg-gray-300 dark:bg-gray-700 dark:text-white dark:hover:bg-gray-600 focus:ring-gray-500'\n      case 'outline':\n        return 'border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 focus:ring-gray-500'\n      case 'ghost':\n        return 'text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 focus:ring-gray-500'\n      case 'danger':\n        return 'bg-red-600 text-white hover:bg-red-700 focus:ring-red-500'\n      default:\n        return 'bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500'\n    }\n  }\n\n  const sizeClass = () => {\n    switch (props.action.size) {\n      case 'sm':\n        return 'px-2 py-1 text-xs'\n      case 'lg':\n        return 'px-6 py-3 text-base'\n      default:\n        return 'px-4 py-2 text-sm'\n    }\n  }\n\n  // Render as link if it's a link action\n  if (props.action.type === 'link' || (props.action.action === 'link' && props.action.url)) {\n    return (\n      <a\n        href={props.action.url || '#'}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        class={`inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 ${variantClass()} ${sizeClass()} ${\n          isDisabled() ? 'opacity-50 cursor-not-allowed pointer-events-none' : ''\n        }`}\n      >\n        <Show when={props.action.icon}>\n          <span class=\"text-current\">{props.action.icon}</span>\n        </Show>\n        {props.action.label}\n      </a>\n    )\n  }\n\n  return (\n    <button\n      type=\"button\"\n      onClick={handleClick}\n      disabled={isDisabled()}\n      class={`inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 ${variantClass()} ${sizeClass()} ${\n        isDisabled() ? 'opacity-50 cursor-not-allowed' : ''\n      }`}\n    >\n      <Show when={isExecuting() && isExecutable()}>\n        <span class=\"animate-spin h-4 w-4 border-2 border-current border-t-transparent rounded-full\" />\n      </Show>\n      <Show when={props.action.icon && !(isExecuting() && isExecutable())}>\n        <span class=\"text-current\">{props.action.icon}</span>\n      </Show>\n      {props.action.label}\n    </button>\n  )\n}\n\n/**\n * Action group component for rendering multiple actions with consistent layout\n *\n * @example\n * ```tsx\n * const actionGroup: UIComponent = {\n *   id: 'form-actions',\n *   type: 'action-group',\n *   position: { colStart: 1, colSpan: 12 },\n *   params: {\n *     layout: 'end',\n *     gap: 'md',\n *     actions: [\n *       { label: 'Cancel', variant: 'outline', action: 'link', url: '/back' },\n *       { label: 'Save', variant: 'primary', action: 'tool-call', toolName: 'save' },\n *     ],\n *   },\n * }\n * <ActionGroupRenderer component={actionGroup} />\n * ```\n */\nexport const ActionGroupRenderer: Component<ActionGroupRendererProps> = (props) => {\n  const params = () => props.params || (props.component?.params as ActionGroupParams) || { actions: [] }\n\n  const layoutClass = () => {\n    switch (params()?.layout) {\n      case 'vertical':\n        return 'flex flex-col'\n      case 'space-between':\n        return 'flex justify-between'\n      case 'end':\n        return 'flex justify-end'\n      case 'center':\n        return 'flex justify-center'\n      default: // horizontal\n        return 'flex'\n    }\n  }\n\n  const gapClass = () => {\n    switch (params()?.gap) {\n      case 'none':\n        return 'gap-0'\n      case 'sm':\n        return 'gap-1'\n      case 'lg':\n        return 'gap-4'\n      default: // md\n        return 'gap-2'\n    }\n  }\n\n  return (\n    <div\n      class={`${layoutClass()} ${gapClass()} ${params()?.fullWidth ? 'w-full' : ''}`}\n      role=\"group\"\n      aria-label={params()?.label || 'Action group'}\n    >\n      <For each={params()?.actions || []}>\n        {(action, index) => <ActionButton action={action} index={index()} />}\n      </For>\n    </div>\n  )\n}\n"],"names":["ActionButton","props","execute","executeAction","isExecuting","useAction","isExecutable","action","handleClick","e","disabled","toolName","preventDefault","params","url","window","open","isDisabled","variantClass","variant","sizeClass","size","type","_el$","_$getNextElement","_tmpl$2","_el$3","firstChild","_el$4","_co$","_$getNextMarker","nextSibling","_el$5","_el$6","_co$2","_$insert","_$createComponent","Show","when","icon","children","_el$2","_tmpl$","label","_$effect","_p$","_v$","_v$2","_$setAttribute","t","_$className","undefined","_el$7","_tmpl$4","_el$0","_el$1","_co$3","_el$10","_el$11","_co$4","_el$12","_el$13","_co$5","$$click","_$memo","_tmpl$3","_el$9","_v$3","_v$4","_$setProperty","_$runHydrationEvents","ActionGroupRenderer","component","actions","layoutClass","layout","gapClass","gap","_el$14","_tmpl$5","For","each","index","_v$5","fullWidth","_v$6","_$delegateEvents"],"mappings":"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"}

package/dist/components/ActionGroupRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionGroupRenderer.d.ts","sourceRoot":"","sources":["../../src/components/ActionGroupRenderer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,SAAS,EAAa,MAAM,UAAU,CAAA;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAyB,MAAM,UAAU,CAAA;AAGrF,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAA;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAA;CAC3B;AA4FD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,mBAAmB,EAAE,SAAS,CAAC,wBAAwB,CA0CnE,CAAA"}
+{"version":3,"file":"ActionGroupRenderer.d.ts","sourceRoot":"","sources":["../../src/components/ActionGroupRenderer.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EAAE,SAAS,EAAa,MAAM,UAAU,CAAA;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,iBAAiB,EAAyB,MAAM,UAAU,CAAA;AAGrF,MAAM,WAAW,wBAAwB;IACvC;;OAEG;IACH,SAAS,CAAC,EAAE,WAAW,CAAA;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAA;CAC3B;AA2GD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,mBAAmB,EAAE,SAAS,CAAC,wBAAwB,CA0CnE,CAAA"}

package/dist/components/ActionGroupRenderer.js

@@ -5,18 +5,27 @@ var _tmpl$ = /* @__PURE__ */ template(`<span class=text-current>`), _tmpl$2 = /*
 const ActionButton = (props) => {
   const {
     execute,
+    executeAction,
     isExecuting
   } = useAction();
+  const isExecutable = () => props.action.action === "tool-call" || props.action.action === "submit";
   const handleClick = async (e) => {
     if (props.action.disabled) return;
     if (props.action.action === "tool-call" && props.action.toolName) {
       e.preventDefault();
       await execute(props.action.toolName, props.action.params || {});
+    } else if (props.action.action === "submit") {
+      e.preventDefault();
+      await executeAction({
+        action: "submit",
+        toolName: props.action.toolName || "submit",
+        params: props.action.params || {}
+      });
     } else if (props.action.action === "link" && props.action.url) {
       window.open(props.action.url, "_blank", "noopener,noreferrer");
     }
   };
-  const isDisabled = () => props.action.disabled || props.action.action === "tool-call" && isExecuting();
+  const isDisabled = () => props.action.disabled || isExecutable() && isExecuting();
   const variantClass = () => {
     switch (props.action.variant) {
       case "primary":
@@ -74,7 +83,7 @@ const ActionButton = (props) => {
     _el$7.$$click = handleClick;
     insert(_el$7, createComponent(Show, {
       get when() {
-        return memo(() => !!isExecuting())() && props.action.action === "tool-call";
+        return memo(() => !!isExecuting())() && isExecutable();
       },
       get children() {
         return getNextElement(_tmpl$3);
@@ -82,7 +91,7 @@ const ActionButton = (props) => {
     }), _el$1, _co$3);
     insert(_el$7, createComponent(Show, {
       get when() {
-        return memo(() => !!props.action.icon)() && !(isExecuting() && props.action.action === "tool-call");
+        return memo(() => !!props.action.icon)() && !(isExecuting() && isExecutable());
       },
       get children() {
         var _el$9 = getNextElement(_tmpl$);

package/dist/components/ActionGroupRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionGroupRenderer.js","sources":["../../src/components/ActionGroupRenderer.tsx"],"sourcesContent":["/**\n * ActionGroupRenderer - Group of actions with layout options\n * Sprint 3: UX Improvements\n */\n\nimport { Component, For, Show } from 'solid-js'\nimport type { UIComponent, ActionGroupParams, ActionComponentParams } from '../types'\nimport { useAction } from '../hooks/useAction'\n\nexport interface ActionGroupRendererProps {\n  /**\n   * UIComponent with action-group params (for declarative use)\n   */\n  component?: UIComponent\n\n  /**\n   * Direct action group params (alternative to component)\n   */\n  params?: ActionGroupParams\n}\n\n/**\n * Render a single action button with variants and click handling\n */\nconst ActionButton: Component<{\n  action: ActionComponentParams\n  index: number\n}> = (props) => {\n  const { execute, isExecuting } = useAction()\n\n  const handleClick = async (e: MouseEvent) => {\n    if (props.action.disabled) return\n\n    if (props.action.action === 'tool-call' && props.action.toolName) {\n      e.preventDefault()\n      await execute(props.action.toolName, props.action.params || {})\n    } else if (props.action.action === 'link' && props.action.url) {\n      window.open(props.action.url, '_blank', 'noopener,noreferrer')\n    }\n  }\n\n  const isDisabled = () =>\n    props.action.disabled || (props.action.action === 'tool-call' && isExecuting())\n\n  const variantClass = () => {\n    switch (props.action.variant) {\n      case 'primary':\n        return 'bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500'\n      case 'secondary':\n        return 'bg-gray-200 text-gray-800 hover:bg-gray-300 dark:bg-gray-700 dark:text-white dark:hover:bg-gray-600 focus:ring-gray-500'\n      case 'outline':\n        return 'border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 focus:ring-gray-500'\n      case 'ghost':\n        return 'text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 focus:ring-gray-500'\n      case 'danger':\n        return 'bg-red-600 text-white hover:bg-red-700 focus:ring-red-500'\n      default:\n        return 'bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500'\n    }\n  }\n\n  const sizeClass = () => {\n    switch (props.action.size) {\n      case 'sm':\n        return 'px-2 py-1 text-xs'\n      case 'lg':\n        return 'px-6 py-3 text-base'\n      default:\n        return 'px-4 py-2 text-sm'\n    }\n  }\n\n  // Render as link if it's a link action\n  if (props.action.type === 'link' || (props.action.action === 'link' && props.action.url)) {\n    return (\n      <a\n        href={props.action.url || '#'}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        class={`inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 ${variantClass()} ${sizeClass()} ${\n          isDisabled() ? 'opacity-50 cursor-not-allowed pointer-events-none' : ''\n        }`}\n      >\n        <Show when={props.action.icon}>\n          <span class=\"text-current\">{props.action.icon}</span>\n        </Show>\n        {props.action.label}\n      </a>\n    )\n  }\n\n  return (\n    <button\n      type=\"button\"\n      onClick={handleClick}\n      disabled={isDisabled()}\n      class={`inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 ${variantClass()} ${sizeClass()} ${\n        isDisabled() ? 'opacity-50 cursor-not-allowed' : ''\n      }`}\n    >\n      <Show when={isExecuting() && props.action.action === 'tool-call'}>\n        <span class=\"animate-spin h-4 w-4 border-2 border-current border-t-transparent rounded-full\" />\n      </Show>\n      <Show when={props.action.icon && !(isExecuting() && props.action.action === 'tool-call')}>\n        <span class=\"text-current\">{props.action.icon}</span>\n      </Show>\n      {props.action.label}\n    </button>\n  )\n}\n\n/**\n * Action group component for rendering multiple actions with consistent layout\n *\n * @example\n * ```tsx\n * const actionGroup: UIComponent = {\n *   id: 'form-actions',\n *   type: 'action-group',\n *   position: { colStart: 1, colSpan: 12 },\n *   params: {\n *     layout: 'end',\n *     gap: 'md',\n *     actions: [\n *       { label: 'Cancel', variant: 'outline', action: 'link', url: '/back' },\n *       { label: 'Save', variant: 'primary', action: 'tool-call', toolName: 'save' },\n *     ],\n *   },\n * }\n * <ActionGroupRenderer component={actionGroup} />\n * ```\n */\nexport const ActionGroupRenderer: Component<ActionGroupRendererProps> = (props) => {\n  const params = () => props.params || (props.component?.params as ActionGroupParams) || { actions: [] }\n\n  const layoutClass = () => {\n    switch (params()?.layout) {\n      case 'vertical':\n        return 'flex flex-col'\n      case 'space-between':\n        return 'flex justify-between'\n      case 'end':\n        return 'flex justify-end'\n      case 'center':\n        return 'flex justify-center'\n      default: // horizontal\n        return 'flex'\n    }\n  }\n\n  const gapClass = () => {\n    switch (params()?.gap) {\n      case 'none':\n        return 'gap-0'\n      case 'sm':\n        return 'gap-1'\n      case 'lg':\n        return 'gap-4'\n      default: // md\n        return 'gap-2'\n    }\n  }\n\n  return (\n    <div\n      class={`${layoutClass()} ${gapClass()} ${params()?.fullWidth ? 'w-full' : ''}`}\n      role=\"group\"\n      aria-label={params()?.label || 'Action group'}\n    >\n      <For each={params()?.actions || []}>\n        {(action, index) => <ActionButton action={action} index={index()} />}\n      </For>\n    </div>\n  )\n}\n"],"names":["ActionButton","props","execute","isExecuting","useAction","handleClick","e","action","disabled","toolName","preventDefault","params","url","window","open","isDisabled","variantClass","variant","sizeClass","size","type","_el$","_$getNextElement","_tmpl$2","_el$3","firstChild","_el$4","_co$","_$getNextMarker","nextSibling","_el$5","_el$6","_co$2","_$insert","_$createComponent","Show","when","icon","children","_el$2","_tmpl$","label","_$effect","_p$","_v$","_v$2","_$setAttribute","t","_$className","undefined","_el$7","_tmpl$4","_el$0","_el$1","_co$3","_el$10","_el$11","_co$4","_el$12","_el$13","_co$5","$$click","_$memo","_tmpl$3","_el$9","_v$3","_v$4","_$setProperty","_$runHydrationEvents","ActionGroupRenderer","component","actions","layoutClass","layout","gapClass","gap","_el$14","_tmpl$5","For","each","index","_v$5","fullWidth","_v$6","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"ActionGroupRenderer.js","sources":["../../src/components/ActionGroupRenderer.tsx"],"sourcesContent":["/**\n * ActionGroupRenderer - Group of actions with layout options\n * Sprint 3: UX Improvements\n */\n\nimport { Component, For, Show } from 'solid-js'\nimport type { UIComponent, ActionGroupParams, ActionComponentParams } from '../types'\nimport { useAction } from '../hooks/useAction'\n\nexport interface ActionGroupRendererProps {\n  /**\n   * UIComponent with action-group params (for declarative use)\n   */\n  component?: UIComponent\n\n  /**\n   * Direct action group params (alternative to component)\n   */\n  params?: ActionGroupParams\n}\n\n/**\n * Render a single action button with variants and click handling\n */\nconst ActionButton: Component<{\n  action: ActionComponentParams\n  index: number\n}> = (props) => {\n  const { execute, executeAction, isExecuting } = useAction()\n\n  // tool-call and submit both go through the host executor — they show a\n  // loading state and gate disabled while running. link does neither.\n  const isExecutable = () =>\n    props.action.action === 'tool-call' || props.action.action === 'submit'\n\n  const handleClick = async (e: MouseEvent) => {\n    if (props.action.disabled) return\n\n    if (props.action.action === 'tool-call' && props.action.toolName) {\n      e.preventDefault()\n      await execute(props.action.toolName, props.action.params || {})\n    } else if (props.action.action === 'submit') {\n      // submit is NOT a tool call — route it through the executor with the\n      // `action: 'submit'` kind preserved so the host can POST to\n      // params.submit_url etc. Works without a surrounding <form>.\n      e.preventDefault()\n      await executeAction({\n        action: 'submit',\n        toolName: props.action.toolName || 'submit',\n        params: props.action.params || {},\n      })\n    } else if (props.action.action === 'link' && props.action.url) {\n      window.open(props.action.url, '_blank', 'noopener,noreferrer')\n    }\n  }\n\n  const isDisabled = () =>\n    props.action.disabled || (isExecutable() && isExecuting())\n\n  const variantClass = () => {\n    switch (props.action.variant) {\n      case 'primary':\n        return 'bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500'\n      case 'secondary':\n        return 'bg-gray-200 text-gray-800 hover:bg-gray-300 dark:bg-gray-700 dark:text-white dark:hover:bg-gray-600 focus:ring-gray-500'\n      case 'outline':\n        return 'border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-50 dark:hover:bg-gray-700 focus:ring-gray-500'\n      case 'ghost':\n        return 'text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 focus:ring-gray-500'\n      case 'danger':\n        return 'bg-red-600 text-white hover:bg-red-700 focus:ring-red-500'\n      default:\n        return 'bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500'\n    }\n  }\n\n  const sizeClass = () => {\n    switch (props.action.size) {\n      case 'sm':\n        return 'px-2 py-1 text-xs'\n      case 'lg':\n        return 'px-6 py-3 text-base'\n      default:\n        return 'px-4 py-2 text-sm'\n    }\n  }\n\n  // Render as link if it's a link action\n  if (props.action.type === 'link' || (props.action.action === 'link' && props.action.url)) {\n    return (\n      <a\n        href={props.action.url || '#'}\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n        class={`inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 ${variantClass()} ${sizeClass()} ${\n          isDisabled() ? 'opacity-50 cursor-not-allowed pointer-events-none' : ''\n        }`}\n      >\n        <Show when={props.action.icon}>\n          <span class=\"text-current\">{props.action.icon}</span>\n        </Show>\n        {props.action.label}\n      </a>\n    )\n  }\n\n  return (\n    <button\n      type=\"button\"\n      onClick={handleClick}\n      disabled={isDisabled()}\n      class={`inline-flex items-center justify-center gap-2 rounded-md font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 ${variantClass()} ${sizeClass()} ${\n        isDisabled() ? 'opacity-50 cursor-not-allowed' : ''\n      }`}\n    >\n      <Show when={isExecuting() && isExecutable()}>\n        <span class=\"animate-spin h-4 w-4 border-2 border-current border-t-transparent rounded-full\" />\n      </Show>\n      <Show when={props.action.icon && !(isExecuting() && isExecutable())}>\n        <span class=\"text-current\">{props.action.icon}</span>\n      </Show>\n      {props.action.label}\n    </button>\n  )\n}\n\n/**\n * Action group component for rendering multiple actions with consistent layout\n *\n * @example\n * ```tsx\n * const actionGroup: UIComponent = {\n *   id: 'form-actions',\n *   type: 'action-group',\n *   position: { colStart: 1, colSpan: 12 },\n *   params: {\n *     layout: 'end',\n *     gap: 'md',\n *     actions: [\n *       { label: 'Cancel', variant: 'outline', action: 'link', url: '/back' },\n *       { label: 'Save', variant: 'primary', action: 'tool-call', toolName: 'save' },\n *     ],\n *   },\n * }\n * <ActionGroupRenderer component={actionGroup} />\n * ```\n */\nexport const ActionGroupRenderer: Component<ActionGroupRendererProps> = (props) => {\n  const params = () => props.params || (props.component?.params as ActionGroupParams) || { actions: [] }\n\n  const layoutClass = () => {\n    switch (params()?.layout) {\n      case 'vertical':\n        return 'flex flex-col'\n      case 'space-between':\n        return 'flex justify-between'\n      case 'end':\n        return 'flex justify-end'\n      case 'center':\n        return 'flex justify-center'\n      default: // horizontal\n        return 'flex'\n    }\n  }\n\n  const gapClass = () => {\n    switch (params()?.gap) {\n      case 'none':\n        return 'gap-0'\n      case 'sm':\n        return 'gap-1'\n      case 'lg':\n        return 'gap-4'\n      default: // md\n        return 'gap-2'\n    }\n  }\n\n  return (\n    <div\n      class={`${layoutClass()} ${gapClass()} ${params()?.fullWidth ? 'w-full' : ''}`}\n      role=\"group\"\n      aria-label={params()?.label || 'Action group'}\n    >\n      <For each={params()?.actions || []}>\n        {(action, index) => <ActionButton action={action} index={index()} />}\n      </For>\n    </div>\n  )\n}\n"],"names":["ActionButton","props","execute","executeAction","isExecuting","useAction","isExecutable","action","handleClick","e","disabled","toolName","preventDefault","params","url","window","open","isDisabled","variantClass","variant","sizeClass","size","type","_el$","_$getNextElement","_tmpl$2","_el$3","firstChild","_el$4","_co$","_$getNextMarker","nextSibling","_el$5","_el$6","_co$2","_$insert","_$createComponent","Show","when","icon","children","_el$2","_tmpl$","label","_$effect","_p$","_v$","_v$2","_$setAttribute","t","_$className","undefined","_el$7","_tmpl$4","_el$0","_el$1","_co$3","_el$10","_el$11","_co$4","_el$12","_el$13","_co$5","$$click","_$memo","_tmpl$3","_el$9","_v$3","_v$4","_$setProperty","_$runHydrationEvents","ActionGroupRenderer","component","actions","layoutClass","layout","gapClass","gap","_el$14","_tmpl$5","For","each","index","_v$5","fullWidth","_v$6","_$delegateEvents"],"mappings":"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"}

package/dist/components/UIResourceRenderer.cjs

@@ -28,7 +28,7 @@ const PortalDropdownMenu = require("./PortalDropdownMenu.cjs");
 const RenderContext = require("./RenderContext.cjs");
 const useAction = require("../hooks/useAction.cjs");
 const marked_esm = require("../node_modules/.pnpm/marked@16.4.2/node_modules/marked/lib/marked.esm.cjs");
-var _tmpl$ = /* @__PURE__ */ web.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__ */ web.template(`<button>`), _tmpl$3 = /* @__PURE__ */ web.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__ */ web.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__ */ 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$6 = /* @__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$7 = /* @__PURE__ */ web.template(`<h3 class="text-sm font-semibold text-gray-900 dark:text-white mb-3">`), _tmpl$8 = /* @__PURE__ */ web.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__ */ 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$0 = /* @__PURE__ */ web.template(`<tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">`), _tmpl$1 = /* @__PURE__ */ web.template(`<tr>`), _tmpl$10 = /* @__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$11 = /* @__PURE__ */ web.template(`<tbody class="bg-white dark:bg-gray-800 relative">`), _tmpl$12 = /* @__PURE__ */ web.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__ */ web.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__ */ web.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__ */ web.template(`<div class="absolute right-10 top-2 z-10"><button class="opacity-60 hover:opacity-100 px-2 py-1 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 transition-all shadow-sm"title="Export table"aria-label="Export table"aria-haspopup=menu><svg class="w-3 h-3 text-gray-500 dark:text-gray-400"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg></button><!$><!/>`), _tmpl$16 = /* @__PURE__ */ web.template(`<span class="ml-2 text-xs font-normal text-gray-400">(virtualized: <!$><!/> rows)`), _tmpl$17 = /* @__PURE__ */ web.template(`<h3 class="text-sm font-semibold text-gray-900 dark:text-white mb-3 flex-shrink-0"><!$><!/><!$><!/>`), _tmpl$18 = /* @__PURE__ */ web.template(`<button type=button class="absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 text-sm"aria-label="Clear search">&times;`), _tmpl$19 = /* @__PURE__ */ web.template(`<div class="relative mb-3"><span class="absolute left-3 top-1/2 -translate-y-1/2 text-gray-400 pointer-events-none text-sm">🔍</span><input type=text class="w-full max-w-xs min-w-[200px] pl-8 pr-8 py-1.5 text-sm border border-gray-200 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-400 focus:border-blue-400 focus:ring-1 focus:ring-blue-400 outline-none"><!$><!/>`), _tmpl$20 = /* @__PURE__ */ web.template(`<p class="text-xs text-gray-500 dark:text-gray-400 mb-2"><!$><!/> result<!$><!/> on <!$><!/>`), _tmpl$21 = /* @__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$22 = /* @__PURE__ */ web.template(`<select class="ml-2 px-1 py-0.5 text-xs border border-gray-200 dark:border-gray-600 rounded bg-white dark:bg-gray-700 text-gray-700 dark:text-gray-300">`), _tmpl$23 = /* @__PURE__ */ web.template(`<span class=text-gray-400>/ page`), _tmpl$24 = /* @__PURE__ */ web.template(`<div class="mt-3 flex items-center justify-between text-xs text-gray-500 dark:text-gray-400"><span><!$><!/>&ndash;<!$><!/> / <!$><!/></span><div class="flex items-center gap-2"><button 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;</button><span><!$><!/> / <!$><!/></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">&#x25B6;</button><!$><!/>`), _tmpl$25 = /* @__PURE__ */ web.template(`<div><!$><!/><div><!$><!/><!$><!/><div role=region tabindex=0><table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700 border-separate border-spacing-0"><thead class="bg-gray-100 dark:bg-gray-900 sticky top-0 z-10"><tr></tr></thead><!$><!/></table></div><!$><!/><!$><!/>`), _tmpl$26 = /* @__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 bg-gray-100 dark:bg-gray-900 cursor-pointer select-none hover:bg-gray-200 dark:hover:bg-gray-800 transition-colors"><span class="inline-flex items-center gap-1"><!$><!/><span class="text-[10px] leading-none">`), _tmpl$27 = /* @__PURE__ */ web.template(`<option>`), _tmpl$28 = /* @__PURE__ */ web.template(`<span class="ml-2 text-sm font-medium text-gray-500 dark:text-gray-400">`), _tmpl$29 = /* @__PURE__ */ web.template(`<div class="mt-3 flex items-center"><span><!$><!/> <!$><!/>%`), _tmpl$30 = /* @__PURE__ */ web.template(`<p class="mt-2 text-xs text-gray-500 dark:text-gray-400">`), _tmpl$31 = /* @__PURE__ */ web.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$32 = /* @__PURE__ */ web.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$33 = /* @__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-[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$34 = /* @__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$35 = /* @__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"loading=lazy>`, true, false, false), _tmpl$36 = /* @__PURE__ */ web.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$37 = /* @__PURE__ */ web.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$38 = /* @__PURE__ */ web.template(`<p class="text-xs text-gray-500 dark:text-gray-400 truncate">`), _tmpl$39 = /* @__PURE__ */ web.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$40 = /* @__PURE__ */ web.template(`<div class="inline-flex items-center gap-1.5 px-2 py-1 rounded-md bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 text-xs text-yellow-800 dark:text-yellow-200"role=alert aria-label="Component validation warning"><svg xmlns=http://www.w3.org/2000/svg class="w-3.5 h-3.5"viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round aria-hidden=true><path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1=12 y1=9 x2=12 y2=13></line><line x1=12 y1=17 x2=12.01 y2=17></line></svg><span>Invalid <!$><!/>`), _tmpl$41 = /* @__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$42 = /* @__PURE__ */ web.template(`<span aria-hidden=true>`), _tmpl$43 = /* @__PURE__ */ web.template(`<a rel="noopener noreferrer"><!$><!/><!$><!/>`), _tmpl$44 = /* @__PURE__ */ web.template(`<span class="animate-spin h-4 w-4 border-2 border-current border-t-transparent rounded-full"aria-hidden=true>`), _tmpl$45 = /* @__PURE__ */ web.template(`<button><!$><!/><!$><!/><!$><!/>`), _tmpl$46 = /* @__PURE__ */ web.template(`<p class="text-xs text-red-600 dark:text-red-400 mt-1">Type: <!$><!/>`), _tmpl$47 = /* @__PURE__ */ web.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$48 = /* @__PURE__ */ web.template(`<p class="text-xs text-red-500 dark:text-red-500 mt-2">`), _tmpl$49 = /* @__PURE__ */ web.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$50 = /* @__PURE__ */ web.template(`<li>`), _tmpl$51 = /* @__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 capitalize">`), _tmpl$52 = /* @__PURE__ */ web.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$53 = /* @__PURE__ */ web.template(`<div><div class="grid gap-4"></div><!$><!/>`), _tmpl$54 = /* @__PURE__ */ web.template(`<div>`);
+var _tmpl$ = /* @__PURE__ */ web.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__ */ web.template(`<button>`), _tmpl$3 = /* @__PURE__ */ web.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__ */ web.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__ */ 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$6 = /* @__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$7 = /* @__PURE__ */ web.template(`<h3 class="text-sm font-semibold text-gray-900 dark:text-white mb-3">`), _tmpl$8 = /* @__PURE__ */ web.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__ */ 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$0 = /* @__PURE__ */ web.template(`<tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">`), _tmpl$1 = /* @__PURE__ */ web.template(`<tr>`), _tmpl$10 = /* @__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$11 = /* @__PURE__ */ web.template(`<tbody class="bg-white dark:bg-gray-800 relative">`), _tmpl$12 = /* @__PURE__ */ web.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__ */ web.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__ */ web.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__ */ web.template(`<div class="absolute right-10 top-2 z-10"><button class="opacity-60 hover:opacity-100 px-2 py-1 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 transition-all shadow-sm"title="Export table"aria-label="Export table"aria-haspopup=menu><svg class="w-3 h-3 text-gray-500 dark:text-gray-400"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg></button><!$><!/>`), _tmpl$16 = /* @__PURE__ */ web.template(`<span class="ml-2 text-xs font-normal text-gray-400">(virtualized: <!$><!/> rows)`), _tmpl$17 = /* @__PURE__ */ web.template(`<h3 class="text-sm font-semibold text-gray-900 dark:text-white mb-3 flex-shrink-0"><!$><!/><!$><!/>`), _tmpl$18 = /* @__PURE__ */ web.template(`<button type=button class="absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 text-sm"aria-label="Clear search">&times;`), _tmpl$19 = /* @__PURE__ */ web.template(`<div class="relative mb-3"><span class="absolute left-3 top-1/2 -translate-y-1/2 text-gray-400 pointer-events-none text-sm">🔍</span><input type=text class="w-full max-w-xs min-w-[200px] pl-8 pr-8 py-1.5 text-sm border border-gray-200 dark:border-gray-600 rounded-md bg-white dark:bg-gray-700 text-gray-900 dark:text-white placeholder-gray-400 focus:border-blue-400 focus:ring-1 focus:ring-blue-400 outline-none"><!$><!/>`), _tmpl$20 = /* @__PURE__ */ web.template(`<p class="text-xs text-gray-500 dark:text-gray-400 mb-2"><!$><!/> result<!$><!/> on <!$><!/>`), _tmpl$21 = /* @__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$22 = /* @__PURE__ */ web.template(`<select class="ml-2 px-1 py-0.5 text-xs border border-gray-200 dark:border-gray-600 rounded bg-white dark:bg-gray-700 text-gray-700 dark:text-gray-300">`), _tmpl$23 = /* @__PURE__ */ web.template(`<span class=text-gray-400>/ page`), _tmpl$24 = /* @__PURE__ */ web.template(`<div class="mt-3 flex items-center justify-between text-xs text-gray-500 dark:text-gray-400"><span><!$><!/>&ndash;<!$><!/> / <!$><!/></span><div class="flex items-center gap-2"><button 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;</button><span><!$><!/> / <!$><!/></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">&#x25B6;</button><!$><!/>`), _tmpl$25 = /* @__PURE__ */ web.template(`<div><!$><!/><div><!$><!/><!$><!/><div role=region tabindex=0><table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700 border-separate border-spacing-0"><thead class="bg-gray-100 dark:bg-gray-900 sticky top-0 z-10"><tr></tr></thead><!$><!/></table></div><!$><!/><!$><!/>`), _tmpl$26 = /* @__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 bg-gray-100 dark:bg-gray-900 cursor-pointer select-none hover:bg-gray-200 dark:hover:bg-gray-800 transition-colors"><span class="inline-flex items-center gap-1"><!$><!/><span class="text-[10px] leading-none">`), _tmpl$27 = /* @__PURE__ */ web.template(`<option>`), _tmpl$28 = /* @__PURE__ */ web.template(`<span class="ml-2 text-sm font-medium text-gray-500 dark:text-gray-400">`), _tmpl$29 = /* @__PURE__ */ web.template(`<div class="mt-3 flex items-center"><span><!$><!/> <!$><!/>%`), _tmpl$30 = /* @__PURE__ */ web.template(`<p class="mt-2 text-xs text-gray-500 dark:text-gray-400">`), _tmpl$31 = /* @__PURE__ */ web.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$32 = /* @__PURE__ */ web.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$33 = /* @__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-[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$34 = /* @__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$35 = /* @__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"loading=lazy>`, true, false, false), _tmpl$36 = /* @__PURE__ */ web.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$37 = /* @__PURE__ */ web.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$38 = /* @__PURE__ */ web.template(`<p class="text-xs text-gray-500 dark:text-gray-400 truncate">`), _tmpl$39 = /* @__PURE__ */ web.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$40 = /* @__PURE__ */ web.template(`<div class="inline-flex items-center gap-1.5 px-2 py-1 rounded-md bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-800 text-xs text-yellow-800 dark:text-yellow-200"role=alert aria-label="Component validation warning"><svg xmlns=http://www.w3.org/2000/svg class="w-3.5 h-3.5"viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round aria-hidden=true><path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"></path><line x1=12 y1=9 x2=12 y2=13></line><line x1=12 y1=17 x2=12.01 y2=17></line></svg><span>Invalid <!$><!/>`), _tmpl$41 = /* @__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$42 = /* @__PURE__ */ web.template(`<span aria-hidden=true>`), _tmpl$43 = /* @__PURE__ */ web.template(`<a rel="noopener noreferrer"><!$><!/><!$><!/>`), _tmpl$44 = /* @__PURE__ */ web.template(`<span class="animate-spin h-4 w-4 border-2 border-current border-t-transparent rounded-full"aria-hidden=true>`), _tmpl$45 = /* @__PURE__ */ web.template(`<button type=button><!$><!/><!$><!/><!$><!/>`), _tmpl$46 = /* @__PURE__ */ web.template(`<p class="text-xs text-red-600 dark:text-red-400 mt-1">Type: <!$><!/>`), _tmpl$47 = /* @__PURE__ */ web.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$48 = /* @__PURE__ */ web.template(`<p class="text-xs text-red-500 dark:text-red-500 mt-2">`), _tmpl$49 = /* @__PURE__ */ web.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$50 = /* @__PURE__ */ web.template(`<li>`), _tmpl$51 = /* @__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 capitalize">`), _tmpl$52 = /* @__PURE__ */ web.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$53 = /* @__PURE__ */ web.template(`<div><div class="grid gap-4"></div><!$><!/>`), _tmpl$54 = /* @__PURE__ */ web.template(`<div>`);
 function CopyButton(props) {
   const [copied, setCopied] = solidJs.createSignal(false);
   const handleCopy = async () => {
@@ -1468,9 +1468,11 @@ function ActionRenderer(props) {
   const params = props.component.params;
   const {
     execute,
+    executeAction,
     isExecuting
   } = useAction.useAction();
   const telemetry = MCPUITelemetryContext.useTelemetry();
+  const isExecutable = () => params.action === "tool-call" || params.action === "submit";
   function dispatchTelemetry() {
     if (!telemetry) return;
     const actionName = params.toolName ?? params.action ?? "unknown";
@@ -1487,9 +1489,16 @@ function ActionRenderer(props) {
     if (params.action === "tool-call" && params.toolName) {
       e.preventDefault();
       await execute(params.toolName, params.params || {});
+    } else if (params.action === "submit") {
+      e.preventDefault();
+      await executeAction({
+        action: "submit",
+        toolName: params.toolName || "submit",
+        params: params.params || {}
+      });
     }
   };
-  const isDisabled = () => params.disabled || params.action === "tool-call" && isExecuting();
+  const isDisabled = () => params.disabled || isExecutable() && isExecuting();
   if (params.type === "link" || params.action === "link") {
     return (() => {
       var _el$185 = web.getNextElement(_tmpl$43), _el$187 = _el$185.firstChild, [_el$188, _co$38] = web.getNextMarker(_el$187.nextSibling), _el$189 = _el$188.nextSibling, [_el$190, _co$39] = web.getNextMarker(_el$189.nextSibling);
@@ -1529,7 +1538,7 @@ function ActionRenderer(props) {
     _el$191.$$click = handleClick;
     web.insert(_el$191, web.createComponent(solidJs.Show, {
       get when() {
-        return web.memo(() => !!isExecuting())() && params.action === "tool-call";
+        return web.memo(() => !!isExecuting())() && isExecutable();
       },
       get children() {
         return web.getNextElement(_tmpl$44);
@@ -1537,7 +1546,7 @@ function ActionRenderer(props) {
     }), _el$195, _co$40);
     web.insert(_el$191, web.createComponent(solidJs.Show, {
       get when() {
-        return web.memo(() => !!params.icon)() && !(isExecuting() && params.action === "tool-call");
+        return web.memo(() => !!params.icon)() && !(isExecuting() && isExecutable());
       },
       get children() {
         var _el$193 = web.getNextElement(_tmpl$42);
@@ -1547,23 +1556,21 @@ function ActionRenderer(props) {
     }), _el$197, _co$41);
     web.insert(_el$191, () => params.label, _el$199, _co$42);
     web.effect((_p$) => {
-      var _v$38 = params.action === "submit" ? "submit" : "button", _v$39 = isDisabled(), _v$40 = isExecuting() && params.action === "tool-call", _v$41 = params.ariaLabel || params.label, _v$42 = `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$38 = isDisabled(), _v$39 = isExecuting() && isExecutable(), _v$40 = params.ariaLabel || params.label, _v$41 = `inline-flex items-center gap-2 px-4 py-2 rounded-md text-sm font-medium transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500
         ${params.variant === "primary" ? "bg-blue-600 text-white hover:bg-blue-700 shadow-sm" : params.variant === "secondary" ? "bg-gray-100 text-gray-900 hover:bg-gray-200 dark:bg-gray-700 dark:text-white dark:hover:bg-gray-600" : params.variant === "outline" ? "border border-gray-300 text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:text-gray-300 dark:hover:bg-gray-800" : params.variant === "danger" ? "bg-red-600 text-white hover:bg-red-700" : "bg-transparent text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-800"}
         ${isDisabled() ? "opacity-50 cursor-not-allowed" : ""}
         ${params.size === "sm" ? "px-3 py-1.5 text-xs" : params.size === "lg" ? "px-6 py-3 text-base" : ""}
         ${params.className || ""}`;
-      _v$38 !== _p$.e && web.setAttribute(_el$191, "type", _p$.e = _v$38);
-      _v$39 !== _p$.t && web.setProperty(_el$191, "disabled", _p$.t = _v$39);
-      _v$40 !== _p$.a && web.setAttribute(_el$191, "aria-busy", _p$.a = _v$40);
-      _v$41 !== _p$.o && web.setAttribute(_el$191, "aria-label", _p$.o = _v$41);
-      _v$42 !== _p$.i && web.className(_el$191, _p$.i = _v$42);
+      _v$38 !== _p$.e && web.setProperty(_el$191, "disabled", _p$.e = _v$38);
+      _v$39 !== _p$.t && web.setAttribute(_el$191, "aria-busy", _p$.t = _v$39);
+      _v$40 !== _p$.a && web.setAttribute(_el$191, "aria-label", _p$.a = _v$40);
+      _v$41 !== _p$.o && web.className(_el$191, _p$.o = _v$41);
       return _p$;
     }, {
       e: void 0,
       t: void 0,
       a: void 0,
-      o: void 0,
-      i: void 0
+      o: void 0
     });
     web.runHydrationEvents();
     return _el$191;
@@ -1790,9 +1797,9 @@ const UIResourceRenderer = (props) => {
             }
           }));
           web.effect((_p$) => {
-            var _v$43 = getGridStyleString(component), _v$44 = stableKey.getUiResourceStableKey(component);
-            _p$.e = web.style(_el$236, _v$43, _p$.e);
-            _v$44 !== _p$.t && web.setAttribute(_el$236, "data-mcp-ui-component-id", _p$.t = _v$44);
+            var _v$42 = getGridStyleString(component), _v$43 = stableKey.getUiResourceStableKey(component);
+            _p$.e = web.style(_el$236, _v$42, _p$.e);
+            _v$43 !== _p$.t && web.setAttribute(_el$236, "data-mcp-ui-component-id", _p$.t = _v$43);
             return _p$;
           }, {
             e: void 0,