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

package/dist/components/FeedbackInline.cjs

@@ -2,9 +2,11 @@
 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 MCPUIStringsContext = require("../context/MCPUIStringsContext.cjs");
+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"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"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 strings = MCPUIStringsContext.useMCPUIStrings();
   const handle = (value) => {
     if (rating() !== null) return;
     setRating(value);
@@ -29,7 +31,7 @@ const FeedbackInline = (props) => {
           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 () => _c$() ? props.positiveAck ?? strings.feedbackPositiveAck : props.negativeAck ?? strings.feedbackNegativeAck;
           })());
           return _el$4;
         })();
@@ -38,11 +40,13 @@ const FeedbackInline = (props) => {
         return [(() => {
           var _el$2 = web.getNextElement(_tmpl$);
           _el$2.$$click = () => handle("positive");
+          web.effect(() => web.setAttribute(_el$2, "title", strings.feedbackUseful));
           web.runHydrationEvents();
           return _el$2;
         })(), (() => {
           var _el$3 = web.getNextElement(_tmpl$2);
           _el$3.$$click = () => handle("negative");
+          web.effect(() => web.setAttribute(_el$3, "title", strings.feedbackNotUseful));
           web.runHydrationEvents();
           return _el$3;
         })()];

package/dist/components/FeedbackInline.cjs.map

@@ -1 +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;;"}
+{"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'\nimport { useMCPUIStrings } from '../context/MCPUIStringsContext'\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. Defaults to `MCPUIStrings.feedbackPositiveAck` ('Thanks!' in EN). */\n  positiveAck?: string\n  /** Ack text shown after negative rating. Defaults to `MCPUIStrings.feedbackNegativeAck`. */\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  const strings = useMCPUIStrings()\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 ?? strings.feedbackPositiveAck)\n              : (props.negativeAck ?? strings.feedbackNegativeAck)}\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={strings.feedbackUseful}\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={strings.feedbackNotUseful}\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","strings","useMCPUIStrings","handle","value","result","onSubmit","context","catch","_el$","_$getNextElement","_tmpl$3","_$insert","_$createComponent","Show","when","fallback","_el$4","_tmpl$4","_c$","_$memo","positiveAck","feedbackPositiveAck","negativeAck","feedbackNegativeAck","children","_el$2","_tmpl$","$$click","_$effect","_$setAttribute","feedbackUseful","_$runHydrationEvents","_el$3","_tmpl$2","feedbackNotUseful","_$className","class","trim","_$delegateEvents"],"mappings":";;;;;;AA0EO,MAAMA,iBAAkDC,CAAAA,UAAU;AACvE,QAAM,CAACC,QAAQC,SAAS,IAAIC,QAAAA,aAA6C,IAAI;AAC7E,QAAMC,UAAUC,oBAAAA,gBAAAA;AAEhB,QAAMC,SAASA,CAACC,UAAmC;AACjD,QAAIN,OAAAA,MAAa,KAAM;AACvBC,cAAUK,KAAK;AACf,QAAI;AAGF,YAAMC,SAASR,MAAMS,SAASF,OAAOP,MAAMU,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,eAAEjB,aAAa;AAAA,MAAI;AAAA,MAAA,IACvBkB,WAAQ;AAAA,gBAAA,MAAA;AAAA,cAAAC,QAAAP,IAAAA,eAAAQ,OAAA;AAAAN,cAAAA,OAAAK,QAAA,MAAA;AAAA,gBAAAE,MAAAC,IAAAA,KAAA,MAEHtB,OAAAA,MAAa,UAAU;AAAA,mBAAA,MAAvBqB,QACItB,MAAMwB,eAAepB,QAAQqB,sBAC7BzB,MAAM0B,eAAetB,QAAQuB;AAAAA,UAAoB,IAAA;AAAA,iBAAAP;AAAAA,QAAA,GAAA;AAAA,MAAA;AAAA,MAAA,IAAAQ,WAAA;AAAA,eAAA,EAAA,MAAA;AAAA,cAAAC,QAAAhB,IAAAA,eAAAiB,MAAA;AAAAD,gBAAAE,UAM/C,MAAMzB,OAAO,UAAU;AAAC0B,cAAAA,aAAAC,IAAAA,aAAAJ,OAAA,SAE1BzB,QAAQ8B,cAAc,CAAA;AAAAC,iCAAAA;AAAA,iBAAAN;AAAAA,QAAA,GAAA,IAAA,MAAA;AAAA,cAAAO,QAAAvB,IAAAA,eAAAwB,OAAA;AAAAD,gBAAAL,UAepB,MAAMzB,OAAO,UAAU;AAAC0B,cAAAA,aAAAC,IAAAA,aAAAG,OAAA,SAE1BhC,QAAQkC,iBAAiB,CAAA;AAAAH,iCAAAA;AAAA,iBAAAC;AAAAA,QAAA,IAAA;AAAA,MAAA;AAAA,IAAA,CAAA,CAAA;AAAAJ,QAAAA,OAAA,MAAAO,IAAAA,UAAA3B,MAhC1B,2BAA2BZ,MAAMwC,SAAS,EAAE,GAAGC,KAAAA,CAAM,CAAA;AAAA,WAAA7B;AAAAA,EAAA,GAAA;AAgDrE;AAAC8B,IAAAA,eAAA,CAAA,OAAA,CAAA;;"}

package/dist/components/FeedbackInline.d.ts

@@ -56,9 +56,9 @@ export interface FeedbackInlineProps {
     onSubmit: (rating: 'positive' | 'negative', context?: FeedbackInlineContext) => void | Promise<void>;
     /** Extra context forwarded to `onSubmit`. */
     context?: FeedbackInlineContext;
-    /** Ack text shown after positive rating. Default: 'Merci !' */
+    /** Ack text shown after positive rating. Defaults to `MCPUIStrings.feedbackPositiveAck` ('Thanks!' in EN). */
     positiveAck?: string;
-    /** Ack text shown after negative rating. Default: "Noté, on s'améliore" */
+    /** Ack text shown after negative rating. Defaults to `MCPUIStrings.feedbackNegativeAck`. */
     negativeAck?: string;
     /** Extra Tailwind classes on the container. */
     class?: string;

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

@@ -1 +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"}
+{"version":3,"file":"FeedbackInline.d.ts","sourceRoot":"","sources":["../../src/components/FeedbackInline.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AAEH,OAAO,EAAE,SAAS,EAAsB,MAAM,UAAU,CAAA;AAGxD,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,8GAA8G;IAC9G,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4FAA4F;IAC5F,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,CAsEzD,CAAA"}

package/dist/components/FeedbackInline.js

@@ -1,8 +1,10 @@
-import { delegateEvents, getNextElement, template, insert, createComponent, runHydrationEvents, memo, effect, className } from "solid-js/web";
+import { delegateEvents, getNextElement, template, insert, createComponent, effect, setAttribute, runHydrationEvents, memo, 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">`);
+import { useMCPUIStrings } from "../context/MCPUIStringsContext.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"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"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 strings = useMCPUIStrings();
   const handle = (value) => {
     if (rating() !== null) return;
     setRating(value);
@@ -27,7 +29,7 @@ const FeedbackInline = (props) => {
           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 () => _c$() ? props.positiveAck ?? strings.feedbackPositiveAck : props.negativeAck ?? strings.feedbackNegativeAck;
           })());
           return _el$4;
         })();
@@ -36,11 +38,13 @@ const FeedbackInline = (props) => {
         return [(() => {
           var _el$2 = getNextElement(_tmpl$);
           _el$2.$$click = () => handle("positive");
+          effect(() => setAttribute(_el$2, "title", strings.feedbackUseful));
           runHydrationEvents();
           return _el$2;
         })(), (() => {
           var _el$3 = getNextElement(_tmpl$2);
           _el$3.$$click = () => handle("negative");
+          effect(() => setAttribute(_el$3, "title", strings.feedbackNotUseful));
           runHydrationEvents();
           return _el$3;
         })()];

package/dist/components/FeedbackInline.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedbackInline.js","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,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,eAAAC,OAAA;AAAAC,WAAAH,MAAAI,gBAEKC,MAAI;AAAA,MAAA,IACHC,OAAI;AAAA,eAAEf,aAAa;AAAA,MAAI;AAAA,MAAA,IACvBgB,WAAQ;AAAA,gBAAA,MAAA;AAAA,cAAAC,QAAAP,eAAAQ,OAAA;AAAAN,iBAAAK,QAAA,MAAA;AAAA,gBAAAE,MAAAC,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,eAAAe,MAAA;AAAAD,gBAAAE,UAMzC,MAAMvB,OAAO,UAAU;AAACwB,6BAAAA;AAAA,iBAAAH;AAAAA,QAAA,GAAA,IAAA,MAAA;AAAA,cAAAI,QAAAlB,eAAAmB,OAAA;AAAAD,gBAAAF,UAiBxB,MAAMvB,OAAO,UAAU;AAACwB,6BAAAA;AAAA,iBAAAC;AAAAA,QAAA,IAAA;AAAA,MAAA;AAAA,IAAA,CAAA,CAAA;AAAAE,WAAA,MAAAC,UAAAtB,MA9B3B,2BAA2BV,MAAMiC,SAAS,EAAE,GAAGC,KAAAA,CAAM,CAAA;AAAA,WAAAxB;AAAAA,EAAA,GAAA;AAgDrE;AAACyB,eAAA,CAAA,OAAA,CAAA;"}
+{"version":3,"file":"FeedbackInline.js","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'\nimport { useMCPUIStrings } from '../context/MCPUIStringsContext'\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. Defaults to `MCPUIStrings.feedbackPositiveAck` ('Thanks!' in EN). */\n  positiveAck?: string\n  /** Ack text shown after negative rating. Defaults to `MCPUIStrings.feedbackNegativeAck`. */\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  const strings = useMCPUIStrings()\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 ?? strings.feedbackPositiveAck)\n              : (props.negativeAck ?? strings.feedbackNegativeAck)}\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={strings.feedbackUseful}\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={strings.feedbackNotUseful}\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","strings","useMCPUIStrings","handle","value","result","onSubmit","context","catch","_el$","_$getNextElement","_tmpl$3","_$insert","_$createComponent","Show","when","fallback","_el$4","_tmpl$4","_c$","_$memo","positiveAck","feedbackPositiveAck","negativeAck","feedbackNegativeAck","children","_el$2","_tmpl$","$$click","_$effect","_$setAttribute","feedbackUseful","_$runHydrationEvents","_el$3","_tmpl$2","feedbackNotUseful","_$className","class","trim","_$delegateEvents"],"mappings":";;;;AA0EO,MAAMA,iBAAkDC,CAAAA,UAAU;AACvE,QAAM,CAACC,QAAQC,SAAS,IAAIC,aAA6C,IAAI;AAC7E,QAAMC,UAAUC,gBAAAA;AAEhB,QAAMC,SAASA,CAACC,UAAmC;AACjD,QAAIN,OAAAA,MAAa,KAAM;AACvBC,cAAUK,KAAK;AACf,QAAI;AAGF,YAAMC,SAASR,MAAMS,SAASF,OAAOP,MAAMU,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,eAAAC,OAAA;AAAAC,WAAAH,MAAAI,gBAEKC,MAAI;AAAA,MAAA,IACHC,OAAI;AAAA,eAAEjB,aAAa;AAAA,MAAI;AAAA,MAAA,IACvBkB,WAAQ;AAAA,gBAAA,MAAA;AAAA,cAAAC,QAAAP,eAAAQ,OAAA;AAAAN,iBAAAK,QAAA,MAAA;AAAA,gBAAAE,MAAAC,KAAA,MAEHtB,OAAAA,MAAa,UAAU;AAAA,mBAAA,MAAvBqB,QACItB,MAAMwB,eAAepB,QAAQqB,sBAC7BzB,MAAM0B,eAAetB,QAAQuB;AAAAA,UAAoB,IAAA;AAAA,iBAAAP;AAAAA,QAAA,GAAA;AAAA,MAAA;AAAA,MAAA,IAAAQ,WAAA;AAAA,eAAA,EAAA,MAAA;AAAA,cAAAC,QAAAhB,eAAAiB,MAAA;AAAAD,gBAAAE,UAM/C,MAAMzB,OAAO,UAAU;AAAC0B,uBAAAC,aAAAJ,OAAA,SAE1BzB,QAAQ8B,cAAc,CAAA;AAAAC,6BAAAA;AAAA,iBAAAN;AAAAA,QAAA,GAAA,IAAA,MAAA;AAAA,cAAAO,QAAAvB,eAAAwB,OAAA;AAAAD,gBAAAL,UAepB,MAAMzB,OAAO,UAAU;AAAC0B,uBAAAC,aAAAG,OAAA,SAE1BhC,QAAQkC,iBAAiB,CAAA;AAAAH,6BAAAA;AAAA,iBAAAC;AAAAA,QAAA,IAAA;AAAA,MAAA;AAAA,IAAA,CAAA,CAAA;AAAAJ,WAAA,MAAAO,UAAA3B,MAhC1B,2BAA2BZ,MAAMwC,SAAS,EAAE,GAAGC,KAAAA,CAAM,CAAA;AAAA,WAAA7B;AAAAA,EAAA,GAAA;AAgDrE;AAAC8B,eAAA,CAAA,OAAA,CAAA;"}

package/dist/components/PresentationFeedback.cjs

@@ -0,0 +1,207 @@
+"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(`<div class="flex items-center gap-2"><span class=text-deposium-slate-500></span><button type=button class="px-2 py-0.5 rounded border border-gray-200 dark:border-gray-600 text-deposium-slate-600 dark:text-gray-300 hover:border-green-500 hover:text-green-600 transition-colors"data-presentation-feedback-verdict=readable></button><button type=button class="px-2 py-0.5 rounded border border-gray-200 dark:border-gray-600 text-deposium-slate-600 dark:text-gray-300 hover:border-amber-500 hover:text-amber-600 transition-colors"data-presentation-feedback-verdict=not_readable>`), _tmpl$2 = /* @__PURE__ */ web.template(`<div class="flex flex-wrap items-center gap-1"><span class=text-deposium-slate-500></span><!$><!/>`), _tmpl$3 = /* @__PURE__ */ web.template(`<div class="flex flex-col gap-2 p-2 rounded-lg border border-gray-200 dark:border-gray-700"><span class="font-medium text-deposium-slate-600 dark:text-gray-300"></span><div class="flex flex-wrap gap-1"></div><!$><!/><textarea rows=2 class="w-full rounded border border-gray-200 dark:border-gray-600 bg-white dark:bg-gray-800 p-1.5 text-xs resize-y"data-presentation-feedback-comment></textarea><button type=button class="self-end px-3 py-1 rounded bg-amber-500 text-white font-medium hover:bg-amber-600 transition-colors"data-presentation-feedback-submit>`), _tmpl$4 = /* @__PURE__ */ web.template(`<span class=text-deposium-slate-500 data-presentation-feedback-ack>`), _tmpl$5 = /* @__PURE__ */ web.template(`<div><!$><!/><!$><!/><!$><!/>`), _tmpl$6 = /* @__PURE__ */ web.template(`<button type=button>`);
+const PROBLEM_ORDER = ["too_raw", "wrong_columns", "wrong_chart", "missing_context", "wrong_unit", "bad_grouping", "missing_dataset_context"];
+const DEFAULT_PRESENTATION_FEEDBACK_LABELS = {
+  prompt: "Is this shown clearly?",
+  readable: "Clear",
+  notReadable: "Not clear",
+  problemsPrompt: "What's off?",
+  problemTooRaw: "Too raw",
+  problemWrongColumns: "Wrong columns",
+  problemWrongChart: "Wrong chart",
+  problemMissingContext: "Missing context",
+  problemWrongUnit: "Wrong unit",
+  problemBadGrouping: "Bad grouping",
+  problemMissingDatasetContext: "Missing dataset context",
+  preferLayoutPrompt: "Better shown as",
+  commentPlaceholder: "Anything else? (optional)",
+  submit: "Send feedback",
+  ack: "Thanks — noted."
+};
+const PROBLEM_LABEL_KEY = {
+  too_raw: "problemTooRaw",
+  wrong_columns: "problemWrongColumns",
+  wrong_chart: "problemWrongChart",
+  missing_context: "problemMissingContext",
+  wrong_unit: "problemWrongUnit",
+  bad_grouping: "problemBadGrouping",
+  missing_dataset_context: "problemMissingDatasetContext"
+};
+const PresentationFeedback = (props) => {
+  const [step, setStep] = solidJs.createSignal("idle");
+  const [problems, setProblems] = solidJs.createSignal(/* @__PURE__ */ new Set());
+  const [preferred, setPreferred] = solidJs.createSignal(void 0);
+  const [comment, setComment] = solidJs.createSignal("");
+  const label = (key) => {
+    var _a;
+    return ((_a = props.labels) == null ? void 0 : _a[key]) ?? DEFAULT_PRESENTATION_FEEDBACK_LABELS[key];
+  };
+  const emit = (feedback) => {
+    try {
+      const result = props.onSubmit(feedback);
+      if (result && typeof result.catch === "function") {
+        ;
+        result.catch(() => {
+        });
+      }
+    } catch {
+    }
+    setStep("done");
+  };
+  const base = () => ({
+    connectorId: props.connectorId,
+    toolName: props.toolName,
+    ...props.queryHash ? {
+      queryHash: props.queryHash
+    } : {},
+    ...props.renderKind ? {
+      renderKind: props.renderKind
+    } : {},
+    ...props.layoutType ? {
+      layoutType: props.layoutType
+    } : {}
+  });
+  const submitReadable = () => emit({
+    ...base(),
+    verdict: "readable"
+  });
+  const submitNotReadable = () => {
+    const picked = [...problems()];
+    const text = comment().trim();
+    emit({
+      ...base(),
+      verdict: "not_readable",
+      ...picked.length > 0 ? {
+        problems: picked
+      } : {},
+      ...preferred() ? {
+        preferredLayout: preferred()
+      } : {},
+      ...text ? {
+        comment: text
+      } : {}
+    });
+  };
+  const toggleProblem = (p) => {
+    setProblems((prev) => {
+      const next = new Set(prev);
+      if (next.has(p)) next.delete(p);
+      else next.add(p);
+      return next;
+    });
+  };
+  return (() => {
+    var _el$ = web.getNextElement(_tmpl$5), _el$16 = _el$.firstChild, [_el$17, _co$3] = web.getNextMarker(_el$16.nextSibling), _el$18 = _el$17.nextSibling, [_el$19, _co$4] = web.getNextMarker(_el$18.nextSibling), _el$20 = _el$19.nextSibling, [_el$21, _co$5] = web.getNextMarker(_el$20.nextSibling);
+    web.insert(_el$, web.createComponent(solidJs.Show, {
+      get when() {
+        return step() === "idle";
+      },
+      get children() {
+        var _el$2 = web.getNextElement(_tmpl$), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling;
+        web.insert(_el$3, () => label("prompt"));
+        _el$4.$$click = submitReadable;
+        web.insert(_el$4, () => label("readable"));
+        _el$5.$$click = () => setStep("detail");
+        web.insert(_el$5, () => label("notReadable"));
+        web.runHydrationEvents();
+        return _el$2;
+      }
+    }), _el$17, _co$3);
+    web.insert(_el$, web.createComponent(solidJs.Show, {
+      get when() {
+        return step() === "detail";
+      },
+      get children() {
+        var _el$6 = web.getNextElement(_tmpl$3), _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling, _el$13 = _el$8.nextSibling, [_el$14, _co$2] = web.getNextMarker(_el$13.nextSibling), _el$11 = _el$14.nextSibling, _el$12 = _el$11.nextSibling;
+        web.insert(_el$7, () => label("problemsPrompt"));
+        web.insert(_el$8, web.createComponent(solidJs.For, {
+          each: PROBLEM_ORDER,
+          children: (p) => (() => {
+            var _el$22 = web.getNextElement(_tmpl$6);
+            _el$22.$$click = () => toggleProblem(p);
+            web.setAttribute(_el$22, "data-presentation-feedback-problem", p);
+            web.insert(_el$22, () => label(PROBLEM_LABEL_KEY[p]));
+            web.effect((_p$) => {
+              var _v$3 = problems().has(p), _v$4 = `px-2 py-0.5 rounded-full border transition-colors ${problems().has(p) ? "border-amber-500 bg-amber-50 dark:bg-amber-900/30 text-amber-700 dark:text-amber-200" : "border-gray-200 dark:border-gray-600 text-deposium-slate-500 hover:border-amber-400"}`;
+              _v$3 !== _p$.e && web.setAttribute(_el$22, "aria-pressed", _p$.e = _v$3);
+              _v$4 !== _p$.t && web.className(_el$22, _p$.t = _v$4);
+              return _p$;
+            }, {
+              e: void 0,
+              t: void 0
+            });
+            web.runHydrationEvents();
+            return _el$22;
+          })()
+        }));
+        web.insert(_el$6, web.createComponent(solidJs.Show, {
+          get when() {
+            var _a;
+            return (((_a = props.preferredLayoutOptions) == null ? void 0 : _a.length) ?? 0) > 0;
+          },
+          get children() {
+            var _el$9 = web.getNextElement(_tmpl$2), _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling, [_el$10, _co$] = web.getNextMarker(_el$1.nextSibling);
+            web.insert(_el$0, () => label("preferLayoutPrompt"));
+            web.insert(_el$9, web.createComponent(solidJs.For, {
+              get each() {
+                return props.preferredLayoutOptions;
+              },
+              children: (opt) => (() => {
+                var _el$23 = web.getNextElement(_tmpl$6);
+                _el$23.$$click = () => setPreferred((cur) => cur === opt ? void 0 : opt);
+                web.setAttribute(_el$23, "data-presentation-feedback-layout", opt);
+                web.insert(_el$23, opt);
+                web.effect((_p$) => {
+                  var _v$5 = preferred() === opt, _v$6 = `px-2 py-0.5 rounded border transition-colors ${preferred() === opt ? "border-blue-500 bg-blue-50 dark:bg-blue-900/30 text-blue-700 dark:text-blue-200" : "border-gray-200 dark:border-gray-600 text-deposium-slate-500 hover:border-blue-400"}`;
+                  _v$5 !== _p$.e && web.setAttribute(_el$23, "aria-pressed", _p$.e = _v$5);
+                  _v$6 !== _p$.t && web.className(_el$23, _p$.t = _v$6);
+                  return _p$;
+                }, {
+                  e: void 0,
+                  t: void 0
+                });
+                web.runHydrationEvents();
+                return _el$23;
+              })()
+            }), _el$10, _co$);
+            return _el$9;
+          }
+        }), _el$14, _co$2);
+        _el$11.$$input = (e) => setComment(e.currentTarget.value);
+        _el$12.$$click = submitNotReadable;
+        web.insert(_el$12, () => label("submit"));
+        web.effect(() => web.setAttribute(_el$11, "placeholder", label("commentPlaceholder")));
+        web.effect(() => web.setProperty(_el$11, "value", comment()));
+        web.runHydrationEvents();
+        return _el$6;
+      }
+    }), _el$19, _co$4);
+    web.insert(_el$, web.createComponent(solidJs.Show, {
+      get when() {
+        return step() === "done";
+      },
+      get children() {
+        var _el$15 = web.getNextElement(_tmpl$4);
+        web.insert(_el$15, () => label("ack"));
+        return _el$15;
+      }
+    }), _el$21, _co$5);
+    web.effect((_p$) => {
+      var _v$ = `text-xs ${props.class ?? ""}`.trim(), _v$2 = step();
+      _v$ !== _p$.e && web.className(_el$, _p$.e = _v$);
+      _v$2 !== _p$.t && web.setAttribute(_el$, "data-presentation-feedback-step", _p$.t = _v$2);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0
+    });
+    return _el$;
+  })();
+};
+web.delegateEvents(["click", "input"]);
+exports.DEFAULT_PRESENTATION_FEEDBACK_LABELS = DEFAULT_PRESENTATION_FEEDBACK_LABELS;
+exports.PresentationFeedback = PresentationFeedback;
+//# sourceMappingURL=PresentationFeedback.cjs.map

package/dist/components/PresentationFeedback.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresentationFeedback.cjs","sources":["../../src/components/PresentationFeedback.tsx"],"sourcesContent":["/**\n * PresentationFeedback — feedback on how a connector result was *presented*.\n *\n * @experimental\n * @since v6.6.0 (R3 / D9 of ROADMAP-opendata-macro-mcpui)\n *\n * ## A separate axis from `FeedbackInline`\n *\n * MCP-UI has two distinct feedback widgets, kept separate on purpose\n * (cf. R3) :\n *\n * - **`FeedbackInline`** — was the *answer* good? (response quality)\n * - **`PresentationFeedback`** (this) — was the answer *shown well*?\n *   (layout / readability)\n *\n * They are separate components, separate exports, separate payloads — so\n * the two axes never collapse into one in the UX or in the logs.\n *\n * ## Stateless — host owns persistence and re-render\n *\n * On submit the component calls `onSubmit(feedback)` with a\n * `ConnectorRenderFeedback` payload and flips to its acknowledgement state.\n * It does NOT persist anything and does NOT re-render the result itself\n * (cf. D1 : adapter pure + host-owned state). The host persists the\n * feedback and, if it wants to \"close the loop\", re-runs its adapter with\n * the corrected `preferredLayout`.\n *\n * Submission is best-effort : a rejected `onSubmit` promise is swallowed,\n * the UI still flips.\n *\n * ## Localization\n *\n * All labels ship in English and are overridable via the `labels` prop\n * (partial). This component carries its own label bag rather than routing\n * through `MCPUIStringsProvider` — its label set is large and specific to\n * this one widget.\n *\n * @example\n * ```tsx\n * <PresentationFeedback\n *   connectorId=\"datagouv\"\n *   toolName=\"datagouv.search\"\n *   queryHash={result.queryHash}\n *   layoutType=\"table\"\n *   preferredLayoutOptions={['table', 'bar', 'map']}\n *   onSubmit={(fb) => fetch('/api/render-feedback', {\n *     method: 'POST', body: JSON.stringify(fb),\n *   })}\n * />\n * ```\n */\n\nimport { Component, Show, For, createSignal } from 'solid-js'\nimport type {\n  ConnectorRenderFeedback,\n  ConnectorRenderProblem,\n  ConnectorPreferredLayout,\n} from '@seed-ship/mcp-ui-spec'\n\n/** The full set of problem tags, in display order. */\nconst PROBLEM_ORDER: ConnectorRenderProblem[] = [\n  'too_raw',\n  'wrong_columns',\n  'wrong_chart',\n  'missing_context',\n  'wrong_unit',\n  'bad_grouping',\n  'missing_dataset_context',\n]\n\nexport interface PresentationFeedbackLabels {\n  /** Resting-state question. */\n  prompt: string\n  /** Positive verdict button. */\n  readable: string\n  /** Negative verdict button — opens the detail step. */\n  notReadable: string\n  /** Heading of the detail step. */\n  problemsPrompt: string\n  /** Per-problem chip labels. */\n  problemTooRaw: string\n  problemWrongColumns: string\n  problemWrongChart: string\n  problemMissingContext: string\n  problemWrongUnit: string\n  problemBadGrouping: string\n  problemMissingDatasetContext: string\n  /** Heading of the optional layout picker. */\n  preferLayoutPrompt: string\n  /** Free-text comment placeholder. */\n  commentPlaceholder: string\n  /** Submit button of the detail step. */\n  submit: string\n  /** Acknowledgement shown after submission. */\n  ack: string\n}\n\n/** English defaults. Override via the `labels` prop for other locales. */\nexport const DEFAULT_PRESENTATION_FEEDBACK_LABELS: PresentationFeedbackLabels = {\n  prompt: 'Is this shown clearly?',\n  readable: 'Clear',\n  notReadable: 'Not clear',\n  problemsPrompt: \"What's off?\",\n  problemTooRaw: 'Too raw',\n  problemWrongColumns: 'Wrong columns',\n  problemWrongChart: 'Wrong chart',\n  problemMissingContext: 'Missing context',\n  problemWrongUnit: 'Wrong unit',\n  problemBadGrouping: 'Bad grouping',\n  problemMissingDatasetContext: 'Missing dataset context',\n  preferLayoutPrompt: 'Better shown as',\n  commentPlaceholder: 'Anything else? (optional)',\n  submit: 'Send feedback',\n  ack: 'Thanks — noted.',\n}\n\nconst PROBLEM_LABEL_KEY: Record<ConnectorRenderProblem, keyof PresentationFeedbackLabels> = {\n  too_raw: 'problemTooRaw',\n  wrong_columns: 'problemWrongColumns',\n  wrong_chart: 'problemWrongChart',\n  missing_context: 'problemMissingContext',\n  wrong_unit: 'problemWrongUnit',\n  bad_grouping: 'problemBadGrouping',\n  missing_dataset_context: 'problemMissingDatasetContext',\n}\n\nexport interface PresentationFeedbackProps {\n  /** Connector whose result is being rated. */\n  connectorId: string\n  /** Tool that produced the result. */\n  toolName: string\n  /** Stable key tying feedback to a `ConnectorDynamicResultV1.queryHash`. */\n  queryHash?: string\n  /** What is being rated (e.g. `'primary'`). Passed through to the payload. */\n  renderKind?: string\n  /** The layout type currently shown (e.g. `'table'`). Passed through. */\n  layoutType?: string\n  /**\n   * Called once on submit with the assembled `ConnectorRenderFeedback`.\n   * Persistence + any re-render are the host's responsibility.\n   */\n  onSubmit: (feedback: ConnectorRenderFeedback) => void | Promise<void>\n  /**\n   * Layout alternatives offered in the detail step. Omit (or pass an empty\n   * array) to hide the layout picker entirely.\n   */\n  preferredLayoutOptions?: ConnectorPreferredLayout[]\n  /** Partial label override (English defaults otherwise). */\n  labels?: Partial<PresentationFeedbackLabels>\n  /** Extra Tailwind classes on the container. */\n  class?: string\n}\n\n/**\n * @experimental\n * Presentation-quality feedback widget (readable / not-readable + detail).\n */\nexport const PresentationFeedback: Component<PresentationFeedbackProps> = (props) => {\n  const [step, setStep] = createSignal<'idle' | 'detail' | 'done'>('idle')\n  const [problems, setProblems] = createSignal<Set<ConnectorRenderProblem>>(new Set())\n  const [preferred, setPreferred] = createSignal<ConnectorPreferredLayout | undefined>(undefined)\n  const [comment, setComment] = createSignal('')\n\n  const label = (key: keyof PresentationFeedbackLabels): string =>\n    props.labels?.[key] ?? DEFAULT_PRESENTATION_FEEDBACK_LABELS[key]\n\n  const emit = (feedback: ConnectorRenderFeedback) => {\n    try {\n      // Fire-and-forget — feedback is best-effort, a rejection must not\n      // break the UI (mirrors FeedbackInline).\n      const result = props.onSubmit(feedback)\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    setStep('done')\n  }\n\n  const base = (): Pick<\n    ConnectorRenderFeedback,\n    'connectorId' | 'toolName' | 'queryHash' | 'renderKind' | 'layoutType'\n  > => ({\n    connectorId: props.connectorId,\n    toolName: props.toolName,\n    ...(props.queryHash ? { queryHash: props.queryHash } : {}),\n    ...(props.renderKind ? { renderKind: props.renderKind } : {}),\n    ...(props.layoutType ? { layoutType: props.layoutType } : {}),\n  })\n\n  const submitReadable = () => emit({ ...base(), verdict: 'readable' })\n\n  const submitNotReadable = () => {\n    const picked = [...problems()]\n    const text = comment().trim()\n    emit({\n      ...base(),\n      verdict: 'not_readable',\n      ...(picked.length > 0 ? { problems: picked } : {}),\n      ...(preferred() ? { preferredLayout: preferred() } : {}),\n      ...(text ? { comment: text } : {}),\n    })\n  }\n\n  const toggleProblem = (p: ConnectorRenderProblem) => {\n    setProblems((prev) => {\n      const next = new Set(prev)\n      if (next.has(p)) next.delete(p)\n      else next.add(p)\n      return next\n    })\n  }\n\n  return (\n    <div\n      class={`text-xs ${props.class ?? ''}`.trim()}\n      data-presentation-feedback-step={step()}\n    >\n      {/* ── Step 1 : verdict ─────────────────────────────── */}\n      <Show when={step() === 'idle'}>\n        <div class=\"flex items-center gap-2\">\n          <span class=\"text-deposium-slate-500\">{label('prompt')}</span>\n          <button\n            type=\"button\"\n            onClick={submitReadable}\n            class=\"px-2 py-0.5 rounded border border-gray-200 dark:border-gray-600 text-deposium-slate-600 dark:text-gray-300 hover:border-green-500 hover:text-green-600 transition-colors\"\n            data-presentation-feedback-verdict=\"readable\"\n          >\n            {label('readable')}\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => setStep('detail')}\n            class=\"px-2 py-0.5 rounded border border-gray-200 dark:border-gray-600 text-deposium-slate-600 dark:text-gray-300 hover:border-amber-500 hover:text-amber-600 transition-colors\"\n            data-presentation-feedback-verdict=\"not_readable\"\n          >\n            {label('notReadable')}\n          </button>\n        </div>\n      </Show>\n\n      {/* ── Step 2 : detail ──────────────────────────────── */}\n      <Show when={step() === 'detail'}>\n        <div class=\"flex flex-col gap-2 p-2 rounded-lg border border-gray-200 dark:border-gray-700\">\n          <span class=\"font-medium text-deposium-slate-600 dark:text-gray-300\">\n            {label('problemsPrompt')}\n          </span>\n\n          {/* Problem chips */}\n          <div class=\"flex flex-wrap gap-1\">\n            <For each={PROBLEM_ORDER}>\n              {(p) => (\n                <button\n                  type=\"button\"\n                  onClick={() => toggleProblem(p)}\n                  aria-pressed={problems().has(p)}\n                  data-presentation-feedback-problem={p}\n                  class={`px-2 py-0.5 rounded-full border transition-colors ${\n                    problems().has(p)\n                      ? 'border-amber-500 bg-amber-50 dark:bg-amber-900/30 text-amber-700 dark:text-amber-200'\n                      : 'border-gray-200 dark:border-gray-600 text-deposium-slate-500 hover:border-amber-400'\n                  }`}\n                >\n                  {label(PROBLEM_LABEL_KEY[p])}\n                </button>\n              )}\n            </For>\n          </div>\n\n          {/* Optional layout picker */}\n          <Show when={(props.preferredLayoutOptions?.length ?? 0) > 0}>\n            <div class=\"flex flex-wrap items-center gap-1\">\n              <span class=\"text-deposium-slate-500\">{label('preferLayoutPrompt')}</span>\n              <For each={props.preferredLayoutOptions}>\n                {(opt) => (\n                  <button\n                    type=\"button\"\n                    onClick={() => setPreferred((cur) => (cur === opt ? undefined : opt))}\n                    aria-pressed={preferred() === opt}\n                    data-presentation-feedback-layout={opt}\n                    class={`px-2 py-0.5 rounded border transition-colors ${\n                      preferred() === opt\n                        ? 'border-blue-500 bg-blue-50 dark:bg-blue-900/30 text-blue-700 dark:text-blue-200'\n                        : 'border-gray-200 dark:border-gray-600 text-deposium-slate-500 hover:border-blue-400'\n                    }`}\n                  >\n                    {opt}\n                  </button>\n                )}\n              </For>\n            </div>\n          </Show>\n\n          {/* Free-text comment */}\n          <textarea\n            value={comment()}\n            onInput={(e) => setComment(e.currentTarget.value)}\n            placeholder={label('commentPlaceholder')}\n            rows={2}\n            class=\"w-full rounded border border-gray-200 dark:border-gray-600 bg-white dark:bg-gray-800 p-1.5 text-xs resize-y\"\n            data-presentation-feedback-comment\n          />\n\n          <button\n            type=\"button\"\n            onClick={submitNotReadable}\n            class=\"self-end px-3 py-1 rounded bg-amber-500 text-white font-medium hover:bg-amber-600 transition-colors\"\n            data-presentation-feedback-submit\n          >\n            {label('submit')}\n          </button>\n        </div>\n      </Show>\n\n      {/* ── Step 3 : acknowledgement ─────────────────────── */}\n      <Show when={step() === 'done'}>\n        <span class=\"text-deposium-slate-500\" data-presentation-feedback-ack>\n          {label('ack')}\n        </span>\n      </Show>\n    </div>\n  )\n}\n"],"names":["PROBLEM_ORDER","DEFAULT_PRESENTATION_FEEDBACK_LABELS","prompt","readable","notReadable","problemsPrompt","problemTooRaw","problemWrongColumns","problemWrongChart","problemMissingContext","problemWrongUnit","problemBadGrouping","problemMissingDatasetContext","preferLayoutPrompt","commentPlaceholder","submit","ack","PROBLEM_LABEL_KEY","too_raw","wrong_columns","wrong_chart","missing_context","wrong_unit","bad_grouping","missing_dataset_context","PresentationFeedback","props","step","setStep","createSignal","problems","setProblems","Set","preferred","setPreferred","undefined","comment","setComment","label","key","labels","emit","feedback","result","onSubmit","catch","base","connectorId","toolName","queryHash","renderKind","layoutType","submitReadable","verdict","submitNotReadable","picked","text","trim","length","preferredLayout","toggleProblem","p","prev","next","has","delete","add","_el$","_$getNextElement","_tmpl$5","_el$16","firstChild","_el$17","_co$3","_$getNextMarker","nextSibling","_el$18","_el$19","_co$4","_el$20","_el$21","_co$5","_$insert","_$createComponent","Show","when","children","_el$2","_tmpl$","_el$3","_el$4","_el$5","$$click","_$runHydrationEvents","_el$6","_tmpl$3","_el$7","_el$8","_el$13","_el$14","_co$2","_el$11","_el$12","For","each","_el$22","_tmpl$6","_$setAttribute","_$effect","_p$","_v$3","_v$4","e","t","_$className","preferredLayoutOptions","_el$9","_tmpl$2","_el$0","_el$1","_el$10","_co$","opt","_el$23","cur","_v$5","_v$6","$$input","currentTarget","value","_$setProperty","_el$15","_tmpl$4","_v$","class","_v$2","_$delegateEvents"],"mappings":"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"}

package/dist/components/PresentationFeedback.d.ts

@@ -0,0 +1,113 @@
+/**
+ * PresentationFeedback — feedback on how a connector result was *presented*.
+ *
+ * @experimental
+ * @since v6.6.0 (R3 / D9 of ROADMAP-opendata-macro-mcpui)
+ *
+ * ## A separate axis from `FeedbackInline`
+ *
+ * MCP-UI has two distinct feedback widgets, kept separate on purpose
+ * (cf. R3) :
+ *
+ * - **`FeedbackInline`** — was the *answer* good? (response quality)
+ * - **`PresentationFeedback`** (this) — was the answer *shown well*?
+ *   (layout / readability)
+ *
+ * They are separate components, separate exports, separate payloads — so
+ * the two axes never collapse into one in the UX or in the logs.
+ *
+ * ## Stateless — host owns persistence and re-render
+ *
+ * On submit the component calls `onSubmit(feedback)` with a
+ * `ConnectorRenderFeedback` payload and flips to its acknowledgement state.
+ * It does NOT persist anything and does NOT re-render the result itself
+ * (cf. D1 : adapter pure + host-owned state). The host persists the
+ * feedback and, if it wants to "close the loop", re-runs its adapter with
+ * the corrected `preferredLayout`.
+ *
+ * Submission is best-effort : a rejected `onSubmit` promise is swallowed,
+ * the UI still flips.
+ *
+ * ## Localization
+ *
+ * All labels ship in English and are overridable via the `labels` prop
+ * (partial). This component carries its own label bag rather than routing
+ * through `MCPUIStringsProvider` — its label set is large and specific to
+ * this one widget.
+ *
+ * @example
+ * ```tsx
+ * <PresentationFeedback
+ *   connectorId="datagouv"
+ *   toolName="datagouv.search"
+ *   queryHash={result.queryHash}
+ *   layoutType="table"
+ *   preferredLayoutOptions={['table', 'bar', 'map']}
+ *   onSubmit={(fb) => fetch('/api/render-feedback', {
+ *     method: 'POST', body: JSON.stringify(fb),
+ *   })}
+ * />
+ * ```
+ */
+import { Component } from 'solid-js';
+import type { ConnectorRenderFeedback, ConnectorPreferredLayout } from '@seed-ship/mcp-ui-spec';
+export interface PresentationFeedbackLabels {
+    /** Resting-state question. */
+    prompt: string;
+    /** Positive verdict button. */
+    readable: string;
+    /** Negative verdict button — opens the detail step. */
+    notReadable: string;
+    /** Heading of the detail step. */
+    problemsPrompt: string;
+    /** Per-problem chip labels. */
+    problemTooRaw: string;
+    problemWrongColumns: string;
+    problemWrongChart: string;
+    problemMissingContext: string;
+    problemWrongUnit: string;
+    problemBadGrouping: string;
+    problemMissingDatasetContext: string;
+    /** Heading of the optional layout picker. */
+    preferLayoutPrompt: string;
+    /** Free-text comment placeholder. */
+    commentPlaceholder: string;
+    /** Submit button of the detail step. */
+    submit: string;
+    /** Acknowledgement shown after submission. */
+    ack: string;
+}
+/** English defaults. Override via the `labels` prop for other locales. */
+export declare const DEFAULT_PRESENTATION_FEEDBACK_LABELS: PresentationFeedbackLabels;
+export interface PresentationFeedbackProps {
+    /** Connector whose result is being rated. */
+    connectorId: string;
+    /** Tool that produced the result. */
+    toolName: string;
+    /** Stable key tying feedback to a `ConnectorDynamicResultV1.queryHash`. */
+    queryHash?: string;
+    /** What is being rated (e.g. `'primary'`). Passed through to the payload. */
+    renderKind?: string;
+    /** The layout type currently shown (e.g. `'table'`). Passed through. */
+    layoutType?: string;
+    /**
+     * Called once on submit with the assembled `ConnectorRenderFeedback`.
+     * Persistence + any re-render are the host's responsibility.
+     */
+    onSubmit: (feedback: ConnectorRenderFeedback) => void | Promise<void>;
+    /**
+     * Layout alternatives offered in the detail step. Omit (or pass an empty
+     * array) to hide the layout picker entirely.
+     */
+    preferredLayoutOptions?: ConnectorPreferredLayout[];
+    /** Partial label override (English defaults otherwise). */
+    labels?: Partial<PresentationFeedbackLabels>;
+    /** Extra Tailwind classes on the container. */
+    class?: string;
+}
+/**
+ * @experimental
+ * Presentation-quality feedback widget (readable / not-readable + detail).
+ */
+export declare const PresentationFeedback: Component<PresentationFeedbackProps>;
+//# sourceMappingURL=PresentationFeedback.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PresentationFeedback.d.ts","sourceRoot":"","sources":["../../src/components/PresentationFeedback.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkDG;AAEH,OAAO,EAAE,SAAS,EAA2B,MAAM,UAAU,CAAA;AAC7D,OAAO,KAAK,EACV,uBAAuB,EAEvB,wBAAwB,EACzB,MAAM,wBAAwB,CAAA;AAa/B,MAAM,WAAW,0BAA0B;IACzC,8BAA8B;IAC9B,MAAM,EAAE,MAAM,CAAA;IACd,+BAA+B;IAC/B,QAAQ,EAAE,MAAM,CAAA;IAChB,uDAAuD;IACvD,WAAW,EAAE,MAAM,CAAA;IACnB,kCAAkC;IAClC,cAAc,EAAE,MAAM,CAAA;IACtB,+BAA+B;IAC/B,aAAa,EAAE,MAAM,CAAA;IACrB,mBAAmB,EAAE,MAAM,CAAA;IAC3B,iBAAiB,EAAE,MAAM,CAAA;IACzB,qBAAqB,EAAE,MAAM,CAAA;IAC7B,gBAAgB,EAAE,MAAM,CAAA;IACxB,kBAAkB,EAAE,MAAM,CAAA;IAC1B,4BAA4B,EAAE,MAAM,CAAA;IACpC,6CAA6C;IAC7C,kBAAkB,EAAE,MAAM,CAAA;IAC1B,qCAAqC;IACrC,kBAAkB,EAAE,MAAM,CAAA;IAC1B,wCAAwC;IACxC,MAAM,EAAE,MAAM,CAAA;IACd,8CAA8C;IAC9C,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,0EAA0E;AAC1E,eAAO,MAAM,oCAAoC,EAAE,0BAgBlD,CAAA;AAYD,MAAM,WAAW,yBAAyB;IACxC,6CAA6C;IAC7C,WAAW,EAAE,MAAM,CAAA;IACnB,qCAAqC;IACrC,QAAQ,EAAE,MAAM,CAAA;IAChB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,wEAAwE;IACxE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB;;;OAGG;IACH,QAAQ,EAAE,CAAC,QAAQ,EAAE,uBAAuB,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACrE;;;OAGG;IACH,sBAAsB,CAAC,EAAE,wBAAwB,EAAE,CAAA;IACnD,2DAA2D;IAC3D,MAAM,CAAC,EAAE,OAAO,CAAC,0BAA0B,CAAC,CAAA;IAC5C,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,EAAE,SAAS,CAAC,yBAAyB,CAwKrE,CAAA"}