@devicai/ui 0.1.0 → 0.2.0

package/dist/esm/hooks/useDevicChat.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDevicChat.js","sources":["../../../src/hooks/useDevicChat.ts"],"sourcesContent":["import { useState, useCallback, useEffect, useRef } from 'react';\nimport { useOptionalDevicContext } from '../provider';\nimport { DevicApiClient } from '../api/client';\nimport { usePolling } from './usePolling';\nimport { useModelInterface } from './useModelInterface';\nimport type {\n  ChatMessage,\n  ChatFile,\n  ModelInterfaceTool,\n  RealtimeChatHistory,\n  RealtimeStatus,\n} from '../api/types';\n\nexport interface UseDevicChatOptions {\n  /**\n   * Assistant identifier\n   */\n  assistantId: string;\n\n  /**\n   * Existing chat UID to continue a conversation\n   */\n  chatUid?: string;\n\n  /**\n   * API key (overrides provider context)\n   */\n  apiKey?: string;\n\n  /**\n   * Base URL (overrides provider context)\n   */\n  baseUrl?: string;\n\n  /**\n   * Tenant ID for multi-tenant environments\n   */\n  tenantId?: string;\n\n  /**\n   * Tenant metadata\n   */\n  tenantMetadata?: Record<string, any>;\n\n  /**\n   * Tools enabled from the assistant's configured tool groups\n   */\n  enabledTools?: string[];\n\n  /**\n   * Client-side tools for model interface protocol\n   */\n  modelInterfaceTools?: ModelInterfaceTool[];\n\n  /**\n   * Polling interval for async mode (ms)\n   * @default 1000\n   */\n  pollingInterval?: number;\n\n  /**\n   * Callback when a message is sent\n   */\n  onMessageSent?: (message: ChatMessage) => void;\n\n  /**\n   * Callback when a message is received\n   */\n  onMessageReceived?: (message: ChatMessage) => void;\n\n  /**\n   * Callback when a tool is called\n   */\n  onToolCall?: (toolName: string, params: any) => void;\n\n  /**\n   * Callback when an error occurs\n   */\n  onError?: (error: Error) => void;\n\n  /**\n   * Callback when a new chat is created\n   */\n  onChatCreated?: (chatUid: string) => void;\n}\n\nexport interface UseDevicChatResult {\n  /**\n   * Current chat messages\n   */\n  messages: ChatMessage[];\n\n  /**\n   * Current chat UID\n   */\n  chatUid: string | null;\n\n  /**\n   * Whether a message is being processed\n   */\n  isLoading: boolean;\n\n  /**\n   * Current status\n   */\n  status: RealtimeStatus | 'idle';\n\n  /**\n   * Last error\n   */\n  error: Error | null;\n\n  /**\n   * Send a message\n   */\n  sendMessage: (\n    message: string,\n    options?: {\n      files?: ChatFile[];\n      metadata?: Record<string, any>;\n    }\n  ) => Promise<void>;\n\n  /**\n   * Clear the chat and start a new conversation\n   */\n  clearChat: () => void;\n\n  /**\n   * Load an existing chat\n   */\n  loadChat: (chatUid: string) => Promise<void>;\n}\n\n/**\n * Main hook for managing chat with a Devic assistant\n *\n * @example\n * ```tsx\n * const {\n *   messages,\n *   isLoading,\n *   sendMessage,\n * } = useDevicChat({\n *   assistantId: 'my-assistant',\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 function useDevicChat(options: UseDevicChatOptions): UseDevicChatResult {\n  const {\n    assistantId,\n    chatUid: initialChatUid,\n    apiKey: propsApiKey,\n    baseUrl: propsBaseUrl,\n    tenantId,\n    tenantMetadata,\n    enabledTools,\n    modelInterfaceTools = [],\n    pollingInterval = 1000,\n    onMessageSent,\n    onMessageReceived,\n    onToolCall,\n    onError,\n    onChatCreated,\n  } = options;\n\n  // Get context (may be null if not wrapped in provider)\n  const context = useOptionalDevicContext();\n\n  // Resolve configuration\n  const apiKey = propsApiKey || context?.apiKey;\n  const baseUrl = propsBaseUrl || context?.baseUrl || 'https://api.devic.ai';\n  const resolvedTenantId = tenantId || context?.tenantId;\n  const resolvedTenantMetadata = { ...context?.tenantMetadata, ...tenantMetadata };\n\n  // State\n  const [messages, setMessages] = useState<ChatMessage[]>([]);\n  const [chatUid, setChatUid] = useState<string | null>(initialChatUid || null);\n  const [isLoading, setIsLoading] = useState(false);\n  const [status, setStatus] = useState<RealtimeStatus | 'idle'>('idle');\n  const [error, setError] = useState<Error | null>(null);\n\n  // Polling state\n  const [shouldPoll, setShouldPoll] = useState(false);\n\n  // Refs for callbacks\n  const onMessageReceivedRef = useRef(onMessageReceived);\n  const onErrorRef = useRef(onError);\n  const onChatCreatedRef = useRef(onChatCreated);\n\n  useEffect(() => {\n    onMessageReceivedRef.current = onMessageReceived;\n    onErrorRef.current = onError;\n    onChatCreatedRef.current = onChatCreated;\n  });\n\n  // Create API client\n  const clientRef = useRef<DevicApiClient | null>(null);\n  if (!clientRef.current && apiKey) {\n    clientRef.current = new DevicApiClient({ apiKey, baseUrl });\n  }\n\n  // Update client config if it changes\n  useEffect(() => {\n    if (clientRef.current && apiKey) {\n      clientRef.current.setConfig({ apiKey, baseUrl });\n    }\n  }, [apiKey, baseUrl]);\n\n  // Model interface hook\n  const {\n    toolSchemas,\n    handleToolCalls,\n    extractPendingToolCalls,\n  } = useModelInterface({\n    tools: modelInterfaceTools,\n    onToolExecute: onToolCall,\n  });\n\n  // Polling hook\n  const polling = usePolling(\n    shouldPoll ? chatUid : null,\n    async () => {\n      if (!clientRef.current || !chatUid) {\n        throw new Error('Cannot poll without client or chatUid');\n      }\n      return clientRef.current.getRealtimeHistory(assistantId, chatUid);\n    },\n    {\n      interval: pollingInterval,\n      enabled: shouldPoll,\n      stopStatuses: ['completed', 'error', 'waiting_for_tool_response'],\n      onUpdate: async (data: RealtimeChatHistory) => {\n        setMessages(data.chatHistory);\n        setStatus(data.status);\n\n        // Notify about new messages\n        const lastMessage = data.chatHistory[data.chatHistory.length - 1];\n        if (lastMessage && lastMessage.role === 'assistant') {\n          onMessageReceivedRef.current?.(lastMessage);\n        }\n\n        // Handle model interface - check for pending tool calls\n        if (data.status === 'waiting_for_tool_response' || data.pendingToolCalls?.length) {\n          await handlePendingToolCalls(data);\n        }\n      },\n      onStop: async (data) => {\n        setIsLoading(false);\n        setShouldPoll(false);\n\n        if (data?.status === 'error') {\n          const err = new Error('Chat processing failed');\n          setError(err);\n          onErrorRef.current?.(err);\n        } else if (data?.status === 'waiting_for_tool_response') {\n          // Handle tool response\n          await handlePendingToolCalls(data);\n        }\n      },\n      onError: (err) => {\n        setError(err);\n        setIsLoading(false);\n        setShouldPoll(false);\n        onErrorRef.current?.(err);\n      },\n    }\n  );\n\n  // Handle pending tool calls from model interface\n  const handlePendingToolCalls = useCallback(\n    async (data: RealtimeChatHistory) => {\n      if (!clientRef.current || !chatUid) return;\n\n      // Get pending tool calls\n      const pendingCalls = data.pendingToolCalls || extractPendingToolCalls(data.chatHistory);\n\n      if (pendingCalls.length === 0) return;\n\n      try {\n        // Execute client-side tools\n        const responses = await handleToolCalls(pendingCalls);\n\n        if (responses.length > 0) {\n          // Send tool responses back to the API\n          await clientRef.current.sendToolResponses(assistantId, chatUid, responses);\n\n          // Resume polling\n          setShouldPoll(true);\n          setIsLoading(true);\n        }\n      } catch (err) {\n        const error = err instanceof Error ? err : new Error(String(err));\n        setError(error);\n        onErrorRef.current?.(error);\n      }\n    },\n    [chatUid, assistantId, handleToolCalls, extractPendingToolCalls]\n  );\n\n  // Send a message\n  const sendMessage = useCallback(\n    async (\n      message: string,\n      sendOptions?: {\n        files?: ChatFile[];\n        metadata?: Record<string, any>;\n      }\n    ) => {\n      if (!clientRef.current) {\n        const err = new Error(\n          'API client not configured. Please provide an API key.'\n        );\n        setError(err);\n        onErrorRef.current?.(err);\n        return;\n      }\n\n      setIsLoading(true);\n      setError(null);\n      setStatus('processing');\n\n      // Add user message optimistically\n      const userMessage: ChatMessage = {\n        uid: `temp-${Date.now()}`,\n        role: 'user',\n        content: {\n          message,\n          files: sendOptions?.files?.map((f) => ({\n            name: f.name,\n            url: f.downloadUrl || '',\n            type: f.fileType || 'other',\n          })),\n        },\n        timestamp: Date.now(),\n      };\n\n      setMessages((prev) => [...prev, userMessage]);\n      onMessageSent?.(userMessage);\n\n      try {\n        // Build request DTO\n        const dto = {\n          message,\n          chatUid: chatUid || undefined,\n          files: sendOptions?.files,\n          metadata: {\n            ...resolvedTenantMetadata,\n            ...sendOptions?.metadata,\n          },\n          tenantId: resolvedTenantId,\n          enabledTools,\n          // Include model interface tools if any\n          ...(toolSchemas.length > 0 && { tools: toolSchemas }),\n        };\n\n        // Send message in async mode\n        const response = await clientRef.current.sendMessageAsync(assistantId, dto);\n\n        // Update chat UID if this is a new chat\n        if (response.chatUid && response.chatUid !== chatUid) {\n          setChatUid(response.chatUid);\n          onChatCreatedRef.current?.(response.chatUid);\n        }\n\n        // Start polling for results\n        setShouldPoll(true);\n      } catch (err) {\n        const error = err instanceof Error ? err : new Error(String(err));\n        setError(error);\n        setIsLoading(false);\n        setStatus('error');\n        onErrorRef.current?.(error);\n\n        // Remove optimistic user message on error\n        setMessages((prev) => prev.filter((m) => m.uid !== userMessage.uid));\n      }\n    },\n    [\n      chatUid,\n      assistantId,\n      enabledTools,\n      resolvedTenantId,\n      resolvedTenantMetadata,\n      toolSchemas,\n      onMessageSent,\n    ]\n  );\n\n  // Clear chat\n  const clearChat = useCallback(() => {\n    setMessages([]);\n    setChatUid(null);\n    setStatus('idle');\n    setError(null);\n    setShouldPoll(false);\n  }, []);\n\n  // Load existing chat\n  const loadChat = useCallback(\n    async (loadChatUid: string) => {\n      if (!clientRef.current) {\n        const err = new Error('API client not configured');\n        setError(err);\n        onErrorRef.current?.(err);\n        return;\n      }\n\n      setIsLoading(true);\n      setError(null);\n\n      try {\n        const history = await clientRef.current.getChatHistory(\n          assistantId,\n          loadChatUid\n        );\n\n        setMessages(history.chatContent);\n        setChatUid(loadChatUid);\n        setStatus('completed');\n      } catch (err) {\n        const error = err instanceof Error ? err : new Error(String(err));\n        setError(error);\n        onErrorRef.current?.(error);\n      } finally {\n        setIsLoading(false);\n      }\n    },\n    [assistantId]\n  );\n\n  return {\n    messages,\n    chatUid,\n    isLoading,\n    status,\n    error,\n    sendMessage,\n    clearChat,\n    loadChat,\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useDevicChat.js","sources":["../../../src/hooks/useDevicChat.ts"],"sourcesContent":["import { useState, useCallback, useEffect, useRef } from 'react';\nimport { useOptionalDevicContext } from '../provider';\nimport { DevicApiClient } from '../api/client';\nimport { usePolling } from './usePolling';\nimport { useModelInterface } from './useModelInterface';\n\nconsole.log('[devic-ui] Version: DEV-BUILD-001 (2026-01-26 18:20)');\nimport type {\n  ChatMessage,\n  ChatFile,\n  ModelInterfaceTool,\n  RealtimeChatHistory,\n  RealtimeStatus,\n} from '../api/types';\n\nexport interface UseDevicChatOptions {\n  /**\n   * Assistant identifier\n   */\n  assistantId: string;\n\n  /**\n   * Existing chat UID to continue a conversation\n   */\n  chatUid?: string;\n\n  /**\n   * API key (overrides provider context)\n   */\n  apiKey?: string;\n\n  /**\n   * Base URL (overrides provider context)\n   */\n  baseUrl?: string;\n\n  /**\n   * Tenant ID for multi-tenant environments\n   */\n  tenantId?: string;\n\n  /**\n   * Tenant metadata\n   */\n  tenantMetadata?: Record<string, any>;\n\n  /**\n   * Tools enabled from the assistant's configured tool groups\n   */\n  enabledTools?: string[];\n\n  /**\n   * Client-side tools for model interface protocol\n   */\n  modelInterfaceTools?: ModelInterfaceTool[];\n\n  /**\n   * Polling interval for async mode (ms)\n   * @default 1000\n   */\n  pollingInterval?: number;\n\n  /**\n   * Callback when a message is sent\n   */\n  onMessageSent?: (message: ChatMessage) => void;\n\n  /**\n   * Callback when a message is received\n   */\n  onMessageReceived?: (message: ChatMessage) => void;\n\n  /**\n   * Callback when a tool is called\n   */\n  onToolCall?: (toolName: string, params: any) => void;\n\n  /**\n   * Callback when an error occurs\n   */\n  onError?: (error: Error) => void;\n\n  /**\n   * Callback when a new chat is created\n   */\n  onChatCreated?: (chatUid: string) => void;\n}\n\nexport interface UseDevicChatResult {\n  /**\n   * Current chat messages\n   */\n  messages: ChatMessage[];\n\n  /**\n   * Current chat UID\n   */\n  chatUid: string | null;\n\n  /**\n   * Whether a message is being processed\n   */\n  isLoading: boolean;\n\n  /**\n   * Current status\n   */\n  status: RealtimeStatus | 'idle';\n\n  /**\n   * Last error\n   */\n  error: Error | null;\n\n  /**\n   * Send a message\n   */\n  sendMessage: (\n    message: string,\n    options?: {\n      files?: ChatFile[];\n      metadata?: Record<string, any>;\n    }\n  ) => Promise<void>;\n\n  /**\n   * Clear the chat and start a new conversation\n   */\n  clearChat: () => void;\n\n  /**\n   * Load an existing chat\n   */\n  loadChat: (chatUid: string) => Promise<void>;\n}\n\n/**\n * Main hook for managing chat with a Devic assistant\n *\n * @example\n * ```tsx\n * const {\n *   messages,\n *   isLoading,\n *   sendMessage,\n * } = useDevicChat({\n *   assistantId: 'my-assistant',\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 function useDevicChat(options: UseDevicChatOptions): UseDevicChatResult {\n  const {\n    assistantId,\n    chatUid: initialChatUid,\n    apiKey: propsApiKey,\n    baseUrl: propsBaseUrl,\n    tenantId,\n    tenantMetadata,\n    enabledTools,\n    modelInterfaceTools = [],\n    pollingInterval = 1000,\n    onMessageSent,\n    onMessageReceived,\n    onToolCall,\n    onError,\n    onChatCreated,\n  } = options;\n\n  // Get context (may be null if not wrapped in provider)\n  const context = useOptionalDevicContext();\n\n  // Resolve configuration\n  const apiKey = propsApiKey || context?.apiKey;\n  const baseUrl = propsBaseUrl || context?.baseUrl || 'https://api.devic.ai';\n  const resolvedTenantId = tenantId || context?.tenantId;\n  const resolvedTenantMetadata = { ...context?.tenantMetadata, ...tenantMetadata };\n\n  // State\n  const [messages, setMessages] = useState<ChatMessage[]>([]);\n  const [chatUid, setChatUid] = useState<string | null>(initialChatUid || null);\n  const [isLoading, setIsLoading] = useState(false);\n  const [status, setStatus] = useState<RealtimeStatus | 'idle'>('idle');\n  const [error, setError] = useState<Error | null>(null);\n\n  // Polling state\n  const [shouldPoll, setShouldPoll] = useState(false);\n\n  // Refs for callbacks\n  const onMessageReceivedRef = useRef(onMessageReceived);\n  const onErrorRef = useRef(onError);\n  const onChatCreatedRef = useRef(onChatCreated);\n\n  useEffect(() => {\n    onMessageReceivedRef.current = onMessageReceived;\n    onErrorRef.current = onError;\n    onChatCreatedRef.current = onChatCreated;\n  });\n\n  // Create API client\n  const clientRef = useRef<DevicApiClient | null>(null);\n  if (!clientRef.current && apiKey) {\n    clientRef.current = new DevicApiClient({ apiKey, baseUrl });\n  }\n\n  // Update client config if it changes\n  useEffect(() => {\n    if (clientRef.current && apiKey) {\n      clientRef.current.setConfig({ apiKey, baseUrl });\n    }\n  }, [apiKey, baseUrl]);\n\n  // Model interface hook\n  const {\n    toolSchemas,\n    handleToolCalls,\n    extractPendingToolCalls,\n  } = useModelInterface({\n    tools: modelInterfaceTools,\n    onToolExecute: onToolCall,\n  });\n\n  // Polling hook - uses callbacks for side effects, return value not needed\n  console.log('[useDevicChat] Render - shouldPoll:', shouldPoll, 'chatUid:', chatUid);\n  usePolling(\n    shouldPoll ? chatUid : null,\n    async () => {\n      console.log('[useDevicChat] fetchFn called, chatUid:', chatUid);\n      if (!clientRef.current || !chatUid) {\n        throw new Error('Cannot poll without client or chatUid');\n      }\n      const result = await clientRef.current.getRealtimeHistory(assistantId, chatUid);\n      console.log('[useDevicChat] getRealtimeHistory result:', result);\n      return result;\n    },\n    {\n      interval: pollingInterval,\n      enabled: shouldPoll,\n      stopStatuses: ['completed', 'error', 'waiting_for_tool_response'],\n      onUpdate: async (data: RealtimeChatHistory) => {\n        console.log('[useDevicChat] onUpdate called, status:', data.status);\n\n        // Merge realtime data with optimistic messages\n        setMessages((prev) => {\n          const realtimeUIDs = new Set(data.chatHistory.map((m) => m.uid));\n          const realtimeUserMessages = new Set(\n            data.chatHistory\n              .filter((m) => m.role === 'user')\n              .map((m) => m.content?.message)\n          );\n\n          // Keep optimistic messages not yet in realtime data\n          const optimistic = prev.filter((m) => {\n            if (realtimeUIDs.has(m.uid)) return false;\n            if (m.role === 'user' && realtimeUserMessages.has(m.content?.message)) return false;\n            return true;\n          });\n\n          return [...data.chatHistory, ...optimistic];\n        });\n        setStatus(data.status);\n\n        // Notify about new messages\n        const lastMessage = data.chatHistory[data.chatHistory.length - 1];\n        if (lastMessage && lastMessage.role === 'assistant') {\n          onMessageReceivedRef.current?.(lastMessage);\n        }\n\n        // Handle model interface - check for pending tool calls\n        if (data.status === 'waiting_for_tool_response' || data.pendingToolCalls?.length) {\n          await handlePendingToolCalls(data);\n        }\n      },\n      onStop: (data) => {\n        console.log('[useDevicChat] onStop called, status:', data?.status);\n        setShouldPoll(false);\n\n        if (data?.status === 'error') {\n          setIsLoading(false);\n          const err = new Error('Chat processing failed');\n          setError(err);\n          onErrorRef.current?.(err);\n        } else if (data?.status === 'completed') {\n          setIsLoading(false);\n        }\n        // Note: waiting_for_tool_response is handled in onUpdate to avoid double execution\n      },\n      onError: (err) => {\n        console.error('[useDevicChat] onError called:', err);\n        setError(err);\n        setIsLoading(false);\n        setShouldPoll(false);\n        onErrorRef.current?.(err);\n      },\n    }\n  );\n\n  // Handle pending tool calls from model interface\n  const handlePendingToolCalls = useCallback(\n    async (data: RealtimeChatHistory) => {\n      if (!clientRef.current || !chatUid) return;\n\n      // Get pending tool calls\n      const pendingCalls = data.pendingToolCalls || extractPendingToolCalls(data.chatHistory);\n\n      if (pendingCalls.length === 0) return;\n\n      try {\n        // Execute client-side tools\n        const responses = await handleToolCalls(pendingCalls);\n\n        if (responses.length > 0) {\n          // Send tool responses back to the API\n          await clientRef.current.sendToolResponses(assistantId, chatUid, responses);\n\n          // Resume polling\n          setShouldPoll(true);\n          setIsLoading(true);\n        }\n      } catch (err) {\n        const error = err instanceof Error ? err : new Error(String(err));\n        setError(error);\n        onErrorRef.current?.(error);\n      }\n    },\n    [chatUid, assistantId, handleToolCalls, extractPendingToolCalls]\n  );\n\n  // Send a message\n  const sendMessage = useCallback(\n    async (\n      message: string,\n      sendOptions?: {\n        files?: ChatFile[];\n        metadata?: Record<string, any>;\n      }\n    ) => {\n      if (!clientRef.current) {\n        const err = new Error(\n          'API client not configured. Please provide an API key.'\n        );\n        setError(err);\n        onErrorRef.current?.(err);\n        return;\n      }\n\n      setIsLoading(true);\n      setError(null);\n      setStatus('processing');\n\n      // Add user message optimistically\n      const userMessage: ChatMessage = {\n        uid: `temp-${Date.now()}`,\n        role: 'user',\n        content: {\n          message,\n          files: sendOptions?.files?.map((f) => ({\n            name: f.name,\n            url: f.downloadUrl || '',\n            type: f.fileType || 'other',\n          })),\n        },\n        timestamp: Date.now(),\n      };\n\n      setMessages((prev) => [...prev, userMessage]);\n      onMessageSent?.(userMessage);\n\n      try {\n        // Build request DTO\n        const dto = {\n          message,\n          chatUid: chatUid || undefined,\n          files: sendOptions?.files,\n          metadata: {\n            ...resolvedTenantMetadata,\n            ...sendOptions?.metadata,\n          },\n          tenantId: resolvedTenantId,\n          enabledTools,\n          // Include model interface tools if any\n          ...(toolSchemas.length > 0 && { tools: toolSchemas }),\n        };\n\n        // Send message in async mode\n        console.log('[useDevicChat] Sending message async...');\n        const response = await clientRef.current.sendMessageAsync(assistantId, dto);\n        console.log('[useDevicChat] sendMessageAsync response:', response);\n\n        // Update chat UID if this is a new chat\n        if (response.chatUid && response.chatUid !== chatUid) {\n          console.log('[useDevicChat] Setting chatUid:', response.chatUid);\n          setChatUid(response.chatUid);\n          onChatCreatedRef.current?.(response.chatUid);\n        }\n\n        // Start polling for results\n        console.log('[useDevicChat] Setting shouldPoll to true');\n        setShouldPoll(true);\n      } catch (err) {\n        const error = err instanceof Error ? err : new Error(String(err));\n        setError(error);\n        setIsLoading(false);\n        setStatus('error');\n        onErrorRef.current?.(error);\n\n        // Remove optimistic user message on error\n        setMessages((prev) => prev.filter((m) => m.uid !== userMessage.uid));\n      }\n    },\n    [\n      chatUid,\n      assistantId,\n      enabledTools,\n      resolvedTenantId,\n      resolvedTenantMetadata,\n      toolSchemas,\n      onMessageSent,\n    ]\n  );\n\n  // Clear chat\n  const clearChat = useCallback(() => {\n    setMessages([]);\n    setChatUid(null);\n    setStatus('idle');\n    setError(null);\n    setShouldPoll(false);\n  }, []);\n\n  // Load existing chat\n  const loadChat = useCallback(\n    async (loadChatUid: string) => {\n      if (!clientRef.current) {\n        const err = new Error('API client not configured');\n        setError(err);\n        onErrorRef.current?.(err);\n        return;\n      }\n\n      setIsLoading(true);\n      setError(null);\n\n      try {\n        const history = await clientRef.current.getChatHistory(\n          assistantId,\n          loadChatUid,\n          { tenantId: resolvedTenantId }\n        );\n\n        setMessages(history.chatContent);\n        setChatUid(loadChatUid);\n        setStatus('completed');\n      } catch (err) {\n        const error = err instanceof Error ? err : new Error(String(err));\n        setError(error);\n        onErrorRef.current?.(error);\n      } finally {\n        setIsLoading(false);\n      }\n    },\n    [assistantId, resolvedTenantId]\n  );\n\n  return {\n    messages,\n    chatUid,\n    isLoading,\n    status,\n    error,\n    sendMessage,\n    clearChat,\n    loadChat,\n  };\n}\n"],"names":[],"mappings":";;;;;;;AAMA,OAAO,CAAC,GAAG,CAAC,sDAAsD,CAAC;AAkInE;;;;;;;;;;;;;;;;;;;;;AAqBG;AACG,SAAU,YAAY,CAAC,OAA4B,EAAA;AACvD,IAAA,MAAM,EACJ,WAAW,EACX,OAAO,EAAE,cAAc,EACvB,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,YAAY,EACrB,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,mBAAmB,GAAG,EAAE,EACxB,eAAe,GAAG,IAAI,EACtB,aAAa,EACb,iBAAiB,EACjB,UAAU,EACV,OAAO,EACP,aAAa,GACd,GAAG,OAAO;;AAGX,IAAA,MAAM,OAAO,GAAG,uBAAuB,EAAE;;AAGzC,IAAA,MAAM,MAAM,GAAG,WAAW,IAAI,OAAO,EAAE,MAAM;IAC7C,MAAM,OAAO,GAAG,YAAY,IAAI,OAAO,EAAE,OAAO,IAAI,sBAAsB;AAC1E,IAAA,MAAM,gBAAgB,GAAG,QAAQ,IAAI,OAAO,EAAE,QAAQ;IACtD,MAAM,sBAAsB,GAAG,EAAE,GAAG,OAAO,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE;;IAGhF,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAgB,EAAE,CAAC;AAC3D,IAAA,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAgB,cAAc,IAAI,IAAI,CAAC;IAC7E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IACjD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAA0B,MAAM,CAAC;IACrE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAe,IAAI,CAAC;;IAGtD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;;AAGnD,IAAA,MAAM,oBAAoB,GAAG,MAAM,CAAC,iBAAiB,CAAC;AACtD,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC;AAClC,IAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC,aAAa,CAAC;IAE9C,SAAS,CAAC,MAAK;AACb,QAAA,oBAAoB,CAAC,OAAO,GAAG,iBAAiB;AAChD,QAAA,UAAU,CAAC,OAAO,GAAG,OAAO;AAC5B,QAAA,gBAAgB,CAAC,OAAO,GAAG,aAAa;AAC1C,IAAA,CAAC,CAAC;;AAGF,IAAA,MAAM,SAAS,GAAG,MAAM,CAAwB,IAAI,CAAC;AACrD,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;AACF,IAAA,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;;IAGrB,MAAM,EACJ,WAAW,EACX,eAAe,EACf,uBAAuB,GACxB,GAAG,iBAAiB,CAAC;AACpB,QAAA,KAAK,EAAE,mBAAmB;AAC1B,QAAA,aAAa,EAAE,UAAU;AAC1B,KAAA,CAAC;;IAGF,OAAO,CAAC,GAAG,CAAC,qCAAqC,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,CAAC;AACnF,IAAA,UAAU,CACR,UAAU,GAAG,OAAO,GAAG,IAAI,EAC3B,YAAW;AACT,QAAA,OAAO,CAAC,GAAG,CAAC,yCAAyC,EAAE,OAAO,CAAC;QAC/D,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,CAAC,OAAO,EAAE;AAClC,YAAA,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC;QAC1D;AACA,QAAA,MAAM,MAAM,GAAG,MAAM,SAAS,CAAC,OAAO,CAAC,kBAAkB,CAAC,WAAW,EAAE,OAAO,CAAC;AAC/E,QAAA,OAAO,CAAC,GAAG,CAAC,2CAA2C,EAAE,MAAM,CAAC;AAChE,QAAA,OAAO,MAAM;AACf,IAAA,CAAC,EACD;AACE,QAAA,QAAQ,EAAE,eAAe;AACzB,QAAA,OAAO,EAAE,UAAU;AACnB,QAAA,YAAY,EAAE,CAAC,WAAW,EAAE,OAAO,EAAE,2BAA2B,CAAC;AACjE,QAAA,QAAQ,EAAE,OAAO,IAAyB,KAAI;YAC5C,OAAO,CAAC,GAAG,CAAC,yCAAyC,EAAE,IAAI,CAAC,MAAM,CAAC;;AAGnE,YAAA,WAAW,CAAC,CAAC,IAAI,KAAI;gBACnB,MAAM,YAAY,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC;AAChE,gBAAA,MAAM,oBAAoB,GAAG,IAAI,GAAG,CAClC,IAAI,CAAC;qBACF,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,KAAK,MAAM;AAC/B,qBAAA,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC,CAClC;;gBAGD,MAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAI;AACnC,oBAAA,IAAI,YAAY,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;AAAE,wBAAA,OAAO,KAAK;AACzC,oBAAA,IAAI,CAAC,CAAC,IAAI,KAAK,MAAM,IAAI,oBAAoB,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO,EAAE,OAAO,CAAC;AAAE,wBAAA,OAAO,KAAK;AACnF,oBAAA,OAAO,IAAI;AACb,gBAAA,CAAC,CAAC;gBAEF,OAAO,CAAC,GAAG,IAAI,CAAC,WAAW,EAAE,GAAG,UAAU,CAAC;AAC7C,YAAA,CAAC,CAAC;AACF,YAAA,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC;;AAGtB,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC;YACjE,IAAI,WAAW,IAAI,WAAW,CAAC,IAAI,KAAK,WAAW,EAAE;AACnD,gBAAA,oBAAoB,CAAC,OAAO,GAAG,WAAW,CAAC;YAC7C;;AAGA,YAAA,IAAI,IAAI,CAAC,MAAM,KAAK,2BAA2B,IAAI,IAAI,CAAC,gBAAgB,EAAE,MAAM,EAAE;AAChF,gBAAA,MAAM,sBAAsB,CAAC,IAAI,CAAC;YACpC;QACF,CAAC;AACD,QAAA,MAAM,EAAE,CAAC,IAAI,KAAI;YACf,OAAO,CAAC,GAAG,CAAC,uCAAuC,EAAE,IAAI,EAAE,MAAM,CAAC;YAClE,aAAa,CAAC,KAAK,CAAC;AAEpB,YAAA,IAAI,IAAI,EAAE,MAAM,KAAK,OAAO,EAAE;gBAC5B,YAAY,CAAC,KAAK,CAAC;AACnB,gBAAA,MAAM,GAAG,GAAG,IAAI,KAAK,CAAC,wBAAwB,CAAC;gBAC/C,QAAQ,CAAC,GAAG,CAAC;AACb,gBAAA,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;YAC3B;AAAO,iBAAA,IAAI,IAAI,EAAE,MAAM,KAAK,WAAW,EAAE;gBACvC,YAAY,CAAC,KAAK,CAAC;YACrB;;QAEF,CAAC;AACD,QAAA,OAAO,EAAE,CAAC,GAAG,KAAI;AACf,YAAA,OAAO,CAAC,KAAK,CAAC,gCAAgC,EAAE,GAAG,CAAC;YACpD,QAAQ,CAAC,GAAG,CAAC;YACb,YAAY,CAAC,KAAK,CAAC;YACnB,aAAa,CAAC,KAAK,CAAC;AACpB,YAAA,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;QAC3B,CAAC;AACF,KAAA,CACF;;IAGD,MAAM,sBAAsB,GAAG,WAAW,CACxC,OAAO,IAAyB,KAAI;AAClC,QAAA,IAAI,CAAC,SAAS,CAAC,OAAO,IAAI,CAAC,OAAO;YAAE;;AAGpC,QAAA,MAAM,YAAY,GAAG,IAAI,CAAC,gBAAgB,IAAI,uBAAuB,CAAC,IAAI,CAAC,WAAW,CAAC;AAEvF,QAAA,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC;YAAE;AAE/B,QAAA,IAAI;;AAEF,YAAA,MAAM,SAAS,GAAG,MAAM,eAAe,CAAC,YAAY,CAAC;AAErD,YAAA,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,EAAE;;AAExB,gBAAA,MAAM,SAAS,CAAC,OAAO,CAAC,iBAAiB,CAAC,WAAW,EAAE,OAAO,EAAE,SAAS,CAAC;;gBAG1E,aAAa,CAAC,IAAI,CAAC;gBACnB,YAAY,CAAC,IAAI,CAAC;YACpB;QACF;QAAE,OAAO,GAAG,EAAE;YACZ,MAAM,KAAK,GAAG,GAAG,YAAY,KAAK,GAAG,GAAG,GAAG,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YACjE,QAAQ,CAAC,KAAK,CAAC;AACf,YAAA,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;QAC7B;IACF,CAAC,EACD,CAAC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,uBAAuB,CAAC,CACjE;;IAGD,MAAM,WAAW,GAAG,WAAW,CAC7B,OACE,OAAe,EACf,WAGC,KACC;AACF,QAAA,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE;AACtB,YAAA,MAAM,GAAG,GAAG,IAAI,KAAK,CACnB,uDAAuD,CACxD;YACD,QAAQ,CAAC,GAAG,CAAC;AACb,YAAA,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;YACzB;QACF;QAEA,YAAY,CAAC,IAAI,CAAC;QAClB,QAAQ,CAAC,IAAI,CAAC;QACd,SAAS,CAAC,YAAY,CAAC;;AAGvB,QAAA,MAAM,WAAW,GAAgB;AAC/B,YAAA,GAAG,EAAE,CAAA,KAAA,EAAQ,IAAI,CAAC,GAAG,EAAE,CAAA,CAAE;AACzB,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,OAAO,EAAE;gBACP,OAAO;AACP,gBAAA,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,MAAM;oBACrC,IAAI,EAAE,CAAC,CAAC,IAAI;AACZ,oBAAA,GAAG,EAAE,CAAC,CAAC,WAAW,IAAI,EAAE;AACxB,oBAAA,IAAI,EAAE,CAAC,CAAC,QAAQ,IAAI,OAAO;AAC5B,iBAAA,CAAC,CAAC;AACJ,aAAA;AACD,YAAA,SAAS,EAAE,IAAI,CAAC,GAAG,EAAE;SACtB;AAED,QAAA,WAAW,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7C,QAAA,aAAa,GAAG,WAAW,CAAC;AAE5B,QAAA,IAAI;;AAEF,YAAA,MAAM,GAAG,GAAG;gBACV,OAAO;gBACP,OAAO,EAAE,OAAO,IAAI,SAAS;gBAC7B,KAAK,EAAE,WAAW,EAAE,KAAK;AACzB,gBAAA,QAAQ,EAAE;AACR,oBAAA,GAAG,sBAAsB;oBACzB,GAAG,WAAW,EAAE,QAAQ;AACzB,iBAAA;AACD,gBAAA,QAAQ,EAAE,gBAAgB;gBAC1B,YAAY;;AAEZ,gBAAA,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC;aACtD;;AAGD,YAAA,OAAO,CAAC,GAAG,CAAC,yCAAyC,CAAC;AACtD,YAAA,MAAM,QAAQ,GAAG,MAAM,SAAS,CAAC,OAAO,CAAC,gBAAgB,CAAC,WAAW,EAAE,GAAG,CAAC;AAC3E,YAAA,OAAO,CAAC,GAAG,CAAC,2CAA2C,EAAE,QAAQ,CAAC;;YAGlE,IAAI,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,KAAK,OAAO,EAAE;gBACpD,OAAO,CAAC,GAAG,CAAC,iCAAiC,EAAE,QAAQ,CAAC,OAAO,CAAC;AAChE,gBAAA,UAAU,CAAC,QAAQ,CAAC,OAAO,CAAC;gBAC5B,gBAAgB,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;YAC9C;;AAGA,YAAA,OAAO,CAAC,GAAG,CAAC,2CAA2C,CAAC;YACxD,aAAa,CAAC,IAAI,CAAC;QACrB;QAAE,OAAO,GAAG,EAAE;YACZ,MAAM,KAAK,GAAG,GAAG,YAAY,KAAK,GAAG,GAAG,GAAG,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YACjE,QAAQ,CAAC,KAAK,CAAC;YACf,YAAY,CAAC,KAAK,CAAC;YACnB,SAAS,CAAC,OAAO,CAAC;AAClB,YAAA,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;;YAG3B,WAAW,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,WAAW,CAAC,GAAG,CAAC,CAAC;QACtE;AACF,IAAA,CAAC,EACD;QACE,OAAO;QACP,WAAW;QACX,YAAY;QACZ,gBAAgB;QAChB,sBAAsB;QACtB,WAAW;QACX,aAAa;AACd,KAAA,CACF;;AAGD,IAAA,MAAM,SAAS,GAAG,WAAW,CAAC,MAAK;QACjC,WAAW,CAAC,EAAE,CAAC;QACf,UAAU,CAAC,IAAI,CAAC;QAChB,SAAS,CAAC,MAAM,CAAC;QACjB,QAAQ,CAAC,IAAI,CAAC;QACd,aAAa,CAAC,KAAK,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC;;IAGN,MAAM,QAAQ,GAAG,WAAW,CAC1B,OAAO,WAAmB,KAAI;AAC5B,QAAA,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE;AACtB,YAAA,MAAM,GAAG,GAAG,IAAI,KAAK,CAAC,2BAA2B,CAAC;YAClD,QAAQ,CAAC,GAAG,CAAC;AACb,YAAA,UAAU,CAAC,OAAO,GAAG,GAAG,CAAC;YACzB;QACF;QAEA,YAAY,CAAC,IAAI,CAAC;QAClB,QAAQ,CAAC,IAAI,CAAC;AAEd,QAAA,IAAI;AACF,YAAA,MAAM,OAAO,GAAG,MAAM,SAAS,CAAC,OAAO,CAAC,cAAc,CACpD,WAAW,EACX,WAAW,EACX,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAC/B;AAED,YAAA,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC;YAChC,UAAU,CAAC,WAAW,CAAC;YACvB,SAAS,CAAC,WAAW,CAAC;QACxB;QAAE,OAAO,GAAG,EAAE;YACZ,MAAM,KAAK,GAAG,GAAG,YAAY,KAAK,GAAG,GAAG,GAAG,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;YACjE,QAAQ,CAAC,KAAK,CAAC;AACf,YAAA,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;QAC7B;gBAAU;YACR,YAAY,CAAC,KAAK,CAAC;QACrB;AACF,IAAA,CAAC,EACD,CAAC,WAAW,EAAE,gBAAgB,CAAC,CAChC;IAED,OAAO;QACL,QAAQ;QACR,OAAO;QACP,SAAS;QACT,MAAM;QACN,KAAK;QACL,WAAW;QACX,SAAS;QACT,QAAQ;KACT;AACH;;;;"}

package/dist/esm/hooks/usePolling.js

@@ -14,41 +14,54 @@ function usePolling(chatUid, fetchFn, options = {}) {
     const [error, setError] = useState(null);
     const intervalRef = useRef(null);
     const isMountedRef = useRef(true);
-    // Refs for callbacks to avoid stale closures
+    // Refs for callbacks and options to avoid stale closures and unnecessary re-renders
     const onStopRef = useRef(onStop);
     const onUpdateRef = useRef(onUpdate);
     const onErrorRef = useRef(onError);
     const fetchFnRef = useRef(fetchFn);
+    const stopStatusesRef = useRef(stopStatuses);
+    const intervalValueRef = useRef(interval);
+    const isPollingRef = useRef(false);
     useEffect(() => {
         onStopRef.current = onStop;
         onUpdateRef.current = onUpdate;
         onErrorRef.current = onError;
         fetchFnRef.current = fetchFn;
+        stopStatusesRef.current = stopStatuses;
+        intervalValueRef.current = interval;
     });
     const clearPolling = useCallback(() => {
         if (intervalRef.current) {
             clearInterval(intervalRef.current);
             intervalRef.current = null;
         }
+        isPollingRef.current = false;
     }, []);
     const fetchData = useCallback(async () => {
+        console.log('[usePolling] fetchData called, isMounted:', isMountedRef.current);
         if (!isMountedRef.current)
             return;
         try {
+            console.log('[usePolling] Fetching...');
             const result = await fetchFnRef.current();
+            console.log('[usePolling] Fetch result:', { status: result.status, messageCount: result.chatHistory?.length });
             if (!isMountedRef.current)
                 return;
             setData(result);
             setError(null);
             onUpdateRef.current?.(result);
             // Check if we should stop polling
-            if (stopStatuses.includes(result.status)) {
+            const shouldStop = stopStatusesRef.current.includes(result.status);
+            console.log('[usePolling] Should stop?', shouldStop, 'stopStatuses:', stopStatusesRef.current, 'current status:', result.status);
+            if (shouldStop) {
+                console.log('[usePolling] Stopping polling due to status:', result.status);
                 clearPolling();
                 setIsPolling(false);
                 onStopRef.current?.(result);
             }
         }
         catch (err) {
+            console.error('[usePolling] Fetch error:', err);
             if (!isMountedRef.current)
                 return;
             const error = err instanceof Error ? err : new Error(String(err));
@@ -58,17 +71,18 @@ function usePolling(chatUid, fetchFn, options = {}) {
             clearPolling();
             setIsPolling(false);
         }
-    }, [stopStatuses, clearPolling]);
+    }, [clearPolling]);
     const start = useCallback(() => {
-        if (!chatUid || intervalRef.current)
+        if (intervalRef.current)
             return;
+        isPollingRef.current = true;
         setIsPolling(true);
         setError(null);
         // Immediate first fetch
         fetchData();
         // Set up interval
-        intervalRef.current = setInterval(fetchData, interval);
-    }, [chatUid, interval, fetchData]);
+        intervalRef.current = setInterval(fetchData, intervalValueRef.current);
+    }, [fetchData]);
     const stop = useCallback(() => {
         clearPolling();
         setIsPolling(false);
@@ -78,13 +92,33 @@ function usePolling(chatUid, fetchFn, options = {}) {
     }, [fetchData]);
     // Auto-start polling when enabled and chatUid is set
     useEffect(() => {
-        if (enabled && chatUid && !isPolling) {
-            start();
+        console.log('[usePolling] Auto-start effect triggered:', { enabled, chatUid, isPollingRef: isPollingRef.current, intervalRef: !!intervalRef.current });
+        if (!enabled || !chatUid) {
+            console.log('[usePolling] Not enabled or no chatUid, stopping if active');
+            // Stop polling if disabled or no chatUid
+            if (isPollingRef.current) {
+                clearPolling();
+                setIsPolling(false);
+            }
+            return;
         }
-        return () => {
-            clearPolling();
-        };
-    }, [enabled, chatUid, start, isPolling, clearPolling]);
+        // Start polling if not already polling
+        if (!isPollingRef.current) {
+            console.log('[usePolling] Starting polling, interval:', intervalValueRef.current);
+            isPollingRef.current = true;
+            setIsPolling(true);
+            setError(null);
+            // Immediate first fetch
+            fetchData();
+            // Set up interval
+            intervalRef.current = setInterval(fetchData, intervalValueRef.current);
+            console.log('[usePolling] Interval set:', intervalRef.current);
+        }
+        else {
+            console.log('[usePolling] Already polling, skipping start');
+        }
+        // Only cleanup on unmount, not on every dependency change
+    }, [enabled, chatUid, fetchData, clearPolling]);
     // Cleanup on unmount
     useEffect(() => {
         isMountedRef.current = true;

package/dist/esm/hooks/usePolling.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePolling.js","sources":["../../../src/hooks/usePolling.ts"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react';\nimport type { RealtimeChatHistory, RealtimeStatus } from '../api/types';\n\nexport interface UsePollingOptions {\n  /**\n   * Polling interval in milliseconds\n   * @default 1000\n   */\n  interval?: number;\n\n  /**\n   * Whether polling is enabled\n   * @default true\n   */\n  enabled?: boolean;\n\n  /**\n   * Statuses that should stop polling\n   * @default ['completed', 'error']\n   */\n  stopStatuses?: RealtimeStatus[];\n\n  /**\n   * Callback when polling stops\n   */\n  onStop?: (data: RealtimeChatHistory | null) => void;\n\n  /**\n   * Callback on each poll update\n   */\n  onUpdate?: (data: RealtimeChatHistory) => void;\n\n  /**\n   * Callback on poll error\n   */\n  onError?: (error: Error) => void;\n}\n\nexport interface UsePollingResult {\n  /**\n   * Current polling data\n   */\n  data: RealtimeChatHistory | null;\n\n  /**\n   * Whether polling is currently active\n   */\n  isPolling: boolean;\n\n  /**\n   * Last error that occurred\n   */\n  error: Error | null;\n\n  /**\n   * Start polling\n   */\n  start: () => void;\n\n  /**\n   * Stop polling\n   */\n  stop: () => void;\n\n  /**\n   * Manually trigger a fetch\n   */\n  refetch: () => Promise<void>;\n}\n\n/**\n * Hook for polling real-time chat history\n *\n * @param chatUid - The chat UID to poll for\n * @param fetchFn - Function that fetches the realtime history\n * @param options - Polling options\n */\nexport function usePolling(\n  chatUid: string | null,\n  fetchFn: () => Promise<RealtimeChatHistory>,\n  options: UsePollingOptions = {}\n): UsePollingResult {\n  const {\n    interval = 1000,\n    enabled = true,\n    stopStatuses = ['completed', 'error'],\n    onStop,\n    onUpdate,\n    onError,\n  } = options;\n\n  const [data, setData] = useState<RealtimeChatHistory | null>(null);\n  const [isPolling, setIsPolling] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null);\n  const isMountedRef = useRef(true);\n\n  // Refs for callbacks to avoid stale closures\n  const onStopRef = useRef(onStop);\n  const onUpdateRef = useRef(onUpdate);\n  const onErrorRef = useRef(onError);\n  const fetchFnRef = useRef(fetchFn);\n\n  useEffect(() => {\n    onStopRef.current = onStop;\n    onUpdateRef.current = onUpdate;\n    onErrorRef.current = onError;\n    fetchFnRef.current = fetchFn;\n  });\n\n  const clearPolling = useCallback(() => {\n    if (intervalRef.current) {\n      clearInterval(intervalRef.current);\n      intervalRef.current = null;\n    }\n  }, []);\n\n  const fetchData = useCallback(async () => {\n    if (!isMountedRef.current) return;\n\n    try {\n      const result = await fetchFnRef.current();\n\n      if (!isMountedRef.current) return;\n\n      setData(result);\n      setError(null);\n      onUpdateRef.current?.(result);\n\n      // Check if we should stop polling\n      if (stopStatuses.includes(result.status)) {\n        clearPolling();\n        setIsPolling(false);\n        onStopRef.current?.(result);\n      }\n    } catch (err) {\n      if (!isMountedRef.current) return;\n\n      const error = err instanceof Error ? err : new Error(String(err));\n      setError(error);\n      onErrorRef.current?.(error);\n\n      // Stop polling on error\n      clearPolling();\n      setIsPolling(false);\n    }\n  }, [stopStatuses, clearPolling]);\n\n  const start = useCallback(() => {\n    if (!chatUid || intervalRef.current) return;\n\n    setIsPolling(true);\n    setError(null);\n\n    // Immediate first fetch\n    fetchData();\n\n    // Set up interval\n    intervalRef.current = setInterval(fetchData, interval);\n  }, [chatUid, interval, fetchData]);\n\n  const stop = useCallback(() => {\n    clearPolling();\n    setIsPolling(false);\n  }, [clearPolling]);\n\n  const refetch = useCallback(async () => {\n    await fetchData();\n  }, [fetchData]);\n\n  // Auto-start polling when enabled and chatUid is set\n  useEffect(() => {\n    if (enabled && chatUid && !isPolling) {\n      start();\n    }\n\n    return () => {\n      clearPolling();\n    };\n  }, [enabled, chatUid, start, isPolling, clearPolling]);\n\n  // Cleanup on unmount\n  useEffect(() => {\n    isMountedRef.current = true;\n    return () => {\n      isMountedRef.current = false;\n      clearPolling();\n    };\n  }, [clearPolling]);\n\n  return {\n    data,\n    isPolling,\n    error,\n    start,\n    stop,\n    refetch,\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"usePolling.js","sources":["../../../src/hooks/usePolling.ts"],"sourcesContent":["import { useState, useEffect, useRef, useCallback } from 'react';\nimport type { RealtimeChatHistory, RealtimeStatus } from '../api/types';\n\nexport interface UsePollingOptions {\n  /**\n   * Polling interval in milliseconds\n   * @default 1000\n   */\n  interval?: number;\n\n  /**\n   * Whether polling is enabled\n   * @default true\n   */\n  enabled?: boolean;\n\n  /**\n   * Statuses that should stop polling\n   * @default ['completed', 'error']\n   */\n  stopStatuses?: RealtimeStatus[];\n\n  /**\n   * Callback when polling stops\n   */\n  onStop?: (data: RealtimeChatHistory | null) => void;\n\n  /**\n   * Callback on each poll update\n   */\n  onUpdate?: (data: RealtimeChatHistory) => void;\n\n  /**\n   * Callback on poll error\n   */\n  onError?: (error: Error) => void;\n}\n\nexport interface UsePollingResult {\n  /**\n   * Current polling data\n   */\n  data: RealtimeChatHistory | null;\n\n  /**\n   * Whether polling is currently active\n   */\n  isPolling: boolean;\n\n  /**\n   * Last error that occurred\n   */\n  error: Error | null;\n\n  /**\n   * Start polling\n   */\n  start: () => void;\n\n  /**\n   * Stop polling\n   */\n  stop: () => void;\n\n  /**\n   * Manually trigger a fetch\n   */\n  refetch: () => Promise<void>;\n}\n\n/**\n * Hook for polling real-time chat history\n *\n * @param chatUid - The chat UID to poll for\n * @param fetchFn - Function that fetches the realtime history\n * @param options - Polling options\n */\nexport function usePolling(\n  chatUid: string | null,\n  fetchFn: () => Promise<RealtimeChatHistory>,\n  options: UsePollingOptions = {}\n): UsePollingResult {\n  const {\n    interval = 1000,\n    enabled = true,\n    stopStatuses = ['completed', 'error'],\n    onStop,\n    onUpdate,\n    onError,\n  } = options;\n\n  const [data, setData] = useState<RealtimeChatHistory | null>(null);\n  const [isPolling, setIsPolling] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null);\n  const isMountedRef = useRef(true);\n\n  // Refs for callbacks and options to avoid stale closures and unnecessary re-renders\n  const onStopRef = useRef(onStop);\n  const onUpdateRef = useRef(onUpdate);\n  const onErrorRef = useRef(onError);\n  const fetchFnRef = useRef(fetchFn);\n  const stopStatusesRef = useRef(stopStatuses);\n  const intervalValueRef = useRef(interval);\n  const isPollingRef = useRef(false);\n\n  useEffect(() => {\n    onStopRef.current = onStop;\n    onUpdateRef.current = onUpdate;\n    onErrorRef.current = onError;\n    fetchFnRef.current = fetchFn;\n    stopStatusesRef.current = stopStatuses;\n    intervalValueRef.current = interval;\n  });\n\n  const clearPolling = useCallback(() => {\n    if (intervalRef.current) {\n      clearInterval(intervalRef.current);\n      intervalRef.current = null;\n    }\n    isPollingRef.current = false;\n  }, []);\n\n  const fetchData = useCallback(async () => {\n    console.log('[usePolling] fetchData called, isMounted:', isMountedRef.current);\n    if (!isMountedRef.current) return;\n\n    try {\n      console.log('[usePolling] Fetching...');\n      const result = await fetchFnRef.current();\n      console.log('[usePolling] Fetch result:', { status: result.status, messageCount: result.chatHistory?.length });\n\n      if (!isMountedRef.current) return;\n\n      setData(result);\n      setError(null);\n      onUpdateRef.current?.(result);\n\n      // Check if we should stop polling\n      const shouldStop = stopStatusesRef.current.includes(result.status);\n      console.log('[usePolling] Should stop?', shouldStop, 'stopStatuses:', stopStatusesRef.current, 'current status:', result.status);\n      if (shouldStop) {\n        console.log('[usePolling] Stopping polling due to status:', result.status);\n        clearPolling();\n        setIsPolling(false);\n        onStopRef.current?.(result);\n      }\n    } catch (err) {\n      console.error('[usePolling] Fetch error:', err);\n      if (!isMountedRef.current) return;\n\n      const error = err instanceof Error ? err : new Error(String(err));\n      setError(error);\n      onErrorRef.current?.(error);\n\n      // Stop polling on error\n      clearPolling();\n      setIsPolling(false);\n    }\n  }, [clearPolling]);\n\n  const start = useCallback(() => {\n    if (intervalRef.current) return;\n\n    isPollingRef.current = true;\n    setIsPolling(true);\n    setError(null);\n\n    // Immediate first fetch\n    fetchData();\n\n    // Set up interval\n    intervalRef.current = setInterval(fetchData, intervalValueRef.current);\n  }, [fetchData]);\n\n  const stop = useCallback(() => {\n    clearPolling();\n    setIsPolling(false);\n  }, [clearPolling]);\n\n  const refetch = useCallback(async () => {\n    await fetchData();\n  }, [fetchData]);\n\n  // Auto-start polling when enabled and chatUid is set\n  useEffect(() => {\n    console.log('[usePolling] Auto-start effect triggered:', { enabled, chatUid, isPollingRef: isPollingRef.current, intervalRef: !!intervalRef.current });\n\n    if (!enabled || !chatUid) {\n      console.log('[usePolling] Not enabled or no chatUid, stopping if active');\n      // Stop polling if disabled or no chatUid\n      if (isPollingRef.current) {\n        clearPolling();\n        setIsPolling(false);\n      }\n      return;\n    }\n\n    // Start polling if not already polling\n    if (!isPollingRef.current) {\n      console.log('[usePolling] Starting polling, interval:', intervalValueRef.current);\n      isPollingRef.current = true;\n      setIsPolling(true);\n      setError(null);\n\n      // Immediate first fetch\n      fetchData();\n\n      // Set up interval\n      intervalRef.current = setInterval(fetchData, intervalValueRef.current);\n      console.log('[usePolling] Interval set:', intervalRef.current);\n    } else {\n      console.log('[usePolling] Already polling, skipping start');\n    }\n\n    // Only cleanup on unmount, not on every dependency change\n  }, [enabled, chatUid, fetchData, clearPolling]);\n\n  // Cleanup on unmount\n  useEffect(() => {\n    isMountedRef.current = true;\n    return () => {\n      isMountedRef.current = false;\n      clearPolling();\n    };\n  }, [clearPolling]);\n\n  return {\n    data,\n    isPolling,\n    error,\n    start,\n    stop,\n    refetch,\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/esm/index.d.ts

@@ -1,10 +1,10 @@
 export { DevicProvider, DevicContext, useDevicContext, useOptionalDevicContext } from './provider';
 export type { DevicProviderConfig, DevicProviderProps, DevicContextValue } from './provider';
-export { ChatDrawer, ChatMessages, ChatInput, ToolTimeline } from './components/ChatDrawer';
-export type { ChatDrawerProps, ChatDrawerOptions, ChatMessagesProps, ChatInputProps, ToolTimelineProps, AllowedFileTypes, } from './components/ChatDrawer';
+export { ChatDrawer, ChatMessages, ChatInput, ToolTimeline, ConversationSelector } from './components/ChatDrawer';
+export type { ChatDrawerProps, ChatDrawerOptions, ChatMessagesProps, ChatInputProps, ToolTimelineProps, AllowedFileTypes, ConversationSelectorProps, } from './components/ChatDrawer';
 export { useDevicChat, usePolling, useModelInterface } from './hooks';
 export type { UseDevicChatOptions, UseDevicChatResult, UsePollingOptions, UsePollingResult, UseModelInterfaceOptions, UseModelInterfaceResult, } from './hooks';
 export { DevicApiClient, DevicApiError } from './api/client';
 export type { DevicApiClientConfig } from './api/client';
-export type { ChatMessage, ChatFile, MessageContent, ToolCall, ToolCallResponse, ProcessMessageDto, AssistantResponse, AsyncResponse, RealtimeChatHistory, RealtimeStatus, ChatHistory, AssistantSpecialization, ModelInterfaceTool, ModelInterfaceToolSchema, PreviousMessage, ApiError, } from './api/types';
+export type { ChatMessage, ChatFile, MessageContent, ToolCall, ToolCallResponse, ProcessMessageDto, AssistantResponse, AsyncResponse, RealtimeChatHistory, RealtimeStatus, ChatHistory, AssistantSpecialization, ModelInterfaceTool, ModelInterfaceToolSchema, PreviousMessage, ApiError, ConversationSummary, } from './api/types';
 export { generateId, deepMerge, debounce, throttle, formatFileSize, storage } from './utils';

package/dist/esm/index.js

@@ -4,6 +4,7 @@ export { ChatDrawer } from './components/ChatDrawer/ChatDrawer.js';
 export { ChatMessages } from './components/ChatDrawer/ChatMessages.js';
 export { ChatInput } from './components/ChatDrawer/ChatInput.js';
 export { ToolTimeline } from './components/ChatDrawer/ToolTimeline.js';
+export { ConversationSelector } from './components/ChatDrawer/ConversationSelector.js';
 export { useDevicChat } from './hooks/useDevicChat.js';
 export { usePolling } from './hooks/usePolling.js';
 export { useModelInterface } from './hooks/useModelInterface.js';

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/esm/styles.css

@@ -1 +1 @@
-.devic-chat-drawer{--devic-primary:#1890ff;--devic-primary-hover:#40a9ff;--devic-primary-light:#e6f7ff;--devic-bg:#fff;--devic-bg-secondary:#f5f5f5;--devic-text:#333;--devic-text-secondary:#666;--devic-text-muted:#999;--devic-border:#e8e8e8;--devic-shadow:0 4px 12px rgba(0,0,0,.15);--devic-radius:8px;--devic-radius-sm:4px;--devic-radius-lg:16px;--devic-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--devic-transition:0.3s ease;background:var(--devic-bg);bottom:0;box-shadow:var(--devic-shadow);color:var(--devic-text);display:flex;flex-direction:column;font-family:var(--devic-font-family);font-size:14px;line-height:1.5;position:fixed;top:0;transition:transform var(--devic-transition);width:400px}.devic-chat-drawer[data-position=right]{right:0;transform:translateX(100%)}.devic-chat-drawer[data-position=left]{left:0;transform:translateX(-100%)}.devic-chat-drawer[data-open=true]{transform:translateX(0)}.devic-drawer-overlay{background:rgba(0,0,0,.3);inset:0;opacity:0;position:fixed;transition:opacity var(--devic-transition),visibility var(--devic-transition);visibility:hidden}.devic-drawer-overlay[data-open=true]{opacity:1;visibility:visible}.devic-drawer-header{align-items:center;border-bottom:1px solid var(--devic-border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px}.devic-drawer-title{font-size:16px;font-weight:600;margin:0}.devic-drawer-close{background:none;border:none;border-radius:var(--devic-radius-sm);color:var(--devic-text-secondary);cursor:pointer;padding:8px;transition:background var(--devic-transition),color var(--devic-transition)}.devic-drawer-close:hover{background:var(--devic-bg-secondary);color:var(--devic-text)}.devic-messages-container{display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.devic-welcome{color:var(--devic-text-secondary);padding:24px 16px;text-align:center}.devic-welcome-text{font-size:16px;margin-bottom:16px}.devic-suggested-messages{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.devic-suggested-btn{background:var(--devic-bg);border:1px solid var(--devic-border);border-radius:var(--devic-radius-lg);color:var(--devic-text);cursor:pointer;font-size:13px;padding:8px 16px;transition:border-color var(--devic-transition),background var(--devic-transition)}.devic-suggested-btn:hover{background:var(--devic-primary-light);border-color:var(--devic-primary)}.devic-message{display:flex;flex-direction:column;max-width:85%}.devic-message[data-role=user]{align-self:flex-end}.devic-message[data-role=assistant],.devic-message[data-role=tool]{align-self:flex-start}.devic-message-bubble{word-wrap:break-word;border-radius:var(--devic-radius);padding:10px 14px}.devic-message[data-role=user] .devic-message-bubble{background:var(--devic-primary);border-bottom-right-radius:var(--devic-radius-sm);color:#fff}.devic-message[data-role=assistant] .devic-message-bubble{background:var(--devic-bg-secondary);border-bottom-left-radius:var(--devic-radius-sm);color:var(--devic-text)}.devic-message[data-role=tool] .devic-message-bubble{background:var(--devic-primary-light);border:1px solid var(--devic-primary);color:var(--devic-text);font-size:12px}.devic-message-time{color:var(--devic-text-muted);font-size:11px;margin-top:4px}.devic-message[data-role=user] .devic-message-time{text-align:right}.devic-message-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.devic-message-file{align-items:center;background:hsla(0,0%,100%,.2);border-radius:var(--devic-radius-sm);display:flex;font-size:12px;gap:6px;padding:6px 10px}.devic-loading{align-self:flex-start;display:flex;gap:4px;padding:10px 14px}.devic-loading-dot{animation:devic-bounce 1.4s ease-in-out infinite both;background:var(--devic-text-muted);border-radius:50%;height:8px;width:8px}.devic-loading-dot:first-child{animation-delay:-.32s}.devic-loading-dot:nth-child(2){animation-delay:-.16s}@keyframes devic-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.devic-tool-timeline{background:var(--devic-bg-secondary);border-radius:var(--devic-radius);font-size:12px;margin:8px 0;padding:8px 12px}.devic-tool-item{align-items:center;display:flex;gap:8px;padding:6px 0}.devic-tool-item+.devic-tool-item{border-top:1px solid var(--devic-border)}.devic-tool-status{border-radius:50%;flex-shrink:0;height:8px;width:8px}.devic-tool-status[data-status=pending]{background:var(--devic-text-muted)}.devic-tool-status[data-status=executing]{animation:devic-pulse 1s infinite;background:var(--devic-primary)}.devic-tool-status[data-status=completed]{background:#52c41a}.devic-tool-status[data-status=error]{background:#ff4d4f}@keyframes devic-pulse{0%,to{opacity:1}50%{opacity:.5}}.devic-tool-name{color:var(--devic-text);font-weight:500}.devic-input-area{border-top:1px solid var(--devic-border);flex-shrink:0;padding:16px}.devic-input-wrapper{align-items:flex-end;background:var(--devic-bg-secondary);border-radius:var(--devic-radius);display:flex;gap:8px;padding:8px 12px}.devic-input{background:none;border:none;color:var(--devic-text);flex:1;font-family:inherit;font-size:14px;line-height:1.5;max-height:120px;min-height:24px;outline:none;resize:none}.devic-input::placeholder{color:var(--devic-text-muted)}.devic-input-btn{background:none;border:none;border-radius:var(--devic-radius-sm);color:var(--devic-text-secondary);cursor:pointer;flex-shrink:0;padding:4px;transition:color var(--devic-transition)}.devic-input-btn:hover:not(:disabled){color:var(--devic-primary)}.devic-input-btn:disabled{cursor:not-allowed;opacity:.5}.devic-send-btn{background:var(--devic-primary);border-radius:var(--devic-radius-sm);color:#fff;padding:6px 12px}.devic-send-btn:hover:not(:disabled){background:var(--devic-primary-hover);color:#fff}.devic-file-preview{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.devic-file-preview-item{align-items:center;background:var(--devic-bg);border:1px solid var(--devic-border);border-radius:var(--devic-radius-sm);display:flex;font-size:12px;gap:6px;padding:4px 8px}.devic-file-remove{background:none;border:none;color:var(--devic-text-muted);cursor:pointer;font-size:16px;line-height:1;padding:0}.devic-file-remove:hover{color:#ff4d4f}.devic-trigger{align-items:center;background:var(--devic-primary);border:none;border-radius:50%;box-shadow:var(--devic-shadow);color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;transition:background var(--devic-transition),transform var(--devic-transition);width:56px}.devic-trigger:hover{background:var(--devic-primary-hover);transform:scale(1.05)}.devic-trigger svg{height:24px;width:24px}.devic-error{background:#fff2f0;border:1px solid #ffccc7;border-radius:var(--devic-radius);color:#ff4d4f;font-size:13px;margin:8px 16px;padding:12px}.devic-messages-container::-webkit-scrollbar{width:6px}.devic-messages-container::-webkit-scrollbar-track{background:transparent}.devic-messages-container::-webkit-scrollbar-thumb{background:var(--devic-border);border-radius:3px}.devic-messages-container::-webkit-scrollbar-thumb:hover{background:var(--devic-text-muted)}@media (max-width:480px){.devic-chat-drawer{width:100%}}
+.devic-chat-drawer{--devic-primary:#1890ff;--devic-primary-hover:#40a9ff;--devic-primary-light:#e6f7ff;--devic-bg:#fff;--devic-bg-secondary:#f5f5f5;--devic-text:#333;--devic-text-secondary:#666;--devic-text-muted:#999;--devic-border:#e8e8e8;--devic-shadow:0 4px 12px rgba(0,0,0,.15);--devic-radius:8px;--devic-radius-sm:4px;--devic-radius-lg:16px;--devic-font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--devic-transition:0.3s ease;background:var(--devic-bg);bottom:0;box-shadow:var(--devic-shadow);color:var(--devic-text);display:flex;flex-direction:column;font-family:var(--devic-font-family);font-size:14px;line-height:1.5;position:fixed;top:0;transition:transform var(--devic-transition)}.devic-chat-drawer[data-position=right]{right:0;transform:translateX(100%)}.devic-chat-drawer[data-position=left]{left:0;transform:translateX(-100%)}.devic-chat-drawer[data-open=true]{transform:translateX(0)}.devic-drawer-overlay{background:rgba(0,0,0,.3);inset:0;opacity:0;position:fixed;transition:opacity var(--devic-transition),visibility var(--devic-transition);visibility:hidden}.devic-drawer-overlay[data-open=true]{opacity:1;visibility:visible}.devic-drawer-header{align-items:center;border-bottom:1px solid var(--devic-border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px}.devic-drawer-avatar{border-radius:50%;flex-shrink:0;height:28px;object-fit:cover;width:28px}.devic-drawer-title{font-size:16px;font-weight:600;margin:0}.devic-drawer-close{background:none;border:none;border-radius:var(--devic-radius-sm);color:var(--devic-text-secondary);cursor:pointer;padding:8px;transition:background var(--devic-transition),color var(--devic-transition)}.devic-drawer-close:hover{background:var(--devic-bg-secondary);color:var(--devic-text)}.devic-messages-container{display:flex;flex:1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px}.devic-welcome{color:var(--devic-text-secondary);padding:24px 16px;text-align:center}.devic-welcome-text{font-size:16px;margin-bottom:16px}.devic-suggested-messages{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.devic-suggested-btn{background:var(--devic-bg);border:1px solid var(--devic-border);border-radius:var(--devic-radius-lg);color:var(--devic-text);cursor:pointer;font-size:13px;padding:8px 16px;transition:border-color var(--devic-transition),background var(--devic-transition)}.devic-suggested-btn:hover{background:var(--devic-primary-light);border-color:var(--devic-primary)}.devic-message{display:flex;flex-direction:column;max-width:85%}.devic-message[data-role=user]{align-self:flex-end}.devic-message[data-role=assistant],.devic-message[data-role=tool]{align-self:flex-start}.devic-message-bubble{word-wrap:break-word;border-radius:var(--devic-radius);padding:10px 14px}.devic-message[data-role=user] .devic-message-bubble{background:var(--devic-user-bubble,var(--devic-primary));border-bottom-right-radius:var(--devic-radius-sm);color:var(--devic-user-bubble-text,#fff)}.devic-message[data-role=assistant] .devic-message-bubble{background:var(--devic-assistant-bubble,var(--devic-bg-secondary));border-bottom-left-radius:var(--devic-radius-sm);color:var(--devic-assistant-bubble-text,var(--devic-text))}.devic-message[data-role=tool] .devic-message-bubble{background:var(--devic-primary-light);border:1px solid var(--devic-primary);color:var(--devic-text);font-size:12px}.devic-message-time{color:var(--devic-text-muted);font-size:11px;margin-top:4px}.devic-message[data-role=user] .devic-message-time{text-align:right}.devic-message-files{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.devic-message-file{align-items:center;background:hsla(0,0%,100%,.2);border-radius:var(--devic-radius-sm);display:flex;font-size:12px;gap:6px;padding:6px 10px}.devic-loading{align-self:flex-start;display:flex;gap:4px;padding:10px 14px}.devic-loading-dot{animation:devic-bounce 1.4s ease-in-out infinite both;background:var(--devic-text-muted);border-radius:50%;height:8px;width:8px}.devic-loading-dot:first-child{animation-delay:-.32s}.devic-loading-dot:nth-child(2){animation-delay:-.16s}@keyframes devic-bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.devic-tool-group{align-self:flex-start;display:flex;flex-direction:column;gap:2px;max-width:85%}.devic-tool-activity{align-items:flex-start;animation:devic-slideUp .3s ease-out;display:flex;gap:8px;padding:4px 0}.devic-tool-activity-icon{align-items:center;color:var(--devic-text-muted);display:flex;flex-shrink:0;margin-top:1px}.devic-tool-activity--active .devic-tool-activity-icon{color:var(--devic-primary)}.devic-tool-activity-text{color:var(--devic-text-secondary);font-size:13px;line-height:1.4}.devic-glow-text{animation:devic-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes devic-pulse{0%,to{opacity:1}50%{opacity:.5}}.devic-spinner{animation:devic-spin 1s linear infinite}@keyframes devic-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes devic-slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.devic-tool-collapse-btn{align-items:center;background:none;border:none;color:var(--devic-text-muted);cursor:pointer;display:flex;font-family:var(--devic-font-family);font-size:12px;gap:6px;padding:4px 0;transition:color .2s ease}.devic-tool-collapse-btn:hover{color:var(--devic-primary)}.devic-tool-group-items{animation:devic-expandItems .4s ease-out;overflow:hidden}.devic-tool-group-items[data-expanded=true]{max-height:500px}@keyframes devic-expandItems{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.devic-input-area{border-top:1px solid var(--devic-border);flex-shrink:0;padding:16px}.devic-input-wrapper{align-items:flex-end;background:var(--devic-bg-secondary);border-radius:var(--devic-radius);display:flex;gap:8px;padding:8px 12px}.devic-input{background:none;border:none;color:var(--devic-text);flex:1;font-family:inherit;font-size:14px;line-height:1.5;max-height:120px;min-height:24px;outline:none;resize:none}.devic-input::placeholder{color:var(--devic-text-muted)}.devic-input-btn{background:none;border:none;border-radius:var(--devic-radius-sm);color:var(--devic-text-secondary);cursor:pointer;flex-shrink:0;padding:4px;transition:color var(--devic-transition)}.devic-input-btn:hover:not(:disabled){color:var(--devic-primary)}.devic-input-btn:disabled{cursor:not-allowed;opacity:.5}.devic-send-btn{background:var(--devic-send-btn,var(--devic-primary));border-radius:var(--devic-radius-sm);color:#fff;padding:6px 12px}.devic-send-btn-wrapper{flex-shrink:0;position:relative}.devic-send-btn-custom{align-items:center;display:flex;justify-content:center;pointer-events:none}.devic-send-btn-overlay{background:transparent;border:none;cursor:pointer;inset:0;margin:0;padding:0;position:absolute}.devic-send-btn-overlay:disabled{cursor:not-allowed;opacity:.5}.devic-send-btn:hover:not(:disabled){background:var(--devic-primary-hover);color:#fff}.devic-file-preview{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.devic-file-preview-item{align-items:center;background:var(--devic-bg);border:1px solid var(--devic-border);border-radius:var(--devic-radius-sm);display:flex;font-size:12px;gap:6px;padding:4px 8px}.devic-file-remove{background:none;border:none;color:var(--devic-text-muted);cursor:pointer;font-size:16px;line-height:1;padding:0}.devic-file-remove:hover{color:#ff4d4f}.devic-trigger{align-items:center;background:var(--devic-primary);border:none;border-radius:50%;box-shadow:var(--devic-shadow);color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;transition:background var(--devic-transition),transform var(--devic-transition);width:56px}.devic-trigger:hover{background:var(--devic-primary-hover);transform:scale(1.05)}.devic-trigger svg{height:24px;width:24px}.devic-error{background:#fff2f0;border:1px solid #ffccc7;border-radius:var(--devic-radius);color:#ff4d4f;font-size:13px;margin:8px 16px;padding:12px}.devic-messages-container::-webkit-scrollbar{width:6px}.devic-messages-container::-webkit-scrollbar-track{background:transparent}.devic-messages-container::-webkit-scrollbar-thumb{background:var(--devic-border);border-radius:3px}.devic-messages-container::-webkit-scrollbar-thumb:hover{background:var(--devic-text-muted)}.devic-chat-drawer[data-mode=inline]{border:1px solid var(--devic-border);bottom:auto;box-shadow:none;height:100%;left:auto;position:relative;right:auto;top:auto;transform:none}.devic-drawer-header-actions{align-items:center;display:flex;gap:4px;margin-left:auto}.devic-new-chat-btn{background:none;border:none;border-radius:var(--devic-radius-sm);color:var(--devic-text-secondary);cursor:pointer;padding:8px;transition:background var(--devic-transition),color var(--devic-transition)}.devic-new-chat-btn:hover{background:var(--devic-bg-secondary);color:var(--devic-primary)}.devic-conversation-selector{flex:1;margin:0 8px;min-width:0;position:relative}.devic-conversation-selector-trigger{align-items:center;background:var(--devic-bg-secondary);border:1px solid var(--devic-border);border-radius:var(--devic-radius-sm);color:var(--devic-text);cursor:pointer;display:flex;font-family:var(--devic-font-family);font-size:13px;gap:6px;padding:6px 10px;text-align:left;transition:border-color var(--devic-transition);width:100%}.devic-conversation-selector-trigger:hover{border-color:var(--devic-primary)}.devic-conversation-selector-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-conversation-dropdown{background:var(--devic-bg);border:1px solid var(--devic-border);border-radius:var(--devic-radius);box-shadow:var(--devic-shadow);display:flex;flex-direction:column;left:0;max-height:320px;position:absolute;right:0;top:calc(100% + 4px);z-index:10}.devic-conversation-search-wrapper{border-bottom:1px solid var(--devic-border);padding:8px}.devic-conversation-search{background:var(--devic-bg-secondary);border:1px solid var(--devic-border);border-radius:var(--devic-radius-sm);box-sizing:border-box;color:var(--devic-text);font-family:var(--devic-font-family);font-size:13px;outline:none;padding:6px 8px;width:100%}.devic-conversation-search:focus{border-color:var(--devic-primary)}.devic-conversation-list{flex:1;overflow-y:auto}.devic-conversation-item{align-items:center;background:none;border:none;color:var(--devic-text);cursor:pointer;display:flex;font-family:var(--devic-font-family);font-size:13px;justify-content:space-between;padding:8px 12px;text-align:left;transition:background .15s;width:100%}.devic-conversation-item:hover,.devic-conversation-item[data-active=true]{background:var(--devic-bg-secondary)}.devic-conversation-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.devic-conversation-item-date{color:var(--devic-text-muted);flex-shrink:0;font-size:11px;margin-left:8px}.devic-conversation-empty,.devic-conversation-loading{color:var(--devic-text-muted);font-size:13px;padding:12px;text-align:center}.devic-conversation-new{background:none;border:none;border-top:1px solid var(--devic-border);color:var(--devic-primary);cursor:pointer;display:block;font-family:var(--devic-font-family);font-size:13px;padding:10px 12px;text-align:left;transition:background .15s;width:100%}.devic-conversation-new:hover{background:var(--devic-bg-secondary)}.devic-conversation-item-check{align-items:center;color:var(--devic-primary);display:flex;flex-shrink:0;margin-right:6px}.devic-message-bubble h1,.devic-message-bubble h2,.devic-message-bubble h3,.devic-message-bubble h4,.devic-message-bubble h5,.devic-message-bubble h6{line-height:1.3;margin:8px 0 4px}.devic-message-bubble h1{font-size:1.3em}.devic-message-bubble h2{font-size:1.2em}.devic-message-bubble h3{font-size:1.1em}.devic-message-bubble p{margin:4px 0}.devic-message-bubble ol,.devic-message-bubble ul{margin:4px 0;padding-left:20px}.devic-message-bubble code{background:rgba(0,0,0,.06);border-radius:3px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.9em;padding:1px 4px}.devic-message-bubble pre{background:rgba(0,0,0,.06);border-radius:var(--devic-radius-sm);margin:8px 0;overflow-x:auto;padding:10px}.devic-message-bubble pre code{background:none;padding:0}.devic-message-bubble blockquote{border-left:3px solid var(--devic-border);color:var(--devic-text-secondary);margin:4px 0;padding-left:12px}.devic-message-bubble a{color:var(--devic-primary);text-decoration:underline}.markdown-table{margin:8px 0;overflow-x:auto}.markdown-table table{border-collapse:collapse;font-size:13px;width:100%}.markdown-table td,.markdown-table th{border:1px solid var(--devic-border);padding:6px 10px;text-align:left}.markdown-table th{background:var(--devic-bg-secondary);font-weight:600}.devic-resize-handle{bottom:0;cursor:col-resize;position:absolute;top:0;width:6px;z-index:1}.devic-resize-handle[data-position=right]{left:0}.devic-resize-handle[data-position=left]{right:0}.devic-resize-handle:active,.devic-resize-handle:hover{background:var(--devic-primary);opacity:.3}@media (max-width:480px){.devic-chat-drawer{width:100%}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devicai/ui",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "type": "module",
   "description": "React component library for Devic AI assistants",
   "engines": {
@@ -25,11 +25,14 @@
     "dev": "rollup -c -w",
     "clean": "rm -rf dist",
     "prepublishOnly": "npm run clean && npm run build",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "yalc:publish": "npm run build && yalc publish --push",
+    "yalc:watch": "npm run build && yalc publish && npm run dev"
   },
   "peerDependencies": {
     "react": ">=17.0.0",
-    "react-dom": ">=17.0.0"
+    "react-dom": ">=17.0.0",
+    "markdown-to-jsx": ">=7.0.0"
   },
   "devDependencies": {
     "@rollup/plugin-commonjs": "^25.0.0",
@@ -64,5 +67,8 @@
   },
   "sideEffects": [
     "**/*.css"
-  ]
+  ],
+  "dependencies": {
+    "markdown-to-jsx": "^9.6.1"
+  }
 }