@seed-ship/mcp-ui-solid 5.0.0 → 5.2.0

package/dist/components/ChatPrompt.d.ts

@@ -4,8 +4,43 @@
  *
  * @experimental — This component may change without major bump until v2.5.0.
  *
- * Renders above the chat input. User responds → Promise resolves → prompt disappears.
- * Supports AbortSignal for cleanup on navigation (C4).
+ * Renders above the chat input. User responds → consumer calls `onSubmit` →
+ * prompt disappears.
+ *
+ * ## AbortSignal — known limitation (v5.1.0)
+ *
+ * **`ChatPrompt` itself does NOT listen to any `AbortSignal`.** It is a pure
+ * presentation component: render a config, call `onSubmit` on user answer,
+ * call `onDismiss` on X/Cancel. Lifecycle (including abort handling) is the
+ * consumer's responsibility.
+ *
+ * `ChatCommands.showChatPrompt(config, signal?)` declares a `signal?` argument
+ * in its type, but in v5.0.0/v5.1.0 mcp-ui ships **no default handler** for
+ * this command — every consumer wires its own `bus.commands.handle('showChatPrompt', ...)`.
+ * Each consumer's handler is responsible for:
+ *
+ * 1. Storing a `{ resolve, reject }` pair when the command fires.
+ * 2. Calling `resolve(response)` from `onSubmit` / `resolve(dismissed)` from `onDismiss`.
+ * 3. If a `signal` is provided: `signal.addEventListener('abort', () =>
+ *    reject(new DOMException('Prompt aborted', 'AbortError')))` and cleaning
+ *    up the listener on resolve/dismiss.
+ *
+ * The `DOMException('AbortError')` shape is the Web Platform convention
+ * (matches `fetch()`, `Response.body.cancel()`, `WritableStream.abort()`).
+ * Consumers can branch on `err.name === 'AbortError'` without importing any
+ * mcp-ui type.
+ *
+ * A `createChatPromptController()` primitive centralising this wiring
+ * (resolver lifecycle + re-entrance + abort) is planned for v5.2.0 — see
+ * `docs/2026/r&d/mcpui-v5.1.0-consensus.md` for the design discussion.
+ *
+ * ## Re-entrance — known limitation (v5.1.0)
+ *
+ * Also handled by the consumer. If a new `showChatPrompt` arrives while a
+ * previous one is active, the consumer's handler must decide whether to
+ * auto-reject the previous Promise, queue, or throw. mcp-ui does not
+ * currently enforce any policy. See the same design doc for the v5.2.0
+ * direction (auto-reject with `PromptReplacedError`).
  */
 import { Component } from 'solid-js';
 import type { ChatPromptConfig, ChatPromptResponse } from '../types/chat-bus';

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

@@ -1 +1 @@
-{"version":3,"file":"ChatPrompt.d.ts","sourceRoot":"","sources":["../../src/components/ChatPrompt.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,SAAS,EAAmE,MAAM,UAAU,CAAA;AACrG,OAAO,KAAK,EACV,gBAAgB,EAChB,kBAAkB,EAInB,MAAM,mBAAmB,CAAA;AAI1B,MAAM,WAAW,eAAe;IAC9B,2BAA2B;IAC3B,MAAM,EAAE,gBAAgB,CAAA;IACxB,gCAAgC;IAChC,QAAQ,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAChD,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU,EAAE,SAAS,CAAC,eAAe,CAuEjD,CAAA"}
+{"version":3,"file":"ChatPrompt.d.ts","sourceRoot":"","sources":["../../src/components/ChatPrompt.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AAEH,OAAO,EAAE,SAAS,EAAmE,MAAM,UAAU,CAAA;AACrG,OAAO,KAAK,EACV,gBAAgB,EAChB,kBAAkB,EAInB,MAAM,mBAAmB,CAAA;AAI1B,MAAM,WAAW,eAAe;IAC9B,2BAA2B;IAC3B,MAAM,EAAE,gBAAgB,CAAA;IACxB,gCAAgC;IAChC,QAAQ,EAAE,CAAC,QAAQ,EAAE,kBAAkB,KAAK,IAAI,CAAA;IAChD,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,6EAA6E;IAC7E,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,UAAU,EAAE,SAAS,CAAC,eAAe,CAuEjD,CAAA"}

package/dist/components/ChatPrompt.js

@@ -1,4 +1,4 @@
-import { delegateEvents, getNextElement, template, insert, createComponent, effect, setAttribute, className, runHydrationEvents, getNextMarker, addEventListener, setProperty } from "solid-js/web";
+import { delegateEvents, getNextElement, template, insert, createComponent, effect, setAttribute, className, runHydrationEvents, memo, getNextMarker, addEventListener, setProperty } from "solid-js/web";
 import { Show, Switch, Match, For, createSignal, createEffect, onCleanup } from "solid-js";
 import { FormFieldRenderer } from "./FormFieldRenderer.js";
 var _tmpl$ = /* @__PURE__ */ template(`<div class="w-full max-w-2xl mx-auto mb-2 bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 shadow-lg overflow-visible"role=dialog style="animation:chat-prompt-slide-up 0.2s ease-out"><div class="flex items-center justify-between px-4 py-2.5 border-b border-gray-100 dark:border-gray-700"><p class="text-sm font-medium text-gray-900 dark:text-white"></p><button></button></div><div class="px-4 py-3"></div><style>
@@ -6,7 +6,7 @@ var _tmpl$ = /* @__PURE__ */ template(`<div class="w-full max-w-2xl mx-auto mb-2
           from { opacity: 0; transform: translateY(8px); }
           to { opacity: 1; transform: translateY(0); }
         }
-      `), _tmpl$2 = /* @__PURE__ */ template(`<svg class="w-4 h-4"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M6 18L18 6M6 6l12 12">`), _tmpl$3 = /* @__PURE__ */ template(`<div>`), _tmpl$4 = /* @__PURE__ */ template(`<span class=mr-2>`), _tmpl$5 = /* @__PURE__ */ template(`<span class="block text-xs text-gray-500 dark:text-gray-400 mt-0.5 font-normal">`), _tmpl$6 = /* @__PURE__ */ template(`<button class="px-4 py-2 text-sm font-medium rounded-lg border border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700 text-gray-900 dark:text-white hover:bg-blue-50 hover:border-blue-300 dark:hover:bg-blue-900/30 dark:hover:border-blue-600 transition-colors text-left"><!$><!/><!$><!/><!$><!/>`), _tmpl$7 = /* @__PURE__ */ template(`<p class="text-sm text-gray-600 dark:text-gray-400 mb-3">`), _tmpl$8 = /* @__PURE__ */ template(`<div><!$><!/><div class="flex gap-2 justify-end"><button class="px-4 py-2 text-sm font-medium rounded-lg border border-gray-200 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors"></button><button>`), _tmpl$9 = /* @__PURE__ */ template(`<p class="text-blue-400 animate-pulse">Loading preview...`), _tmpl$0 = /* @__PURE__ */ template(`<div class="px-3 py-2 bg-blue-50 dark:bg-blue-900/20 rounded-lg border border-blue-200 dark:border-blue-800 text-sm">`), _tmpl$1 = /* @__PURE__ */ template(`<form class="flex flex-col gap-3"><!$><!/><!$><!/><div class="flex justify-end"><button type=submit class="px-4 py-2 text-sm font-medium rounded-lg text-white bg-blue-600 hover:bg-blue-700 disabled:bg-gray-400 disabled:cursor-not-allowed transition-colors">`), _tmpl$10 = /* @__PURE__ */ template(`<p class="text-blue-700 dark:text-blue-300">`);
+      `), _tmpl$2 = /* @__PURE__ */ template(`<svg class="w-4 h-4"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M6 18L18 6M6 6l12 12">`), _tmpl$3 = /* @__PURE__ */ template(`<div>`), _tmpl$4 = /* @__PURE__ */ template(`<button type=button>`), _tmpl$5 = /* @__PURE__ */ template(`<span class=mr-2>`), _tmpl$6 = /* @__PURE__ */ template(`<span class="block text-xs text-gray-500 dark:text-gray-400 mt-0.5 font-normal">`), _tmpl$7 = /* @__PURE__ */ template(`<p class="text-sm text-gray-600 dark:text-gray-400 mb-3">`), _tmpl$8 = /* @__PURE__ */ template(`<div><!$><!/><div class="flex gap-2 justify-end"><button class="px-4 py-2 text-sm font-medium rounded-lg border border-gray-200 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors"></button><button>`), _tmpl$9 = /* @__PURE__ */ template(`<p class="text-blue-400 animate-pulse">Loading preview...`), _tmpl$0 = /* @__PURE__ */ template(`<div class="px-3 py-2 bg-blue-50 dark:bg-blue-900/20 rounded-lg border border-blue-200 dark:border-blue-800 text-sm">`), _tmpl$1 = /* @__PURE__ */ template(`<form class="flex flex-col gap-3"><!$><!/><!$><!/><div class="flex justify-end"><button type=submit class="px-4 py-2 text-sm font-medium rounded-lg text-white bg-blue-600 hover:bg-blue-700 disabled:bg-gray-400 disabled:cursor-not-allowed transition-colors">`), _tmpl$10 = /* @__PURE__ */ template(`<p class="text-blue-700 dark:text-blue-300">`);
 const ChatPrompt = (props) => {
   if (!props.config) return null;
   return (() => {
@@ -113,14 +113,23 @@ const ChatPrompt = (props) => {
 };
 const ChoiceBody = (props) => {
   const layoutClass = () => {
-    switch (props.config.layout) {
-      case "vertical":
-        return "flex flex-col gap-2";
-      case "grid":
-        return "grid grid-cols-2 gap-2";
-      default:
-        return "flex flex-wrap gap-2";
-    }
+    const base = (() => {
+      switch (props.config.layout) {
+        case "vertical":
+          return "flex flex-col gap-2";
+        case "grid":
+          return "grid grid-cols-2 gap-2";
+        default:
+          return "flex flex-wrap gap-2";
+      }
+    })();
+    const extra = props.config.containerClass;
+    return extra ? `${base} ${extra}` : base;
+  };
+  const buttonClass = () => {
+    const base = "px-4 py-2 text-sm font-medium rounded-lg border border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700 text-gray-900 dark:text-white hover:bg-blue-50 hover:border-blue-300 dark:hover:bg-blue-900/30 dark:hover:border-blue-600 transition-colors text-left";
+    const extra = props.config.buttonClass;
+    return extra ? `${base} ${extra}` : base;
   };
   return (() => {
     var _el$7 = getNextElement(_tmpl$3);
@@ -128,30 +137,39 @@ const ChoiceBody = (props) => {
       get each() {
         return props.config.options;
       },
-      children: (option) => (() => {
-        var _el$8 = getNextElement(_tmpl$6), _el$1 = _el$8.firstChild, [_el$10, _co$] = getNextMarker(_el$1.nextSibling), _el$11 = _el$10.nextSibling, [_el$12, _co$2] = getNextMarker(_el$11.nextSibling), _el$13 = _el$12.nextSibling, [_el$14, _co$3] = getNextMarker(_el$13.nextSibling);
+      children: (option, i) => (() => {
+        var _el$8 = getNextElement(_tmpl$4);
         _el$8.$$click = () => props.onSelect(option.value, option.label);
         insert(_el$8, createComponent(Show, {
           get when() {
-            return option.icon;
+            return props.config.optionRenderer;
           },
-          get children() {
-            var _el$9 = getNextElement(_tmpl$4);
-            insert(_el$9, () => option.icon);
-            return _el$9;
-          }
-        }), _el$10, _co$);
-        insert(_el$8, () => option.label, _el$12, _co$2);
-        insert(_el$8, createComponent(Show, {
-          get when() {
-            return option.description;
+          get fallback() {
+            return [createComponent(Show, {
+              get when() {
+                return option.icon;
+              },
+              get children() {
+                var _el$9 = getNextElement(_tmpl$5);
+                insert(_el$9, () => option.icon);
+                return _el$9;
+              }
+            }), memo(() => option.label), createComponent(Show, {
+              get when() {
+                return option.description;
+              },
+              get children() {
+                var _el$0 = getNextElement(_tmpl$6);
+                insert(_el$0, () => option.description);
+                return _el$0;
+              }
+            })];
           },
           get children() {
-            var _el$0 = getNextElement(_tmpl$5);
-            insert(_el$0, () => option.description);
-            return _el$0;
+            return props.config.optionRenderer(option, i());
           }
-        }), _el$14, _co$3);
+        }));
+        effect(() => className(_el$8, buttonClass()));
         runHydrationEvents();
         return _el$8;
       })()
@@ -163,24 +181,24 @@ const ChoiceBody = (props) => {
 const ConfirmBody = (props) => {
   const isDanger = () => props.config.variant === "danger";
   return (() => {
-    var _el$15 = getNextElement(_tmpl$8), _el$20 = _el$15.firstChild, [_el$21, _co$4] = getNextMarker(_el$20.nextSibling), _el$17 = _el$21.nextSibling, _el$18 = _el$17.firstChild, _el$19 = _el$18.nextSibling;
-    insert(_el$15, createComponent(Show, {
+    var _el$1 = getNextElement(_tmpl$8), _el$14 = _el$1.firstChild, [_el$15, _co$] = getNextMarker(_el$14.nextSibling), _el$11 = _el$15.nextSibling, _el$12 = _el$11.firstChild, _el$13 = _el$12.nextSibling;
+    insert(_el$1, createComponent(Show, {
       get when() {
         return props.config.message;
       },
       get children() {
-        var _el$16 = getNextElement(_tmpl$7);
-        insert(_el$16, () => props.config.message);
-        return _el$16;
+        var _el$10 = getNextElement(_tmpl$7);
+        insert(_el$10, () => props.config.message);
+        return _el$10;
       }
-    }), _el$21, _co$4);
-    addEventListener(_el$18, "click", props.onCancel, true);
-    insert(_el$18, () => props.config.cancelLabel || "Cancel");
-    addEventListener(_el$19, "click", props.onConfirm, true);
-    insert(_el$19, () => props.config.confirmLabel || "Confirm");
-    effect(() => className(_el$19, `px-4 py-2 text-sm font-medium rounded-lg text-white transition-colors ${isDanger() ? "bg-red-600 hover:bg-red-700" : "bg-blue-600 hover:bg-blue-700"}`));
+    }), _el$15, _co$);
+    addEventListener(_el$12, "click", props.onCancel, true);
+    insert(_el$12, () => props.config.cancelLabel || "Cancel");
+    addEventListener(_el$13, "click", props.onConfirm, true);
+    insert(_el$13, () => props.config.confirmLabel || "Confirm");
+    effect(() => className(_el$13, `px-4 py-2 text-sm font-medium rounded-lg text-white transition-colors ${isDanger() ? "bg-red-600 hover:bg-red-700" : "bg-blue-600 hover:bg-blue-700"}`));
     runHydrationEvents();
-    return _el$15;
+    return _el$1;
   })();
 };
 const FormBody = (props) => {
@@ -287,9 +305,9 @@ const FormBody = (props) => {
     return field;
   };
   return (() => {
-    var _el$22 = getNextElement(_tmpl$1), _el$27 = _el$22.firstChild, [_el$28, _co$5] = getNextMarker(_el$27.nextSibling), _el$29 = _el$28.nextSibling, [_el$30, _co$6] = getNextMarker(_el$29.nextSibling), _el$25 = _el$30.nextSibling, _el$26 = _el$25.firstChild;
-    _el$22.addEventListener("submit", handleSubmit);
-    insert(_el$22, createComponent(For, {
+    var _el$16 = getNextElement(_tmpl$1), _el$21 = _el$16.firstChild, [_el$22, _co$2] = getNextMarker(_el$21.nextSibling), _el$23 = _el$22.nextSibling, [_el$24, _co$3] = getNextMarker(_el$23.nextSibling), _el$19 = _el$24.nextSibling, _el$20 = _el$19.firstChild;
+    _el$16.addEventListener("submit", handleSubmit);
+    insert(_el$16, createComponent(For, {
       get each() {
         return props.config.fields;
       },
@@ -303,34 +321,34 @@ const FormBody = (props) => {
         onChange: (val) => updateField(field.name, val),
         formData
       })
-    }), _el$28, _co$5);
-    insert(_el$22, createComponent(Show, {
+    }), _el$22, _co$2);
+    insert(_el$16, createComponent(Show, {
       get when() {
         return previewText() || previewLoading();
       },
       get children() {
-        var _el$23 = getNextElement(_tmpl$0);
-        insert(_el$23, createComponent(Show, {
+        var _el$17 = getNextElement(_tmpl$0);
+        insert(_el$17, createComponent(Show, {
           get when() {
             return previewLoading();
           },
           get fallback() {
             return (() => {
-              var _el$31 = getNextElement(_tmpl$10);
-              insert(_el$31, previewText);
-              return _el$31;
+              var _el$25 = getNextElement(_tmpl$10);
+              insert(_el$25, previewText);
+              return _el$25;
             })();
           },
           get children() {
             return getNextElement(_tmpl$9);
           }
         }));
-        return _el$23;
+        return _el$17;
       }
-    }), _el$30, _co$6);
-    insert(_el$26, () => props.config.submitLabel || "Submit");
-    effect(() => setProperty(_el$26, "disabled", !isValid()));
-    return _el$22;
+    }), _el$24, _co$3);
+    insert(_el$20, () => props.config.submitLabel || "Submit");
+    effect(() => setProperty(_el$20, "disabled", !isValid()));
+    return _el$16;
   })();
 };
 delegateEvents(["click"]);

package/dist/components/ChatPrompt.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatPrompt.js","sources":["../../src/components/ChatPrompt.tsx"],"sourcesContent":["/**\n * ChatPrompt — Ephemeral structured interaction above chat input\n * v2.4.0: choice, confirm, form subtypes\n *\n * @experimental — This component may change without major bump until v2.5.0.\n *\n * Renders above the chat input. User responds → Promise resolves → prompt disappears.\n * Supports AbortSignal for cleanup on navigation (C4).\n */\n\nimport { Component, Show, For, createSignal, createEffect, onCleanup, Switch, Match } from 'solid-js'\nimport type {\n  ChatPromptConfig,\n  ChatPromptResponse,\n  ChoicePromptConfig,\n  ConfirmPromptConfig,\n  FormPromptConfig,\n} from '../types/chat-bus'\nimport { FormFieldRenderer } from './FormFieldRenderer'\nimport type { FormFieldParams } from '../types'\n\nexport interface ChatPromptProps {\n  /** Prompt configuration */\n  config: ChatPromptConfig\n  /** Called when user responds */\n  onSubmit: (response: ChatPromptResponse) => void\n  /** Called when user dismisses (e.g. \"send as-is\") */\n  onDismiss?: () => void\n  /** Label for the dismiss button (replaces X icon). Default: shows X icon. */\n  dismissLabel?: string\n}\n\n/**\n * @experimental\n * Ephemeral interaction component — choice buttons, confirmation dialog, or quick form.\n * Designed to sit between the chat messages and the input area.\n *\n * @example\n * <ChatPrompt\n *   config={{ type: 'choice', title: 'Format?', config: { options: [...] } }}\n *   onSubmit={(r) => bus.events.emit('onChatPromptResponse', { streamKey, response: r })}\n *   onDismiss={() => setActivePrompt(null)}\n * />\n */\nexport const ChatPrompt: Component<ChatPromptProps> = (props) => {\n  // F1: Guard against null/undefined config (e.g. after dismiss clears state)\n  if (!props.config) return null\n\n  return (\n    <div\n      class=\"w-full max-w-2xl mx-auto mb-2 bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 shadow-lg overflow-visible\"\n      style={{ animation: 'chat-prompt-slide-up 0.2s ease-out' }}\n      role=\"dialog\"\n      aria-label={props.config.title}\n    >\n      {/* Header */}\n      <div class=\"flex items-center justify-between px-4 py-2.5 border-b border-gray-100 dark:border-gray-700\">\n        <p class=\"text-sm font-medium text-gray-900 dark:text-white\">{props.config.title}</p>\n        <button\n          onClick={() => {\n            props.onDismiss?.()\n            props.onSubmit({ type: props.config.type, value: '', label: '', dismissed: true })\n          }}\n          class={props.dismissLabel\n            ? 'px-3 py-1 text-xs font-medium text-blue-600 dark:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/20 rounded-lg transition-colors'\n            : 'p-1 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors'\n          }\n          aria-label={props.dismissLabel || 'Dismiss'}\n        >\n          <Show when={props.dismissLabel} fallback={\n            <svg class=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          }>\n            {props.dismissLabel}\n          </Show>\n        </button>\n      </div>\n\n      {/* Body — type-specific */}\n      <div class=\"px-4 py-3\">\n        <Switch>\n          <Match when={props.config.type === 'choice'}>\n            <ChoiceBody\n              config={props.config.config as ChoicePromptConfig}\n              onSelect={(value, label) => props.onSubmit({ type: 'choice', value, label })}\n            />\n          </Match>\n          <Match when={props.config.type === 'confirm'}>\n            <ConfirmBody\n              config={props.config.config as ConfirmPromptConfig}\n              onConfirm={() => props.onSubmit({ type: 'confirm', value: 'confirmed', label: (props.config.config as ConfirmPromptConfig).confirmLabel || 'Confirmed' })}\n              onCancel={() => {\n                props.onDismiss?.()\n                props.onSubmit({ type: 'confirm', value: 'cancelled', label: (props.config.config as ConfirmPromptConfig).cancelLabel || 'Cancelled', dismissed: true })\n              }}\n            />\n          </Match>\n          <Match when={props.config.type === 'form'}>\n            <FormBody\n              config={props.config.config as FormPromptConfig}\n              onSubmit={(data, label) => props.onSubmit({ type: 'form', value: data, label })}\n            />\n          </Match>\n        </Switch>\n      </div>\n\n      <style>{`\n        @keyframes chat-prompt-slide-up {\n          from { opacity: 0; transform: translateY(8px); }\n          to { opacity: 1; transform: translateY(0); }\n        }\n      `}</style>\n    </div>\n  )\n}\n\n// ─── Choice ──────────────────────────────────────────────────\n\nconst ChoiceBody: Component<{\n  config: ChoicePromptConfig\n  onSelect: (value: string, label: string) => void\n}> = (props) => {\n  const layoutClass = () => {\n    switch (props.config.layout) {\n      case 'vertical': return 'flex flex-col gap-2'\n      case 'grid': return 'grid grid-cols-2 gap-2'\n      default: return 'flex flex-wrap gap-2'\n    }\n  }\n\n  return (\n    <div class={layoutClass()}>\n      <For each={props.config.options}>\n        {(option) => (\n          <button\n            onClick={() => props.onSelect(option.value, option.label)}\n            class=\"px-4 py-2 text-sm font-medium rounded-lg border border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700 text-gray-900 dark:text-white hover:bg-blue-50 hover:border-blue-300 dark:hover:bg-blue-900/30 dark:hover:border-blue-600 transition-colors text-left\"\n          >\n            <Show when={option.icon}>\n              <span class=\"mr-2\">{option.icon}</span>\n            </Show>\n            {option.label}\n            <Show when={option.description}>\n              <span class=\"block text-xs text-gray-500 dark:text-gray-400 mt-0.5 font-normal\">{option.description}</span>\n            </Show>\n          </button>\n        )}\n      </For>\n    </div>\n  )\n}\n\n// ─── Confirm ─────────────────────────────────────────────────\n\nconst ConfirmBody: Component<{\n  config: ConfirmPromptConfig\n  onConfirm: () => void\n  onCancel: () => void\n}> = (props) => {\n  const isDanger = () => props.config.variant === 'danger'\n\n  return (\n    <div>\n      <Show when={props.config.message}>\n        <p class=\"text-sm text-gray-600 dark:text-gray-400 mb-3\">{props.config.message}</p>\n      </Show>\n      <div class=\"flex gap-2 justify-end\">\n        <button\n          onClick={props.onCancel}\n          class=\"px-4 py-2 text-sm font-medium rounded-lg border border-gray-200 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors\"\n        >\n          {props.config.cancelLabel || 'Cancel'}\n        </button>\n        <button\n          onClick={props.onConfirm}\n          class={`px-4 py-2 text-sm font-medium rounded-lg text-white transition-colors ${\n            isDanger()\n              ? 'bg-red-600 hover:bg-red-700'\n              : 'bg-blue-600 hover:bg-blue-700'\n          }`}\n        >\n          {props.config.confirmLabel || 'Confirm'}\n        </button>\n      </div>\n    </div>\n  )\n}\n\n// ─── Form (delegates to FormFieldRenderer for all field types) ───\n\nconst FormBody: Component<{\n  config: FormPromptConfig\n  onSubmit: (data: Record<string, unknown>, label: string) => void\n}> = (props) => {\n  const [formData, setFormData] = createSignal<Record<string, any>>({})\n  const [dynamicOptions, setDynamicOptions] = createSignal<Record<string, Array<{ label: string; value: string }>>>({})\n  const [previewText, setPreviewText] = createSignal<string>('')\n  const [previewLoading, setPreviewLoading] = createSignal(false)\n  let previewTimer: ReturnType<typeof setTimeout> | null = null\n\n  const updateField = (name: string, value: any) => {\n    setFormData((prev) => ({ ...prev, [name]: value }))\n  }\n\n  // --- depends_on: fetch child options when parent changes ---\n  createEffect(() => {\n    const data = formData()\n    for (const field of props.config.fields || []) {\n      const dep = field.dependsOn || (field as any).depends_on\n      if (!dep) continue\n      const parentValue = data[dep.field]\n      if (!parentValue) continue\n\n      const apiUrl = (dep.apiUrl || dep.api_url || '').replace('{value}', encodeURIComponent(parentValue))\n      if (!apiUrl) continue\n\n      const params = new URLSearchParams(dep.extraParams || dep.extra_params || {})\n      fetch(`${apiUrl}?${params}`)\n        .then((r) => r.json())\n        .then((items) => {\n          const arr = Array.isArray(items) ? items : items.results || items.features || []\n          const labelKey = dep.labelField || dep.label_field || 'label'\n          const valueKey = dep.valueField || dep.value_field || 'value'\n          setDynamicOptions((prev) => ({\n            ...prev,\n            [field.name]: arr.map((item: any) => ({\n              label: item[labelKey] || String(item),\n              value: String(item[valueKey] || item[labelKey] || item),\n            })),\n          }))\n        })\n        .catch(() => {})\n    }\n  })\n\n  // --- preview: debounced live preview ---\n  createEffect(() => {\n    const preview = props.config.preview\n    if (!preview) return\n\n    const data = formData()\n    // Check if any preview field has a value\n    const hasValues = preview.fields.some((f) => {\n      const v = data[f]\n      return v !== undefined && v !== '' && !(Array.isArray(v) && v.length === 0)\n    })\n    if (!hasValues) { setPreviewText(''); return }\n\n    if (previewTimer) clearTimeout(previewTimer)\n    previewTimer = setTimeout(async () => {\n      setPreviewLoading(true)\n      try {\n        const body: Record<string, any> = {}\n        for (const f of preview.fields) {\n          if (data[f] !== undefined) body[f] = data[f]\n        }\n        const res = await fetch(preview.endpoint, {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          credentials: 'include',\n          body: JSON.stringify(body),\n        })\n        if (res.ok) {\n          const result = await res.json()\n          setPreviewText(result.summary_fr || result.summary || result.message || JSON.stringify(result))\n        }\n      } catch {\n        setPreviewText('')\n      }\n      setPreviewLoading(false)\n    }, preview.debounceMs || 500)\n  })\n\n  onCleanup(() => { if (previewTimer) clearTimeout(previewTimer) })\n\n  const handleSubmit = (e: Event) => {\n    e.preventDefault()\n    const data = formData()\n    const label = Object.entries(data)\n      .filter(([, v]) => v !== undefined && v !== '' && !(Array.isArray(v) && v.length === 0))\n      .map(([k, v]) => `${k}: ${Array.isArray(v) ? v.join(', ') : v}`)\n      .join(', ')\n    props.onSubmit(data, label || 'Form submitted')\n  }\n\n  const isValid = () => {\n    const data = formData()\n    return (props.config.fields || [])\n      .filter((f) => f.required)\n      .every((f) => {\n        const val = data[f.name]\n        if (Array.isArray(val)) return val.length > 0\n        if (typeof val === 'boolean') return true\n        return val !== undefined && val !== ''\n      })\n  }\n\n  // Build field with dynamic options override\n  const getField = (field: any): FormFieldParams => {\n    const dynOpts = dynamicOptions()[field.name]\n    if (dynOpts) {\n      return { ...field, options: dynOpts } as FormFieldParams\n    }\n    return field as FormFieldParams\n  }\n\n  return (\n    <form onSubmit={handleSubmit} class=\"flex flex-col gap-3\">\n      <For each={props.config.fields}>\n        {(field) => (\n          <FormFieldRenderer\n            field={getField(field)}\n            value={formData()[field.name]}\n            onChange={(val) => updateField(field.name, val)}\n            formData={formData}\n          />\n        )}\n      </For>\n\n      {/* Live preview */}\n      <Show when={previewText() || previewLoading()}>\n        <div class=\"px-3 py-2 bg-blue-50 dark:bg-blue-900/20 rounded-lg border border-blue-200 dark:border-blue-800 text-sm\">\n          <Show when={previewLoading()} fallback={\n            <p class=\"text-blue-700 dark:text-blue-300\">{previewText()}</p>\n          }>\n            <p class=\"text-blue-400 animate-pulse\">Loading preview...</p>\n          </Show>\n        </div>\n      </Show>\n\n      <div class=\"flex justify-end\">\n        <button\n          type=\"submit\"\n          disabled={!isValid()}\n          class=\"px-4 py-2 text-sm font-medium rounded-lg text-white bg-blue-600 hover:bg-blue-700 disabled:bg-gray-400 disabled:cursor-not-allowed transition-colors\"\n        >\n          {props.config.submitLabel || 'Submit'}\n        </button>\n      </div>\n    </form>\n  )\n}\n"],"names":["ChatPrompt","props","config","_el$","_$getNextElement","_tmpl$","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_$insert","title","$$click","onDismiss","onSubmit","type","value","label","dismissed","_$createComponent","Show","when","dismissLabel","fallback","_tmpl$2","children","Switch","Match","ChoiceBody","onSelect","ConfirmBody","onConfirm","confirmLabel","onCancel","cancelLabel","FormBody","data","_$effect","_p$","_v$","_v$2","_v$3","e","_$setAttribute","t","_$className","a","undefined","_$runHydrationEvents","layoutClass","layout","_el$7","_tmpl$3","For","each","options","option","_el$8","_tmpl$6","_el$1","_el$10","_co$","_$getNextMarker","_el$11","_el$12","_co$2","_el$13","_el$14","_co$3","icon","_el$9","_tmpl$4","description","_el$0","_tmpl$5","isDanger","variant","_el$15","_tmpl$8","_el$20","_el$21","_co$4","_el$17","_el$18","_el$19","message","_el$16","_tmpl$7","_$addEventListener","formData","setFormData","createSignal","dynamicOptions","setDynamicOptions","previewText","setPreviewText","previewLoading","setPreviewLoading","previewTimer","updateField","name","prev","createEffect","field","fields","dep","dependsOn","depends_on","parentValue","apiUrl","api_url","replace","encodeURIComponent","params","URLSearchParams","extraParams","extra_params","fetch","then","r","json","items","arr","Array","isArray","results","features","labelKey","labelField","label_field","valueKey","valueField","value_field","map","item","String","catch","preview","hasValues","some","f","v","length","setTimeout","body","res","endpoint","method","headers","credentials","JSON","stringify","ok","result","summary_fr","summary","debounceMs","onCleanup","handleSubmit","preventDefault","Object","entries","filter","k","join","isValid","required","every","val","getField","dynOpts","_el$22","_tmpl$1","_el$27","_el$28","_co$5","_el$29","_el$30","_co$6","_el$25","_el$26","addEventListener","FormFieldRenderer","onChange","_el$23","_tmpl$0","_el$31","_tmpl$10","_tmpl$9","submitLabel","_$setProperty","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"ChatPrompt.js","sources":["../../src/components/ChatPrompt.tsx"],"sourcesContent":["/**\n * ChatPrompt — Ephemeral structured interaction above chat input\n * v2.4.0: choice, confirm, form subtypes\n *\n * @experimental — This component may change without major bump until v2.5.0.\n *\n * Renders above the chat input. User responds → consumer calls `onSubmit` →\n * prompt disappears.\n *\n * ## AbortSignal — known limitation (v5.1.0)\n *\n * **`ChatPrompt` itself does NOT listen to any `AbortSignal`.** It is a pure\n * presentation component: render a config, call `onSubmit` on user answer,\n * call `onDismiss` on X/Cancel. Lifecycle (including abort handling) is the\n * consumer's responsibility.\n *\n * `ChatCommands.showChatPrompt(config, signal?)` declares a `signal?` argument\n * in its type, but in v5.0.0/v5.1.0 mcp-ui ships **no default handler** for\n * this command — every consumer wires its own `bus.commands.handle('showChatPrompt', ...)`.\n * Each consumer's handler is responsible for:\n *\n * 1. Storing a `{ resolve, reject }` pair when the command fires.\n * 2. Calling `resolve(response)` from `onSubmit` / `resolve(dismissed)` from `onDismiss`.\n * 3. If a `signal` is provided: `signal.addEventListener('abort', () =>\n *    reject(new DOMException('Prompt aborted', 'AbortError')))` and cleaning\n *    up the listener on resolve/dismiss.\n *\n * The `DOMException('AbortError')` shape is the Web Platform convention\n * (matches `fetch()`, `Response.body.cancel()`, `WritableStream.abort()`).\n * Consumers can branch on `err.name === 'AbortError'` without importing any\n * mcp-ui type.\n *\n * A `createChatPromptController()` primitive centralising this wiring\n * (resolver lifecycle + re-entrance + abort) is planned for v5.2.0 — see\n * `docs/2026/r&d/mcpui-v5.1.0-consensus.md` for the design discussion.\n *\n * ## Re-entrance — known limitation (v5.1.0)\n *\n * Also handled by the consumer. If a new `showChatPrompt` arrives while a\n * previous one is active, the consumer's handler must decide whether to\n * auto-reject the previous Promise, queue, or throw. mcp-ui does not\n * currently enforce any policy. See the same design doc for the v5.2.0\n * direction (auto-reject with `PromptReplacedError`).\n */\n\nimport { Component, Show, For, createSignal, createEffect, onCleanup, Switch, Match } from 'solid-js'\nimport type {\n  ChatPromptConfig,\n  ChatPromptResponse,\n  ChoicePromptConfig,\n  ConfirmPromptConfig,\n  FormPromptConfig,\n} from '../types/chat-bus'\nimport { FormFieldRenderer } from './FormFieldRenderer'\nimport type { FormFieldParams } from '../types'\n\nexport interface ChatPromptProps {\n  /** Prompt configuration */\n  config: ChatPromptConfig\n  /** Called when user responds */\n  onSubmit: (response: ChatPromptResponse) => void\n  /** Called when user dismisses (e.g. \"send as-is\") */\n  onDismiss?: () => void\n  /** Label for the dismiss button (replaces X icon). Default: shows X icon. */\n  dismissLabel?: string\n}\n\n/**\n * @experimental\n * Ephemeral interaction component — choice buttons, confirmation dialog, or quick form.\n * Designed to sit between the chat messages and the input area.\n *\n * @example\n * <ChatPrompt\n *   config={{ type: 'choice', title: 'Format?', config: { options: [...] } }}\n *   onSubmit={(r) => bus.events.emit('onChatPromptResponse', { streamKey, response: r })}\n *   onDismiss={() => setActivePrompt(null)}\n * />\n */\nexport const ChatPrompt: Component<ChatPromptProps> = (props) => {\n  // F1: Guard against null/undefined config (e.g. after dismiss clears state)\n  if (!props.config) return null\n\n  return (\n    <div\n      class=\"w-full max-w-2xl mx-auto mb-2 bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 shadow-lg overflow-visible\"\n      style={{ animation: 'chat-prompt-slide-up 0.2s ease-out' }}\n      role=\"dialog\"\n      aria-label={props.config.title}\n    >\n      {/* Header */}\n      <div class=\"flex items-center justify-between px-4 py-2.5 border-b border-gray-100 dark:border-gray-700\">\n        <p class=\"text-sm font-medium text-gray-900 dark:text-white\">{props.config.title}</p>\n        <button\n          onClick={() => {\n            props.onDismiss?.()\n            props.onSubmit({ type: props.config.type, value: '', label: '', dismissed: true })\n          }}\n          class={props.dismissLabel\n            ? 'px-3 py-1 text-xs font-medium text-blue-600 dark:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/20 rounded-lg transition-colors'\n            : 'p-1 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors'\n          }\n          aria-label={props.dismissLabel || 'Dismiss'}\n        >\n          <Show when={props.dismissLabel} fallback={\n            <svg class=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" />\n            </svg>\n          }>\n            {props.dismissLabel}\n          </Show>\n        </button>\n      </div>\n\n      {/* Body — type-specific */}\n      <div class=\"px-4 py-3\">\n        <Switch>\n          <Match when={props.config.type === 'choice'}>\n            <ChoiceBody\n              config={props.config.config as ChoicePromptConfig}\n              onSelect={(value, label) => props.onSubmit({ type: 'choice', value, label })}\n            />\n          </Match>\n          <Match when={props.config.type === 'confirm'}>\n            <ConfirmBody\n              config={props.config.config as ConfirmPromptConfig}\n              onConfirm={() => props.onSubmit({ type: 'confirm', value: 'confirmed', label: (props.config.config as ConfirmPromptConfig).confirmLabel || 'Confirmed' })}\n              onCancel={() => {\n                props.onDismiss?.()\n                props.onSubmit({ type: 'confirm', value: 'cancelled', label: (props.config.config as ConfirmPromptConfig).cancelLabel || 'Cancelled', dismissed: true })\n              }}\n            />\n          </Match>\n          <Match when={props.config.type === 'form'}>\n            <FormBody\n              config={props.config.config as FormPromptConfig}\n              onSubmit={(data, label) => props.onSubmit({ type: 'form', value: data, label })}\n            />\n          </Match>\n        </Switch>\n      </div>\n\n      <style>{`\n        @keyframes chat-prompt-slide-up {\n          from { opacity: 0; transform: translateY(8px); }\n          to { opacity: 1; transform: translateY(0); }\n        }\n      `}</style>\n    </div>\n  )\n}\n\n// ─── Choice ──────────────────────────────────────────────────\n\nconst ChoiceBody: Component<{\n  config: ChoicePromptConfig\n  onSelect: (value: string, label: string) => void\n}> = (props) => {\n  const layoutClass = () => {\n    const base = (() => {\n      switch (props.config.layout) {\n        case 'vertical': return 'flex flex-col gap-2'\n        case 'grid': return 'grid grid-cols-2 gap-2'\n        default: return 'flex flex-wrap gap-2'\n      }\n    })()\n    const extra = props.config.containerClass\n    return extra ? `${base} ${extra}` : base\n  }\n\n  const buttonClass = () => {\n    const base = 'px-4 py-2 text-sm font-medium rounded-lg border border-gray-200 dark:border-gray-600 bg-gray-50 dark:bg-gray-700 text-gray-900 dark:text-white hover:bg-blue-50 hover:border-blue-300 dark:hover:bg-blue-900/30 dark:hover:border-blue-600 transition-colors text-left'\n    const extra = props.config.buttonClass\n    return extra ? `${base} ${extra}` : base\n  }\n\n  return (\n    <div class={layoutClass()}>\n      <For each={props.config.options}>\n        {(option, i) => (\n          <button\n            type=\"button\"\n            onClick={() => props.onSelect(option.value, option.label)}\n            class={buttonClass()}\n          >\n            <Show\n              when={props.config.optionRenderer}\n              fallback={\n                <>\n                  <Show when={option.icon}>\n                    <span class=\"mr-2\">{option.icon}</span>\n                  </Show>\n                  {option.label}\n                  <Show when={option.description}>\n                    <span class=\"block text-xs text-gray-500 dark:text-gray-400 mt-0.5 font-normal\">{option.description}</span>\n                  </Show>\n                </>\n              }\n            >\n              {props.config.optionRenderer!(option, i())}\n            </Show>\n          </button>\n        )}\n      </For>\n    </div>\n  )\n}\n\n// ─── Confirm ─────────────────────────────────────────────────\n\nconst ConfirmBody: Component<{\n  config: ConfirmPromptConfig\n  onConfirm: () => void\n  onCancel: () => void\n}> = (props) => {\n  const isDanger = () => props.config.variant === 'danger'\n\n  return (\n    <div>\n      <Show when={props.config.message}>\n        <p class=\"text-sm text-gray-600 dark:text-gray-400 mb-3\">{props.config.message}</p>\n      </Show>\n      <div class=\"flex gap-2 justify-end\">\n        <button\n          onClick={props.onCancel}\n          class=\"px-4 py-2 text-sm font-medium rounded-lg border border-gray-200 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors\"\n        >\n          {props.config.cancelLabel || 'Cancel'}\n        </button>\n        <button\n          onClick={props.onConfirm}\n          class={`px-4 py-2 text-sm font-medium rounded-lg text-white transition-colors ${\n            isDanger()\n              ? 'bg-red-600 hover:bg-red-700'\n              : 'bg-blue-600 hover:bg-blue-700'\n          }`}\n        >\n          {props.config.confirmLabel || 'Confirm'}\n        </button>\n      </div>\n    </div>\n  )\n}\n\n// ─── Form (delegates to FormFieldRenderer for all field types) ───\n\nconst FormBody: Component<{\n  config: FormPromptConfig\n  onSubmit: (data: Record<string, unknown>, label: string) => void\n}> = (props) => {\n  const [formData, setFormData] = createSignal<Record<string, any>>({})\n  const [dynamicOptions, setDynamicOptions] = createSignal<Record<string, Array<{ label: string; value: string }>>>({})\n  const [previewText, setPreviewText] = createSignal<string>('')\n  const [previewLoading, setPreviewLoading] = createSignal(false)\n  let previewTimer: ReturnType<typeof setTimeout> | null = null\n\n  const updateField = (name: string, value: any) => {\n    setFormData((prev) => ({ ...prev, [name]: value }))\n  }\n\n  // --- depends_on: fetch child options when parent changes ---\n  createEffect(() => {\n    const data = formData()\n    for (const field of props.config.fields || []) {\n      const dep = field.dependsOn || (field as any).depends_on\n      if (!dep) continue\n      const parentValue = data[dep.field]\n      if (!parentValue) continue\n\n      const apiUrl = (dep.apiUrl || dep.api_url || '').replace('{value}', encodeURIComponent(parentValue))\n      if (!apiUrl) continue\n\n      const params = new URLSearchParams(dep.extraParams || dep.extra_params || {})\n      fetch(`${apiUrl}?${params}`)\n        .then((r) => r.json())\n        .then((items) => {\n          const arr = Array.isArray(items) ? items : items.results || items.features || []\n          const labelKey = dep.labelField || dep.label_field || 'label'\n          const valueKey = dep.valueField || dep.value_field || 'value'\n          setDynamicOptions((prev) => ({\n            ...prev,\n            [field.name]: arr.map((item: any) => ({\n              label: item[labelKey] || String(item),\n              value: String(item[valueKey] || item[labelKey] || item),\n            })),\n          }))\n        })\n        .catch(() => {})\n    }\n  })\n\n  // --- preview: debounced live preview ---\n  createEffect(() => {\n    const preview = props.config.preview\n    if (!preview) return\n\n    const data = formData()\n    // Check if any preview field has a value\n    const hasValues = preview.fields.some((f) => {\n      const v = data[f]\n      return v !== undefined && v !== '' && !(Array.isArray(v) && v.length === 0)\n    })\n    if (!hasValues) { setPreviewText(''); return }\n\n    if (previewTimer) clearTimeout(previewTimer)\n    previewTimer = setTimeout(async () => {\n      setPreviewLoading(true)\n      try {\n        const body: Record<string, any> = {}\n        for (const f of preview.fields) {\n          if (data[f] !== undefined) body[f] = data[f]\n        }\n        const res = await fetch(preview.endpoint, {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          credentials: 'include',\n          body: JSON.stringify(body),\n        })\n        if (res.ok) {\n          const result = await res.json()\n          setPreviewText(result.summary_fr || result.summary || result.message || JSON.stringify(result))\n        }\n      } catch {\n        setPreviewText('')\n      }\n      setPreviewLoading(false)\n    }, preview.debounceMs || 500)\n  })\n\n  onCleanup(() => { if (previewTimer) clearTimeout(previewTimer) })\n\n  const handleSubmit = (e: Event) => {\n    e.preventDefault()\n    const data = formData()\n    const label = Object.entries(data)\n      .filter(([, v]) => v !== undefined && v !== '' && !(Array.isArray(v) && v.length === 0))\n      .map(([k, v]) => `${k}: ${Array.isArray(v) ? v.join(', ') : v}`)\n      .join(', ')\n    props.onSubmit(data, label || 'Form submitted')\n  }\n\n  const isValid = () => {\n    const data = formData()\n    return (props.config.fields || [])\n      .filter((f) => f.required)\n      .every((f) => {\n        const val = data[f.name]\n        if (Array.isArray(val)) return val.length > 0\n        if (typeof val === 'boolean') return true\n        return val !== undefined && val !== ''\n      })\n  }\n\n  // Build field with dynamic options override\n  const getField = (field: any): FormFieldParams => {\n    const dynOpts = dynamicOptions()[field.name]\n    if (dynOpts) {\n      return { ...field, options: dynOpts } as FormFieldParams\n    }\n    return field as FormFieldParams\n  }\n\n  return (\n    <form onSubmit={handleSubmit} class=\"flex flex-col gap-3\">\n      <For each={props.config.fields}>\n        {(field) => (\n          <FormFieldRenderer\n            field={getField(field)}\n            value={formData()[field.name]}\n            onChange={(val) => updateField(field.name, val)}\n            formData={formData}\n          />\n        )}\n      </For>\n\n      {/* Live preview */}\n      <Show when={previewText() || previewLoading()}>\n        <div class=\"px-3 py-2 bg-blue-50 dark:bg-blue-900/20 rounded-lg border border-blue-200 dark:border-blue-800 text-sm\">\n          <Show when={previewLoading()} fallback={\n            <p class=\"text-blue-700 dark:text-blue-300\">{previewText()}</p>\n          }>\n            <p class=\"text-blue-400 animate-pulse\">Loading preview...</p>\n          </Show>\n        </div>\n      </Show>\n\n      <div class=\"flex justify-end\">\n        <button\n          type=\"submit\"\n          disabled={!isValid()}\n          class=\"px-4 py-2 text-sm font-medium rounded-lg text-white bg-blue-600 hover:bg-blue-700 disabled:bg-gray-400 disabled:cursor-not-allowed transition-colors\"\n        >\n          {props.config.submitLabel || 'Submit'}\n        </button>\n      </div>\n    </form>\n  )\n}\n"],"names":["ChatPrompt","props","config","_el$","_$getNextElement","_tmpl$","_el$2","firstChild","_el$3","_el$4","nextSibling","_el$5","_$insert","title","$$click","onDismiss","onSubmit","type","value","label","dismissed","_$createComponent","Show","when","dismissLabel","fallback","_tmpl$2","children","Switch","Match","ChoiceBody","onSelect","ConfirmBody","onConfirm","confirmLabel","onCancel","cancelLabel","FormBody","data","_$effect","_p$","_v$","_v$2","_v$3","e","_$setAttribute","t","_$className","a","undefined","_$runHydrationEvents","layoutClass","base","layout","extra","containerClass","buttonClass","_el$7","_tmpl$3","For","each","options","option","i","_el$8","_tmpl$4","optionRenderer","icon","_el$9","_tmpl$5","_$memo","description","_el$0","_tmpl$6","isDanger","variant","_el$1","_tmpl$8","_el$14","_el$15","_co$","_$getNextMarker","_el$11","_el$12","_el$13","message","_el$10","_tmpl$7","_$addEventListener","formData","setFormData","createSignal","dynamicOptions","setDynamicOptions","previewText","setPreviewText","previewLoading","setPreviewLoading","previewTimer","updateField","name","prev","createEffect","field","fields","dep","dependsOn","depends_on","parentValue","apiUrl","api_url","replace","encodeURIComponent","params","URLSearchParams","extraParams","extra_params","fetch","then","r","json","items","arr","Array","isArray","results","features","labelKey","labelField","label_field","valueKey","valueField","value_field","map","item","String","catch","preview","hasValues","some","f","v","length","setTimeout","body","res","endpoint","method","headers","credentials","JSON","stringify","ok","result","summary_fr","summary","debounceMs","onCleanup","handleSubmit","preventDefault","Object","entries","filter","k","join","isValid","required","every","val","getField","dynOpts","_el$16","_tmpl$1","_el$21","_el$22","_co$2","_el$23","_el$24","_co$3","_el$19","_el$20","addEventListener","FormFieldRenderer","onChange","_el$17","_tmpl$0","_el$25","_tmpl$10","_tmpl$9","submitLabel","_$setProperty","_$delegateEvents"],"mappings":"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"}

package/dist/components/FeedbackInline.cjs

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const web = require("solid-js/web");
+const solidJs = require("solid-js");
+var _tmpl$ = /* @__PURE__ */ web.template(`<button type=button class="p-1 rounded hover:bg-green-500/10 text-deposium-slate-500 hover:text-green-500 transition-colors"title=Utile aria-label="Mark response as useful"data-feedback-inline-rating=positive><svg class="w-3.5 h-3.5"fill=none stroke=currentColor viewBox="0 0 24 24"><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z M3 15v7">`), _tmpl$2 = /* @__PURE__ */ web.template(`<button type=button class="p-1 rounded hover:bg-red-500/10 text-deposium-slate-500 hover:text-red-500 transition-colors"title="Pas utile"aria-label="Mark response as not useful"data-feedback-inline-rating=negative><svg class="w-3.5 h-3.5"fill=none stroke=currentColor viewBox="0 0 24 24"><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10z M21 4v7">`), _tmpl$3 = /* @__PURE__ */ web.template(`<div>`), _tmpl$4 = /* @__PURE__ */ web.template(`<span class="text-[11px] text-deposium-slate-500">`);
+const FeedbackInline = (props) => {
+  const [rating, setRating] = solidJs.createSignal(null);
+  const handle = (value) => {
+    if (rating() !== null) return;
+    setRating(value);
+    try {
+      const result = props.onSubmit(value, props.context);
+      if (result && typeof result.catch === "function") {
+        ;
+        result.catch(() => {
+        });
+      }
+    } catch {
+    }
+  };
+  return (() => {
+    var _el$ = web.getNextElement(_tmpl$3);
+    web.insert(_el$, web.createComponent(solidJs.Show, {
+      get when() {
+        return rating() === null;
+      },
+      get fallback() {
+        return (() => {
+          var _el$4 = web.getNextElement(_tmpl$4);
+          web.insert(_el$4, (() => {
+            var _c$ = web.memo(() => rating() === "positive");
+            return () => _c$() ? props.positiveAck ?? "Merci !" : props.negativeAck ?? "Noté, on s'améliore";
+          })());
+          return _el$4;
+        })();
+      },
+      get children() {
+        return [(() => {
+          var _el$2 = web.getNextElement(_tmpl$);
+          _el$2.$$click = () => handle("positive");
+          web.runHydrationEvents();
+          return _el$2;
+        })(), (() => {
+          var _el$3 = web.getNextElement(_tmpl$2);
+          _el$3.$$click = () => handle("negative");
+          web.runHydrationEvents();
+          return _el$3;
+        })()];
+      }
+    }));
+    web.effect(() => web.className(_el$, `flex items-center gap-1 ${props.class ?? ""}`.trim()));
+    return _el$;
+  })();
+};
+web.delegateEvents(["click"]);
+exports.FeedbackInline = FeedbackInline;
+//# sourceMappingURL=FeedbackInline.cjs.map

package/dist/components/FeedbackInline.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackInline.cjs","sources":["../../src/components/FeedbackInline.tsx"],"sourcesContent":["/**\n * FeedbackInline — per-message inline feedback (thumbs up/down)\n *\n * @experimental\n * @since v5.2.0\n *\n * A small, non-blocking per-message feedback primitive. Sits next to an\n * assistant message, captures a rating, calls back to the consumer for\n * persistence. Best-effort by design — no retry UX, no revision UX.\n *\n * ## When to use vs other feedback primitives\n *\n * - **`FeedbackInline`** (this) → per-message thumb-up/down, non-blocking,\n *   many can coexist.\n * - **`ChatPrompt` (type=choice)** → modal, one-at-a-time above the input,\n *   used when the agent needs a blocking answer.\n * - **`ScratchpadPanel` feedback section** → structured feedback bound to a\n *   scratchpad turn, panel-side.\n *\n * ## Persistence is the consumer's job\n *\n * The component flips to \"submitted\" state *optimistically* on click and\n * calls `onSubmit(rating, context)`. Network failures do not revert the UI —\n * feedback is best-effort. If you need stricter semantics (offline retry,\n * revision, ...) wrap this in your own component.\n *\n * @example\n * ```tsx\n * <FeedbackInline\n *   messageHash={msg.hash}\n *   context={{ intent: msg.intent, confidenceBand: msg.band }}\n *   onSubmit={(rating, ctx) =>\n *     fetch('/api/feedback', {\n *       method: 'POST',\n *       headers: { 'Content-Type': 'application/json' },\n *       body: JSON.stringify({ message_hash: msg.hash, rating, ...ctx }),\n *     })\n *   }\n * />\n * ```\n */\n\nimport { Component, Show, createSignal } from 'solid-js'\n\nexport interface FeedbackInlineContext {\n  intent?: string\n  confidenceBand?: string\n  tags?: string[]\n  [key: string]: unknown\n}\n\nexport interface FeedbackInlineProps {\n  /** Stable identifier for the message being rated. */\n  messageHash?: string\n  /**\n   * Called on click. Consumer is responsible for persistence (HTTP, store,\n   * localStorage). Return value ignored.\n   */\n  onSubmit: (rating: 'positive' | 'negative', context?: FeedbackInlineContext) => void | Promise<void>\n  /** Extra context forwarded to `onSubmit`. */\n  context?: FeedbackInlineContext\n  /** Ack text shown after positive rating. Default: 'Merci !' */\n  positiveAck?: string\n  /** Ack text shown after negative rating. Default: \"Noté, on s'améliore\" */\n  negativeAck?: string\n  /** Extra Tailwind classes on the container. */\n  class?: string\n}\n\n/**\n * @experimental\n * Per-message inline feedback (thumbs up/down). Non-blocking.\n */\nexport const FeedbackInline: Component<FeedbackInlineProps> = (props) => {\n  const [rating, setRating] = createSignal<'positive' | 'negative' | null>(null)\n\n  const handle = (value: 'positive' | 'negative') => {\n    if (rating() !== null) return // already submitted, final state\n    setRating(value)\n    try {\n      // Fire-and-forget. If the consumer returns a Promise that rejects,\n      // swallow it — feedback is best-effort by design.\n      const result = props.onSubmit(value, props.context)\n      if (result && typeof (result as Promise<void>).catch === 'function') {\n        ;(result as Promise<void>).catch(() => {\n          /* non-blocking */\n        })\n      }\n    } catch {\n      /* non-blocking */\n    }\n  }\n\n  return (\n    <div class={`flex items-center gap-1 ${props.class ?? ''}`.trim()}>\n      <Show\n        when={rating() === null}\n        fallback={\n          <span class=\"text-[11px] text-deposium-slate-500\">\n            {rating() === 'positive'\n              ? (props.positiveAck ?? 'Merci !')\n              : (props.negativeAck ?? \"Noté, on s'améliore\")}\n          </span>\n        }\n      >\n        <button\n          type=\"button\"\n          onClick={() => handle('positive')}\n          class=\"p-1 rounded hover:bg-green-500/10 text-deposium-slate-500 hover:text-green-500 transition-colors\"\n          title=\"Utile\"\n          aria-label=\"Mark response as useful\"\n          data-feedback-inline-rating=\"positive\"\n        >\n          <svg class=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z M3 15v7\"\n            />\n          </svg>\n        </button>\n        <button\n          type=\"button\"\n          onClick={() => handle('negative')}\n          class=\"p-1 rounded hover:bg-red-500/10 text-deposium-slate-500 hover:text-red-500 transition-colors\"\n          title=\"Pas utile\"\n          aria-label=\"Mark response as not useful\"\n          data-feedback-inline-rating=\"negative\"\n        >\n          <svg class=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n            <path\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              stroke-width=\"2\"\n              d=\"M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10z M21 4v7\"\n            />\n          </svg>\n        </button>\n      </Show>\n    </div>\n  )\n}\n"],"names":["FeedbackInline","props","rating","setRating","createSignal","handle","value","result","onSubmit","context","catch","_el$","_$getNextElement","_tmpl$3","_$insert","_$createComponent","Show","when","fallback","_el$4","_tmpl$4","_c$","_$memo","positiveAck","negativeAck","children","_el$2","_tmpl$","$$click","_$runHydrationEvents","_el$3","_tmpl$2","_$effect","_$className","class","trim","_$delegateEvents"],"mappings":";;;;;AAyEO,MAAMA,iBAAkDC,CAAAA,UAAU;AACvE,QAAM,CAACC,QAAQC,SAAS,IAAIC,QAAAA,aAA6C,IAAI;AAE7E,QAAMC,SAASA,CAACC,UAAmC;AACjD,QAAIJ,OAAAA,MAAa,KAAM;AACvBC,cAAUG,KAAK;AACf,QAAI;AAGF,YAAMC,SAASN,MAAMO,SAASF,OAAOL,MAAMQ,OAAO;AAClD,UAAIF,UAAU,OAAQA,OAAyBG,UAAU,YAAY;AACnE;AAAEH,eAAyBG,MAAM,MAAM;AAAA,QACrC,CACD;AAAA,MACH;AAAA,IACF,QAAQ;AAAA,IACN;AAAA,EAEJ;AAEA,UAAA,MAAA;AAAA,QAAAC,OAAAC,IAAAA,eAAAC,OAAA;AAAAC,eAAAH,MAAAI,IAAAA,gBAEKC,cAAI;AAAA,MAAA,IACHC,OAAI;AAAA,eAAEf,aAAa;AAAA,MAAI;AAAA,MAAA,IACvBgB,WAAQ;AAAA,gBAAA,MAAA;AAAA,cAAAC,QAAAP,IAAAA,eAAAQ,OAAA;AAAAN,cAAAA,OAAAK,QAAA,MAAA;AAAA,gBAAAE,MAAAC,IAAAA,KAAA,MAEHpB,OAAAA,MAAa,UAAU;AAAA,mBAAA,MAAvBmB,IAAAA,IACIpB,MAAMsB,eAAe,YACrBtB,MAAMuB,eAAe;AAAA,UAAsB,IAAA;AAAA,iBAAAL;AAAAA,QAAA,GAAA;AAAA,MAAA;AAAA,MAAA,IAAAM,WAAA;AAAA,eAAA,EAAA,MAAA;AAAA,cAAAC,QAAAd,IAAAA,eAAAe,MAAA;AAAAD,gBAAAE,UAMzC,MAAMvB,OAAO,UAAU;AAACwB,iCAAAA;AAAA,iBAAAH;AAAAA,QAAA,GAAA,IAAA,MAAA;AAAA,cAAAI,QAAAlB,IAAAA,eAAAmB,OAAA;AAAAD,gBAAAF,UAiBxB,MAAMvB,OAAO,UAAU;AAACwB,iCAAAA;AAAA,iBAAAC;AAAAA,QAAA,IAAA;AAAA,MAAA;AAAA,IAAA,CAAA,CAAA;AAAAE,QAAAA,OAAA,MAAAC,IAAAA,UAAAtB,MA9B3B,2BAA2BV,MAAMiC,SAAS,EAAE,GAAGC,KAAAA,CAAM,CAAA;AAAA,WAAAxB;AAAAA,EAAA,GAAA;AAgDrE;AAACyB,IAAAA,eAAA,CAAA,OAAA,CAAA;;"}

package/dist/components/FeedbackInline.d.ts

@@ -0,0 +1,71 @@
+/**
+ * FeedbackInline — per-message inline feedback (thumbs up/down)
+ *
+ * @experimental
+ * @since v5.2.0
+ *
+ * A small, non-blocking per-message feedback primitive. Sits next to an
+ * assistant message, captures a rating, calls back to the consumer for
+ * persistence. Best-effort by design — no retry UX, no revision UX.
+ *
+ * ## When to use vs other feedback primitives
+ *
+ * - **`FeedbackInline`** (this) → per-message thumb-up/down, non-blocking,
+ *   many can coexist.
+ * - **`ChatPrompt` (type=choice)** → modal, one-at-a-time above the input,
+ *   used when the agent needs a blocking answer.
+ * - **`ScratchpadPanel` feedback section** → structured feedback bound to a
+ *   scratchpad turn, panel-side.
+ *
+ * ## Persistence is the consumer's job
+ *
+ * The component flips to "submitted" state *optimistically* on click and
+ * calls `onSubmit(rating, context)`. Network failures do not revert the UI —
+ * feedback is best-effort. If you need stricter semantics (offline retry,
+ * revision, ...) wrap this in your own component.
+ *
+ * @example
+ * ```tsx
+ * <FeedbackInline
+ *   messageHash={msg.hash}
+ *   context={{ intent: msg.intent, confidenceBand: msg.band }}
+ *   onSubmit={(rating, ctx) =>
+ *     fetch('/api/feedback', {
+ *       method: 'POST',
+ *       headers: { 'Content-Type': 'application/json' },
+ *       body: JSON.stringify({ message_hash: msg.hash, rating, ...ctx }),
+ *     })
+ *   }
+ * />
+ * ```
+ */
+import { Component } from 'solid-js';
+export interface FeedbackInlineContext {
+    intent?: string;
+    confidenceBand?: string;
+    tags?: string[];
+    [key: string]: unknown;
+}
+export interface FeedbackInlineProps {
+    /** Stable identifier for the message being rated. */
+    messageHash?: string;
+    /**
+     * Called on click. Consumer is responsible for persistence (HTTP, store,
+     * localStorage). Return value ignored.
+     */
+    onSubmit: (rating: 'positive' | 'negative', context?: FeedbackInlineContext) => void | Promise<void>;
+    /** Extra context forwarded to `onSubmit`. */
+    context?: FeedbackInlineContext;
+    /** Ack text shown after positive rating. Default: 'Merci !' */
+    positiveAck?: string;
+    /** Ack text shown after negative rating. Default: "Noté, on s'améliore" */
+    negativeAck?: string;
+    /** Extra Tailwind classes on the container. */
+    class?: string;
+}
+/**
+ * @experimental
+ * Per-message inline feedback (thumbs up/down). Non-blocking.
+ */
+export declare const FeedbackInline: Component<FeedbackInlineProps>;
+//# sourceMappingURL=FeedbackInline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackInline.d.ts","sourceRoot":"","sources":["../../src/components/FeedbackInline.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AAEH,OAAO,EAAE,SAAS,EAAsB,MAAM,UAAU,CAAA;AAExD,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IACf,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;;OAGG;IACH,QAAQ,EAAE,CAAC,MAAM,EAAE,UAAU,GAAG,UAAU,EAAE,OAAO,CAAC,EAAE,qBAAqB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACpG,6CAA6C;IAC7C,OAAO,CAAC,EAAE,qBAAqB,CAAA;IAC/B,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,SAAS,CAAC,mBAAmB,CAqEzD,CAAA"}

package/dist/components/FeedbackInline.js

@@ -0,0 +1,57 @@
+import { delegateEvents, getNextElement, template, insert, createComponent, runHydrationEvents, memo, effect, className } from "solid-js/web";
+import { createSignal, Show } from "solid-js";
+var _tmpl$ = /* @__PURE__ */ template(`<button type=button class="p-1 rounded hover:bg-green-500/10 text-deposium-slate-500 hover:text-green-500 transition-colors"title=Utile aria-label="Mark response as useful"data-feedback-inline-rating=positive><svg class="w-3.5 h-3.5"fill=none stroke=currentColor viewBox="0 0 24 24"><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M14 9V5a3 3 0 00-3-3l-4 9v11h11.28a2 2 0 002-1.7l1.38-9a2 2 0 00-2-2.3H14z M3 15v7">`), _tmpl$2 = /* @__PURE__ */ template(`<button type=button class="p-1 rounded hover:bg-red-500/10 text-deposium-slate-500 hover:text-red-500 transition-colors"title="Pas utile"aria-label="Mark response as not useful"data-feedback-inline-rating=negative><svg class="w-3.5 h-3.5"fill=none stroke=currentColor viewBox="0 0 24 24"><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M10 15v4a3 3 0 003 3l4-9V2H5.72a2 2 0 00-2 1.7l-1.38 9a2 2 0 002 2.3H10z M21 4v7">`), _tmpl$3 = /* @__PURE__ */ template(`<div>`), _tmpl$4 = /* @__PURE__ */ template(`<span class="text-[11px] text-deposium-slate-500">`);
+const FeedbackInline = (props) => {
+  const [rating, setRating] = createSignal(null);
+  const handle = (value) => {
+    if (rating() !== null) return;
+    setRating(value);
+    try {
+      const result = props.onSubmit(value, props.context);
+      if (result && typeof result.catch === "function") {
+        ;
+        result.catch(() => {
+        });
+      }
+    } catch {
+    }
+  };
+  return (() => {
+    var _el$ = getNextElement(_tmpl$3);
+    insert(_el$, createComponent(Show, {
+      get when() {
+        return rating() === null;
+      },
+      get fallback() {
+        return (() => {
+          var _el$4 = getNextElement(_tmpl$4);
+          insert(_el$4, (() => {
+            var _c$ = memo(() => rating() === "positive");
+            return () => _c$() ? props.positiveAck ?? "Merci !" : props.negativeAck ?? "Noté, on s'améliore";
+          })());
+          return _el$4;
+        })();
+      },
+      get children() {
+        return [(() => {
+          var _el$2 = getNextElement(_tmpl$);
+          _el$2.$$click = () => handle("positive");
+          runHydrationEvents();
+          return _el$2;
+        })(), (() => {
+          var _el$3 = getNextElement(_tmpl$2);
+          _el$3.$$click = () => handle("negative");
+          runHydrationEvents();
+          return _el$3;
+        })()];
+      }
+    }));
+    effect(() => className(_el$, `flex items-center gap-1 ${props.class ?? ""}`.trim()));
+    return _el$;
+  })();
+};
+delegateEvents(["click"]);
+export {
+  FeedbackInline
+};
+//# sourceMappingURL=FeedbackInline.js.map