@devicai/ui 0.1.0 → 0.3.0

package/dist/esm/components/ChatDrawer/ConversationSelector.js

@@ -0,0 +1,91 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState, useRef, useEffect, useCallback } from 'react';
+import { useOptionalDevicContext } from '../../provider/DevicContext.js';
+import { DevicApiClient } from '../../api/client.js';
+
+function ConversationSelector({ assistantId, currentChatUid, onSelect, onNewChat, apiKey: propsApiKey, baseUrl: propsBaseUrl, tenantId: propsTenantId, }) {
+    const context = useOptionalDevicContext();
+    const apiKey = propsApiKey || context?.apiKey;
+    const baseUrl = propsBaseUrl || context?.baseUrl || 'https://api.devic.ai';
+    const tenantId = propsTenantId || context?.tenantId;
+    const [isOpen, setIsOpen] = useState(false);
+    const [conversations, setConversations] = useState([]);
+    const [search, setSearch] = useState('');
+    const [loading, setLoading] = useState(false);
+    const dropdownRef = useRef(null);
+    const clientRef = useRef(null);
+    if (!clientRef.current && apiKey) {
+        clientRef.current = new DevicApiClient({ apiKey, baseUrl });
+    }
+    // Update client config when props/context change
+    useEffect(() => {
+        if (clientRef.current && apiKey) {
+            clientRef.current.setConfig({ apiKey, baseUrl });
+        }
+        else if (!clientRef.current && apiKey) {
+            clientRef.current = new DevicApiClient({ apiKey, baseUrl });
+        }
+    }, [apiKey, baseUrl]);
+    const fetchConversations = useCallback(async () => {
+        if (!clientRef.current)
+            return;
+        setLoading(true);
+        try {
+            const list = await clientRef.current.listConversations(assistantId, { tenantId });
+            setConversations(list);
+        }
+        catch {
+            // silently fail
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [assistantId, tenantId]);
+    useEffect(() => {
+        if (isOpen) {
+            fetchConversations();
+        }
+    }, [isOpen, fetchConversations]);
+    // Close on outside click
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        const handler = (e) => {
+            if (dropdownRef.current && !dropdownRef.current.contains(e.target)) {
+                setIsOpen(false);
+            }
+        };
+        document.addEventListener('mousedown', handler);
+        return () => document.removeEventListener('mousedown', handler);
+    }, [isOpen]);
+    const currentConv = conversations.find((c) => c.chatUID === currentChatUid);
+    const currentName = currentConv
+        ? currentConv.name || formatDate(currentConv.creationTimestampMs)
+        : 'New chat';
+    const filtered = conversations.filter((c) => !search || (c.name || '').toLowerCase().includes(search.toLowerCase()));
+    return (jsxs("div", { className: "devic-conversation-selector", ref: dropdownRef, children: [jsxs("button", { className: "devic-conversation-selector-trigger", onClick: () => setIsOpen(!isOpen), type: "button", children: [jsx("span", { className: "devic-conversation-selector-label", children: currentName }), jsx(ChevronIcon, { open: isOpen })] }), isOpen && (jsxs("div", { className: "devic-conversation-dropdown", children: [jsx("div", { className: "devic-conversation-search-wrapper", children: jsx("input", { className: "devic-conversation-search", type: "text", placeholder: "Search conversations...", value: search, onChange: (e) => setSearch(e.target.value), autoFocus: true }) }), jsxs("div", { className: "devic-conversation-list", children: [loading && (jsx("div", { className: "devic-conversation-loading", children: "Loading..." })), !loading && filtered.length === 0 && (jsx("div", { className: "devic-conversation-empty", children: "No conversations" })), !loading &&
+                                filtered.map((conv) => (jsxs("button", { className: "devic-conversation-item", "data-active": conv.chatUID === currentChatUid, type: "button", onClick: () => {
+                                        onSelect(conv.chatUID);
+                                        setIsOpen(false);
+                                    }, children: [conv.chatUID === currentChatUid && (jsx("span", { className: "devic-conversation-item-check", children: jsx(CheckIcon, {}) })), jsx("span", { className: "devic-conversation-item-name", children: conv.name || formatDate(conv.creationTimestampMs) }), jsx("span", { className: "devic-conversation-item-date", children: formatDate(conv.lastEditTimestampMs || conv.creationTimestampMs) })] }, conv.chatUID)))] }), jsx("button", { className: "devic-conversation-new", type: "button", onClick: () => {
+                            onNewChat();
+                            setIsOpen(false);
+                        }, children: "+ Start a new chat" })] }))] }));
+}
+function ChevronIcon({ open }) {
+    return (jsx("svg", { width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { transform: open ? 'rotate(180deg)' : undefined, transition: '0.2s' }, children: jsx("polyline", { points: "6 9 12 15 18 9" }) }));
+}
+function CheckIcon() {
+    return (jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: jsx("polyline", { points: "20,6 9,17 4,12" }) }));
+}
+function formatDate(ms) {
+    const d = new Date(ms);
+    const now = new Date();
+    if (d.toDateString() === now.toDateString()) {
+        return d.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' });
+    }
+    return d.toLocaleDateString(undefined, { month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit' });
+}
+
+export { ConversationSelector };
+//# sourceMappingURL=ConversationSelector.js.map

package/dist/esm/components/ChatDrawer/ConversationSelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConversationSelector.js","sources":["../../../../src/components/ChatDrawer/ConversationSelector.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useCallback } from 'react';\nimport { useOptionalDevicContext } from '../../provider';\nimport { DevicApiClient } from '../../api/client';\nimport type { ConversationSummary } from '../../api/types';\nimport type { ConversationSelectorProps } from './ChatDrawer.types';\n\nexport function ConversationSelector({\n  assistantId,\n  currentChatUid,\n  onSelect,\n  onNewChat,\n  apiKey: propsApiKey,\n  baseUrl: propsBaseUrl,\n  tenantId: propsTenantId,\n}: ConversationSelectorProps): JSX.Element {\n  const context = useOptionalDevicContext();\n  const apiKey = propsApiKey || context?.apiKey;\n  const baseUrl = propsBaseUrl || context?.baseUrl || 'https://api.devic.ai';\n  const tenantId = propsTenantId || context?.tenantId;\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [conversations, setConversations] = useState<ConversationSummary[]>([]);\n  const [search, setSearch] = useState('');\n  const [loading, setLoading] = useState(false);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const clientRef = useRef<DevicApiClient | null>(null);\n\n  if (!clientRef.current && apiKey) {\n    clientRef.current = new DevicApiClient({ apiKey, baseUrl });\n  }\n\n  // Update client config when props/context change\n  useEffect(() => {\n    if (clientRef.current && apiKey) {\n      clientRef.current.setConfig({ apiKey, baseUrl });\n    } else if (!clientRef.current && apiKey) {\n      clientRef.current = new DevicApiClient({ apiKey, baseUrl });\n    }\n  }, [apiKey, baseUrl]);\n\n  const fetchConversations = useCallback(async () => {\n    if (!clientRef.current) return;\n    setLoading(true);\n    try {\n      const list = await clientRef.current.listConversations(assistantId, { tenantId });\n      setConversations(list);\n    } catch {\n      // silently fail\n    } finally {\n      setLoading(false);\n    }\n  }, [assistantId, tenantId]);\n\n  useEffect(() => {\n    if (isOpen) {\n      fetchConversations();\n    }\n  }, [isOpen, fetchConversations]);\n\n  // Close on outside click\n  useEffect(() => {\n    if (!isOpen) return;\n    const handler = (e: MouseEvent) => {\n      if (dropdownRef.current && !dropdownRef.current.contains(e.target as Node)) {\n        setIsOpen(false);\n      }\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, [isOpen]);\n\n  const currentConv = conversations.find((c) => c.chatUID === currentChatUid);\n  const currentName = currentConv\n    ? currentConv.name || formatDate(currentConv.creationTimestampMs)\n    : 'New chat';\n\n  const filtered = conversations.filter((c) =>\n    !search || (c.name || '').toLowerCase().includes(search.toLowerCase())\n  );\n\n  return (\n    <div className=\"devic-conversation-selector\" ref={dropdownRef}>\n      <button\n        className=\"devic-conversation-selector-trigger\"\n        onClick={() => setIsOpen(!isOpen)}\n        type=\"button\"\n      >\n        <span className=\"devic-conversation-selector-label\">{currentName}</span>\n        <ChevronIcon open={isOpen} />\n      </button>\n\n      {isOpen && (\n        <div className=\"devic-conversation-dropdown\">\n          <div className=\"devic-conversation-search-wrapper\">\n            <input\n              className=\"devic-conversation-search\"\n              type=\"text\"\n              placeholder=\"Search conversations...\"\n              value={search}\n              onChange={(e) => setSearch(e.target.value)}\n              autoFocus\n            />\n          </div>\n\n          <div className=\"devic-conversation-list\">\n            {loading && (\n              <div className=\"devic-conversation-loading\">Loading...</div>\n            )}\n            {!loading && filtered.length === 0 && (\n              <div className=\"devic-conversation-empty\">No conversations</div>\n            )}\n            {!loading &&\n              filtered.map((conv) => (\n                <button\n                  key={conv.chatUID}\n                  className=\"devic-conversation-item\"\n                  data-active={conv.chatUID === currentChatUid}\n                  type=\"button\"\n                  onClick={() => {\n                    onSelect(conv.chatUID);\n                    setIsOpen(false);\n                  }}\n                >\n                  {conv.chatUID === currentChatUid && (\n                    <span className=\"devic-conversation-item-check\">\n                      <CheckIcon />\n                    </span>\n                  )}\n                  <span className=\"devic-conversation-item-name\">\n                    {conv.name || formatDate(conv.creationTimestampMs)}\n                  </span>\n                  <span className=\"devic-conversation-item-date\">\n                    {formatDate(conv.lastEditTimestampMs || conv.creationTimestampMs)}\n                  </span>\n                </button>\n              ))}\n          </div>\n\n          <button\n            className=\"devic-conversation-new\"\n            type=\"button\"\n            onClick={() => {\n              onNewChat();\n              setIsOpen(false);\n            }}\n          >\n            + Start a new chat\n          </button>\n        </div>\n      )}\n    </div>\n  );\n}\n\nfunction ChevronIcon({ open }: { open: boolean }): JSX.Element {\n  return (\n    <svg\n      width=\"12\"\n      height=\"12\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      style={{ transform: open ? 'rotate(180deg)' : undefined, transition: '0.2s' }}\n    >\n      <polyline points=\"6 9 12 15 18 9\" />\n    </svg>\n  );\n}\n\nfunction CheckIcon(): JSX.Element {\n  return (\n    <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <polyline points=\"20,6 9,17 4,12\" />\n    </svg>\n  );\n}\n\nfunction formatDate(ms: number): string {\n  const d = new Date(ms);\n  const now = new Date();\n  if (d.toDateString() === now.toDateString()) {\n    return d.toLocaleTimeString(undefined, { hour: '2-digit', minute: '2-digit' });\n  }\n  return d.toLocaleDateString(undefined, { month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit' });\n}\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/components/ChatDrawer/ErrorBoundary.d.ts

@@ -0,0 +1,16 @@
+import { Component } from 'react';
+import type { ReactNode, ErrorInfo } from 'react';
+interface Props {
+    children: ReactNode;
+    fallback?: ReactNode;
+}
+interface State {
+    hasError: boolean;
+}
+export declare class ChatDrawerErrorBoundary extends Component<Props, State> {
+    state: State;
+    static getDerivedStateFromError(): State;
+    componentDidCatch(error: Error, info: ErrorInfo): void;
+    render(): ReactNode;
+}
+export {};

package/dist/esm/components/ChatDrawer/ErrorBoundary.js

@@ -0,0 +1,23 @@
+import { Component } from 'react';
+
+class ChatDrawerErrorBoundary extends Component {
+    constructor() {
+        super(...arguments);
+        this.state = { hasError: false };
+    }
+    static getDerivedStateFromError() {
+        return { hasError: true };
+    }
+    componentDidCatch(error, info) {
+        console.error('[devic-ui] ChatDrawer error:', error, info.componentStack);
+    }
+    render() {
+        if (this.state.hasError) {
+            return this.props.fallback ?? null;
+        }
+        return this.props.children;
+    }
+}
+
+export { ChatDrawerErrorBoundary };
+//# sourceMappingURL=ErrorBoundary.js.map

package/dist/esm/components/ChatDrawer/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sources":["../../../../src/components/ChatDrawer/ErrorBoundary.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport type { ReactNode, ErrorInfo } from 'react';\n\ninterface Props {\n  children: ReactNode;\n  fallback?: ReactNode;\n}\n\ninterface State {\n  hasError: boolean;\n}\n\nexport class ChatDrawerErrorBoundary extends Component<Props, State> {\n  state: State = { hasError: false };\n\n  static getDerivedStateFromError(): State {\n    return { hasError: true };\n  }\n\n  componentDidCatch(error: Error, info: ErrorInfo): void {\n    console.error('[devic-ui] ChatDrawer error:', error, info.componentStack);\n  }\n\n  render(): ReactNode {\n    if (this.state.hasError) {\n      return this.props.fallback ?? null;\n    }\n    return this.props.children;\n  }\n}\n"],"names":[],"mappings":";;AAYM,MAAO,uBAAwB,SAAQ,SAAuB,CAAA;AAApE,IAAA,WAAA,GAAA;;AACE,QAAA,IAAA,CAAA,KAAK,GAAU,EAAE,QAAQ,EAAE,KAAK,EAAE;IAgBpC;AAdE,IAAA,OAAO,wBAAwB,GAAA;AAC7B,QAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE;IAC3B;IAEA,iBAAiB,CAAC,KAAY,EAAE,IAAe,EAAA;QAC7C,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,CAAC;IAC3E;IAEA,MAAM,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;AACvB,YAAA,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,IAAI;QACpC;AACA,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ;IAC5B;AACD;;;;"}

package/dist/esm/components/ChatDrawer/index.d.ts

@@ -2,4 +2,5 @@ export { ChatDrawer } from './ChatDrawer';
 export { ChatMessages } from './ChatMessages';
 export { ChatInput } from './ChatInput';
 export { ToolTimeline } from './ToolTimeline';
-export type { ChatDrawerProps, ChatDrawerOptions, ChatMessagesProps, ChatInputProps, ToolTimelineProps, AllowedFileTypes, } from './ChatDrawer.types';
+export { ConversationSelector } from './ConversationSelector';
+export type { ChatDrawerProps, ChatDrawerOptions, ChatDrawerHandle, ChatMessagesProps, ChatInputProps, ToolTimelineProps, AllowedFileTypes, ConversationSelectorProps, } from './ChatDrawer.types';

package/dist/esm/components/Feedback/Feedback.types.d.ts

@@ -0,0 +1,50 @@
+import type { FeedbackEntry } from '../../api/types';
+/**
+ * Feedback state for a message
+ */
+export type FeedbackState = 'none' | 'positive' | 'negative';
+/**
+ * Theme configuration for feedback components
+ */
+export interface FeedbackTheme {
+    backgroundColor?: string;
+    textColor?: string;
+    textMutedColor?: string;
+    secondaryBackgroundColor?: string;
+    borderColor?: string;
+    primaryColor?: string;
+    primaryHoverColor?: string;
+}
+/**
+ * Props for FeedbackModal component
+ */
+export interface FeedbackModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onSubmit: (comment: string) => void;
+    feedbackType: 'positive' | 'negative';
+    isSubmitting?: boolean;
+    theme?: FeedbackTheme;
+}
+/**
+ * Props for MessageActions component
+ */
+export interface MessageActionsProps {
+    messageId: string;
+    messageContent?: string;
+    currentFeedback?: FeedbackState;
+    onFeedback?: (messageId: string, positive: boolean, comment?: string) => void;
+    onCopy?: (content: string) => void;
+    showCopy?: boolean;
+    showFeedback?: boolean;
+    disabled?: boolean;
+    theme?: FeedbackTheme;
+}
+/**
+ * Context value for feedback
+ */
+export interface FeedbackContextValue {
+    feedbackMap: Map<string, FeedbackEntry>;
+    submitFeedback: (messageId: string, positive: boolean, comment?: string) => Promise<void>;
+    isSubmitting: boolean;
+}

package/dist/esm/components/Feedback/FeedbackModal.d.ts

@@ -0,0 +1,5 @@
+import type { FeedbackModalProps } from './Feedback.types';
+/**
+ * Modal for submitting feedback with optional comment
+ */
+export declare function FeedbackModal({ isOpen, onClose, onSubmit, feedbackType, isSubmitting, theme, }: FeedbackModalProps): JSX.Element | null;

package/dist/esm/components/Feedback/FeedbackModal.js

@@ -0,0 +1,85 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useRef, useMemo, useEffect } from 'react';
+
+/**
+ * Modal for submitting feedback with optional comment
+ */
+function FeedbackModal({ isOpen, onClose, onSubmit, feedbackType, isSubmitting = false, theme, }) {
+    const [comment, setComment] = useState('');
+    const textareaRef = useRef(null);
+    const modalRef = useRef(null);
+    // Build inline styles from theme
+    const modalStyle = useMemo(() => {
+        if (!theme)
+            return undefined;
+        return {
+            '--devic-bg': theme.backgroundColor,
+            '--devic-text': theme.textColor,
+            '--devic-text-muted': theme.textMutedColor,
+            '--devic-text-secondary': theme.textMutedColor,
+            '--devic-bg-secondary': theme.secondaryBackgroundColor,
+            '--devic-border': theme.borderColor,
+            '--devic-primary': theme.primaryColor,
+            '--devic-primary-hover': theme.primaryHoverColor,
+        };
+    }, [theme]);
+    // Focus textarea when modal opens
+    useEffect(() => {
+        if (isOpen && textareaRef.current) {
+            setTimeout(() => textareaRef.current?.focus(), 50);
+        }
+    }, [isOpen]);
+    // Reset comment when modal closes
+    useEffect(() => {
+        if (!isOpen) {
+            setComment('');
+        }
+    }, [isOpen]);
+    // Handle click outside
+    useEffect(() => {
+        if (!isOpen)
+            return;
+        const handleClickOutside = (e) => {
+            if (modalRef.current && !modalRef.current.contains(e.target)) {
+                onClose();
+            }
+        };
+        const handleEscape = (e) => {
+            if (e.key === 'Escape') {
+                onClose();
+            }
+        };
+        document.addEventListener('mousedown', handleClickOutside);
+        document.addEventListener('keydown', handleEscape);
+        return () => {
+            document.removeEventListener('mousedown', handleClickOutside);
+            document.removeEventListener('keydown', handleEscape);
+        };
+    }, [isOpen, onClose]);
+    if (!isOpen)
+        return null;
+    const handleSubmit = (e) => {
+        e.preventDefault();
+        onSubmit(comment);
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {
+            e.preventDefault();
+            onSubmit(comment);
+        }
+    };
+    return (jsx("div", { className: "devic-feedback-overlay", children: jsxs("div", { className: "devic-feedback-modal", ref: modalRef, style: modalStyle, children: [jsxs("div", { className: "devic-feedback-modal-header", children: [jsx("span", { className: "devic-feedback-modal-icon", children: feedbackType === 'positive' ? jsx(ThumbsUpIcon, { filled: true }) : jsx(ThumbsDownIcon, { filled: true }) }), jsx("span", { className: "devic-feedback-modal-title", children: feedbackType === 'positive' ? 'What did you like?' : 'What could be improved?' }), jsx("button", { type: "button", className: "devic-feedback-modal-close", onClick: onClose, "aria-label": "Close", children: jsx(CloseIcon, {}) })] }), jsxs("form", { onSubmit: handleSubmit, children: [jsx("textarea", { ref: textareaRef, className: "devic-feedback-textarea", placeholder: "Add a comment (optional)...", value: comment, onChange: (e) => setComment(e.target.value), onKeyDown: handleKeyDown, rows: 3, disabled: isSubmitting }), jsxs("div", { className: "devic-feedback-modal-actions", children: [jsx("button", { type: "button", className: "devic-feedback-btn devic-feedback-btn--secondary", onClick: onClose, disabled: isSubmitting, children: "Cancel" }), jsx("button", { type: "submit", className: "devic-feedback-btn devic-feedback-btn--primary", disabled: isSubmitting, children: isSubmitting ? 'Sending...' : 'Submit' })] })] })] }) }));
+}
+/* ── Icons ── */
+function ThumbsUpIcon({ filled = false }) {
+    return (jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: filled ? 'currentColor' : 'none', stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: jsx("path", { d: "M7 10v12M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2h0a3.13 3.13 0 0 1 3 3.88Z" }) }));
+}
+function ThumbsDownIcon({ filled = false }) {
+    return (jsx("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: filled ? 'currentColor' : 'none', stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: jsx("path", { d: "M17 14V2M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22h0a3.13 3.13 0 0 1-3-3.88Z" }) }));
+}
+function CloseIcon() {
+    return (jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] }));
+}
+
+export { FeedbackModal };
+//# sourceMappingURL=FeedbackModal.js.map

package/dist/esm/components/Feedback/FeedbackModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackModal.js","sources":["../../../../src/components/Feedback/FeedbackModal.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useMemo } from 'react';\nimport type { FeedbackModalProps } from './Feedback.types';\n\n/**\n * Modal for submitting feedback with optional comment\n */\nexport function FeedbackModal({\n  isOpen,\n  onClose,\n  onSubmit,\n  feedbackType,\n  isSubmitting = false,\n  theme,\n}: FeedbackModalProps): JSX.Element | null {\n  const [comment, setComment] = useState('');\n  const textareaRef = useRef<HTMLTextAreaElement>(null);\n  const modalRef = useRef<HTMLDivElement>(null);\n\n  // Build inline styles from theme\n  const modalStyle = useMemo(() => {\n    if (!theme) return undefined;\n    return {\n      '--devic-bg': theme.backgroundColor,\n      '--devic-text': theme.textColor,\n      '--devic-text-muted': theme.textMutedColor,\n      '--devic-text-secondary': theme.textMutedColor,\n      '--devic-bg-secondary': theme.secondaryBackgroundColor,\n      '--devic-border': theme.borderColor,\n      '--devic-primary': theme.primaryColor,\n      '--devic-primary-hover': theme.primaryHoverColor,\n    } as React.CSSProperties;\n  }, [theme]);\n\n  // Focus textarea when modal opens\n  useEffect(() => {\n    if (isOpen && textareaRef.current) {\n      setTimeout(() => textareaRef.current?.focus(), 50);\n    }\n  }, [isOpen]);\n\n  // Reset comment when modal closes\n  useEffect(() => {\n    if (!isOpen) {\n      setComment('');\n    }\n  }, [isOpen]);\n\n  // Handle click outside\n  useEffect(() => {\n    if (!isOpen) return;\n\n    const handleClickOutside = (e: MouseEvent) => {\n      if (modalRef.current && !modalRef.current.contains(e.target as Node)) {\n        onClose();\n      }\n    };\n\n    const handleEscape = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        onClose();\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    document.addEventListener('keydown', handleEscape);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n      document.removeEventListener('keydown', handleEscape);\n    };\n  }, [isOpen, onClose]);\n\n  if (!isOpen) return null;\n\n  const handleSubmit = (e: React.FormEvent) => {\n    e.preventDefault();\n    onSubmit(comment);\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n      e.preventDefault();\n      onSubmit(comment);\n    }\n  };\n\n  return (\n    <div className=\"devic-feedback-overlay\">\n      <div className=\"devic-feedback-modal\" ref={modalRef} style={modalStyle}>\n        <div className=\"devic-feedback-modal-header\">\n          <span className=\"devic-feedback-modal-icon\">\n            {feedbackType === 'positive' ? <ThumbsUpIcon filled /> : <ThumbsDownIcon filled />}\n          </span>\n          <span className=\"devic-feedback-modal-title\">\n            {feedbackType === 'positive' ? 'What did you like?' : 'What could be improved?'}\n          </span>\n          <button\n            type=\"button\"\n            className=\"devic-feedback-modal-close\"\n            onClick={onClose}\n            aria-label=\"Close\"\n          >\n            <CloseIcon />\n          </button>\n        </div>\n\n        <form onSubmit={handleSubmit}>\n          <textarea\n            ref={textareaRef}\n            className=\"devic-feedback-textarea\"\n            placeholder=\"Add a comment (optional)...\"\n            value={comment}\n            onChange={(e) => setComment(e.target.value)}\n            onKeyDown={handleKeyDown}\n            rows={3}\n            disabled={isSubmitting}\n          />\n\n          <div className=\"devic-feedback-modal-actions\">\n            <button\n              type=\"button\"\n              className=\"devic-feedback-btn devic-feedback-btn--secondary\"\n              onClick={onClose}\n              disabled={isSubmitting}\n            >\n              Cancel\n            </button>\n            <button\n              type=\"submit\"\n              className=\"devic-feedback-btn devic-feedback-btn--primary\"\n              disabled={isSubmitting}\n            >\n              {isSubmitting ? 'Sending...' : 'Submit'}\n            </button>\n          </div>\n        </form>\n      </div>\n    </div>\n  );\n}\n\n/* ── Icons ── */\n\nfunction ThumbsUpIcon({ filled = false }: { filled?: boolean }): JSX.Element {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill={filled ? 'currentColor' : 'none'}\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M7 10v12M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2h0a3.13 3.13 0 0 1 3 3.88Z\" />\n    </svg>\n  );\n}\n\nfunction ThumbsDownIcon({ filled = false }: { filled?: boolean }): JSX.Element {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill={filled ? 'currentColor' : 'none'}\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M17 14V2M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22h0a3.13 3.13 0 0 1-3-3.88Z\" />\n    </svg>\n  );\n}\n\nfunction CloseIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n      <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n    </svg>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/components/Feedback/MessageActions.d.ts

@@ -0,0 +1,5 @@
+import type { MessageActionsProps } from './Feedback.types';
+/**
+ * Action buttons for a message (copy, thumbs up, thumbs down)
+ */
+export declare function MessageActions({ messageId, messageContent, currentFeedback, onFeedback, onCopy, showCopy, showFeedback, disabled, theme, }: MessageActionsProps): JSX.Element;

package/dist/esm/components/Feedback/MessageActions.js

@@ -0,0 +1,72 @@
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { useState, useMemo, useCallback } from 'react';
+import { FeedbackModal } from './FeedbackModal.js';
+
+/**
+ * Action buttons for a message (copy, thumbs up, thumbs down)
+ */
+function MessageActions({ messageId, messageContent, currentFeedback = 'none', onFeedback, onCopy, showCopy = true, showFeedback = true, disabled = false, theme, }) {
+    const [feedbackState, setFeedbackState] = useState(currentFeedback);
+    const [modalOpen, setModalOpen] = useState(false);
+    const [pendingFeedbackType, setPendingFeedbackType] = useState('positive');
+    const [isSubmitting, setIsSubmitting] = useState(false);
+    const [copied, setCopied] = useState(false);
+    // Build inline styles from theme for the actions container
+    const containerStyle = useMemo(() => {
+        if (!theme)
+            return undefined;
+        return {
+            '--devic-bg-secondary': theme.secondaryBackgroundColor,
+            '--devic-text-secondary': theme.textMutedColor,
+        };
+    }, [theme]);
+    const handleCopy = useCallback(async () => {
+        if (!messageContent)
+            return;
+        try {
+            await navigator.clipboard.writeText(messageContent);
+            setCopied(true);
+            onCopy?.(messageContent);
+            setTimeout(() => setCopied(false), 2000);
+        }
+        catch (err) {
+            console.error('Failed to copy:', err);
+        }
+    }, [messageContent, onCopy]);
+    const handleFeedbackClick = useCallback((type) => {
+        setPendingFeedbackType(type);
+        setModalOpen(true);
+    }, [feedbackState]);
+    const handleModalSubmit = useCallback(async (comment) => {
+        setIsSubmitting(true);
+        try {
+            const isPositive = pendingFeedbackType === 'positive';
+            await onFeedback?.(messageId, isPositive, comment || undefined);
+            setFeedbackState(isPositive ? 'positive' : 'negative');
+            setModalOpen(false);
+        }
+        catch (err) {
+            console.error('Failed to submit feedback:', err);
+        }
+        finally {
+            setIsSubmitting(false);
+        }
+    }, [messageId, pendingFeedbackType, onFeedback]);
+    return (jsxs(Fragment, { children: [jsxs("div", { className: "devic-message-actions", style: containerStyle, children: [showCopy && messageContent && (jsx("button", { type: "button", className: `devic-action-btn ${copied ? 'devic-action-btn--active' : ''}`, onClick: handleCopy, disabled: disabled, title: "Copy to clipboard", "aria-label": "Copy to clipboard", children: copied ? jsx(CheckIcon, {}) : jsx(CopyIcon, {}) })), showFeedback && (jsxs(Fragment, { children: [jsx("button", { type: "button", className: `devic-action-btn ${feedbackState === 'positive' ? 'devic-action-btn--active devic-action-btn--positive' : ''}`, onClick: () => handleFeedbackClick('positive'), disabled: disabled, title: "Good response", "aria-label": "Good response", children: jsx(ThumbsUpIcon, { filled: feedbackState === 'positive' }) }), jsx("button", { type: "button", className: `devic-action-btn ${feedbackState === 'negative' ? 'devic-action-btn--active devic-action-btn--negative' : ''}`, onClick: () => handleFeedbackClick('negative'), disabled: disabled, title: "Bad response", "aria-label": "Bad response", children: jsx(ThumbsDownIcon, { filled: feedbackState === 'negative' }) })] }))] }), jsx(FeedbackModal, { isOpen: modalOpen, onClose: () => setModalOpen(false), onSubmit: handleModalSubmit, feedbackType: pendingFeedbackType, isSubmitting: isSubmitting, theme: theme })] }));
+}
+/* ── Icons ── */
+function CopyIcon() {
+    return (jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [jsx("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }), jsx("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })] }));
+}
+function CheckIcon() {
+    return (jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: jsx("polyline", { points: "20,6 9,17 4,12" }) }));
+}
+function ThumbsUpIcon({ filled = false }) {
+    return (jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: filled ? 'currentColor' : 'none', stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: jsx("path", { d: "M7 10v12M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2h0a3.13 3.13 0 0 1 3 3.88Z" }) }));
+}
+function ThumbsDownIcon({ filled = false }) {
+    return (jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: filled ? 'currentColor' : 'none', stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: jsx("path", { d: "M17 14V2M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22h0a3.13 3.13 0 0 1-3-3.88Z" }) }));
+}
+
+export { MessageActions };
+//# sourceMappingURL=MessageActions.js.map

package/dist/esm/components/Feedback/MessageActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageActions.js","sources":["../../../../src/components/Feedback/MessageActions.tsx"],"sourcesContent":["import React, { useState, useCallback, useMemo } from 'react';\nimport { FeedbackModal } from './FeedbackModal';\nimport type { MessageActionsProps, FeedbackState } from './Feedback.types';\n\n/**\n * Action buttons for a message (copy, thumbs up, thumbs down)\n */\nexport function MessageActions({\n  messageId,\n  messageContent,\n  currentFeedback = 'none',\n  onFeedback,\n  onCopy,\n  showCopy = true,\n  showFeedback = true,\n  disabled = false,\n  theme,\n}: MessageActionsProps): JSX.Element {\n  const [feedbackState, setFeedbackState] = useState<FeedbackState>(currentFeedback);\n  const [modalOpen, setModalOpen] = useState(false);\n  const [pendingFeedbackType, setPendingFeedbackType] = useState<'positive' | 'negative'>('positive');\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [copied, setCopied] = useState(false);\n\n  // Build inline styles from theme for the actions container\n  const containerStyle = useMemo(() => {\n    if (!theme) return undefined;\n    return {\n      '--devic-bg-secondary': theme.secondaryBackgroundColor,\n      '--devic-text-secondary': theme.textMutedColor,\n    } as React.CSSProperties;\n  }, [theme]);\n\n  const handleCopy = useCallback(async () => {\n    if (!messageContent) return;\n\n    try {\n      await navigator.clipboard.writeText(messageContent);\n      setCopied(true);\n      onCopy?.(messageContent);\n      setTimeout(() => setCopied(false), 2000);\n    } catch (err) {\n      console.error('Failed to copy:', err);\n    }\n  }, [messageContent, onCopy]);\n\n  const handleFeedbackClick = useCallback((type: 'positive' | 'negative') => {\n    // If clicking the same feedback type that's already selected, toggle it off\n    if ((type === 'positive' && feedbackState === 'positive') ||\n        (type === 'negative' && feedbackState === 'negative')) {\n      // Optionally could allow removal - for now we just open modal to change comment\n    }\n\n    setPendingFeedbackType(type);\n    setModalOpen(true);\n  }, [feedbackState]);\n\n  const handleModalSubmit = useCallback(async (comment: string) => {\n    setIsSubmitting(true);\n    try {\n      const isPositive = pendingFeedbackType === 'positive';\n      await onFeedback?.(messageId, isPositive, comment || undefined);\n      setFeedbackState(isPositive ? 'positive' : 'negative');\n      setModalOpen(false);\n    } catch (err) {\n      console.error('Failed to submit feedback:', err);\n    } finally {\n      setIsSubmitting(false);\n    }\n  }, [messageId, pendingFeedbackType, onFeedback]);\n\n  return (\n    <>\n      <div className=\"devic-message-actions\" style={containerStyle}>\n        {showCopy && messageContent && (\n          <button\n            type=\"button\"\n            className={`devic-action-btn ${copied ? 'devic-action-btn--active' : ''}`}\n            onClick={handleCopy}\n            disabled={disabled}\n            title=\"Copy to clipboard\"\n            aria-label=\"Copy to clipboard\"\n          >\n            {copied ? <CheckIcon /> : <CopyIcon />}\n          </button>\n        )}\n\n        {showFeedback && (\n          <>\n            <button\n              type=\"button\"\n              className={`devic-action-btn ${feedbackState === 'positive' ? 'devic-action-btn--active devic-action-btn--positive' : ''}`}\n              onClick={() => handleFeedbackClick('positive')}\n              disabled={disabled}\n              title=\"Good response\"\n              aria-label=\"Good response\"\n            >\n              <ThumbsUpIcon filled={feedbackState === 'positive'} />\n            </button>\n\n            <button\n              type=\"button\"\n              className={`devic-action-btn ${feedbackState === 'negative' ? 'devic-action-btn--active devic-action-btn--negative' : ''}`}\n              onClick={() => handleFeedbackClick('negative')}\n              disabled={disabled}\n              title=\"Bad response\"\n              aria-label=\"Bad response\"\n            >\n              <ThumbsDownIcon filled={feedbackState === 'negative'} />\n            </button>\n          </>\n        )}\n      </div>\n\n      <FeedbackModal\n        isOpen={modalOpen}\n        onClose={() => setModalOpen(false)}\n        onSubmit={handleModalSubmit}\n        feedbackType={pendingFeedbackType}\n        isSubmitting={isSubmitting}\n        theme={theme}\n      />\n    </>\n  );\n}\n\n/* ── Icons ── */\n\nfunction CopyIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <rect x=\"9\" y=\"9\" width=\"13\" height=\"13\" rx=\"2\" ry=\"2\" />\n      <path d=\"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1\" />\n    </svg>\n  );\n}\n\nfunction CheckIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <polyline points=\"20,6 9,17 4,12\" />\n    </svg>\n  );\n}\n\nfunction ThumbsUpIcon({ filled = false }: { filled?: boolean }): JSX.Element {\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill={filled ? 'currentColor' : 'none'}\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M7 10v12M15 5.88 14 10h5.83a2 2 0 0 1 1.92 2.56l-2.33 8A2 2 0 0 1 17.5 22H4a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2h2.76a2 2 0 0 0 1.79-1.11L12 2h0a3.13 3.13 0 0 1 3 3.88Z\" />\n    </svg>\n  );\n}\n\nfunction ThumbsDownIcon({ filled = false }: { filled?: boolean }): JSX.Element {\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill={filled ? 'currentColor' : 'none'}\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M17 14V2M9 18.12 10 14H4.17a2 2 0 0 1-1.92-2.56l2.33-8A2 2 0 0 1 6.5 2H20a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-2.76a2 2 0 0 0-1.79 1.11L12 22h0a3.13 3.13 0 0 1-3-3.88Z\" />\n    </svg>\n  );\n}\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":"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"}

package/dist/esm/components/Feedback/index.d.ts

@@ -0,0 +1,3 @@
+export { FeedbackModal } from './FeedbackModal';
+export { MessageActions } from './MessageActions';
+export type { FeedbackModalProps, MessageActionsProps, FeedbackState, FeedbackContextValue, FeedbackTheme, } from './Feedback.types';

package/dist/esm/hooks/useDevicChat.js

@@ -5,6 +5,7 @@ import { DevicApiClient } from '../api/client.js';
 import { usePolling } from './usePolling.js';
 import { useModelInterface } from './useModelInterface.js';
 
+console.log('[devic-ui] Version: DEV-BUILD-001 (2026-01-26 18:20)');
 /**
  * Main hook for managing chat with a Devic assistant
  *
@@ -69,18 +70,38 @@ function useDevicChat(options) {
         tools: modelInterfaceTools,
         onToolExecute: onToolCall,
     });
-    // Polling hook
+    // Polling hook - uses callbacks for side effects, return value not needed
+    console.log('[useDevicChat] Render - shouldPoll:', shouldPoll, 'chatUid:', chatUid);
     usePolling(shouldPoll ? chatUid : null, async () => {
+        console.log('[useDevicChat] fetchFn called, chatUid:', chatUid);
         if (!clientRef.current || !chatUid) {
             throw new Error('Cannot poll without client or chatUid');
         }
-        return clientRef.current.getRealtimeHistory(assistantId, chatUid);
+        const result = await clientRef.current.getRealtimeHistory(assistantId, chatUid);
+        console.log('[useDevicChat] getRealtimeHistory result:', result);
+        return result;
     }, {
         interval: pollingInterval,
         enabled: shouldPoll,
         stopStatuses: ['completed', 'error', 'waiting_for_tool_response'],
         onUpdate: async (data) => {
-            setMessages(data.chatHistory);
+            console.log('[useDevicChat] onUpdate called, status:', data.status);
+            // Merge realtime data with optimistic messages
+            setMessages((prev) => {
+                const realtimeUIDs = new Set(data.chatHistory.map((m) => m.uid));
+                const realtimeUserMessages = new Set(data.chatHistory
+                    .filter((m) => m.role === 'user')
+                    .map((m) => m.content?.message));
+                // Keep optimistic messages not yet in realtime data
+                const optimistic = prev.filter((m) => {
+                    if (realtimeUIDs.has(m.uid))
+                        return false;
+                    if (m.role === 'user' && realtimeUserMessages.has(m.content?.message))
+                        return false;
+                    return true;
+                });
+                return [...data.chatHistory, ...optimistic];
+            });
             setStatus(data.status);
             // Notify about new messages
             const lastMessage = data.chatHistory[data.chatHistory.length - 1];
@@ -92,20 +113,22 @@ function useDevicChat(options) {
                 await handlePendingToolCalls(data);
             }
         },
-        onStop: async (data) => {
-            setIsLoading(false);
+        onStop: (data) => {
+            console.log('[useDevicChat] onStop called, status:', data?.status);
             setShouldPoll(false);
             if (data?.status === 'error') {
+                setIsLoading(false);
                 const err = new Error('Chat processing failed');
                 setError(err);
                 onErrorRef.current?.(err);
             }
-            else if (data?.status === 'waiting_for_tool_response') {
-                // Handle tool response
-                await handlePendingToolCalls(data);
+            else if (data?.status === 'completed') {
+                setIsLoading(false);
             }
+            // Note: waiting_for_tool_response is handled in onUpdate to avoid double execution
         },
         onError: (err) => {
+            console.error('[useDevicChat] onError called:', err);
             setError(err);
             setIsLoading(false);
             setShouldPoll(false);
@@ -180,13 +203,17 @@ function useDevicChat(options) {
                 ...(toolSchemas.length > 0 && { tools: toolSchemas }),
             };
             // Send message in async mode
+            console.log('[useDevicChat] Sending message async...');
             const response = await clientRef.current.sendMessageAsync(assistantId, dto);
+            console.log('[useDevicChat] sendMessageAsync response:', response);
             // Update chat UID if this is a new chat
             if (response.chatUid && response.chatUid !== chatUid) {
+                console.log('[useDevicChat] Setting chatUid:', response.chatUid);
                 setChatUid(response.chatUid);
                 onChatCreatedRef.current?.(response.chatUid);
             }
             // Start polling for results
+            console.log('[useDevicChat] Setting shouldPoll to true');
             setShouldPoll(true);
         }
         catch (err) {
@@ -226,7 +253,7 @@ function useDevicChat(options) {
         setIsLoading(true);
         setError(null);
         try {
-            const history = await clientRef.current.getChatHistory(assistantId, loadChatUid);
+            const history = await clientRef.current.getChatHistory(assistantId, loadChatUid, { tenantId: resolvedTenantId });
             setMessages(history.chatContent);
             setChatUid(loadChatUid);
             setStatus('completed');
@@ -239,7 +266,7 @@ function useDevicChat(options) {
         finally {
             setIsLoading(false);
         }
-    }, [assistantId]);
+    }, [assistantId, resolvedTenantId]);
     return {
         messages,
         chatUid,