@tagit/ai-client-react 0.1.3-beta.1 → 0.3.0-beta.1

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAEH,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,eAAe,GAChB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,eAAe,GACrB,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,eAAe,GAChB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,eAAe,GACrB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,wBAAwB,CAAC"}

package/dist/index.js

@@ -7,25 +7,15 @@
  * @example
  * ```tsx
  * import { AIClient, createDefaultConfig } from '@tagit/ai-client-core';
- * import { AIClientProvider, useConversation } from '@tagit/ai-client-react';
+ * import { AIClientProvider, ChatWidget } from '@tagit/ai-client-react';
  *
  * const config = createDefaultConfig('use-case-id', 'https://orchestrator.url');
  * const client = new AIClient(config);
  *
- * function ChatApp() {
- *   const { messages, sendMessage, isLoading } = useConversation();
- *   return (
- *     <div>
- *       {messages.map(m => <div key={m.id}>{m.role}: {m.content}</div>)}
- *       <button onClick={() => sendMessage('Hello')}>Send</button>
- *     </div>
- *   );
- * }
- *
  * export default function App() {
  *   return (
  *     <AIClientProvider client={client}>
- *       <ChatApp />
+ *       <ChatWidget mode="overlay" side="right" title="tagIt Assistant" />
  *     </AIClientProvider>
  *   );
  * }
@@ -33,4 +23,5 @@
  */
 export { AIClientProvider, useAIClient, useConversation, useClientEvents, } from './provider.js';
 export { ChatWidget, } from './chat-widget.js';
+export { ChatConversation, } from './chat-conversation.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AAEH,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,eAAe,GAChB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,UAAU,GAMX,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAEH,OAAO,EACL,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,eAAe,GAChB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,UAAU,GAMX,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EACL,gBAAgB,GAEjB,MAAM,wBAAwB,CAAC"}

package/dist/renderers/ChartRenderer.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface ChartRendererProps {
+    rawJson: string;
+}
+export declare const ChartRenderer: React.MemoExoticComponent<({ rawJson }: ChartRendererProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=ChartRenderer.d.ts.map

package/dist/renderers/ChartRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartRenderer.d.ts","sourceRoot":"","sources":["../../src/renderers/ChartRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA6E1B,UAAU,kBAAkB;IAC1B,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,aAAa,0CAAkD,kBAAkB,6CAwH5F,CAAC"}

package/dist/renderers/ChartRenderer.js

@@ -0,0 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Area, AreaChart, Bar, BarChart, CartesianGrid, Cell, Legend, Line, LineChart, Pie, PieChart, PolarAngleAxis, PolarGrid, PolarRadiusAxis, Radar, RadarChart, ResponsiveContainer, Tooltip, XAxis, YAxis, } from 'recharts';
+const DEFAULT_COLORS = ['#1d4ed8', '#0ea5e9', '#14b8a6', '#22c55e', '#f59e0b', '#ef4444'];
+function fallbackCode(markup) {
+    return (_jsx("pre", { className: "tagIt-chat-md-code-block", children: _jsx("code", { children: markup }) }));
+}
+function readPayload(raw) {
+    try {
+        const parsed = JSON.parse(raw);
+        if (!parsed || typeof parsed !== 'object') {
+            return null;
+        }
+        if (!parsed.type || !Array.isArray(parsed.data)) {
+            return null;
+        }
+        return parsed;
+    }
+    catch {
+        return null;
+    }
+}
+function asNumber(value, fallback) {
+    if (typeof value === 'number' && Number.isFinite(value)) {
+        return value;
+    }
+    return fallback;
+}
+export const ChartRenderer = React.memo(function ChartRenderer({ rawJson }) {
+    const payload = readPayload(rawJson);
+    if (!payload) {
+        return fallbackCode(rawJson);
+    }
+    const chartHeight = Math.max(220, asNumber(payload.height, 280));
+    const data = payload.data;
+    const legendStyle = {
+        whiteSpace: 'normal',
+        wordBreak: 'break-word',
+        lineHeight: '1.5',
+        paddingTop: '4px',
+    };
+    const series = payload.series && payload.series.length > 0
+        ? payload.series
+        : [{ dataKey: 'value', fill: DEFAULT_COLORS[0], stroke: DEFAULT_COLORS[0] }];
+    const xKey = payload.xKey || payload.nameKey || 'name';
+    const yKey = payload.yKey || series[0].dataKey;
+    const nameKey = payload.nameKey || xKey;
+    const valueKey = payload.valueKey || yKey;
+    const colors = payload.colors && payload.colors.length > 0 ? payload.colors : DEFAULT_COLORS;
+    return (_jsx("div", { className: "tagIt-chat-chart-wrap", role: "img", "aria-label": `${payload.type} visualization`, children: _jsxs(ResponsiveContainer, { width: "100%", height: chartHeight, children: [payload.type === 'BarChart' ? (_jsxs(BarChart, { data: data, margin: { top: 8, right: 16, left: 0, bottom: 8 }, children: [_jsx(CartesianGrid, { strokeDasharray: "3 3" }), _jsx(XAxis, { dataKey: xKey }), _jsx(YAxis, {}), _jsx(Tooltip, {}), _jsx(Legend, { wrapperStyle: legendStyle }), series.map((item, index) => (_jsx(Bar, { dataKey: item.dataKey, fill: item.fill || colors[index % colors.length], name: item.name || item.dataKey }, `${item.dataKey}-${index}`)))] })) : null, payload.type === 'LineChart' ? (_jsxs(LineChart, { data: data, margin: { top: 8, right: 16, left: 0, bottom: 8 }, children: [_jsx(CartesianGrid, { strokeDasharray: "3 3" }), _jsx(XAxis, { dataKey: xKey }), _jsx(YAxis, {}), _jsx(Tooltip, {}), _jsx(Legend, { wrapperStyle: legendStyle }), series.map((item, index) => (_jsx(Line, { type: "monotone", dataKey: item.dataKey, stroke: item.stroke || colors[index % colors.length], name: item.name || item.dataKey, dot: false }, `${item.dataKey}-${index}`)))] })) : null, payload.type === 'AreaChart' ? (_jsxs(AreaChart, { data: data, margin: { top: 8, right: 16, left: 0, bottom: 8 }, children: [_jsx(CartesianGrid, { strokeDasharray: "3 3" }), _jsx(XAxis, { dataKey: xKey }), _jsx(YAxis, {}), _jsx(Tooltip, {}), _jsx(Legend, { wrapperStyle: legendStyle }), series.map((item, index) => (_jsx(Area, { type: "monotone", dataKey: item.dataKey, stroke: item.stroke || colors[index % colors.length], fill: item.fill || colors[index % colors.length], fillOpacity: 0.25, name: item.name || item.dataKey }, `${item.dataKey}-${index}`)))] })) : null, payload.type === 'PieChart' ? (_jsxs(PieChart, { children: [_jsx(Tooltip, {}), _jsx(Legend, { wrapperStyle: legendStyle }), _jsx(Pie, { data: data, dataKey: valueKey, nameKey: nameKey, outerRadius: 95, children: data.map((_, index) => (_jsx(Cell, { fill: colors[index % colors.length] }, `cell-${index}`))) })] })) : null, payload.type === 'RadarChart' ? (_jsxs(RadarChart, { data: data, outerRadius: 100, children: [_jsx(PolarGrid, {}), _jsx(PolarAngleAxis, { dataKey: xKey }), _jsx(PolarRadiusAxis, {}), _jsx(Tooltip, {}), _jsx(Legend, { wrapperStyle: legendStyle }), series.map((item, index) => (_jsx(Radar, { dataKey: item.dataKey, stroke: item.stroke || colors[index % colors.length], fill: item.fill || colors[index % colors.length], fillOpacity: 0.2, name: item.name || item.dataKey }, `${item.dataKey}-${index}`)))] })) : null] }) }));
+});
+//# sourceMappingURL=ChartRenderer.js.map

package/dist/renderers/ChartRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartRenderer.js","sourceRoot":"","sources":["../../src/renderers/ChartRenderer.tsx"],"names":[],"mappings":"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"}

package/dist/renderers/ContentBlockRenderer.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { MessageRole } from '@tagit/ai-client-core';
+interface ContentBlockRendererProps {
+    role: MessageRole;
+    content: string;
+    showStreamingCursor?: boolean;
+}
+export declare const ContentBlockRenderer: React.MemoExoticComponent<({ role, content, showStreamingCursor, }: ContentBlockRendererProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=ContentBlockRenderer.d.ts.map

package/dist/renderers/ContentBlockRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentBlockRenderer.d.ts","sourceRoot":"","sources":["../../src/renderers/ContentBlockRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGzD,UAAU,yBAAyB;IACjC,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,eAAO,MAAM,oBAAoB,sEAI9B,yBAAyB,6CAe1B,CAAC"}

package/dist/renderers/ContentBlockRenderer.js

@@ -0,0 +1,13 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { MarkdownRenderer } from './MarkdownRenderer.js';
+export const ContentBlockRenderer = React.memo(function ContentBlockRenderer({ role, content, showStreamingCursor = false, }) {
+    if (role === 'user') {
+        return _jsx(_Fragment, { children: content });
+    }
+    if (showStreamingCursor) {
+        return (_jsxs("div", { className: "tagIt-chat-md-root tagIt-chat-md-streaming", children: [content, _jsx("span", { className: "tagIt-chat-streaming-cursor", "aria-hidden": "true" })] }));
+    }
+    return _jsx(MarkdownRenderer, { markdown: content, showStreamingCursor: showStreamingCursor });
+});
+//# sourceMappingURL=ContentBlockRenderer.js.map

package/dist/renderers/ContentBlockRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentBlockRenderer.js","sourceRoot":"","sources":["../../src/renderers/ContentBlockRenderer.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAQzD,MAAM,CAAC,MAAM,oBAAoB,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,oBAAoB,CAAC,EAC3E,IAAI,EACJ,OAAO,EACP,mBAAmB,GAAG,KAAK,GACD;IAC1B,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QACpB,OAAO,4BAAG,OAAO,GAAI,CAAC;IACxB,CAAC;IAED,IAAI,mBAAmB,EAAE,CAAC;QACxB,OAAO,CACL,eAAK,SAAS,EAAC,4CAA4C,aACxD,OAAO,EACR,eAAM,SAAS,EAAC,6BAA6B,iBAAa,MAAM,GAAG,IAC/D,CACP,CAAC;IACJ,CAAC;IAED,OAAO,KAAC,gBAAgB,IAAC,QAAQ,EAAE,OAAO,EAAE,mBAAmB,EAAE,mBAAmB,GAAI,CAAC;AAC3F,CAAC,CAAC,CAAC"}

package/dist/renderers/MarkdownRenderer.d.ts

@@ -0,0 +1,8 @@
+import 'highlight.js/styles/github-dark.css';
+interface MarkdownRendererProps {
+    markdown: string;
+    showStreamingCursor?: boolean;
+}
+export declare function MarkdownRenderer({ markdown, showStreamingCursor }: MarkdownRendererProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MarkdownRenderer.d.ts.map

package/dist/renderers/MarkdownRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer.d.ts","sourceRoot":"","sources":["../../src/renderers/MarkdownRenderer.tsx"],"names":[],"mappings":"AAMA,OAAO,qCAAqC,CAAC;AAE7C,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AA6CD,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,mBAA2B,EAAE,EAAE,qBAAqB,2CA4ChG"}

package/dist/renderers/MarkdownRenderer.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState } from 'react';
+import { Check, Copy } from 'lucide-react';
+import ReactMarkdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+import rehypeHighlight from 'rehype-highlight';
+import { ChartRenderer } from './ChartRenderer.js';
+import 'highlight.js/styles/github-dark.css';
+function extractText(children) {
+    if (typeof children === 'string') {
+        return children;
+    }
+    if (Array.isArray(children)) {
+        return children.map(extractText).join('');
+    }
+    if (children && typeof children === 'object' && 'props' in children) {
+        const childNode = children.props?.children;
+        return extractText(childNode);
+    }
+    return '';
+}
+function CodeBlock({ className, children }) {
+    const [copied, setCopied] = useState(false);
+    const timerRef = useRef(null);
+    const text = extractText(children).replace(/\n$/, '');
+    function handleCopy() {
+        navigator.clipboard.writeText(text).then(() => {
+            setCopied(true);
+            if (timerRef.current)
+                clearTimeout(timerRef.current);
+            timerRef.current = setTimeout(() => setCopied(false), 1500);
+        });
+    }
+    return (_jsxs("pre", { className: "tagIt-chat-md-code-block", children: [_jsx("button", { type: "button", className: "tagIt-chat-md-copy-btn", onClick: handleCopy, "aria-label": copied ? 'Copied' : 'Copy code', "data-copied": copied ? '' : undefined, children: copied ? _jsx(Check, { size: 14 }) : _jsx(Copy, { size: 14 }) }), _jsx("code", { className: className, children: children })] }));
+}
+export function MarkdownRenderer({ markdown, showStreamingCursor = false }) {
+    const components = {
+        code({ className, children, ...props }) {
+            const text = extractText(children).replace(/\n$/, '');
+            const match = /language-(\w+)/.exec(className || '');
+            const language = match?.[1];
+            if (language === 'chart') {
+                return _jsx(ChartRenderer, { rawJson: text });
+            }
+            const inline = !(className && className.includes('language-'));
+            if (inline) {
+                return (_jsx("code", { className: "tagIt-chat-md-inline-code", ...props, children: children }));
+            }
+            return _jsx(CodeBlock, { className: className, children: children });
+        },
+        a({ href, children, ...props }) {
+            return (_jsx("a", { href: href, target: "_blank", rel: "noopener noreferrer", ...props, children: children }));
+        },
+    };
+    return (_jsxs("div", { className: "tagIt-chat-md-root", children: [_jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], rehypePlugins: [rehypeHighlight], components: components, children: markdown }), showStreamingCursor ? _jsx("span", { className: "tagIt-chat-streaming-cursor", "aria-hidden": "true" }) : null] }));
+}
+//# sourceMappingURL=MarkdownRenderer.js.map

package/dist/renderers/MarkdownRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownRenderer.js","sourceRoot":"","sources":["../../src/renderers/MarkdownRenderer.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tagit/ai-client-react",
-  "version": "0.1.3-beta.1",
-  "description": "React hooks and provider for TagIt AI client",
+  "version": "0.3.0-beta.1",
+  "description": "Self-contained React chat widget and hooks for TagIt AI client",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -29,11 +29,20 @@
     "./provider": {
       "types": "./dist/provider.d.ts",
       "default": "./dist/provider.js"
+    },
+    "./conversation": {
+      "types": "./dist/chat-conversation.d.ts",
+      "default": "./dist/chat-conversation.js"
     }
   },
   "dependencies": {
+    "highlight.js": "^11.11.1",
     "lucide-react": "^1.7.0",
-    "@tagit/ai-client-core": "0.1.3-beta.1"
+    "react-markdown": "^10.1.0",
+    "recharts": "^3.8.1",
+    "rehype-highlight": "^7.0.2",
+    "remark-gfm": "^4.0.1",
+    "@tagit/ai-client-core": "0.3.0-beta.1"
   },
   "peerDependencies": {
     "react": "^18.0.0",