@devicai/ui 0.11.0 → 0.11.2

package/dist/cjs/components/ChatDrawer/ChatDrawer.js

@@ -50,6 +50,8 @@ const DEFAULT_OPTIONS = {
     stopButtonContent: undefined,
     debug: false,
     persistConversation: false,
+    customPromptBox: undefined,
+    conversationPreview: 'date',
 };
 /**
  * Chat drawer component for Devic assistants
@@ -322,7 +324,12 @@ function ChatDrawerInner({ assistantId, chatUid: initialChatUid, options = {}, e
         [mergedOptions.position]: 20,
         bottom: 20,
     }), [mergedOptions.zIndex, mergedOptions.position]);
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!isInline && (jsxRuntime.jsx("div", { className: "devic-drawer-overlay", "data-open": isOpen, style: overlayStyle, onClick: handleClose })), jsxRuntime.jsxs("div", { ref: drawerRef, className: `devic-chat-drawer ${className || ''}`, "data-position": mergedOptions.position, "data-open": isOpen, "data-mode": mode, style: drawerStyle, children: [mergedOptions.resizable && (jsxRuntime.jsx("div", { className: "devic-resize-handle", "data-position": mergedOptions.position, onMouseDown: handleResizeStart })), jsxRuntime.jsxs("div", { className: "devic-drawer-header", children: [avatarUrl && (jsxRuntime.jsx("img", { className: "devic-drawer-avatar", src: avatarUrl, alt: "", "aria-hidden": "true" })), jsxRuntime.jsx("h2", { className: "devic-drawer-title", children: mergedOptions.title }), jsxRuntime.jsx(ConversationSelector.ConversationSelector, { assistantId: assistantId, currentChatUid: chat.chatUid, onSelect: handleConversationSelect, onNewChat: handleNewChat, apiKey: apiKey, baseUrl: baseUrl, tenantId: tenantId }), jsxRuntime.jsxs("div", { className: "devic-drawer-header-actions", children: [jsxRuntime.jsx("button", { className: "devic-new-chat-btn", onClick: handleNewChat, type: "button", "aria-label": "New chat", title: "New chat", children: jsxRuntime.jsx(PlusIcon, {}) }), !isInline && (jsxRuntime.jsx("button", { className: "devic-drawer-close", onClick: handleClose, type: "button", "aria-label": "Close chat", children: jsxRuntime.jsx(CloseIcon, {}) }))] })] }), chat.error && (jsxRuntime.jsx("div", { className: "devic-error", children: chat.error.message })), jsxRuntime.jsx(ChatMessages.ChatMessages, { messages: chat.messages, allMessages: chat.messages, isLoading: chat.isLoading, welcomeMessage: mergedOptions.welcomeMessage, suggestedMessages: mergedOptions.suggestedMessages, onSuggestedClick: handleSuggestedClick, showToolTimeline: mergedOptions.showToolTimeline, toolRenderers: mergedOptions.toolRenderers, toolIcons: mergedOptions.toolIcons, loadingIndicator: mergedOptions.loadingIndicator, showFeedback: mergedOptions.showFeedback, feedbackMap: feedbackMap, onFeedback: handleFeedback, handedOffSubThreadId: chat.handedOffSubThreadId || undefined, onHandoffCompleted: chat.onHandoffCompleted, handoffWidgetRenderer: mergedOptions.handoffWidgetRenderer, toolGroups: mergedOptions.toolGroups, apiKey: resolvedApiKey, baseUrl: resolvedBaseUrl }), jsxRuntime.jsx(ChatInput.ChatInput, { onSend: handleSend, disabled: chat.isLoading || chat.handedOff, placeholder: mergedOptions.inputPlaceholder, enableFileUploads: mergedOptions.enableFileUploads, allowedFileTypes: mergedOptions.allowedFileTypes, maxFileSize: mergedOptions.maxFileSize, sendButtonContent: mergedOptions.sendButtonContent, disabledMessage: chat.handedOff ? 'Waiting for subagent to complete' : undefined, isProcessing: chat.isLoading && !chat.handedOff, onStop: chat.stopChat, stopButtonContent: mergedOptions.stopButtonContent })] }), !isInline && !isOpen && (jsxRuntime.jsx("button", { className: "devic-trigger", onClick: handleOpen, style: triggerStyle, type: "button", "aria-label": "Open chat", children: jsxRuntime.jsx(ChatIcon, {}) }))] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!isInline && (jsxRuntime.jsx("div", { className: "devic-drawer-overlay", "data-open": isOpen, style: overlayStyle, onClick: handleClose })), jsxRuntime.jsxs("div", { ref: drawerRef, className: `devic-chat-drawer ${className || ''}`, "data-position": mergedOptions.position, "data-open": isOpen, "data-mode": mode, style: drawerStyle, children: [mergedOptions.resizable && (jsxRuntime.jsx("div", { className: "devic-resize-handle", "data-position": mergedOptions.position, onMouseDown: handleResizeStart })), jsxRuntime.jsxs("div", { className: "devic-drawer-header", children: [avatarUrl && (jsxRuntime.jsx("img", { className: "devic-drawer-avatar", src: avatarUrl, alt: "", "aria-hidden": "true" })), jsxRuntime.jsx("h2", { className: "devic-drawer-title", children: mergedOptions.title }), jsxRuntime.jsx(ConversationSelector.ConversationSelector, { assistantId: assistantId, currentChatUid: chat.chatUid, onSelect: handleConversationSelect, onNewChat: handleNewChat, apiKey: apiKey, baseUrl: baseUrl, tenantId: tenantId, conversationPreview: mergedOptions.conversationPreview }), jsxRuntime.jsxs("div", { className: "devic-drawer-header-actions", children: [jsxRuntime.jsx("button", { className: "devic-new-chat-btn", onClick: handleNewChat, type: "button", "aria-label": "New chat", title: "New chat", children: jsxRuntime.jsx(PlusIcon, {}) }), !isInline && (jsxRuntime.jsx("button", { className: "devic-drawer-close", onClick: handleClose, type: "button", "aria-label": "Close chat", children: jsxRuntime.jsx(CloseIcon, {}) }))] })] }), chat.error && (jsxRuntime.jsx("div", { className: "devic-error", children: chat.error.message })), jsxRuntime.jsx(ChatMessages.ChatMessages, { messages: chat.messages, allMessages: chat.messages, isLoading: chat.isLoading, welcomeMessage: mergedOptions.welcomeMessage, suggestedMessages: mergedOptions.suggestedMessages, onSuggestedClick: handleSuggestedClick, showToolTimeline: mergedOptions.showToolTimeline, toolRenderers: mergedOptions.toolRenderers, toolIcons: mergedOptions.toolIcons, loadingIndicator: mergedOptions.loadingIndicator, showFeedback: mergedOptions.showFeedback, feedbackMap: feedbackMap, onFeedback: handleFeedback, handedOffSubThreadId: chat.handedOffSubThreadId || undefined, onHandoffCompleted: chat.onHandoffCompleted, handoffWidgetRenderer: mergedOptions.handoffWidgetRenderer, toolGroups: mergedOptions.toolGroups, apiKey: resolvedApiKey, baseUrl: resolvedBaseUrl }), mergedOptions.customPromptBox ? (jsxRuntime.jsx("div", { className: "devic-input-area", children: mergedOptions.customPromptBox({
+                            sendMessage: handleSend,
+                            stop: chat.stopChat,
+                            isLoading: chat.isLoading,
+                            newConversation: chat.clearChat,
+                        }) })) : (jsxRuntime.jsx(ChatInput.ChatInput, { onSend: handleSend, disabled: chat.isLoading || chat.handedOff, placeholder: mergedOptions.inputPlaceholder, enableFileUploads: mergedOptions.enableFileUploads, allowedFileTypes: mergedOptions.allowedFileTypes, maxFileSize: mergedOptions.maxFileSize, sendButtonContent: mergedOptions.sendButtonContent, disabledMessage: chat.handedOff ? 'Waiting for subagent to complete' : undefined, isProcessing: chat.isLoading && !chat.handedOff, onStop: chat.stopChat, stopButtonContent: mergedOptions.stopButtonContent }))] }), !isInline && !isOpen && (jsxRuntime.jsx("button", { className: "devic-trigger", onClick: handleOpen, style: triggerStyle, type: "button", "aria-label": "Open chat", children: jsxRuntime.jsx(ChatIcon, {}) }))] }));
 }
 /**
  * Close icon

package/dist/cjs/components/ChatDrawer/ChatDrawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatDrawer.js","sources":["../../../../../src/components/ChatDrawer/ChatDrawer.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, useMemo, useRef, forwardRef, useImperativeHandle } from 'react';\nimport { useDevicChat } from '../../hooks/useDevicChat';\nimport { useOptionalDevicContext } from '../../provider';\nimport { DevicApiClient } from '../../api/client';\nimport { ChatMessages } from './ChatMessages';\nimport { ChatInput } from './ChatInput';\nimport { ConversationSelector } from './ConversationSelector';\nimport { ChatDrawerErrorBoundary } from './ErrorBoundary';\nimport type { ChatDrawerProps, ChatDrawerOptions, ChatDrawerHandle } from './ChatDrawer.types';\nimport './styles.css';\n\nconst DEFAULT_OPTIONS: Required<ChatDrawerOptions> = {\n  position: 'right',\n  width: '100%',\n  defaultOpen: false,\n  color: '#1890ff',\n  welcomeMessage: '',\n  suggestedMessages: [],\n  enableFileUploads: false,\n  allowedFileTypes: { images: true, documents: true },\n  maxFileSize: 10 * 1024 * 1024,\n  inputPlaceholder: 'Type a message...',\n  title: 'Chat',\n  showAvatar: false,\n  showToolTimeline: true,\n  zIndex: 1000,\n  borderRadius: 0,\n  resizable: false,\n  minWidth: 300,\n  maxWidth: 800,\n  style: {},\n  fontFamily: undefined as any,\n  backgroundColor: undefined as any,\n  textColor: undefined as any,\n  secondaryBackgroundColor: undefined as any,\n  borderColor: undefined as any,\n  userBubbleColor: undefined as any,\n  userBubbleTextColor: undefined as any,\n  assistantBubbleColor: undefined as any,\n  assistantBubbleTextColor: undefined as any,\n  sendButtonColor: undefined as any,\n  loadingIndicator: undefined as any,\n  sendButtonContent: undefined as any,\n  toolRenderers: undefined as any,\n  toolIcons: undefined as any,\n  showFeedback: true,\n  handoffWidgetRenderer: undefined as any,\n  toolGroups: undefined as any,\n  stopButtonContent: undefined as any,\n  debug: false,\n  persistConversation: false,\n};\n\n/**\n * Chat drawer component for Devic assistants\n *\n * @example\n * ```tsx\n * <ChatDrawer\n *   ref={drawerRef}\n *   assistantId=\"my-assistant\"\n *   options={{\n *     position: 'right',\n *     width: 400,\n *     welcomeMessage: 'Hello! How can I help you?',\n *     suggestedMessages: ['Help me with...', 'Tell me about...'],\n *   }}\n *   modelInterfaceTools={[\n *     {\n *       toolName: 'get_user_location',\n *       schema: { ... },\n *       callback: async () => ({ lat: 40.7, lng: -74.0 })\n *     }\n *   ]}\n *   onMessageReceived={(msg) => console.log('Received:', msg)}\n * />\n * ```\n */\nexport const ChatDrawer = forwardRef<ChatDrawerHandle, ChatDrawerProps>(\n  function ChatDrawer(props, ref) {\n    return (\n      <ChatDrawerErrorBoundary>\n        <ChatDrawerInner {...props} forwardedRef={ref} />\n      </ChatDrawerErrorBoundary>\n    );\n  }\n);\n\ninterface ChatDrawerInnerProps extends ChatDrawerProps {\n  forwardedRef?: React.Ref<ChatDrawerHandle>;\n}\n\nfunction ChatDrawerInner({\n  assistantId,\n  chatUid: initialChatUid,\n  options = {},\n  enabledTools,\n  modelInterfaceTools,\n  tenantId,\n  tenantMetadata,\n  apiKey,\n  baseUrl,\n  onMessageSent,\n  onMessageReceived,\n  onToolCall,\n  onError,\n  onChatCreated,\n  onFileUpload,\n  onOpen,\n  onClose,\n  isOpen: controlledIsOpen,\n  className,\n  mode = 'drawer',\n  onConversationChange,\n  forwardedRef,\n}: ChatDrawerInnerProps): JSX.Element {\n  // Merge options with defaults\n  const mergedOptions = useMemo(\n    () => ({ ...DEFAULT_OPTIONS, ...options }),\n    [options]\n  );\n\n  // localStorage key for persisting selected conversation\n  const storageKey = mergedOptions.persistConversation\n    ? `devic-ui-chatUid-${assistantId}`\n    : null;\n\n  // Resolve initial chatUid: prop takes priority, then localStorage\n  const resolvedInitialChatUid = useMemo(() => {\n    if (initialChatUid) return initialChatUid;\n    if (storageKey) {\n      try { return localStorage.getItem(storageKey) || undefined; } catch { return undefined; }\n    }\n    return undefined;\n  }, [initialChatUid, storageKey]);\n\n  // Drawer open state (can be controlled or uncontrolled; inline mode is always open)\n  const [internalIsOpen, setInternalIsOpen] = useState(mergedOptions.defaultOpen);\n  const isInline = mode === 'inline';\n  const isOpen = isInline ? true : (controlledIsOpen ?? internalIsOpen);\n\n  // Wrap onChatCreated to persist chatUid in localStorage\n  const handleChatCreated = useCallback(\n    (chatUid: string) => {\n      if (storageKey) {\n        try { localStorage.setItem(storageKey, chatUid); } catch {}\n      }\n      onChatCreated?.(chatUid);\n    },\n    [storageKey, onChatCreated]\n  );\n\n  // Use chat hook\n  const chat = useDevicChat({\n    assistantId,\n    chatUid: resolvedInitialChatUid,\n    apiKey,\n    baseUrl,\n    tenantId,\n    tenantMetadata,\n    enabledTools,\n    modelInterfaceTools,\n    onMessageSent,\n    onMessageReceived,\n    onToolCall,\n    onError,\n    onChatCreated: handleChatCreated,\n    onFileUpload,\n    debug: mergedOptions.debug,\n  });\n\n  // Fetch assistant avatar when showAvatar is enabled\n  const context = useOptionalDevicContext();\n  const resolvedApiKey = apiKey || context?.apiKey;\n  const resolvedBaseUrl = baseUrl || context?.baseUrl || 'https://api.devic.ai';\n  const [avatarUrl, setAvatarUrl] = useState<string | null>(null);\n  const avatarFetchedRef = useRef<string | null>(null);\n\n  useEffect(() => {\n    if (!mergedOptions.showAvatar || !resolvedApiKey || avatarFetchedRef.current === assistantId) return;\n    avatarFetchedRef.current = assistantId;\n    const client = new DevicApiClient({ apiKey: resolvedApiKey, baseUrl: resolvedBaseUrl });\n    client.getAssistant(assistantId).then((a) => {\n      if (a.imgUrl) setAvatarUrl(a.imgUrl);\n    }).catch(() => {});\n  }, [mergedOptions.showAvatar, assistantId, resolvedApiKey, resolvedBaseUrl]);\n\n  // Handle open/close\n  const handleOpen = useCallback(() => {\n    setInternalIsOpen(true);\n    onOpen?.();\n  }, [onOpen]);\n\n  const handleClose = useCallback(() => {\n    setInternalIsOpen(false);\n    onClose?.();\n  }, [onClose]);\n\n  const handleToggle = useCallback(() => {\n    setInternalIsOpen((prev) => !prev);\n  }, []);\n\n  // Expose handle for programmatic control\n  useImperativeHandle(forwardedRef, () => ({\n    open: handleOpen,\n    close: handleClose,\n    toggle: handleToggle,\n    setChatUid: (chatUid: string) => {\n      chat.loadChat(chatUid);\n    },\n    sendMessage: (message: string) => {\n      chat.sendMessage(message);\n    },\n  }), [handleOpen, handleClose, handleToggle, chat]);\n\n  // Handle send message\n  const handleSend = useCallback(\n    (message: string, files?: File[]) => {\n      chat.sendMessage(message, { files });\n    },\n    [chat]\n  );\n\n  // Handle conversation selection\n  const handleConversationSelect = useCallback(\n    (chatUid: string) => {\n      chat.loadChat(chatUid);\n      onConversationChange?.(chatUid);\n      if (storageKey) {\n        try { localStorage.setItem(storageKey, chatUid); } catch {}\n      }\n    },\n    [chat, onConversationChange, storageKey]\n  );\n\n  const handleNewChat = useCallback(() => {\n    chat.clearChat();\n    if (storageKey) {\n      try { localStorage.removeItem(storageKey); } catch {}\n    }\n  }, [chat, storageKey]);\n\n  // Handle suggested message click\n  const handleSuggestedClick = useCallback(\n    (message: string) => {\n      chat.sendMessage(message);\n    },\n    [chat]\n  );\n\n  // Feedback state\n  const [feedbackMap, setFeedbackMap] = useState<Map<string, 'positive' | 'negative'>>(new Map());\n  const feedbackClientRef = useRef<DevicApiClient | null>(null);\n\n  // Initialize feedback client\n  useEffect(() => {\n    if (resolvedApiKey && !feedbackClientRef.current) {\n      feedbackClientRef.current = new DevicApiClient({\n        apiKey: resolvedApiKey,\n        baseUrl: resolvedBaseUrl,\n      });\n    }\n  }, [resolvedApiKey, resolvedBaseUrl]);\n\n  // Load existing feedback when chat changes\n  useEffect(() => {\n    if (!chat.chatUid || !feedbackClientRef.current || !mergedOptions.showFeedback) return;\n\n    feedbackClientRef.current.getChatFeedback(assistantId, chat.chatUid)\n      .then((entries) => {\n        const newMap = new Map<string, 'positive' | 'negative'>();\n        for (const entry of entries) {\n          if (entry.feedback !== undefined) {\n            newMap.set(entry.requestId, entry.feedback ? 'positive' : 'negative');\n          }\n        }\n        setFeedbackMap(newMap);\n      })\n      .catch(() => {\n        // Silently ignore feedback loading errors\n      });\n  }, [chat.chatUid, assistantId, mergedOptions.showFeedback]);\n\n  // Handle feedback submission\n  const handleFeedback = useCallback(\n    async (messageId: string, positive: boolean, comment?: string) => {\n      if (!chat.chatUid || !feedbackClientRef.current) return;\n\n      try {\n        await feedbackClientRef.current.submitChatFeedback(assistantId, chat.chatUid, {\n          messageId,\n          feedback: positive,\n          feedbackComment: comment,\n        });\n\n        setFeedbackMap((prev) => {\n          const newMap = new Map(prev);\n          newMap.set(messageId, positive ? 'positive' : 'negative');\n          return newMap;\n        });\n      } catch (err) {\n        console.error('Failed to submit feedback:', err);\n        throw err;\n      }\n    },\n    [chat.chatUid, assistantId]\n  );\n\n  // Apply CSS variables for theming on the drawer element itself\n  // (must target the component root so they override the defaults defined on .devic-chat-drawer)\n  const drawerRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    const el = drawerRef.current;\n    if (!el) return;\n    const vars: [string, string | undefined][] = [\n      ['--devic-primary', mergedOptions.color !== DEFAULT_OPTIONS.color ? mergedOptions.color : undefined],\n      ['--devic-font-family', mergedOptions.fontFamily],\n      ['--devic-bg', mergedOptions.backgroundColor],\n      ['--devic-text', mergedOptions.textColor],\n      ['--devic-bg-secondary', mergedOptions.secondaryBackgroundColor],\n      ['--devic-border', mergedOptions.borderColor],\n      ['--devic-user-bubble', mergedOptions.userBubbleColor],\n      ['--devic-user-bubble-text', mergedOptions.userBubbleTextColor],\n      ['--devic-assistant-bubble', mergedOptions.assistantBubbleColor],\n      ['--devic-assistant-bubble-text', mergedOptions.assistantBubbleTextColor],\n      ['--devic-send-btn', mergedOptions.sendButtonColor],\n    ];\n    for (const [name, value] of vars) {\n      if (value) {\n        el.style.setProperty(name, value);\n      } else {\n        el.style.removeProperty(name);\n      }\n    }\n  }, [mergedOptions.color, mergedOptions.fontFamily, mergedOptions.backgroundColor, mergedOptions.textColor, mergedOptions.secondaryBackgroundColor, mergedOptions.borderColor, mergedOptions.userBubbleColor, mergedOptions.userBubbleTextColor, mergedOptions.assistantBubbleColor, mergedOptions.assistantBubbleTextColor, mergedOptions.sendButtonColor]);\n\n  // Resizable drawer\n  const [resizedWidth, setResizedWidth] = useState<number | null>(null);\n\n  const handleResizeStart = useCallback(\n    (e: React.MouseEvent) => {\n      e.preventDefault();\n      const startX = e.clientX;\n      const startWidth = drawerRef.current?.offsetWidth ?? 0;\n      const isLeft = mergedOptions.position === 'left';\n\n      const onMove = (ev: MouseEvent) => {\n        const delta = ev.clientX - startX;\n        const newWidth = startWidth + (isLeft ? delta : -delta);\n        const clamped = Math.min(\n          mergedOptions.maxWidth,\n          Math.max(mergedOptions.minWidth, newWidth)\n        );\n        setResizedWidth(clamped);\n      };\n\n      const onUp = () => {\n        document.removeEventListener('mousemove', onMove);\n        document.removeEventListener('mouseup', onUp);\n      };\n\n      document.addEventListener('mousemove', onMove);\n      document.addEventListener('mouseup', onUp);\n    },\n    [mergedOptions.position, mergedOptions.minWidth, mergedOptions.maxWidth]\n  );\n\n  // Build style object\n  const baseWidth = resizedWidth\n    ? `${resizedWidth}px`\n    : typeof mergedOptions.width === 'number'\n      ? `${mergedOptions.width}px`\n      : mergedOptions.width;\n\n  const drawerStyle = useMemo(\n    () => ({\n      width: baseWidth,\n      zIndex: mergedOptions.zIndex,\n      borderRadius: typeof mergedOptions.borderRadius === 'number'\n        ? `${mergedOptions.borderRadius}px`\n        : mergedOptions.borderRadius,\n      ...mergedOptions.style,\n    }),\n    [baseWidth, mergedOptions.zIndex, mergedOptions.borderRadius, mergedOptions.style]\n  );\n\n  const overlayStyle = useMemo(\n    () => ({\n      zIndex: mergedOptions.zIndex - 1,\n    }),\n    [mergedOptions.zIndex]\n  );\n\n  const triggerStyle = useMemo(\n    () => ({\n      zIndex: mergedOptions.zIndex - 1,\n      [mergedOptions.position]: 20,\n      bottom: 20,\n    }),\n    [mergedOptions.zIndex, mergedOptions.position]\n  );\n\n  return (\n    <>\n      {/* Overlay (drawer mode only) */}\n      {!isInline && (\n        <div\n          className=\"devic-drawer-overlay\"\n          data-open={isOpen}\n          style={overlayStyle}\n          onClick={handleClose}\n        />\n      )}\n\n      {/* Drawer */}\n      <div\n        ref={drawerRef}\n        className={`devic-chat-drawer ${className || ''}`}\n        data-position={mergedOptions.position}\n        data-open={isOpen}\n        data-mode={mode}\n        style={drawerStyle}\n      >\n        {/* Resize handle */}\n        {mergedOptions.resizable && (\n          <div\n            className=\"devic-resize-handle\"\n            data-position={mergedOptions.position}\n            onMouseDown={handleResizeStart}\n          />\n        )}\n\n        {/* Header */}\n        <div className=\"devic-drawer-header\">\n          {avatarUrl && (\n            <img\n              className=\"devic-drawer-avatar\"\n              src={avatarUrl}\n              alt=\"\"\n              aria-hidden=\"true\"\n            />\n          )}\n          <h2 className=\"devic-drawer-title\">{mergedOptions.title}</h2>\n          <ConversationSelector\n            assistantId={assistantId}\n            currentChatUid={chat.chatUid}\n            onSelect={handleConversationSelect}\n            onNewChat={handleNewChat}\n            apiKey={apiKey}\n            baseUrl={baseUrl}\n            tenantId={tenantId}\n          />\n          <div className=\"devic-drawer-header-actions\">\n            <button\n              className=\"devic-new-chat-btn\"\n              onClick={handleNewChat}\n              type=\"button\"\n              aria-label=\"New chat\"\n              title=\"New chat\"\n            >\n              <PlusIcon />\n            </button>\n            {!isInline && (\n              <button\n                className=\"devic-drawer-close\"\n                onClick={handleClose}\n                type=\"button\"\n                aria-label=\"Close chat\"\n              >\n                <CloseIcon />\n              </button>\n            )}\n          </div>\n        </div>\n\n        {/* Error display */}\n        {chat.error && (\n          <div className=\"devic-error\">\n            {chat.error.message}\n          </div>\n        )}\n\n        {/* Messages */}\n        <ChatMessages\n          messages={chat.messages}\n          allMessages={chat.messages}\n          isLoading={chat.isLoading}\n          welcomeMessage={mergedOptions.welcomeMessage}\n          suggestedMessages={mergedOptions.suggestedMessages}\n          onSuggestedClick={handleSuggestedClick}\n          showToolTimeline={mergedOptions.showToolTimeline}\n          toolRenderers={mergedOptions.toolRenderers}\n          toolIcons={mergedOptions.toolIcons}\n          loadingIndicator={mergedOptions.loadingIndicator}\n          showFeedback={mergedOptions.showFeedback}\n          feedbackMap={feedbackMap}\n          onFeedback={handleFeedback}\n          handedOffSubThreadId={chat.handedOffSubThreadId || undefined}\n          onHandoffCompleted={chat.onHandoffCompleted}\n          handoffWidgetRenderer={mergedOptions.handoffWidgetRenderer}\n          toolGroups={mergedOptions.toolGroups}\n          apiKey={resolvedApiKey}\n          baseUrl={resolvedBaseUrl}\n        />\n\n        {/* Input */}\n        <ChatInput\n          onSend={handleSend}\n          disabled={chat.isLoading || chat.handedOff}\n          placeholder={mergedOptions.inputPlaceholder}\n          enableFileUploads={mergedOptions.enableFileUploads}\n          allowedFileTypes={mergedOptions.allowedFileTypes}\n          maxFileSize={mergedOptions.maxFileSize}\n          sendButtonContent={mergedOptions.sendButtonContent}\n          disabledMessage={chat.handedOff ? 'Waiting for subagent to complete' : undefined}\n          isProcessing={chat.isLoading && !chat.handedOff}\n          onStop={chat.stopChat}\n          stopButtonContent={mergedOptions.stopButtonContent}\n        />\n      </div>\n\n      {/* Trigger button (drawer mode only, when closed) */}\n      {!isInline && !isOpen && (\n        <button\n          className=\"devic-trigger\"\n          onClick={handleOpen}\n          style={triggerStyle}\n          type=\"button\"\n          aria-label=\"Open chat\"\n        >\n          <ChatIcon />\n        </button>\n      )}\n    </>\n  );\n}\n\n/**\n * Close icon\n */\nfunction CloseIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\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\n/**\n * Plus icon for new chat button\n */\nfunction PlusIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"18\"\n      height=\"18\"\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=\"12\" y1=\"5\" x2=\"12\" y2=\"19\" />\n      <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n    </svg>\n  );\n}\n\n/**\n * Chat icon for trigger button\n */\nfunction ChatIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n    >\n      <path d=\"M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z\" />\n    </svg>\n  );\n}\n"],"names":["forwardRef","_jsx","ChatDrawerErrorBoundary","useMemo","useState","useCallback","useDevicChat","useOptionalDevicContext","useRef","useEffect","client","DevicApiClient","useImperativeHandle","_jsxs","ConversationSelector","ChatMessages","ChatInput"],"mappings":"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"}
+{"version":3,"file":"ChatDrawer.js","sources":["../../../../../src/components/ChatDrawer/ChatDrawer.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, useMemo, useRef, forwardRef, useImperativeHandle } from 'react';\nimport { useDevicChat } from '../../hooks/useDevicChat';\nimport { useOptionalDevicContext } from '../../provider';\nimport { DevicApiClient } from '../../api/client';\nimport { ChatMessages } from './ChatMessages';\nimport { ChatInput } from './ChatInput';\nimport { ConversationSelector } from './ConversationSelector';\nimport { ChatDrawerErrorBoundary } from './ErrorBoundary';\nimport type { ChatDrawerProps, ChatDrawerOptions, ChatDrawerHandle } from './ChatDrawer.types';\nimport './styles.css';\n\nconst DEFAULT_OPTIONS: Required<ChatDrawerOptions> = {\n  position: 'right',\n  width: '100%',\n  defaultOpen: false,\n  color: '#1890ff',\n  welcomeMessage: '',\n  suggestedMessages: [],\n  enableFileUploads: false,\n  allowedFileTypes: { images: true, documents: true },\n  maxFileSize: 10 * 1024 * 1024,\n  inputPlaceholder: 'Type a message...',\n  title: 'Chat',\n  showAvatar: false,\n  showToolTimeline: true,\n  zIndex: 1000,\n  borderRadius: 0,\n  resizable: false,\n  minWidth: 300,\n  maxWidth: 800,\n  style: {},\n  fontFamily: undefined as any,\n  backgroundColor: undefined as any,\n  textColor: undefined as any,\n  secondaryBackgroundColor: undefined as any,\n  borderColor: undefined as any,\n  userBubbleColor: undefined as any,\n  userBubbleTextColor: undefined as any,\n  assistantBubbleColor: undefined as any,\n  assistantBubbleTextColor: undefined as any,\n  sendButtonColor: undefined as any,\n  loadingIndicator: undefined as any,\n  sendButtonContent: undefined as any,\n  toolRenderers: undefined as any,\n  toolIcons: undefined as any,\n  showFeedback: true,\n  handoffWidgetRenderer: undefined as any,\n  toolGroups: undefined as any,\n  stopButtonContent: undefined as any,\n  debug: false,\n  persistConversation: false,\n  customPromptBox: undefined as any,\n  conversationPreview: 'date',\n};\n\n/**\n * Chat drawer component for Devic assistants\n *\n * @example\n * ```tsx\n * <ChatDrawer\n *   ref={drawerRef}\n *   assistantId=\"my-assistant\"\n *   options={{\n *     position: 'right',\n *     width: 400,\n *     welcomeMessage: 'Hello! How can I help you?',\n *     suggestedMessages: ['Help me with...', 'Tell me about...'],\n *   }}\n *   modelInterfaceTools={[\n *     {\n *       toolName: 'get_user_location',\n *       schema: { ... },\n *       callback: async () => ({ lat: 40.7, lng: -74.0 })\n *     }\n *   ]}\n *   onMessageReceived={(msg) => console.log('Received:', msg)}\n * />\n * ```\n */\nexport const ChatDrawer = forwardRef<ChatDrawerHandle, ChatDrawerProps>(\n  function ChatDrawer(props, ref) {\n    return (\n      <ChatDrawerErrorBoundary>\n        <ChatDrawerInner {...props} forwardedRef={ref} />\n      </ChatDrawerErrorBoundary>\n    );\n  }\n);\n\ninterface ChatDrawerInnerProps extends ChatDrawerProps {\n  forwardedRef?: React.Ref<ChatDrawerHandle>;\n}\n\nfunction ChatDrawerInner({\n  assistantId,\n  chatUid: initialChatUid,\n  options = {},\n  enabledTools,\n  modelInterfaceTools,\n  tenantId,\n  tenantMetadata,\n  apiKey,\n  baseUrl,\n  onMessageSent,\n  onMessageReceived,\n  onToolCall,\n  onError,\n  onChatCreated,\n  onFileUpload,\n  onOpen,\n  onClose,\n  isOpen: controlledIsOpen,\n  className,\n  mode = 'drawer',\n  onConversationChange,\n  forwardedRef,\n}: ChatDrawerInnerProps): JSX.Element {\n  // Merge options with defaults\n  const mergedOptions = useMemo(\n    () => ({ ...DEFAULT_OPTIONS, ...options }),\n    [options]\n  );\n\n  // localStorage key for persisting selected conversation\n  const storageKey = mergedOptions.persistConversation\n    ? `devic-ui-chatUid-${assistantId}`\n    : null;\n\n  // Resolve initial chatUid: prop takes priority, then localStorage\n  const resolvedInitialChatUid = useMemo(() => {\n    if (initialChatUid) return initialChatUid;\n    if (storageKey) {\n      try { return localStorage.getItem(storageKey) || undefined; } catch { return undefined; }\n    }\n    return undefined;\n  }, [initialChatUid, storageKey]);\n\n  // Drawer open state (can be controlled or uncontrolled; inline mode is always open)\n  const [internalIsOpen, setInternalIsOpen] = useState(mergedOptions.defaultOpen);\n  const isInline = mode === 'inline';\n  const isOpen = isInline ? true : (controlledIsOpen ?? internalIsOpen);\n\n  // Wrap onChatCreated to persist chatUid in localStorage\n  const handleChatCreated = useCallback(\n    (chatUid: string) => {\n      if (storageKey) {\n        try { localStorage.setItem(storageKey, chatUid); } catch {}\n      }\n      onChatCreated?.(chatUid);\n    },\n    [storageKey, onChatCreated]\n  );\n\n  // Use chat hook\n  const chat = useDevicChat({\n    assistantId,\n    chatUid: resolvedInitialChatUid,\n    apiKey,\n    baseUrl,\n    tenantId,\n    tenantMetadata,\n    enabledTools,\n    modelInterfaceTools,\n    onMessageSent,\n    onMessageReceived,\n    onToolCall,\n    onError,\n    onChatCreated: handleChatCreated,\n    onFileUpload,\n    debug: mergedOptions.debug,\n  });\n\n  // Fetch assistant avatar when showAvatar is enabled\n  const context = useOptionalDevicContext();\n  const resolvedApiKey = apiKey || context?.apiKey;\n  const resolvedBaseUrl = baseUrl || context?.baseUrl || 'https://api.devic.ai';\n  const [avatarUrl, setAvatarUrl] = useState<string | null>(null);\n  const avatarFetchedRef = useRef<string | null>(null);\n\n  useEffect(() => {\n    if (!mergedOptions.showAvatar || !resolvedApiKey || avatarFetchedRef.current === assistantId) return;\n    avatarFetchedRef.current = assistantId;\n    const client = new DevicApiClient({ apiKey: resolvedApiKey, baseUrl: resolvedBaseUrl });\n    client.getAssistant(assistantId).then((a) => {\n      if (a.imgUrl) setAvatarUrl(a.imgUrl);\n    }).catch(() => {});\n  }, [mergedOptions.showAvatar, assistantId, resolvedApiKey, resolvedBaseUrl]);\n\n  // Handle open/close\n  const handleOpen = useCallback(() => {\n    setInternalIsOpen(true);\n    onOpen?.();\n  }, [onOpen]);\n\n  const handleClose = useCallback(() => {\n    setInternalIsOpen(false);\n    onClose?.();\n  }, [onClose]);\n\n  const handleToggle = useCallback(() => {\n    setInternalIsOpen((prev) => !prev);\n  }, []);\n\n  // Expose handle for programmatic control\n  useImperativeHandle(forwardedRef, () => ({\n    open: handleOpen,\n    close: handleClose,\n    toggle: handleToggle,\n    setChatUid: (chatUid: string) => {\n      chat.loadChat(chatUid);\n    },\n    sendMessage: (message: string) => {\n      chat.sendMessage(message);\n    },\n  }), [handleOpen, handleClose, handleToggle, chat]);\n\n  // Handle send message\n  const handleSend = useCallback(\n    (message: string, files?: File[]) => {\n      chat.sendMessage(message, { files });\n    },\n    [chat]\n  );\n\n  // Handle conversation selection\n  const handleConversationSelect = useCallback(\n    (chatUid: string) => {\n      chat.loadChat(chatUid);\n      onConversationChange?.(chatUid);\n      if (storageKey) {\n        try { localStorage.setItem(storageKey, chatUid); } catch {}\n      }\n    },\n    [chat, onConversationChange, storageKey]\n  );\n\n  const handleNewChat = useCallback(() => {\n    chat.clearChat();\n    if (storageKey) {\n      try { localStorage.removeItem(storageKey); } catch {}\n    }\n  }, [chat, storageKey]);\n\n  // Handle suggested message click\n  const handleSuggestedClick = useCallback(\n    (message: string) => {\n      chat.sendMessage(message);\n    },\n    [chat]\n  );\n\n  // Feedback state\n  const [feedbackMap, setFeedbackMap] = useState<Map<string, 'positive' | 'negative'>>(new Map());\n  const feedbackClientRef = useRef<DevicApiClient | null>(null);\n\n  // Initialize feedback client\n  useEffect(() => {\n    if (resolvedApiKey && !feedbackClientRef.current) {\n      feedbackClientRef.current = new DevicApiClient({\n        apiKey: resolvedApiKey,\n        baseUrl: resolvedBaseUrl,\n      });\n    }\n  }, [resolvedApiKey, resolvedBaseUrl]);\n\n  // Load existing feedback when chat changes\n  useEffect(() => {\n    if (!chat.chatUid || !feedbackClientRef.current || !mergedOptions.showFeedback) return;\n\n    feedbackClientRef.current.getChatFeedback(assistantId, chat.chatUid)\n      .then((entries) => {\n        const newMap = new Map<string, 'positive' | 'negative'>();\n        for (const entry of entries) {\n          if (entry.feedback !== undefined) {\n            newMap.set(entry.requestId, entry.feedback ? 'positive' : 'negative');\n          }\n        }\n        setFeedbackMap(newMap);\n      })\n      .catch(() => {\n        // Silently ignore feedback loading errors\n      });\n  }, [chat.chatUid, assistantId, mergedOptions.showFeedback]);\n\n  // Handle feedback submission\n  const handleFeedback = useCallback(\n    async (messageId: string, positive: boolean, comment?: string) => {\n      if (!chat.chatUid || !feedbackClientRef.current) return;\n\n      try {\n        await feedbackClientRef.current.submitChatFeedback(assistantId, chat.chatUid, {\n          messageId,\n          feedback: positive,\n          feedbackComment: comment,\n        });\n\n        setFeedbackMap((prev) => {\n          const newMap = new Map(prev);\n          newMap.set(messageId, positive ? 'positive' : 'negative');\n          return newMap;\n        });\n      } catch (err) {\n        console.error('Failed to submit feedback:', err);\n        throw err;\n      }\n    },\n    [chat.chatUid, assistantId]\n  );\n\n  // Apply CSS variables for theming on the drawer element itself\n  // (must target the component root so they override the defaults defined on .devic-chat-drawer)\n  const drawerRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    const el = drawerRef.current;\n    if (!el) return;\n    const vars: [string, string | undefined][] = [\n      ['--devic-primary', mergedOptions.color !== DEFAULT_OPTIONS.color ? mergedOptions.color : undefined],\n      ['--devic-font-family', mergedOptions.fontFamily],\n      ['--devic-bg', mergedOptions.backgroundColor],\n      ['--devic-text', mergedOptions.textColor],\n      ['--devic-bg-secondary', mergedOptions.secondaryBackgroundColor],\n      ['--devic-border', mergedOptions.borderColor],\n      ['--devic-user-bubble', mergedOptions.userBubbleColor],\n      ['--devic-user-bubble-text', mergedOptions.userBubbleTextColor],\n      ['--devic-assistant-bubble', mergedOptions.assistantBubbleColor],\n      ['--devic-assistant-bubble-text', mergedOptions.assistantBubbleTextColor],\n      ['--devic-send-btn', mergedOptions.sendButtonColor],\n    ];\n    for (const [name, value] of vars) {\n      if (value) {\n        el.style.setProperty(name, value);\n      } else {\n        el.style.removeProperty(name);\n      }\n    }\n  }, [mergedOptions.color, mergedOptions.fontFamily, mergedOptions.backgroundColor, mergedOptions.textColor, mergedOptions.secondaryBackgroundColor, mergedOptions.borderColor, mergedOptions.userBubbleColor, mergedOptions.userBubbleTextColor, mergedOptions.assistantBubbleColor, mergedOptions.assistantBubbleTextColor, mergedOptions.sendButtonColor]);\n\n  // Resizable drawer\n  const [resizedWidth, setResizedWidth] = useState<number | null>(null);\n\n  const handleResizeStart = useCallback(\n    (e: React.MouseEvent) => {\n      e.preventDefault();\n      const startX = e.clientX;\n      const startWidth = drawerRef.current?.offsetWidth ?? 0;\n      const isLeft = mergedOptions.position === 'left';\n\n      const onMove = (ev: MouseEvent) => {\n        const delta = ev.clientX - startX;\n        const newWidth = startWidth + (isLeft ? delta : -delta);\n        const clamped = Math.min(\n          mergedOptions.maxWidth,\n          Math.max(mergedOptions.minWidth, newWidth)\n        );\n        setResizedWidth(clamped);\n      };\n\n      const onUp = () => {\n        document.removeEventListener('mousemove', onMove);\n        document.removeEventListener('mouseup', onUp);\n      };\n\n      document.addEventListener('mousemove', onMove);\n      document.addEventListener('mouseup', onUp);\n    },\n    [mergedOptions.position, mergedOptions.minWidth, mergedOptions.maxWidth]\n  );\n\n  // Build style object\n  const baseWidth = resizedWidth\n    ? `${resizedWidth}px`\n    : typeof mergedOptions.width === 'number'\n      ? `${mergedOptions.width}px`\n      : mergedOptions.width;\n\n  const drawerStyle = useMemo(\n    () => ({\n      width: baseWidth,\n      zIndex: mergedOptions.zIndex,\n      borderRadius: typeof mergedOptions.borderRadius === 'number'\n        ? `${mergedOptions.borderRadius}px`\n        : mergedOptions.borderRadius,\n      ...mergedOptions.style,\n    }),\n    [baseWidth, mergedOptions.zIndex, mergedOptions.borderRadius, mergedOptions.style]\n  );\n\n  const overlayStyle = useMemo(\n    () => ({\n      zIndex: mergedOptions.zIndex - 1,\n    }),\n    [mergedOptions.zIndex]\n  );\n\n  const triggerStyle = useMemo(\n    () => ({\n      zIndex: mergedOptions.zIndex - 1,\n      [mergedOptions.position]: 20,\n      bottom: 20,\n    }),\n    [mergedOptions.zIndex, mergedOptions.position]\n  );\n\n  return (\n    <>\n      {/* Overlay (drawer mode only) */}\n      {!isInline && (\n        <div\n          className=\"devic-drawer-overlay\"\n          data-open={isOpen}\n          style={overlayStyle}\n          onClick={handleClose}\n        />\n      )}\n\n      {/* Drawer */}\n      <div\n        ref={drawerRef}\n        className={`devic-chat-drawer ${className || ''}`}\n        data-position={mergedOptions.position}\n        data-open={isOpen}\n        data-mode={mode}\n        style={drawerStyle}\n      >\n        {/* Resize handle */}\n        {mergedOptions.resizable && (\n          <div\n            className=\"devic-resize-handle\"\n            data-position={mergedOptions.position}\n            onMouseDown={handleResizeStart}\n          />\n        )}\n\n        {/* Header */}\n        <div className=\"devic-drawer-header\">\n          {avatarUrl && (\n            <img\n              className=\"devic-drawer-avatar\"\n              src={avatarUrl}\n              alt=\"\"\n              aria-hidden=\"true\"\n            />\n          )}\n          <h2 className=\"devic-drawer-title\">{mergedOptions.title}</h2>\n          <ConversationSelector\n            assistantId={assistantId}\n            currentChatUid={chat.chatUid}\n            onSelect={handleConversationSelect}\n            onNewChat={handleNewChat}\n            apiKey={apiKey}\n            baseUrl={baseUrl}\n            tenantId={tenantId}\n            conversationPreview={mergedOptions.conversationPreview}\n          />\n          <div className=\"devic-drawer-header-actions\">\n            <button\n              className=\"devic-new-chat-btn\"\n              onClick={handleNewChat}\n              type=\"button\"\n              aria-label=\"New chat\"\n              title=\"New chat\"\n            >\n              <PlusIcon />\n            </button>\n            {!isInline && (\n              <button\n                className=\"devic-drawer-close\"\n                onClick={handleClose}\n                type=\"button\"\n                aria-label=\"Close chat\"\n              >\n                <CloseIcon />\n              </button>\n            )}\n          </div>\n        </div>\n\n        {/* Error display */}\n        {chat.error && (\n          <div className=\"devic-error\">\n            {chat.error.message}\n          </div>\n        )}\n\n        {/* Messages */}\n        <ChatMessages\n          messages={chat.messages}\n          allMessages={chat.messages}\n          isLoading={chat.isLoading}\n          welcomeMessage={mergedOptions.welcomeMessage}\n          suggestedMessages={mergedOptions.suggestedMessages}\n          onSuggestedClick={handleSuggestedClick}\n          showToolTimeline={mergedOptions.showToolTimeline}\n          toolRenderers={mergedOptions.toolRenderers}\n          toolIcons={mergedOptions.toolIcons}\n          loadingIndicator={mergedOptions.loadingIndicator}\n          showFeedback={mergedOptions.showFeedback}\n          feedbackMap={feedbackMap}\n          onFeedback={handleFeedback}\n          handedOffSubThreadId={chat.handedOffSubThreadId || undefined}\n          onHandoffCompleted={chat.onHandoffCompleted}\n          handoffWidgetRenderer={mergedOptions.handoffWidgetRenderer}\n          toolGroups={mergedOptions.toolGroups}\n          apiKey={resolvedApiKey}\n          baseUrl={resolvedBaseUrl}\n        />\n\n        {/* Input */}\n        {mergedOptions.customPromptBox ? (\n          <div className=\"devic-input-area\">\n            {mergedOptions.customPromptBox({\n              sendMessage: handleSend,\n              stop: chat.stopChat,\n              isLoading: chat.isLoading,\n              newConversation: chat.clearChat,\n            })}\n          </div>\n        ) : (\n          <ChatInput\n            onSend={handleSend}\n            disabled={chat.isLoading || chat.handedOff}\n            placeholder={mergedOptions.inputPlaceholder}\n            enableFileUploads={mergedOptions.enableFileUploads}\n            allowedFileTypes={mergedOptions.allowedFileTypes}\n            maxFileSize={mergedOptions.maxFileSize}\n            sendButtonContent={mergedOptions.sendButtonContent}\n            disabledMessage={chat.handedOff ? 'Waiting for subagent to complete' : undefined}\n            isProcessing={chat.isLoading && !chat.handedOff}\n            onStop={chat.stopChat}\n            stopButtonContent={mergedOptions.stopButtonContent}\n          />\n        )}\n      </div>\n\n      {/* Trigger button (drawer mode only, when closed) */}\n      {!isInline && !isOpen && (\n        <button\n          className=\"devic-trigger\"\n          onClick={handleOpen}\n          style={triggerStyle}\n          type=\"button\"\n          aria-label=\"Open chat\"\n        >\n          <ChatIcon />\n        </button>\n      )}\n    </>\n  );\n}\n\n/**\n * Close icon\n */\nfunction CloseIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\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\n/**\n * Plus icon for new chat button\n */\nfunction PlusIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"18\"\n      height=\"18\"\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=\"12\" y1=\"5\" x2=\"12\" y2=\"19\" />\n      <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n    </svg>\n  );\n}\n\n/**\n * Chat icon for trigger button\n */\nfunction ChatIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n    >\n      <path d=\"M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z\" />\n    </svg>\n  );\n}\n"],"names":["forwardRef","_jsx","ChatDrawerErrorBoundary","useMemo","useState","useCallback","useDevicChat","useOptionalDevicContext","useRef","useEffect","client","DevicApiClient","useImperativeHandle","_jsxs","_Fragment","ConversationSelector","ChatMessages","ChatInput"],"mappings":"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"}

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

@@ -6,7 +6,7 @@ var DevicContext = require('../../provider/DevicContext.js');
 var client = require('../../api/client.js');
 
 const PAGE_SIZE = 10;
-function ConversationSelector({ assistantId, currentChatUid, onSelect, onNewChat, apiKey: propsApiKey, baseUrl: propsBaseUrl, tenantId: propsTenantId, }) {
+function ConversationSelector({ assistantId, currentChatUid, onSelect, onNewChat, apiKey: propsApiKey, baseUrl: propsBaseUrl, tenantId: propsTenantId, conversationPreview, }) {
     const context = DevicContext.useOptionalDevicContext();
     const apiKey = propsApiKey || context?.apiKey;
     const baseUrl = propsBaseUrl || context?.baseUrl || 'https://api.devic.ai';
@@ -17,6 +17,8 @@ function ConversationSelector({ assistantId, currentChatUid, onSelect, onNewChat
     const [loading, setLoading] = React.useState(false);
     const [loadingMore, setLoadingMore] = React.useState(false);
     const [hasMore, setHasMore] = React.useState(true);
+    const [firstMessages, setFirstMessages] = React.useState({});
+    const fetchedChatsRef = React.useRef(new Set());
     const dropdownRef = React.useRef(null);
     const listRef = React.useRef(null);
     const clientRef = React.useRef(null);
@@ -74,6 +76,30 @@ function ConversationSelector({ assistantId, currentChatUid, onSelect, onNewChat
             fetchConversations(conversations.length, true);
         }
     }, [loadingMore, hasMore, conversations.length, fetchConversations]);
+    // Lazy-fetch first user message for unnamed conversations
+    React.useEffect(() => {
+        if (conversationPreview !== 'firstMessage' || !clientRef.current || !isOpen)
+            return;
+        const unnamed = conversations.filter((c) => !c.name && !fetchedChatsRef.current.has(c.chatUID));
+        if (unnamed.length === 0)
+            return;
+        // Mark as loading (null = loading)
+        unnamed.forEach((c) => fetchedChatsRef.current.add(c.chatUID));
+        setFirstMessages((prev) => {
+            const next = { ...prev };
+            unnamed.forEach((c) => { next[c.chatUID] = null; });
+            return next;
+        });
+        unnamed.forEach((conv) => {
+            clientRef.current.getChatHistory(assistantId, conv.chatUID, { tenantId }).then((history) => {
+                const firstUserMsg = history.chatContent?.find((m) => m.role === 'user');
+                const text = firstUserMsg?.content?.message || '';
+                setFirstMessages((prev) => ({ ...prev, [conv.chatUID]: text || '' }));
+            }).catch(() => {
+                setFirstMessages((prev) => ({ ...prev, [conv.chatUID]: '' }));
+            });
+        });
+    }, [conversations, isOpen, conversationPreview, assistantId, tenantId]);
     // Close on outside click
     React.useEffect(() => {
         if (!isOpen)
@@ -86,16 +112,40 @@ function ConversationSelector({ assistantId, currentChatUid, onSelect, onNewChat
         document.addEventListener('mousedown', handler);
         return () => document.removeEventListener('mousedown', handler);
     }, [isOpen]);
+    const getConversationLabel = (conv) => {
+        if (conv.name)
+            return conv.name;
+        if (conversationPreview === 'firstMessage') {
+            const msg = firstMessages[conv.chatUID];
+            if (msg === null)
+                return '...';
+            if (msg)
+                return msg;
+        }
+        return formatDate(conv.creationTimestampMs);
+    };
     const currentConv = conversations.find((c) => c.chatUID === currentChatUid);
     const currentName = currentConv
-        ? currentConv.name || formatDate(currentConv.creationTimestampMs)
+        ? getConversationLabel(currentConv)
         : 'New chat';
-    const filtered = conversations.filter((c) => !search || (c.name || '').toLowerCase().includes(search.toLowerCase()));
+    const filtered = conversations.filter((c) => {
+        if (!search)
+            return true;
+        const q = search.toLowerCase();
+        if ((c.name || '').toLowerCase().includes(q))
+            return true;
+        if (conversationPreview === 'firstMessage') {
+            const msg = firstMessages[c.chatUID];
+            if (msg && msg.toLowerCase().includes(q))
+                return true;
+        }
+        return false;
+    });
     return (jsxRuntime.jsxs("div", { className: "devic-conversation-selector", ref: dropdownRef, children: [jsxRuntime.jsxs("button", { className: "devic-conversation-selector-trigger", onClick: () => setIsOpen(!isOpen), type: "button", children: [jsxRuntime.jsx("span", { className: "devic-conversation-selector-label", children: currentName }), jsxRuntime.jsx(ChevronIcon, { open: isOpen })] }), isOpen && (jsxRuntime.jsxs("div", { className: "devic-conversation-dropdown", children: [jsxRuntime.jsx("div", { className: "devic-conversation-search-wrapper", children: jsxRuntime.jsx("input", { className: "devic-conversation-search", type: "text", placeholder: "Search conversations...", value: search, onChange: (e) => setSearch(e.target.value), autoFocus: true }) }), jsxRuntime.jsxs("div", { className: "devic-conversation-list", ref: listRef, children: [loading && (jsxRuntime.jsx("div", { className: "devic-conversation-loading", children: "Loading..." })), !loading && filtered.length === 0 && (jsxRuntime.jsx("div", { className: "devic-conversation-empty", children: "No conversations" })), !loading &&
                                 filtered.map((conv) => (jsxRuntime.jsxs("button", { className: "devic-conversation-item", "data-active": conv.chatUID === currentChatUid, type: "button", onClick: () => {
                                         onSelect(conv.chatUID);
                                         setIsOpen(false);
-                                    }, children: [conv.chatUID === currentChatUid && (jsxRuntime.jsx("span", { className: "devic-conversation-item-check", children: jsxRuntime.jsx(CheckIcon, {}) })), jsxRuntime.jsx("span", { className: "devic-conversation-item-name", children: conv.name || formatDate(conv.creationTimestampMs) }), jsxRuntime.jsx("span", { className: "devic-conversation-item-date", children: formatDate(conv.lastEditTimestampMs || conv.creationTimestampMs) })] }, conv.chatUID))), loadingMore && (jsxRuntime.jsx("div", { className: "devic-conversation-loading", children: "Loading more..." })), !loadingMore && hasMore && !loading && (jsxRuntime.jsx("button", { className: "devic-conversation-load-more", type: "button", onClick: handleLoadMore, children: "Load more" }))] }), jsxRuntime.jsx("button", { className: "devic-conversation-new", type: "button", onClick: () => {
+                                    }, children: [conv.chatUID === currentChatUid && (jsxRuntime.jsx("span", { className: "devic-conversation-item-check", children: jsxRuntime.jsx(CheckIcon, {}) })), jsxRuntime.jsx("span", { className: "devic-conversation-item-name", children: getConversationLabel(conv) }), jsxRuntime.jsx("span", { className: "devic-conversation-item-date", children: formatDate(conv.lastEditTimestampMs || conv.creationTimestampMs) })] }, conv.chatUID))), loadingMore && (jsxRuntime.jsx("div", { className: "devic-conversation-loading", children: "Loading more..." })), !loadingMore && hasMore && !loading && (jsxRuntime.jsx("button", { className: "devic-conversation-load-more", type: "button", onClick: handleLoadMore, children: "Load more" }))] }), jsxRuntime.jsx("button", { className: "devic-conversation-new", type: "button", onClick: () => {
                             onNewChat();
                             setIsOpen(false);
                         }, children: "+ Start a new chat" })] }))] }));

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

@@ -1 +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\nconst PAGE_SIZE = 10;\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 [loadingMore, setLoadingMore] = useState(false);\n  const [hasMore, setHasMore] = useState(true);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const listRef = 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 (offset = 0, append = false) => {\n    if (!clientRef.current) return;\n    if (offset === 0) {\n      setLoading(true);\n    } else {\n      setLoadingMore(true);\n    }\n    try {\n      const response = await clientRef.current.listConversations(assistantId, {\n        tenantId,\n        offset,\n        limit: PAGE_SIZE,\n      });\n      setConversations((prev) => append ? [...prev, ...response.histories] : response.histories);\n      setHasMore(offset + response.histories.length < response.total);\n    } catch {\n      // silently fail\n    } finally {\n      setLoading(false);\n      setLoadingMore(false);\n    }\n  }, [assistantId, tenantId]);\n\n  useEffect(() => {\n    if (isOpen) {\n      fetchConversations(0);\n    }\n  }, [isOpen, fetchConversations]);\n\n  // Fetch conversations when currentChatUid changes so the selector label is correct\n  useEffect(() => {\n    if (currentChatUid && conversations.length === 0) {\n      fetchConversations(0);\n    }\n  }, [currentChatUid, conversations.length, fetchConversations]);\n\n  const handleLoadMore = useCallback(() => {\n    if (!loadingMore && hasMore) {\n      fetchConversations(conversations.length, true);\n    }\n  }, [loadingMore, hasMore, conversations.length, 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\n            className=\"devic-conversation-list\"\n            ref={listRef}\n          >\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            {loadingMore && (\n              <div className=\"devic-conversation-loading\">Loading more...</div>\n            )}\n            {!loadingMore && hasMore && !loading && (\n              <button\n                className=\"devic-conversation-load-more\"\n                type=\"button\"\n                onClick={handleLoadMore}\n              >\n                Load more\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":["useOptionalDevicContext","useState","useRef","DevicApiClient","useEffect","useCallback","_jsxs","_jsx"],"mappings":"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"}
+{"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\nconst PAGE_SIZE = 10;\n\nexport function ConversationSelector({\n  assistantId,\n  currentChatUid,\n  onSelect,\n  onNewChat,\n  apiKey: propsApiKey,\n  baseUrl: propsBaseUrl,\n  tenantId: propsTenantId,\n  conversationPreview,\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 [loadingMore, setLoadingMore] = useState(false);\n  const [hasMore, setHasMore] = useState(true);\n  const [firstMessages, setFirstMessages] = useState<Record<string, string | null>>({});\n  const fetchedChatsRef = useRef<Set<string>>(new Set());\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const listRef = 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 (offset = 0, append = false) => {\n    if (!clientRef.current) return;\n    if (offset === 0) {\n      setLoading(true);\n    } else {\n      setLoadingMore(true);\n    }\n    try {\n      const response = await clientRef.current.listConversations(assistantId, {\n        tenantId,\n        offset,\n        limit: PAGE_SIZE,\n      });\n      setConversations((prev) => append ? [...prev, ...response.histories] : response.histories);\n      setHasMore(offset + response.histories.length < response.total);\n    } catch {\n      // silently fail\n    } finally {\n      setLoading(false);\n      setLoadingMore(false);\n    }\n  }, [assistantId, tenantId]);\n\n  useEffect(() => {\n    if (isOpen) {\n      fetchConversations(0);\n    }\n  }, [isOpen, fetchConversations]);\n\n  // Fetch conversations when currentChatUid changes so the selector label is correct\n  useEffect(() => {\n    if (currentChatUid && conversations.length === 0) {\n      fetchConversations(0);\n    }\n  }, [currentChatUid, conversations.length, fetchConversations]);\n\n  const handleLoadMore = useCallback(() => {\n    if (!loadingMore && hasMore) {\n      fetchConversations(conversations.length, true);\n    }\n  }, [loadingMore, hasMore, conversations.length, fetchConversations]);\n\n  // Lazy-fetch first user message for unnamed conversations\n  useEffect(() => {\n    if (conversationPreview !== 'firstMessage' || !clientRef.current || !isOpen) return;\n    const unnamed = conversations.filter((c) => !c.name && !fetchedChatsRef.current.has(c.chatUID));\n    if (unnamed.length === 0) return;\n\n    // Mark as loading (null = loading)\n    unnamed.forEach((c) => fetchedChatsRef.current.add(c.chatUID));\n    setFirstMessages((prev) => {\n      const next = { ...prev };\n      unnamed.forEach((c) => { next[c.chatUID] = null; });\n      return next;\n    });\n\n    unnamed.forEach((conv) => {\n      clientRef.current!.getChatHistory(assistantId, conv.chatUID, { tenantId }).then((history) => {\n        const firstUserMsg = history.chatContent?.find((m) => m.role === 'user');\n        const text = firstUserMsg?.content?.message || '';\n        setFirstMessages((prev) => ({ ...prev, [conv.chatUID]: text || '' }));\n      }).catch(() => {\n        setFirstMessages((prev) => ({ ...prev, [conv.chatUID]: '' }));\n      });\n    });\n  }, [conversations, isOpen, conversationPreview, assistantId, tenantId]);\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 getConversationLabel = (conv: ConversationSummary): string => {\n    if (conv.name) return conv.name;\n    if (conversationPreview === 'firstMessage') {\n      const msg = firstMessages[conv.chatUID];\n      if (msg === null) return '...';\n      if (msg) return msg;\n    }\n    return formatDate(conv.creationTimestampMs);\n  };\n\n  const currentConv = conversations.find((c) => c.chatUID === currentChatUid);\n  const currentName = currentConv\n    ? getConversationLabel(currentConv)\n    : 'New chat';\n\n  const filtered = conversations.filter((c) => {\n    if (!search) return true;\n    const q = search.toLowerCase();\n    if ((c.name || '').toLowerCase().includes(q)) return true;\n    if (conversationPreview === 'firstMessage') {\n      const msg = firstMessages[c.chatUID];\n      if (msg && msg.toLowerCase().includes(q)) return true;\n    }\n    return false;\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\n            className=\"devic-conversation-list\"\n            ref={listRef}\n          >\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                    {getConversationLabel(conv)}\n                  </span>\n                  <span className=\"devic-conversation-item-date\">\n                    {formatDate(conv.lastEditTimestampMs || conv.creationTimestampMs)}\n                  </span>\n                </button>\n              ))}\n            {loadingMore && (\n              <div className=\"devic-conversation-loading\">Loading more...</div>\n            )}\n            {!loadingMore && hasMore && !loading && (\n              <button\n                className=\"devic-conversation-load-more\"\n                type=\"button\"\n                onClick={handleLoadMore}\n              >\n                Load more\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":["useOptionalDevicContext","useState","useRef","DevicApiClient","useEffect","useCallback","_jsxs","_jsx"],"mappings":"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"}

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

@@ -48,6 +48,8 @@ const DEFAULT_OPTIONS = {
     stopButtonContent: undefined,
     debug: false,
     persistConversation: false,
+    customPromptBox: undefined,
+    conversationPreview: 'date',
 };
 /**
  * Chat drawer component for Devic assistants
@@ -320,7 +322,12 @@ function ChatDrawerInner({ assistantId, chatUid: initialChatUid, options = {}, e
         [mergedOptions.position]: 20,
         bottom: 20,
     }), [mergedOptions.zIndex, mergedOptions.position]);
-    return (jsxs(Fragment, { children: [!isInline && (jsx("div", { className: "devic-drawer-overlay", "data-open": isOpen, style: overlayStyle, onClick: handleClose })), jsxs("div", { ref: drawerRef, className: `devic-chat-drawer ${className || ''}`, "data-position": mergedOptions.position, "data-open": isOpen, "data-mode": mode, style: drawerStyle, children: [mergedOptions.resizable && (jsx("div", { className: "devic-resize-handle", "data-position": mergedOptions.position, onMouseDown: handleResizeStart })), jsxs("div", { className: "devic-drawer-header", children: [avatarUrl && (jsx("img", { className: "devic-drawer-avatar", src: avatarUrl, alt: "", "aria-hidden": "true" })), jsx("h2", { className: "devic-drawer-title", children: mergedOptions.title }), jsx(ConversationSelector, { assistantId: assistantId, currentChatUid: chat.chatUid, onSelect: handleConversationSelect, onNewChat: handleNewChat, apiKey: apiKey, baseUrl: baseUrl, tenantId: tenantId }), jsxs("div", { className: "devic-drawer-header-actions", children: [jsx("button", { className: "devic-new-chat-btn", onClick: handleNewChat, type: "button", "aria-label": "New chat", title: "New chat", children: jsx(PlusIcon, {}) }), !isInline && (jsx("button", { className: "devic-drawer-close", onClick: handleClose, type: "button", "aria-label": "Close chat", children: jsx(CloseIcon, {}) }))] })] }), chat.error && (jsx("div", { className: "devic-error", children: chat.error.message })), jsx(ChatMessages, { messages: chat.messages, allMessages: chat.messages, isLoading: chat.isLoading, welcomeMessage: mergedOptions.welcomeMessage, suggestedMessages: mergedOptions.suggestedMessages, onSuggestedClick: handleSuggestedClick, showToolTimeline: mergedOptions.showToolTimeline, toolRenderers: mergedOptions.toolRenderers, toolIcons: mergedOptions.toolIcons, loadingIndicator: mergedOptions.loadingIndicator, showFeedback: mergedOptions.showFeedback, feedbackMap: feedbackMap, onFeedback: handleFeedback, handedOffSubThreadId: chat.handedOffSubThreadId || undefined, onHandoffCompleted: chat.onHandoffCompleted, handoffWidgetRenderer: mergedOptions.handoffWidgetRenderer, toolGroups: mergedOptions.toolGroups, apiKey: resolvedApiKey, baseUrl: resolvedBaseUrl }), jsx(ChatInput, { onSend: handleSend, disabled: chat.isLoading || chat.handedOff, placeholder: mergedOptions.inputPlaceholder, enableFileUploads: mergedOptions.enableFileUploads, allowedFileTypes: mergedOptions.allowedFileTypes, maxFileSize: mergedOptions.maxFileSize, sendButtonContent: mergedOptions.sendButtonContent, disabledMessage: chat.handedOff ? 'Waiting for subagent to complete' : undefined, isProcessing: chat.isLoading && !chat.handedOff, onStop: chat.stopChat, stopButtonContent: mergedOptions.stopButtonContent })] }), !isInline && !isOpen && (jsx("button", { className: "devic-trigger", onClick: handleOpen, style: triggerStyle, type: "button", "aria-label": "Open chat", children: jsx(ChatIcon, {}) }))] }));
+    return (jsxs(Fragment, { children: [!isInline && (jsx("div", { className: "devic-drawer-overlay", "data-open": isOpen, style: overlayStyle, onClick: handleClose })), jsxs("div", { ref: drawerRef, className: `devic-chat-drawer ${className || ''}`, "data-position": mergedOptions.position, "data-open": isOpen, "data-mode": mode, style: drawerStyle, children: [mergedOptions.resizable && (jsx("div", { className: "devic-resize-handle", "data-position": mergedOptions.position, onMouseDown: handleResizeStart })), jsxs("div", { className: "devic-drawer-header", children: [avatarUrl && (jsx("img", { className: "devic-drawer-avatar", src: avatarUrl, alt: "", "aria-hidden": "true" })), jsx("h2", { className: "devic-drawer-title", children: mergedOptions.title }), jsx(ConversationSelector, { assistantId: assistantId, currentChatUid: chat.chatUid, onSelect: handleConversationSelect, onNewChat: handleNewChat, apiKey: apiKey, baseUrl: baseUrl, tenantId: tenantId, conversationPreview: mergedOptions.conversationPreview }), jsxs("div", { className: "devic-drawer-header-actions", children: [jsx("button", { className: "devic-new-chat-btn", onClick: handleNewChat, type: "button", "aria-label": "New chat", title: "New chat", children: jsx(PlusIcon, {}) }), !isInline && (jsx("button", { className: "devic-drawer-close", onClick: handleClose, type: "button", "aria-label": "Close chat", children: jsx(CloseIcon, {}) }))] })] }), chat.error && (jsx("div", { className: "devic-error", children: chat.error.message })), jsx(ChatMessages, { messages: chat.messages, allMessages: chat.messages, isLoading: chat.isLoading, welcomeMessage: mergedOptions.welcomeMessage, suggestedMessages: mergedOptions.suggestedMessages, onSuggestedClick: handleSuggestedClick, showToolTimeline: mergedOptions.showToolTimeline, toolRenderers: mergedOptions.toolRenderers, toolIcons: mergedOptions.toolIcons, loadingIndicator: mergedOptions.loadingIndicator, showFeedback: mergedOptions.showFeedback, feedbackMap: feedbackMap, onFeedback: handleFeedback, handedOffSubThreadId: chat.handedOffSubThreadId || undefined, onHandoffCompleted: chat.onHandoffCompleted, handoffWidgetRenderer: mergedOptions.handoffWidgetRenderer, toolGroups: mergedOptions.toolGroups, apiKey: resolvedApiKey, baseUrl: resolvedBaseUrl }), mergedOptions.customPromptBox ? (jsx("div", { className: "devic-input-area", children: mergedOptions.customPromptBox({
+                            sendMessage: handleSend,
+                            stop: chat.stopChat,
+                            isLoading: chat.isLoading,
+                            newConversation: chat.clearChat,
+                        }) })) : (jsx(ChatInput, { onSend: handleSend, disabled: chat.isLoading || chat.handedOff, placeholder: mergedOptions.inputPlaceholder, enableFileUploads: mergedOptions.enableFileUploads, allowedFileTypes: mergedOptions.allowedFileTypes, maxFileSize: mergedOptions.maxFileSize, sendButtonContent: mergedOptions.sendButtonContent, disabledMessage: chat.handedOff ? 'Waiting for subagent to complete' : undefined, isProcessing: chat.isLoading && !chat.handedOff, onStop: chat.stopChat, stopButtonContent: mergedOptions.stopButtonContent }))] }), !isInline && !isOpen && (jsx("button", { className: "devic-trigger", onClick: handleOpen, style: triggerStyle, type: "button", "aria-label": "Open chat", children: jsx(ChatIcon, {}) }))] }));
 }
 /**
  * Close icon

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

@@ -1 +1 @@
-{"version":3,"file":"ChatDrawer.js","sources":["../../../../src/components/ChatDrawer/ChatDrawer.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, useMemo, useRef, forwardRef, useImperativeHandle } from 'react';\nimport { useDevicChat } from '../../hooks/useDevicChat';\nimport { useOptionalDevicContext } from '../../provider';\nimport { DevicApiClient } from '../../api/client';\nimport { ChatMessages } from './ChatMessages';\nimport { ChatInput } from './ChatInput';\nimport { ConversationSelector } from './ConversationSelector';\nimport { ChatDrawerErrorBoundary } from './ErrorBoundary';\nimport type { ChatDrawerProps, ChatDrawerOptions, ChatDrawerHandle } from './ChatDrawer.types';\nimport './styles.css';\n\nconst DEFAULT_OPTIONS: Required<ChatDrawerOptions> = {\n  position: 'right',\n  width: '100%',\n  defaultOpen: false,\n  color: '#1890ff',\n  welcomeMessage: '',\n  suggestedMessages: [],\n  enableFileUploads: false,\n  allowedFileTypes: { images: true, documents: true },\n  maxFileSize: 10 * 1024 * 1024,\n  inputPlaceholder: 'Type a message...',\n  title: 'Chat',\n  showAvatar: false,\n  showToolTimeline: true,\n  zIndex: 1000,\n  borderRadius: 0,\n  resizable: false,\n  minWidth: 300,\n  maxWidth: 800,\n  style: {},\n  fontFamily: undefined as any,\n  backgroundColor: undefined as any,\n  textColor: undefined as any,\n  secondaryBackgroundColor: undefined as any,\n  borderColor: undefined as any,\n  userBubbleColor: undefined as any,\n  userBubbleTextColor: undefined as any,\n  assistantBubbleColor: undefined as any,\n  assistantBubbleTextColor: undefined as any,\n  sendButtonColor: undefined as any,\n  loadingIndicator: undefined as any,\n  sendButtonContent: undefined as any,\n  toolRenderers: undefined as any,\n  toolIcons: undefined as any,\n  showFeedback: true,\n  handoffWidgetRenderer: undefined as any,\n  toolGroups: undefined as any,\n  stopButtonContent: undefined as any,\n  debug: false,\n  persistConversation: false,\n};\n\n/**\n * Chat drawer component for Devic assistants\n *\n * @example\n * ```tsx\n * <ChatDrawer\n *   ref={drawerRef}\n *   assistantId=\"my-assistant\"\n *   options={{\n *     position: 'right',\n *     width: 400,\n *     welcomeMessage: 'Hello! How can I help you?',\n *     suggestedMessages: ['Help me with...', 'Tell me about...'],\n *   }}\n *   modelInterfaceTools={[\n *     {\n *       toolName: 'get_user_location',\n *       schema: { ... },\n *       callback: async () => ({ lat: 40.7, lng: -74.0 })\n *     }\n *   ]}\n *   onMessageReceived={(msg) => console.log('Received:', msg)}\n * />\n * ```\n */\nexport const ChatDrawer = forwardRef<ChatDrawerHandle, ChatDrawerProps>(\n  function ChatDrawer(props, ref) {\n    return (\n      <ChatDrawerErrorBoundary>\n        <ChatDrawerInner {...props} forwardedRef={ref} />\n      </ChatDrawerErrorBoundary>\n    );\n  }\n);\n\ninterface ChatDrawerInnerProps extends ChatDrawerProps {\n  forwardedRef?: React.Ref<ChatDrawerHandle>;\n}\n\nfunction ChatDrawerInner({\n  assistantId,\n  chatUid: initialChatUid,\n  options = {},\n  enabledTools,\n  modelInterfaceTools,\n  tenantId,\n  tenantMetadata,\n  apiKey,\n  baseUrl,\n  onMessageSent,\n  onMessageReceived,\n  onToolCall,\n  onError,\n  onChatCreated,\n  onFileUpload,\n  onOpen,\n  onClose,\n  isOpen: controlledIsOpen,\n  className,\n  mode = 'drawer',\n  onConversationChange,\n  forwardedRef,\n}: ChatDrawerInnerProps): JSX.Element {\n  // Merge options with defaults\n  const mergedOptions = useMemo(\n    () => ({ ...DEFAULT_OPTIONS, ...options }),\n    [options]\n  );\n\n  // localStorage key for persisting selected conversation\n  const storageKey = mergedOptions.persistConversation\n    ? `devic-ui-chatUid-${assistantId}`\n    : null;\n\n  // Resolve initial chatUid: prop takes priority, then localStorage\n  const resolvedInitialChatUid = useMemo(() => {\n    if (initialChatUid) return initialChatUid;\n    if (storageKey) {\n      try { return localStorage.getItem(storageKey) || undefined; } catch { return undefined; }\n    }\n    return undefined;\n  }, [initialChatUid, storageKey]);\n\n  // Drawer open state (can be controlled or uncontrolled; inline mode is always open)\n  const [internalIsOpen, setInternalIsOpen] = useState(mergedOptions.defaultOpen);\n  const isInline = mode === 'inline';\n  const isOpen = isInline ? true : (controlledIsOpen ?? internalIsOpen);\n\n  // Wrap onChatCreated to persist chatUid in localStorage\n  const handleChatCreated = useCallback(\n    (chatUid: string) => {\n      if (storageKey) {\n        try { localStorage.setItem(storageKey, chatUid); } catch {}\n      }\n      onChatCreated?.(chatUid);\n    },\n    [storageKey, onChatCreated]\n  );\n\n  // Use chat hook\n  const chat = useDevicChat({\n    assistantId,\n    chatUid: resolvedInitialChatUid,\n    apiKey,\n    baseUrl,\n    tenantId,\n    tenantMetadata,\n    enabledTools,\n    modelInterfaceTools,\n    onMessageSent,\n    onMessageReceived,\n    onToolCall,\n    onError,\n    onChatCreated: handleChatCreated,\n    onFileUpload,\n    debug: mergedOptions.debug,\n  });\n\n  // Fetch assistant avatar when showAvatar is enabled\n  const context = useOptionalDevicContext();\n  const resolvedApiKey = apiKey || context?.apiKey;\n  const resolvedBaseUrl = baseUrl || context?.baseUrl || 'https://api.devic.ai';\n  const [avatarUrl, setAvatarUrl] = useState<string | null>(null);\n  const avatarFetchedRef = useRef<string | null>(null);\n\n  useEffect(() => {\n    if (!mergedOptions.showAvatar || !resolvedApiKey || avatarFetchedRef.current === assistantId) return;\n    avatarFetchedRef.current = assistantId;\n    const client = new DevicApiClient({ apiKey: resolvedApiKey, baseUrl: resolvedBaseUrl });\n    client.getAssistant(assistantId).then((a) => {\n      if (a.imgUrl) setAvatarUrl(a.imgUrl);\n    }).catch(() => {});\n  }, [mergedOptions.showAvatar, assistantId, resolvedApiKey, resolvedBaseUrl]);\n\n  // Handle open/close\n  const handleOpen = useCallback(() => {\n    setInternalIsOpen(true);\n    onOpen?.();\n  }, [onOpen]);\n\n  const handleClose = useCallback(() => {\n    setInternalIsOpen(false);\n    onClose?.();\n  }, [onClose]);\n\n  const handleToggle = useCallback(() => {\n    setInternalIsOpen((prev) => !prev);\n  }, []);\n\n  // Expose handle for programmatic control\n  useImperativeHandle(forwardedRef, () => ({\n    open: handleOpen,\n    close: handleClose,\n    toggle: handleToggle,\n    setChatUid: (chatUid: string) => {\n      chat.loadChat(chatUid);\n    },\n    sendMessage: (message: string) => {\n      chat.sendMessage(message);\n    },\n  }), [handleOpen, handleClose, handleToggle, chat]);\n\n  // Handle send message\n  const handleSend = useCallback(\n    (message: string, files?: File[]) => {\n      chat.sendMessage(message, { files });\n    },\n    [chat]\n  );\n\n  // Handle conversation selection\n  const handleConversationSelect = useCallback(\n    (chatUid: string) => {\n      chat.loadChat(chatUid);\n      onConversationChange?.(chatUid);\n      if (storageKey) {\n        try { localStorage.setItem(storageKey, chatUid); } catch {}\n      }\n    },\n    [chat, onConversationChange, storageKey]\n  );\n\n  const handleNewChat = useCallback(() => {\n    chat.clearChat();\n    if (storageKey) {\n      try { localStorage.removeItem(storageKey); } catch {}\n    }\n  }, [chat, storageKey]);\n\n  // Handle suggested message click\n  const handleSuggestedClick = useCallback(\n    (message: string) => {\n      chat.sendMessage(message);\n    },\n    [chat]\n  );\n\n  // Feedback state\n  const [feedbackMap, setFeedbackMap] = useState<Map<string, 'positive' | 'negative'>>(new Map());\n  const feedbackClientRef = useRef<DevicApiClient | null>(null);\n\n  // Initialize feedback client\n  useEffect(() => {\n    if (resolvedApiKey && !feedbackClientRef.current) {\n      feedbackClientRef.current = new DevicApiClient({\n        apiKey: resolvedApiKey,\n        baseUrl: resolvedBaseUrl,\n      });\n    }\n  }, [resolvedApiKey, resolvedBaseUrl]);\n\n  // Load existing feedback when chat changes\n  useEffect(() => {\n    if (!chat.chatUid || !feedbackClientRef.current || !mergedOptions.showFeedback) return;\n\n    feedbackClientRef.current.getChatFeedback(assistantId, chat.chatUid)\n      .then((entries) => {\n        const newMap = new Map<string, 'positive' | 'negative'>();\n        for (const entry of entries) {\n          if (entry.feedback !== undefined) {\n            newMap.set(entry.requestId, entry.feedback ? 'positive' : 'negative');\n          }\n        }\n        setFeedbackMap(newMap);\n      })\n      .catch(() => {\n        // Silently ignore feedback loading errors\n      });\n  }, [chat.chatUid, assistantId, mergedOptions.showFeedback]);\n\n  // Handle feedback submission\n  const handleFeedback = useCallback(\n    async (messageId: string, positive: boolean, comment?: string) => {\n      if (!chat.chatUid || !feedbackClientRef.current) return;\n\n      try {\n        await feedbackClientRef.current.submitChatFeedback(assistantId, chat.chatUid, {\n          messageId,\n          feedback: positive,\n          feedbackComment: comment,\n        });\n\n        setFeedbackMap((prev) => {\n          const newMap = new Map(prev);\n          newMap.set(messageId, positive ? 'positive' : 'negative');\n          return newMap;\n        });\n      } catch (err) {\n        console.error('Failed to submit feedback:', err);\n        throw err;\n      }\n    },\n    [chat.chatUid, assistantId]\n  );\n\n  // Apply CSS variables for theming on the drawer element itself\n  // (must target the component root so they override the defaults defined on .devic-chat-drawer)\n  const drawerRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    const el = drawerRef.current;\n    if (!el) return;\n    const vars: [string, string | undefined][] = [\n      ['--devic-primary', mergedOptions.color !== DEFAULT_OPTIONS.color ? mergedOptions.color : undefined],\n      ['--devic-font-family', mergedOptions.fontFamily],\n      ['--devic-bg', mergedOptions.backgroundColor],\n      ['--devic-text', mergedOptions.textColor],\n      ['--devic-bg-secondary', mergedOptions.secondaryBackgroundColor],\n      ['--devic-border', mergedOptions.borderColor],\n      ['--devic-user-bubble', mergedOptions.userBubbleColor],\n      ['--devic-user-bubble-text', mergedOptions.userBubbleTextColor],\n      ['--devic-assistant-bubble', mergedOptions.assistantBubbleColor],\n      ['--devic-assistant-bubble-text', mergedOptions.assistantBubbleTextColor],\n      ['--devic-send-btn', mergedOptions.sendButtonColor],\n    ];\n    for (const [name, value] of vars) {\n      if (value) {\n        el.style.setProperty(name, value);\n      } else {\n        el.style.removeProperty(name);\n      }\n    }\n  }, [mergedOptions.color, mergedOptions.fontFamily, mergedOptions.backgroundColor, mergedOptions.textColor, mergedOptions.secondaryBackgroundColor, mergedOptions.borderColor, mergedOptions.userBubbleColor, mergedOptions.userBubbleTextColor, mergedOptions.assistantBubbleColor, mergedOptions.assistantBubbleTextColor, mergedOptions.sendButtonColor]);\n\n  // Resizable drawer\n  const [resizedWidth, setResizedWidth] = useState<number | null>(null);\n\n  const handleResizeStart = useCallback(\n    (e: React.MouseEvent) => {\n      e.preventDefault();\n      const startX = e.clientX;\n      const startWidth = drawerRef.current?.offsetWidth ?? 0;\n      const isLeft = mergedOptions.position === 'left';\n\n      const onMove = (ev: MouseEvent) => {\n        const delta = ev.clientX - startX;\n        const newWidth = startWidth + (isLeft ? delta : -delta);\n        const clamped = Math.min(\n          mergedOptions.maxWidth,\n          Math.max(mergedOptions.minWidth, newWidth)\n        );\n        setResizedWidth(clamped);\n      };\n\n      const onUp = () => {\n        document.removeEventListener('mousemove', onMove);\n        document.removeEventListener('mouseup', onUp);\n      };\n\n      document.addEventListener('mousemove', onMove);\n      document.addEventListener('mouseup', onUp);\n    },\n    [mergedOptions.position, mergedOptions.minWidth, mergedOptions.maxWidth]\n  );\n\n  // Build style object\n  const baseWidth = resizedWidth\n    ? `${resizedWidth}px`\n    : typeof mergedOptions.width === 'number'\n      ? `${mergedOptions.width}px`\n      : mergedOptions.width;\n\n  const drawerStyle = useMemo(\n    () => ({\n      width: baseWidth,\n      zIndex: mergedOptions.zIndex,\n      borderRadius: typeof mergedOptions.borderRadius === 'number'\n        ? `${mergedOptions.borderRadius}px`\n        : mergedOptions.borderRadius,\n      ...mergedOptions.style,\n    }),\n    [baseWidth, mergedOptions.zIndex, mergedOptions.borderRadius, mergedOptions.style]\n  );\n\n  const overlayStyle = useMemo(\n    () => ({\n      zIndex: mergedOptions.zIndex - 1,\n    }),\n    [mergedOptions.zIndex]\n  );\n\n  const triggerStyle = useMemo(\n    () => ({\n      zIndex: mergedOptions.zIndex - 1,\n      [mergedOptions.position]: 20,\n      bottom: 20,\n    }),\n    [mergedOptions.zIndex, mergedOptions.position]\n  );\n\n  return (\n    <>\n      {/* Overlay (drawer mode only) */}\n      {!isInline && (\n        <div\n          className=\"devic-drawer-overlay\"\n          data-open={isOpen}\n          style={overlayStyle}\n          onClick={handleClose}\n        />\n      )}\n\n      {/* Drawer */}\n      <div\n        ref={drawerRef}\n        className={`devic-chat-drawer ${className || ''}`}\n        data-position={mergedOptions.position}\n        data-open={isOpen}\n        data-mode={mode}\n        style={drawerStyle}\n      >\n        {/* Resize handle */}\n        {mergedOptions.resizable && (\n          <div\n            className=\"devic-resize-handle\"\n            data-position={mergedOptions.position}\n            onMouseDown={handleResizeStart}\n          />\n        )}\n\n        {/* Header */}\n        <div className=\"devic-drawer-header\">\n          {avatarUrl && (\n            <img\n              className=\"devic-drawer-avatar\"\n              src={avatarUrl}\n              alt=\"\"\n              aria-hidden=\"true\"\n            />\n          )}\n          <h2 className=\"devic-drawer-title\">{mergedOptions.title}</h2>\n          <ConversationSelector\n            assistantId={assistantId}\n            currentChatUid={chat.chatUid}\n            onSelect={handleConversationSelect}\n            onNewChat={handleNewChat}\n            apiKey={apiKey}\n            baseUrl={baseUrl}\n            tenantId={tenantId}\n          />\n          <div className=\"devic-drawer-header-actions\">\n            <button\n              className=\"devic-new-chat-btn\"\n              onClick={handleNewChat}\n              type=\"button\"\n              aria-label=\"New chat\"\n              title=\"New chat\"\n            >\n              <PlusIcon />\n            </button>\n            {!isInline && (\n              <button\n                className=\"devic-drawer-close\"\n                onClick={handleClose}\n                type=\"button\"\n                aria-label=\"Close chat\"\n              >\n                <CloseIcon />\n              </button>\n            )}\n          </div>\n        </div>\n\n        {/* Error display */}\n        {chat.error && (\n          <div className=\"devic-error\">\n            {chat.error.message}\n          </div>\n        )}\n\n        {/* Messages */}\n        <ChatMessages\n          messages={chat.messages}\n          allMessages={chat.messages}\n          isLoading={chat.isLoading}\n          welcomeMessage={mergedOptions.welcomeMessage}\n          suggestedMessages={mergedOptions.suggestedMessages}\n          onSuggestedClick={handleSuggestedClick}\n          showToolTimeline={mergedOptions.showToolTimeline}\n          toolRenderers={mergedOptions.toolRenderers}\n          toolIcons={mergedOptions.toolIcons}\n          loadingIndicator={mergedOptions.loadingIndicator}\n          showFeedback={mergedOptions.showFeedback}\n          feedbackMap={feedbackMap}\n          onFeedback={handleFeedback}\n          handedOffSubThreadId={chat.handedOffSubThreadId || undefined}\n          onHandoffCompleted={chat.onHandoffCompleted}\n          handoffWidgetRenderer={mergedOptions.handoffWidgetRenderer}\n          toolGroups={mergedOptions.toolGroups}\n          apiKey={resolvedApiKey}\n          baseUrl={resolvedBaseUrl}\n        />\n\n        {/* Input */}\n        <ChatInput\n          onSend={handleSend}\n          disabled={chat.isLoading || chat.handedOff}\n          placeholder={mergedOptions.inputPlaceholder}\n          enableFileUploads={mergedOptions.enableFileUploads}\n          allowedFileTypes={mergedOptions.allowedFileTypes}\n          maxFileSize={mergedOptions.maxFileSize}\n          sendButtonContent={mergedOptions.sendButtonContent}\n          disabledMessage={chat.handedOff ? 'Waiting for subagent to complete' : undefined}\n          isProcessing={chat.isLoading && !chat.handedOff}\n          onStop={chat.stopChat}\n          stopButtonContent={mergedOptions.stopButtonContent}\n        />\n      </div>\n\n      {/* Trigger button (drawer mode only, when closed) */}\n      {!isInline && !isOpen && (\n        <button\n          className=\"devic-trigger\"\n          onClick={handleOpen}\n          style={triggerStyle}\n          type=\"button\"\n          aria-label=\"Open chat\"\n        >\n          <ChatIcon />\n        </button>\n      )}\n    </>\n  );\n}\n\n/**\n * Close icon\n */\nfunction CloseIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\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\n/**\n * Plus icon for new chat button\n */\nfunction PlusIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"18\"\n      height=\"18\"\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=\"12\" y1=\"5\" x2=\"12\" y2=\"19\" />\n      <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n    </svg>\n  );\n}\n\n/**\n * Chat icon for trigger button\n */\nfunction ChatIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n    >\n      <path d=\"M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z\" />\n    </svg>\n  );\n}\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"ChatDrawer.js","sources":["../../../../src/components/ChatDrawer/ChatDrawer.tsx"],"sourcesContent":["import React, { useState, useEffect, useCallback, useMemo, useRef, forwardRef, useImperativeHandle } from 'react';\nimport { useDevicChat } from '../../hooks/useDevicChat';\nimport { useOptionalDevicContext } from '../../provider';\nimport { DevicApiClient } from '../../api/client';\nimport { ChatMessages } from './ChatMessages';\nimport { ChatInput } from './ChatInput';\nimport { ConversationSelector } from './ConversationSelector';\nimport { ChatDrawerErrorBoundary } from './ErrorBoundary';\nimport type { ChatDrawerProps, ChatDrawerOptions, ChatDrawerHandle } from './ChatDrawer.types';\nimport './styles.css';\n\nconst DEFAULT_OPTIONS: Required<ChatDrawerOptions> = {\n  position: 'right',\n  width: '100%',\n  defaultOpen: false,\n  color: '#1890ff',\n  welcomeMessage: '',\n  suggestedMessages: [],\n  enableFileUploads: false,\n  allowedFileTypes: { images: true, documents: true },\n  maxFileSize: 10 * 1024 * 1024,\n  inputPlaceholder: 'Type a message...',\n  title: 'Chat',\n  showAvatar: false,\n  showToolTimeline: true,\n  zIndex: 1000,\n  borderRadius: 0,\n  resizable: false,\n  minWidth: 300,\n  maxWidth: 800,\n  style: {},\n  fontFamily: undefined as any,\n  backgroundColor: undefined as any,\n  textColor: undefined as any,\n  secondaryBackgroundColor: undefined as any,\n  borderColor: undefined as any,\n  userBubbleColor: undefined as any,\n  userBubbleTextColor: undefined as any,\n  assistantBubbleColor: undefined as any,\n  assistantBubbleTextColor: undefined as any,\n  sendButtonColor: undefined as any,\n  loadingIndicator: undefined as any,\n  sendButtonContent: undefined as any,\n  toolRenderers: undefined as any,\n  toolIcons: undefined as any,\n  showFeedback: true,\n  handoffWidgetRenderer: undefined as any,\n  toolGroups: undefined as any,\n  stopButtonContent: undefined as any,\n  debug: false,\n  persistConversation: false,\n  customPromptBox: undefined as any,\n  conversationPreview: 'date',\n};\n\n/**\n * Chat drawer component for Devic assistants\n *\n * @example\n * ```tsx\n * <ChatDrawer\n *   ref={drawerRef}\n *   assistantId=\"my-assistant\"\n *   options={{\n *     position: 'right',\n *     width: 400,\n *     welcomeMessage: 'Hello! How can I help you?',\n *     suggestedMessages: ['Help me with...', 'Tell me about...'],\n *   }}\n *   modelInterfaceTools={[\n *     {\n *       toolName: 'get_user_location',\n *       schema: { ... },\n *       callback: async () => ({ lat: 40.7, lng: -74.0 })\n *     }\n *   ]}\n *   onMessageReceived={(msg) => console.log('Received:', msg)}\n * />\n * ```\n */\nexport const ChatDrawer = forwardRef<ChatDrawerHandle, ChatDrawerProps>(\n  function ChatDrawer(props, ref) {\n    return (\n      <ChatDrawerErrorBoundary>\n        <ChatDrawerInner {...props} forwardedRef={ref} />\n      </ChatDrawerErrorBoundary>\n    );\n  }\n);\n\ninterface ChatDrawerInnerProps extends ChatDrawerProps {\n  forwardedRef?: React.Ref<ChatDrawerHandle>;\n}\n\nfunction ChatDrawerInner({\n  assistantId,\n  chatUid: initialChatUid,\n  options = {},\n  enabledTools,\n  modelInterfaceTools,\n  tenantId,\n  tenantMetadata,\n  apiKey,\n  baseUrl,\n  onMessageSent,\n  onMessageReceived,\n  onToolCall,\n  onError,\n  onChatCreated,\n  onFileUpload,\n  onOpen,\n  onClose,\n  isOpen: controlledIsOpen,\n  className,\n  mode = 'drawer',\n  onConversationChange,\n  forwardedRef,\n}: ChatDrawerInnerProps): JSX.Element {\n  // Merge options with defaults\n  const mergedOptions = useMemo(\n    () => ({ ...DEFAULT_OPTIONS, ...options }),\n    [options]\n  );\n\n  // localStorage key for persisting selected conversation\n  const storageKey = mergedOptions.persistConversation\n    ? `devic-ui-chatUid-${assistantId}`\n    : null;\n\n  // Resolve initial chatUid: prop takes priority, then localStorage\n  const resolvedInitialChatUid = useMemo(() => {\n    if (initialChatUid) return initialChatUid;\n    if (storageKey) {\n      try { return localStorage.getItem(storageKey) || undefined; } catch { return undefined; }\n    }\n    return undefined;\n  }, [initialChatUid, storageKey]);\n\n  // Drawer open state (can be controlled or uncontrolled; inline mode is always open)\n  const [internalIsOpen, setInternalIsOpen] = useState(mergedOptions.defaultOpen);\n  const isInline = mode === 'inline';\n  const isOpen = isInline ? true : (controlledIsOpen ?? internalIsOpen);\n\n  // Wrap onChatCreated to persist chatUid in localStorage\n  const handleChatCreated = useCallback(\n    (chatUid: string) => {\n      if (storageKey) {\n        try { localStorage.setItem(storageKey, chatUid); } catch {}\n      }\n      onChatCreated?.(chatUid);\n    },\n    [storageKey, onChatCreated]\n  );\n\n  // Use chat hook\n  const chat = useDevicChat({\n    assistantId,\n    chatUid: resolvedInitialChatUid,\n    apiKey,\n    baseUrl,\n    tenantId,\n    tenantMetadata,\n    enabledTools,\n    modelInterfaceTools,\n    onMessageSent,\n    onMessageReceived,\n    onToolCall,\n    onError,\n    onChatCreated: handleChatCreated,\n    onFileUpload,\n    debug: mergedOptions.debug,\n  });\n\n  // Fetch assistant avatar when showAvatar is enabled\n  const context = useOptionalDevicContext();\n  const resolvedApiKey = apiKey || context?.apiKey;\n  const resolvedBaseUrl = baseUrl || context?.baseUrl || 'https://api.devic.ai';\n  const [avatarUrl, setAvatarUrl] = useState<string | null>(null);\n  const avatarFetchedRef = useRef<string | null>(null);\n\n  useEffect(() => {\n    if (!mergedOptions.showAvatar || !resolvedApiKey || avatarFetchedRef.current === assistantId) return;\n    avatarFetchedRef.current = assistantId;\n    const client = new DevicApiClient({ apiKey: resolvedApiKey, baseUrl: resolvedBaseUrl });\n    client.getAssistant(assistantId).then((a) => {\n      if (a.imgUrl) setAvatarUrl(a.imgUrl);\n    }).catch(() => {});\n  }, [mergedOptions.showAvatar, assistantId, resolvedApiKey, resolvedBaseUrl]);\n\n  // Handle open/close\n  const handleOpen = useCallback(() => {\n    setInternalIsOpen(true);\n    onOpen?.();\n  }, [onOpen]);\n\n  const handleClose = useCallback(() => {\n    setInternalIsOpen(false);\n    onClose?.();\n  }, [onClose]);\n\n  const handleToggle = useCallback(() => {\n    setInternalIsOpen((prev) => !prev);\n  }, []);\n\n  // Expose handle for programmatic control\n  useImperativeHandle(forwardedRef, () => ({\n    open: handleOpen,\n    close: handleClose,\n    toggle: handleToggle,\n    setChatUid: (chatUid: string) => {\n      chat.loadChat(chatUid);\n    },\n    sendMessage: (message: string) => {\n      chat.sendMessage(message);\n    },\n  }), [handleOpen, handleClose, handleToggle, chat]);\n\n  // Handle send message\n  const handleSend = useCallback(\n    (message: string, files?: File[]) => {\n      chat.sendMessage(message, { files });\n    },\n    [chat]\n  );\n\n  // Handle conversation selection\n  const handleConversationSelect = useCallback(\n    (chatUid: string) => {\n      chat.loadChat(chatUid);\n      onConversationChange?.(chatUid);\n      if (storageKey) {\n        try { localStorage.setItem(storageKey, chatUid); } catch {}\n      }\n    },\n    [chat, onConversationChange, storageKey]\n  );\n\n  const handleNewChat = useCallback(() => {\n    chat.clearChat();\n    if (storageKey) {\n      try { localStorage.removeItem(storageKey); } catch {}\n    }\n  }, [chat, storageKey]);\n\n  // Handle suggested message click\n  const handleSuggestedClick = useCallback(\n    (message: string) => {\n      chat.sendMessage(message);\n    },\n    [chat]\n  );\n\n  // Feedback state\n  const [feedbackMap, setFeedbackMap] = useState<Map<string, 'positive' | 'negative'>>(new Map());\n  const feedbackClientRef = useRef<DevicApiClient | null>(null);\n\n  // Initialize feedback client\n  useEffect(() => {\n    if (resolvedApiKey && !feedbackClientRef.current) {\n      feedbackClientRef.current = new DevicApiClient({\n        apiKey: resolvedApiKey,\n        baseUrl: resolvedBaseUrl,\n      });\n    }\n  }, [resolvedApiKey, resolvedBaseUrl]);\n\n  // Load existing feedback when chat changes\n  useEffect(() => {\n    if (!chat.chatUid || !feedbackClientRef.current || !mergedOptions.showFeedback) return;\n\n    feedbackClientRef.current.getChatFeedback(assistantId, chat.chatUid)\n      .then((entries) => {\n        const newMap = new Map<string, 'positive' | 'negative'>();\n        for (const entry of entries) {\n          if (entry.feedback !== undefined) {\n            newMap.set(entry.requestId, entry.feedback ? 'positive' : 'negative');\n          }\n        }\n        setFeedbackMap(newMap);\n      })\n      .catch(() => {\n        // Silently ignore feedback loading errors\n      });\n  }, [chat.chatUid, assistantId, mergedOptions.showFeedback]);\n\n  // Handle feedback submission\n  const handleFeedback = useCallback(\n    async (messageId: string, positive: boolean, comment?: string) => {\n      if (!chat.chatUid || !feedbackClientRef.current) return;\n\n      try {\n        await feedbackClientRef.current.submitChatFeedback(assistantId, chat.chatUid, {\n          messageId,\n          feedback: positive,\n          feedbackComment: comment,\n        });\n\n        setFeedbackMap((prev) => {\n          const newMap = new Map(prev);\n          newMap.set(messageId, positive ? 'positive' : 'negative');\n          return newMap;\n        });\n      } catch (err) {\n        console.error('Failed to submit feedback:', err);\n        throw err;\n      }\n    },\n    [chat.chatUid, assistantId]\n  );\n\n  // Apply CSS variables for theming on the drawer element itself\n  // (must target the component root so they override the defaults defined on .devic-chat-drawer)\n  const drawerRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    const el = drawerRef.current;\n    if (!el) return;\n    const vars: [string, string | undefined][] = [\n      ['--devic-primary', mergedOptions.color !== DEFAULT_OPTIONS.color ? mergedOptions.color : undefined],\n      ['--devic-font-family', mergedOptions.fontFamily],\n      ['--devic-bg', mergedOptions.backgroundColor],\n      ['--devic-text', mergedOptions.textColor],\n      ['--devic-bg-secondary', mergedOptions.secondaryBackgroundColor],\n      ['--devic-border', mergedOptions.borderColor],\n      ['--devic-user-bubble', mergedOptions.userBubbleColor],\n      ['--devic-user-bubble-text', mergedOptions.userBubbleTextColor],\n      ['--devic-assistant-bubble', mergedOptions.assistantBubbleColor],\n      ['--devic-assistant-bubble-text', mergedOptions.assistantBubbleTextColor],\n      ['--devic-send-btn', mergedOptions.sendButtonColor],\n    ];\n    for (const [name, value] of vars) {\n      if (value) {\n        el.style.setProperty(name, value);\n      } else {\n        el.style.removeProperty(name);\n      }\n    }\n  }, [mergedOptions.color, mergedOptions.fontFamily, mergedOptions.backgroundColor, mergedOptions.textColor, mergedOptions.secondaryBackgroundColor, mergedOptions.borderColor, mergedOptions.userBubbleColor, mergedOptions.userBubbleTextColor, mergedOptions.assistantBubbleColor, mergedOptions.assistantBubbleTextColor, mergedOptions.sendButtonColor]);\n\n  // Resizable drawer\n  const [resizedWidth, setResizedWidth] = useState<number | null>(null);\n\n  const handleResizeStart = useCallback(\n    (e: React.MouseEvent) => {\n      e.preventDefault();\n      const startX = e.clientX;\n      const startWidth = drawerRef.current?.offsetWidth ?? 0;\n      const isLeft = mergedOptions.position === 'left';\n\n      const onMove = (ev: MouseEvent) => {\n        const delta = ev.clientX - startX;\n        const newWidth = startWidth + (isLeft ? delta : -delta);\n        const clamped = Math.min(\n          mergedOptions.maxWidth,\n          Math.max(mergedOptions.minWidth, newWidth)\n        );\n        setResizedWidth(clamped);\n      };\n\n      const onUp = () => {\n        document.removeEventListener('mousemove', onMove);\n        document.removeEventListener('mouseup', onUp);\n      };\n\n      document.addEventListener('mousemove', onMove);\n      document.addEventListener('mouseup', onUp);\n    },\n    [mergedOptions.position, mergedOptions.minWidth, mergedOptions.maxWidth]\n  );\n\n  // Build style object\n  const baseWidth = resizedWidth\n    ? `${resizedWidth}px`\n    : typeof mergedOptions.width === 'number'\n      ? `${mergedOptions.width}px`\n      : mergedOptions.width;\n\n  const drawerStyle = useMemo(\n    () => ({\n      width: baseWidth,\n      zIndex: mergedOptions.zIndex,\n      borderRadius: typeof mergedOptions.borderRadius === 'number'\n        ? `${mergedOptions.borderRadius}px`\n        : mergedOptions.borderRadius,\n      ...mergedOptions.style,\n    }),\n    [baseWidth, mergedOptions.zIndex, mergedOptions.borderRadius, mergedOptions.style]\n  );\n\n  const overlayStyle = useMemo(\n    () => ({\n      zIndex: mergedOptions.zIndex - 1,\n    }),\n    [mergedOptions.zIndex]\n  );\n\n  const triggerStyle = useMemo(\n    () => ({\n      zIndex: mergedOptions.zIndex - 1,\n      [mergedOptions.position]: 20,\n      bottom: 20,\n    }),\n    [mergedOptions.zIndex, mergedOptions.position]\n  );\n\n  return (\n    <>\n      {/* Overlay (drawer mode only) */}\n      {!isInline && (\n        <div\n          className=\"devic-drawer-overlay\"\n          data-open={isOpen}\n          style={overlayStyle}\n          onClick={handleClose}\n        />\n      )}\n\n      {/* Drawer */}\n      <div\n        ref={drawerRef}\n        className={`devic-chat-drawer ${className || ''}`}\n        data-position={mergedOptions.position}\n        data-open={isOpen}\n        data-mode={mode}\n        style={drawerStyle}\n      >\n        {/* Resize handle */}\n        {mergedOptions.resizable && (\n          <div\n            className=\"devic-resize-handle\"\n            data-position={mergedOptions.position}\n            onMouseDown={handleResizeStart}\n          />\n        )}\n\n        {/* Header */}\n        <div className=\"devic-drawer-header\">\n          {avatarUrl && (\n            <img\n              className=\"devic-drawer-avatar\"\n              src={avatarUrl}\n              alt=\"\"\n              aria-hidden=\"true\"\n            />\n          )}\n          <h2 className=\"devic-drawer-title\">{mergedOptions.title}</h2>\n          <ConversationSelector\n            assistantId={assistantId}\n            currentChatUid={chat.chatUid}\n            onSelect={handleConversationSelect}\n            onNewChat={handleNewChat}\n            apiKey={apiKey}\n            baseUrl={baseUrl}\n            tenantId={tenantId}\n            conversationPreview={mergedOptions.conversationPreview}\n          />\n          <div className=\"devic-drawer-header-actions\">\n            <button\n              className=\"devic-new-chat-btn\"\n              onClick={handleNewChat}\n              type=\"button\"\n              aria-label=\"New chat\"\n              title=\"New chat\"\n            >\n              <PlusIcon />\n            </button>\n            {!isInline && (\n              <button\n                className=\"devic-drawer-close\"\n                onClick={handleClose}\n                type=\"button\"\n                aria-label=\"Close chat\"\n              >\n                <CloseIcon />\n              </button>\n            )}\n          </div>\n        </div>\n\n        {/* Error display */}\n        {chat.error && (\n          <div className=\"devic-error\">\n            {chat.error.message}\n          </div>\n        )}\n\n        {/* Messages */}\n        <ChatMessages\n          messages={chat.messages}\n          allMessages={chat.messages}\n          isLoading={chat.isLoading}\n          welcomeMessage={mergedOptions.welcomeMessage}\n          suggestedMessages={mergedOptions.suggestedMessages}\n          onSuggestedClick={handleSuggestedClick}\n          showToolTimeline={mergedOptions.showToolTimeline}\n          toolRenderers={mergedOptions.toolRenderers}\n          toolIcons={mergedOptions.toolIcons}\n          loadingIndicator={mergedOptions.loadingIndicator}\n          showFeedback={mergedOptions.showFeedback}\n          feedbackMap={feedbackMap}\n          onFeedback={handleFeedback}\n          handedOffSubThreadId={chat.handedOffSubThreadId || undefined}\n          onHandoffCompleted={chat.onHandoffCompleted}\n          handoffWidgetRenderer={mergedOptions.handoffWidgetRenderer}\n          toolGroups={mergedOptions.toolGroups}\n          apiKey={resolvedApiKey}\n          baseUrl={resolvedBaseUrl}\n        />\n\n        {/* Input */}\n        {mergedOptions.customPromptBox ? (\n          <div className=\"devic-input-area\">\n            {mergedOptions.customPromptBox({\n              sendMessage: handleSend,\n              stop: chat.stopChat,\n              isLoading: chat.isLoading,\n              newConversation: chat.clearChat,\n            })}\n          </div>\n        ) : (\n          <ChatInput\n            onSend={handleSend}\n            disabled={chat.isLoading || chat.handedOff}\n            placeholder={mergedOptions.inputPlaceholder}\n            enableFileUploads={mergedOptions.enableFileUploads}\n            allowedFileTypes={mergedOptions.allowedFileTypes}\n            maxFileSize={mergedOptions.maxFileSize}\n            sendButtonContent={mergedOptions.sendButtonContent}\n            disabledMessage={chat.handedOff ? 'Waiting for subagent to complete' : undefined}\n            isProcessing={chat.isLoading && !chat.handedOff}\n            onStop={chat.stopChat}\n            stopButtonContent={mergedOptions.stopButtonContent}\n          />\n        )}\n      </div>\n\n      {/* Trigger button (drawer mode only, when closed) */}\n      {!isInline && !isOpen && (\n        <button\n          className=\"devic-trigger\"\n          onClick={handleOpen}\n          style={triggerStyle}\n          type=\"button\"\n          aria-label=\"Open chat\"\n        >\n          <ChatIcon />\n        </button>\n      )}\n    </>\n  );\n}\n\n/**\n * Close icon\n */\nfunction CloseIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"20\"\n      height=\"20\"\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\n/**\n * Plus icon for new chat button\n */\nfunction PlusIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"18\"\n      height=\"18\"\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=\"12\" y1=\"5\" x2=\"12\" y2=\"19\" />\n      <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n    </svg>\n  );\n}\n\n/**\n * Chat icon for trigger button\n */\nfunction ChatIcon(): JSX.Element {\n  return (\n    <svg\n      width=\"24\"\n      height=\"24\"\n      viewBox=\"0 0 24 24\"\n      fill=\"currentColor\"\n    >\n      <path d=\"M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z\" />\n    </svg>\n  );\n}\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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"}

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

@@ -1,4 +1,18 @@
 import type { ChatMessage, ModelInterfaceTool, ChatFile, AgentThreadDto, AgentDto, ToolGroupConfig } from '../../api/types';
+/**
+ * Props passed to a custom prompt box component.
+ * The component receives chat actions and state so it can drive the conversation.
+ */
+export interface CustomPromptBoxProps {
+    /** Send a message (optionally with file attachments) */
+    sendMessage: (message: string, files?: File[]) => void;
+    /** Stop the current assistant processing */
+    stop: () => void;
+    /** Whether the assistant is currently processing / polling for a response */
+    isLoading: boolean;
+    /** Clear the current conversation and start a new one */
+    newConversation: () => void;
+}
 /**
  * Allowed file types for upload
  */
@@ -200,6 +214,24 @@ export interface ChatDrawerOptions {
      * @default false
      */
     persistConversation?: boolean;
+    /**
+     * Custom React component to replace the default prompt box (input area).
+     * Receives `sendMessage`, `stop`, and `isLoading` props so it can
+     * drive the conversation. Takes the full space of the default input area.
+     *
+     * @example
+     * ```tsx
+     * customPromptBox: (props) => <MyCustomInput {...props} />
+     * ```
+     */
+    customPromptBox?: (props: CustomPromptBoxProps) => React.ReactNode;
+    /**
+     * What to show as fallback when a conversation has no name.
+     * - 'date': show the creation date/time (default)
+     * - 'firstMessage': show the first user message truncated with ellipsis
+     * @default 'date'
+     */
+    conversationPreview?: 'date' | 'firstMessage';
 }
 /**
  * Props for the ChatDrawer component
@@ -215,6 +247,7 @@ export interface ConversationSelectorProps {
     apiKey?: string;
     baseUrl?: string;
     tenantId?: string;
+    conversationPreview?: 'date' | 'firstMessage';
 }
 export interface ChatDrawerProps {
     /**

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

@@ -1,2 +1,2 @@
 import type { ConversationSelectorProps } from './ChatDrawer.types';
-export declare function ConversationSelector({ assistantId, currentChatUid, onSelect, onNewChat, apiKey: propsApiKey, baseUrl: propsBaseUrl, tenantId: propsTenantId, }: ConversationSelectorProps): JSX.Element;
+export declare function ConversationSelector({ assistantId, currentChatUid, onSelect, onNewChat, apiKey: propsApiKey, baseUrl: propsBaseUrl, tenantId: propsTenantId, conversationPreview, }: ConversationSelectorProps): JSX.Element;

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

@@ -4,7 +4,7 @@ import { useOptionalDevicContext } from '../../provider/DevicContext.js';
 import { DevicApiClient } from '../../api/client.js';
 
 const PAGE_SIZE = 10;
-function ConversationSelector({ assistantId, currentChatUid, onSelect, onNewChat, apiKey: propsApiKey, baseUrl: propsBaseUrl, tenantId: propsTenantId, }) {
+function ConversationSelector({ assistantId, currentChatUid, onSelect, onNewChat, apiKey: propsApiKey, baseUrl: propsBaseUrl, tenantId: propsTenantId, conversationPreview, }) {
     const context = useOptionalDevicContext();
     const apiKey = propsApiKey || context?.apiKey;
     const baseUrl = propsBaseUrl || context?.baseUrl || 'https://api.devic.ai';
@@ -15,6 +15,8 @@ function ConversationSelector({ assistantId, currentChatUid, onSelect, onNewChat
     const [loading, setLoading] = useState(false);
     const [loadingMore, setLoadingMore] = useState(false);
     const [hasMore, setHasMore] = useState(true);
+    const [firstMessages, setFirstMessages] = useState({});
+    const fetchedChatsRef = useRef(new Set());
     const dropdownRef = useRef(null);
     const listRef = useRef(null);
     const clientRef = useRef(null);
@@ -72,6 +74,30 @@ function ConversationSelector({ assistantId, currentChatUid, onSelect, onNewChat
             fetchConversations(conversations.length, true);
         }
     }, [loadingMore, hasMore, conversations.length, fetchConversations]);
+    // Lazy-fetch first user message for unnamed conversations
+    useEffect(() => {
+        if (conversationPreview !== 'firstMessage' || !clientRef.current || !isOpen)
+            return;
+        const unnamed = conversations.filter((c) => !c.name && !fetchedChatsRef.current.has(c.chatUID));
+        if (unnamed.length === 0)
+            return;
+        // Mark as loading (null = loading)
+        unnamed.forEach((c) => fetchedChatsRef.current.add(c.chatUID));
+        setFirstMessages((prev) => {
+            const next = { ...prev };
+            unnamed.forEach((c) => { next[c.chatUID] = null; });
+            return next;
+        });
+        unnamed.forEach((conv) => {
+            clientRef.current.getChatHistory(assistantId, conv.chatUID, { tenantId }).then((history) => {
+                const firstUserMsg = history.chatContent?.find((m) => m.role === 'user');
+                const text = firstUserMsg?.content?.message || '';
+                setFirstMessages((prev) => ({ ...prev, [conv.chatUID]: text || '' }));
+            }).catch(() => {
+                setFirstMessages((prev) => ({ ...prev, [conv.chatUID]: '' }));
+            });
+        });
+    }, [conversations, isOpen, conversationPreview, assistantId, tenantId]);
     // Close on outside click
     useEffect(() => {
         if (!isOpen)
@@ -84,16 +110,40 @@ function ConversationSelector({ assistantId, currentChatUid, onSelect, onNewChat
         document.addEventListener('mousedown', handler);
         return () => document.removeEventListener('mousedown', handler);
     }, [isOpen]);
+    const getConversationLabel = (conv) => {
+        if (conv.name)
+            return conv.name;
+        if (conversationPreview === 'firstMessage') {
+            const msg = firstMessages[conv.chatUID];
+            if (msg === null)
+                return '...';
+            if (msg)
+                return msg;
+        }
+        return formatDate(conv.creationTimestampMs);
+    };
     const currentConv = conversations.find((c) => c.chatUID === currentChatUid);
     const currentName = currentConv
-        ? currentConv.name || formatDate(currentConv.creationTimestampMs)
+        ? getConversationLabel(currentConv)
         : 'New chat';
-    const filtered = conversations.filter((c) => !search || (c.name || '').toLowerCase().includes(search.toLowerCase()));
+    const filtered = conversations.filter((c) => {
+        if (!search)
+            return true;
+        const q = search.toLowerCase();
+        if ((c.name || '').toLowerCase().includes(q))
+            return true;
+        if (conversationPreview === 'firstMessage') {
+            const msg = firstMessages[c.chatUID];
+            if (msg && msg.toLowerCase().includes(q))
+                return true;
+        }
+        return false;
+    });
     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", ref: listRef, 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))), loadingMore && (jsx("div", { className: "devic-conversation-loading", children: "Loading more..." })), !loadingMore && hasMore && !loading && (jsx("button", { className: "devic-conversation-load-more", type: "button", onClick: handleLoadMore, children: "Load more" }))] }), jsx("button", { className: "devic-conversation-new", type: "button", onClick: () => {
+                                    }, children: [conv.chatUID === currentChatUid && (jsx("span", { className: "devic-conversation-item-check", children: jsx(CheckIcon, {}) })), jsx("span", { className: "devic-conversation-item-name", children: getConversationLabel(conv) }), jsx("span", { className: "devic-conversation-item-date", children: formatDate(conv.lastEditTimestampMs || conv.creationTimestampMs) })] }, conv.chatUID))), loadingMore && (jsx("div", { className: "devic-conversation-loading", children: "Loading more..." })), !loadingMore && hasMore && !loading && (jsx("button", { className: "devic-conversation-load-more", type: "button", onClick: handleLoadMore, children: "Load more" }))] }), jsx("button", { className: "devic-conversation-new", type: "button", onClick: () => {
                             onNewChat();
                             setIsOpen(false);
                         }, children: "+ Start a new chat" })] }))] }));

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

@@ -1 +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\nconst PAGE_SIZE = 10;\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 [loadingMore, setLoadingMore] = useState(false);\n  const [hasMore, setHasMore] = useState(true);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const listRef = 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 (offset = 0, append = false) => {\n    if (!clientRef.current) return;\n    if (offset === 0) {\n      setLoading(true);\n    } else {\n      setLoadingMore(true);\n    }\n    try {\n      const response = await clientRef.current.listConversations(assistantId, {\n        tenantId,\n        offset,\n        limit: PAGE_SIZE,\n      });\n      setConversations((prev) => append ? [...prev, ...response.histories] : response.histories);\n      setHasMore(offset + response.histories.length < response.total);\n    } catch {\n      // silently fail\n    } finally {\n      setLoading(false);\n      setLoadingMore(false);\n    }\n  }, [assistantId, tenantId]);\n\n  useEffect(() => {\n    if (isOpen) {\n      fetchConversations(0);\n    }\n  }, [isOpen, fetchConversations]);\n\n  // Fetch conversations when currentChatUid changes so the selector label is correct\n  useEffect(() => {\n    if (currentChatUid && conversations.length === 0) {\n      fetchConversations(0);\n    }\n  }, [currentChatUid, conversations.length, fetchConversations]);\n\n  const handleLoadMore = useCallback(() => {\n    if (!loadingMore && hasMore) {\n      fetchConversations(conversations.length, true);\n    }\n  }, [loadingMore, hasMore, conversations.length, 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\n            className=\"devic-conversation-list\"\n            ref={listRef}\n          >\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            {loadingMore && (\n              <div className=\"devic-conversation-loading\">Loading more...</div>\n            )}\n            {!loadingMore && hasMore && !loading && (\n              <button\n                className=\"devic-conversation-load-more\"\n                type=\"button\"\n                onClick={handleLoadMore}\n              >\n                Load more\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":";;;;;AAMA,MAAM,SAAS,GAAG,EAAE;AAEd,SAAU,oBAAoB,CAAC,EACnC,WAAW,EACX,cAAc,EACd,QAAQ,EACR,SAAS,EACT,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,aAAa,GACG,EAAA;AAC1B,IAAA,MAAM,OAAO,GAAG,uBAAuB,EAAE;AACzC,IAAA,MAAM,MAAM,GAAG,WAAW,IAAI,OAAO,EAAE,MAAM;IAC7C,MAAM,OAAO,GAAG,YAAY,IAAI,OAAO,EAAE,OAAO,IAAI,sBAAsB;AAC1E,IAAA,MAAM,QAAQ,GAAG,aAAa,IAAI,OAAO,EAAE,QAAQ;IAEnD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAC3C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAwB,EAAE,CAAC;IAC7E,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC;IACxC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAC7C,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACrD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;AAC5C,IAAA,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC;AAChD,IAAA,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC;AAC5C,IAAA,MAAM,SAAS,GAAG,MAAM,CAAwB,IAAI,CAAC;AAErD,IAAA,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,MAAM,EAAE;AAChC,QAAA,SAAS,CAAC,OAAO,GAAG,IAAI,cAAc,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;IAC7D;;IAGA,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,SAAS,CAAC,OAAO,IAAI,MAAM,EAAE;YAC/B,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;QAClD;AAAO,aAAA,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,MAAM,EAAE;AACvC,YAAA,SAAS,CAAC,OAAO,GAAG,IAAI,cAAc,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;QAC7D;AACF,IAAA,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAErB,IAAA,MAAM,kBAAkB,GAAG,WAAW,CAAC,OAAO,MAAM,GAAG,CAAC,EAAE,MAAM,GAAG,KAAK,KAAI;QAC1E,IAAI,CAAC,SAAS,CAAC,OAAO;YAAE;AACxB,QAAA,IAAI,MAAM,KAAK,CAAC,EAAE;YAChB,UAAU,CAAC,IAAI,CAAC;QAClB;aAAO;YACL,cAAc,CAAC,IAAI,CAAC;QACtB;AACA,QAAA,IAAI;YACF,MAAM,QAAQ,GAAG,MAAM,SAAS,CAAC,OAAO,CAAC,iBAAiB,CAAC,WAAW,EAAE;gBACtE,QAAQ;gBACR,MAAM;AACN,gBAAA,KAAK,EAAE,SAAS;AACjB,aAAA,CAAC;YACF,gBAAgB,CAAC,CAAC,IAAI,KAAK,MAAM,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,QAAQ,CAAC,SAAS,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC;AAC1F,YAAA,UAAU,CAAC,MAAM,GAAG,QAAQ,CAAC,SAAS,CAAC,MAAM,GAAG,QAAQ,CAAC,KAAK,CAAC;QACjE;AAAE,QAAA,MAAM;;QAER;gBAAU;YACR,UAAU,CAAC,KAAK,CAAC;YACjB,cAAc,CAAC,KAAK,CAAC;QACvB;AACF,IAAA,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAC;IAE3B,SAAS,CAAC,MAAK;QACb,IAAI,MAAM,EAAE;YACV,kBAAkB,CAAC,CAAC,CAAC;QACvB;AACF,IAAA,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;;IAGhC,SAAS,CAAC,MAAK;QACb,IAAI,cAAc,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,EAAE;YAChD,kBAAkB,CAAC,CAAC,CAAC;QACvB;IACF,CAAC,EAAE,CAAC,cAAc,EAAE,aAAa,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;AAE9D,IAAA,MAAM,cAAc,GAAG,WAAW,CAAC,MAAK;AACtC,QAAA,IAAI,CAAC,WAAW,IAAI,OAAO,EAAE;AAC3B,YAAA,kBAAkB,CAAC,aAAa,CAAC,MAAM,EAAE,IAAI,CAAC;QAChD;AACF,IAAA,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,aAAa,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;;IAGpE,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,MAAM;YAAE;AACb,QAAA,MAAM,OAAO,GAAG,CAAC,CAAa,KAAI;AAChC,YAAA,IAAI,WAAW,CAAC,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAc,CAAC,EAAE;gBAC1E,SAAS,CAAC,KAAK,CAAC;YAClB;AACF,QAAA,CAAC;AACD,QAAA,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,OAAO,CAAC;QAC/C,OAAO,MAAM,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,OAAO,CAAC;AACjE,IAAA,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;AAEZ,IAAA,MAAM,WAAW,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,KAAK,cAAc,CAAC;IAC3E,MAAM,WAAW,GAAG;UAChB,WAAW,CAAC,IAAI,IAAI,UAAU,CAAC,WAAW,CAAC,mBAAmB;UAC9D,UAAU;AAEd,IAAA,MAAM,QAAQ,GAAG,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,KACtC,CAAC,MAAM,IAAI,CAAC,CAAC,CAAC,IAAI,IAAI,EAAE,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,CACvE;AAED,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6BAA6B,EAAC,GAAG,EAAE,WAAW,EAAA,QAAA,EAAA,CAC3DA,IAAA,CAAA,QAAA,EAAA,EACE,SAAS,EAAC,qCAAqC,EAC/C,OAAO,EAAE,MAAM,SAAS,CAAC,CAAC,MAAM,CAAC,EACjC,IAAI,EAAC,QAAQ,aAEbC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,mCAAmC,EAAA,QAAA,EAAE,WAAW,EAAA,CAAQ,EACxEA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,MAAM,EAAA,CAAI,CAAA,EAAA,CACtB,EAER,MAAM,KACLD,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,6BAA6B,EAAA,QAAA,EAAA,CAC1CC,aAAK,SAAS,EAAC,mCAAmC,EAAA,QAAA,EAChDA,GAAA,CAAA,OAAA,EAAA,EACE,SAAS,EAAC,2BAA2B,EACrC,IAAI,EAAC,MAAM,EACX,WAAW,EAAC,yBAAyB,EACrC,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1C,SAAS,EAAA,IAAA,EAAA,CACT,EAAA,CACE,EAEND,IAAA,CAAA,KAAA,EAAA,EACE,SAAS,EAAC,yBAAyB,EACnC,GAAG,EAAE,OAAO,EAAA,QAAA,EAAA,CAEX,OAAO,KACNC,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4BAA4B,EAAA,QAAA,EAAA,YAAA,EAAA,CAAiB,CAC7D,EACA,CAAC,OAAO,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,KAChCA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,0BAA0B,EAAA,QAAA,EAAA,kBAAA,EAAA,CAAuB,CACjE,EACA,CAAC,OAAO;gCACP,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,MAChBD,IAAA,CAAA,QAAA,EAAA,EAEE,SAAS,EAAC,yBAAyB,EAAA,aAAA,EACtB,IAAI,CAAC,OAAO,KAAK,cAAc,EAC5C,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAK;AACZ,wCAAA,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC;wCACtB,SAAS,CAAC,KAAK,CAAC;oCAClB,CAAC,EAAA,QAAA,EAAA,CAEA,IAAI,CAAC,OAAO,KAAK,cAAc,KAC9BC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,+BAA+B,EAAA,QAAA,EAC7CA,GAAA,CAAC,SAAS,EAAA,EAAA,CAAG,EAAA,CACR,CACR,EACDA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,8BAA8B,EAAA,QAAA,EAC3C,IAAI,CAAC,IAAI,IAAI,UAAU,CAAC,IAAI,CAAC,mBAAmB,CAAC,EAAA,CAC7C,EACPA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,8BAA8B,EAAA,QAAA,EAC3C,UAAU,CAAC,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,mBAAmB,CAAC,EAAA,CAC5D,CAAA,EAAA,EAnBF,IAAI,CAAC,OAAO,CAoBV,CACV,CAAC,EACH,WAAW,KACVA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4BAA4B,gCAAsB,CAClE,EACA,CAAC,WAAW,IAAI,OAAO,IAAI,CAAC,OAAO,KAClCA,GAAA,CAAA,QAAA,EAAA,EACE,SAAS,EAAC,8BAA8B,EACxC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAc,EAAA,QAAA,EAAA,WAAA,EAAA,CAGhB,CACV,CAAA,EAAA,CACG,EAENA,gBACE,SAAS,EAAC,wBAAwB,EAClC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAK;AACZ,4BAAA,SAAS,EAAE;4BACX,SAAS,CAAC,KAAK,CAAC;AAClB,wBAAA,CAAC,EAAA,QAAA,EAAA,oBAAA,EAAA,CAGM,CAAA,EAAA,CACL,CACP,CAAA,EAAA,CACG;AAEV;AAEA,SAAS,WAAW,CAAC,EAAE,IAAI,EAAqB,EAAA;AAC9C,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAC,GAAG,EACf,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,KAAK,EAAE,EAAE,SAAS,EAAE,IAAI,GAAG,gBAAgB,GAAG,SAAS,EAAE,UAAU,EAAE,MAAM,EAAE,EAAA,QAAA,EAE7EA,GAAA,CAAA,UAAA,EAAA,EAAU,MAAM,EAAC,gBAAgB,EAAA,CAAG,EAAA,CAChC;AAEV;AAEA,SAAS,SAAS,GAAA;AAChB,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,KAAK,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAA,QAAA,EAC9IA,kBAAU,MAAM,EAAC,gBAAgB,EAAA,CAAG,EAAA,CAChC;AAEV;AAEA,SAAS,UAAU,CAAC,EAAU,EAAA;AAC5B,IAAA,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC,EAAE,CAAC;AACtB,IAAA,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE;IACtB,IAAI,CAAC,CAAC,YAAY,EAAE,KAAK,GAAG,CAAC,YAAY,EAAE,EAAE;AAC3C,QAAA,OAAO,CAAC,CAAC,kBAAkB,CAAC,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;IAChF;IACA,OAAO,CAAC,CAAC,kBAAkB,CAAC,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC;AAChH;;;;"}
+{"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\nconst PAGE_SIZE = 10;\n\nexport function ConversationSelector({\n  assistantId,\n  currentChatUid,\n  onSelect,\n  onNewChat,\n  apiKey: propsApiKey,\n  baseUrl: propsBaseUrl,\n  tenantId: propsTenantId,\n  conversationPreview,\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 [loadingMore, setLoadingMore] = useState(false);\n  const [hasMore, setHasMore] = useState(true);\n  const [firstMessages, setFirstMessages] = useState<Record<string, string | null>>({});\n  const fetchedChatsRef = useRef<Set<string>>(new Set());\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  const listRef = 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 (offset = 0, append = false) => {\n    if (!clientRef.current) return;\n    if (offset === 0) {\n      setLoading(true);\n    } else {\n      setLoadingMore(true);\n    }\n    try {\n      const response = await clientRef.current.listConversations(assistantId, {\n        tenantId,\n        offset,\n        limit: PAGE_SIZE,\n      });\n      setConversations((prev) => append ? [...prev, ...response.histories] : response.histories);\n      setHasMore(offset + response.histories.length < response.total);\n    } catch {\n      // silently fail\n    } finally {\n      setLoading(false);\n      setLoadingMore(false);\n    }\n  }, [assistantId, tenantId]);\n\n  useEffect(() => {\n    if (isOpen) {\n      fetchConversations(0);\n    }\n  }, [isOpen, fetchConversations]);\n\n  // Fetch conversations when currentChatUid changes so the selector label is correct\n  useEffect(() => {\n    if (currentChatUid && conversations.length === 0) {\n      fetchConversations(0);\n    }\n  }, [currentChatUid, conversations.length, fetchConversations]);\n\n  const handleLoadMore = useCallback(() => {\n    if (!loadingMore && hasMore) {\n      fetchConversations(conversations.length, true);\n    }\n  }, [loadingMore, hasMore, conversations.length, fetchConversations]);\n\n  // Lazy-fetch first user message for unnamed conversations\n  useEffect(() => {\n    if (conversationPreview !== 'firstMessage' || !clientRef.current || !isOpen) return;\n    const unnamed = conversations.filter((c) => !c.name && !fetchedChatsRef.current.has(c.chatUID));\n    if (unnamed.length === 0) return;\n\n    // Mark as loading (null = loading)\n    unnamed.forEach((c) => fetchedChatsRef.current.add(c.chatUID));\n    setFirstMessages((prev) => {\n      const next = { ...prev };\n      unnamed.forEach((c) => { next[c.chatUID] = null; });\n      return next;\n    });\n\n    unnamed.forEach((conv) => {\n      clientRef.current!.getChatHistory(assistantId, conv.chatUID, { tenantId }).then((history) => {\n        const firstUserMsg = history.chatContent?.find((m) => m.role === 'user');\n        const text = firstUserMsg?.content?.message || '';\n        setFirstMessages((prev) => ({ ...prev, [conv.chatUID]: text || '' }));\n      }).catch(() => {\n        setFirstMessages((prev) => ({ ...prev, [conv.chatUID]: '' }));\n      });\n    });\n  }, [conversations, isOpen, conversationPreview, assistantId, tenantId]);\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 getConversationLabel = (conv: ConversationSummary): string => {\n    if (conv.name) return conv.name;\n    if (conversationPreview === 'firstMessage') {\n      const msg = firstMessages[conv.chatUID];\n      if (msg === null) return '...';\n      if (msg) return msg;\n    }\n    return formatDate(conv.creationTimestampMs);\n  };\n\n  const currentConv = conversations.find((c) => c.chatUID === currentChatUid);\n  const currentName = currentConv\n    ? getConversationLabel(currentConv)\n    : 'New chat';\n\n  const filtered = conversations.filter((c) => {\n    if (!search) return true;\n    const q = search.toLowerCase();\n    if ((c.name || '').toLowerCase().includes(q)) return true;\n    if (conversationPreview === 'firstMessage') {\n      const msg = firstMessages[c.chatUID];\n      if (msg && msg.toLowerCase().includes(q)) return true;\n    }\n    return false;\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\n            className=\"devic-conversation-list\"\n            ref={listRef}\n          >\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                    {getConversationLabel(conv)}\n                  </span>\n                  <span className=\"devic-conversation-item-date\">\n                    {formatDate(conv.lastEditTimestampMs || conv.creationTimestampMs)}\n                  </span>\n                </button>\n              ))}\n            {loadingMore && (\n              <div className=\"devic-conversation-loading\">Loading more...</div>\n            )}\n            {!loadingMore && hasMore && !loading && (\n              <button\n                className=\"devic-conversation-load-more\"\n                type=\"button\"\n                onClick={handleLoadMore}\n              >\n                Load more\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/index.d.ts

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

package/dist/esm/index.d.ts

@@ -1,7 +1,7 @@
 export { DevicProvider, DevicContext, useDevicContext, useOptionalDevicContext } from './provider';
 export type { DevicProviderConfig, DevicProviderProps, DevicContextValue } from './provider';
 export { ChatDrawer, ChatMessages, ChatInput, ToolTimeline, ConversationSelector, HandoffSubagentWidget } from './components/ChatDrawer';
-export type { ChatDrawerProps, ChatDrawerOptions, ChatDrawerHandle, ChatMessagesProps, ChatInputProps, ToolTimelineProps, AllowedFileTypes, ConversationSelectorProps, HandoffSubagentWidgetProps, } from './components/ChatDrawer';
+export type { ChatDrawerProps, ChatDrawerOptions, ChatDrawerHandle, ChatMessagesProps, ChatInputProps, CustomPromptBoxProps, ToolTimelineProps, AllowedFileTypes, ConversationSelectorProps, HandoffSubagentWidgetProps, } from './components/ChatDrawer';
 export { ThreadStateTag } from './components/ThreadStateTag';
 export type { ThreadStateTagProps, StateConfig } from './components/ThreadStateTag';
 export { AICommandBar, useAICommandBar, formatShortcut } from './components/AICommandBar';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devicai/ui",
-  "version": "0.11.0",
+  "version": "0.11.2",
   "type": "module",
   "description": "React component library for Devic AI assistants",
   "engines": {