@seed-ship/mcp-ui-solid 6.19.0 → 6.20.0

package/dist/components/DegradedFallback.js

@@ -1,7 +1,10 @@
 import { getNextElement, getNextMarker, insert, createComponent, template } from "solid-js/web";
 import { Show, For } from "solid-js";
-var _tmpl$ = /* @__PURE__ */ template(`<div class="mt-2 max-h-64 overflow-auto rounded border border-amber-200 dark:border-amber-800"><table class="w-full border-collapse text-left text-xs"><thead class="sticky top-0 bg-amber-100 dark:bg-amber-900/40"><tr></tr></thead><tbody>`), _tmpl$2 = /* @__PURE__ */ template(`<p class="mt-1 text-[10px] text-amber-600 dark:text-amber-400">+<!$><!/> more rows not shown.`), _tmpl$3 = /* @__PURE__ */ template(`<div class="w-full rounded-lg border border-amber-200 bg-amber-50 p-3 dark:border-amber-800 dark:bg-amber-900/20"role=alert><p class="text-sm font-medium text-amber-900 dark:text-amber-100"></p><p class="mt-0.5 text-xs text-amber-700 dark:text-amber-300"></p><!$><!/>`), _tmpl$4 = /* @__PURE__ */ template(`<th class="px-2 py-1 font-medium text-amber-900 dark:text-amber-100">`), _tmpl$5 = /* @__PURE__ */ template(`<tr class="border-t border-amber-100 dark:border-amber-800/60">`), _tmpl$6 = /* @__PURE__ */ template(`<td class="px-2 py-1 text-amber-800 dark:text-amber-200">`);
+import { useMCPUIStrings } from "../context/MCPUIStringsContext.js";
+import { formatMCPUIString } from "../utils/format-string.js";
+var _tmpl$ = /* @__PURE__ */ template(`<div class="mt-2 max-h-64 overflow-auto rounded border border-amber-200 dark:border-amber-800"><table class="w-full border-collapse text-left text-xs"><thead class="sticky top-0 bg-amber-100 dark:bg-amber-900/40"><tr></tr></thead><tbody>`), _tmpl$2 = /* @__PURE__ */ template(`<p class="mt-1 text-[10px] text-amber-600 dark:text-amber-400">`), _tmpl$3 = /* @__PURE__ */ template(`<div class="w-full rounded-lg border border-amber-200 bg-amber-50 p-3 dark:border-amber-800 dark:bg-amber-900/20"role=alert><p class="text-sm font-medium text-amber-900 dark:text-amber-100"></p><p class="mt-0.5 text-xs text-amber-700 dark:text-amber-300"></p><!$><!/>`), _tmpl$4 = /* @__PURE__ */ template(`<th class="px-2 py-1 font-medium text-amber-900 dark:text-amber-100">`), _tmpl$5 = /* @__PURE__ */ template(`<tr class="border-t border-amber-100 dark:border-amber-800/60">`), _tmpl$6 = /* @__PURE__ */ template(`<td class="px-2 py-1 text-amber-800 dark:text-amber-200">`);
 const DegradedFallback = (props) => {
+  const strings = useMCPUIStrings();
   const maxRows = () => props.maxRows ?? 50;
   const allRows = () => props.rows ?? [];
   const shownRows = () => allRows().slice(0, maxRows());
@@ -11,9 +14,9 @@ const DegradedFallback = (props) => {
     return (((_a = props.columns) == null ? void 0 : _a.length) ?? 0) > 0 && allRows().length > 0;
   };
   return (() => {
-    var _el$ = getNextElement(_tmpl$3), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$12 = _el$3.nextSibling, [_el$13, _co$2] = getNextMarker(_el$12.nextSibling);
+    var _el$ = getNextElement(_tmpl$3), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$0 = _el$3.nextSibling, [_el$1, _co$] = getNextMarker(_el$0.nextSibling);
     insert(_el$2, () => props.message);
-    insert(_el$3, () => props.caption ?? "Showing the underlying data — the interactive view is unavailable.");
+    insert(_el$3, () => props.caption ?? strings.degradedCaption);
     insert(_el$, createComponent(Show, {
       get when() {
         return hasTable();
@@ -26,9 +29,9 @@ const DegradedFallback = (props) => {
               return props.columns;
             },
             children: (col) => (() => {
-              var _el$14 = getNextElement(_tmpl$4);
-              insert(_el$14, col);
-              return _el$14;
+              var _el$10 = getNextElement(_tmpl$4);
+              insert(_el$10, col);
+              return _el$10;
             })()
           }));
           insert(_el$8, createComponent(For, {
@@ -36,18 +39,18 @@ const DegradedFallback = (props) => {
               return shownRows();
             },
             children: (row) => (() => {
-              var _el$15 = getNextElement(_tmpl$5);
-              insert(_el$15, createComponent(For, {
+              var _el$11 = getNextElement(_tmpl$5);
+              insert(_el$11, createComponent(For, {
                 get each() {
                   return props.columns;
                 },
                 children: (_col, i) => (() => {
-                  var _el$16 = getNextElement(_tmpl$6);
-                  insert(_el$16, () => String(row[i()] ?? ""));
-                  return _el$16;
+                  var _el$12 = getNextElement(_tmpl$6);
+                  insert(_el$12, () => String(row[i()] ?? ""));
+                  return _el$12;
                 })()
               }));
-              return _el$15;
+              return _el$11;
             })()
           }));
           return _el$4;
@@ -56,14 +59,15 @@ const DegradedFallback = (props) => {
             return hiddenCount() > 0;
           },
           get children() {
-            var _el$9 = getNextElement(_tmpl$2), _el$0 = _el$9.firstChild, _el$10 = _el$0.nextSibling, [_el$11, _co$] = getNextMarker(_el$10.nextSibling);
-            _el$11.nextSibling;
-            insert(_el$9, hiddenCount, _el$11, _co$);
+            var _el$9 = getNextElement(_tmpl$2);
+            insert(_el$9, () => formatMCPUIString(strings.degradedMoreRows, {
+              count: hiddenCount()
+            }));
             return _el$9;
           }
         })];
       }
-    }), _el$13, _co$2);
+    }), _el$1, _co$);
     return _el$;
   })();
 };

package/dist/components/DegradedFallback.js.map

@@ -1 +1 @@
-{"version":3,"file":"DegradedFallback.js","sources":["../../src/components/DegradedFallback.tsx"],"sourcesContent":["/**\n * DegradedFallback — the middle rung of the renderer fallback ladder\n * (audit 2026-05-30, P2.5).\n *\n * Each heavy renderer (graph / map / chart) follows the same contract:\n *   1. native render when its peer lib is available and succeeds;\n *   2. **degraded but useful** view when the native render throws — this\n *      component: a visible notice + a plain data table so the user still\n *      sees the underlying data instead of a blank space;\n *   3. (the caller also emits a `render:error` telemetry event).\n *\n * Pure / presentational — no peer deps, no side effects — so a render-path\n * failure in a heavy lib can never cascade into the fallback itself, and it\n * is trivially unit-testable. Rows/cells are rendered as text; callers are\n * responsible for stringifying complex cell values.\n */\n\nimport { Component, For, Show } from 'solid-js';\n\nexport interface DegradedFallbackProps {\n  /** Short, human-readable reason the native render was skipped/failed. */\n  message: string;\n  /**\n   * Column headers for the degraded data table. When omitted (or empty),\n   * only the notice banner is shown.\n   */\n  columns?: string[];\n  /** Row data — each row is an array of cells aligned to `columns`. */\n  rows?: Array<Array<string | number>>;\n  /**\n   * Caption under the table. Defaults to a generic\n   * \"interactive view unavailable\" line.\n   */\n  caption?: string;\n  /** Max rows to render before truncating (default 50). */\n  maxRows?: number;\n}\n\nexport const DegradedFallback: Component<DegradedFallbackProps> = (props) => {\n  const maxRows = () => props.maxRows ?? 50;\n  const allRows = () => props.rows ?? [];\n  const shownRows = () => allRows().slice(0, maxRows());\n  const hiddenCount = () => Math.max(0, allRows().length - shownRows().length);\n  const hasTable = () => (props.columns?.length ?? 0) > 0 && allRows().length > 0;\n\n  return (\n    <div\n      class=\"w-full rounded-lg border border-amber-200 bg-amber-50 p-3 dark:border-amber-800 dark:bg-amber-900/20\"\n      role=\"alert\"\n    >\n      <p class=\"text-sm font-medium text-amber-900 dark:text-amber-100\">{props.message}</p>\n      <p class=\"mt-0.5 text-xs text-amber-700 dark:text-amber-300\">\n        {props.caption ?? 'Showing the underlying data — the interactive view is unavailable.'}\n      </p>\n\n      <Show when={hasTable()}>\n        <div class=\"mt-2 max-h-64 overflow-auto rounded border border-amber-200 dark:border-amber-800\">\n          <table class=\"w-full border-collapse text-left text-xs\">\n            <thead class=\"sticky top-0 bg-amber-100 dark:bg-amber-900/40\">\n              <tr>\n                <For each={props.columns}>\n                  {(col) => (\n                    <th class=\"px-2 py-1 font-medium text-amber-900 dark:text-amber-100\">{col}</th>\n                  )}\n                </For>\n              </tr>\n            </thead>\n            <tbody>\n              <For each={shownRows()}>\n                {(row) => (\n                  <tr class=\"border-t border-amber-100 dark:border-amber-800/60\">\n                    <For each={props.columns}>\n                      {(_col, i) => (\n                        <td class=\"px-2 py-1 text-amber-800 dark:text-amber-200\">\n                          {String(row[i()] ?? '')}\n                        </td>\n                      )}\n                    </For>\n                  </tr>\n                )}\n              </For>\n            </tbody>\n          </table>\n        </div>\n        <Show when={hiddenCount() > 0}>\n          <p class=\"mt-1 text-[10px] text-amber-600 dark:text-amber-400\">\n            +{hiddenCount()} more rows not shown.\n          </p>\n        </Show>\n      </Show>\n    </div>\n  );\n};\n"],"names":["DegradedFallback","props","maxRows","allRows","rows","shownRows","slice","hiddenCount","Math","max","length","hasTable","columns","_el$","_$getNextElement","_tmpl$3","_el$2","firstChild","_el$3","nextSibling","_el$12","_el$13","_co$2","_$getNextMarker","_$insert","message","caption","_$createComponent","Show","when","children","_el$4","_tmpl$","_el$5","_el$6","_el$7","_el$8","For","each","col","_el$14","_tmpl$4","row","_el$15","_tmpl$5","_col","i","_el$16","_tmpl$6","String","_el$9","_tmpl$2","_el$0","_el$10","_el$11","_co$"],"mappings":";;;AAsCO,MAAMA,mBAAsDC,CAAAA,UAAU;AAC3E,QAAMC,UAAUA,MAAMD,MAAMC,WAAW;AACvC,QAAMC,UAAUA,MAAMF,MAAMG,QAAQ,CAAA;AACpC,QAAMC,YAAYA,MAAMF,QAAAA,EAAUG,MAAM,GAAGJ,SAAS;AACpD,QAAMK,cAAcA,MAAMC,KAAKC,IAAI,GAAGN,UAAUO,SAASL,UAAAA,EAAYK,MAAM;AAC3E,QAAMC,WAAWA,MAAAA;;AAAOV,yBAAMW,YAANX,mBAAeS,WAAU,KAAK,KAAKP,UAAUO,SAAS;AAAA;AAE9E,UAAA,MAAA;AAAA,QAAAG,OAAAC,eAAAC,OAAA,GAAAC,QAAAH,KAAAI,YAAAC,QAAAF,MAAAG,aAAAC,SAAAF,MAAAC,aAAA,CAAAE,QAAAC,KAAA,IAAAC,cAAAH,OAAAD,WAAA;AAAAK,WAAAR,OAAA,MAKuEf,MAAMwB,OAAO;AAAAD,WAAAN,OAAA,MAE7EjB,MAAMyB,WAAW,oEAAoE;AAAAF,WAAAX,MAAAc,gBAGvFC,MAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAElB,SAAAA;AAAAA,MAAU;AAAA,MAAA,IAAAmB,WAAA;AAAA,eAAA,EAAA,MAAA;AAAA,cAAAC,QAAAjB,eAAAkB,MAAA,GAAAC,QAAAF,MAAAd,YAAAiB,QAAAD,MAAAhB,YAAAkB,QAAAD,MAAAjB,YAAAmB,QAAAF,MAAAf;AAAAK,iBAAAW,OAAAR,gBAKXU,KAAG;AAAA,YAAA,IAACC,OAAI;AAAA,qBAAErC,MAAMW;AAAAA,YAAO;AAAA,YAAAkB,UACpBS,UAAG,MAAA;AAAA,kBAAAC,SAAA1B,eAAA2B,OAAA;AAAAjB,qBAAAgB,QACmED,GAAG;AAAA,qBAAAC;AAAAA,YAAA,GAAA;AAAA,UAAA,CAC1E,CAAA;AAAAhB,iBAAAY,OAAAT,gBAKJU,KAAG;AAAA,YAAA,IAACC,OAAI;AAAA,qBAAEjC,UAAAA;AAAAA,YAAW;AAAA,YAAAyB,UAClBY,UAAG,MAAA;AAAA,kBAAAC,SAAA7B,eAAA8B,OAAA;AAAApB,qBAAAmB,QAAAhB,gBAEAU,KAAG;AAAA,gBAAA,IAACC,OAAI;AAAA,yBAAErC,MAAMW;AAAAA,gBAAO;AAAA,gBAAAkB,UACrBA,CAACe,MAAMC,OAAC,MAAA;AAAA,sBAAAC,SAAAjC,eAAAkC,OAAA;AAAAxB,yBAAAuB,QAAA,MAEJE,OAAOP,IAAII,GAAG,KAAK,EAAE,CAAC;AAAA,yBAAAC;AAAAA,gBAAA,GAAA;AAAA,cAAA,CAE1B,CAAA;AAAA,qBAAAJ;AAAAA,YAAA,GAAA;AAAA,UAAA,CAGN,CAAA;AAAA,iBAAAZ;AAAAA,QAAA,GAAA,GAAAJ,gBAKRC,MAAI;AAAA,UAAA,IAACC,OAAI;AAAA,mBAAEtB,gBAAgB;AAAA,UAAC;AAAA,UAAA,IAAAuB,WAAA;AAAA,gBAAAoB,QAAApC,eAAAqC,OAAA,GAAAC,QAAAF,MAAAjC,YAAAoC,SAAAD,MAAAjC,aAAA,CAAAmC,QAAAC,IAAA,IAAAhC,cAAA8B,OAAAlC,WAAA;AAAAmC,mBAAAnC;AAAAK,mBAAA0B,OAEvB3C,aAAW+C,QAAAC,IAAA;AAAA,mBAAAL;AAAAA,UAAA;AAAA,QAAA,CAAA,CAAA;AAAA,MAAA;AAAA,IAAA,CAAA,GAAA7B,QAAAC,KAAA;AAAA,WAAAT;AAAAA,EAAA,GAAA;AAMzB;"}
+{"version":3,"file":"DegradedFallback.js","sources":["../../src/components/DegradedFallback.tsx"],"sourcesContent":["/**\n * DegradedFallback — the middle rung of the renderer fallback ladder\n * (audit 2026-05-30, P2.5).\n *\n * Each heavy renderer (graph / map / chart) follows the same contract:\n *   1. native render when its peer lib is available and succeeds;\n *   2. **degraded but useful** view when the native render throws — this\n *      component: a visible notice + a plain data table so the user still\n *      sees the underlying data instead of a blank space;\n *   3. (the caller also emits a `render:error` telemetry event).\n *\n * Pure / presentational — no peer deps, no side effects — so a render-path\n * failure in a heavy lib can never cascade into the fallback itself, and it\n * is trivially unit-testable. Rows/cells are rendered as text; callers are\n * responsible for stringifying complex cell values.\n */\n\nimport { Component, For, Show } from 'solid-js';\nimport { formatMCPUIString, useMCPUIStrings } from '../context/MCPUIStringsContext';\n\nexport interface DegradedFallbackProps {\n  /** Short, human-readable reason the native render was skipped/failed. */\n  message: string;\n  /**\n   * Column headers for the degraded data table. When omitted (or empty),\n   * only the notice banner is shown.\n   */\n  columns?: string[];\n  /** Row data — each row is an array of cells aligned to `columns`. */\n  rows?: Array<Array<string | number>>;\n  /**\n   * Caption under the table. Defaults to a generic\n   * \"interactive view unavailable\" line.\n   */\n  caption?: string;\n  /** Max rows to render before truncating (default 50). */\n  maxRows?: number;\n}\n\nexport const DegradedFallback: Component<DegradedFallbackProps> = (props) => {\n  const strings = useMCPUIStrings();\n  const maxRows = () => props.maxRows ?? 50;\n  const allRows = () => props.rows ?? [];\n  const shownRows = () => allRows().slice(0, maxRows());\n  const hiddenCount = () => Math.max(0, allRows().length - shownRows().length);\n  const hasTable = () => (props.columns?.length ?? 0) > 0 && allRows().length > 0;\n\n  return (\n    <div\n      class=\"w-full rounded-lg border border-amber-200 bg-amber-50 p-3 dark:border-amber-800 dark:bg-amber-900/20\"\n      role=\"alert\"\n    >\n      <p class=\"text-sm font-medium text-amber-900 dark:text-amber-100\">{props.message}</p>\n      <p class=\"mt-0.5 text-xs text-amber-700 dark:text-amber-300\">\n        {props.caption ?? strings.degradedCaption}\n      </p>\n\n      <Show when={hasTable()}>\n        <div class=\"mt-2 max-h-64 overflow-auto rounded border border-amber-200 dark:border-amber-800\">\n          <table class=\"w-full border-collapse text-left text-xs\">\n            <thead class=\"sticky top-0 bg-amber-100 dark:bg-amber-900/40\">\n              <tr>\n                <For each={props.columns}>\n                  {(col) => (\n                    <th class=\"px-2 py-1 font-medium text-amber-900 dark:text-amber-100\">{col}</th>\n                  )}\n                </For>\n              </tr>\n            </thead>\n            <tbody>\n              <For each={shownRows()}>\n                {(row) => (\n                  <tr class=\"border-t border-amber-100 dark:border-amber-800/60\">\n                    <For each={props.columns}>\n                      {(_col, i) => (\n                        <td class=\"px-2 py-1 text-amber-800 dark:text-amber-200\">\n                          {String(row[i()] ?? '')}\n                        </td>\n                      )}\n                    </For>\n                  </tr>\n                )}\n              </For>\n            </tbody>\n          </table>\n        </div>\n        <Show when={hiddenCount() > 0}>\n          <p class=\"mt-1 text-[10px] text-amber-600 dark:text-amber-400\">\n            {formatMCPUIString(strings.degradedMoreRows, { count: hiddenCount() })}\n          </p>\n        </Show>\n      </Show>\n    </div>\n  );\n};\n"],"names":["DegradedFallback","props","strings","useMCPUIStrings","maxRows","allRows","rows","shownRows","slice","hiddenCount","Math","max","length","hasTable","columns","_el$","_$getNextElement","_tmpl$3","_el$2","firstChild","_el$3","nextSibling","_el$0","_el$1","_co$","_$getNextMarker","_$insert","message","caption","degradedCaption","_$createComponent","Show","when","children","_el$4","_tmpl$","_el$5","_el$6","_el$7","_el$8","For","each","col","_el$10","_tmpl$4","row","_el$11","_tmpl$5","_col","i","_el$12","_tmpl$6","String","_el$9","_tmpl$2","formatMCPUIString","degradedMoreRows","count"],"mappings":";;;;;AAuCO,MAAMA,mBAAsDC,CAAAA,UAAU;AAC3E,QAAMC,UAAUC,gBAAAA;AAChB,QAAMC,UAAUA,MAAMH,MAAMG,WAAW;AACvC,QAAMC,UAAUA,MAAMJ,MAAMK,QAAQ,CAAA;AACpC,QAAMC,YAAYA,MAAMF,QAAAA,EAAUG,MAAM,GAAGJ,SAAS;AACpD,QAAMK,cAAcA,MAAMC,KAAKC,IAAI,GAAGN,UAAUO,SAASL,UAAAA,EAAYK,MAAM;AAC3E,QAAMC,WAAWA,MAAAA;;AAAOZ,yBAAMa,YAANb,mBAAeW,WAAU,KAAK,KAAKP,UAAUO,SAAS;AAAA;AAE9E,UAAA,MAAA;AAAA,QAAAG,OAAAC,eAAAC,OAAA,GAAAC,QAAAH,KAAAI,YAAAC,QAAAF,MAAAG,aAAAC,QAAAF,MAAAC,aAAA,CAAAE,OAAAC,IAAA,IAAAC,cAAAH,MAAAD,WAAA;AAAAK,WAAAR,OAAA,MAKuEjB,MAAM0B,OAAO;AAAAD,WAAAN,OAAA,MAE7EnB,MAAM2B,WAAW1B,QAAQ2B,eAAe;AAAAH,WAAAX,MAAAe,gBAG1CC,MAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAEnB,SAAAA;AAAAA,MAAU;AAAA,MAAA,IAAAoB,WAAA;AAAA,eAAA,EAAA,MAAA;AAAA,cAAAC,QAAAlB,eAAAmB,MAAA,GAAAC,QAAAF,MAAAf,YAAAkB,QAAAD,MAAAjB,YAAAmB,QAAAD,MAAAlB,YAAAoB,QAAAF,MAAAhB;AAAAK,iBAAAY,OAAAR,gBAKXU,KAAG;AAAA,YAAA,IAACC,OAAI;AAAA,qBAAExC,MAAMa;AAAAA,YAAO;AAAA,YAAAmB,UACpBS,UAAG,MAAA;AAAA,kBAAAC,SAAA3B,eAAA4B,OAAA;AAAAlB,qBAAAiB,QACmED,GAAG;AAAA,qBAAAC;AAAAA,YAAA,GAAA;AAAA,UAAA,CAC1E,CAAA;AAAAjB,iBAAAa,OAAAT,gBAKJU,KAAG;AAAA,YAAA,IAACC,OAAI;AAAA,qBAAElC,UAAAA;AAAAA,YAAW;AAAA,YAAA0B,UAClBY,UAAG,MAAA;AAAA,kBAAAC,SAAA9B,eAAA+B,OAAA;AAAArB,qBAAAoB,QAAAhB,gBAEAU,KAAG;AAAA,gBAAA,IAACC,OAAI;AAAA,yBAAExC,MAAMa;AAAAA,gBAAO;AAAA,gBAAAmB,UACrBA,CAACe,MAAMC,OAAC,MAAA;AAAA,sBAAAC,SAAAlC,eAAAmC,OAAA;AAAAzB,yBAAAwB,QAAA,MAEJE,OAAOP,IAAII,GAAG,KAAK,EAAE,CAAC;AAAA,yBAAAC;AAAAA,gBAAA,GAAA;AAAA,cAAA,CAE1B,CAAA;AAAA,qBAAAJ;AAAAA,YAAA,GAAA;AAAA,UAAA,CAGN,CAAA;AAAA,iBAAAZ;AAAAA,QAAA,GAAA,GAAAJ,gBAKRC,MAAI;AAAA,UAAA,IAACC,OAAI;AAAA,mBAAEvB,gBAAgB;AAAA,UAAC;AAAA,UAAA,IAAAwB,WAAA;AAAA,gBAAAoB,QAAArC,eAAAsC,OAAA;AAAA5B,mBAAA2B,OAAA,MAExBE,kBAAkBrD,QAAQsD,kBAAkB;AAAA,cAAEC,OAAOhD,YAAAA;AAAAA,YAAY,CAAG,CAAC;AAAA,mBAAA4C;AAAAA,UAAA;AAAA,QAAA,CAAA,CAAA;AAAA,MAAA;AAAA,IAAA,CAAA,GAAA9B,OAAAC,IAAA;AAAA,WAAAT;AAAAA,EAAA,GAAA;AAMlF;"}

package/dist/components/FeedbackInline.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const web = require("solid-js/web");
 const solidJs = require("solid-js");
 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">`);
+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"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"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();
@@ -39,13 +39,29 @@ 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.effect((_p$) => {
+            var _v$ = strings.feedbackUseful, _v$2 = strings.feedbackUseful;
+            _v$ !== _p$.e && web.setAttribute(_el$2, "title", _p$.e = _v$);
+            _v$2 !== _p$.t && web.setAttribute(_el$2, "aria-label", _p$.t = _v$2);
+            return _p$;
+          }, {
+            e: void 0,
+            t: void 0
+          });
           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.effect((_p$) => {
+            var _v$3 = strings.feedbackNotUseful, _v$4 = strings.feedbackNotUseful;
+            _v$3 !== _p$.e && web.setAttribute(_el$3, "title", _p$.e = _v$3);
+            _v$4 !== _p$.t && web.setAttribute(_el$3, "aria-label", _p$.t = _v$4);
+            return _p$;
+          }, {
+            e: void 0,
+            t: void 0
+          });
           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'\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;AAClEH,eAAyBG,MAAM,MAAM;AAAA,QACpC,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;;"}
+{"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={strings.feedbackUseful}\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={strings.feedbackNotUseful}\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","_p$","_v$","feedbackUseful","_v$2","e","_$setAttribute","t","undefined","_$runHydrationEvents","_el$3","_tmpl$2","_v$3","feedbackNotUseful","_v$4","_$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;AAClEH,eAAyBG,MAAM,MAAM;AAAA,QACpC,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,OAAAC,CAAAA,QAAA;AAAA,gBAAAC,MAE1B9B,QAAQ+B,gBAAcC,OACjBhC,QAAQ+B;AAAcD,oBAAAD,IAAAI,KAAAC,IAAAA,aAAAT,OAAA,SAAAI,IAAAI,IAAAH,GAAA;AAAAE,qBAAAH,IAAAM,KAAAD,IAAAA,aAAAT,OAAA,cAAAI,IAAAM,IAAAH,IAAA;AAAA,mBAAAH;AAAAA,UAAA,GAAA;AAAA,YAAAI,GAAAG;AAAAA,YAAAD,GAAAC;AAAAA,UAAAA,CAAA;AAAAC,iCAAAA;AAAA,iBAAAZ;AAAAA,QAAA,GAAA,IAAA,MAAA;AAAA,cAAAa,QAAA7B,IAAAA,eAAA8B,OAAA;AAAAD,gBAAAX,UAczB,MAAMzB,OAAO,UAAU;AAAC0B,cAAAA,OAAAC,CAAAA,QAAA;AAAA,gBAAAW,OAE1BxC,QAAQyC,mBAAiBC,OACpB1C,QAAQyC;AAAiBD,qBAAAX,IAAAI,KAAAC,IAAAA,aAAAI,OAAA,SAAAT,IAAAI,IAAAO,IAAA;AAAAE,qBAAAb,IAAAM,KAAAD,IAAAA,aAAAI,OAAA,cAAAT,IAAAM,IAAAO,IAAA;AAAA,mBAAAb;AAAAA,UAAA,GAAA;AAAA,YAAAI,GAAAG;AAAAA,YAAAD,GAAAC;AAAAA,UAAAA,CAAA;AAAAC,iCAAAA;AAAA,iBAAAC;AAAAA,QAAA,IAAA;AAAA,MAAA;AAAA,IAAA,CAAA,CAAA;AAAAV,QAAAA,OAAA,MAAAe,IAAAA,UAAAnC,MAjC/B,2BAA2BZ,MAAMgD,SAAS,EAAE,GAAGC,KAAAA,CAAM,CAAA;AAAA,WAAArC;AAAAA,EAAA,GAAA;AAgDrE;AAACsC,IAAAA,eAAA,CAAA,OAAA,CAAA;;"}

package/dist/components/FeedbackInline.js

@@ -1,7 +1,7 @@
 import { getNextElement, insert, createComponent, effect, setAttribute, runHydrationEvents, memo, className, template, delegateEvents } from "solid-js/web";
 import { createSignal, Show } from "solid-js";
 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">`);
+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"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"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();
@@ -37,13 +37,29 @@ const FeedbackInline = (props) => {
         return [(() => {
           var _el$2 = getNextElement(_tmpl$);
           _el$2.$$click = () => handle("positive");
-          effect(() => setAttribute(_el$2, "title", strings.feedbackUseful));
+          effect((_p$) => {
+            var _v$ = strings.feedbackUseful, _v$2 = strings.feedbackUseful;
+            _v$ !== _p$.e && setAttribute(_el$2, "title", _p$.e = _v$);
+            _v$2 !== _p$.t && setAttribute(_el$2, "aria-label", _p$.t = _v$2);
+            return _p$;
+          }, {
+            e: void 0,
+            t: void 0
+          });
           runHydrationEvents();
           return _el$2;
         })(), (() => {
           var _el$3 = getNextElement(_tmpl$2);
           _el$3.$$click = () => handle("negative");
-          effect(() => setAttribute(_el$3, "title", strings.feedbackNotUseful));
+          effect((_p$) => {
+            var _v$3 = strings.feedbackNotUseful, _v$4 = strings.feedbackNotUseful;
+            _v$3 !== _p$.e && setAttribute(_el$3, "title", _p$.e = _v$3);
+            _v$4 !== _p$.t && setAttribute(_el$3, "aria-label", _p$.t = _v$4);
+            return _p$;
+          }, {
+            e: void 0,
+            t: void 0
+          });
           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'\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;AAClEH,eAAyBG,MAAM,MAAM;AAAA,QACpC,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;"}
+{"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={strings.feedbackUseful}\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={strings.feedbackNotUseful}\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","_p$","_v$","feedbackUseful","_v$2","e","_$setAttribute","t","undefined","_$runHydrationEvents","_el$3","_tmpl$2","_v$3","feedbackNotUseful","_v$4","_$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;AAClEH,eAAyBG,MAAM,MAAM;AAAA,QACpC,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,iBAAAC,CAAAA,QAAA;AAAA,gBAAAC,MAE1B9B,QAAQ+B,gBAAcC,OACjBhC,QAAQ+B;AAAcD,oBAAAD,IAAAI,KAAAC,aAAAT,OAAA,SAAAI,IAAAI,IAAAH,GAAA;AAAAE,qBAAAH,IAAAM,KAAAD,aAAAT,OAAA,cAAAI,IAAAM,IAAAH,IAAA;AAAA,mBAAAH;AAAAA,UAAA,GAAA;AAAA,YAAAI,GAAAG;AAAAA,YAAAD,GAAAC;AAAAA,UAAAA,CAAA;AAAAC,6BAAAA;AAAA,iBAAAZ;AAAAA,QAAA,GAAA,IAAA,MAAA;AAAA,cAAAa,QAAA7B,eAAA8B,OAAA;AAAAD,gBAAAX,UAczB,MAAMzB,OAAO,UAAU;AAAC0B,iBAAAC,CAAAA,QAAA;AAAA,gBAAAW,OAE1BxC,QAAQyC,mBAAiBC,OACpB1C,QAAQyC;AAAiBD,qBAAAX,IAAAI,KAAAC,aAAAI,OAAA,SAAAT,IAAAI,IAAAO,IAAA;AAAAE,qBAAAb,IAAAM,KAAAD,aAAAI,OAAA,cAAAT,IAAAM,IAAAO,IAAA;AAAA,mBAAAb;AAAAA,UAAA,GAAA;AAAA,YAAAI,GAAAG;AAAAA,YAAAD,GAAAC;AAAAA,UAAAA,CAAA;AAAAC,6BAAAA;AAAA,iBAAAC;AAAAA,QAAA,IAAA;AAAA,MAAA;AAAA,IAAA,CAAA,CAAA;AAAAV,WAAA,MAAAe,UAAAnC,MAjC/B,2BAA2BZ,MAAMgD,SAAS,EAAE,GAAGC,KAAAA,CAAM,CAAA;AAAA,WAAArC;AAAAA,EAAA,GAAA;AAgDrE;AAACsC,eAAA,CAAA,OAAA,CAAA;"}

package/dist/components/FooterRenderer.cjs

@@ -3,10 +3,13 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const web = require("solid-js/web");
 const solidJs = require("solid-js");
 const safeUrl = require("../utils/safe-url.cjs");
-var _tmpl$ = /* @__PURE__ */ web.template(`<span class=font-medium>`), _tmpl$2 = /* @__PURE__ */ web.template(`<span class="flex items-center gap-1"><svg class="w-3 h-3"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg><!$><!/>ms`), _tmpl$3 = /* @__PURE__ */ web.template(`<span class="flex items-center gap-1"><svg class="w-3 h-3"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M19.428 15.428a2 2 0 00-1.022-.547l-2.384-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"></path></svg><!$><!/>`), _tmpl$4 = /* @__PURE__ */ web.template(`<span class="flex items-center gap-1"><svg class="w-3 h-3"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg><!$><!/> sources`), _tmpl$5 = /* @__PURE__ */ web.template(`<div class="flex gap-3">`), _tmpl$6 = /* @__PURE__ */ web.template(`<div class="mt-4 pt-3 border-t border-gray-200 dark:border-gray-700 text-xs text-gray-500 dark:text-gray-400 flex flex-wrap items-center gap-4"><!$><!/><!$><!/><!$><!/><!$><!/><div class=flex-grow></div><!$><!/>`), _tmpl$7 = /* @__PURE__ */ web.template(`<a target=_blank rel="noopener noreferrer"class="hover:text-blue-600 dark:hover:text-blue-400 transition-colors">`);
+const MCPUIStringsContext = require("../context/MCPUIStringsContext.cjs");
+const formatString = require("../utils/format-string.cjs");
+var _tmpl$ = /* @__PURE__ */ web.template(`<span class=font-medium>`), _tmpl$2 = /* @__PURE__ */ web.template(`<span class="flex items-center gap-1"><svg class="w-3 h-3"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg><!$><!/>ms`), _tmpl$3 = /* @__PURE__ */ web.template(`<span class="flex items-center gap-1"><svg class="w-3 h-3"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M19.428 15.428a2 2 0 00-1.022-.547l-2.384-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"></path></svg><!$><!/>`), _tmpl$4 = /* @__PURE__ */ web.template(`<span class="flex items-center gap-1"><svg class="w-3 h-3"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg><!$><!/>`), _tmpl$5 = /* @__PURE__ */ web.template(`<div class="flex gap-3">`), _tmpl$6 = /* @__PURE__ */ web.template(`<div class="mt-4 pt-3 border-t border-gray-200 dark:border-gray-700 text-xs text-gray-500 dark:text-gray-400 flex flex-wrap items-center gap-4"><!$><!/><!$><!/><!$><!/><!$><!/><div class=flex-grow></div><!$><!/>`), _tmpl$7 = /* @__PURE__ */ web.template(`<a target=_blank rel="noopener noreferrer"class="hover:text-blue-600 dark:hover:text-blue-400 transition-colors">`);
 const FooterRenderer = (props) => {
+  const strings = MCPUIStringsContext.useMCPUIStrings();
   return (() => {
-    var _el$ = web.getNextElement(_tmpl$6), _el$17 = _el$.firstChild, [_el$18, _co$4] = web.getNextMarker(_el$17.nextSibling), _el$19 = _el$18.nextSibling, [_el$20, _co$5] = web.getNextMarker(_el$19.nextSibling), _el$21 = _el$20.nextSibling, [_el$22, _co$6] = web.getNextMarker(_el$21.nextSibling), _el$23 = _el$22.nextSibling, [_el$24, _co$7] = web.getNextMarker(_el$23.nextSibling), _el$15 = _el$24.nextSibling, _el$25 = _el$15.nextSibling, [_el$26, _co$8] = web.getNextMarker(_el$25.nextSibling);
+    var _el$ = web.getNextElement(_tmpl$6), _el$16 = _el$.firstChild, [_el$17, _co$4] = web.getNextMarker(_el$16.nextSibling), _el$18 = _el$17.nextSibling, [_el$19, _co$5] = web.getNextMarker(_el$18.nextSibling), _el$20 = _el$19.nextSibling, [_el$21, _co$6] = web.getNextMarker(_el$20.nextSibling), _el$22 = _el$21.nextSibling, [_el$23, _co$7] = web.getNextMarker(_el$22.nextSibling), _el$14 = _el$23.nextSibling, _el$24 = _el$14.nextSibling, [_el$25, _co$8] = web.getNextMarker(_el$24.nextSibling);
     web.insert(_el$, web.createComponent(solidJs.Show, {
       get when() {
         return props.params.poweredBy;
@@ -16,7 +19,7 @@ const FooterRenderer = (props) => {
         web.insert(_el$2, () => props.params.poweredBy);
         return _el$2;
       }
-    }), _el$18, _co$4);
+    }), _el$17, _co$4);
     web.insert(_el$, web.createComponent(solidJs.Show, {
       get when() {
         return props.params.executionTime;
@@ -27,7 +30,7 @@ const FooterRenderer = (props) => {
         web.insert(_el$3, () => props.params.executionTime, _el$7, _co$);
         return _el$3;
       }
-    }), _el$20, _co$5);
+    }), _el$19, _co$5);
     web.insert(_el$, web.createComponent(solidJs.Show, {
       get when() {
         return props.params.model;
@@ -37,38 +40,39 @@ const FooterRenderer = (props) => {
         web.insert(_el$8, () => props.params.model, _el$1, _co$2);
         return _el$8;
       }
-    }), _el$22, _co$6);
+    }), _el$21, _co$6);
     web.insert(_el$, web.createComponent(solidJs.Show, {
       get when() {
         return props.params.sourceCount;
       },
       get children() {
-        var _el$10 = web.getNextElement(_tmpl$4), _el$11 = _el$10.firstChild, _el$13 = _el$11.nextSibling, [_el$14, _co$3] = web.getNextMarker(_el$13.nextSibling);
-        _el$14.nextSibling;
-        web.insert(_el$10, () => props.params.sourceCount, _el$14, _co$3);
+        var _el$10 = web.getNextElement(_tmpl$4), _el$11 = _el$10.firstChild, _el$12 = _el$11.nextSibling, [_el$13, _co$3] = web.getNextMarker(_el$12.nextSibling);
+        web.insert(_el$10, () => formatString.formatMCPUIString(strings.footerSources, {
+          count: props.params.sourceCount
+        }), _el$13, _co$3);
         return _el$10;
       }
-    }), _el$24, _co$7);
+    }), _el$23, _co$7);
     web.insert(_el$, web.createComponent(solidJs.Show, {
       get when() {
         return props.params.links;
       },
       get children() {
-        var _el$16 = web.getNextElement(_tmpl$5);
-        web.insert(_el$16, web.createComponent(solidJs.For, {
+        var _el$15 = web.getNextElement(_tmpl$5);
+        web.insert(_el$15, web.createComponent(solidJs.For, {
           get each() {
             return props.params.links;
           },
           children: (link) => (() => {
-            var _el$27 = web.getNextElement(_tmpl$7);
-            web.insert(_el$27, () => link.label);
-            web.effect(() => web.setAttribute(_el$27, "href", safeUrl.safeUrl(link.url)));
-            return _el$27;
+            var _el$26 = web.getNextElement(_tmpl$7);
+            web.insert(_el$26, () => link.label);
+            web.effect(() => web.setAttribute(_el$26, "href", safeUrl.safeUrl(link.url)));
+            return _el$26;
           })()
         }));
-        return _el$16;
+        return _el$15;
       }
-    }), _el$26, _co$8);
+    }), _el$25, _co$8);
     return _el$;
   })();
 };

package/dist/components/FooterRenderer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FooterRenderer.cjs","sources":["../../src/components/FooterRenderer.tsx"],"sourcesContent":["import { Component, Show, For } from 'solid-js'\nimport { safeUrl } from '../utils/safe-url'\n\nexport interface FooterComponentParams {\n    poweredBy?: string\n    executionTime?: number\n    model?: string\n    sourceCount?: number\n    customText?: string\n    links?: { label: string; url: string }[]\n}\n\nexport const FooterRenderer: Component<{ params: FooterComponentParams }> = (props) => {\n    return (\n        <div class=\"mt-4 pt-3 border-t border-gray-200 dark:border-gray-700 text-xs text-gray-500 dark:text-gray-400 flex flex-wrap items-center gap-4\">\n            <Show when={props.params.poweredBy}>\n                <span class=\"font-medium\">{props.params.poweredBy}</span>\n            </Show>\n\n            <Show when={props.params.executionTime}>\n                <span class=\"flex items-center gap-1\">\n                    <svg class=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" />\n                    </svg>\n                    {props.params.executionTime}ms\n                </span>\n            </Show>\n\n            <Show when={props.params.model}>\n                <span class=\"flex items-center gap-1\">\n                    <svg class=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.384-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\" />\n                    </svg>\n                    {props.params.model}\n                </span>\n            </Show>\n\n            <Show when={props.params.sourceCount}>\n                <span class=\"flex items-center gap-1\">\n                    <svg class=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" />\n                    </svg>\n                    {props.params.sourceCount} sources\n                </span>\n            </Show>\n\n            <div class=\"flex-grow\" />\n\n            <Show when={props.params.links}>\n                <div class=\"flex gap-3\">\n                    <For each={props.params.links}>\n                        {(link) => (\n                            <a\n                                href={safeUrl(link.url)}\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                                class=\"hover:text-blue-600 dark:hover:text-blue-400 transition-colors\"\n                            >\n                                {link.label}\n                            </a>\n                        )}\n                    </For>\n                </div>\n            </Show>\n        </div>\n    )\n}\n"],"names":["FooterRenderer","props","_el$","_$getNextElement","_tmpl$6","_el$17","firstChild","_el$18","_co$4","_$getNextMarker","nextSibling","_el$19","_el$20","_co$5","_el$21","_el$22","_co$6","_el$23","_el$24","_co$7","_el$15","_el$25","_el$26","_co$8","_$insert","_$createComponent","Show","when","params","poweredBy","children","_el$2","_tmpl$","executionTime","_el$3","_tmpl$2","_el$4","_el$6","_el$7","_co$","model","_el$8","_tmpl$3","_el$9","_el$0","_el$1","_co$2","sourceCount","_el$10","_tmpl$4","_el$11","_el$13","_el$14","_co$3","links","_el$16","_tmpl$5","For","each","link","_el$27","_tmpl$7","label","_$effect","_$setAttribute","safeUrl","url"],"mappings":"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"}
+{"version":3,"file":"FooterRenderer.cjs","sources":["../../src/components/FooterRenderer.tsx"],"sourcesContent":["import { Component, Show, For } from 'solid-js'\nimport { safeUrl } from '../utils/safe-url'\nimport { formatMCPUIString, useMCPUIStrings } from '../context/MCPUIStringsContext'\n\nexport interface FooterComponentParams {\n    poweredBy?: string\n    executionTime?: number\n    model?: string\n    sourceCount?: number\n    customText?: string\n    links?: { label: string; url: string }[]\n}\n\nexport const FooterRenderer: Component<{ params: FooterComponentParams }> = (props) => {\n    const strings = useMCPUIStrings()\n    return (\n        <div class=\"mt-4 pt-3 border-t border-gray-200 dark:border-gray-700 text-xs text-gray-500 dark:text-gray-400 flex flex-wrap items-center gap-4\">\n            <Show when={props.params.poweredBy}>\n                <span class=\"font-medium\">{props.params.poweredBy}</span>\n            </Show>\n\n            <Show when={props.params.executionTime}>\n                <span class=\"flex items-center gap-1\">\n                    <svg class=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" />\n                    </svg>\n                    {props.params.executionTime}ms\n                </span>\n            </Show>\n\n            <Show when={props.params.model}>\n                <span class=\"flex items-center gap-1\">\n                    <svg class=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.384-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\" />\n                    </svg>\n                    {props.params.model}\n                </span>\n            </Show>\n\n            <Show when={props.params.sourceCount}>\n                <span class=\"flex items-center gap-1\">\n                    <svg class=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" />\n                    </svg>\n                    {formatMCPUIString(strings.footerSources, { count: props.params.sourceCount! })}\n                </span>\n            </Show>\n\n            <div class=\"flex-grow\" />\n\n            <Show when={props.params.links}>\n                <div class=\"flex gap-3\">\n                    <For each={props.params.links}>\n                        {(link) => (\n                            <a\n                                href={safeUrl(link.url)}\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                                class=\"hover:text-blue-600 dark:hover:text-blue-400 transition-colors\"\n                            >\n                                {link.label}\n                            </a>\n                        )}\n                    </For>\n                </div>\n            </Show>\n        </div>\n    )\n}\n"],"names":["FooterRenderer","props","strings","useMCPUIStrings","_el$","_$getNextElement","_tmpl$6","_el$16","firstChild","_el$17","_co$4","_$getNextMarker","nextSibling","_el$18","_el$19","_co$5","_el$20","_el$21","_co$6","_el$22","_el$23","_co$7","_el$14","_el$24","_el$25","_co$8","_$insert","_$createComponent","Show","when","params","poweredBy","children","_el$2","_tmpl$","executionTime","_el$3","_tmpl$2","_el$4","_el$6","_el$7","_co$","model","_el$8","_tmpl$3","_el$9","_el$0","_el$1","_co$2","sourceCount","_el$10","_tmpl$4","_el$11","_el$12","_el$13","_co$3","formatMCPUIString","footerSources","count","links","_el$15","_tmpl$5","For","each","link","_el$26","_tmpl$7","label","_$effect","_$setAttribute","safeUrl","url"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"FooterRenderer.d.ts","sourceRoot":"","sources":["../../src/components/FooterRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,UAAU,CAAA;AAG/C,MAAM,WAAW,qBAAqB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAC3C;AAED,eAAO,MAAM,cAAc,EAAE,SAAS,CAAC;IAAE,MAAM,EAAE,qBAAqB,CAAA;CAAE,CAsDvE,CAAA"}
+{"version":3,"file":"FooterRenderer.d.ts","sourceRoot":"","sources":["../../src/components/FooterRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,UAAU,CAAA;AAI/C,MAAM,WAAW,qBAAqB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAC3C;AAED,eAAO,MAAM,cAAc,EAAE,SAAS,CAAC;IAAE,MAAM,EAAE,qBAAqB,CAAA;CAAE,CAuDvE,CAAA"}

package/dist/components/FooterRenderer.js

@@ -1,10 +1,13 @@
 import { getNextElement, getNextMarker, insert, createComponent, effect, setAttribute, template } from "solid-js/web";
 import { Show, For } from "solid-js";
 import { safeUrl } from "../utils/safe-url.js";
-var _tmpl$ = /* @__PURE__ */ template(`<span class=font-medium>`), _tmpl$2 = /* @__PURE__ */ template(`<span class="flex items-center gap-1"><svg class="w-3 h-3"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg><!$><!/>ms`), _tmpl$3 = /* @__PURE__ */ template(`<span class="flex items-center gap-1"><svg class="w-3 h-3"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M19.428 15.428a2 2 0 00-1.022-.547l-2.384-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"></path></svg><!$><!/>`), _tmpl$4 = /* @__PURE__ */ template(`<span class="flex items-center gap-1"><svg class="w-3 h-3"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg><!$><!/> sources`), _tmpl$5 = /* @__PURE__ */ template(`<div class="flex gap-3">`), _tmpl$6 = /* @__PURE__ */ template(`<div class="mt-4 pt-3 border-t border-gray-200 dark:border-gray-700 text-xs text-gray-500 dark:text-gray-400 flex flex-wrap items-center gap-4"><!$><!/><!$><!/><!$><!/><!$><!/><div class=flex-grow></div><!$><!/>`), _tmpl$7 = /* @__PURE__ */ template(`<a target=_blank rel="noopener noreferrer"class="hover:text-blue-600 dark:hover:text-blue-400 transition-colors">`);
+import { useMCPUIStrings } from "../context/MCPUIStringsContext.js";
+import { formatMCPUIString } from "../utils/format-string.js";
+var _tmpl$ = /* @__PURE__ */ template(`<span class=font-medium>`), _tmpl$2 = /* @__PURE__ */ template(`<span class="flex items-center gap-1"><svg class="w-3 h-3"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg><!$><!/>ms`), _tmpl$3 = /* @__PURE__ */ template(`<span class="flex items-center gap-1"><svg class="w-3 h-3"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M19.428 15.428a2 2 0 00-1.022-.547l-2.384-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z"></path></svg><!$><!/>`), _tmpl$4 = /* @__PURE__ */ template(`<span class="flex items-center gap-1"><svg class="w-3 h-3"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"></path></svg><!$><!/>`), _tmpl$5 = /* @__PURE__ */ template(`<div class="flex gap-3">`), _tmpl$6 = /* @__PURE__ */ template(`<div class="mt-4 pt-3 border-t border-gray-200 dark:border-gray-700 text-xs text-gray-500 dark:text-gray-400 flex flex-wrap items-center gap-4"><!$><!/><!$><!/><!$><!/><!$><!/><div class=flex-grow></div><!$><!/>`), _tmpl$7 = /* @__PURE__ */ template(`<a target=_blank rel="noopener noreferrer"class="hover:text-blue-600 dark:hover:text-blue-400 transition-colors">`);
 const FooterRenderer = (props) => {
+  const strings = useMCPUIStrings();
   return (() => {
-    var _el$ = getNextElement(_tmpl$6), _el$17 = _el$.firstChild, [_el$18, _co$4] = getNextMarker(_el$17.nextSibling), _el$19 = _el$18.nextSibling, [_el$20, _co$5] = getNextMarker(_el$19.nextSibling), _el$21 = _el$20.nextSibling, [_el$22, _co$6] = getNextMarker(_el$21.nextSibling), _el$23 = _el$22.nextSibling, [_el$24, _co$7] = getNextMarker(_el$23.nextSibling), _el$15 = _el$24.nextSibling, _el$25 = _el$15.nextSibling, [_el$26, _co$8] = getNextMarker(_el$25.nextSibling);
+    var _el$ = getNextElement(_tmpl$6), _el$16 = _el$.firstChild, [_el$17, _co$4] = getNextMarker(_el$16.nextSibling), _el$18 = _el$17.nextSibling, [_el$19, _co$5] = getNextMarker(_el$18.nextSibling), _el$20 = _el$19.nextSibling, [_el$21, _co$6] = getNextMarker(_el$20.nextSibling), _el$22 = _el$21.nextSibling, [_el$23, _co$7] = getNextMarker(_el$22.nextSibling), _el$14 = _el$23.nextSibling, _el$24 = _el$14.nextSibling, [_el$25, _co$8] = getNextMarker(_el$24.nextSibling);
     insert(_el$, createComponent(Show, {
       get when() {
         return props.params.poweredBy;
@@ -14,7 +17,7 @@ const FooterRenderer = (props) => {
         insert(_el$2, () => props.params.poweredBy);
         return _el$2;
       }
-    }), _el$18, _co$4);
+    }), _el$17, _co$4);
     insert(_el$, createComponent(Show, {
       get when() {
         return props.params.executionTime;
@@ -25,7 +28,7 @@ const FooterRenderer = (props) => {
         insert(_el$3, () => props.params.executionTime, _el$7, _co$);
         return _el$3;
       }
-    }), _el$20, _co$5);
+    }), _el$19, _co$5);
     insert(_el$, createComponent(Show, {
       get when() {
         return props.params.model;
@@ -35,38 +38,39 @@ const FooterRenderer = (props) => {
         insert(_el$8, () => props.params.model, _el$1, _co$2);
         return _el$8;
       }
-    }), _el$22, _co$6);
+    }), _el$21, _co$6);
     insert(_el$, createComponent(Show, {
       get when() {
         return props.params.sourceCount;
       },
       get children() {
-        var _el$10 = getNextElement(_tmpl$4), _el$11 = _el$10.firstChild, _el$13 = _el$11.nextSibling, [_el$14, _co$3] = getNextMarker(_el$13.nextSibling);
-        _el$14.nextSibling;
-        insert(_el$10, () => props.params.sourceCount, _el$14, _co$3);
+        var _el$10 = getNextElement(_tmpl$4), _el$11 = _el$10.firstChild, _el$12 = _el$11.nextSibling, [_el$13, _co$3] = getNextMarker(_el$12.nextSibling);
+        insert(_el$10, () => formatMCPUIString(strings.footerSources, {
+          count: props.params.sourceCount
+        }), _el$13, _co$3);
         return _el$10;
       }
-    }), _el$24, _co$7);
+    }), _el$23, _co$7);
     insert(_el$, createComponent(Show, {
       get when() {
         return props.params.links;
       },
       get children() {
-        var _el$16 = getNextElement(_tmpl$5);
-        insert(_el$16, createComponent(For, {
+        var _el$15 = getNextElement(_tmpl$5);
+        insert(_el$15, createComponent(For, {
           get each() {
             return props.params.links;
           },
           children: (link) => (() => {
-            var _el$27 = getNextElement(_tmpl$7);
-            insert(_el$27, () => link.label);
-            effect(() => setAttribute(_el$27, "href", safeUrl(link.url)));
-            return _el$27;
+            var _el$26 = getNextElement(_tmpl$7);
+            insert(_el$26, () => link.label);
+            effect(() => setAttribute(_el$26, "href", safeUrl(link.url)));
+            return _el$26;
           })()
         }));
-        return _el$16;
+        return _el$15;
       }
-    }), _el$26, _co$8);
+    }), _el$25, _co$8);
     return _el$;
   })();
 };

package/dist/components/FooterRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterRenderer.js","sources":["../../src/components/FooterRenderer.tsx"],"sourcesContent":["import { Component, Show, For } from 'solid-js'\nimport { safeUrl } from '../utils/safe-url'\n\nexport interface FooterComponentParams {\n    poweredBy?: string\n    executionTime?: number\n    model?: string\n    sourceCount?: number\n    customText?: string\n    links?: { label: string; url: string }[]\n}\n\nexport const FooterRenderer: Component<{ params: FooterComponentParams }> = (props) => {\n    return (\n        <div class=\"mt-4 pt-3 border-t border-gray-200 dark:border-gray-700 text-xs text-gray-500 dark:text-gray-400 flex flex-wrap items-center gap-4\">\n            <Show when={props.params.poweredBy}>\n                <span class=\"font-medium\">{props.params.poweredBy}</span>\n            </Show>\n\n            <Show when={props.params.executionTime}>\n                <span class=\"flex items-center gap-1\">\n                    <svg class=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" />\n                    </svg>\n                    {props.params.executionTime}ms\n                </span>\n            </Show>\n\n            <Show when={props.params.model}>\n                <span class=\"flex items-center gap-1\">\n                    <svg class=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.384-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\" />\n                    </svg>\n                    {props.params.model}\n                </span>\n            </Show>\n\n            <Show when={props.params.sourceCount}>\n                <span class=\"flex items-center gap-1\">\n                    <svg class=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" />\n                    </svg>\n                    {props.params.sourceCount} sources\n                </span>\n            </Show>\n\n            <div class=\"flex-grow\" />\n\n            <Show when={props.params.links}>\n                <div class=\"flex gap-3\">\n                    <For each={props.params.links}>\n                        {(link) => (\n                            <a\n                                href={safeUrl(link.url)}\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                                class=\"hover:text-blue-600 dark:hover:text-blue-400 transition-colors\"\n                            >\n                                {link.label}\n                            </a>\n                        )}\n                    </For>\n                </div>\n            </Show>\n        </div>\n    )\n}\n"],"names":["FooterRenderer","props","_el$","_$getNextElement","_tmpl$6","_el$17","firstChild","_el$18","_co$4","_$getNextMarker","nextSibling","_el$19","_el$20","_co$5","_el$21","_el$22","_co$6","_el$23","_el$24","_co$7","_el$15","_el$25","_el$26","_co$8","_$insert","_$createComponent","Show","when","params","poweredBy","children","_el$2","_tmpl$","executionTime","_el$3","_tmpl$2","_el$4","_el$6","_el$7","_co$","model","_el$8","_tmpl$3","_el$9","_el$0","_el$1","_co$2","sourceCount","_el$10","_tmpl$4","_el$11","_el$13","_el$14","_co$3","links","_el$16","_tmpl$5","For","each","link","_el$27","_tmpl$7","label","_$effect","_$setAttribute","safeUrl","url"],"mappings":"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"}
+{"version":3,"file":"FooterRenderer.js","sources":["../../src/components/FooterRenderer.tsx"],"sourcesContent":["import { Component, Show, For } from 'solid-js'\nimport { safeUrl } from '../utils/safe-url'\nimport { formatMCPUIString, useMCPUIStrings } from '../context/MCPUIStringsContext'\n\nexport interface FooterComponentParams {\n    poweredBy?: string\n    executionTime?: number\n    model?: string\n    sourceCount?: number\n    customText?: string\n    links?: { label: string; url: string }[]\n}\n\nexport const FooterRenderer: Component<{ params: FooterComponentParams }> = (props) => {\n    const strings = useMCPUIStrings()\n    return (\n        <div class=\"mt-4 pt-3 border-t border-gray-200 dark:border-gray-700 text-xs text-gray-500 dark:text-gray-400 flex flex-wrap items-center gap-4\">\n            <Show when={props.params.poweredBy}>\n                <span class=\"font-medium\">{props.params.poweredBy}</span>\n            </Show>\n\n            <Show when={props.params.executionTime}>\n                <span class=\"flex items-center gap-1\">\n                    <svg class=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" />\n                    </svg>\n                    {props.params.executionTime}ms\n                </span>\n            </Show>\n\n            <Show when={props.params.model}>\n                <span class=\"flex items-center gap-1\">\n                    <svg class=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19.428 15.428a2 2 0 00-1.022-.547l-2.384-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z\" />\n                    </svg>\n                    {props.params.model}\n                </span>\n            </Show>\n\n            <Show when={props.params.sourceCount}>\n                <span class=\"flex items-center gap-1\">\n                    <svg class=\"w-3 h-3\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\" />\n                    </svg>\n                    {formatMCPUIString(strings.footerSources, { count: props.params.sourceCount! })}\n                </span>\n            </Show>\n\n            <div class=\"flex-grow\" />\n\n            <Show when={props.params.links}>\n                <div class=\"flex gap-3\">\n                    <For each={props.params.links}>\n                        {(link) => (\n                            <a\n                                href={safeUrl(link.url)}\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                                class=\"hover:text-blue-600 dark:hover:text-blue-400 transition-colors\"\n                            >\n                                {link.label}\n                            </a>\n                        )}\n                    </For>\n                </div>\n            </Show>\n        </div>\n    )\n}\n"],"names":["FooterRenderer","props","strings","useMCPUIStrings","_el$","_$getNextElement","_tmpl$6","_el$16","firstChild","_el$17","_co$4","_$getNextMarker","nextSibling","_el$18","_el$19","_co$5","_el$20","_el$21","_co$6","_el$22","_el$23","_co$7","_el$14","_el$24","_el$25","_co$8","_$insert","_$createComponent","Show","when","params","poweredBy","children","_el$2","_tmpl$","executionTime","_el$3","_tmpl$2","_el$4","_el$6","_el$7","_co$","model","_el$8","_tmpl$3","_el$9","_el$0","_el$1","_co$2","sourceCount","_el$10","_tmpl$4","_el$11","_el$12","_el$13","_co$3","formatMCPUIString","footerSources","count","links","_el$15","_tmpl$5","For","each","link","_el$26","_tmpl$7","label","_$effect","_$setAttribute","safeUrl","url"],"mappings":";;;;;;AAaO,MAAMA,iBAAgEC,CAAAA,UAAU;AACnF,QAAMC,UAAUC,gBAAAA;AAChB,UAAA,MAAA;AAAA,QAAAC,OAAAC,eAAAC,OAAA,GAAAC,SAAAH,KAAAI,YAAA,CAAAC,QAAAC,KAAA,IAAAC,cAAAJ,OAAAK,WAAA,GAAAC,SAAAJ,OAAAG,aAAA,CAAAE,QAAAC,KAAA,IAAAJ,cAAAE,OAAAD,WAAA,GAAAI,SAAAF,OAAAF,aAAA,CAAAK,QAAAC,KAAA,IAAAP,cAAAK,OAAAJ,WAAA,GAAAO,SAAAF,OAAAL,aAAA,CAAAQ,QAAAC,KAAA,IAAAV,cAAAQ,OAAAP,WAAA,GAAAU,SAAAF,OAAAR,aAAAW,SAAAD,OAAAV,aAAA,CAAAY,QAAAC,KAAA,IAAAd,cAAAY,OAAAX,WAAA;AAAAc,WAAAtB,MAAAuB,gBAESC,MAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAE5B,MAAM6B,OAAOC;AAAAA,MAAS;AAAA,MAAA,IAAAC,WAAA;AAAA,YAAAC,QAAA5B,eAAA6B,MAAA;AAAAR,eAAAO,OAAA,MACHhC,MAAM6B,OAAOC,SAAS;AAAA,eAAAE;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAAxB,QAAAC,KAAA;AAAAgB,WAAAtB,MAAAuB,gBAGpDC,MAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAE5B,MAAM6B,OAAOK;AAAAA,MAAa;AAAA,MAAA,IAAAH,WAAA;AAAA,YAAAI,QAAA/B,eAAAgC,OAAA,GAAAC,QAAAF,MAAA5B,YAAA+B,QAAAD,MAAA1B,aAAA,CAAA4B,OAAAC,IAAA,IAAA9B,cAAA4B,MAAA3B,WAAA;AAAA4B,cAAA5B;AAAAc,eAAAU,OAAA,MAK7BnC,MAAM6B,OAAOK,eAAaK,OAAAC,IAAA;AAAA,eAAAL;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAAtB,QAAAC,KAAA;AAAAW,WAAAtB,MAAAuB,gBAIlCC,MAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAE5B,MAAM6B,OAAOY;AAAAA,MAAK;AAAA,MAAA,IAAAV,WAAA;AAAA,YAAAW,QAAAtC,eAAAuC,OAAA,GAAAC,QAAAF,MAAAnC,YAAAsC,QAAAD,MAAAjC,aAAA,CAAAmC,OAAAC,KAAA,IAAArC,cAAAmC,MAAAlC,WAAA;AAAAc,eAAAiB,OAAA,MAKrB1C,MAAM6B,OAAOY,OAAKK,OAAAC,KAAA;AAAA,eAAAL;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA1B,QAAAC,KAAA;AAAAQ,WAAAtB,MAAAuB,gBAI1BC,MAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAE5B,MAAM6B,OAAOmB;AAAAA,MAAW;AAAA,MAAA,IAAAjB,WAAA;AAAA,YAAAkB,SAAA7C,eAAA8C,OAAA,GAAAC,SAAAF,OAAA1C,YAAA6C,SAAAD,OAAAxC,aAAA,CAAA0C,QAAAC,KAAA,IAAA5C,cAAA0C,OAAAzC,WAAA;AAAAc,eAAAwB,QAAA,MAK3BM,kBAAkBtD,QAAQuD,eAAe;AAAA,UAAEC,OAAOzD,MAAM6B,OAAOmB;AAAAA,QAAAA,CAAc,GAACK,QAAAC,KAAA;AAAA,eAAAL;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAA9B,QAAAC,KAAA;AAAAK,WAAAtB,MAAAuB,gBAMtFC,MAAI;AAAA,MAAA,IAACC,OAAI;AAAA,eAAE5B,MAAM6B,OAAO6B;AAAAA,MAAK;AAAA,MAAA,IAAA3B,WAAA;AAAA,YAAA4B,SAAAvD,eAAAwD,OAAA;AAAAnC,eAAAkC,QAAAjC,gBAErBmC,KAAG;AAAA,UAAA,IAACC,OAAI;AAAA,mBAAE9D,MAAM6B,OAAO6B;AAAAA,UAAK;AAAA,UAAA3B,UACvBgC,WAAI,MAAA;AAAA,gBAAAC,SAAA5D,eAAA6D,OAAA;AAAAxC,mBAAAuC,QAAA,MAOGD,KAAKG,KAAK;AAAAC,mBAAA,MAAAC,aAAAJ,QAAA,QALLK,QAAQN,KAAKO,GAAG,CAAC,CAAA;AAAA,mBAAAN;AAAAA,UAAA,GAAA;AAAA,QAAA,CAO9B,CAAA;AAAA,eAAAL;AAAAA,MAAA;AAAA,IAAA,CAAA,GAAApC,QAAAC,KAAA;AAAA,WAAArB;AAAAA,EAAA,GAAA;AAMzB;"}