@tagit/ai-client-react 0.1.0-beta.1 → 0.2.0-beta.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/dist/chat-conversation.d.ts +10 -0
- package/dist/chat-conversation.d.ts.map +1 -0
- package/dist/chat-conversation.js +157 -0
- package/dist/chat-conversation.js.map +1 -0
- package/dist/chat-widget.d.ts +1 -1
- package/dist/chat-widget.d.ts.map +1 -1
- package/dist/chat-widget.js +11 -1
- package/dist/chat-widget.js.map +1 -1
- package/dist/index.d.ts +3 -12
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +3 -12
- package/dist/index.js.map +1 -1
- package/dist/renderers/ChartRenderer.d.ts +7 -0
- package/dist/renderers/ChartRenderer.d.ts.map +1 -0
- package/dist/renderers/ChartRenderer.js +52 -0
- package/dist/renderers/ChartRenderer.js.map +1 -0
- package/dist/renderers/ContentBlockRenderer.d.ts +10 -0
- package/dist/renderers/ContentBlockRenderer.d.ts.map +1 -0
- package/dist/renderers/ContentBlockRenderer.js +13 -0
- package/dist/renderers/ContentBlockRenderer.js.map +1 -0
- package/dist/renderers/MarkdownRenderer.d.ts +8 -0
- package/dist/renderers/MarkdownRenderer.d.ts.map +1 -0
- package/dist/renderers/MarkdownRenderer.js +57 -0
- package/dist/renderers/MarkdownRenderer.js.map +1 -0
- package/package.json +12 -3
- package/src/chat-widget.css +594 -2
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export interface ChatConversationProps {
|
|
2
|
+
className?: string;
|
|
3
|
+
}
|
|
4
|
+
/**
|
|
5
|
+
* Fully self-contained chat surface for the TagIt AI client.
|
|
6
|
+
* This renders the default welcome state, message list, tool call output,
|
|
7
|
+
* streaming indicator, inline errors, and composer footer.
|
|
8
|
+
*/
|
|
9
|
+
export declare function ChatConversation({ className }: ChatConversationProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
//# sourceMappingURL=chat-conversation.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chat-conversation.d.ts","sourceRoot":"","sources":["../src/chat-conversation.tsx"],"names":[],"mappings":"AAqCA,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,SAAS,EAAE,EAAE,qBAAqB,2CAmUpE"}
|
|
@@ -0,0 +1,157 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
|
|
3
|
+
import { Check, Copy, Pencil, RotateCcw } from 'lucide-react';
|
|
4
|
+
import { useConversation } from './provider.js';
|
|
5
|
+
import { ContentBlockRenderer } from './renderers/ContentBlockRenderer.js';
|
|
6
|
+
function MessageCopyButton({ text }) {
|
|
7
|
+
const [copied, setCopied] = useState(false);
|
|
8
|
+
const timerRef = useRef(null);
|
|
9
|
+
const handleCopy = () => {
|
|
10
|
+
navigator.clipboard
|
|
11
|
+
.writeText(text)
|
|
12
|
+
.then(() => {
|
|
13
|
+
setCopied(true);
|
|
14
|
+
if (timerRef.current)
|
|
15
|
+
clearTimeout(timerRef.current);
|
|
16
|
+
timerRef.current = setTimeout(() => setCopied(false), 1500);
|
|
17
|
+
})
|
|
18
|
+
.catch(() => {
|
|
19
|
+
// Clipboard access is best-effort.
|
|
20
|
+
});
|
|
21
|
+
};
|
|
22
|
+
return (_jsx("button", { type: "button", className: "tagIt-chat-message-action-btn", onClick: handleCopy, "data-copied": copied ? '' : undefined, "aria-label": copied ? 'Copied' : 'Copy message', title: copied ? 'Copied!' : 'Copy', children: copied ? _jsx(Check, { size: 16 }) : _jsx(Copy, { size: 16 }) }));
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* Fully self-contained chat surface for the TagIt AI client.
|
|
26
|
+
* This renders the default welcome state, message list, tool call output,
|
|
27
|
+
* streaming indicator, inline errors, and composer footer.
|
|
28
|
+
*/
|
|
29
|
+
export function ChatConversation({ className }) {
|
|
30
|
+
const { messages, sendMessage, cancel, retry, reEditMessage, isLoading, isStreaming, error, lastError, } = useConversation();
|
|
31
|
+
const [inputValue, setInputValue] = useState('');
|
|
32
|
+
const [isReEditMode, setIsReEditMode] = useState(false);
|
|
33
|
+
const textareaRef = useRef(null);
|
|
34
|
+
const [isAtBottom, setIsAtBottom] = useState(true);
|
|
35
|
+
const wasLoadingRef = useRef(false);
|
|
36
|
+
const messagesAreaRef = useRef(null);
|
|
37
|
+
const scrollEndRef = useRef(null);
|
|
38
|
+
const lastUserMsgRef = useRef(null);
|
|
39
|
+
const shouldAutoScrollRef = useRef(true);
|
|
40
|
+
const prevMessageCountRef = useRef(messages.length);
|
|
41
|
+
const handleScroll = useCallback(() => {
|
|
42
|
+
const el = messagesAreaRef.current;
|
|
43
|
+
if (!el)
|
|
44
|
+
return;
|
|
45
|
+
const atBottom = el.scrollHeight - el.scrollTop - el.clientHeight < 60;
|
|
46
|
+
setIsAtBottom(atBottom);
|
|
47
|
+
shouldAutoScrollRef.current = atBottom;
|
|
48
|
+
}, []);
|
|
49
|
+
useLayoutEffect(() => {
|
|
50
|
+
if (!shouldAutoScrollRef.current)
|
|
51
|
+
return;
|
|
52
|
+
const el = messagesAreaRef.current;
|
|
53
|
+
if (!el)
|
|
54
|
+
return;
|
|
55
|
+
if (el.scrollHeight - el.scrollTop - el.clientHeight > 5) {
|
|
56
|
+
el.scrollTop = el.scrollHeight;
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
useEffect(() => {
|
|
60
|
+
const currCount = messages.length;
|
|
61
|
+
const prevCount = prevMessageCountRef.current;
|
|
62
|
+
prevMessageCountRef.current = currCount;
|
|
63
|
+
if (currCount > prevCount) {
|
|
64
|
+
const lastMsg = messages[currCount - 1];
|
|
65
|
+
if (lastMsg?.role === 'user') {
|
|
66
|
+
requestAnimationFrame(() => {
|
|
67
|
+
lastUserMsgRef.current?.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
|
68
|
+
shouldAutoScrollRef.current = true;
|
|
69
|
+
});
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
}, [messages.length]);
|
|
73
|
+
const scrollToBottom = () => {
|
|
74
|
+
scrollEndRef.current?.scrollIntoView({ behavior: 'smooth' });
|
|
75
|
+
shouldAutoScrollRef.current = true;
|
|
76
|
+
setIsAtBottom(true);
|
|
77
|
+
};
|
|
78
|
+
const handleSubmit = (event) => {
|
|
79
|
+
event.preventDefault();
|
|
80
|
+
const trimmed = inputValue.trim();
|
|
81
|
+
if (trimmed && !isLoading) {
|
|
82
|
+
sendMessage(trimmed);
|
|
83
|
+
setInputValue('');
|
|
84
|
+
setIsReEditMode(false);
|
|
85
|
+
if (textareaRef.current)
|
|
86
|
+
textareaRef.current.style.height = '';
|
|
87
|
+
}
|
|
88
|
+
};
|
|
89
|
+
const handleKeyDown = (event) => {
|
|
90
|
+
if (event.key === 'Escape' && isReEditMode) {
|
|
91
|
+
event.preventDefault();
|
|
92
|
+
setInputValue('');
|
|
93
|
+
setIsReEditMode(false);
|
|
94
|
+
const el = textareaRef.current;
|
|
95
|
+
if (el) {
|
|
96
|
+
el.style.height = '';
|
|
97
|
+
}
|
|
98
|
+
return;
|
|
99
|
+
}
|
|
100
|
+
if (event.key === 'Enter' && !event.shiftKey) {
|
|
101
|
+
event.preventDefault();
|
|
102
|
+
const trimmed = inputValue.trim();
|
|
103
|
+
if (trimmed && !isLoading) {
|
|
104
|
+
sendMessage(trimmed);
|
|
105
|
+
setInputValue('');
|
|
106
|
+
setIsReEditMode(false);
|
|
107
|
+
if (textareaRef.current)
|
|
108
|
+
textareaRef.current.style.height = '';
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
};
|
|
112
|
+
const handleInputChange = (event) => {
|
|
113
|
+
setInputValue(event.target.value);
|
|
114
|
+
const el = event.target;
|
|
115
|
+
el.style.height = '';
|
|
116
|
+
el.style.height = `${el.scrollHeight}px`;
|
|
117
|
+
};
|
|
118
|
+
const handleRetry = async () => {
|
|
119
|
+
try {
|
|
120
|
+
await retry();
|
|
121
|
+
}
|
|
122
|
+
catch {
|
|
123
|
+
// Errors are surfaced in the inline error row.
|
|
124
|
+
}
|
|
125
|
+
};
|
|
126
|
+
const handleReEdit = (messageId) => {
|
|
127
|
+
const content = reEditMessage(messageId);
|
|
128
|
+
if (!content)
|
|
129
|
+
return;
|
|
130
|
+
setInputValue(content);
|
|
131
|
+
setIsReEditMode(true);
|
|
132
|
+
requestAnimationFrame(() => {
|
|
133
|
+
const el = textareaRef.current;
|
|
134
|
+
if (!el)
|
|
135
|
+
return;
|
|
136
|
+
el.style.height = '';
|
|
137
|
+
el.style.height = `${el.scrollHeight}px`;
|
|
138
|
+
el.focus();
|
|
139
|
+
});
|
|
140
|
+
};
|
|
141
|
+
useEffect(() => {
|
|
142
|
+
if (wasLoadingRef.current && !isLoading) {
|
|
143
|
+
textareaRef.current?.focus();
|
|
144
|
+
}
|
|
145
|
+
wasLoadingRef.current = isLoading;
|
|
146
|
+
}, [isLoading]);
|
|
147
|
+
const isEmpty = messages.length === 0 && !isLoading;
|
|
148
|
+
const lastMsg = messages.length > 0 ? messages[messages.length - 1] : null;
|
|
149
|
+
const showTypingIndicator = isLoading && !(isStreaming && lastMsg?.role === 'assistant');
|
|
150
|
+
const showError = Boolean(error) && !isLoading && lastError?.code !== 'CANCELED';
|
|
151
|
+
return (_jsxs("div", { className: ['tagIt-chat-conversation', className || ''].join(' ').trim(), children: [_jsxs("div", { className: "tagIt-chat-viewport", ref: messagesAreaRef, onScroll: handleScroll, role: "log", "aria-label": "Conversation", "aria-live": "polite", children: [isEmpty && (_jsxs("div", { className: "tagIt-chat-empty", children: [_jsx("div", { className: "tagIt-chat-empty-icon", "aria-hidden": "true", children: "Chat" }), _jsx("h2", { className: "tagIt-chat-empty-title", children: "How can I help?" }), _jsx("p", { className: "tagIt-chat-empty-subtitle", children: "Ask me anything to get started." })] })), messages.map((message, index) => {
|
|
152
|
+
const isLastMsg = index === messages.length - 1;
|
|
153
|
+
const isLastUserMsg = message.role === 'user' && isLastMsg;
|
|
154
|
+
return (_jsx("div", { ref: isLastUserMsg ? (el) => { lastUserMsgRef.current = el; } : undefined, className: "tagIt-chat-message", "data-role": message.role, children: _jsx("div", { className: "tagIt-chat-message-body", children: message.role === 'user' ? (_jsxs(_Fragment, { children: [_jsx("div", { className: "tagIt-chat-message-bubble", children: _jsx(ContentBlockRenderer, { role: message.role, content: message.content }) }), !isLoading && (_jsxs("div", { className: "tagIt-chat-message-actions", children: [_jsx(MessageCopyButton, { text: message.content }), _jsx("button", { type: "button", className: "tagIt-chat-message-action-btn", onClick: () => handleReEdit(message.id), "aria-label": "Edit this message", title: "Edit", children: _jsx(Pencil, { size: 16 }) })] }))] })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "tagIt-chat-assistant-content", children: _jsx(ContentBlockRenderer, { role: message.role, content: message.content, showStreamingCursor: isStreaming && isLastMsg }) }), message.toolCalls && message.toolCalls.length > 0 && (_jsx("div", { className: "tagIt-chat-tool-calls", children: message.toolCalls.map((tool, idx) => (_jsxs("div", { className: "tagIt-chat-tool-call", children: [_jsx("span", { className: "tagIt-chat-tool-name", children: tool.name }), tool.status && (_jsx("span", { className: `tagIt-chat-tool-status tagIt-chat-tool-status-${tool.status}`, children: tool.status }))] }, idx))) })), !isLoading && !isStreaming && (_jsxs("div", { className: "tagIt-chat-message-actions", children: [_jsx(MessageCopyButton, { text: message.content }), isLastMsg && (_jsx("button", { type: "button", className: "tagIt-chat-message-action-btn", onClick: handleRetry, "aria-label": "Regenerate response", title: "Regenerate", children: _jsx(RotateCcw, { size: 16 }) }))] }))] })) }) }, message.id));
|
|
155
|
+
}), showTypingIndicator && (_jsx("div", { className: "tagIt-chat-message", "data-role": "assistant", "aria-label": "Assistant is typing", children: _jsx("div", { className: "tagIt-chat-message-body", children: _jsxs("div", { className: "tagIt-chat-typing-indicator", "aria-hidden": "true", children: [_jsx("span", {}), _jsx("span", {}), _jsx("span", {})] }) }) })), showError && (_jsxs("div", { className: "tagIt-chat-error-row", role: "alert", children: [_jsx("span", { className: "tagIt-chat-error-text", children: "Something went wrong - please try again." }), _jsx("button", { type: "button", className: "tagIt-chat-error-retry", onClick: handleRetry, children: "Retry" })] })), messages.length > 0 && _jsx("div", { className: "tagIt-chat-viewport-slack", "aria-hidden": "true" }), _jsx("div", { ref: scrollEndRef })] }), _jsx("div", { className: "tagIt-chat-scroll-to-bottom-anchor", children: _jsx("div", { className: "tagIt-chat-scroll-to-bottom-wrap", "data-visible": !isAtBottom ? '' : undefined, "aria-hidden": isAtBottom, children: _jsx("button", { type: "button", className: "tagIt-chat-scroll-to-bottom", onClick: scrollToBottom, "aria-label": "Scroll to bottom", tabIndex: isAtBottom ? -1 : 0, children: "v" }) }) }), _jsx("form", { onSubmit: handleSubmit, className: "tagIt-chat-input-form", children: _jsxs("div", { className: "tagIt-chat-input-wrap", children: [_jsx("textarea", { ref: textareaRef, value: inputValue, onChange: handleInputChange, onKeyDown: handleKeyDown, placeholder: "Type your message...", disabled: isLoading, className: "tagIt-chat-input", rows: 3, autoFocus: true }), _jsx("div", { className: "tagIt-chat-input-actions", children: isLoading ? (_jsx("button", { type: "button", onClick: () => cancel(), className: "tagIt-chat-stop-button", "aria-label": "Stop generating", children: "Stop" })) : (_jsx("button", { type: "submit", disabled: !inputValue.trim(), className: "tagIt-chat-send-button", "aria-label": "Send message", children: "Send" })) })] }) })] }));
|
|
156
|
+
}
|
|
157
|
+
//# sourceMappingURL=chat-conversation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chat-conversation.js","sourceRoot":"","sources":["../src/chat-conversation.tsx"],"names":[],"mappings":"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"}
|
package/dist/chat-widget.d.ts
CHANGED
|
@@ -47,7 +47,7 @@ export type ChatWidgetProps = {
|
|
|
47
47
|
closeOnOutsideClick?: boolean;
|
|
48
48
|
onNewChat?: () => void;
|
|
49
49
|
className?: string;
|
|
50
|
-
children
|
|
50
|
+
children?: React.ReactNode;
|
|
51
51
|
};
|
|
52
52
|
export declare function ChatWidget({ mode, side, title, titleIconUrl, open, defaultOpen, onOpenChange, theme, colorScheme, colorSchemes, tabIcon, tabLabel, tabTooltipOpen, tabTooltipClose, tabIconUrl, tabHeightPercent, width, resizable, minWidthPx, maxWidthPx, onWidthChange, showBackdrop, closeOnOutsideClick, onNewChat, className, children, }: ChatWidgetProps): import("react/jsx-runtime").JSX.Element;
|
|
53
53
|
//# sourceMappingURL=chat-widget.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat-widget.d.ts","sourceRoot":"","sources":["../src/chat-widget.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"chat-widget.d.ts","sourceRoot":"","sources":["../src/chat-widget.tsx"],"names":[],"mappings":"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"}
|
package/dist/chat-widget.js
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { useEffect, useMemo, useRef, useState } from 'react';
|
|
3
3
|
import { SquareArrowOutUpRight, X } from 'lucide-react';
|
|
4
|
+
import { ChatConversation } from './chat-conversation.js';
|
|
5
|
+
import { useAIClient } from './provider.js';
|
|
4
6
|
function resolveTheme(theme) {
|
|
5
7
|
if (theme === 'light' || theme === 'dark') {
|
|
6
8
|
return theme;
|
|
@@ -15,6 +17,7 @@ export function ChatWidget({ mode = 'overlay', side = 'right', title = 'Ask TagI
|
|
|
15
17
|
const [internalWidth, setInternalWidth] = useState(typeof width === 'number' ? `${width}px` : String(width));
|
|
16
18
|
const [resolvedTheme, setResolvedTheme] = useState(() => resolveTheme(theme));
|
|
17
19
|
const panelRef = useRef(null);
|
|
20
|
+
const client = useAIClient();
|
|
18
21
|
const isControlled = typeof open === 'boolean';
|
|
19
22
|
const isOpen = isControlled ? Boolean(open) : internalOpen;
|
|
20
23
|
useEffect(() => {
|
|
@@ -129,6 +132,13 @@ export function ChatWidget({ mode = 'overlay', side = 'right', title = 'Ask TagI
|
|
|
129
132
|
'tagIt-chat-tab',
|
|
130
133
|
tabLabel?.trim() ? '' : 'tagIt-chat-tab-icon-only',
|
|
131
134
|
isOpen ? 'tagIt-chat-tab-open' : '',
|
|
132
|
-
].join(' ').trim(), "aria-expanded": isOpen, "aria-label": isOpen ? `Close ${accessibleLabel}` : `Open ${accessibleLabel}`, title: hoverTitle, onClick: () => setOpen(!isOpen), children: [_jsx("span", { className: "tagIt-chat-tab-icon", "aria-hidden": true, children: isOpen ? collapseIcon : tabIconUrl ? _jsx("img", { src: tabIconUrl, alt: "" }) : tabIcon || 'AI' }), tabLabel?.trim() ? _jsx("span", { className: "tagIt-chat-tab-label", children: tabLabel }) : null] }), _jsxs("aside", { ref: panelRef, className: `tagIt-chat-panel ${isOpen ? 'tagIt-chat-panel-open' : ''}`, children: [resizable ? (_jsx("button", { type: "button", className: "tagIt-chat-resize-handle", "aria-label": "Resize chat panel", onMouseDown: startResize })) : null, _jsxs("header", { className: "tagIt-chat-panel-header", children: [_jsxs("div", { className: "tagIt-chat-panel-title-wrap", children: [titleIconUrl?.trim() ? (_jsx("img", { src: titleIconUrl, alt: "", "aria-hidden": true, className: "tagIt-chat-panel-title-icon" })) : null, _jsx("h2", { children: title })] }), _jsxs("div", { className: "tagIt-chat-panel-header-actions", children: [
|
|
135
|
+
].join(' ').trim(), "aria-expanded": isOpen, "aria-label": isOpen ? `Close ${accessibleLabel}` : `Open ${accessibleLabel}`, title: hoverTitle, onClick: () => setOpen(!isOpen), children: [_jsx("span", { className: "tagIt-chat-tab-icon", "aria-hidden": true, children: isOpen ? collapseIcon : tabIconUrl ? _jsx("img", { src: tabIconUrl, alt: "" }) : tabIcon || 'AI' }), tabLabel?.trim() ? _jsx("span", { className: "tagIt-chat-tab-label", children: tabLabel }) : null] }), _jsxs("aside", { ref: panelRef, className: `tagIt-chat-panel ${isOpen ? 'tagIt-chat-panel-open' : ''}`, children: [resizable ? (_jsx("button", { type: "button", className: "tagIt-chat-resize-handle", "aria-label": "Resize chat panel", onMouseDown: startResize })) : null, _jsxs("header", { className: "tagIt-chat-panel-header", children: [_jsxs("div", { className: "tagIt-chat-panel-title-wrap", children: [titleIconUrl?.trim() ? (_jsx("img", { src: titleIconUrl, alt: "", "aria-hidden": true, className: "tagIt-chat-panel-title-icon" })) : null, _jsx("h2", { children: title })] }), _jsxs("div", { className: "tagIt-chat-panel-header-actions", children: [_jsx("button", { type: "button", className: "tagIt-chat-header-btn", "aria-label": "New chat", title: "New chat", onClick: () => {
|
|
136
|
+
if (onNewChat) {
|
|
137
|
+
onNewChat();
|
|
138
|
+
return;
|
|
139
|
+
}
|
|
140
|
+
client.cancel();
|
|
141
|
+
client.clearHistory();
|
|
142
|
+
}, children: _jsx(SquareArrowOutUpRight, { size: 22 }) }), _jsx("button", { type: "button", className: "tagIt-chat-close", "aria-label": "Close chat", onClick: () => setOpen(false), children: _jsx(X, { size: 22 }) })] })] }), _jsx("div", { className: "tagIt-chat-panel-body", children: children === undefined ? _jsx(ChatConversation, {}) : children })] })] }));
|
|
133
143
|
}
|
|
134
144
|
//# sourceMappingURL=chat-widget.js.map
|
package/dist/chat-widget.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chat-widget.js","sourceRoot":"","sources":["../src/chat-widget.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7D,OAAO,EAAE,qBAAqB,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"chat-widget.js","sourceRoot":"","sources":["../src/chat-widget.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.d.ts
CHANGED
|
@@ -7,25 +7,15 @@
|
|
|
7
7
|
* @example
|
|
8
8
|
* ```tsx
|
|
9
9
|
* import { AIClient, createDefaultConfig } from '@tagit/ai-client-core';
|
|
10
|
-
* import { AIClientProvider,
|
|
10
|
+
* import { AIClientProvider, ChatWidget } from '@tagit/ai-client-react';
|
|
11
11
|
*
|
|
12
12
|
* const config = createDefaultConfig('use-case-id', 'https://orchestrator.url');
|
|
13
13
|
* const client = new AIClient(config);
|
|
14
14
|
*
|
|
15
|
-
* function ChatApp() {
|
|
16
|
-
* const { messages, sendMessage, isLoading } = useConversation();
|
|
17
|
-
* return (
|
|
18
|
-
* <div>
|
|
19
|
-
* {messages.map(m => <div key={m.id}>{m.role}: {m.content}</div>)}
|
|
20
|
-
* <button onClick={() => sendMessage('Hello')}>Send</button>
|
|
21
|
-
* </div>
|
|
22
|
-
* );
|
|
23
|
-
* }
|
|
24
|
-
*
|
|
25
15
|
* export default function App() {
|
|
26
16
|
* return (
|
|
27
17
|
* <AIClientProvider client={client}>
|
|
28
|
-
* <
|
|
18
|
+
* <ChatWidget mode="overlay" side="right" title="tagIt Assistant" />
|
|
29
19
|
* </AIClientProvider>
|
|
30
20
|
* );
|
|
31
21
|
* }
|
|
@@ -33,4 +23,5 @@
|
|
|
33
23
|
*/
|
|
34
24
|
export { AIClientProvider, useAIClient, useConversation, useClientEvents, } from './provider.js';
|
|
35
25
|
export { ChatWidget, type ChatWidgetProps, type ChatWidgetMode, type ChatWidgetSide, type ChatWidgetTheme, type ChatColorScheme, } from './chat-widget.js';
|
|
26
|
+
export { ChatConversation, type ChatConversationProps, } from './chat-conversation.js';
|
|
36
27
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"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
CHANGED
|
@@ -7,25 +7,15 @@
|
|
|
7
7
|
* @example
|
|
8
8
|
* ```tsx
|
|
9
9
|
* import { AIClient, createDefaultConfig } from '@tagit/ai-client-core';
|
|
10
|
-
* import { AIClientProvider,
|
|
10
|
+
* import { AIClientProvider, ChatWidget } from '@tagit/ai-client-react';
|
|
11
11
|
*
|
|
12
12
|
* const config = createDefaultConfig('use-case-id', 'https://orchestrator.url');
|
|
13
13
|
* const client = new AIClient(config);
|
|
14
14
|
*
|
|
15
|
-
* function ChatApp() {
|
|
16
|
-
* const { messages, sendMessage, isLoading } = useConversation();
|
|
17
|
-
* return (
|
|
18
|
-
* <div>
|
|
19
|
-
* {messages.map(m => <div key={m.id}>{m.role}: {m.content}</div>)}
|
|
20
|
-
* <button onClick={() => sendMessage('Hello')}>Send</button>
|
|
21
|
-
* </div>
|
|
22
|
-
* );
|
|
23
|
-
* }
|
|
24
|
-
*
|
|
25
15
|
* export default function App() {
|
|
26
16
|
* return (
|
|
27
17
|
* <AIClientProvider client={client}>
|
|
28
|
-
* <
|
|
18
|
+
* <ChatWidget mode="overlay" side="right" title="tagIt Assistant" />
|
|
29
19
|
* </AIClientProvider>
|
|
30
20
|
* );
|
|
31
21
|
* }
|
|
@@ -33,4 +23,5 @@
|
|
|
33
23
|
*/
|
|
34
24
|
export { AIClientProvider, useAIClient, useConversation, useClientEvents, } from './provider.js';
|
|
35
25
|
export { ChatWidget, } from './chat-widget.js';
|
|
26
|
+
export { ChatConversation, } from './chat-conversation.js';
|
|
36
27
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface ChartRendererProps {
|
|
3
|
+
rawJson: string;
|
|
4
|
+
}
|
|
5
|
+
export declare const ChartRenderer: React.MemoExoticComponent<({ rawJson }: ChartRendererProps) => import("react/jsx-runtime").JSX.Element>;
|
|
6
|
+
export {};
|
|
7
|
+
//# sourceMappingURL=ChartRenderer.d.ts.map
|
|
@@ -0,0 +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,6CAwH5F,CAAC"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { Area, AreaChart, Bar, BarChart, CartesianGrid, Cell, Legend, Line, LineChart, Pie, PieChart, PolarAngleAxis, PolarGrid, PolarRadiusAxis, Radar, RadarChart, ResponsiveContainer, Tooltip, XAxis, YAxis, } from 'recharts';
|
|
4
|
+
const DEFAULT_COLORS = ['#1d4ed8', '#0ea5e9', '#14b8a6', '#22c55e', '#f59e0b', '#ef4444'];
|
|
5
|
+
function fallbackCode(markup) {
|
|
6
|
+
return (_jsx("pre", { className: "tagIt-chat-md-code-block", children: _jsx("code", { children: markup }) }));
|
|
7
|
+
}
|
|
8
|
+
function readPayload(raw) {
|
|
9
|
+
try {
|
|
10
|
+
const parsed = JSON.parse(raw);
|
|
11
|
+
if (!parsed || typeof parsed !== 'object') {
|
|
12
|
+
return null;
|
|
13
|
+
}
|
|
14
|
+
if (!parsed.type || !Array.isArray(parsed.data)) {
|
|
15
|
+
return null;
|
|
16
|
+
}
|
|
17
|
+
return parsed;
|
|
18
|
+
}
|
|
19
|
+
catch {
|
|
20
|
+
return null;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
function asNumber(value, fallback) {
|
|
24
|
+
if (typeof value === 'number' && Number.isFinite(value)) {
|
|
25
|
+
return value;
|
|
26
|
+
}
|
|
27
|
+
return fallback;
|
|
28
|
+
}
|
|
29
|
+
export const ChartRenderer = React.memo(function ChartRenderer({ rawJson }) {
|
|
30
|
+
const payload = readPayload(rawJson);
|
|
31
|
+
if (!payload) {
|
|
32
|
+
return fallbackCode(rawJson);
|
|
33
|
+
}
|
|
34
|
+
const chartHeight = Math.max(220, asNumber(payload.height, 280));
|
|
35
|
+
const data = payload.data;
|
|
36
|
+
const legendStyle = {
|
|
37
|
+
whiteSpace: 'normal',
|
|
38
|
+
wordBreak: 'break-word',
|
|
39
|
+
lineHeight: '1.5',
|
|
40
|
+
paddingTop: '4px',
|
|
41
|
+
};
|
|
42
|
+
const series = payload.series && payload.series.length > 0
|
|
43
|
+
? payload.series
|
|
44
|
+
: [{ dataKey: 'value', fill: DEFAULT_COLORS[0], stroke: DEFAULT_COLORS[0] }];
|
|
45
|
+
const xKey = payload.xKey || payload.nameKey || 'name';
|
|
46
|
+
const yKey = payload.yKey || series[0].dataKey;
|
|
47
|
+
const nameKey = payload.nameKey || xKey;
|
|
48
|
+
const valueKey = payload.valueKey || yKey;
|
|
49
|
+
const colors = payload.colors && payload.colors.length > 0 ? payload.colors : DEFAULT_COLORS;
|
|
50
|
+
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] }) }));
|
|
51
|
+
});
|
|
52
|
+
//# sourceMappingURL=ChartRenderer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChartRenderer.js","sourceRoot":"","sources":["../../src/renderers/ChartRenderer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { MessageRole } from '@tagit/ai-client-core';
|
|
3
|
+
interface ContentBlockRendererProps {
|
|
4
|
+
role: MessageRole;
|
|
5
|
+
content: string;
|
|
6
|
+
showStreamingCursor?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare const ContentBlockRenderer: React.MemoExoticComponent<({ role, content, showStreamingCursor, }: ContentBlockRendererProps) => import("react/jsx-runtime").JSX.Element>;
|
|
9
|
+
export {};
|
|
10
|
+
//# sourceMappingURL=ContentBlockRenderer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { MarkdownRenderer } from './MarkdownRenderer.js';
|
|
4
|
+
export const ContentBlockRenderer = React.memo(function ContentBlockRenderer({ role, content, showStreamingCursor = false, }) {
|
|
5
|
+
if (role === 'user') {
|
|
6
|
+
return _jsx(_Fragment, { children: content });
|
|
7
|
+
}
|
|
8
|
+
if (showStreamingCursor) {
|
|
9
|
+
return (_jsxs("div", { className: "tagIt-chat-md-root tagIt-chat-md-streaming", children: [content, _jsx("span", { className: "tagIt-chat-streaming-cursor", "aria-hidden": "true" })] }));
|
|
10
|
+
}
|
|
11
|
+
return _jsx(MarkdownRenderer, { markdown: content, showStreamingCursor: showStreamingCursor });
|
|
12
|
+
});
|
|
13
|
+
//# sourceMappingURL=ContentBlockRenderer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import 'highlight.js/styles/github-dark.css';
|
|
2
|
+
interface MarkdownRendererProps {
|
|
3
|
+
markdown: string;
|
|
4
|
+
showStreamingCursor?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare function MarkdownRenderer({ markdown, showStreamingCursor }: MarkdownRendererProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=MarkdownRenderer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
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"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useRef, useState } from 'react';
|
|
3
|
+
import { Check, Copy } from 'lucide-react';
|
|
4
|
+
import ReactMarkdown from 'react-markdown';
|
|
5
|
+
import remarkGfm from 'remark-gfm';
|
|
6
|
+
import rehypeHighlight from 'rehype-highlight';
|
|
7
|
+
import { ChartRenderer } from './ChartRenderer.js';
|
|
8
|
+
import 'highlight.js/styles/github-dark.css';
|
|
9
|
+
function extractText(children) {
|
|
10
|
+
if (typeof children === 'string') {
|
|
11
|
+
return children;
|
|
12
|
+
}
|
|
13
|
+
if (Array.isArray(children)) {
|
|
14
|
+
return children.map(extractText).join('');
|
|
15
|
+
}
|
|
16
|
+
if (children && typeof children === 'object' && 'props' in children) {
|
|
17
|
+
const childNode = children.props?.children;
|
|
18
|
+
return extractText(childNode);
|
|
19
|
+
}
|
|
20
|
+
return '';
|
|
21
|
+
}
|
|
22
|
+
function CodeBlock({ className, children }) {
|
|
23
|
+
const [copied, setCopied] = useState(false);
|
|
24
|
+
const timerRef = useRef(null);
|
|
25
|
+
const text = extractText(children).replace(/\n$/, '');
|
|
26
|
+
function handleCopy() {
|
|
27
|
+
navigator.clipboard.writeText(text).then(() => {
|
|
28
|
+
setCopied(true);
|
|
29
|
+
if (timerRef.current)
|
|
30
|
+
clearTimeout(timerRef.current);
|
|
31
|
+
timerRef.current = setTimeout(() => setCopied(false), 1500);
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
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
|
+
}
|
|
36
|
+
export function MarkdownRenderer({ markdown, showStreamingCursor = false }) {
|
|
37
|
+
const components = {
|
|
38
|
+
code({ className, children, ...props }) {
|
|
39
|
+
const text = extractText(children).replace(/\n$/, '');
|
|
40
|
+
const match = /language-(\w+)/.exec(className || '');
|
|
41
|
+
const language = match?.[1];
|
|
42
|
+
if (language === 'chart') {
|
|
43
|
+
return _jsx(ChartRenderer, { rawJson: text });
|
|
44
|
+
}
|
|
45
|
+
const inline = !(className && className.includes('language-'));
|
|
46
|
+
if (inline) {
|
|
47
|
+
return (_jsx("code", { className: "tagIt-chat-md-inline-code", ...props, children: children }));
|
|
48
|
+
}
|
|
49
|
+
return _jsx(CodeBlock, { className: className, children: children });
|
|
50
|
+
},
|
|
51
|
+
a({ href, children, ...props }) {
|
|
52
|
+
return (_jsx("a", { href: href, target: "_blank", rel: "noopener noreferrer", ...props, children: children }));
|
|
53
|
+
},
|
|
54
|
+
};
|
|
55
|
+
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] }));
|
|
56
|
+
}
|
|
57
|
+
//# sourceMappingURL=MarkdownRenderer.js.map
|
|
@@ -0,0 +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;AAChD,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,aAAkC,MAAM,gBAAgB,CAAC;AAChE,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,eAAe,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,qCAAqC,CAAC;AAO7C,SAAS,WAAW,CAAC,QAAyB;IAC5C,IAAI,OAAO,QAAQ,KAAK,QAAQ,EAAE,CAAC;QACjC,OAAO,QAAQ,CAAC;IAClB,CAAC;IACD,IAAI,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC5B,OAAO,QAAQ,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IAC5C,CAAC;IACD,IAAI,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,OAAO,IAAI,QAAQ,EAAE,CAAC;QACpE,MAAM,SAAS,GAAI,QAAuD,CAAC,KAAK,EAAE,QAAQ,CAAC;QAC3F,OAAO,WAAW,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;IACD,OAAO,EAAE,CAAC;AACZ,CAAC;AAED,SAAS,SAAS,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAqD;IAC3F,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,QAAQ,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IACpE,MAAM,IAAI,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAEtD,SAAS,UAAU;QACjB,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;YAC5C,SAAS,CAAC,IAAI,CAAC,CAAC;YAChB,IAAI,QAAQ,CAAC,OAAO;gBAAE,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;YACrD,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC,CAAC;QAC9D,CAAC,CAAC,CAAC;IACL,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,0BAA0B,aACvC,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,wBAAwB,EAClC,OAAO,EAAE,UAAU,gBACP,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,iBAC9B,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,YAEnC,MAAM,CAAC,CAAC,CAAC,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,GAC3C,EACT,eAAM,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAQ,IACzC,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAAE,QAAQ,EAAE,mBAAmB,GAAG,KAAK,EAAyB;IAC/F,MAAM,UAAU,GAAe;QAC7B,IAAI,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE;YACpC,MAAM,IAAI,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YACtD,MAAM,KAAK,GAAG,gBAAgB,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC;YACrD,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAC,CAAC,CAAC,CAAC;YAE5B,IAAI,QAAQ,KAAK,OAAO,EAAE,CAAC;gBACzB,OAAO,KAAC,aAAa,IAAC,OAAO,EAAE,IAAI,GAAI,CAAC;YAC1C,CAAC;YAED,MAAM,MAAM,GAAG,CAAC,CAAC,SAAS,IAAI,SAAS,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC;YAC/D,IAAI,MAAM,EAAE,CAAC;gBACX,OAAO,CACL,eAAM,SAAS,EAAC,2BAA2B,KAAK,KAAK,YAClD,QAAQ,GACJ,CACR,CAAC;YACJ,CAAC;YAED,OAAO,KAAC,SAAS,IAAC,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAa,CAAC;QACjE,CAAC;QACD,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE;YAC5B,OAAO,CACL,YAAG,IAAI,EAAE,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,KAAK,KAAK,YAC/D,QAAQ,GACP,CACL,CAAC;QACJ,CAAC;KACF,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,oBAAoB,aACjC,KAAC,aAAa,IACZ,aAAa,EAAE,CAAC,SAAS,CAAC,EAC1B,aAAa,EAAE,CAAC,eAAe,CAAC,EAChC,UAAU,EAAE,UAAU,YAErB,QAAQ,GACK,EAEf,mBAAmB,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,6BAA6B,iBAAa,MAAM,GAAG,CAAC,CAAC,CAAC,IAAI,IAC7F,CACP,CAAC;AACJ,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tagit/ai-client-react",
|
|
3
|
-
"version": "0.
|
|
4
|
-
"description": "React
|
|
3
|
+
"version": "0.2.0-beta.1",
|
|
4
|
+
"description": "Self-contained React chat widget and hooks for TagIt AI client",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
7
7
|
"types": "./dist/index.d.ts",
|
|
@@ -29,11 +29,20 @@
|
|
|
29
29
|
"./provider": {
|
|
30
30
|
"types": "./dist/provider.d.ts",
|
|
31
31
|
"default": "./dist/provider.js"
|
|
32
|
+
},
|
|
33
|
+
"./conversation": {
|
|
34
|
+
"types": "./dist/chat-conversation.d.ts",
|
|
35
|
+
"default": "./dist/chat-conversation.js"
|
|
32
36
|
}
|
|
33
37
|
},
|
|
34
38
|
"dependencies": {
|
|
39
|
+
"highlight.js": "^11.11.1",
|
|
35
40
|
"lucide-react": "^1.7.0",
|
|
36
|
-
"
|
|
41
|
+
"react-markdown": "^10.1.0",
|
|
42
|
+
"recharts": "^3.8.1",
|
|
43
|
+
"rehype-highlight": "^7.0.2",
|
|
44
|
+
"remark-gfm": "^4.0.1",
|
|
45
|
+
"@tagit/ai-client-core": "0.2.0-beta.1"
|
|
37
46
|
},
|
|
38
47
|
"peerDependencies": {
|
|
39
48
|
"react": "^18.0.0",
|
package/src/chat-widget.css
CHANGED
|
@@ -264,6 +264,8 @@
|
|
|
264
264
|
min-height: 0;
|
|
265
265
|
overflow: hidden;
|
|
266
266
|
background: var(--tagIt-chat-panel-body-bg);
|
|
267
|
+
display: flex;
|
|
268
|
+
flex-direction: column;
|
|
267
269
|
}
|
|
268
270
|
|
|
269
271
|
.tagIt-chat-theme-dark {
|
|
@@ -273,7 +275,7 @@
|
|
|
273
275
|
--tagIt-chat-muted: #9aa8c0;
|
|
274
276
|
--tagIt-chat-border: #22324f;
|
|
275
277
|
--tagIt-chat-primary: #60a5fa;
|
|
276
|
-
--tagIt-chat-primary-contrast: #
|
|
278
|
+
--tagIt-chat-primary-contrast: #ffffff;
|
|
277
279
|
--tagIt-chat-tab-bg: #1d4ed8;
|
|
278
280
|
--tagIt-chat-tab-text: #eaf2ff;
|
|
279
281
|
--tagIt-chat-panel-header-bg: #111b30;
|
|
@@ -282,7 +284,7 @@
|
|
|
282
284
|
--tagIt-chat-panel-footer-prompt-bg: #0f172a;
|
|
283
285
|
--tagIt-chat-panel-footer-send-bg: #60a5fa;
|
|
284
286
|
--tagIt-chat-panel-footer-send-text: #081225;
|
|
285
|
-
--tagIt-chat-user-bubble-bg: #
|
|
287
|
+
--tagIt-chat-user-bubble-bg: #2563eb;
|
|
286
288
|
--tagIt-chat-assistant-bubble-bg: #1e293b;
|
|
287
289
|
--tagIt-chat-scrim: rgba(3, 8, 18, 0.62);
|
|
288
290
|
}
|
|
@@ -390,3 +392,593 @@
|
|
|
390
392
|
display: none;
|
|
391
393
|
}
|
|
392
394
|
}
|
|
395
|
+
|
|
396
|
+
/* =============================================================
|
|
397
|
+
Self-contained conversation surface
|
|
398
|
+
============================================================= */
|
|
399
|
+
|
|
400
|
+
.tagIt-chat-conversation {
|
|
401
|
+
display: flex;
|
|
402
|
+
flex-direction: column;
|
|
403
|
+
height: 100%;
|
|
404
|
+
max-width: 100%;
|
|
405
|
+
background: var(--tagIt-chat-panel-body-bg, transparent);
|
|
406
|
+
position: relative;
|
|
407
|
+
min-height: 0;
|
|
408
|
+
}
|
|
409
|
+
|
|
410
|
+
.tagIt-chat-viewport {
|
|
411
|
+
flex: 1;
|
|
412
|
+
overflow-y: auto;
|
|
413
|
+
padding: 16px;
|
|
414
|
+
display: flex;
|
|
415
|
+
flex-direction: column;
|
|
416
|
+
gap: 16px;
|
|
417
|
+
-webkit-overflow-scrolling: touch;
|
|
418
|
+
}
|
|
419
|
+
|
|
420
|
+
.tagIt-chat-viewport::-webkit-scrollbar {
|
|
421
|
+
width: 8px;
|
|
422
|
+
}
|
|
423
|
+
|
|
424
|
+
.tagIt-chat-viewport::-webkit-scrollbar-track {
|
|
425
|
+
background: color-mix(in srgb, var(--tagIt-chat-border) 30%, transparent);
|
|
426
|
+
}
|
|
427
|
+
|
|
428
|
+
.tagIt-chat-viewport::-webkit-scrollbar-thumb {
|
|
429
|
+
background: color-mix(in srgb, var(--tagIt-chat-border) 80%, var(--tagIt-chat-text));
|
|
430
|
+
border-radius: 999px;
|
|
431
|
+
}
|
|
432
|
+
|
|
433
|
+
.tagIt-chat-viewport::-webkit-scrollbar-thumb:hover {
|
|
434
|
+
background: color-mix(in srgb, var(--tagIt-chat-border) 60%, var(--tagIt-chat-text));
|
|
435
|
+
}
|
|
436
|
+
|
|
437
|
+
.tagIt-chat-empty {
|
|
438
|
+
display: flex;
|
|
439
|
+
flex-direction: column;
|
|
440
|
+
align-items: center;
|
|
441
|
+
justify-content: center;
|
|
442
|
+
flex: 1;
|
|
443
|
+
min-height: 60%;
|
|
444
|
+
text-align: center;
|
|
445
|
+
padding: 24px;
|
|
446
|
+
}
|
|
447
|
+
|
|
448
|
+
.tagIt-chat-empty-icon {
|
|
449
|
+
font-size: 40px;
|
|
450
|
+
margin-bottom: 12px;
|
|
451
|
+
line-height: 1;
|
|
452
|
+
}
|
|
453
|
+
|
|
454
|
+
.tagIt-chat-empty-title {
|
|
455
|
+
font-size: 18px;
|
|
456
|
+
font-weight: 600;
|
|
457
|
+
margin: 0 0 6px;
|
|
458
|
+
color: var(--tagIt-chat-text);
|
|
459
|
+
}
|
|
460
|
+
|
|
461
|
+
.tagIt-chat-empty-subtitle {
|
|
462
|
+
font-size: 14px;
|
|
463
|
+
margin: 0;
|
|
464
|
+
color: var(--tagIt-chat-muted);
|
|
465
|
+
}
|
|
466
|
+
|
|
467
|
+
.tagIt-chat-message {
|
|
468
|
+
display: flex;
|
|
469
|
+
flex-direction: column;
|
|
470
|
+
width: 100%;
|
|
471
|
+
}
|
|
472
|
+
|
|
473
|
+
.tagIt-chat-message[data-role="user"] .tagIt-chat-message-body {
|
|
474
|
+
display: flex;
|
|
475
|
+
justify-content: flex-end;
|
|
476
|
+
}
|
|
477
|
+
|
|
478
|
+
.tagIt-chat-message[data-role="user"] .tagIt-chat-message-bubble {
|
|
479
|
+
max-width: 80%;
|
|
480
|
+
background: var(--tagIt-chat-user-bubble-bg);
|
|
481
|
+
color: var(--tagIt-chat-primary-contrast);
|
|
482
|
+
border-radius: 18px 18px 4px 18px;
|
|
483
|
+
padding: 8px 14px;
|
|
484
|
+
font-size: 14px;
|
|
485
|
+
line-height: 1.5;
|
|
486
|
+
word-break: break-word;
|
|
487
|
+
white-space: pre-wrap;
|
|
488
|
+
}
|
|
489
|
+
|
|
490
|
+
.tagIt-chat-message[data-role="assistant"] .tagIt-chat-message-body {
|
|
491
|
+
width: 100%;
|
|
492
|
+
}
|
|
493
|
+
|
|
494
|
+
.tagIt-chat-assistant-content {
|
|
495
|
+
font-size: 14px;
|
|
496
|
+
line-height: 1.6;
|
|
497
|
+
white-space: pre-wrap;
|
|
498
|
+
word-break: break-word;
|
|
499
|
+
color: var(--tagIt-chat-text);
|
|
500
|
+
}
|
|
501
|
+
|
|
502
|
+
.tagIt-chat-md-root {
|
|
503
|
+
color: var(--tagIt-chat-text);
|
|
504
|
+
}
|
|
505
|
+
|
|
506
|
+
.tagIt-chat-md-streaming {
|
|
507
|
+
white-space: pre-wrap;
|
|
508
|
+
word-break: break-word;
|
|
509
|
+
line-height: 1.65;
|
|
510
|
+
}
|
|
511
|
+
|
|
512
|
+
.tagIt-chat-md-root > *:first-child {
|
|
513
|
+
margin-top: 0;
|
|
514
|
+
}
|
|
515
|
+
|
|
516
|
+
.tagIt-chat-md-root > *:last-child {
|
|
517
|
+
margin-bottom: 0;
|
|
518
|
+
}
|
|
519
|
+
|
|
520
|
+
.tagIt-chat-md-root p {
|
|
521
|
+
margin: 0 0 3px;
|
|
522
|
+
line-height: 1.5;
|
|
523
|
+
}
|
|
524
|
+
|
|
525
|
+
.tagIt-chat-md-root h1,
|
|
526
|
+
.tagIt-chat-md-root h2,
|
|
527
|
+
.tagIt-chat-md-root h3,
|
|
528
|
+
.tagIt-chat-md-root h4 {
|
|
529
|
+
margin: 6px 0 2px;
|
|
530
|
+
line-height: 1.2;
|
|
531
|
+
color: var(--tagIt-chat-text);
|
|
532
|
+
}
|
|
533
|
+
|
|
534
|
+
.tagIt-chat-md-root h1 { font-size: 1.25rem; }
|
|
535
|
+
.tagIt-chat-md-root h2 { font-size: 1.15rem; }
|
|
536
|
+
.tagIt-chat-md-root h3 { font-size: 1.05rem; }
|
|
537
|
+
.tagIt-chat-md-root h4 { font-size: 1rem; }
|
|
538
|
+
|
|
539
|
+
.tagIt-chat-md-root ul,
|
|
540
|
+
.tagIt-chat-md-root ol {
|
|
541
|
+
margin: 0 0 3px 16px;
|
|
542
|
+
padding: 0;
|
|
543
|
+
}
|
|
544
|
+
|
|
545
|
+
.tagIt-chat-md-root li {
|
|
546
|
+
margin-bottom: 1px;
|
|
547
|
+
}
|
|
548
|
+
|
|
549
|
+
.tagIt-chat-md-root li > p {
|
|
550
|
+
margin: 0;
|
|
551
|
+
}
|
|
552
|
+
|
|
553
|
+
.tagIt-chat-md-root h1 + *,
|
|
554
|
+
.tagIt-chat-md-root h2 + *,
|
|
555
|
+
.tagIt-chat-md-root h3 + *,
|
|
556
|
+
.tagIt-chat-md-root h4 + * {
|
|
557
|
+
margin-top: 0;
|
|
558
|
+
}
|
|
559
|
+
|
|
560
|
+
.tagIt-chat-md-root blockquote {
|
|
561
|
+
margin: 4px 0;
|
|
562
|
+
padding: 4px 10px;
|
|
563
|
+
border-left: 3px solid color-mix(in srgb, var(--tagIt-chat-primary) 50%, transparent);
|
|
564
|
+
background: color-mix(in srgb, var(--tagIt-chat-border) 30%, transparent);
|
|
565
|
+
border-radius: 8px;
|
|
566
|
+
}
|
|
567
|
+
|
|
568
|
+
.tagIt-chat-md-root table {
|
|
569
|
+
width: 100%;
|
|
570
|
+
border-collapse: collapse;
|
|
571
|
+
margin: 4px 0;
|
|
572
|
+
font-size: 13px;
|
|
573
|
+
}
|
|
574
|
+
|
|
575
|
+
.tagIt-chat-md-root th,
|
|
576
|
+
.tagIt-chat-md-root td {
|
|
577
|
+
border: 1px solid color-mix(in srgb, var(--tagIt-chat-border) 75%, transparent);
|
|
578
|
+
padding: 4px 8px;
|
|
579
|
+
text-align: left;
|
|
580
|
+
}
|
|
581
|
+
|
|
582
|
+
.tagIt-chat-md-root th {
|
|
583
|
+
background: color-mix(in srgb, var(--tagIt-chat-border) 35%, transparent);
|
|
584
|
+
}
|
|
585
|
+
|
|
586
|
+
.tagIt-chat-md-root a {
|
|
587
|
+
color: var(--tagIt-chat-primary);
|
|
588
|
+
text-decoration: underline;
|
|
589
|
+
text-underline-offset: 2px;
|
|
590
|
+
}
|
|
591
|
+
|
|
592
|
+
.tagIt-chat-md-inline-code {
|
|
593
|
+
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
|
|
594
|
+
font-size: 0.9em;
|
|
595
|
+
padding: 1px 5px;
|
|
596
|
+
border-radius: 6px;
|
|
597
|
+
background: color-mix(in srgb, var(--tagIt-chat-border) 40%, transparent);
|
|
598
|
+
}
|
|
599
|
+
|
|
600
|
+
.tagIt-chat-md-code-block {
|
|
601
|
+
position: relative;
|
|
602
|
+
margin: 6px 0;
|
|
603
|
+
padding: 8px 12px;
|
|
604
|
+
border-radius: 10px;
|
|
605
|
+
background: color-mix(in srgb, var(--tagIt-chat-border) 30%, transparent);
|
|
606
|
+
overflow-x: auto;
|
|
607
|
+
}
|
|
608
|
+
|
|
609
|
+
.tagIt-chat-md-code-block .hljs {
|
|
610
|
+
background: transparent;
|
|
611
|
+
color: var(--tagIt-chat-text);
|
|
612
|
+
padding: 0;
|
|
613
|
+
}
|
|
614
|
+
|
|
615
|
+
.tagIt-chat-md-copy-btn {
|
|
616
|
+
position: absolute;
|
|
617
|
+
top: 6px;
|
|
618
|
+
right: 8px;
|
|
619
|
+
display: flex;
|
|
620
|
+
align-items: center;
|
|
621
|
+
justify-content: center;
|
|
622
|
+
width: 26px;
|
|
623
|
+
height: 26px;
|
|
624
|
+
padding: 0;
|
|
625
|
+
border-radius: 6px;
|
|
626
|
+
border: 1px solid color-mix(in srgb, var(--tagIt-chat-border) 80%, transparent);
|
|
627
|
+
background: color-mix(in srgb, var(--tagIt-chat-border) 40%, transparent);
|
|
628
|
+
color: var(--tagIt-chat-text);
|
|
629
|
+
cursor: pointer;
|
|
630
|
+
opacity: 0;
|
|
631
|
+
transition: opacity 0.15s, background 0.15s;
|
|
632
|
+
}
|
|
633
|
+
|
|
634
|
+
.tagIt-chat-md-code-block:hover .tagIt-chat-md-copy-btn,
|
|
635
|
+
.tagIt-chat-md-copy-btn:focus-visible {
|
|
636
|
+
opacity: 1;
|
|
637
|
+
}
|
|
638
|
+
|
|
639
|
+
.tagIt-chat-md-copy-btn[data-copied] {
|
|
640
|
+
opacity: 1;
|
|
641
|
+
color: #22c55e;
|
|
642
|
+
}
|
|
643
|
+
|
|
644
|
+
.tagIt-chat-md-code-block code {
|
|
645
|
+
font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
|
|
646
|
+
font-size: 12px;
|
|
647
|
+
}
|
|
648
|
+
|
|
649
|
+
.tagIt-chat-chart-wrap {
|
|
650
|
+
margin: 12px 0;
|
|
651
|
+
padding: 10px;
|
|
652
|
+
border-radius: 10px;
|
|
653
|
+
border: 1px solid color-mix(in srgb, var(--tagIt-chat-border) 70%, transparent);
|
|
654
|
+
background: color-mix(in srgb, var(--tagIt-chat-bg) 70%, var(--tagIt-chat-border));
|
|
655
|
+
min-width: 0;
|
|
656
|
+
overflow: hidden;
|
|
657
|
+
}
|
|
658
|
+
|
|
659
|
+
.tagIt-chat-chart-wrap :where(.recharts-wrapper) {
|
|
660
|
+
font-size: 12px;
|
|
661
|
+
}
|
|
662
|
+
|
|
663
|
+
.tagIt-chat-chart-wrap :where(.recharts-legend-wrapper) {
|
|
664
|
+
white-space: normal !important;
|
|
665
|
+
word-break: break-word;
|
|
666
|
+
}
|
|
667
|
+
|
|
668
|
+
.tagIt-chat-chart-wrap :where(.recharts-legend-item-text) {
|
|
669
|
+
white-space: normal !important;
|
|
670
|
+
}
|
|
671
|
+
|
|
672
|
+
@keyframes tagItChatBlinkCursor {
|
|
673
|
+
0%, 100% { opacity: 1; transform: scale(1); }
|
|
674
|
+
50% { opacity: 0.2; transform: scale(0.8); }
|
|
675
|
+
}
|
|
676
|
+
|
|
677
|
+
.tagIt-chat-streaming-cursor {
|
|
678
|
+
display: inline-block;
|
|
679
|
+
width: 7px;
|
|
680
|
+
height: 7px;
|
|
681
|
+
border-radius: 50%;
|
|
682
|
+
background-color: var(--tagIt-chat-primary);
|
|
683
|
+
margin-left: 4px;
|
|
684
|
+
vertical-align: middle;
|
|
685
|
+
animation: tagItChatBlinkCursor 1s ease-in-out infinite;
|
|
686
|
+
}
|
|
687
|
+
|
|
688
|
+
.tagIt-chat-tool-calls {
|
|
689
|
+
margin-top: 10px;
|
|
690
|
+
padding-top: 8px;
|
|
691
|
+
border-top: 1px solid color-mix(in srgb, var(--tagIt-chat-border) 75%, transparent);
|
|
692
|
+
display: flex;
|
|
693
|
+
flex-direction: column;
|
|
694
|
+
gap: 4px;
|
|
695
|
+
}
|
|
696
|
+
|
|
697
|
+
.tagIt-chat-tool-call {
|
|
698
|
+
display: flex;
|
|
699
|
+
align-items: center;
|
|
700
|
+
gap: 8px;
|
|
701
|
+
font-size: 12px;
|
|
702
|
+
padding: 4px 8px;
|
|
703
|
+
background: color-mix(in srgb, var(--tagIt-chat-border) 35%, transparent);
|
|
704
|
+
border-radius: 4px;
|
|
705
|
+
}
|
|
706
|
+
|
|
707
|
+
.tagIt-chat-tool-name {
|
|
708
|
+
font-weight: 600;
|
|
709
|
+
font-family: monospace;
|
|
710
|
+
color: var(--tagIt-chat-text);
|
|
711
|
+
}
|
|
712
|
+
|
|
713
|
+
.tagIt-chat-tool-status {
|
|
714
|
+
font-size: 10px;
|
|
715
|
+
padding: 2px 6px;
|
|
716
|
+
border-radius: 3px;
|
|
717
|
+
text-transform: uppercase;
|
|
718
|
+
font-weight: 500;
|
|
719
|
+
}
|
|
720
|
+
|
|
721
|
+
.tagIt-chat-tool-status-pending {
|
|
722
|
+
background: #ffd700;
|
|
723
|
+
color: #333;
|
|
724
|
+
}
|
|
725
|
+
|
|
726
|
+
.tagIt-chat-tool-status-success {
|
|
727
|
+
background: #90ee90;
|
|
728
|
+
color: #333;
|
|
729
|
+
}
|
|
730
|
+
|
|
731
|
+
.tagIt-chat-tool-status-error {
|
|
732
|
+
background: #ff6b6b;
|
|
733
|
+
color: white;
|
|
734
|
+
}
|
|
735
|
+
|
|
736
|
+
.tagIt-chat-typing-indicator {
|
|
737
|
+
display: flex;
|
|
738
|
+
gap: 5px;
|
|
739
|
+
align-items: center;
|
|
740
|
+
padding: 4px 0;
|
|
741
|
+
}
|
|
742
|
+
|
|
743
|
+
.tagIt-chat-typing-indicator span {
|
|
744
|
+
display: inline-block;
|
|
745
|
+
width: 8px;
|
|
746
|
+
height: 8px;
|
|
747
|
+
border-radius: 50%;
|
|
748
|
+
background: var(--tagIt-chat-muted);
|
|
749
|
+
animation: tagItChatTypingBounce 1.4s infinite ease-in-out;
|
|
750
|
+
}
|
|
751
|
+
|
|
752
|
+
.tagIt-chat-typing-indicator span:nth-child(2) { animation-delay: 0.2s; }
|
|
753
|
+
.tagIt-chat-typing-indicator span:nth-child(3) { animation-delay: 0.4s; }
|
|
754
|
+
|
|
755
|
+
@keyframes tagItChatTypingBounce {
|
|
756
|
+
0%,
|
|
757
|
+
60%,
|
|
758
|
+
100% {
|
|
759
|
+
transform: translateY(0);
|
|
760
|
+
opacity: 0.4;
|
|
761
|
+
}
|
|
762
|
+
30% {
|
|
763
|
+
transform: translateY(-8px);
|
|
764
|
+
opacity: 1;
|
|
765
|
+
}
|
|
766
|
+
}
|
|
767
|
+
|
|
768
|
+
.tagIt-chat-error-row {
|
|
769
|
+
display: flex;
|
|
770
|
+
align-items: center;
|
|
771
|
+
gap: 10px;
|
|
772
|
+
padding: 10px 12px;
|
|
773
|
+
background: color-mix(in srgb, #ef4444 10%, transparent);
|
|
774
|
+
border: 1px solid color-mix(in srgb, #ef4444 30%, transparent);
|
|
775
|
+
border-radius: 8px;
|
|
776
|
+
font-size: 13px;
|
|
777
|
+
}
|
|
778
|
+
|
|
779
|
+
.tagIt-chat-error-text {
|
|
780
|
+
flex: 1;
|
|
781
|
+
color: color-mix(in srgb, #ef4444 85%, var(--tagIt-chat-text));
|
|
782
|
+
}
|
|
783
|
+
|
|
784
|
+
.tagIt-chat-error-retry {
|
|
785
|
+
flex-shrink: 0;
|
|
786
|
+
padding: 4px 12px;
|
|
787
|
+
border-radius: 6px;
|
|
788
|
+
font-size: 12px;
|
|
789
|
+
font-weight: 500;
|
|
790
|
+
background: transparent;
|
|
791
|
+
border: 1px solid color-mix(in srgb, #ef4444 50%, transparent);
|
|
792
|
+
color: color-mix(in srgb, #ef4444 85%, var(--tagIt-chat-text));
|
|
793
|
+
cursor: pointer;
|
|
794
|
+
transition: background 0.15s;
|
|
795
|
+
}
|
|
796
|
+
|
|
797
|
+
.tagIt-chat-error-retry:hover {
|
|
798
|
+
background: color-mix(in srgb, #ef4444 15%, transparent);
|
|
799
|
+
}
|
|
800
|
+
|
|
801
|
+
.tagIt-chat-viewport-slack {
|
|
802
|
+
flex-shrink: 0;
|
|
803
|
+
min-height: 40%;
|
|
804
|
+
}
|
|
805
|
+
|
|
806
|
+
.tagIt-chat-scroll-to-bottom-anchor {
|
|
807
|
+
position: relative;
|
|
808
|
+
height: 0;
|
|
809
|
+
flex-shrink: 0;
|
|
810
|
+
}
|
|
811
|
+
|
|
812
|
+
.tagIt-chat-scroll-to-bottom-wrap {
|
|
813
|
+
position: absolute;
|
|
814
|
+
bottom: 12px;
|
|
815
|
+
left: 50%;
|
|
816
|
+
transform: translateX(-50%);
|
|
817
|
+
z-index: 10;
|
|
818
|
+
opacity: 0;
|
|
819
|
+
pointer-events: none;
|
|
820
|
+
transition: opacity 0.2s ease;
|
|
821
|
+
}
|
|
822
|
+
|
|
823
|
+
.tagIt-chat-scroll-to-bottom-wrap[data-visible] {
|
|
824
|
+
opacity: 1;
|
|
825
|
+
pointer-events: auto;
|
|
826
|
+
}
|
|
827
|
+
|
|
828
|
+
.tagIt-chat-scroll-to-bottom {
|
|
829
|
+
display: flex;
|
|
830
|
+
align-items: center;
|
|
831
|
+
justify-content: center;
|
|
832
|
+
width: 36px;
|
|
833
|
+
height: 36px;
|
|
834
|
+
border-radius: 50%;
|
|
835
|
+
background: var(--tagIt-chat-bg, white);
|
|
836
|
+
color: var(--tagIt-chat-text);
|
|
837
|
+
border: 1px solid var(--tagIt-chat-border);
|
|
838
|
+
font-size: 16px;
|
|
839
|
+
cursor: pointer;
|
|
840
|
+
box-shadow: 0 2px 8px color-mix(in srgb, var(--tagIt-chat-text) 20%, transparent);
|
|
841
|
+
transition: transform 0.15s ease, box-shadow 0.15s ease;
|
|
842
|
+
}
|
|
843
|
+
|
|
844
|
+
.tagIt-chat-scroll-to-bottom:hover {
|
|
845
|
+
transform: translateY(-1px);
|
|
846
|
+
box-shadow: 0 4px 12px color-mix(in srgb, var(--tagIt-chat-text) 25%, transparent);
|
|
847
|
+
}
|
|
848
|
+
|
|
849
|
+
.tagIt-chat-input-form {
|
|
850
|
+
padding: 10px 12px;
|
|
851
|
+
border-top: 1px solid var(--tagIt-chat-border);
|
|
852
|
+
background: var(--tagIt-chat-panel-footer-bg);
|
|
853
|
+
flex-shrink: 0;
|
|
854
|
+
}
|
|
855
|
+
|
|
856
|
+
.tagIt-chat-input-wrap {
|
|
857
|
+
position: relative;
|
|
858
|
+
display: flex;
|
|
859
|
+
flex-direction: column;
|
|
860
|
+
border: 1px solid var(--tagIt-chat-border);
|
|
861
|
+
border-radius: 14px;
|
|
862
|
+
background: var(--tagIt-chat-panel-footer-prompt-bg);
|
|
863
|
+
transition: border-color 0.2s;
|
|
864
|
+
}
|
|
865
|
+
|
|
866
|
+
.tagIt-chat-input-wrap:focus-within {
|
|
867
|
+
border-color: var(--tagIt-chat-primary);
|
|
868
|
+
}
|
|
869
|
+
|
|
870
|
+
.tagIt-chat-input {
|
|
871
|
+
flex: 1;
|
|
872
|
+
min-width: 0;
|
|
873
|
+
border: none;
|
|
874
|
+
border-radius: 14px 14px 0 0;
|
|
875
|
+
padding: 10px 14px 4px;
|
|
876
|
+
font-size: 14px;
|
|
877
|
+
font-family: inherit;
|
|
878
|
+
background: transparent;
|
|
879
|
+
color: var(--tagIt-chat-text);
|
|
880
|
+
outline: none;
|
|
881
|
+
resize: none;
|
|
882
|
+
min-height: 66px;
|
|
883
|
+
max-height: 200px;
|
|
884
|
+
overflow-y: auto;
|
|
885
|
+
line-height: 1.5;
|
|
886
|
+
}
|
|
887
|
+
|
|
888
|
+
.tagIt-chat-input::placeholder {
|
|
889
|
+
color: var(--tagIt-chat-muted);
|
|
890
|
+
}
|
|
891
|
+
|
|
892
|
+
.tagIt-chat-input:disabled {
|
|
893
|
+
background: color-mix(in srgb, var(--tagIt-chat-panel-footer-prompt-bg) 84%, var(--tagIt-chat-border));
|
|
894
|
+
color: var(--tagIt-chat-muted);
|
|
895
|
+
cursor: not-allowed;
|
|
896
|
+
}
|
|
897
|
+
|
|
898
|
+
.tagIt-chat-input-actions {
|
|
899
|
+
display: flex;
|
|
900
|
+
justify-content: flex-end;
|
|
901
|
+
padding: 6px 8px;
|
|
902
|
+
}
|
|
903
|
+
|
|
904
|
+
.tagIt-chat-send-button {
|
|
905
|
+
padding: 8px 18px;
|
|
906
|
+
border-radius: 20px;
|
|
907
|
+
font-size: 14px;
|
|
908
|
+
font-weight: 500;
|
|
909
|
+
background: var(--tagIt-chat-primary);
|
|
910
|
+
color: var(--tagIt-chat-primary-contrast);
|
|
911
|
+
border: none;
|
|
912
|
+
cursor: pointer;
|
|
913
|
+
transition: opacity 0.15s;
|
|
914
|
+
}
|
|
915
|
+
|
|
916
|
+
.tagIt-chat-send-button:hover:not(:disabled) {
|
|
917
|
+
opacity: 0.9;
|
|
918
|
+
}
|
|
919
|
+
|
|
920
|
+
.tagIt-chat-send-button:disabled {
|
|
921
|
+
opacity: 0.4;
|
|
922
|
+
cursor: not-allowed;
|
|
923
|
+
}
|
|
924
|
+
|
|
925
|
+
.tagIt-chat-stop-button {
|
|
926
|
+
padding: 8px 18px;
|
|
927
|
+
border-radius: 20px;
|
|
928
|
+
font-size: 14px;
|
|
929
|
+
font-weight: 500;
|
|
930
|
+
background: transparent;
|
|
931
|
+
color: var(--tagIt-chat-text);
|
|
932
|
+
border: 1px solid var(--tagIt-chat-border);
|
|
933
|
+
cursor: pointer;
|
|
934
|
+
transition: background 0.15s;
|
|
935
|
+
}
|
|
936
|
+
|
|
937
|
+
.tagIt-chat-stop-button:hover {
|
|
938
|
+
background: color-mix(in srgb, var(--tagIt-chat-border) 50%, transparent);
|
|
939
|
+
}
|
|
940
|
+
|
|
941
|
+
.tagIt-chat-message-actions {
|
|
942
|
+
display: flex;
|
|
943
|
+
gap: 4px;
|
|
944
|
+
margin-top: 6px;
|
|
945
|
+
opacity: 0;
|
|
946
|
+
transition: opacity 0.15s;
|
|
947
|
+
}
|
|
948
|
+
|
|
949
|
+
.tagIt-chat-message:hover .tagIt-chat-message-actions,
|
|
950
|
+
.tagIt-chat-message-actions:focus-within {
|
|
951
|
+
opacity: 1;
|
|
952
|
+
}
|
|
953
|
+
|
|
954
|
+
.tagIt-chat-message[data-role="user"] .tagIt-chat-message-actions {
|
|
955
|
+
justify-content: flex-end;
|
|
956
|
+
}
|
|
957
|
+
|
|
958
|
+
.tagIt-chat-message-action-btn {
|
|
959
|
+
display: flex;
|
|
960
|
+
align-items: center;
|
|
961
|
+
justify-content: center;
|
|
962
|
+
width: 26px;
|
|
963
|
+
height: 26px;
|
|
964
|
+
padding: 0;
|
|
965
|
+
font-size: 11px;
|
|
966
|
+
font-family: inherit;
|
|
967
|
+
line-height: 1;
|
|
968
|
+
border-radius: 6px;
|
|
969
|
+
border: 1px solid color-mix(in srgb, var(--tagIt-chat-border) 80%, transparent);
|
|
970
|
+
background: color-mix(in srgb, var(--tagIt-chat-border) 35%, transparent);
|
|
971
|
+
color: var(--tagIt-chat-muted);
|
|
972
|
+
cursor: pointer;
|
|
973
|
+
transition: background 0.12s, color 0.12s;
|
|
974
|
+
}
|
|
975
|
+
|
|
976
|
+
.tagIt-chat-message-action-btn:hover,
|
|
977
|
+
.tagIt-chat-message-action-btn:focus-visible {
|
|
978
|
+
background: color-mix(in srgb, var(--tagIt-chat-border) 60%, transparent);
|
|
979
|
+
color: var(--tagIt-chat-text);
|
|
980
|
+
}
|
|
981
|
+
|
|
982
|
+
.tagIt-chat-message-action-btn[data-copied] {
|
|
983
|
+
color: #22c55e;
|
|
984
|
+
}
|