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

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"}

package/dist/components/PresentationFeedback.js

@@ -0,0 +1,207 @@
+import { delegateEvents, getNextElement, template, getNextMarker, insert, createComponent, runHydrationEvents, setAttribute, effect, className, setProperty } from "solid-js/web";
+import { createSignal, Show, For } from "solid-js";
+var _tmpl$ = /* @__PURE__ */ 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__ */ template(`<div class="flex flex-wrap items-center gap-1"><span class=text-deposium-slate-500></span><!$><!/>`), _tmpl$3 = /* @__PURE__ */ 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__ */ template(`<span class=text-deposium-slate-500 data-presentation-feedback-ack>`), _tmpl$5 = /* @__PURE__ */ template(`<div><!$><!/><!$><!/><!$><!/>`), _tmpl$6 = /* @__PURE__ */ 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] = createSignal("idle");
+  const [problems, setProblems] = createSignal(/* @__PURE__ */ new Set());
+  const [preferred, setPreferred] = createSignal(void 0);
+  const [comment, setComment] = 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$ = getNextElement(_tmpl$5), _el$16 = _el$.firstChild, [_el$17, _co$3] = getNextMarker(_el$16.nextSibling), _el$18 = _el$17.nextSibling, [_el$19, _co$4] = getNextMarker(_el$18.nextSibling), _el$20 = _el$19.nextSibling, [_el$21, _co$5] = getNextMarker(_el$20.nextSibling);
+    insert(_el$, createComponent(Show, {
+      get when() {
+        return step() === "idle";
+      },
+      get children() {
+        var _el$2 = getNextElement(_tmpl$), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$4.nextSibling;
+        insert(_el$3, () => label("prompt"));
+        _el$4.$$click = submitReadable;
+        insert(_el$4, () => label("readable"));
+        _el$5.$$click = () => setStep("detail");
+        insert(_el$5, () => label("notReadable"));
+        runHydrationEvents();
+        return _el$2;
+      }
+    }), _el$17, _co$3);
+    insert(_el$, createComponent(Show, {
+      get when() {
+        return step() === "detail";
+      },
+      get children() {
+        var _el$6 = getNextElement(_tmpl$3), _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling, _el$13 = _el$8.nextSibling, [_el$14, _co$2] = getNextMarker(_el$13.nextSibling), _el$11 = _el$14.nextSibling, _el$12 = _el$11.nextSibling;
+        insert(_el$7, () => label("problemsPrompt"));
+        insert(_el$8, createComponent(For, {
+          each: PROBLEM_ORDER,
+          children: (p) => (() => {
+            var _el$22 = getNextElement(_tmpl$6);
+            _el$22.$$click = () => toggleProblem(p);
+            setAttribute(_el$22, "data-presentation-feedback-problem", p);
+            insert(_el$22, () => label(PROBLEM_LABEL_KEY[p]));
+            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 && setAttribute(_el$22, "aria-pressed", _p$.e = _v$3);
+              _v$4 !== _p$.t && className(_el$22, _p$.t = _v$4);
+              return _p$;
+            }, {
+              e: void 0,
+              t: void 0
+            });
+            runHydrationEvents();
+            return _el$22;
+          })()
+        }));
+        insert(_el$6, createComponent(Show, {
+          get when() {
+            var _a;
+            return (((_a = props.preferredLayoutOptions) == null ? void 0 : _a.length) ?? 0) > 0;
+          },
+          get children() {
+            var _el$9 = getNextElement(_tmpl$2), _el$0 = _el$9.firstChild, _el$1 = _el$0.nextSibling, [_el$10, _co$] = getNextMarker(_el$1.nextSibling);
+            insert(_el$0, () => label("preferLayoutPrompt"));
+            insert(_el$9, createComponent(For, {
+              get each() {
+                return props.preferredLayoutOptions;
+              },
+              children: (opt) => (() => {
+                var _el$23 = getNextElement(_tmpl$6);
+                _el$23.$$click = () => setPreferred((cur) => cur === opt ? void 0 : opt);
+                setAttribute(_el$23, "data-presentation-feedback-layout", opt);
+                insert(_el$23, opt);
+                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 && setAttribute(_el$23, "aria-pressed", _p$.e = _v$5);
+                  _v$6 !== _p$.t && className(_el$23, _p$.t = _v$6);
+                  return _p$;
+                }, {
+                  e: void 0,
+                  t: void 0
+                });
+                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;
+        insert(_el$12, () => label("submit"));
+        effect(() => setAttribute(_el$11, "placeholder", label("commentPlaceholder")));
+        effect(() => setProperty(_el$11, "value", comment()));
+        runHydrationEvents();
+        return _el$6;
+      }
+    }), _el$19, _co$4);
+    insert(_el$, createComponent(Show, {
+      get when() {
+        return step() === "done";
+      },
+      get children() {
+        var _el$15 = getNextElement(_tmpl$4);
+        insert(_el$15, () => label("ack"));
+        return _el$15;
+      }
+    }), _el$21, _co$5);
+    effect((_p$) => {
+      var _v$ = `text-xs ${props.class ?? ""}`.trim(), _v$2 = step();
+      _v$ !== _p$.e && className(_el$, _p$.e = _v$);
+      _v$2 !== _p$.t && setAttribute(_el$, "data-presentation-feedback-step", _p$.t = _v$2);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0
+    });
+    return _el$;
+  })();
+};
+delegateEvents(["click", "input"]);
+export {
+  DEFAULT_PRESENTATION_FEEDBACK_LABELS,
+  PresentationFeedback
+};
+//# sourceMappingURL=PresentationFeedback.js.map

package/dist/components/PresentationFeedback.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PresentationFeedback.js","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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"}