@corensystem/coren-ui 1.0.0-next.20260924.75108.887a9c2

package/dist/chat/core-chart-renderer.mjs

@@ -0,0 +1,177 @@
+import { jsx } from "react/jsx-runtime";
+import ReactECharts from "echarts-for-react";
+//#region src/chat/core-chart-renderer.tsx
+const CHART_COLORS = {
+	chart1: "#f5d4a8",
+	chart2: "#e8b573",
+	chart3: "#d99447",
+	chart4: "#c97a24",
+	chart5: "#b86010"
+};
+const CHART_COLOR_LIST = Object.values(CHART_COLORS);
+const tooltipConfig = {
+	trigger: "axis",
+	backgroundColor: "hsl(var(--background))",
+	borderColor: "hsl(var(--border))",
+	borderWidth: 1,
+	textStyle: { fontSize: 12 }
+};
+const tooltipConfigItem = {
+	...tooltipConfig,
+	trigger: "item"
+};
+function ChartRenderer({ chartData, height = 220, className = "" }) {
+	const { chartType, data, xAxisKey, dataKeys = [], stacked } = chartData;
+	const getColor = (_key, index) => {
+		return CHART_COLOR_LIST[index % CHART_COLOR_LIST.length];
+	};
+	const baseGrid = {
+		top: 10,
+		right: 10,
+		bottom: 10,
+		left: 10,
+		containLabel: true
+	};
+	const baseXAxis = {
+		type: "category",
+		data: data.map((d) => String(d[xAxisKey])),
+		axisLabel: { fontSize: 10 },
+		axisLine: { show: false },
+		axisTick: { show: false }
+	};
+	const baseYAxis = {
+		type: "value",
+		axisLabel: { fontSize: 10 },
+		axisLine: { show: false },
+		axisTick: { show: false },
+		splitLine: { lineStyle: { type: "dashed" } }
+	};
+	const buildOption = () => {
+		switch (chartType) {
+			case "line": return {
+				grid: baseGrid,
+				xAxis: baseXAxis,
+				yAxis: baseYAxis,
+				tooltip: tooltipConfig,
+				series: dataKeys.map((key, index) => ({
+					name: key,
+					type: "line",
+					smooth: true,
+					data: data.map((d) => Number(d[key])),
+					lineStyle: {
+						color: getColor(key, index),
+						width: 2
+					},
+					itemStyle: { color: getColor(key, index) },
+					symbolSize: 6
+				}))
+			};
+			case "bar": return {
+				grid: baseGrid,
+				xAxis: baseXAxis,
+				yAxis: baseYAxis,
+				tooltip: tooltipConfig,
+				series: dataKeys.map((key, index) => ({
+					name: key,
+					type: "bar",
+					data: data.map((d) => Number(d[key])),
+					itemStyle: {
+						color: getColor(key, index),
+						borderRadius: [
+							2,
+							2,
+							0,
+							0
+						]
+					},
+					stack: stacked ? "stack" : void 0
+				}))
+			};
+			case "area": return {
+				grid: baseGrid,
+				xAxis: baseXAxis,
+				yAxis: baseYAxis,
+				tooltip: tooltipConfig,
+				series: dataKeys.map((key, index) => ({
+					name: key,
+					type: "line",
+					smooth: true,
+					data: data.map((d) => Number(d[key])),
+					lineStyle: {
+						color: getColor(key, index),
+						width: 2
+					},
+					itemStyle: { color: getColor(key, index) },
+					areaStyle: { color: {
+						type: "linear",
+						x: 0,
+						y: 0,
+						x2: 0,
+						y2: 1,
+						colorStops: [{
+							offset: 0,
+							color: getColor(key, index) + "4D"
+						}, {
+							offset: 1,
+							color: getColor(key, index) + "00"
+						}]
+					} },
+					stack: stacked ? "stack" : void 0
+				}))
+			};
+			case "pie": return {
+				tooltip: tooltipConfigItem,
+				series: [{
+					type: "pie",
+					radius: ["36%", "64%"],
+					center: ["50%", "50%"],
+					padAngle: 2,
+					data: data.map((d, index) => ({
+						name: String(d.name),
+						value: Number(d.value),
+						itemStyle: { color: CHART_COLOR_LIST[index % CHART_COLOR_LIST.length] }
+					}))
+				}]
+			};
+			case "scatter": return {
+				grid: baseGrid,
+				xAxis: {
+					type: "value",
+					name: xAxisKey,
+					axisLabel: { fontSize: 10 },
+					axisLine: { show: false },
+					axisTick: { show: false },
+					splitLine: { lineStyle: { type: "dashed" } }
+				},
+				yAxis: {
+					type: "value",
+					name: dataKeys[0],
+					axisLabel: { fontSize: 10 },
+					axisLine: { show: false },
+					axisTick: { show: false },
+					splitLine: { lineStyle: { type: "dashed" } }
+				},
+				tooltip: tooltipConfigItem,
+				series: [{
+					type: "scatter",
+					data: data.map((d) => [Number(d[xAxisKey]), Number(d[dataKeys[0]])]),
+					itemStyle: { color: CHART_COLORS.chart3 }
+				}]
+			};
+			default: return null;
+		}
+	};
+	const option = buildOption();
+	if (!option) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: `wwc:w-full ${className}`,
+		children: /* @__PURE__ */ jsx(ReactECharts, {
+			option,
+			style: { height }
+		})
+	});
+}
+//#endregion
+export { ChartRenderer };
+
+//# sourceMappingURL=core-chart-renderer.mjs.map

package/dist/chat/core-chart-renderer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-chart-renderer.mjs","names":[],"sources":["../../src/chat/core-chart-renderer.tsx"],"sourcesContent":["import type {EChartsOption} from \"echarts-for-react\";\n\nimport ReactECharts from \"echarts-for-react\";\n\nimport type {ChartData} from \"../types/chat\";\n\n// Core Chart Colors (orange/amber palette from theme)\n// These correspond to --chart-1 through --chart-5 in oklch format\nconst CHART_COLORS = {\n\tchart1: \"#f5d4a8\", // oklch(0.92 0.07 75) - lightest amber\n\tchart2: \"#e8b573\", // oklch(0.85 0.12 70) - light amber\n\tchart3: \"#d99447\", // oklch(0.78 0.17 65) - medium amber/orange\n\tchart4: \"#c97a24\", // oklch(0.71 0.22 60) - dark amber/orange\n\tchart5: \"#b86010\", // oklch(0.64 0.27 55) - darkest burnt orange\n};\n\nconst CHART_COLOR_LIST = Object.values(CHART_COLORS);\n\n// Tooltip style matching Core design system\nconst tooltipConfig = {\n\ttrigger: \"axis\" as const,\n\tbackgroundColor: \"hsl(var(--background))\",\n\tborderColor: \"hsl(var(--border))\",\n\tborderWidth: 1,\n\ttextStyle: {\n\t\tfontSize: 12,\n\t},\n};\n\nconst tooltipConfigItem = {\n\t...tooltipConfig,\n\ttrigger: \"item\" as const,\n};\n\ninterface ChartRendererProps {\n\tchartData: ChartData;\n\theight?: number;\n\tclassName?: string;\n}\n\nexport function ChartRenderer({chartData, height = 220, className = \"\"}: ChartRendererProps) {\n\tconst {chartType, data, xAxisKey, dataKeys = [], stacked} = chartData;\n\n\tconst getColor = (_key: string, index: number): string => {\n\t\treturn CHART_COLOR_LIST[index % CHART_COLOR_LIST.length];\n\t};\n\n\tconst baseGrid = {\n\t\ttop: 10,\n\t\tright: 10,\n\t\tbottom: 10,\n\t\tleft: 10,\n\t\tcontainLabel: true,\n\t};\n\n\tconst baseXAxis = {\n\t\ttype: \"category\" as const,\n\t\tdata: data.map((d) => String(d[xAxisKey!])),\n\t\taxisLabel: {fontSize: 10},\n\t\taxisLine: {show: false},\n\t\taxisTick: {show: false},\n\t};\n\n\tconst baseYAxis = {\n\t\ttype: \"value\" as const,\n\t\taxisLabel: {fontSize: 10},\n\t\taxisLine: {show: false},\n\t\taxisTick: {show: false},\n\t\tsplitLine: {\n\t\t\tlineStyle: {type: \"dashed\" as const},\n\t\t},\n\t};\n\n\tconst buildOption = (): EChartsOption | null => {\n\t\tswitch (chartType) {\n\t\t\tcase \"line\":\n\t\t\t\treturn {\n\t\t\t\t\tgrid: baseGrid,\n\t\t\t\t\txAxis: baseXAxis,\n\t\t\t\t\tyAxis: baseYAxis,\n\t\t\t\t\ttooltip: tooltipConfig,\n\t\t\t\t\tseries: dataKeys.map((key, index) => ({\n\t\t\t\t\t\tname: key,\n\t\t\t\t\t\ttype: \"line\" as const,\n\t\t\t\t\t\tsmooth: true,\n\t\t\t\t\t\tdata: data.map((d) => Number(d[key])),\n\t\t\t\t\t\tlineStyle: {color: getColor(key, index), width: 2},\n\t\t\t\t\t\titemStyle: {color: getColor(key, index)},\n\t\t\t\t\t\tsymbolSize: 6,\n\t\t\t\t\t})),\n\t\t\t\t};\n\n\t\t\tcase \"bar\":\n\t\t\t\treturn {\n\t\t\t\t\tgrid: baseGrid,\n\t\t\t\t\txAxis: baseXAxis,\n\t\t\t\t\tyAxis: baseYAxis,\n\t\t\t\t\ttooltip: tooltipConfig,\n\t\t\t\t\tseries: dataKeys.map((key, index) => ({\n\t\t\t\t\t\tname: key,\n\t\t\t\t\t\ttype: \"bar\" as const,\n\t\t\t\t\t\tdata: data.map((d) => Number(d[key])),\n\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\tcolor: getColor(key, index),\n\t\t\t\t\t\t\tborderRadius: [2, 2, 0, 0],\n\t\t\t\t\t\t},\n\t\t\t\t\t\tstack: stacked ? \"stack\" : undefined,\n\t\t\t\t\t})),\n\t\t\t\t};\n\n\t\t\tcase \"area\":\n\t\t\t\treturn {\n\t\t\t\t\tgrid: baseGrid,\n\t\t\t\t\txAxis: baseXAxis,\n\t\t\t\t\tyAxis: baseYAxis,\n\t\t\t\t\ttooltip: tooltipConfig,\n\t\t\t\t\tseries: dataKeys.map((key, index) => ({\n\t\t\t\t\t\tname: key,\n\t\t\t\t\t\ttype: \"line\" as const,\n\t\t\t\t\t\tsmooth: true,\n\t\t\t\t\t\tdata: data.map((d) => Number(d[key])),\n\t\t\t\t\t\tlineStyle: {color: getColor(key, index), width: 2},\n\t\t\t\t\t\titemStyle: {color: getColor(key, index)},\n\t\t\t\t\t\tareaStyle: {\n\t\t\t\t\t\t\tcolor: {\n\t\t\t\t\t\t\t\ttype: \"linear\",\n\t\t\t\t\t\t\t\tx: 0,\n\t\t\t\t\t\t\t\ty: 0,\n\t\t\t\t\t\t\t\tx2: 0,\n\t\t\t\t\t\t\t\ty2: 1,\n\t\t\t\t\t\t\t\tcolorStops: [\n\t\t\t\t\t\t\t\t\t{offset: 0, color: getColor(key, index) + \"4D\"}, // ~0.3 opacity\n\t\t\t\t\t\t\t\t\t{offset: 1, color: getColor(key, index) + \"00\"}, // 0 opacity\n\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t\tstack: stacked ? \"stack\" : undefined,\n\t\t\t\t\t})),\n\t\t\t\t};\n\n\t\t\tcase \"pie\":\n\t\t\t\treturn {\n\t\t\t\t\ttooltip: tooltipConfigItem,\n\t\t\t\t\tseries: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttype: \"pie\" as const,\n\t\t\t\t\t\t\tradius: [\"36%\", \"64%\"],\n\t\t\t\t\t\t\tcenter: [\"50%\", \"50%\"],\n\t\t\t\t\t\t\tpadAngle: 2,\n\t\t\t\t\t\t\tdata: data.map((d, index) => ({\n\t\t\t\t\t\t\t\tname: String(d.name),\n\t\t\t\t\t\t\t\tvalue: Number(d.value),\n\t\t\t\t\t\t\t\titemStyle: {\n\t\t\t\t\t\t\t\t\tcolor: CHART_COLOR_LIST[index % CHART_COLOR_LIST.length],\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t})),\n\t\t\t\t\t\t},\n\t\t\t\t\t],\n\t\t\t\t};\n\n\t\t\tcase \"scatter\":\n\t\t\t\treturn {\n\t\t\t\t\tgrid: baseGrid,\n\t\t\t\t\txAxis: {\n\t\t\t\t\t\ttype: \"value\" as const,\n\t\t\t\t\t\tname: xAxisKey,\n\t\t\t\t\t\taxisLabel: {fontSize: 10},\n\t\t\t\t\t\taxisLine: {show: false},\n\t\t\t\t\t\taxisTick: {show: false},\n\t\t\t\t\t\tsplitLine: {\n\t\t\t\t\t\t\tlineStyle: {type: \"dashed\" as const},\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\tyAxis: {\n\t\t\t\t\t\ttype: \"value\" as const,\n\t\t\t\t\t\tname: dataKeys[0],\n\t\t\t\t\t\taxisLabel: {fontSize: 10},\n\t\t\t\t\t\taxisLine: {show: false},\n\t\t\t\t\t\taxisTick: {show: false},\n\t\t\t\t\t\tsplitLine: {\n\t\t\t\t\t\t\tlineStyle: {type: \"dashed\" as const},\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\ttooltip: tooltipConfigItem,\n\t\t\t\t\tseries: [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\ttype: \"scatter\" as const,\n\t\t\t\t\t\t\tdata: data.map((d) => [Number(d[xAxisKey!]), Number(d[dataKeys[0]])]),\n\t\t\t\t\t\t\titemStyle: {color: CHART_COLORS.chart3},\n\t\t\t\t\t\t},\n\t\t\t\t\t],\n\t\t\t\t};\n\n\t\t\tdefault:\n\t\t\t\treturn null;\n\t\t}\n\t};\n\n\tconst option = buildOption();\n\n\tif (!option) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<div className={`wwc:w-full ${className}`}>\n\t\t\t<ReactECharts option={option} style={{height}} />\n\t\t</div>\n\t);\n}\n"],"mappings":";;;AAQA,MAAM,eAAe;CACpB,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;AACT;AAEA,MAAM,mBAAmB,OAAO,OAAO,YAAY;AAGnD,MAAM,gBAAgB;CACrB,SAAS;CACT,iBAAiB;CACjB,aAAa;CACb,aAAa;CACb,WAAW,EACV,UAAU,GACX;AACD;AAEA,MAAM,oBAAoB;CACzB,GAAG;CACH,SAAS;AACV;AAQA,SAAgB,cAAc,EAAC,WAAW,SAAS,KAAK,YAAY,MAAyB;CAC5F,MAAM,EAAC,WAAW,MAAM,UAAU,WAAW,CAAC,GAAG,YAAW;CAE5D,MAAM,YAAY,MAAc,UAA0B;EACzD,OAAO,iBAAiB,QAAQ,iBAAiB;CAClD;CAEA,MAAM,WAAW;EAChB,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;EACN,cAAc;CACf;CAEA,MAAM,YAAY;EACjB,MAAM;EACN,MAAM,KAAK,KAAK,MAAM,OAAO,EAAE,SAAU,CAAC;EAC1C,WAAW,EAAC,UAAU,GAAE;EACxB,UAAU,EAAC,MAAM,MAAK;EACtB,UAAU,EAAC,MAAM,MAAK;CACvB;CAEA,MAAM,YAAY;EACjB,MAAM;EACN,WAAW,EAAC,UAAU,GAAE;EACxB,UAAU,EAAC,MAAM,MAAK;EACtB,UAAU,EAAC,MAAM,MAAK;EACtB,WAAW,EACV,WAAW,EAAC,MAAM,SAAiB,EACpC;CACD;CAEA,MAAM,oBAA0C;EAC/C,QAAQ,WAAR;GACC,KAAK,QACJ,OAAO;IACN,MAAM;IACN,OAAO;IACP,OAAO;IACP,SAAS;IACT,QAAQ,SAAS,KAAK,KAAK,WAAW;KACrC,MAAM;KACN,MAAM;KACN,QAAQ;KACR,MAAM,KAAK,KAAK,MAAM,OAAO,EAAE,IAAI,CAAC;KACpC,WAAW;MAAC,OAAO,SAAS,KAAK,KAAK;MAAG,OAAO;KAAC;KACjD,WAAW,EAAC,OAAO,SAAS,KAAK,KAAK,EAAC;KACvC,YAAY;IACb,EAAE;GACH;GAED,KAAK,OACJ,OAAO;IACN,MAAM;IACN,OAAO;IACP,OAAO;IACP,SAAS;IACT,QAAQ,SAAS,KAAK,KAAK,WAAW;KACrC,MAAM;KACN,MAAM;KACN,MAAM,KAAK,KAAK,MAAM,OAAO,EAAE,IAAI,CAAC;KACpC,WAAW;MACV,OAAO,SAAS,KAAK,KAAK;MAC1B,cAAc;OAAC;OAAG;OAAG;OAAG;MAAC;KAC1B;KACA,OAAO,UAAU,UAAU,KAAA;IAC5B,EAAE;GACH;GAED,KAAK,QACJ,OAAO;IACN,MAAM;IACN,OAAO;IACP,OAAO;IACP,SAAS;IACT,QAAQ,SAAS,KAAK,KAAK,WAAW;KACrC,MAAM;KACN,MAAM;KACN,QAAQ;KACR,MAAM,KAAK,KAAK,MAAM,OAAO,EAAE,IAAI,CAAC;KACpC,WAAW;MAAC,OAAO,SAAS,KAAK,KAAK;MAAG,OAAO;KAAC;KACjD,WAAW,EAAC,OAAO,SAAS,KAAK,KAAK,EAAC;KACvC,WAAW,EACV,OAAO;MACN,MAAM;MACN,GAAG;MACH,GAAG;MACH,IAAI;MACJ,IAAI;MACJ,YAAY,CACX;OAAC,QAAQ;OAAG,OAAO,SAAS,KAAK,KAAK,IAAI;MAAI,GAC9C;OAAC,QAAQ;OAAG,OAAO,SAAS,KAAK,KAAK,IAAI;MAAI,CAC/C;KACD,EACD;KACA,OAAO,UAAU,UAAU,KAAA;IAC5B,EAAE;GACH;GAED,KAAK,OACJ,OAAO;IACN,SAAS;IACT,QAAQ,CACP;KACC,MAAM;KACN,QAAQ,CAAC,OAAO,KAAK;KACrB,QAAQ,CAAC,OAAO,KAAK;KACrB,UAAU;KACV,MAAM,KAAK,KAAK,GAAG,WAAW;MAC7B,MAAM,OAAO,EAAE,IAAI;MACnB,OAAO,OAAO,EAAE,KAAK;MACrB,WAAW,EACV,OAAO,iBAAiB,QAAQ,iBAAiB,QAClD;KACD,EAAE;IACH,CACD;GACD;GAED,KAAK,WACJ,OAAO;IACN,MAAM;IACN,OAAO;KACN,MAAM;KACN,MAAM;KACN,WAAW,EAAC,UAAU,GAAE;KACxB,UAAU,EAAC,MAAM,MAAK;KACtB,UAAU,EAAC,MAAM,MAAK;KACtB,WAAW,EACV,WAAW,EAAC,MAAM,SAAiB,EACpC;IACD;IACA,OAAO;KACN,MAAM;KACN,MAAM,SAAS;KACf,WAAW,EAAC,UAAU,GAAE;KACxB,UAAU,EAAC,MAAM,MAAK;KACtB,UAAU,EAAC,MAAM,MAAK;KACtB,WAAW,EACV,WAAW,EAAC,MAAM,SAAiB,EACpC;IACD;IACA,SAAS;IACT,QAAQ,CACP;KACC,MAAM;KACN,MAAM,KAAK,KAAK,MAAM,CAAC,OAAO,EAAE,SAAU,GAAG,OAAO,EAAE,SAAS,GAAG,CAAC,CAAC;KACpE,WAAW,EAAC,OAAO,aAAa,OAAM;IACvC,CACD;GACD;GAED,SACC,OAAO;EACT;CACD;CAEA,MAAM,SAAS,YAAY;CAE3B,IAAI,CAAC,QACJ,OAAO;CAGR,OACC,oBAAC,OAAD;EAAK,WAAW,cAAc;EAC7B,UAAA,oBAAC,cAAD;GAAsB;GAAQ,OAAO,EAAC,OAAM;EAAI,CAAA;CAC5C,CAAA;AAEP"}

package/dist/chat/core-chat-input.d.mts

@@ -0,0 +1,9 @@
+//#region src/chat/core-chat-input.d.ts
+interface ChatInputProps {
+  onSend: (message: string) => void;
+  disabled?: boolean;
+  placeholder?: string;
+}
+export declare function ChatInput({ onSend, disabled, placeholder }: ChatInputProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=core-chat-input.d.mts.map

package/dist/chat/core-chat-input.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-chat-input.d.mts","names":[],"sources":["../../src/chat/core-chat-input.tsx"],"mappings":";UAKU;EACT,SAAS;EACT;EACA;;wBAGe,YAAW,QAAQ,UAAkB,eAAyC,6CAAc,IAAA"}

package/dist/chat/core-chat-input.mjs

@@ -0,0 +1,66 @@
+import { Button } from "../button.mjs";
+import { Send, Square } from "lucide-react";
+import { useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/chat/core-chat-input.tsx
+function ChatInput({ onSend, disabled = false, placeholder = "Ask about your data..." }) {
+	const [value, setValue] = useState("");
+	const textareaRef = useRef(null);
+	const handleSubmit = () => {
+		const trimmed = value.trim();
+		if (!trimmed || disabled) return;
+		onSend(trimmed);
+		setValue("");
+		if (textareaRef.current) textareaRef.current.style.height = "auto";
+	};
+	const handleKeyDown = (e) => {
+		if (e.key === "Enter" && !e.shiftKey) {
+			e.preventDefault();
+			handleSubmit();
+		}
+	};
+	const MIN_HEIGHT = 41;
+	const MAX_HEIGHT = 83;
+	const [showScrollbar, setShowScrollbar] = useState(false);
+	useEffect(() => {
+		if (textareaRef.current) {
+			textareaRef.current.style.height = `${MIN_HEIGHT}px`;
+			const scrollHeight = textareaRef.current.scrollHeight;
+			const newHeight = Math.min(scrollHeight, MAX_HEIGHT);
+			textareaRef.current.style.height = `${newHeight}px`;
+			setShowScrollbar(scrollHeight > MAX_HEIGHT);
+		}
+	}, [value]);
+	useEffect(() => {
+		textareaRef.current?.focus();
+	}, []);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:flex wwc:items-end wwc:gap-2 wwc:p-3 wwc:border-t wwc:bg-card",
+		"aria-busy": disabled || void 0,
+		children: [/* @__PURE__ */ jsx("textarea", {
+			ref: textareaRef,
+			value,
+			onChange: (e) => setValue(e.target.value),
+			onKeyDown: handleKeyDown,
+			placeholder,
+			rows: 1,
+			className: `wwc:flex-1 wwc:resize-none wwc:rounded-xl wwc:border wwc:bg-muted/50 wwc:px-4 wwc:py-2.5 wwc:text-sm wwc:leading-[21px] wwc:focus:outline-none wwc:focus:ring-2 wwc:focus:ring-primary/50 wwc:placeholder:text-muted-foreground ${showScrollbar ? "wwc:overflow-y-auto" : "wwc:overflow-hidden"}`,
+			style: {
+				minHeight: "41px",
+				maxHeight: "83px"
+			}
+		}), /* @__PURE__ */ jsx(Button, {
+			icon: true,
+			size: "sm",
+			onClick: handleSubmit,
+			disabled: disabled || !value.trim(),
+			"aria-label": disabled ? "Generating response" : "Send",
+			className: "wwc:shrink-0 wwc:rounded-lg wwc:mb-1",
+			children: disabled ? /* @__PURE__ */ jsx(Square, { className: "wwc:!size-3 wwc:fill-current" }) : /* @__PURE__ */ jsx(Send, {})
+		})]
+	});
+}
+//#endregion
+export { ChatInput };
+
+//# sourceMappingURL=core-chat-input.mjs.map

package/dist/chat/core-chat-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-chat-input.mjs","names":[],"sources":["../../src/chat/core-chat-input.tsx"],"sourcesContent":["import {Send, Square} from \"lucide-react\";\nimport {useEffect, useRef, useState} from \"react\";\n\nimport {Button} from \"../button\";\n\ninterface ChatInputProps {\n\tonSend: (message: string) => void;\n\tdisabled?: boolean;\n\tplaceholder?: string;\n}\n\nexport function ChatInput({onSend, disabled = false, placeholder = \"Ask about your data...\"}: ChatInputProps) {\n\tconst [value, setValue] = useState(\"\");\n\tconst textareaRef = useRef<HTMLTextAreaElement>(null);\n\n\tconst handleSubmit = () => {\n\t\tconst trimmed = value.trim();\n\t\tif (!trimmed || disabled) return;\n\n\t\tonSend(trimmed);\n\t\tsetValue(\"\");\n\n\t\t// Reset textarea height\n\t\tif (textareaRef.current) {\n\t\t\ttextareaRef.current.style.height = \"auto\";\n\t\t}\n\t};\n\n\tconst handleKeyDown = (e: React.KeyboardEvent) => {\n\t\tif (e.key === \"Enter\" && !e.shiftKey) {\n\t\t\te.preventDefault();\n\t\t\thandleSubmit();\n\t\t}\n\t};\n\n\t// Auto-resize textarea up to 3 rows, then scroll\n\tconst LINE_HEIGHT = 21; // approx line height for wwc:text-sm\n\tconst PADDING = 20; // py-2.5 = 10px top + 10px bottom\n\tconst MIN_HEIGHT = LINE_HEIGHT + PADDING; // 1 row\n\tconst MAX_HEIGHT = LINE_HEIGHT * 3 + PADDING; // 3 rows (~83px)\n\n\tconst [showScrollbar, setShowScrollbar] = useState(false);\n\n\tuseEffect(() => {\n\t\tif (textareaRef.current) {\n\t\t\t// Reset to min height first to get accurate scrollHeight\n\t\t\ttextareaRef.current.style.height = `${MIN_HEIGHT}px`;\n\t\t\tconst scrollHeight = textareaRef.current.scrollHeight;\n\t\t\t// Calculate new height, capped at 3 rows\n\t\t\tconst newHeight = Math.min(scrollHeight, MAX_HEIGHT);\n\t\t\ttextareaRef.current.style.height = `${newHeight}px`;\n\t\t\t// Only show scrollbar when content exceeds 3 rows\n\t\t\tsetShowScrollbar(scrollHeight > MAX_HEIGHT);\n\t\t}\n\t}, [value]);\n\n\t// Focus on mount\n\tuseEffect(() => {\n\t\ttextareaRef.current?.focus();\n\t}, []);\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"wwc:flex wwc:items-end wwc:gap-2 wwc:p-3 wwc:border-t wwc:bg-card\"\n\t\t\taria-busy={disabled || undefined}\n\t\t>\n\t\t\t<textarea\n\t\t\t\tref={textareaRef}\n\t\t\t\tvalue={value}\n\t\t\t\tonChange={(e) => setValue(e.target.value)}\n\t\t\t\tonKeyDown={handleKeyDown}\n\t\t\t\tplaceholder={placeholder}\n\t\t\t\trows={1}\n\t\t\t\tclassName={`wwc:flex-1 wwc:resize-none wwc:rounded-xl wwc:border wwc:bg-muted/50 wwc:px-4 wwc:py-2.5 wwc:text-sm wwc:leading-[21px] wwc:focus:outline-none wwc:focus:ring-2 wwc:focus:ring-primary/50 wwc:placeholder:text-muted-foreground ${showScrollbar ? \"wwc:overflow-y-auto\" : \"wwc:overflow-hidden\"}`}\n\t\t\t\tstyle={{minHeight: \"41px\", maxHeight: \"83px\"}}\n\t\t\t/>\n\t\t\t<Button\n\t\t\t\ticon\n\t\t\t\tsize=\"sm\"\n\t\t\t\tonClick={handleSubmit}\n\t\t\t\tdisabled={disabled || !value.trim()}\n\t\t\t\taria-label={disabled ? \"Generating response\" : \"Send\"}\n\t\t\t\tclassName=\"wwc:shrink-0 wwc:rounded-lg wwc:mb-1\"\n\t\t\t>\n\t\t\t\t{disabled ? <Square className=\"wwc:!size-3 wwc:fill-current\" /> : <Send />}\n\t\t\t</Button>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;AAWA,SAAgB,UAAU,EAAC,QAAQ,WAAW,OAAO,cAAc,4BAA2C;CAC7G,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;CACrC,MAAM,cAAc,OAA4B,IAAI;CAEpD,MAAM,qBAAqB;EAC1B,MAAM,UAAU,MAAM,KAAK;EAC3B,IAAI,CAAC,WAAW,UAAU;EAE1B,OAAO,OAAO;EACd,SAAS,EAAE;EAGX,IAAI,YAAY,SACf,YAAY,QAAQ,MAAM,SAAS;CAErC;CAEA,MAAM,iBAAiB,MAA2B;EACjD,IAAI,EAAE,QAAQ,WAAW,CAAC,EAAE,UAAU;GACrC,EAAE,eAAe;GACjB,aAAa;EACd;CACD;CAKA,MAAM,aAAa;CACnB,MAAM,aAAa;CAEnB,MAAM,CAAC,eAAe,oBAAoB,SAAS,KAAK;CAExD,gBAAgB;EACf,IAAI,YAAY,SAAS;GAExB,YAAY,QAAQ,MAAM,SAAS,GAAG,WAAW;GACjD,MAAM,eAAe,YAAY,QAAQ;GAEzC,MAAM,YAAY,KAAK,IAAI,cAAc,UAAU;GACnD,YAAY,QAAQ,MAAM,SAAS,GAAG,UAAU;GAEhD,iBAAiB,eAAe,UAAU;EAC3C;CACD,GAAG,CAAC,KAAK,CAAC;CAGV,gBAAgB;EACf,YAAY,SAAS,MAAM;CAC5B,GAAG,CAAC,CAAC;CAEL,OACC,qBAAC,OAAD;EACC,WAAU;EACV,aAAW,YAAY,KAAA;EAFxB,UAAA,CAIC,oBAAC,YAAD;GACC,KAAK;GACE;GACP,WAAW,MAAM,SAAS,EAAE,OAAO,KAAK;GACxC,WAAW;GACE;GACb,MAAM;GACN,WAAW,mOAAmO,gBAAgB,wBAAwB;GACtR,OAAO;IAAC,WAAW;IAAQ,WAAW;GAAM;EAC5C,CAAA,GACD,oBAAC,QAAD;GACC,MAAA;GACA,MAAK;GACL,SAAS;GACT,UAAU,YAAY,CAAC,MAAM,KAAK;GAClC,cAAY,WAAW,wBAAwB;GAC/C,WAAU;GAET,UAAA,WAAW,oBAAC,QAAD,EAAQ,WAAU,+BAAgC,CAAA,IAAI,oBAAC,MAAD,CAAO,CAAA;EAClE,CAAA,CACJ;;AAEP"}

package/dist/chat/core-chat-message.d.mts

@@ -0,0 +1,11 @@
+import { DashboardWidget, Message } from "../types/chat.mjs";
+//#region src/chat/core-chat-message.d.ts
+interface ChatMessageProps {
+  message: Message;
+  onAddWidget?: (widget: DashboardWidget) => void;
+  userName?: string;
+}
+export declare function ChatMessage({ message, onAddWidget, userName }: ChatMessageProps): import("react/jsx-runtime").JSX.Element;
+export declare function TypingIndicator(): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=core-chat-message.d.mts.map

package/dist/chat/core-chat-message.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-chat-message.d.mts","names":[],"sources":["../../src/chat/core-chat-message.tsx"],"mappings":";;UASU;EACT,SAAS;EACT,eAAe,QAAQ;EACvB;;wBAGe,cAAa,SAAS,aAAa,YAAW,+CAAgB,IAAA;wBAsG9D,+CAAe,IAAA"}

package/dist/chat/core-chat-message.mjs

@@ -0,0 +1,101 @@
+import { Button } from "../button.mjs";
+import { Card, CardContent } from "../card.mjs";
+import { generateId } from "../services/chatService.mjs";
+import { ChartRenderer } from "./core-chart-renderer.mjs";
+import { Check, Plus, Sparkles } from "lucide-react";
+import { useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/chat/core-chat-message.tsx
+function ChatMessage({ message, onAddWidget, userName }) {
+	const [isAdded, setIsAdded] = useState(message.type === "chart" ? message.isAddedToPage : false);
+	const isUser = message.role === "user";
+	const isChart = message.type === "chart";
+	const handleAddToPage = () => {
+		if (message.type !== "chart" || isAdded || !onAddWidget) return;
+		onAddWidget({
+			id: generateId(),
+			chartData: message.chartData,
+			title: message.chartData.title || "Chart",
+			addedAt: /* @__PURE__ */ new Date(),
+			targetTab: message.targetTab || "performance"
+		});
+		setIsAdded(true);
+	};
+	const formatTime = (date) => {
+		return new Intl.DateTimeFormat("en-US", {
+			hour: "numeric",
+			minute: "2-digit",
+			hour12: true
+		}).format(date);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: `wwc:flex wwc:flex-col ${isUser ? "wwc:items-end" : "wwc:items-start"}`,
+		children: [isUser && userName && /* @__PURE__ */ jsx("span", {
+			className: "wwc:text-xs wwc:font-medium wwc:text-muted-foreground wwc:mb-1 wwc:px-1",
+			children: userName
+		}), /* @__PURE__ */ jsxs("div", {
+			className: `wwc:flex wwc:flex-col wwc:gap-1 ${isUser ? "wwc:items-end" : "wwc:items-start"} wwc:max-w-[85%]`,
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: `wwc:rounded-2xl wwc:px-4 wwc:py-2.5 ${isUser ? "wwc:bg-primary wwc:text-primary-foreground wwc:rounded-br-md" : "wwc:bg-muted wwc:text-foreground wwc:rounded-bl-md"} ${isChart ? "wwc:w-full" : ""}`,
+				children: [/* @__PURE__ */ jsx("p", {
+					className: "wwc:text-sm wwc:leading-relaxed wwc:whitespace-pre-wrap",
+					children: message.content
+				}), isChart && /* @__PURE__ */ jsx(Card, {
+					className: "wwc:mt-3 wwc:overflow-hidden",
+					children: /* @__PURE__ */ jsxs(CardContent, {
+						className: "wwc:p-0",
+						children: [/* @__PURE__ */ jsx("div", {
+							className: "wwc:p-3",
+							children: /* @__PURE__ */ jsx(ChartRenderer, {
+								chartData: message.chartData,
+								height: 220
+							})
+						}), onAddWidget && /* @__PURE__ */ jsxs("div", {
+							className: "wwc:border-t wwc:bg-muted/30 wwc:px-3 wwc:py-2 wwc:flex wwc:items-center wwc:justify-between",
+							children: [/* @__PURE__ */ jsxs("span", {
+								className: "wwc:text-xs wwc:text-muted-foreground wwc:flex wwc:items-center wwc:gap-1",
+								children: [/* @__PURE__ */ jsx(Sparkles, { className: "wwc:h-3 wwc:w-3" }), "AI Generated"]
+							}), /* @__PURE__ */ jsx(Button, {
+								size: "sm",
+								variant: isAdded ? "secondary" : "default",
+								className: `wwc:h-7 wwc:text-xs ${isAdded ? "wwc:bg-muted wwc:text-muted-foreground wwc:cursor-not-allowed" : "wwc:bg-emerald-600 wwc:hover:bg-emerald-700 wwc:text-white"}`,
+								onClick: handleAddToPage,
+								disabled: isAdded,
+								children: isAdded ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Check, { className: "wwc:h-3 wwc:w-3" }), "Added"] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Plus, { className: "wwc:h-3 wwc:w-3" }), "Add to Page"] })
+							})]
+						})]
+					})
+				})]
+			}), /* @__PURE__ */ jsx("span", {
+				className: "wwc:text-[10px] wwc:text-muted-foreground wwc:px-1",
+				children: formatTime(message.timestamp)
+			})]
+		})]
+	});
+}
+function TypingIndicator() {
+	return /* @__PURE__ */ jsx("div", {
+		className: "wwc:flex wwc:items-start",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "wwc:flex wwc:items-center wwc:gap-1 wwc:rounded-2xl wwc:rounded-bl-md wwc:bg-muted wwc:px-4 wwc:py-3",
+			children: [
+				/* @__PURE__ */ jsx("span", {
+					className: "wwc:h-2 wwc:w-2 wwc:rounded-full wwc:bg-muted-foreground/50 wwc:animate-bounce",
+					style: { animationDelay: "0ms" }
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "wwc:h-2 wwc:w-2 wwc:rounded-full wwc:bg-muted-foreground/50 wwc:animate-bounce",
+					style: { animationDelay: "150ms" }
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: "wwc:h-2 wwc:w-2 wwc:rounded-full wwc:bg-muted-foreground/50 wwc:animate-bounce",
+					style: { animationDelay: "300ms" }
+				})
+			]
+		})
+	});
+}
+//#endregion
+export { ChatMessage, TypingIndicator };
+
+//# sourceMappingURL=core-chat-message.mjs.map

package/dist/chat/core-chat-message.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-chat-message.mjs","names":[],"sources":["../../src/chat/core-chat-message.tsx"],"sourcesContent":["import {Check, Plus, Sparkles} from \"lucide-react\";\nimport {useState} from \"react\";\n\nimport {Button} from \"../button\";\nimport {Card, CardContent} from \"../card\";\nimport {generateId} from \"../services/chatService\";\nimport type {DashboardWidget, Message} from \"../types/chat\";\nimport {ChartRenderer} from \"./core-chart-renderer\";\n\ninterface ChatMessageProps {\n\tmessage: Message;\n\tonAddWidget?: (widget: DashboardWidget) => void;\n\tuserName?: string;\n}\n\nexport function ChatMessage({message, onAddWidget, userName}: ChatMessageProps) {\n\tconst [isAdded, setIsAdded] = useState(message.type === \"chart\" ? message.isAddedToPage : false);\n\n\tconst isUser = message.role === \"user\";\n\tconst isChart = message.type === \"chart\";\n\n\tconst handleAddToPage = () => {\n\t\tif (message.type !== \"chart\" || isAdded || !onAddWidget) return;\n\n\t\tconst widget: DashboardWidget = {\n\t\t\tid: generateId(),\n\t\t\tchartData: message.chartData,\n\t\t\ttitle: message.chartData.title || \"Chart\",\n\t\t\taddedAt: new Date(),\n\t\t\ttargetTab: message.targetTab || \"performance\",\n\t\t};\n\n\t\tonAddWidget(widget);\n\t\tsetIsAdded(true);\n\t};\n\n\tconst formatTime = (date: Date) => {\n\t\treturn new Intl.DateTimeFormat(\"en-US\", {\n\t\t\thour: \"numeric\",\n\t\t\tminute: \"2-digit\",\n\t\t\thour12: true,\n\t\t}).format(date);\n\t};\n\n\treturn (\n\t\t<div className={`wwc:flex wwc:flex-col ${isUser ? \"wwc:items-end\" : \"wwc:items-start\"}`}>\n\t\t\t{/* Sender name */}\n\t\t\t{isUser && userName && (\n\t\t\t\t<span className=\"wwc:text-xs wwc:font-medium wwc:text-muted-foreground wwc:mb-1 wwc:px-1\">{userName}</span>\n\t\t\t)}\n\n\t\t\t{/* Message content */}\n\t\t\t<div\n\t\t\t\tclassName={`wwc:flex wwc:flex-col wwc:gap-1 ${isUser ? \"wwc:items-end\" : \"wwc:items-start\"} wwc:max-w-[85%]`}\n\t\t\t>\n\t\t\t\t<div\n\t\t\t\t\tclassName={`wwc:rounded-2xl wwc:px-4 wwc:py-2.5 ${\n\t\t\t\t\t\tisUser\n\t\t\t\t\t\t\t? \"wwc:bg-primary wwc:text-primary-foreground wwc:rounded-br-md\"\n\t\t\t\t\t\t\t: \"wwc:bg-muted wwc:text-foreground wwc:rounded-bl-md\"\n\t\t\t\t\t} ${isChart ? \"wwc:w-full\" : \"\"}`}\n\t\t\t\t>\n\t\t\t\t\t{/* Text content */}\n\t\t\t\t\t<p className=\"wwc:text-sm wwc:leading-relaxed wwc:whitespace-pre-wrap\">{message.content}</p>\n\n\t\t\t\t\t{/* Chart content */}\n\t\t\t\t\t{isChart && (\n\t\t\t\t\t\t<Card className=\"wwc:mt-3 wwc:overflow-hidden\">\n\t\t\t\t\t\t\t<CardContent className=\"wwc:p-0\">\n\t\t\t\t\t\t\t\t<div className=\"wwc:p-3\">\n\t\t\t\t\t\t\t\t\t<ChartRenderer chartData={message.chartData} height={220} />\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t{/* Add to page button */}\n\t\t\t\t\t\t\t\t{onAddWidget && (\n\t\t\t\t\t\t\t\t\t<div className=\"wwc:border-t wwc:bg-muted/30 wwc:px-3 wwc:py-2 wwc:flex wwc:items-center wwc:justify-between\">\n\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:text-xs wwc:text-muted-foreground wwc:flex wwc:items-center wwc:gap-1\">\n\t\t\t\t\t\t\t\t\t\t\t<Sparkles className=\"wwc:h-3 wwc:w-3\" />\n\t\t\t\t\t\t\t\t\t\t\tAI Generated\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\t\t\t\t\t\tvariant={isAdded ? \"secondary\" : \"default\"}\n\t\t\t\t\t\t\t\t\t\t\tclassName={`wwc:h-7 wwc:text-xs ${\n\t\t\t\t\t\t\t\t\t\t\t\tisAdded\n\t\t\t\t\t\t\t\t\t\t\t\t\t? \"wwc:bg-muted wwc:text-muted-foreground wwc:cursor-not-allowed\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"wwc:bg-emerald-600 wwc:hover:bg-emerald-700 wwc:text-white\"\n\t\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t\t\tonClick={handleAddToPage}\n\t\t\t\t\t\t\t\t\t\t\tdisabled={isAdded}\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{isAdded ? (\n\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Check className=\"wwc:h-3 wwc:w-3\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\tAdded\n\t\t\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Plus className=\"wwc:h-3 wwc:w-3\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\tAdd to Page\n\t\t\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</CardContent>\n\t\t\t\t\t\t</Card>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\n\t\t\t\t{/* Timestamp */}\n\t\t\t\t<span className=\"wwc:text-[10px] wwc:text-muted-foreground wwc:px-1\">{formatTime(message.timestamp)}</span>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\n// Typing indicator component\nexport function TypingIndicator() {\n\treturn (\n\t\t<div className=\"wwc:flex wwc:items-start\">\n\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-1 wwc:rounded-2xl wwc:rounded-bl-md wwc:bg-muted wwc:px-4 wwc:py-3\">\n\t\t\t\t<span\n\t\t\t\t\tclassName=\"wwc:h-2 wwc:w-2 wwc:rounded-full wwc:bg-muted-foreground/50 wwc:animate-bounce\"\n\t\t\t\t\tstyle={{animationDelay: \"0ms\"}}\n\t\t\t\t/>\n\t\t\t\t<span\n\t\t\t\t\tclassName=\"wwc:h-2 wwc:w-2 wwc:rounded-full wwc:bg-muted-foreground/50 wwc:animate-bounce\"\n\t\t\t\t\tstyle={{animationDelay: \"150ms\"}}\n\t\t\t\t/>\n\t\t\t\t<span\n\t\t\t\t\tclassName=\"wwc:h-2 wwc:w-2 wwc:rounded-full wwc:bg-muted-foreground/50 wwc:animate-bounce\"\n\t\t\t\t\tstyle={{animationDelay: \"300ms\"}}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;AAeA,SAAgB,YAAY,EAAC,SAAS,aAAa,YAA6B;CAC/E,MAAM,CAAC,SAAS,cAAc,SAAS,QAAQ,SAAS,UAAU,QAAQ,gBAAgB,KAAK;CAE/F,MAAM,SAAS,QAAQ,SAAS;CAChC,MAAM,UAAU,QAAQ,SAAS;CAEjC,MAAM,wBAAwB;EAC7B,IAAI,QAAQ,SAAS,WAAW,WAAW,CAAC,aAAa;EAUzD,YAAY;GAPX,IAAI,WAAW;GACf,WAAW,QAAQ;GACnB,OAAO,QAAQ,UAAU,SAAS;GAClC,yBAAS,IAAI,KAAK;GAClB,WAAW,QAAQ,aAAa;EAGhB,CAAC;EAClB,WAAW,IAAI;CAChB;CAEA,MAAM,cAAc,SAAe;EAClC,OAAO,IAAI,KAAK,eAAe,SAAS;GACvC,MAAM;GACN,QAAQ;GACR,QAAQ;EACT,CAAC,CAAC,CAAC,OAAO,IAAI;CACf;CAEA,OACC,qBAAC,OAAD;EAAK,WAAW,yBAAyB,SAAS,kBAAkB;EAApE,UAAA,CAEE,UAAU,YACV,oBAAC,QAAD;GAAM,WAAU;GAA2E,UAAA;EAAe,CAAA,GAI3G,qBAAC,OAAD;GACC,WAAW,mCAAmC,SAAS,kBAAkB,kBAAkB;GAD5F,UAAA,CAGC,qBAAC,OAAD;IACC,WAAW,uCACV,SACG,iEACA,qDACH,GAAG,UAAU,eAAe;IAL9B,UAAA,CAQC,oBAAC,KAAD;KAAG,WAAU;KAA2D,UAAA,QAAQ;IAAW,CAAA,GAG1F,WACA,oBAAC,MAAD;KAAM,WAAU;KACf,UAAA,qBAAC,aAAD;MAAa,WAAU;MAAvB,UAAA,CACC,oBAAC,OAAD;OAAK,WAAU;OACd,UAAA,oBAAC,eAAD;QAAe,WAAW,QAAQ;QAAW,QAAQ;OAAM,CAAA;MACvD,CAAA,GAEJ,eACA,qBAAC,OAAD;OAAK,WAAU;OAAf,UAAA,CACC,qBAAC,QAAD;QAAM,WAAU;QAAhB,UAAA,CACC,oBAAC,UAAD,EAAU,WAAU,kBAAmB,CAAA,GAAC,cAEnC;OACN,CAAA,GAAA,oBAAC,QAAD;QACC,MAAK;QACL,SAAS,UAAU,cAAc;QACjC,WAAW,uBACV,UACG,kEACA;QAEJ,SAAS;QACT,UAAU;QAET,UAAA,UACA,qBAAA,YAAA,EAAA,UAAA,CACC,oBAAC,OAAD,EAAO,WAAU,kBAAmB,CAAA,GAAC,OAEpC,EAAA,CAAA,IAEF,qBAAA,YAAA,EAAA,UAAA,CACC,oBAAC,MAAD,EAAM,WAAU,kBAAmB,CAAA,GAAC,aAEnC,EAAA,CAAA;OAEI,CAAA,CACJ;MAEM,CAAA,CAAA;;IACR,CAAA,CAEH;GAGL,CAAA,GAAA,oBAAC,QAAD;IAAM,WAAU;IAAsD,UAAA,WAAW,QAAQ,SAAS;GAAQ,CAAA,CACtG;EACD,CAAA,CAAA;;AAEP;AAGA,SAAgB,kBAAkB;CACjC,OACC,oBAAC,OAAD;EAAK,WAAU;EACd,UAAA,qBAAC,OAAD;GAAK,WAAU;GAAf,UAAA;IACC,oBAAC,QAAD;KACC,WAAU;KACV,OAAO,EAAC,gBAAgB,MAAK;IAC7B,CAAA;IACD,oBAAC,QAAD;KACC,WAAU;KACV,OAAO,EAAC,gBAAgB,QAAO;IAC/B,CAAA;IACD,oBAAC,QAAD;KACC,WAAU;KACV,OAAO,EAAC,gBAAgB,QAAO;IAC/B,CAAA;GACG;;CACD,CAAA;AAEP"}

package/dist/chat/core-chat-panel.d.mts

@@ -0,0 +1,16 @@
+import { DashboardWidget, Message } from "../types/chat.mjs";
+//#region src/chat/core-chat-panel.d.ts
+interface ChatPanelProps {
+  messages: Message[];
+  isLoading: boolean;
+  isMinimized: boolean;
+  onClose: () => void;
+  onMinimize: () => void;
+  onMaximize: () => void;
+  onSendMessage: (message: string) => void;
+  onAddWidget?: (widget: DashboardWidget) => void;
+  userName?: string;
+}
+export declare function ChatPanel({ messages, isLoading, isMinimized, onClose, onMinimize, onMaximize, onSendMessage, onAddWidget, userName }: ChatPanelProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=core-chat-panel.d.mts.map

package/dist/chat/core-chat-panel.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-chat-panel.d.mts","names":[],"sources":["../../src/chat/core-chat-panel.tsx"],"mappings":";;UASU;EACT,UAAU;EACV;EACA;EACA;EACA;EACA;EACA,gBAAgB;EAChB,eAAe,QAAQ;EACvB;;wBAWe,YACf,UACA,WACA,aACA,SACA,YACA,YACA,eACA,aACA,YACE,6CAAc,IAAA"}

package/dist/chat/core-chat-panel.mjs

@@ -0,0 +1,139 @@
+import { Button } from "../button.mjs";
+import { ScrollArea } from "../scroll-area.mjs";
+import { ChatInput } from "./core-chat-input.mjs";
+import { ChatMessage, TypingIndicator } from "./core-chat-message.mjs";
+import { Minus, Sparkles, X } from "lucide-react";
+import { useEffect, useRef } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/chat/core-chat-panel.tsx
+const SUGGESTED_PROMPTS = [
+	"Show me monthly sales trends",
+	"Compare revenue by category",
+	"What's our market share?",
+	"User signups over time"
+];
+function ChatPanel({ messages, isLoading, isMinimized, onClose, onMinimize, onMaximize, onSendMessage, onAddWidget, userName }) {
+	const messagesEndRef = useRef(null);
+	useEffect(() => {
+		messagesEndRef.current?.scrollIntoView({ behavior: "smooth" });
+	}, [messages, isLoading]);
+	if (isMinimized) return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:fixed wwc:bottom-6 wwc:right-6 wwc:z-[9999] wwc:flex wwc:items-center wwc:gap-3 wwc:rounded-full wwc:bg-primary wwc:px-4 wwc:py-3 wwc:text-primary-foreground wwc:shadow-lg wwc:cursor-pointer wwc:hover:bg-primary/90 wwc:transition-colors",
+		onClick: onMaximize,
+		children: [
+			/* @__PURE__ */ jsx(Sparkles, {
+				className: "wwc:h-5 wwc:w-5",
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "wwc:text-sm wwc:font-medium",
+				children: "Core Assistant"
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				icon: true,
+				variant: "ghost",
+				className: "wwc:h-6 wwc:w-6 wwc:rounded-full wwc:hover:bg-primary-foreground/20",
+				onClick: (e) => {
+					e.stopPropagation();
+					onClose();
+				},
+				children: /* @__PURE__ */ jsx(X, { className: "wwc:h-4 wwc:w-4" })
+			})
+		]
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:fixed wwc:bottom-6 wwc:right-6 wwc:z-[9999] wwc:flex wwc:flex-col wwc:bg-card wwc:border wwc:rounded-2xl wwc:shadow-[0_8px_32px_rgba(0,0,0,0.15)] wwc:overflow-hidden wwc:transition-all wwc:duration-300 wwc:ease-out",
+		style: {
+			width: "min(400px, calc(100vw - 48px))",
+			height: "min(600px, calc(100vh - 100px))"
+		},
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:items-center wwc:justify-between wwc:px-4 wwc:py-3 wwc:border-b wwc:bg-muted/30",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "wwc:flex wwc:items-center wwc:gap-2",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "wwc:flex wwc:h-8 wwc:w-8 wwc:items-center wwc:justify-center wwc:rounded-full wwc:bg-primary wwc:text-primary-foreground",
+						children: /* @__PURE__ */ jsx(Sparkles, {
+							className: "wwc:h-4 wwc:w-4",
+							fill: "currentColor"
+						})
+					}), /* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h3", {
+						className: "wwc:text-sm wwc:font-semibold",
+						children: "Core Assistant"
+					}), /* @__PURE__ */ jsx("p", {
+						className: "wwc:text-xs wwc:text-muted-foreground",
+						children: "Ask about your data"
+					})] })]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "wwc:flex wwc:items-center wwc:gap-1",
+					children: [/* @__PURE__ */ jsx(Button, {
+						icon: true,
+						variant: "ghost",
+						className: "wwc:rounded-full",
+						onClick: onMinimize,
+						children: /* @__PURE__ */ jsx(Minus, { className: "wwc:h-4 wwc:w-4" })
+					}), /* @__PURE__ */ jsx(Button, {
+						icon: true,
+						variant: "ghost",
+						className: "wwc:rounded-full",
+						onClick: onClose,
+						children: /* @__PURE__ */ jsx(X, { className: "wwc:h-4 wwc:w-4" })
+					})]
+				})]
+			}),
+			/* @__PURE__ */ jsx(ScrollArea, {
+				className: "wwc:flex-1",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "wwc:p-4 wwc:space-y-4",
+					children: [messages.length === 0 ? /* @__PURE__ */ jsxs("div", {
+						className: "wwc:flex wwc:flex-col wwc:items-center wwc:justify-center wwc:py-8 wwc:text-center",
+						children: [
+							/* @__PURE__ */ jsx("div", {
+								className: "wwc:flex wwc:h-16 wwc:w-16 wwc:items-center wwc:justify-center wwc:rounded-full wwc:bg-primary/10 wwc:mb-4",
+								children: /* @__PURE__ */ jsx(Sparkles, {
+									className: "wwc:h-8 wwc:w-8 wwc:text-primary",
+									fill: "currentColor"
+								})
+							}),
+							/* @__PURE__ */ jsx("h4", {
+								className: "wwc:text-sm wwc:font-medium wwc:mb-1",
+								children: "Welcome to Core Assistant"
+							}),
+							/* @__PURE__ */ jsx("p", {
+								className: "wwc:text-xs wwc:text-muted-foreground wwc:mb-4 wwc:max-w-[280px]",
+								children: "Ask me about your data and I'll create visualizations for you"
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "wwc:space-y-2 wwc:w-full",
+								children: [/* @__PURE__ */ jsx("p", {
+									className: "wwc:text-xs wwc:text-muted-foreground",
+									children: "Try asking:"
+								}), /* @__PURE__ */ jsx("div", {
+									className: "wwc:flex wwc:flex-wrap wwc:gap-2 wwc:justify-center",
+									children: SUGGESTED_PROMPTS.map((prompt) => /* @__PURE__ */ jsx("button", {
+										onClick: () => onSendMessage(prompt),
+										className: "wwc:text-xs wwc:px-3 wwc:py-1.5 wwc:rounded-full wwc:bg-muted wwc:hover:bg-muted/80 wwc:text-foreground wwc:transition-colors",
+										children: prompt
+									}, prompt))
+								})]
+							})
+						]
+					}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [messages.map((message) => /* @__PURE__ */ jsx(ChatMessage, {
+						message,
+						onAddWidget,
+						userName
+					}, message.id)), isLoading && /* @__PURE__ */ jsx(TypingIndicator, {})] }), /* @__PURE__ */ jsx("div", { ref: messagesEndRef })]
+				})
+			}),
+			/* @__PURE__ */ jsx(ChatInput, {
+				onSend: onSendMessage,
+				disabled: isLoading
+			})
+		]
+	});
+}
+//#endregion
+export { ChatPanel };
+
+//# sourceMappingURL=core-chat-panel.mjs.map

package/dist/chat/core-chat-panel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-chat-panel.mjs","names":[],"sources":["../../src/chat/core-chat-panel.tsx"],"sourcesContent":["import {Minus, Sparkles, X} from \"lucide-react\";\nimport {useEffect, useRef} from \"react\";\n\nimport {Button} from \"../button\";\nimport {ScrollArea} from \"../scroll-area\";\nimport type {DashboardWidget, Message} from \"../types/chat\";\nimport {ChatInput} from \"./core-chat-input\";\nimport {ChatMessage, TypingIndicator} from \"./core-chat-message\";\n\ninterface ChatPanelProps {\n\tmessages: Message[];\n\tisLoading: boolean;\n\tisMinimized: boolean;\n\tonClose: () => void;\n\tonMinimize: () => void;\n\tonMaximize: () => void;\n\tonSendMessage: (message: string) => void;\n\tonAddWidget?: (widget: DashboardWidget) => void;\n\tuserName?: string;\n}\n\n// Suggested prompts for empty state\nconst SUGGESTED_PROMPTS = [\n\t\"Show me monthly sales trends\",\n\t\"Compare revenue by category\",\n\t\"What's our market share?\",\n\t\"User signups over time\",\n];\n\nexport function ChatPanel({\n\tmessages,\n\tisLoading,\n\tisMinimized,\n\tonClose,\n\tonMinimize,\n\tonMaximize,\n\tonSendMessage,\n\tonAddWidget,\n\tuserName,\n}: ChatPanelProps) {\n\tconst messagesEndRef = useRef<HTMLDivElement>(null);\n\n\t// Auto-scroll to bottom when new messages arrive\n\tuseEffect(() => {\n\t\tmessagesEndRef.current?.scrollIntoView({behavior: \"smooth\"});\n\t}, [messages, isLoading]);\n\n\tif (isMinimized) {\n\t\treturn (\n\t\t\t<div\n\t\t\t\tclassName=\"wwc:fixed wwc:bottom-6 wwc:right-6 wwc:z-[9999] wwc:flex wwc:items-center wwc:gap-3 wwc:rounded-full wwc:bg-primary wwc:px-4 wwc:py-3 wwc:text-primary-foreground wwc:shadow-lg wwc:cursor-pointer wwc:hover:bg-primary/90 wwc:transition-colors\"\n\t\t\t\tonClick={onMaximize}\n\t\t\t>\n\t\t\t\t<Sparkles className=\"wwc:h-5 wwc:w-5\" fill=\"currentColor\" />\n\t\t\t\t<span className=\"wwc:text-sm wwc:font-medium\">Core Assistant</span>\n\t\t\t\t<Button\n\t\t\t\t\ticon\n\t\t\t\t\tvariant=\"ghost\"\n\t\t\t\t\tclassName=\"wwc:h-6 wwc:w-6 wwc:rounded-full wwc:hover:bg-primary-foreground/20\"\n\t\t\t\t\tonClick={(e) => {\n\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\tonClose();\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t<X className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t</Button>\n\t\t\t</div>\n\t\t);\n\t}\n\n\treturn (\n\t\t<div\n\t\t\tclassName=\"wwc:fixed wwc:bottom-6 wwc:right-6 wwc:z-[9999] wwc:flex wwc:flex-col wwc:bg-card wwc:border wwc:rounded-2xl wwc:shadow-[0_8px_32px_rgba(0,0,0,0.15)] wwc:overflow-hidden wwc:transition-all wwc:duration-300 wwc:ease-out\"\n\t\t\tstyle={{\n\t\t\t\twidth: \"min(400px, calc(100vw - 48px))\",\n\t\t\t\theight: \"min(600px, calc(100vh - 100px))\",\n\t\t\t}}\n\t\t>\n\t\t\t{/* Header */}\n\t\t\t<div className=\"wwc:flex wwc:items-center wwc:justify-between wwc:px-4 wwc:py-3 wwc:border-b wwc:bg-muted/30\">\n\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-2\">\n\t\t\t\t\t<div className=\"wwc:flex wwc:h-8 wwc:w-8 wwc:items-center wwc:justify-center wwc:rounded-full wwc:bg-primary wwc:text-primary-foreground\">\n\t\t\t\t\t\t<Sparkles className=\"wwc:h-4 wwc:w-4\" fill=\"currentColor\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<h3 className=\"wwc:text-sm wwc:font-semibold\">Core Assistant</h3>\n\t\t\t\t\t\t<p className=\"wwc:text-xs wwc:text-muted-foreground\">Ask about your data</p>\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-1\">\n\t\t\t\t\t<Button icon variant=\"ghost\" className=\"wwc:rounded-full\" onClick={onMinimize}>\n\t\t\t\t\t\t<Minus className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button icon variant=\"ghost\" className=\"wwc:rounded-full\" onClick={onClose}>\n\t\t\t\t\t\t<X className=\"wwc:h-4 wwc:w-4\" />\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t{/* Messages area */}\n\t\t\t<ScrollArea className=\"wwc:flex-1\">\n\t\t\t\t<div className=\"wwc:p-4 wwc:space-y-4\">\n\t\t\t\t\t{messages.length === 0 ? (\n\t\t\t\t\t\t// Empty state with suggestions\n\t\t\t\t\t\t<div className=\"wwc:flex wwc:flex-col wwc:items-center wwc:justify-center wwc:py-8 wwc:text-center\">\n\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:h-16 wwc:w-16 wwc:items-center wwc:justify-center wwc:rounded-full wwc:bg-primary/10 wwc:mb-4\">\n\t\t\t\t\t\t\t\t<Sparkles className=\"wwc:h-8 wwc:w-8 wwc:text-primary\" fill=\"currentColor\" />\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<h4 className=\"wwc:text-sm wwc:font-medium wwc:mb-1\">Welcome to Core Assistant</h4>\n\t\t\t\t\t\t\t<p className=\"wwc:text-xs wwc:text-muted-foreground wwc:mb-4 wwc:max-w-[280px]\">\n\t\t\t\t\t\t\t\tAsk me about your data and I'll create visualizations for you\n\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t<div className=\"wwc:space-y-2 wwc:w-full\">\n\t\t\t\t\t\t\t\t<p className=\"wwc:text-xs wwc:text-muted-foreground\">Try asking:</p>\n\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:flex-wrap wwc:gap-2 wwc:justify-center\">\n\t\t\t\t\t\t\t\t\t{SUGGESTED_PROMPTS.map((prompt) => (\n\t\t\t\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\t\t\t\tkey={prompt}\n\t\t\t\t\t\t\t\t\t\t\tonClick={() => onSendMessage(prompt)}\n\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:text-xs wwc:px-3 wwc:py-1.5 wwc:rounded-full wwc:bg-muted wwc:hover:bg-muted/80 wwc:text-foreground wwc:transition-colors\"\n\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t{prompt}\n\t\t\t\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t// Message list\n\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t{messages.map((message) => (\n\t\t\t\t\t\t\t\t<ChatMessage key={message.id} message={message} onAddWidget={onAddWidget} userName={userName} />\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t{isLoading && <TypingIndicator />}\n\t\t\t\t\t\t</>\n\t\t\t\t\t)}\n\t\t\t\t\t<div ref={messagesEndRef} />\n\t\t\t\t</div>\n\t\t\t</ScrollArea>\n\n\t\t\t{/* Input area */}\n\t\t\t<ChatInput onSend={onSendMessage} disabled={isLoading} />\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/dist/chat/core-chat-widget.d.mts

@@ -0,0 +1,12 @@
+import { DashboardWidget, Message } from "../types/chat.mjs";
+//#region src/chat/core-chat-widget.d.ts
+interface ChatWidgetProps {
+  onAddWidget?: (widget: DashboardWidget) => void;
+  apiEndpoint?: string;
+  userName?: string;
+}
+/** Embedded chat widget for user support and AI-powered conversations. */
+export declare function ChatWidget({ onAddWidget, apiEndpoint, userName }: ChatWidgetProps): import("react/jsx-runtime").JSX.Element;
+//#endregion
+export type { DashboardWidget, Message };
+//# sourceMappingURL=core-chat-widget.d.mts.map

package/dist/chat/core-chat-widget.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-chat-widget.d.mts","names":[],"sources":["../../src/chat/core-chat-widget.tsx"],"mappings":";;UAOU;EACT,eAAe,QAAQ;EACvB;EACA;;;wBAIe,aAAY,aAAa,aAAa,YAAW,8CAAe,IAAA"}