@tagit/ai-client-react 0.7.0 → 0.8.0-beta.11.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +41 -0
- package/dist/chat-conversation.d.ts.map +1 -1
- package/dist/chat-conversation.js +30 -5
- package/dist/chat-conversation.js.map +1 -1
- package/dist/chat-history.d.ts +6 -0
- package/dist/chat-history.d.ts.map +1 -0
- package/dist/chat-history.js +53 -0
- package/dist/chat-history.js.map +1 -0
- package/dist/chat-tooltip.d.ts +8 -0
- package/dist/chat-tooltip.d.ts.map +1 -0
- package/dist/chat-tooltip.js +5 -0
- package/dist/chat-tooltip.js.map +1 -0
- package/dist/chat-widget.d.ts +1 -0
- package/dist/chat-widget.d.ts.map +1 -1
- package/dist/chat-widget.js +21 -9
- package/dist/chat-widget.js.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -1
- package/dist/index.js.map +1 -1
- package/dist/provider.d.ts +23 -1
- package/dist/provider.d.ts.map +1 -1
- package/dist/provider.js +156 -1
- package/dist/provider.js.map +1 -1
- package/dist/renderers/ChartRenderer.d.ts.map +1 -1
- package/dist/renderers/ChartRenderer.js +20 -1
- package/dist/renderers/ChartRenderer.js.map +1 -1
- package/dist/renderers/MarkdownRenderer.d.ts +0 -1
- package/dist/renderers/MarkdownRenderer.d.ts.map +1 -1
- package/dist/renderers/MarkdownRenderer.js +6 -4
- package/dist/renderers/MarkdownRenderer.js.map +1 -1
- package/package.json +5 -5
- package/src/chat-widget.css +404 -0
package/dist/provider.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import React, { useCallback, useContext, useEffect, useState } from 'react';
|
|
2
|
+
import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
|
|
3
3
|
/**
|
|
4
4
|
* AI Client context
|
|
5
5
|
*/
|
|
@@ -64,6 +64,161 @@ export function useConversation() {
|
|
|
64
64
|
reEditMessage,
|
|
65
65
|
};
|
|
66
66
|
}
|
|
67
|
+
/**
|
|
68
|
+
* Hook for durable conversation history UX.
|
|
69
|
+
*
|
|
70
|
+
* This is intentionally UI-state focused: core owns transport behavior,
|
|
71
|
+
* while React components can render loading/error/list state consistently.
|
|
72
|
+
*/
|
|
73
|
+
export function useConversationHistory(options) {
|
|
74
|
+
const client = useAIClient();
|
|
75
|
+
const [activeConversationId, setActiveConversationId] = useState(() => client.getState().id);
|
|
76
|
+
const [conversations, setConversations] = useState([]);
|
|
77
|
+
const [nextPageToken, setNextPageToken] = useState();
|
|
78
|
+
const [isLoading, setIsLoading] = useState(false);
|
|
79
|
+
const [loadingConversationId, setLoadingConversationId] = useState(null);
|
|
80
|
+
const [error, setError] = useState(null);
|
|
81
|
+
const [enabled, setEnabled] = useState(true);
|
|
82
|
+
const loadAbortRef = useRef(null);
|
|
83
|
+
useEffect(() => {
|
|
84
|
+
return client.on(() => {
|
|
85
|
+
setActiveConversationId(client.getState().id);
|
|
86
|
+
});
|
|
87
|
+
}, [client]);
|
|
88
|
+
const refresh = useCallback(async (refreshOptions) => {
|
|
89
|
+
setIsLoading(true);
|
|
90
|
+
setError(null);
|
|
91
|
+
try {
|
|
92
|
+
const result = await client.listConversations({
|
|
93
|
+
...options,
|
|
94
|
+
...refreshOptions,
|
|
95
|
+
});
|
|
96
|
+
setConversations(result.conversations);
|
|
97
|
+
setNextPageToken(result.nextPageToken);
|
|
98
|
+
setEnabled(true);
|
|
99
|
+
}
|
|
100
|
+
catch (err) {
|
|
101
|
+
const message = err instanceof Error ? err.message : 'Unable to load conversations.';
|
|
102
|
+
setError(message);
|
|
103
|
+
if (message.toLowerCase().includes('conversation history')) {
|
|
104
|
+
setEnabled(false);
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
finally {
|
|
108
|
+
setIsLoading(false);
|
|
109
|
+
}
|
|
110
|
+
}, [client, options?.limit, options?.pageToken, options?.status, options?.surface, options?.useCaseId, options?.userId]);
|
|
111
|
+
const loadConversation = useCallback(async (conversationId) => {
|
|
112
|
+
loadAbortRef.current?.abort();
|
|
113
|
+
const controller = new AbortController();
|
|
114
|
+
loadAbortRef.current = controller;
|
|
115
|
+
setIsLoading(true);
|
|
116
|
+
setLoadingConversationId(conversationId);
|
|
117
|
+
setError(null);
|
|
118
|
+
try {
|
|
119
|
+
await client.loadConversation(conversationId, {
|
|
120
|
+
useCaseId: options?.useCaseId,
|
|
121
|
+
userId: options?.userId,
|
|
122
|
+
signal: controller.signal,
|
|
123
|
+
});
|
|
124
|
+
await refresh();
|
|
125
|
+
}
|
|
126
|
+
catch (err) {
|
|
127
|
+
if (!controller.signal.aborted) {
|
|
128
|
+
setError(err instanceof Error ? err.message : 'Unable to load conversation.');
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
finally {
|
|
132
|
+
if (loadAbortRef.current === controller) {
|
|
133
|
+
loadAbortRef.current = null;
|
|
134
|
+
setLoadingConversationId(null);
|
|
135
|
+
setIsLoading(false);
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
}, [client, options?.useCaseId, options?.userId, refresh]);
|
|
139
|
+
const cancelLoadConversation = useCallback(() => {
|
|
140
|
+
loadAbortRef.current?.abort();
|
|
141
|
+
loadAbortRef.current = null;
|
|
142
|
+
setLoadingConversationId(null);
|
|
143
|
+
setIsLoading(false);
|
|
144
|
+
}, []);
|
|
145
|
+
const startNewConversation = useCallback(async (title) => {
|
|
146
|
+
setIsLoading(true);
|
|
147
|
+
setError(null);
|
|
148
|
+
try {
|
|
149
|
+
await client.startNewConversation({
|
|
150
|
+
title,
|
|
151
|
+
useCaseId: options?.useCaseId,
|
|
152
|
+
userId: options?.userId,
|
|
153
|
+
surface: options?.surface,
|
|
154
|
+
});
|
|
155
|
+
await refresh();
|
|
156
|
+
}
|
|
157
|
+
catch (err) {
|
|
158
|
+
setError(err instanceof Error ? err.message : 'Unable to start a new conversation.');
|
|
159
|
+
}
|
|
160
|
+
finally {
|
|
161
|
+
setIsLoading(false);
|
|
162
|
+
}
|
|
163
|
+
}, [client, options?.surface, options?.useCaseId, options?.userId, refresh]);
|
|
164
|
+
const renameConversation = useCallback(async (conversationId, title) => {
|
|
165
|
+
setIsLoading(true);
|
|
166
|
+
setError(null);
|
|
167
|
+
try {
|
|
168
|
+
await client.renameConversation(conversationId, title, {
|
|
169
|
+
useCaseId: options?.useCaseId,
|
|
170
|
+
userId: options?.userId,
|
|
171
|
+
});
|
|
172
|
+
await refresh();
|
|
173
|
+
}
|
|
174
|
+
catch (err) {
|
|
175
|
+
setError(err instanceof Error ? err.message : 'Unable to rename conversation.');
|
|
176
|
+
}
|
|
177
|
+
finally {
|
|
178
|
+
setIsLoading(false);
|
|
179
|
+
}
|
|
180
|
+
}, [client, options?.useCaseId, options?.userId, refresh]);
|
|
181
|
+
const archiveConversation = useCallback(async (conversationId) => {
|
|
182
|
+
setIsLoading(true);
|
|
183
|
+
setError(null);
|
|
184
|
+
try {
|
|
185
|
+
await client.archiveConversation(conversationId, {
|
|
186
|
+
useCaseId: options?.useCaseId,
|
|
187
|
+
userId: options?.userId,
|
|
188
|
+
});
|
|
189
|
+
await refresh();
|
|
190
|
+
}
|
|
191
|
+
catch (err) {
|
|
192
|
+
setError(err instanceof Error ? err.message : 'Unable to archive conversation.');
|
|
193
|
+
}
|
|
194
|
+
finally {
|
|
195
|
+
setIsLoading(false);
|
|
196
|
+
}
|
|
197
|
+
}, [client, options?.useCaseId, options?.userId, refresh]);
|
|
198
|
+
useEffect(() => {
|
|
199
|
+
void refresh();
|
|
200
|
+
}, [refresh]);
|
|
201
|
+
useEffect(() => {
|
|
202
|
+
return () => {
|
|
203
|
+
loadAbortRef.current?.abort();
|
|
204
|
+
};
|
|
205
|
+
}, []);
|
|
206
|
+
return {
|
|
207
|
+
enabled,
|
|
208
|
+
conversations,
|
|
209
|
+
isLoading,
|
|
210
|
+
loadingConversationId,
|
|
211
|
+
error,
|
|
212
|
+
nextPageToken,
|
|
213
|
+
activeConversationId,
|
|
214
|
+
refresh,
|
|
215
|
+
loadConversation,
|
|
216
|
+
cancelLoadConversation,
|
|
217
|
+
startNewConversation,
|
|
218
|
+
renameConversation,
|
|
219
|
+
archiveConversation,
|
|
220
|
+
};
|
|
221
|
+
}
|
|
67
222
|
/**
|
|
68
223
|
* Hook to listen for specific client events
|
|
69
224
|
*/
|
package/dist/provider.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"provider.js","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAa,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"provider.js","sourceRoot":"","sources":["../src/provider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
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,
|
|
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,uBAyI5F,CAAC"}
|
|
@@ -47,6 +47,25 @@ export const ChartRenderer = React.memo(function ChartRenderer({ rawJson }) {
|
|
|
47
47
|
const nameKey = payload.nameKey || xKey;
|
|
48
48
|
const valueKey = payload.valueKey || yKey;
|
|
49
49
|
const colors = payload.colors && payload.colors.length > 0 ? payload.colors : DEFAULT_COLORS;
|
|
50
|
-
|
|
50
|
+
let chartElement = null;
|
|
51
|
+
if (payload.type === 'BarChart') {
|
|
52
|
+
chartElement = (_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}`)))] }));
|
|
53
|
+
}
|
|
54
|
+
if (payload.type === 'LineChart') {
|
|
55
|
+
chartElement = (_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}`)))] }));
|
|
56
|
+
}
|
|
57
|
+
if (payload.type === 'AreaChart') {
|
|
58
|
+
chartElement = (_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}`)))] }));
|
|
59
|
+
}
|
|
60
|
+
if (payload.type === 'PieChart') {
|
|
61
|
+
chartElement = (_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}`))) })] }));
|
|
62
|
+
}
|
|
63
|
+
if (payload.type === 'RadarChart') {
|
|
64
|
+
chartElement = (_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}`)))] }));
|
|
65
|
+
}
|
|
66
|
+
if (!chartElement) {
|
|
67
|
+
return fallbackCode(rawJson);
|
|
68
|
+
}
|
|
69
|
+
return (_jsx("div", { className: "tagIt-chat-chart-wrap", role: "img", "aria-label": `${payload.type} visualization`, children: _jsx(ResponsiveContainer, { width: "100%", height: chartHeight, children: chartElement }) }));
|
|
51
70
|
});
|
|
52
71
|
//# sourceMappingURL=ChartRenderer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChartRenderer.js","sourceRoot":"","sources":["../../src/renderers/ChartRenderer.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ChartRenderer.js","sourceRoot":"","sources":["../../src/renderers/ChartRenderer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MarkdownRenderer.d.ts","sourceRoot":"","sources":["../../src/renderers/MarkdownRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"MarkdownRenderer.d.ts","sourceRoot":"","sources":["../../src/renderers/MarkdownRenderer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAMhE,UAAU,qBAAqB;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AA+DD,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,mBAA2B,EAAE,EAAE,qBAAqB,qBA4ChG"}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useRef, useState } from 'react';
|
|
2
|
+
import { Suspense, lazy, useRef, useState } from 'react';
|
|
3
3
|
import { Check, Copy } from 'lucide-react';
|
|
4
4
|
import ReactMarkdown from 'react-markdown';
|
|
5
5
|
import remarkGfm from 'remark-gfm';
|
|
6
6
|
import rehypeHighlight from 'rehype-highlight';
|
|
7
|
-
|
|
8
|
-
import 'highlight.js/styles/github-dark.css';
|
|
7
|
+
const LazyChartRenderer = lazy(() => import('./ChartRenderer.js').then((module) => ({ default: module.ChartRenderer })));
|
|
9
8
|
function extractText(children) {
|
|
10
9
|
if (typeof children === 'string') {
|
|
11
10
|
return children;
|
|
@@ -33,6 +32,9 @@ function CodeBlock({ className, children }) {
|
|
|
33
32
|
}
|
|
34
33
|
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 })] }));
|
|
35
34
|
}
|
|
35
|
+
function ChartBlock({ rawJson }) {
|
|
36
|
+
return (_jsx(Suspense, { fallback: _jsx("pre", { className: "tagIt-chat-md-code-block", children: _jsx("code", { children: rawJson }) }), children: _jsx(LazyChartRenderer, { rawJson: rawJson }) }));
|
|
37
|
+
}
|
|
36
38
|
export function MarkdownRenderer({ markdown, showStreamingCursor = false }) {
|
|
37
39
|
const components = {
|
|
38
40
|
code({ className, children, ...props }) {
|
|
@@ -40,7 +42,7 @@ export function MarkdownRenderer({ markdown, showStreamingCursor = false }) {
|
|
|
40
42
|
const match = /language-(\w+)/.exec(className || '');
|
|
41
43
|
const language = match?.[1];
|
|
42
44
|
if (language === 'chart') {
|
|
43
|
-
return _jsx(
|
|
45
|
+
return _jsx(ChartBlock, { rawJson: text });
|
|
44
46
|
}
|
|
45
47
|
const inline = !(className && className.includes('language-'));
|
|
46
48
|
if (inline) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MarkdownRenderer.js","sourceRoot":"","sources":["../../src/renderers/MarkdownRenderer.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MarkdownRenderer.js","sourceRoot":"","sources":["../../src/renderers/MarkdownRenderer.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tagit/ai-client-react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.8.0-beta.11.1",
|
|
4
4
|
"description": "Self-contained React chat widget and hooks for TagIt AI client",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -37,13 +37,13 @@
|
|
|
37
37
|
}
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
|
+
"@tagit/ai-client-core": "0.8.0-beta.11.1",
|
|
40
41
|
"highlight.js": "^11.11.1",
|
|
41
|
-
"lucide-react": "^
|
|
42
|
+
"lucide-react": "^0.539.0",
|
|
42
43
|
"react-markdown": "^10.1.0",
|
|
43
|
-
"recharts": "^
|
|
44
|
+
"recharts": "^2.15.4",
|
|
44
45
|
"rehype-highlight": "^7.0.2",
|
|
45
|
-
"remark-gfm": "^4.0.1"
|
|
46
|
-
"@tagit/ai-client-core": "0.7.0"
|
|
46
|
+
"remark-gfm": "^4.0.1"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|
|
49
49
|
"react": "^18.0.0",
|