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

package/dist/components/ChartJSRenderer.js

@@ -1,11 +1,12 @@
-import { createComponent, getNextElement, getNextMarker, insert, effect, setProperty, runHydrationEvents, setAttribute, mergeProps, memo, className, style, template, use, delegateEvents } from "solid-js/web";
+import { createComponent, getNextElement, getNextMarker, insert, effect, setProperty, setAttribute, runHydrationEvents, mergeProps, memo, className, style, template, use, delegateEvents } from "solid-js/web";
 import { createSignal, createMemo, createUniqueId, createEffect, onCleanup, Show, For } from "solid-js";
 import { ExpandableWrapper, useExpanded } from "./ExpandableWrapper.js";
 import { DegradedFallback } from "./DegradedFallback.js";
 import { chartToDataTable } from "./chart-data-table.js";
 import { useTelemetry } from "../context/MCPUITelemetryContext.js";
 import { useMCPUIStrings } from "../context/MCPUIStringsContext.js";
-var _tmpl$ = /* @__PURE__ */ template(`<h3 class="text-sm font-semibold text-gray-900 dark:text-white">`), _tmpl$2 = /* @__PURE__ */ template(`<button type=button class="opacity-0 group-hover:opacity-60 hover:!opacity-100 disabled:!opacity-30 disabled:cursor-not-allowed px-2 py-1 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 transition-all shadow-sm"title="Download PNG"aria-label="Download chart as PNG"><svg class="w-3 h-3 text-gray-500 dark:text-gray-400"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z">`), _tmpl$3 = /* @__PURE__ */ template(`<tr><td class="px-3 py-6 text-center text-gray-500 dark:text-gray-400">`), _tmpl$4 = /* @__PURE__ */ template(`<div><table class="w-full border-collapse text-left text-sm"><caption class=sr-only><!$><!/> — <!$><!/></caption><thead class="bg-gray-50 dark:bg-gray-900/40"><tr></tr></thead><tbody><!$><!/><!$><!/>`), _tmpl$5 = /* @__PURE__ */ template(`<div class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-800/80"><div class="flex flex-col items-center gap-2"><div class="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600"></div><span class="text-sm text-gray-500 dark:text-gray-400">Loading chart...`), _tmpl$6 = /* @__PURE__ */ template(`<div><div class="flex items-center justify-between gap-3 mb-3 flex-shrink-0"><div class=min-w-0></div><div class="flex items-center gap-2"><div class="inline-flex rounded-md border border-gray-200 p-0.5 dark:border-gray-600"role=group><button type=button></button><button type=button></button></div><!$><!/></div></div><p class=sr-only><!$><!/>. <!$><!/></p><!$><!/><!$><!/><div><canvas role=img></canvas><!$><!/>`), _tmpl$7 = /* @__PURE__ */ template(`<th scope=col class="px-3 py-2 font-medium text-gray-900 dark:text-gray-100">`), _tmpl$8 = /* @__PURE__ */ template(`<tr class="border-t border-gray-100 dark:border-gray-700">`), _tmpl$9 = /* @__PURE__ */ template(`<td class="px-3 py-2 text-gray-700 dark:text-gray-300">`);
+import { formatMCPUIString } from "../utils/format-string.js";
+var _tmpl$ = /* @__PURE__ */ template(`<h3 class="text-sm font-semibold text-gray-900 dark:text-white">`), _tmpl$2 = /* @__PURE__ */ template(`<button type=button class="opacity-0 group-hover:opacity-60 hover:!opacity-100 disabled:!opacity-30 disabled:cursor-not-allowed px-2 py-1 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 transition-all shadow-sm"><svg class="w-3 h-3 text-gray-500 dark:text-gray-400"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z">`), _tmpl$3 = /* @__PURE__ */ template(`<tr><td class="px-3 py-6 text-center text-gray-500 dark:text-gray-400">`), _tmpl$4 = /* @__PURE__ */ template(`<div><table class="w-full border-collapse text-left text-sm"><caption class=sr-only><!$><!/> — <!$><!/></caption><thead class="bg-gray-50 dark:bg-gray-900/40"><tr></tr></thead><tbody><!$><!/><!$><!/>`), _tmpl$5 = /* @__PURE__ */ template(`<div class="absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-800/80"><div class="flex flex-col items-center gap-2"><div class="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600"></div><span class="text-sm text-gray-500 dark:text-gray-400">`), _tmpl$6 = /* @__PURE__ */ template(`<div><div class="flex items-center justify-between gap-3 mb-3 flex-shrink-0"><div class=min-w-0></div><div class="flex items-center gap-2"><div class="inline-flex rounded-md border border-gray-200 p-0.5 dark:border-gray-600"role=group><button type=button></button><button type=button></button></div><!$><!/></div></div><p class=sr-only><!$><!/>. <!$><!/></p><!$><!/><!$><!/><div><canvas role=img></canvas><!$><!/>`), _tmpl$7 = /* @__PURE__ */ template(`<th scope=col class="px-3 py-2 font-medium text-gray-900 dark:text-gray-100">`), _tmpl$8 = /* @__PURE__ */ template(`<tr class="border-t border-gray-100 dark:border-gray-700">`), _tmpl$9 = /* @__PURE__ */ template(`<td class="px-3 py-2 text-gray-700 dark:text-gray-300">`);
 let ChartJS = null;
 let chartJSLoadPromise = null;
 const loadChartJS = async () => {
@@ -38,9 +39,14 @@ const ChartJSRenderer = (props) => {
   let chartInstance;
   let renderVersion = 0;
   const params = () => props.component.params;
-  const tableData = createMemo(() => chartToDataTable(params()));
   const telemetry = useTelemetry();
   const strings = useMCPUIStrings();
+  const tableData = createMemo(() => chartToDataTable(params(), {
+    series: strings.chartTableSeries,
+    point: strings.chartTablePoint,
+    label: strings.degradedColLabel,
+    seriesName: strings.degradedSeries
+  }));
   const descriptionId = createUniqueId();
   const title = () => params().title || strings.chartView;
   const exportEnabled = () => params().exportable !== false;
@@ -112,7 +118,7 @@ const ChartJSRenderer = (props) => {
       setIsLoading(false);
     } catch (err) {
       if (version !== renderVersion) return;
-      const error2 = err instanceof Error ? err : new Error("Chart rendering failed");
+      const error2 = err instanceof Error ? err : new Error(strings.chartRenderError);
       setError(error2.message);
       setIsLoading(false);
       telemetry == null ? void 0 : telemetry.dispatch({
@@ -146,14 +152,16 @@ const ChartJSRenderer = (props) => {
     get copyData() {
       return copyDataJSON();
     },
-    copyLabel: "Copy chart data (JSON)",
+    get copyLabel() {
+      return strings.chartCopy;
+    },
     get toolbarVariant() {
       return props.toolbarVariant;
     },
     get children() {
       return createComponent(ContextAwareChartLayout, {
         render: (isExpanded) => (() => {
-          var _el$ = getNextElement(_tmpl$6), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$5 = _el$3.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling, _el$0 = _el$6.nextSibling, [_el$1, _co$] = getNextMarker(_el$0.nextSibling), _el$10 = _el$2.nextSibling, _el$12 = _el$10.firstChild, [_el$13, _co$2] = getNextMarker(_el$12.nextSibling), _el$11 = _el$13.nextSibling, _el$14 = _el$11.nextSibling, [_el$15, _co$3] = getNextMarker(_el$14.nextSibling), _el$38 = _el$10.nextSibling, [_el$39, _co$9] = getNextMarker(_el$38.nextSibling), _el$40 = _el$39.nextSibling, [_el$41, _co$0] = getNextMarker(_el$40.nextSibling), _el$33 = _el$41.nextSibling, _el$34 = _el$33.firstChild, _el$36 = _el$34.nextSibling, [_el$37, _co$8] = getNextMarker(_el$36.nextSibling);
+          var _el$ = getNextElement(_tmpl$6), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$5 = _el$3.nextSibling, _el$6 = _el$5.firstChild, _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling, _el$0 = _el$6.nextSibling, [_el$1, _co$] = getNextMarker(_el$0.nextSibling), _el$10 = _el$2.nextSibling, _el$12 = _el$10.firstChild, [_el$13, _co$2] = getNextMarker(_el$12.nextSibling), _el$11 = _el$13.nextSibling, _el$14 = _el$11.nextSibling, [_el$15, _co$3] = getNextMarker(_el$14.nextSibling), _el$41 = _el$10.nextSibling, [_el$42, _co$9] = getNextMarker(_el$41.nextSibling), _el$43 = _el$42.nextSibling, [_el$44, _co$0] = getNextMarker(_el$43.nextSibling), _el$33 = _el$44.nextSibling, _el$34 = _el$33.firstChild, _el$39 = _el$34.nextSibling, [_el$40, _co$8] = getNextMarker(_el$39.nextSibling);
           insert(_el$3, createComponent(Show, {
             get when() {
               return params().title;
@@ -175,7 +183,17 @@ const ChartJSRenderer = (props) => {
             get children() {
               var _el$9 = getNextElement(_tmpl$2);
               _el$9.$$click = handleExportPNG;
-              effect(() => setProperty(_el$9, "disabled", activeView() !== "chart" || isLoading() || Boolean(error())));
+              effect((_p$) => {
+                var _v$ = activeView() !== "chart" || isLoading() || Boolean(error()), _v$2 = strings.chartDownloadPng, _v$3 = strings.chartDownloadPngAria;
+                _v$ !== _p$.e && setProperty(_el$9, "disabled", _p$.e = _v$);
+                _v$2 !== _p$.t && setAttribute(_el$9, "title", _p$.t = _v$2);
+                _v$3 !== _p$.a && setAttribute(_el$9, "aria-label", _p$.a = _v$3);
+                return _p$;
+              }, {
+                e: void 0,
+                t: void 0,
+                a: void 0
+              });
               runHydrationEvents();
               return _el$9;
             }
@@ -190,12 +208,16 @@ const ChartJSRenderer = (props) => {
             get children() {
               return createComponent(DegradedFallback, mergeProps({
                 get message() {
-                  return `Chart rendering failed: ${error()}`;
+                  return formatMCPUIString(strings.chartRenderFailed, {
+                    error: String(error())
+                  });
                 },
-                caption: "Showing the chart data as a table — the interactive chart is unavailable."
+                get caption() {
+                  return strings.chartDegradedCaption;
+                }
               }, tableData));
             }
-          }), _el$39, _co$9);
+          }), _el$42, _co$9);
           insert(_el$, createComponent(Show, {
             get when() {
               return activeView() === "data";
@@ -209,9 +231,9 @@ const ChartJSRenderer = (props) => {
                   return tableData().columns;
                 },
                 children: (column) => (() => {
-                  var _el$42 = getNextElement(_tmpl$7);
-                  insert(_el$42, column);
-                  return _el$42;
+                  var _el$45 = getNextElement(_tmpl$7);
+                  insert(_el$45, column);
+                  return _el$45;
                 })()
               }));
               insert(_el$26, createComponent(For, {
@@ -219,18 +241,18 @@ const ChartJSRenderer = (props) => {
                   return tableData().rows;
                 },
                 children: (row) => (() => {
-                  var _el$43 = getNextElement(_tmpl$8);
-                  insert(_el$43, createComponent(For, {
+                  var _el$46 = getNextElement(_tmpl$8);
+                  insert(_el$46, createComponent(For, {
                     get each() {
                       return tableData().columns;
                     },
                     children: (_column, index) => (() => {
-                      var _el$44 = getNextElement(_tmpl$9);
-                      insert(_el$44, () => String(row[index()] ?? ""));
-                      return _el$44;
+                      var _el$47 = getNextElement(_tmpl$9);
+                      insert(_el$47, () => String(row[index()] ?? ""));
+                      return _el$47;
                     })()
                   }));
-                  return _el$43;
+                  return _el$46;
                 })()
               }), _el$30, _co$6);
               insert(_el$26, createComponent(Show, {
@@ -245,12 +267,12 @@ const ChartJSRenderer = (props) => {
                 }
               }), _el$32, _co$7);
               effect((_p$) => {
-                var _v$ = `w-full overflow-auto rounded border border-gray-200 dark:border-gray-700 ${isExpanded() ? "flex-1 min-h-0" : ""}`, _v$2 = isExpanded() ? void 0 : {
+                var _v$4 = `w-full overflow-auto rounded border border-gray-200 dark:border-gray-700 ${isExpanded() ? "flex-1 min-h-0" : ""}`, _v$5 = isExpanded() ? void 0 : {
                   height: params().height || "250px",
                   "max-height": "70vh"
                 };
-                _v$ !== _p$.e && className(_el$16, _p$.e = _v$);
-                _p$.t = style(_el$16, _v$2, _p$.t);
+                _v$4 !== _p$.e && className(_el$16, _p$.e = _v$4);
+                _p$.t = style(_el$16, _v$5, _p$.t);
                 return _p$;
               }, {
                 e: void 0,
@@ -258,7 +280,7 @@ const ChartJSRenderer = (props) => {
               });
               return _el$16;
             }
-          }), _el$41, _co$0);
+          }), _el$44, _co$0);
           var _ref$ = canvasRef;
           typeof _ref$ === "function" ? use(_ref$, _el$34) : canvasRef = _el$34;
           setAttribute(_el$34, "aria-describedby", descriptionId);
@@ -267,11 +289,13 @@ const ChartJSRenderer = (props) => {
               return memo(() => !!isLoading())() && activeView() === "chart";
             },
             get children() {
-              return getNextElement(_tmpl$5);
+              var _el$35 = getNextElement(_tmpl$5), _el$36 = _el$35.firstChild, _el$37 = _el$36.firstChild, _el$38 = _el$37.nextSibling;
+              insert(_el$38, () => strings.chartLoading);
+              return _el$35;
             }
-          }), _el$37, _co$8);
+          }), _el$40, _co$8);
           effect((_p$) => {
-            var _v$3 = `relative w-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden p-4 group ${isExpanded() ? "flex-1 min-h-0 flex flex-col" : ""} ${params().className || ""}`, _v$4 = strings.chartViewSelector, _v$5 = activeView() === "chart", _v$6 = `rounded px-2 py-1 text-xs font-medium transition-colors ${activeView() === "chart" ? "bg-gray-900 text-white dark:bg-gray-100 dark:text-gray-900" : "text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700"}`, _v$7 = activeView() === "data", _v$8 = `rounded px-2 py-1 text-xs font-medium transition-colors ${activeView() === "data" ? "bg-gray-900 text-white dark:bg-gray-100 dark:text-gray-900" : "text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700"}`, _v$9 = `relative w-full ${isExpanded() ? "flex-1 min-h-0" : ""}`, _v$0 = error() || activeView() === "data" ? {
+            var _v$6 = `relative w-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden p-4 group ${isExpanded() ? "flex-1 min-h-0 flex flex-col" : ""} ${params().className || ""}`, _v$7 = strings.chartViewSelector, _v$8 = activeView() === "chart", _v$9 = `rounded px-2 py-1 text-xs font-medium transition-colors ${activeView() === "chart" ? "bg-gray-900 text-white dark:bg-gray-100 dark:text-gray-900" : "text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700"}`, _v$0 = activeView() === "data", _v$1 = `rounded px-2 py-1 text-xs font-medium transition-colors ${activeView() === "data" ? "bg-gray-900 text-white dark:bg-gray-100 dark:text-gray-900" : "text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700"}`, _v$10 = `relative w-full ${isExpanded() ? "flex-1 min-h-0" : ""}`, _v$11 = error() || activeView() === "data" ? {
               display: "none"
             } : isExpanded() ? {
               height: "100%",
@@ -279,17 +303,17 @@ const ChartJSRenderer = (props) => {
             } : {
               height: params().height || "250px",
               display: "block"
-            }, _v$1 = title(), _v$10 = activeView() !== "chart" || Boolean(error());
-            _v$3 !== _p$.e && className(_el$, _p$.e = _v$3);
-            _v$4 !== _p$.t && setAttribute(_el$6, "aria-label", _p$.t = _v$4);
-            _v$5 !== _p$.a && setAttribute(_el$7, "aria-pressed", _p$.a = _v$5);
-            _v$6 !== _p$.o && className(_el$7, _p$.o = _v$6);
-            _v$7 !== _p$.i && setAttribute(_el$8, "aria-pressed", _p$.i = _v$7);
-            _v$8 !== _p$.n && className(_el$8, _p$.n = _v$8);
-            _v$9 !== _p$.s && className(_el$33, _p$.s = _v$9);
-            _p$.h = style(_el$33, _v$0, _p$.h);
-            _v$1 !== _p$.r && setAttribute(_el$34, "aria-label", _p$.r = _v$1);
-            _v$10 !== _p$.d && setAttribute(_el$34, "aria-hidden", _p$.d = _v$10);
+            }, _v$12 = title(), _v$13 = activeView() !== "chart" || Boolean(error());
+            _v$6 !== _p$.e && className(_el$, _p$.e = _v$6);
+            _v$7 !== _p$.t && setAttribute(_el$6, "aria-label", _p$.t = _v$7);
+            _v$8 !== _p$.a && setAttribute(_el$7, "aria-pressed", _p$.a = _v$8);
+            _v$9 !== _p$.o && className(_el$7, _p$.o = _v$9);
+            _v$0 !== _p$.i && setAttribute(_el$8, "aria-pressed", _p$.i = _v$0);
+            _v$1 !== _p$.n && className(_el$8, _p$.n = _v$1);
+            _v$10 !== _p$.s && className(_el$33, _p$.s = _v$10);
+            _p$.h = style(_el$33, _v$11, _p$.h);
+            _v$12 !== _p$.r && setAttribute(_el$34, "aria-label", _p$.r = _v$12);
+            _v$13 !== _p$.d && setAttribute(_el$34, "aria-hidden", _p$.d = _v$13);
             return _p$;
           }, {
             e: void 0,

package/dist/components/ChartJSRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChartJSRenderer.js","sources":["../../src/components/ChartJSRenderer.tsx"],"sourcesContent":["/**\n * ChartJSRenderer - Native Chart.js rendering\n * Sprint 4: State & Charts\n *\n * Requires chart.js peer dependency:\n * ```\n * pnpm add chart.js\n * ```\n */\n\nimport {\n  Component,\n  For,\n  createEffect,\n  createMemo,\n  createUniqueId,\n  onCleanup,\n  createSignal,\n  Show,\n} from 'solid-js';\nimport type { Accessor, JSX } from 'solid-js';\nimport type { UIComponent, ChartComponentParams } from '../types';\nimport { ExpandableWrapper, useExpanded } from './ExpandableWrapper';\nimport { DegradedFallback } from './DegradedFallback';\nimport { chartToDataTable } from './chart-data-table';\nimport { useTelemetry } from '../context/MCPUITelemetryContext';\nimport { useMCPUIStrings } from '../context/MCPUIStringsContext';\n\n// Lazy load Chart.js to avoid bundling if not used\nlet ChartJS: any = null;\nlet chartJSLoadPromise: Promise<any> | null = null;\n\nconst loadChartJS = async () => {\n  if (ChartJS) return ChartJS;\n\n  if (!chartJSLoadPromise) {\n    chartJSLoadPromise = import('chart.js/auto')\n      .then((module) => {\n        ChartJS = module.default || module.Chart;\n        return ChartJS;\n      })\n      .catch((err) => {\n        chartJSLoadPromise = null;\n        throw err;\n      });\n  }\n\n  return chartJSLoadPromise;\n};\n\n/**\n * Check if Chart.js is available\n */\nexport async function isChartJSAvailable(): Promise<boolean> {\n  try {\n    await loadChartJS();\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nexport interface ChartJSRendererProps {\n  /**\n   * UIComponent with chart params\n   */\n  component: UIComponent;\n\n  /**\n   * Error callback\n   */\n  onError?: (error: Error) => void;\n\n  /**\n   * Forwarded to the underlying `<ExpandableWrapper>` (v6.3.1).\n   * @see ExpandableWrapperProps.toolbarVariant\n   */\n  toolbarVariant?: 'hover' | 'always-visible';\n}\n\nconst ContextAwareChartLayout: Component<{\n  render: (isExpanded: Accessor<boolean>) => JSX.Element;\n}> = (props) => props.render(useExpanded());\n\n/**\n * Native Chart.js renderer component\n *\n * @example\n * ```tsx\n * const chartComponent: UIComponent = {\n *   id: 'revenue-chart',\n *   type: 'chart',\n *   position: { colStart: 1, colSpan: 6 },\n *   params: {\n *     type: 'bar',\n *     title: 'Monthly Revenue',\n *     data: {\n *       labels: ['Jan', 'Feb', 'Mar'],\n *       datasets: [{ label: 'Revenue', data: [100, 200, 150] }]\n *     },\n *     renderer: 'native',\n *   },\n * }\n * <ChartJSRenderer component={chartComponent} />\n * ```\n */\nexport const ChartJSRenderer: Component<ChartJSRendererProps> = (props) => {\n  const [isLoading, setIsLoading] = createSignal(true);\n  const [error, setError] = createSignal<string>();\n  const [activeView, setActiveView] = createSignal<'chart' | 'data'>('chart');\n  let canvasRef: HTMLCanvasElement | undefined;\n  let chartInstance: any;\n  let renderVersion = 0;\n\n  const params = () => props.component.params as ChartComponentParams;\n  const tableData = createMemo(() => chartToDataTable(params()));\n  const telemetry = useTelemetry();\n  const strings = useMCPUIStrings();\n  const descriptionId = createUniqueId();\n  const title = () => params().title || strings.chartView;\n\n  // v6.1.0 — export visibility :\n  //   - undefined / true  → button shown (new default, was opt-in)\n  //   - false             → button hidden (explicit opt-out, unchanged)\n  const exportEnabled = () => params().exportable !== false;\n\n  // v6.1.0 — copy data for the ExpandableWrapper modal-header copy button.\n  // Lazy-stringified each time the button is clicked.\n  const copyDataJSON = () => JSON.stringify({ type: params().type, data: params().data }, null, 2);\n\n  // Chart PNG export\n  const handleExportPNG = () => {\n    if (!canvasRef) return;\n    const url = canvasRef.toDataURL('image/png');\n    const a = document.createElement('a');\n    a.href = url;\n    a.download = `${(params().title || 'chart').replace(/\\s+/g, '-').toLowerCase()}.png`;\n    a.click();\n  };\n\n  // Create/update chart when params change\n  createEffect(async () => {\n    if (!canvasRef) return;\n\n    // Access params to track dependencies\n    const chartParams = params();\n    const version = ++renderVersion;\n\n    setIsLoading(true);\n    setError(undefined);\n\n    try {\n      const Chart = await loadChartJS();\n\n      // A newer prop update or an unmount superseded this async render.\n      if (version !== renderVersion || !canvasRef) return;\n\n      // Destroy previous instance\n      if (chartInstance) {\n        chartInstance.destroy();\n        chartInstance = null;\n      }\n\n      // Build options, merging time-axis config if present (v3.1.0)\n      const baseOptions: any = {\n        responsive: true,\n        maintainAspectRatio: false,\n        ...chartParams.options,\n        plugins: {\n          ...chartParams.options?.plugins,\n          legend: {\n            display: true,\n            position: 'bottom',\n            ...chartParams.options?.plugins?.legend,\n          },\n        },\n      };\n\n      // Time-series axis (v3.1.0)\n      if (chartParams.timeAxis) {\n        const ta = chartParams.timeAxis;\n        baseOptions.scales = {\n          ...baseOptions.scales,\n          x: {\n            ...baseOptions.scales?.x,\n            type: 'time',\n            time: {\n              parser: ta.parser,\n              unit: ta.unit,\n              tooltipFormat: ta.tooltipFormat,\n            },\n            ...(ta.min ? { min: ta.min } : {}),\n            ...(ta.max ? { max: ta.max } : {}),\n          },\n        };\n      }\n\n      // Create new chart\n      chartInstance = new Chart(canvasRef, {\n        type: chartParams.type,\n        data: chartParams.data,\n        options: baseOptions,\n      });\n\n      setIsLoading(false);\n    } catch (err) {\n      if (version !== renderVersion) return;\n      const error = err instanceof Error ? err : new Error('Chart rendering failed');\n      setError(error.message);\n      setIsLoading(false);\n      // Fallback ladder (P2.5): record the failure so it's observable, then\n      // degrade to the series table below instead of a blank canvas.\n      telemetry?.dispatch({\n        type: 'render:error',\n        errorMessage: error.message,\n        id: props.component?.id ?? '',\n        componentType: 'chart',\n        ts: Date.now(),\n      });\n      props.onError?.(error);\n    }\n  });\n\n  // Chart.js may measure a zero-sized canvas while the data view is visible.\n  // Resize once Solid has revealed it again.\n  createEffect(() => {\n    if (activeView() !== 'chart' || !chartInstance) return;\n    queueMicrotask(() => chartInstance?.resize?.());\n  });\n\n  // Cleanup on unmount\n  onCleanup(() => {\n    renderVersion += 1;\n    if (chartInstance) {\n      chartInstance.destroy();\n      chartInstance = null;\n    }\n  });\n\n  return (\n    <ExpandableWrapper\n      title={title()}\n      copyData={copyDataJSON()}\n      copyLabel=\"Copy chart data (JSON)\"\n      toolbarVariant={props.toolbarVariant}\n    >\n      <ContextAwareChartLayout\n        render={(isExpanded) => (\n          <div\n            class={`relative w-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden p-4 group ${\n              isExpanded() ? 'flex-1 min-h-0 flex flex-col' : ''\n            } ${params().className || ''}`}\n          >\n        <div class=\"flex items-center justify-between gap-3 mb-3 flex-shrink-0\">\n          <div class=\"min-w-0\">\n            <Show when={params().title}>\n              <h3 class=\"text-sm font-semibold text-gray-900 dark:text-white\">{params().title}</h3>\n            </Show>\n          </div>\n          <div class=\"flex items-center gap-2\">\n            <div\n              class=\"inline-flex rounded-md border border-gray-200 p-0.5 dark:border-gray-600\"\n              role=\"group\"\n              aria-label={strings.chartViewSelector}\n            >\n              <button\n                type=\"button\"\n                aria-pressed={activeView() === 'chart'}\n                class={`rounded px-2 py-1 text-xs font-medium transition-colors ${\n                  activeView() === 'chart'\n                    ? 'bg-gray-900 text-white dark:bg-gray-100 dark:text-gray-900'\n                    : 'text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700'\n                }`}\n                onClick={() => setActiveView('chart')}\n              >\n                {strings.chartView}\n              </button>\n              <button\n                type=\"button\"\n                aria-pressed={activeView() === 'data'}\n                class={`rounded px-2 py-1 text-xs font-medium transition-colors ${\n                  activeView() === 'data'\n                    ? 'bg-gray-900 text-white dark:bg-gray-100 dark:text-gray-900'\n                    : 'text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700'\n                }`}\n                onClick={() => setActiveView('data')}\n              >\n                {strings.chartDataView}\n              </button>\n            </div>\n            <Show when={exportEnabled()}>\n              <button\n                type=\"button\"\n                onClick={handleExportPNG}\n                disabled={activeView() !== 'chart' || isLoading() || Boolean(error())}\n                class=\"opacity-0 group-hover:opacity-60 hover:!opacity-100 disabled:!opacity-30 disabled:cursor-not-allowed px-2 py-1 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 transition-all shadow-sm\"\n                title=\"Download PNG\"\n                aria-label=\"Download chart as PNG\"\n              >\n                <svg\n                  class=\"w-3 h-3 text-gray-500 dark:text-gray-400\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\n                  />\n                </svg>\n              </button>\n            </Show>\n          </div>\n        </div>\n\n        <p id={descriptionId} class=\"sr-only\">\n          {title()}. {strings.chartDataSummary}\n        </p>\n\n        {/* Fallback ladder (P2.5): degrade to a series table on render error\n            instead of a bare \"Chart Error\" message. */}\n        <Show when={error() && activeView() === 'chart'}>\n          <DegradedFallback\n            message={`Chart rendering failed: ${error()}`}\n            caption=\"Showing the chart data as a table — the interactive chart is unavailable.\"\n            {...tableData()}\n          />\n        </Show>\n\n        <Show when={activeView() === 'data'}>\n          <div\n            class={`w-full overflow-auto rounded border border-gray-200 dark:border-gray-700 ${\n              isExpanded() ? 'flex-1 min-h-0' : ''\n            }`}\n            style={\n              isExpanded()\n                ? undefined\n                : { height: params().height || '250px', 'max-height': '70vh' }\n            }\n          >\n            <table class=\"w-full border-collapse text-left text-sm\">\n              <caption class=\"sr-only\">\n                {title()} — {strings.chartDataTable}\n              </caption>\n              <thead class=\"bg-gray-50 dark:bg-gray-900/40\">\n                <tr>\n                  <For each={tableData().columns}>\n                    {(column) => (\n                      <th scope=\"col\" class=\"px-3 py-2 font-medium text-gray-900 dark:text-gray-100\">\n                        {column}\n                      </th>\n                    )}\n                  </For>\n                </tr>\n              </thead>\n              <tbody>\n                <For each={tableData().rows}>\n                  {(row) => (\n                    <tr class=\"border-t border-gray-100 dark:border-gray-700\">\n                      <For each={tableData().columns}>\n                        {(_column, index) => (\n                          <td class=\"px-3 py-2 text-gray-700 dark:text-gray-300\">\n                            {String(row[index()] ?? '')}\n                          </td>\n                        )}\n                      </For>\n                    </tr>\n                  )}\n                </For>\n                <Show when={tableData().rows.length === 0}>\n                  <tr>\n                    <td\n                      colSpan={Math.max(1, tableData().columns.length)}\n                      class=\"px-3 py-6 text-center text-gray-500 dark:text-gray-400\"\n                    >\n                      {strings.chartNoData}\n                    </td>\n                  </tr>\n                </Show>\n              </tbody>\n            </table>\n          </div>\n        </Show>\n\n        <div\n          class={`relative w-full ${isExpanded() ? 'flex-1 min-h-0' : ''}`}\n          style={\n            error() || activeView() === 'data'\n              ? { display: 'none' }\n              : isExpanded()\n                ? { height: '100%', display: 'block' }\n                : { height: params().height || '250px', display: 'block' }\n          }\n        >\n          <canvas\n            ref={canvasRef}\n            role=\"img\"\n            aria-label={title()}\n            aria-describedby={descriptionId}\n            aria-hidden={activeView() !== 'chart' || Boolean(error())}\n          />\n          <Show when={isLoading() && activeView() === 'chart'}>\n            <div class=\"absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-800/80\">\n              <div class=\"flex flex-col items-center gap-2\">\n                <div class=\"animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600\" />\n                <span class=\"text-sm text-gray-500 dark:text-gray-400\">Loading chart...</span>\n              </div>\n            </div>\n          </Show>\n        </div>\n          </div>\n        )}\n      />\n    </ExpandableWrapper>\n  );\n};\n"],"names":["ChartJS","chartJSLoadPromise","loadChartJS","then","module","default","Chart","catch","err","isChartJSAvailable","ContextAwareChartLayout","props","render","useExpanded","ChartJSRenderer","isLoading","setIsLoading","createSignal","error","setError","activeView","setActiveView","canvasRef","chartInstance","renderVersion","params","component","tableData","createMemo","chartToDataTable","telemetry","useTelemetry","strings","useMCPUIStrings","descriptionId","createUniqueId","title","chartView","exportEnabled","exportable","copyDataJSON","JSON","stringify","type","data","handleExportPNG","url","toDataURL","a","document","createElement","href","download","replace","toLowerCase","click","createEffect","chartParams","version","undefined","destroy","baseOptions","responsive","maintainAspectRatio","options","plugins","legend","display","position","timeAxis","ta","scales","x","time","parser","unit","tooltipFormat","min","max","Error","message","dispatch","errorMessage","id","componentType","ts","Date","now","onError","queueMicrotask","resize","onCleanup","_$createComponent","ExpandableWrapper","copyData","copyLabel","toolbarVariant","children","isExpanded","_el$","_$getNextElement","_tmpl$6","_el$2","firstChild","_el$3","_el$5","nextSibling","_el$6","_el$7","_el$8","_el$0","_el$1","_co$","_$getNextMarker","_el$10","_el$12","_el$13","_co$2","_el$11","_el$14","_el$15","_co$3","_el$38","_el$39","_co$9","_el$40","_el$41","_co$0","_el$33","_el$34","_el$36","_el$37","_co$8","_$insert","Show","when","_el$4","_tmpl$","$$click","chartDataView","_el$9","_tmpl$2","_$effect","_$setProperty","Boolean","_$runHydrationEvents","_$setAttribute","chartDataSummary","_$memo","DegradedFallback","_$mergeProps","caption","_el$16","_tmpl$4","_el$17","_el$18","_el$20","_el$21","_co$4","_el$19","_el$22","_el$23","_co$5","_el$24","_el$25","_el$26","_el$29","_el$30","_co$6","_el$31","_el$32","_co$7","chartDataTable","For","each","columns","column","_el$42","_tmpl$7","rows","row","_el$43","_tmpl$8","_column","index","_el$44","_tmpl$9","String","length","_el$27","_tmpl$3","_el$28","chartNoData","Math","_p$","_v$","_v$2","height","e","_$className","t","_$style","_ref$","_$use","_tmpl$5","_v$3","className","_v$4","chartViewSelector","_v$5","_v$6","_v$7","_v$8","_v$9","_v$0","_v$1","_v$10","o","i","n","s","h","r","d","_$delegateEvents"],"mappings":"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"}
+{"version":3,"file":"ChartJSRenderer.js","sources":["../../src/components/ChartJSRenderer.tsx"],"sourcesContent":["/**\n * ChartJSRenderer - Native Chart.js rendering\n * Sprint 4: State & Charts\n *\n * Requires chart.js peer dependency:\n * ```\n * pnpm add chart.js\n * ```\n */\n\nimport {\n  Component,\n  For,\n  createEffect,\n  createMemo,\n  createUniqueId,\n  onCleanup,\n  createSignal,\n  Show,\n} from 'solid-js';\nimport type { Accessor, JSX } from 'solid-js';\nimport type { UIComponent, ChartComponentParams } from '../types';\nimport { ExpandableWrapper, useExpanded } from './ExpandableWrapper';\nimport { DegradedFallback } from './DegradedFallback';\nimport { chartToDataTable } from './chart-data-table';\nimport { useTelemetry } from '../context/MCPUITelemetryContext';\nimport { formatMCPUIString, useMCPUIStrings } from '../context/MCPUIStringsContext';\n\n// Lazy load Chart.js to avoid bundling if not used\nlet ChartJS: any = null;\nlet chartJSLoadPromise: Promise<any> | null = null;\n\nconst loadChartJS = async () => {\n  if (ChartJS) return ChartJS;\n\n  if (!chartJSLoadPromise) {\n    chartJSLoadPromise = import('chart.js/auto')\n      .then((module) => {\n        ChartJS = module.default || module.Chart;\n        return ChartJS;\n      })\n      .catch((err) => {\n        chartJSLoadPromise = null;\n        throw err;\n      });\n  }\n\n  return chartJSLoadPromise;\n};\n\n/**\n * Check if Chart.js is available\n */\nexport async function isChartJSAvailable(): Promise<boolean> {\n  try {\n    await loadChartJS();\n    return true;\n  } catch {\n    return false;\n  }\n}\n\nexport interface ChartJSRendererProps {\n  /**\n   * UIComponent with chart params\n   */\n  component: UIComponent;\n\n  /**\n   * Error callback\n   */\n  onError?: (error: Error) => void;\n\n  /**\n   * Forwarded to the underlying `<ExpandableWrapper>` (v6.3.1).\n   * @see ExpandableWrapperProps.toolbarVariant\n   */\n  toolbarVariant?: 'hover' | 'always-visible';\n}\n\nconst ContextAwareChartLayout: Component<{\n  render: (isExpanded: Accessor<boolean>) => JSX.Element;\n}> = (props) => props.render(useExpanded());\n\n/**\n * Native Chart.js renderer component\n *\n * @example\n * ```tsx\n * const chartComponent: UIComponent = {\n *   id: 'revenue-chart',\n *   type: 'chart',\n *   position: { colStart: 1, colSpan: 6 },\n *   params: {\n *     type: 'bar',\n *     title: 'Monthly Revenue',\n *     data: {\n *       labels: ['Jan', 'Feb', 'Mar'],\n *       datasets: [{ label: 'Revenue', data: [100, 200, 150] }]\n *     },\n *     renderer: 'native',\n *   },\n * }\n * <ChartJSRenderer component={chartComponent} />\n * ```\n */\nexport const ChartJSRenderer: Component<ChartJSRendererProps> = (props) => {\n  const [isLoading, setIsLoading] = createSignal(true);\n  const [error, setError] = createSignal<string>();\n  const [activeView, setActiveView] = createSignal<'chart' | 'data'>('chart');\n  let canvasRef: HTMLCanvasElement | undefined;\n  let chartInstance: any;\n  let renderVersion = 0;\n\n  const params = () => props.component.params as ChartComponentParams;\n  const telemetry = useTelemetry();\n  const strings = useMCPUIStrings();\n  // The accessible data table is a pure projection: its column headers come\n  // from the chrome strings, injected rather than hardcoded in the helper.\n  const tableData = createMemo(() =>\n    chartToDataTable(params(), {\n      series: strings.chartTableSeries,\n      point: strings.chartTablePoint,\n      label: strings.degradedColLabel,\n      seriesName: strings.degradedSeries,\n    })\n  );\n  const descriptionId = createUniqueId();\n  const title = () => params().title || strings.chartView;\n\n  // v6.1.0 — export visibility :\n  //   - undefined / true  → button shown (new default, was opt-in)\n  //   - false             → button hidden (explicit opt-out, unchanged)\n  const exportEnabled = () => params().exportable !== false;\n\n  // v6.1.0 — copy data for the ExpandableWrapper modal-header copy button.\n  // Lazy-stringified each time the button is clicked.\n  const copyDataJSON = () => JSON.stringify({ type: params().type, data: params().data }, null, 2);\n\n  // Chart PNG export\n  const handleExportPNG = () => {\n    if (!canvasRef) return;\n    const url = canvasRef.toDataURL('image/png');\n    const a = document.createElement('a');\n    a.href = url;\n    a.download = `${(params().title || 'chart').replace(/\\s+/g, '-').toLowerCase()}.png`;\n    a.click();\n  };\n\n  // Create/update chart when params change\n  createEffect(async () => {\n    if (!canvasRef) return;\n\n    // Access params to track dependencies\n    const chartParams = params();\n    const version = ++renderVersion;\n\n    setIsLoading(true);\n    setError(undefined);\n\n    try {\n      const Chart = await loadChartJS();\n\n      // A newer prop update or an unmount superseded this async render.\n      if (version !== renderVersion || !canvasRef) return;\n\n      // Destroy previous instance\n      if (chartInstance) {\n        chartInstance.destroy();\n        chartInstance = null;\n      }\n\n      // Build options, merging time-axis config if present (v3.1.0)\n      const baseOptions: any = {\n        responsive: true,\n        maintainAspectRatio: false,\n        ...chartParams.options,\n        plugins: {\n          ...chartParams.options?.plugins,\n          legend: {\n            display: true,\n            position: 'bottom',\n            ...chartParams.options?.plugins?.legend,\n          },\n        },\n      };\n\n      // Time-series axis (v3.1.0)\n      if (chartParams.timeAxis) {\n        const ta = chartParams.timeAxis;\n        baseOptions.scales = {\n          ...baseOptions.scales,\n          x: {\n            ...baseOptions.scales?.x,\n            type: 'time',\n            time: {\n              parser: ta.parser,\n              unit: ta.unit,\n              tooltipFormat: ta.tooltipFormat,\n            },\n            ...(ta.min ? { min: ta.min } : {}),\n            ...(ta.max ? { max: ta.max } : {}),\n          },\n        };\n      }\n\n      // Create new chart\n      chartInstance = new Chart(canvasRef, {\n        type: chartParams.type,\n        data: chartParams.data,\n        options: baseOptions,\n      });\n\n      setIsLoading(false);\n    } catch (err) {\n      if (version !== renderVersion) return;\n      const error = err instanceof Error ? err : new Error(strings.chartRenderError);\n      setError(error.message);\n      setIsLoading(false);\n      // Fallback ladder (P2.5): record the failure so it's observable, then\n      // degrade to the series table below instead of a blank canvas.\n      telemetry?.dispatch({\n        type: 'render:error',\n        errorMessage: error.message,\n        id: props.component?.id ?? '',\n        componentType: 'chart',\n        ts: Date.now(),\n      });\n      props.onError?.(error);\n    }\n  });\n\n  // Chart.js may measure a zero-sized canvas while the data view is visible.\n  // Resize once Solid has revealed it again.\n  createEffect(() => {\n    if (activeView() !== 'chart' || !chartInstance) return;\n    queueMicrotask(() => chartInstance?.resize?.());\n  });\n\n  // Cleanup on unmount\n  onCleanup(() => {\n    renderVersion += 1;\n    if (chartInstance) {\n      chartInstance.destroy();\n      chartInstance = null;\n    }\n  });\n\n  return (\n    <ExpandableWrapper\n      title={title()}\n      copyData={copyDataJSON()}\n      copyLabel={strings.chartCopy}\n      toolbarVariant={props.toolbarVariant}\n    >\n      <ContextAwareChartLayout\n        render={(isExpanded) => (\n          <div\n            class={`relative w-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 overflow-hidden p-4 group ${\n              isExpanded() ? 'flex-1 min-h-0 flex flex-col' : ''\n            } ${params().className || ''}`}\n          >\n        <div class=\"flex items-center justify-between gap-3 mb-3 flex-shrink-0\">\n          <div class=\"min-w-0\">\n            <Show when={params().title}>\n              <h3 class=\"text-sm font-semibold text-gray-900 dark:text-white\">{params().title}</h3>\n            </Show>\n          </div>\n          <div class=\"flex items-center gap-2\">\n            <div\n              class=\"inline-flex rounded-md border border-gray-200 p-0.5 dark:border-gray-600\"\n              role=\"group\"\n              aria-label={strings.chartViewSelector}\n            >\n              <button\n                type=\"button\"\n                aria-pressed={activeView() === 'chart'}\n                class={`rounded px-2 py-1 text-xs font-medium transition-colors ${\n                  activeView() === 'chart'\n                    ? 'bg-gray-900 text-white dark:bg-gray-100 dark:text-gray-900'\n                    : 'text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700'\n                }`}\n                onClick={() => setActiveView('chart')}\n              >\n                {strings.chartView}\n              </button>\n              <button\n                type=\"button\"\n                aria-pressed={activeView() === 'data'}\n                class={`rounded px-2 py-1 text-xs font-medium transition-colors ${\n                  activeView() === 'data'\n                    ? 'bg-gray-900 text-white dark:bg-gray-100 dark:text-gray-900'\n                    : 'text-gray-600 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700'\n                }`}\n                onClick={() => setActiveView('data')}\n              >\n                {strings.chartDataView}\n              </button>\n            </div>\n            <Show when={exportEnabled()}>\n              <button\n                type=\"button\"\n                onClick={handleExportPNG}\n                disabled={activeView() !== 'chart' || isLoading() || Boolean(error())}\n                class=\"opacity-0 group-hover:opacity-60 hover:!opacity-100 disabled:!opacity-30 disabled:cursor-not-allowed px-2 py-1 bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-600 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 transition-all shadow-sm\"\n                title={strings.chartDownloadPng}\n                aria-label={strings.chartDownloadPngAria}\n              >\n                <svg\n                  class=\"w-3 h-3 text-gray-500 dark:text-gray-400\"\n                  fill=\"none\"\n                  viewBox=\"0 0 24 24\"\n                  stroke=\"currentColor\"\n                >\n                  <path\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                    stroke-width=\"2\"\n                    d=\"M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z\"\n                  />\n                </svg>\n              </button>\n            </Show>\n          </div>\n        </div>\n\n        <p id={descriptionId} class=\"sr-only\">\n          {title()}. {strings.chartDataSummary}\n        </p>\n\n        {/* Fallback ladder (P2.5): degrade to a series table on render error\n            instead of a bare \"Chart Error\" message. */}\n        <Show when={error() && activeView() === 'chart'}>\n          <DegradedFallback\n            message={formatMCPUIString(strings.chartRenderFailed, { error: String(error()) })}\n            caption={strings.chartDegradedCaption}\n            {...tableData()}\n          />\n        </Show>\n\n        <Show when={activeView() === 'data'}>\n          <div\n            class={`w-full overflow-auto rounded border border-gray-200 dark:border-gray-700 ${\n              isExpanded() ? 'flex-1 min-h-0' : ''\n            }`}\n            style={\n              isExpanded()\n                ? undefined\n                : { height: params().height || '250px', 'max-height': '70vh' }\n            }\n          >\n            <table class=\"w-full border-collapse text-left text-sm\">\n              <caption class=\"sr-only\">\n                {title()} — {strings.chartDataTable}\n              </caption>\n              <thead class=\"bg-gray-50 dark:bg-gray-900/40\">\n                <tr>\n                  <For each={tableData().columns}>\n                    {(column) => (\n                      <th scope=\"col\" class=\"px-3 py-2 font-medium text-gray-900 dark:text-gray-100\">\n                        {column}\n                      </th>\n                    )}\n                  </For>\n                </tr>\n              </thead>\n              <tbody>\n                <For each={tableData().rows}>\n                  {(row) => (\n                    <tr class=\"border-t border-gray-100 dark:border-gray-700\">\n                      <For each={tableData().columns}>\n                        {(_column, index) => (\n                          <td class=\"px-3 py-2 text-gray-700 dark:text-gray-300\">\n                            {String(row[index()] ?? '')}\n                          </td>\n                        )}\n                      </For>\n                    </tr>\n                  )}\n                </For>\n                <Show when={tableData().rows.length === 0}>\n                  <tr>\n                    <td\n                      colSpan={Math.max(1, tableData().columns.length)}\n                      class=\"px-3 py-6 text-center text-gray-500 dark:text-gray-400\"\n                    >\n                      {strings.chartNoData}\n                    </td>\n                  </tr>\n                </Show>\n              </tbody>\n            </table>\n          </div>\n        </Show>\n\n        <div\n          class={`relative w-full ${isExpanded() ? 'flex-1 min-h-0' : ''}`}\n          style={\n            error() || activeView() === 'data'\n              ? { display: 'none' }\n              : isExpanded()\n                ? { height: '100%', display: 'block' }\n                : { height: params().height || '250px', display: 'block' }\n          }\n        >\n          <canvas\n            ref={canvasRef}\n            role=\"img\"\n            aria-label={title()}\n            aria-describedby={descriptionId}\n            aria-hidden={activeView() !== 'chart' || Boolean(error())}\n          />\n          <Show when={isLoading() && activeView() === 'chart'}>\n            <div class=\"absolute inset-0 flex items-center justify-center bg-white/80 dark:bg-gray-800/80\">\n              <div class=\"flex flex-col items-center gap-2\">\n                <div class=\"animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600\" />\n                <span class=\"text-sm text-gray-500 dark:text-gray-400\">{strings.chartLoading}</span>\n              </div>\n            </div>\n          </Show>\n        </div>\n          </div>\n        )}\n      />\n    </ExpandableWrapper>\n  );\n};\n"],"names":["ChartJS","chartJSLoadPromise","loadChartJS","then","module","default","Chart","catch","err","isChartJSAvailable","ContextAwareChartLayout","props","render","useExpanded","ChartJSRenderer","isLoading","setIsLoading","createSignal","error","setError","activeView","setActiveView","canvasRef","chartInstance","renderVersion","params","component","telemetry","useTelemetry","strings","useMCPUIStrings","tableData","createMemo","chartToDataTable","series","chartTableSeries","point","chartTablePoint","label","degradedColLabel","seriesName","degradedSeries","descriptionId","createUniqueId","title","chartView","exportEnabled","exportable","copyDataJSON","JSON","stringify","type","data","handleExportPNG","url","toDataURL","a","document","createElement","href","download","replace","toLowerCase","click","createEffect","chartParams","version","undefined","destroy","baseOptions","responsive","maintainAspectRatio","options","plugins","legend","display","position","timeAxis","ta","scales","x","time","parser","unit","tooltipFormat","min","max","Error","chartRenderError","message","dispatch","errorMessage","id","componentType","ts","Date","now","onError","queueMicrotask","resize","onCleanup","_$createComponent","ExpandableWrapper","copyData","copyLabel","chartCopy","toolbarVariant","children","isExpanded","_el$","_$getNextElement","_tmpl$6","_el$2","firstChild","_el$3","_el$5","nextSibling","_el$6","_el$7","_el$8","_el$0","_el$1","_co$","_$getNextMarker","_el$10","_el$12","_el$13","_co$2","_el$11","_el$14","_el$15","_co$3","_el$41","_el$42","_co$9","_el$43","_el$44","_co$0","_el$33","_el$34","_el$39","_el$40","_co$8","_$insert","Show","when","_el$4","_tmpl$","$$click","chartDataView","_el$9","_tmpl$2","_$effect","_p$","_v$","Boolean","_v$2","chartDownloadPng","_v$3","chartDownloadPngAria","e","_$setProperty","t","_$setAttribute","_$runHydrationEvents","chartDataSummary","_$memo","DegradedFallback","_$mergeProps","formatMCPUIString","chartRenderFailed","String","caption","chartDegradedCaption","_el$16","_tmpl$4","_el$17","_el$18","_el$20","_el$21","_co$4","_el$19","_el$22","_el$23","_co$5","_el$24","_el$25","_el$26","_el$29","_el$30","_co$6","_el$31","_el$32","_co$7","chartDataTable","For","each","columns","column","_el$45","_tmpl$7","rows","row","_el$46","_tmpl$8","_column","index","_el$47","_tmpl$9","length","_el$27","_tmpl$3","_el$28","chartNoData","Math","_v$4","_v$5","height","_$className","_$style","_ref$","_$use","_el$35","_tmpl$5","_el$36","_el$37","_el$38","chartLoading","_v$6","className","_v$7","chartViewSelector","_v$8","_v$9","_v$0","_v$1","_v$10","_v$11","_v$12","_v$13","o","i","n","s","h","r","d","_$delegateEvents"],"mappings":"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"}

package/dist/components/ChatPrompt.cjs

@@ -3,13 +3,15 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const web = require("solid-js/web");
 const solidJs = require("solid-js");
 const FormFieldRenderer = require("./FormFieldRenderer.cjs");
+const MCPUIStringsContext = require("../context/MCPUIStringsContext.cjs");
 var _tmpl$ = /* @__PURE__ */ web.template(`<div class="w-full max-w-2xl mx-auto mb-2 bg-white dark:bg-gray-800 rounded-xl border border-gray-200 dark:border-gray-700 shadow-lg overflow-visible"role=dialog style="animation:chat-prompt-slide-up 0.2s ease-out"><div class="flex items-center justify-between px-4 py-2.5 border-b border-gray-100 dark:border-gray-700"><p class="text-sm font-medium text-gray-900 dark:text-white"></p><button></button></div><div class="px-4 py-3"></div><style>
         @keyframes chat-prompt-slide-up {
           from { opacity: 0; transform: translateY(8px); }
           to { opacity: 1; transform: translateY(0); }
         }
-      `), _tmpl$2 = /* @__PURE__ */ web.template(`<svg class="w-4 h-4"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M6 18L18 6M6 6l12 12">`), _tmpl$3 = /* @__PURE__ */ web.template(`<div>`), _tmpl$4 = /* @__PURE__ */ web.template(`<button type=button>`), _tmpl$5 = /* @__PURE__ */ web.template(`<span class=mr-2>`), _tmpl$6 = /* @__PURE__ */ web.template(`<span class="block text-xs text-gray-500 dark:text-gray-400 mt-0.5 font-normal">`), _tmpl$7 = /* @__PURE__ */ web.template(`<p class="text-sm text-gray-600 dark:text-gray-400 mb-3">`), _tmpl$8 = /* @__PURE__ */ web.template(`<div><!$><!/><div class="flex gap-2 justify-end"><button class="px-4 py-2 text-sm font-medium rounded-lg border border-gray-200 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors"></button><button>`), _tmpl$9 = /* @__PURE__ */ web.template(`<p class="text-blue-400 animate-pulse">Loading preview...`), _tmpl$0 = /* @__PURE__ */ web.template(`<div class="px-3 py-2 bg-blue-50 dark:bg-blue-900/20 rounded-lg border border-blue-200 dark:border-blue-800 text-sm">`), _tmpl$1 = /* @__PURE__ */ web.template(`<form class="flex flex-col gap-3"><!$><!/><!$><!/><div class="flex justify-end"><button type=submit class="px-4 py-2 text-sm font-medium rounded-lg text-white bg-blue-600 hover:bg-blue-700 disabled:bg-gray-400 disabled:cursor-not-allowed transition-colors">`), _tmpl$10 = /* @__PURE__ */ web.template(`<p class="text-blue-700 dark:text-blue-300">`);
+      `), _tmpl$2 = /* @__PURE__ */ web.template(`<svg class="w-4 h-4"fill=none viewBox="0 0 24 24"stroke=currentColor><path stroke-linecap=round stroke-linejoin=round stroke-width=2 d="M6 18L18 6M6 6l12 12">`), _tmpl$3 = /* @__PURE__ */ web.template(`<div>`), _tmpl$4 = /* @__PURE__ */ web.template(`<button type=button>`), _tmpl$5 = /* @__PURE__ */ web.template(`<span class=mr-2>`), _tmpl$6 = /* @__PURE__ */ web.template(`<span class="block text-xs text-gray-500 dark:text-gray-400 mt-0.5 font-normal">`), _tmpl$7 = /* @__PURE__ */ web.template(`<p class="text-sm text-gray-600 dark:text-gray-400 mb-3">`), _tmpl$8 = /* @__PURE__ */ web.template(`<div><!$><!/><div class="flex gap-2 justify-end"><button class="px-4 py-2 text-sm font-medium rounded-lg border border-gray-200 dark:border-gray-600 text-gray-700 dark:text-gray-300 hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors"></button><button>`), _tmpl$9 = /* @__PURE__ */ web.template(`<p class="text-blue-400 animate-pulse">`), _tmpl$0 = /* @__PURE__ */ web.template(`<div class="px-3 py-2 bg-blue-50 dark:bg-blue-900/20 rounded-lg border border-blue-200 dark:border-blue-800 text-sm">`), _tmpl$1 = /* @__PURE__ */ web.template(`<form class="flex flex-col gap-3"><!$><!/><!$><!/><div class="flex justify-end"><button type=submit class="px-4 py-2 text-sm font-medium rounded-lg text-white bg-blue-600 hover:bg-blue-700 disabled:bg-gray-400 disabled:cursor-not-allowed transition-colors">`), _tmpl$10 = /* @__PURE__ */ web.template(`<p class="text-blue-700 dark:text-blue-300">`);
 const ChatPrompt = (props) => {
+  const strings = MCPUIStringsContext.useMCPUIStrings();
   if (!props.config) return null;
   return (() => {
     var _el$ = web.getNextElement(_tmpl$), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$5 = _el$2.nextSibling;
@@ -65,7 +67,7 @@ const ChatPrompt = (props) => {
               onConfirm: () => props.onSubmit({
                 type: "confirm",
                 value: "confirmed",
-                label: props.config.config.confirmLabel || "Confirmed"
+                label: props.config.config.confirmLabel || strings.promptConfirmed
               }),
               onCancel: () => {
                 var _a;
@@ -73,7 +75,7 @@ const ChatPrompt = (props) => {
                 props.onSubmit({
                   type: "confirm",
                   value: "cancelled",
-                  label: props.config.config.cancelLabel || "Cancelled",
+                  label: props.config.config.cancelLabel || strings.promptCancelled,
                   dismissed: true
                 });
               }
@@ -99,7 +101,7 @@ const ChatPrompt = (props) => {
       }
     }));
     web.effect((_p$) => {
-      var _v$ = props.config.title, _v$2 = props.dismissLabel ? "px-3 py-1 text-xs font-medium text-blue-600 dark:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/20 rounded-lg transition-colors" : "p-1 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors", _v$3 = props.dismissLabel || "Dismiss";
+      var _v$ = props.config.title, _v$2 = props.dismissLabel ? "px-3 py-1 text-xs font-medium text-blue-600 dark:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/20 rounded-lg transition-colors" : "p-1 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 rounded-full hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors", _v$3 = props.dismissLabel || strings.dismiss;
       _v$ !== _p$.e && web.setAttribute(_el$, "aria-label", _p$.e = _v$);
       _v$2 !== _p$.t && web.className(_el$4, _p$.t = _v$2);
       _v$3 !== _p$.a && web.setAttribute(_el$4, "aria-label", _p$.a = _v$3);
@@ -181,6 +183,7 @@ const ChoiceBody = (props) => {
   })();
 };
 const ConfirmBody = (props) => {
+  const strings = MCPUIStringsContext.useMCPUIStrings();
   const isDanger = () => props.config.variant === "danger";
   return (() => {
     var _el$1 = web.getNextElement(_tmpl$8), _el$14 = _el$1.firstChild, [_el$15, _co$] = web.getNextMarker(_el$14.nextSibling), _el$11 = _el$15.nextSibling, _el$12 = _el$11.firstChild, _el$13 = _el$12.nextSibling;
@@ -195,15 +198,16 @@ const ConfirmBody = (props) => {
       }
     }), _el$15, _co$);
     web.addEventListener(_el$12, "click", props.onCancel, true);
-    web.insert(_el$12, () => props.config.cancelLabel || "Cancel");
+    web.insert(_el$12, () => props.config.cancelLabel || strings.cancel);
     web.addEventListener(_el$13, "click", props.onConfirm, true);
-    web.insert(_el$13, () => props.config.confirmLabel || "Confirm");
+    web.insert(_el$13, () => props.config.confirmLabel || strings.confirm);
     web.effect(() => web.className(_el$13, `px-4 py-2 text-sm font-medium rounded-lg text-white transition-colors ${isDanger() ? "bg-red-600 hover:bg-red-700" : "bg-blue-600 hover:bg-blue-700"}`));
     web.runHydrationEvents();
     return _el$1;
   })();
 };
 const FormBody = (props) => {
+  const strings = MCPUIStringsContext.useMCPUIStrings();
   const [formData, setFormData] = solidJs.createSignal({});
   const [dynamicOptions, setDynamicOptions] = solidJs.createSignal({});
   const [previewText, setPreviewText] = solidJs.createSignal("");
@@ -285,7 +289,7 @@ const FormBody = (props) => {
     e.preventDefault();
     const data = formData();
     const label = Object.entries(data).filter(([, v]) => v !== void 0 && v !== "" && !(Array.isArray(v) && v.length === 0)).map(([k, v]) => `${k}: ${Array.isArray(v) ? v.join(", ") : v}`).join(", ");
-    props.onSubmit(data, label || "Form submitted");
+    props.onSubmit(data, label || strings.promptFormSubmitted);
   };
   const isValid = () => {
     const data = formData();
@@ -342,13 +346,15 @@ const FormBody = (props) => {
             })();
           },
           get children() {
-            return web.getNextElement(_tmpl$9);
+            var _el$18 = web.getNextElement(_tmpl$9);
+            web.insert(_el$18, () => strings.promptLoadingPreview);
+            return _el$18;
           }
         }));
         return _el$17;
       }
     }), _el$24, _co$3);
-    web.insert(_el$20, () => props.config.submitLabel || "Submit");
+    web.insert(_el$20, () => props.config.submitLabel || strings.submit);
     web.effect(() => web.setProperty(_el$20, "disabled", !isValid()));
     return _el$16;
   })();