@apteva/apteva-kit 0.1.0 → 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/index.js +214 -253
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +4 -4
  4. package/dist/index.mjs.map +1 -1
  5. package/dist/styles.css +1 -2
  6. package/package.json +1 -1
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/components/Chat/Chat.tsx","../src/components/Chat/MessageList.tsx","../src/utils/cn.ts","../src/utils/mock-data.ts","../src/components/Widgets/Widgets.tsx","../src/components/Widgets/widget-library/Card.tsx","../src/components/Widgets/widget-library/List.tsx","../src/components/Widgets/widget-library/Button.tsx","../src/components/Widgets/WidgetRenderer.tsx","../src/components/Chat/Message.tsx","../src/components/Chat/Composer.tsx","../src/components/Command/Command.tsx","../src/components/Prompt/Prompt.tsx","../src/components/Stream/Stream.tsx","../src/components/Threads/ThreadList.tsx","../src/components/Threads/ThreadItem.tsx","../src/components/Threads/Threads.tsx","../src/utils/theme-script.ts"],"sourcesContent":["// Main exports\nexport { Chat } from './components/Chat';\nexport { Command } from './components/Command';\nexport { Prompt } from './components/Prompt';\nexport { Stream } from './components/Stream';\nexport { Widgets } from './components/Widgets';\nexport { Threads } from './components/Threads';\n\n// Widget components (for custom rendering)\nexport { Card, List, Button } from './components/Widgets/widget-library';\n\n// Theme (optional - for preventing flash on load)\nexport { getThemeScript } from './utils/theme-script';\n\n// Types\nexport type * from './types';\n\n// Utilities\nexport { cn, mockMessages, mockThreads, mockWidgets } from './utils';\n","import { useState, useEffect } from 'react';\nimport { ChatProps } from '../../types/components';\nimport { Message as MessageType } from '../../types/messages';\nimport { MessageList } from './MessageList';\nimport { Composer } from './Composer';\nimport { cn, mockMessages, generateMockResponse } from '../../utils';\n\nexport function Chat({\n agentId,\n threadId,\n initialMessages = [],\n onThreadChange,\n onMessageSent,\n onAction,\n placeholder = 'Type a message...',\n showHeader = true,\n headerTitle = 'Chat',\n className,\n}: ChatProps) {\n const [messages, setMessages] = useState<MessageType[]>(initialMessages.length > 0 ? initialMessages : mockMessages);\n const [isLoading, setIsLoading] = useState(false);\n\n useEffect(() => {\n // Load messages when threadId changes\n if (threadId) {\n // In real implementation, fetch messages from API\n console.log('Loading thread:', threadId);\n onThreadChange?.(threadId);\n }\n }, [threadId, onThreadChange]);\n\n const handleSendMessage = async (text: string) => {\n // Add user message\n const userMessage: MessageType = {\n id: `msg-${Date.now()}`,\n role: 'user',\n content: text,\n timestamp: new Date(),\n };\n\n setMessages((prev) => [...prev, userMessage]);\n onMessageSent?.(userMessage);\n\n // Simulate AI response\n setIsLoading(true);\n try {\n const response = await generateMockResponse(1000);\n setMessages((prev) => [...prev, response]);\n } catch (error) {\n console.error('Error generating response:', error);\n } finally {\n setIsLoading(false);\n }\n };\n\n return (\n <div className={cn('apteva-chat-container', className)}>\n {showHeader && (\n <div className=\"border-b border-gray-200 dark:border-gray-700 px-4 py-3\">\n <h2 className=\"text-lg font-semibold text-gray-900 dark:text-white\">{headerTitle}</h2>\n <p className=\"text-xs text-gray-500 dark:text-gray-400\">Agent: {agentId}</p>\n </div>\n )}\n\n <MessageList messages={messages} onAction={onAction} />\n\n {isLoading && (\n <div className=\"px-4 py-2 text-sm text-gray-500 italic\">AI is thinking...</div>\n )}\n\n <Composer onSendMessage={handleSendMessage} placeholder={placeholder} disabled={isLoading} />\n </div>\n );\n}\n","import { useEffect, useRef } from 'react';\nimport { Message as MessageType } from '../../types/messages';\nimport { Message } from './Message';\nimport { ActionEvent } from '../../types/actions';\n\ninterface MessageListProps {\n messages: MessageType[];\n onAction?: (action: ActionEvent) => void;\n}\n\nexport function MessageList({ messages, onAction }: MessageListProps) {\n const listRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n // Auto-scroll to bottom when new messages arrive\n if (listRef.current) {\n listRef.current.scrollTop = listRef.current.scrollHeight;\n }\n }, [messages]);\n\n return (\n <div ref={listRef} className=\"apteva-message-list\">\n {messages.length === 0 ? (\n <div className=\"flex items-center justify-center h-full text-gray-500\">\n <div className=\"text-center space-y-2\">\n <div className=\"text-4xl\">💬</div>\n <p>No messages yet. Start a conversation!</p>\n </div>\n </div>\n ) : (\n messages.map((message) => <Message key={message.id} message={message} onAction={onAction} />)\n )}\n </div>\n );\n}\n","import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n","import { Message, Thread } from '../types/messages';\nimport { Widget } from '../types/widgets';\n\nexport const mockMessages: Message[] = [\n {\n id: 'msg-1',\n role: 'assistant',\n content: 'Hello! I\\'m your AI assistant. How can I help you today?',\n timestamp: new Date(Date.now() - 3600000),\n },\n {\n id: 'msg-2',\n role: 'user',\n content: 'I want to plan a trip to Europe',\n timestamp: new Date(Date.now() - 3500000),\n },\n {\n id: 'msg-3',\n role: 'assistant',\n content: 'Great choice! Europe has amazing destinations. What\\'s your budget and how many days do you have?',\n timestamp: new Date(Date.now() - 3400000),\n },\n {\n id: 'msg-4',\n role: 'user',\n content: 'Around $2000 for 5 days',\n timestamp: new Date(Date.now() - 3300000),\n },\n {\n id: 'msg-5',\n role: 'assistant',\n content: 'Perfect! I found some great destinations that fit your budget:',\n widgets: [\n {\n type: 'list',\n id: 'destinations-1',\n props: {\n items: [\n {\n id: 'paris',\n title: 'Paris, France',\n subtitle: '5 days • $1,850',\n description: 'The City of Light with iconic landmarks',\n metadata: { city: 'Paris', country: 'France', lat: 48.8566, lng: 2.3522, price: 1850, days: 5 },\n },\n {\n id: 'rome',\n title: 'Rome, Italy',\n subtitle: '5 days • $1,650',\n description: 'Ancient history meets modern culture',\n metadata: { city: 'Rome', country: 'Italy', lat: 41.9028, lng: 12.4964, price: 1650, days: 5 },\n },\n {\n id: 'barcelona',\n title: 'Barcelona, Spain',\n subtitle: '5 days • $1,450',\n description: 'Beautiful beaches and Gaudí architecture',\n metadata: { city: 'Barcelona', country: 'Spain', lat: 41.3851, lng: 2.1734, price: 1450, days: 5 },\n },\n ],\n },\n actions: [\n {\n type: 'select_destination',\n label: 'Select',\n handler: 'client',\n payload: {},\n },\n {\n type: 'view_details',\n label: 'Details',\n handler: 'server',\n payload: {},\n },\n ],\n },\n ],\n timestamp: new Date(Date.now() - 3200000),\n },\n];\n\nexport const mockThreads: Thread[] = [\n {\n id: 'thread-1',\n title: 'Trip to Europe',\n preview: 'Planning a 5-day trip...',\n createdAt: new Date(Date.now() - 86400000),\n updatedAt: new Date(Date.now() - 3600000),\n messageCount: 12,\n },\n {\n id: 'thread-2',\n title: 'Restaurant Recommendations',\n preview: 'Looking for good places...',\n createdAt: new Date(Date.now() - 172800000),\n updatedAt: new Date(Date.now() - 86400000),\n messageCount: 8,\n },\n {\n id: 'thread-3',\n title: 'Budget Planning',\n preview: 'Help with monthly budget',\n createdAt: new Date(Date.now() - 259200000),\n updatedAt: new Date(Date.now() - 172800000),\n messageCount: 15,\n },\n];\n\nexport const mockWidgets: Widget[] = [\n {\n type: 'card',\n id: 'card-1',\n props: {\n title: 'Paris, France',\n description: '5-day adventure in the City of Light',\n image: 'https://images.unsplash.com/photo-1502602898657-3e91760cbb34',\n footer: 'Total: $1,850',\n },\n actions: [\n {\n type: 'book_trip',\n label: 'Book Now',\n handler: 'client',\n payload: { tripId: 'trip-paris' },\n },\n ],\n },\n {\n type: 'card',\n id: 'card-2',\n props: {\n title: 'Rome, Italy',\n description: 'Explore ancient wonders',\n image: 'https://images.unsplash.com/photo-1552832230-c0197dd311b5',\n footer: 'Total: $1,650',\n },\n actions: [\n {\n type: 'book_trip',\n label: 'Book Now',\n handler: 'client',\n payload: { tripId: 'trip-rome' },\n },\n ],\n },\n];\n\nexport function generateMockResponse(delay: number = 1000): Promise<Message> {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve({\n id: `msg-${Date.now()}`,\n role: 'assistant',\n content: 'This is a mock response. In production, this would come from your AI agent API.',\n timestamp: new Date(),\n });\n }, delay);\n });\n}\n\nexport function generateMockStreamingResponse(\n text: string,\n onChunk: (chunk: string) => void,\n typingSpeed: number = 30\n): Promise<void> {\n return new Promise((resolve) => {\n const words = text.split(' ');\n let currentIndex = 0;\n\n const interval = setInterval(() => {\n if (currentIndex < words.length) {\n onChunk(words[currentIndex] + ' ');\n currentIndex++;\n } else {\n clearInterval(interval);\n resolve();\n }\n }, typingSpeed);\n });\n}\n","import { useEffect } from 'react';\nimport { WidgetsProps } from '../../types/components';\nimport { WidgetRenderer } from './WidgetRenderer';\nimport { cn } from '../../utils';\n\nexport function Widgets({\n widgets,\n onAction,\n onWidgetMount,\n layout = 'stack',\n spacing = 'normal',\n columns = 3,\n className,\n}: WidgetsProps) {\n useEffect(() => {\n widgets.forEach((widget) => {\n onWidgetMount?.(widget.id);\n });\n }, [widgets, onWidgetMount]);\n\n const layoutClasses = {\n stack: 'flex flex-col',\n grid: `grid grid-cols-1 md:grid-cols-${columns}`,\n masonry: 'columns-1 md:columns-2 lg:columns-3',\n };\n\n const spacingClasses = {\n tight: 'gap-2',\n normal: 'gap-4',\n loose: 'gap-6',\n };\n\n return (\n <div className={cn(layoutClasses[layout], spacingClasses[spacing], className)}>\n {widgets.map((widget) => (\n <WidgetRenderer key={widget.id} widget={widget} onAction={onAction} />\n ))}\n </div>\n );\n}\n","// No direct imports needed 'react';\nimport { CardWidget } from '../../../types/widgets';\nimport { ActionEvent } from '../../../types/actions';\n\ninterface CardProps {\n widget: CardWidget;\n onAction?: (action: ActionEvent) => void;\n}\n\nexport function Card({ widget, onAction }: CardProps) {\n const { title, description, image, footer } = widget.props;\n\n return (\n <div className=\"apteva-widget-card\">\n {image && <img src={image} alt={title} className=\"w-full h-48 object-cover\" />}\n\n <div className=\"p-4\">\n <h3 className=\"text-lg font-semibold text-gray-900 dark:text-white\">{title}</h3>\n {description && <p className=\"text-gray-600 dark:text-gray-400 mt-2\">{description}</p>}\n </div>\n\n {(footer || (widget.actions && widget.actions.length > 0)) && (\n <div className=\"border-t border-gray-200 dark:border-gray-700 p-4 flex justify-between items-center\">\n {footer && <span className=\"text-sm text-gray-600 dark:text-gray-400\">{footer}</span>}\n\n {widget.actions && widget.actions.length > 0 && (\n <div className=\"flex gap-2\">\n {widget.actions.map((action, idx) => (\n <button\n key={idx}\n onClick={() =>\n onAction?.({\n type: action.type,\n payload: action.payload,\n widgetId: widget.id,\n timestamp: new Date(),\n })\n }\n className=\"apteva-widget-button\"\n >\n {action.label}\n </button>\n ))}\n </div>\n )}\n </div>\n )}\n </div>\n );\n}\n","// No direct imports needed 'react';\nimport { ListWidget } from '../../../types/widgets';\nimport { ActionEvent } from '../../../types/actions';\n\ninterface ListProps {\n widget: ListWidget;\n onAction?: (action: ActionEvent) => void;\n}\n\nexport function List({ widget, onAction }: ListProps) {\n const { items } = widget.props;\n\n return (\n <div className=\"apteva-widget-list\">\n {items.map((item) => (\n <div key={item.id} className=\"flex items-center p-4 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors\">\n {item.image && <img src={item.image} alt={item.title} className=\"w-16 h-16 rounded object-cover\" />}\n\n <div className=\"flex-1 ml-4\">\n <h4 className=\"font-semibold text-gray-900 dark:text-white\">{item.title}</h4>\n {item.subtitle && <p className=\"text-sm text-gray-600 dark:text-gray-400\">{item.subtitle}</p>}\n {item.description && (\n <p className=\"text-xs text-gray-500 dark:text-gray-500 mt-1\">{item.description}</p>\n )}\n </div>\n\n {widget.actions && widget.actions.length > 0 && (\n <div className=\"flex gap-2\">\n {widget.actions.map((action, idx) => (\n <button\n key={idx}\n onClick={() =>\n onAction?.({\n type: action.type,\n payload: item.metadata || item,\n widgetId: widget.id,\n timestamp: new Date(),\n })\n }\n className=\"px-3 py-1.5 text-sm rounded-lg font-medium transition-colors bg-apteva-500 text-white hover:bg-apteva-600\"\n >\n {action.label}\n </button>\n ))}\n </div>\n )}\n </div>\n ))}\n </div>\n );\n}\n","// No direct imports needed 'react';\nimport { ButtonWidget } from '../../../types/widgets';\nimport { ActionEvent } from '../../../types/actions';\nimport { cn } from '../../../utils';\n\ninterface ButtonProps {\n widget: ButtonWidget;\n onAction?: (action: ActionEvent) => void;\n}\n\nexport function Button({ widget, onAction }: ButtonProps) {\n const { label, variant = 'primary', disabled = false } = widget.props;\n\n const variantClasses = {\n primary: 'bg-apteva-500 text-white hover:bg-apteva-600',\n secondary: 'bg-gray-500 text-white hover:bg-gray-600',\n outline: 'border-2 border-apteva-500 text-apteva-500 hover:bg-apteva-50',\n ghost: 'text-apteva-500 hover:bg-apteva-50',\n };\n\n return (\n <button\n onClick={() =>\n widget.actions?.[0] &&\n onAction?.({\n type: widget.actions[0].type,\n payload: widget.actions[0].payload,\n widgetId: widget.id,\n timestamp: new Date(),\n })\n }\n disabled={disabled}\n className={cn('px-4 py-2 rounded-lg font-medium transition-colors', variantClasses[variant], {\n 'opacity-50 cursor-not-allowed': disabled,\n })}\n >\n {label}\n </button>\n );\n}\n","// No direct imports needed 'react';\nimport { Widget } from '../../types/widgets';\nimport { ActionEvent } from '../../types/actions';\nimport { Card, List, Button } from './widget-library';\n\ninterface WidgetRendererProps {\n widget: Widget;\n onAction?: (action: ActionEvent) => void;\n}\n\nexport function WidgetRenderer({ widget, onAction }: WidgetRendererProps) {\n switch (widget.type) {\n case 'card':\n return <Card widget={widget as any} onAction={onAction} />;\n case 'list':\n return <List widget={widget as any} onAction={onAction} />;\n case 'button':\n return <Button widget={widget as any} onAction={onAction} />;\n default:\n return (\n <div className=\"p-4 border border-yellow-300 bg-yellow-50 rounded-lg\">\n <p className=\"text-sm text-yellow-800\">Unknown widget type: {widget.type}</p>\n <pre className=\"text-xs mt-2 overflow-auto\">{JSON.stringify(widget, null, 2)}</pre>\n </div>\n );\n }\n}\n","// No direct imports needed 'react';\nimport { Message as MessageType } from '../../types/messages';\nimport { cn } from '../../utils';\nimport { Widgets } from '../Widgets';\nimport { ActionEvent } from '../../types/actions';\n\ninterface MessageProps {\n message: MessageType;\n onAction?: (action: ActionEvent) => void;\n}\n\nexport function Message({ message, onAction }: MessageProps) {\n const isUser = message.role === 'user';\n\n return (\n <div className={cn('apteva-message', isUser ? 'apteva-message-user' : 'apteva-message-assistant')}>\n <div className=\"whitespace-pre-wrap\">{message.content}</div>\n\n {message.widgets && message.widgets.length > 0 && (\n <div className=\"mt-4\">\n <Widgets widgets={message.widgets} onAction={onAction} layout=\"stack\" />\n </div>\n )}\n\n <div className=\"text-xs opacity-70 mt-2\">\n {message.timestamp.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}\n </div>\n </div>\n );\n}\n","import { useState, KeyboardEvent, useRef } from 'react';\n\ninterface ComposerProps {\n onSendMessage: (text: string) => void;\n placeholder?: string;\n disabled?: boolean;\n}\n\nexport function Composer({ onSendMessage, placeholder = 'Type a message...', disabled = false }: ComposerProps) {\n const [text, setText] = useState('');\n const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n const handleKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n if (e.key === 'Enter' && !e.shiftKey) {\n e.preventDefault();\n handleSend();\n }\n };\n\n const handleSend = () => {\n if (text.trim() && !disabled) {\n onSendMessage(text.trim());\n setText('');\n // Reset textarea height\n if (textareaRef.current) {\n textareaRef.current.style.height = 'auto';\n }\n }\n };\n\n const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n setText(e.target.value);\n // Auto-resize textarea\n e.target.style.height = 'auto';\n e.target.style.height = `${e.target.scrollHeight}px`;\n };\n\n return (\n <div className=\"apteva-composer\">\n <div className=\"flex gap-2\">\n <textarea\n ref={textareaRef}\n value={text}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n placeholder={placeholder}\n disabled={disabled}\n className=\"apteva-composer-input\"\n rows={1}\n style={{ maxHeight: '200px' }}\n />\n <button\n onClick={handleSend}\n disabled={!text.trim() || disabled}\n className=\"px-6 py-2 bg-apteva-500 text-white rounded-lg hover:bg-apteva-600 disabled:opacity-50 disabled:cursor-not-allowed transition-colors font-medium\"\n >\n Send\n </button>\n </div>\n <div className=\"text-xs text-gray-500 mt-2\">Press Enter to send, Shift+Enter for new line</div>\n </div>\n );\n}\n","import { useState, useEffect } from 'react';\nimport { CommandProps, CommandResult } from '../../types/components';\nimport { cn, generateMockResponse } from '../../utils';\n\nexport function Command({\n agentId,\n command: initialCommand,\n context,\n autoExecute = false,\n allowInput = true,\n placeholder = 'Enter your command...',\n submitButtonText = 'Execute',\n variant = 'default',\n onStart,\n onProgress,\n onChunk,\n onComplete,\n onError,\n loadingText = 'Processing...',\n showProgress = true,\n enableStreaming = false,\n resultRenderer,\n className,\n}: CommandProps) {\n const [state, setState] = useState<'idle' | 'loading' | 'success' | 'error'>('idle');\n const [result, setResult] = useState<CommandResult | null>(null);\n const [error, setError] = useState<Error | null>(null);\n const [progress, setProgress] = useState(0);\n const [command, setCommand] = useState(initialCommand || '');\n const [streamedContent, setStreamedContent] = useState('');\n\n useEffect(() => {\n if (autoExecute && state === 'idle' && command) {\n executeCommand();\n }\n }, [autoExecute]);\n\n const executeCommand = async () => {\n if (!command.trim()) {\n setError(new Error('Please enter a command'));\n setState('error');\n return;\n }\n setState('loading');\n setError(null);\n setProgress(0);\n setStreamedContent('');\n onStart?.();\n\n try {\n if (enableStreaming) {\n // Simulate streaming response with status messages\n const mockStreamChunks = [\n 'Initializing...',\n 'Connecting to agent...',\n 'Processing your request...',\n 'Analyzing data sources...',\n 'Gathering information...',\n 'Generating response...',\n 'Finalizing results...',\n ];\n\n for (let i = 0; i < mockStreamChunks.length; i++) {\n await new Promise((resolve) => setTimeout(resolve, 600 + Math.random() * 400));\n const chunk = mockStreamChunks[i];\n setStreamedContent(chunk);\n onChunk?.(chunk);\n setProgress(Math.round(((i + 1) / mockStreamChunks.length) * 100));\n onProgress?.(Math.round(((i + 1) / mockStreamChunks.length) * 100));\n }\n\n const mockResult: CommandResult = {\n success: true,\n data: {\n summary: `Successfully processed: \"${command}\"`,\n agentId,\n context,\n timestamp: new Date().toISOString(),\n },\n message: 'Command executed successfully',\n };\n\n setResult(mockResult);\n setState('success');\n setProgress(100);\n onComplete?.(mockResult);\n } else {\n // Original non-streaming behavior\n const progressInterval = setInterval(() => {\n setProgress((prev) => {\n const next = Math.min(prev + 10, 90);\n onProgress?.(next);\n return next;\n });\n }, 200);\n\n await new Promise((resolve) => setTimeout(resolve, 2000));\n clearInterval(progressInterval);\n\n const mockResult: CommandResult = {\n success: true,\n data: {\n summary: `Command \"${command}\" executed successfully`,\n agentId,\n context,\n timestamp: new Date().toISOString(),\n },\n message: 'Execution complete',\n };\n\n setResult(mockResult);\n setState('success');\n setProgress(100);\n onComplete?.(mockResult);\n }\n } catch (err) {\n const error = err instanceof Error ? err : new Error('Unknown error');\n setError(error);\n setState('error');\n onError?.(error);\n }\n };\n\n const resetCommand = () => {\n setState('idle');\n setResult(null);\n setError(null);\n setProgress(0);\n setCommand('');\n };\n\n const isCompact = variant === 'compact';\n\n return (\n <div\n className={cn(\n 'relative border-2 rounded-xl bg-white dark:bg-gray-900 transition-all duration-300 flex flex-col',\n state === 'loading' && 'animate-pulse-border',\n state === 'idle' && 'border-gray-300 dark:border-gray-700',\n state === 'loading' && 'border-apteva-500',\n state === 'success' && 'border-green-500',\n state === 'error' && 'border-red-500',\n className\n )}\n style={{ minHeight: isCompact ? 'auto' : '180px' }}\n >\n {/* Input/Display Area */}\n <div className={cn('flex-1 flex', isCompact ? 'flex-row items-center p-3 gap-3' : 'flex-col p-4')}>\n {state === 'idle' && allowInput && !isCompact && (\n <textarea\n value={command}\n onChange={(e) => setCommand(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n e.preventDefault();\n executeCommand();\n }\n }}\n placeholder={placeholder}\n className=\"flex-1 w-full resize-none bg-transparent border-none focus:outline-none text-gray-900 dark:text-white placeholder-gray-400\"\n rows={6}\n />\n )}\n\n {state === 'idle' && allowInput && isCompact && (\n <>\n <input\n type=\"text\"\n value={command}\n onChange={(e) => setCommand(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n executeCommand();\n }\n }}\n placeholder={placeholder}\n className=\"flex-1 bg-transparent border-none focus:outline-none text-gray-900 dark:text-white placeholder-gray-400 py-1\"\n />\n <button\n onClick={executeCommand}\n disabled={!command.trim()}\n className={cn(\n 'w-8 h-8 rounded-lg flex items-center justify-center font-bold transition-all flex-shrink-0',\n 'border border-gray-300 dark:border-gray-600',\n 'bg-white dark:bg-gray-800',\n 'text-gray-700 dark:text-gray-300',\n 'hover:bg-gray-50 dark:hover:bg-gray-700',\n 'disabled:opacity-30 disabled:cursor-not-allowed',\n !command.trim() && 'border-gray-200 dark:border-gray-700 text-gray-400 dark:text-gray-600'\n )}\n title=\"Execute\"\n >\n ↑\n </button>\n </>\n )}\n\n {state === 'loading' && !isCompact && (\n <div className=\"flex-1 flex flex-col items-center justify-center space-y-4 py-8\">\n <div className=\"w-6 h-6 border-2 border-gray-300 border-t-apteva-500 rounded-full animate-spin\"></div>\n <div className=\"text-gray-600 dark:text-gray-400 text-sm text-center max-w-md\">\n {enableStreaming && streamedContent ? streamedContent : loadingText}\n </div>\n {showProgress && (\n <div className=\"w-full max-w-sm\">\n <div className=\"w-full bg-gray-200 dark:bg-gray-700 rounded-full h-1.5\">\n <div\n className=\"bg-apteva-500 h-1.5 rounded-full transition-all duration-300\"\n style={{ width: `${progress}%` }}\n />\n </div>\n <p className=\"text-xs text-gray-500 mt-2 text-center\">{progress}%</p>\n </div>\n )}\n </div>\n )}\n\n {state === 'loading' && isCompact && (\n <>\n <div className=\"flex-1 flex items-center gap-3 py-1\">\n <div className=\"w-4 h-4 border-2 border-gray-300 border-t-apteva-500 rounded-full animate-spin\"></div>\n <div className=\"text-gray-600 dark:text-gray-400 text-sm truncate\">\n {enableStreaming && streamedContent ? streamedContent : loadingText}\n </div>\n </div>\n <button\n disabled\n className={cn(\n 'w-8 h-8 rounded-lg flex items-center justify-center font-bold transition-all flex-shrink-0',\n 'border border-gray-200 dark:border-gray-700',\n 'bg-white dark:bg-gray-800',\n 'text-gray-400 dark:text-gray-600',\n 'opacity-30 cursor-not-allowed'\n )}\n >\n ↑\n </button>\n </>\n )}\n\n {state === 'error' && (\n <div className=\"flex-1 flex flex-col\">\n <div className=\"mb-4 p-3 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg\">\n <div className=\"flex items-start gap-2\">\n <svg className=\"w-5 h-5 text-red-600 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\n </svg>\n <div>\n <h3 className=\"text-sm font-semibold text-red-800 dark:text-red-400\">Error</h3>\n <p className=\"text-red-700 dark:text-red-300 text-sm mt-1\">{error?.message}</p>\n </div>\n </div>\n </div>\n {allowInput && (\n <textarea\n value={command}\n onChange={(e) => setCommand(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n e.preventDefault();\n executeCommand();\n }\n }}\n placeholder={placeholder}\n className=\"flex-1 w-full resize-none bg-transparent border-none focus:outline-none text-gray-900 dark:text-white placeholder-gray-400\"\n rows={4}\n />\n )}\n </div>\n )}\n\n {state === 'success' && result && !isCompact && (\n <div className=\"flex-1 overflow-auto\">\n {resultRenderer ? (\n resultRenderer(result.data)\n ) : (\n <div>\n <div className=\"flex items-start gap-3 mb-3 p-3 bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 rounded-lg\">\n <svg className=\"w-5 h-5 text-green-600 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" />\n </svg>\n <div className=\"flex-1\">\n <h3 className=\"text-sm font-semibold text-green-800 dark:text-green-400 mb-1\">Success</h3>\n <p className=\"text-green-700 dark:text-green-300 text-sm\">{result.message || 'Command executed successfully'}</p>\n </div>\n </div>\n {result.data?.summary && (\n <div className=\"text-gray-700 dark:text-gray-300 text-sm leading-relaxed\">\n {result.data.summary}\n </div>\n )}\n </div>\n )}\n </div>\n )}\n\n {state === 'success' && result && isCompact && (\n <>\n <div className=\"flex-1 flex items-center gap-2 py-1\">\n <svg className=\"w-4 h-4 text-green-600 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" />\n </svg>\n <div className=\"text-green-700 dark:text-green-300 text-sm truncate\">\n {resultRenderer ? resultRenderer(result.data) : (result.message || 'Command executed successfully')}\n </div>\n </div>\n <button\n disabled\n className={cn(\n 'w-8 h-8 rounded-lg flex items-center justify-center font-bold transition-all flex-shrink-0',\n 'border border-gray-200 dark:border-gray-700',\n 'bg-white dark:bg-gray-800',\n 'text-gray-400 dark:text-gray-600',\n 'opacity-30 cursor-not-allowed'\n )}\n >\n ↑\n </button>\n </>\n )}\n </div>\n\n {/* Bottom Action Bar - Only show for default variant when not in compact mode */}\n {!isCompact && (\n <div className=\"p-3 flex items-center justify-end gap-2\">\n {(state === 'success' || state === 'error') && allowInput && (\n <button\n onClick={resetCommand}\n className=\"px-3 py-1.5 text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white transition-colors\"\n >\n Reset\n </button>\n )}\n\n {(state === 'idle' || state === 'error') && (\n <button\n onClick={executeCommand}\n disabled={!command.trim()}\n className={cn(\n 'w-8 h-8 rounded-lg flex items-center justify-center font-bold transition-all',\n 'border border-gray-300 dark:border-gray-600',\n 'bg-white dark:bg-gray-800',\n 'text-gray-700 dark:text-gray-300',\n 'hover:bg-gray-50 dark:hover:bg-gray-700',\n 'disabled:opacity-30 disabled:cursor-not-allowed',\n !command.trim() && 'border-gray-200 dark:border-gray-700 text-gray-400 dark:text-gray-600'\n )}\n title={state === 'error' ? 'Retry' : 'Execute'}\n >\n {state === 'error' ? '↻' : '↑'}\n </button>\n )}\n </div>\n )}\n\n\n <style dangerouslySetInnerHTML={{\n __html: `\n @keyframes pulse-border {\n 0%, 100% {\n border-color: rgb(59, 130, 246);\n }\n 50% {\n border-color: rgb(147, 197, 253);\n }\n }\n .animate-pulse-border {\n animation: pulse-border 2s ease-in-out infinite;\n }\n `\n }} />\n </div>\n );\n}\n","import { useState, KeyboardEvent } from 'react';\nimport { PromptProps } from '../../types/components';\nimport { cn } from '../../utils';\n\nexport function Prompt({\n agentId,\n placeholder = 'Enter your prompt...',\n initialValue = '',\n submitOn = 'button',\n debounceMs = 0,\n minLength = 0,\n maxLength,\n onSubmit,\n onResult,\n onChange,\n variant = 'inline',\n showSuggestions = false,\n className,\n}: PromptProps) {\n const [value, setValue] = useState(initialValue);\n const [isLoading, setIsLoading] = useState(false);\n const [suggestions] = useState(['Plan a trip', 'Write a description', 'Analyze data']);\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const newValue = e.target.value;\n if (!maxLength || newValue.length <= maxLength) {\n setValue(newValue);\n onChange?.(newValue);\n }\n };\n\n const handleSubmit = async () => {\n if (value.length < minLength) return;\n\n onSubmit?.(value);\n setIsLoading(true);\n\n try {\n // Mock AI processing\n await new Promise((resolve) => setTimeout(resolve, 1500));\n const mockResult = `Enhanced version: ${value} [AI-generated content]`;\n onResult?.(mockResult);\n setValue('');\n } catch (error) {\n console.error('Error processing prompt:', error);\n } finally {\n setIsLoading(false);\n }\n };\n\n const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n if (submitOn === 'enter' && e.key === 'Enter' && !e.shiftKey) {\n e.preventDefault();\n handleSubmit();\n }\n };\n\n const handleBlur = () => {\n if (submitOn === 'blur' && value.trim()) {\n handleSubmit();\n }\n };\n\n return (\n <div className={cn('space-y-2', className)}>\n <div className=\"flex gap-2\">\n <input\n type=\"text\"\n value={value}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n onBlur={handleBlur}\n placeholder={placeholder}\n disabled={isLoading}\n className=\"flex-1 px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-apteva-500 dark:bg-gray-800 dark:border-gray-600 dark:text-white\"\n />\n\n {submitOn === 'button' && (\n <button\n onClick={handleSubmit}\n disabled={isLoading || value.length < minLength}\n className=\"px-6 py-2 bg-apteva-500 text-white rounded-lg hover:bg-apteva-600 disabled:opacity-50 disabled:cursor-not-allowed transition-colors font-medium\"\n >\n {isLoading ? 'Processing...' : 'Generate'}\n </button>\n )}\n </div>\n\n {maxLength && (\n <p className=\"text-xs text-gray-500\">\n {value.length} / {maxLength} characters\n </p>\n )}\n\n {showSuggestions && !value && (\n <div className=\"flex flex-wrap gap-2\">\n {suggestions.map((suggestion, idx) => (\n <button\n key={idx}\n onClick={() => setValue(suggestion)}\n className=\"px-3 py-1 text-sm bg-gray-100 hover:bg-gray-200 text-gray-700 rounded-full transition-colors\"\n >\n {suggestion}\n </button>\n ))}\n </div>\n )}\n\n {isLoading && (\n <div className=\"flex items-center gap-2 text-sm text-gray-500\">\n <div className=\"w-4 h-4 border-2 border-apteva-500 border-t-transparent rounded-full animate-spin\" />\n <span>AI is processing your request...</span>\n </div>\n )}\n </div>\n );\n}\n","import { useState, useEffect } from 'react';\nimport { StreamProps } from '../../types/components';\nimport { cn, generateMockStreamingResponse } from '../../utils';\n\nexport function Stream({\n agentId,\n prompt,\n context,\n autoStart = false,\n onStart,\n onChunk,\n onComplete,\n onError,\n variant = 'prose',\n showCursor = true,\n typingSpeed = 30,\n className,\n}: StreamProps) {\n const [text, setText] = useState('');\n const [isStreaming, setIsStreaming] = useState(false);\n const [isComplete, setIsComplete] = useState(false);\n\n useEffect(() => {\n if (autoStart && !isStreaming && !isComplete) {\n startStreaming();\n }\n }, [autoStart]);\n\n const startStreaming = async () => {\n setIsStreaming(true);\n onStart?.();\n\n const mockText =\n 'This is a simulated streaming response from the AI agent. ' +\n 'In a real implementation, this would stream data from your backend API. ' +\n 'The text appears word by word to simulate the streaming effect. ' +\n 'You can customize the typing speed and styling based on your needs.';\n\n try {\n await generateMockStreamingResponse(\n mockText,\n (chunk) => {\n setText((prev) => prev + chunk);\n onChunk?.(chunk);\n },\n typingSpeed\n );\n\n setIsComplete(true);\n setIsStreaming(false);\n onComplete?.(text + mockText);\n } catch (error) {\n const err = error instanceof Error ? error : new Error('Streaming error');\n onError?.(err);\n setIsStreaming(false);\n }\n };\n\n const variantClasses = {\n prose: 'prose prose-sm max-w-none dark:prose-invert',\n code: 'font-mono text-sm bg-gray-900 text-green-400 p-4 rounded-lg',\n plain: 'text-gray-900 dark:text-gray-100',\n };\n\n if (!isStreaming && !isComplete) {\n return (\n <div className={cn('p-4', className)}>\n <button\n onClick={startStreaming}\n className=\"px-6 py-3 bg-apteva-500 text-white rounded-lg hover:bg-apteva-600 transition-colors font-medium\"\n >\n Start Streaming\n </button>\n </div>\n );\n }\n\n return (\n <div className={cn(variantClasses[variant], className)}>\n {text}\n {isStreaming && showCursor && <span className=\"apteva-stream-cursor\" />}\n </div>\n );\n}\n","import { useState } from 'react';\nimport { Thread } from '../../types/messages';\nimport { ThreadItem } from './ThreadItem';\n\ninterface ThreadListProps {\n threads: Thread[];\n currentThreadId?: string;\n onThreadSelect?: (threadId: string) => void;\n onThreadDelete?: (threadId: string) => void;\n showSearch?: boolean;\n groupBy?: 'date' | 'agent' | 'none';\n}\n\nexport function ThreadList({\n threads,\n currentThreadId,\n onThreadSelect,\n onThreadDelete,\n showSearch = false,\n groupBy = 'none',\n}: ThreadListProps) {\n const [searchQuery, setSearchQuery] = useState('');\n\n const filteredThreads = threads.filter(\n (thread) =>\n thread.title.toLowerCase().includes(searchQuery.toLowerCase()) ||\n thread.preview?.toLowerCase().includes(searchQuery.toLowerCase())\n );\n\n const groupedThreads = groupBy === 'date' ? groupThreadsByDate(filteredThreads) : { All: filteredThreads };\n\n return (\n <div className=\"flex flex-col h-full\">\n {showSearch && (\n <div className=\"p-3 border-b border-gray-200 dark:border-gray-700\">\n <input\n type=\"text\"\n placeholder=\"Search conversations...\"\n value={searchQuery}\n onChange={(e) => setSearchQuery(e.target.value)}\n className=\"w-full px-3 py-2 text-sm border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-apteva-500 dark:bg-gray-800 dark:border-gray-600 dark:text-white\"\n />\n </div>\n )}\n\n <div className=\"flex-1 overflow-y-auto\">\n {Object.entries(groupedThreads).map(([group, groupThreads]) => (\n <div key={group}>\n {groupBy !== 'none' && (\n <div className=\"px-3 py-2 text-xs font-semibold text-gray-500 uppercase\">{group}</div>\n )}\n {groupThreads.map((thread) => (\n <ThreadItem\n key={thread.id}\n thread={thread}\n isActive={thread.id === currentThreadId}\n onSelect={() => onThreadSelect?.(thread.id)}\n onDelete={() => onThreadDelete?.(thread.id)}\n />\n ))}\n </div>\n ))}\n\n {filteredThreads.length === 0 && (\n <div className=\"p-8 text-center text-gray-500\">\n <div className=\"text-4xl mb-2\">💬</div>\n <p>No conversations found</p>\n </div>\n )}\n </div>\n </div>\n );\n}\n\nfunction groupThreadsByDate(threads: Thread[]): Record<string, Thread[]> {\n const now = new Date();\n const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());\n const yesterday = new Date(today);\n yesterday.setDate(yesterday.getDate() - 1);\n const lastWeek = new Date(today);\n lastWeek.setDate(lastWeek.getDate() - 7);\n\n return threads.reduce(\n (groups, thread) => {\n const threadDate = new Date(thread.updatedAt);\n let group = 'Older';\n\n if (threadDate >= today) {\n group = 'Today';\n } else if (threadDate >= yesterday) {\n group = 'Yesterday';\n } else if (threadDate >= lastWeek) {\n group = 'Last 7 Days';\n }\n\n if (!groups[group]) groups[group] = [];\n groups[group].push(thread);\n return groups;\n },\n {} as Record<string, Thread[]>\n );\n}\n","// No direct imports needed 'react';\nimport { Thread } from '../../types/messages';\nimport { cn } from '../../utils';\n\ninterface ThreadItemProps {\n thread: Thread;\n isActive?: boolean;\n onSelect?: () => void;\n onDelete?: () => void;\n}\n\nexport function ThreadItem({ thread, isActive = false, onSelect, onDelete }: ThreadItemProps) {\n return (\n <div\n className={cn('apteva-thread-item', {\n 'apteva-thread-item-active': isActive,\n })}\n onClick={onSelect}\n >\n <div className=\"flex-1 min-w-0\">\n <h4 className=\"font-semibold text-gray-900 dark:text-white truncate\">{thread.title}</h4>\n {thread.preview && <p className=\"text-sm text-gray-600 dark:text-gray-400 truncate\">{thread.preview}</p>}\n <div className=\"flex items-center gap-2 mt-1 text-xs text-gray-500\">\n <span>{thread.messageCount} messages</span>\n <span>•</span>\n <span>{formatRelativeTime(thread.updatedAt)}</span>\n </div>\n </div>\n\n {onDelete && (\n <button\n onClick={(e) => {\n e.stopPropagation();\n onDelete();\n }}\n className=\"p-2 text-gray-400 hover:text-red-500 hover:bg-red-50 rounded transition-colors\"\n title=\"Delete thread\"\n >\n 🗑️\n </button>\n )}\n </div>\n );\n}\n\nfunction formatRelativeTime(date: Date): string {\n const now = new Date();\n const diff = now.getTime() - date.getTime();\n const minutes = Math.floor(diff / 60000);\n const hours = Math.floor(diff / 3600000);\n const days = Math.floor(diff / 86400000);\n\n if (minutes < 1) return 'Just now';\n if (minutes < 60) return `${minutes}m ago`;\n if (hours < 24) return `${hours}h ago`;\n if (days < 7) return `${days}d ago`;\n return date.toLocaleDateString();\n}\n","// No direct imports needed 'react';\nimport { ThreadsProps } from '../../types/components';\nimport { ThreadList } from './ThreadList';\nimport { cn } from '../../utils';\n\nexport function Threads({\n threads,\n currentThreadId,\n onThreadSelect,\n onThreadDelete,\n onNewThread,\n variant = 'sidebar',\n showSearch = false,\n showNewButton = true,\n groupBy = 'none',\n className,\n}: ThreadsProps) {\n const variantClasses = {\n sidebar: 'h-full border-r border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900',\n dropdown: 'absolute top-full left-0 right-0 mt-2 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 max-h-96 overflow-hidden',\n tabs: 'flex gap-2 border-b border-gray-200 dark:border-gray-700 overflow-x-auto',\n };\n\n if (variant === 'tabs') {\n return (\n <div className={cn(variantClasses[variant], className)}>\n {threads.slice(0, 5).map((thread) => (\n <button\n key={thread.id}\n onClick={() => onThreadSelect?.(thread.id)}\n className={cn(\n 'px-4 py-2 whitespace-nowrap font-medium transition-colors',\n thread.id === currentThreadId\n ? 'border-b-2 border-apteva-500 text-apteva-500'\n : 'text-gray-600 hover:text-gray-900'\n )}\n >\n {thread.title}\n </button>\n ))}\n {showNewButton && onNewThread && (\n <button\n onClick={onNewThread}\n className=\"px-4 py-2 text-gray-600 hover:text-apteva-500 transition-colors font-medium\"\n >\n + New\n </button>\n )}\n </div>\n );\n }\n\n return (\n <div className={cn(variantClasses[variant], 'flex flex-col', className)}>\n {showNewButton && onNewThread && (\n <div className=\"p-3 border-b border-gray-200 dark:border-gray-700\">\n <button\n onClick={onNewThread}\n className=\"w-full px-4 py-2 bg-apteva-500 text-white rounded-lg hover:bg-apteva-600 transition-colors font-medium\"\n >\n + New Conversation\n </button>\n </div>\n )}\n\n <ThreadList\n threads={threads}\n currentThreadId={currentThreadId}\n onThreadSelect={onThreadSelect}\n onThreadDelete={onThreadDelete}\n showSearch={showSearch}\n groupBy={groupBy}\n />\n </div>\n );\n}\n","/**\n * Theme initialization script that runs before React hydration\n * This prevents flickering by setting the theme before the page renders\n * Must be inlined in the HTML <head> as a blocking script\n */\n\nexport const themeScript = `\n(function() {\n try {\n // Get system preference\n const isDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n const colorMode = isDark ? 'dark' : 'light';\n\n // Set attributes before render\n document.documentElement.setAttribute('data-color-mode', colorMode);\n\n // Add dark class for Tailwind\n if (isDark) {\n document.documentElement.classList.add('dark');\n }\n } catch (e) {\n console.error('Failed to initialize theme:', e);\n }\n})();\n`;\n\nexport function getThemeScript() {\n return themeScript;\n}\n"],"mappings":"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","names":["import_react","import_react","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime","import_react","import_jsx_runtime","import_jsx_runtime","import_react","import_jsx_runtime","error","import_react","import_jsx_runtime","import_react","import_jsx_runtime","import_react","import_jsx_runtime","import_jsx_runtime","import_jsx_runtime"]}
1
+ {"version":3,"sources":["/Users/marcoschwartz/Documents/code/frontends/apteva/apteva-kit/dist/index.js","../src/components/Chat/Chat.tsx","../src/components/Chat/MessageList.tsx","../src/utils/cn.ts","../src/utils/mock-data.ts","../src/components/Widgets/Widgets.tsx","../src/components/Widgets/widget-library/Card.tsx","../src/components/Widgets/widget-library/List.tsx","../src/components/Widgets/widget-library/Button.tsx","../src/components/Widgets/WidgetRenderer.tsx","../src/components/Chat/Message.tsx","../src/components/Chat/Composer.tsx","../src/components/Command/Command.tsx","../src/components/Prompt/Prompt.tsx","../src/components/Stream/Stream.tsx","../src/components/Threads/ThreadList.tsx","../src/components/Threads/ThreadItem.tsx","../src/components/Threads/Threads.tsx","../src/utils/theme-script.ts"],"names":["jsxs","jsx","useRef","useState"],"mappings":"AAAA,ylBAAY;AACZ;AACA;ACFA,8BAAoC;ADIpC;AACA;AELA;AFOA;AACA;AGRA,4BAAsC;AACtC,+CAAwB;AAEjB,SAAS,EAAA,CAAA,GAAM,MAAA,EAAsB;AAC1C,EAAA,OAAO,oCAAA,wBAAQ,MAAW,CAAC,CAAA;AAC7B;AHSA;AACA;AIZO,IAAM,aAAA,EAA0B;AAAA,EACrC;AAAA,IACE,EAAA,EAAI,OAAA;AAAA,IACJ,IAAA,EAAM,WAAA;AAAA,IACN,OAAA,EAAS,yDAAA;AAAA,IACT,SAAA,EAAW,IAAI,IAAA,CAAK,IAAA,CAAK,GAAA,CAAI,EAAA,EAAI,IAAO;AAAA,EAC1C,CAAA;AAAA,EACA;AAAA,IACE,EAAA,EAAI,OAAA;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS,iCAAA;AAAA,IACT,SAAA,EAAW,IAAI,IAAA,CAAK,IAAA,CAAK,GAAA,CAAI,EAAA,EAAI,IAAO;AAAA,EAC1C,CAAA;AAAA,EACA;AAAA,IACE,EAAA,EAAI,OAAA;AAAA,IACJ,IAAA,EAAM,WAAA;AAAA,IACN,OAAA,EAAS,kGAAA;AAAA,IACT,SAAA,EAAW,IAAI,IAAA,CAAK,IAAA,CAAK,GAAA,CAAI,EAAA,EAAI,IAAO;AAAA,EAC1C,CAAA;AAAA,EACA;AAAA,IACE,EAAA,EAAI,OAAA;AAAA,IACJ,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS,yBAAA;AAAA,IACT,SAAA,EAAW,IAAI,IAAA,CAAK,IAAA,CAAK,GAAA,CAAI,EAAA,EAAI,IAAO;AAAA,EAC1C,CAAA;AAAA,EACA;AAAA,IACE,EAAA,EAAI,OAAA;AAAA,IACJ,IAAA,EAAM,WAAA;AAAA,IACN,OAAA,EAAS,gEAAA;AAAA,IACT,OAAA,EAAS;AAAA,MACP;AAAA,QACE,IAAA,EAAM,MAAA;AAAA,QACN,EAAA,EAAI,gBAAA;AAAA,QACJ,KAAA,EAAO;AAAA,UACL,KAAA,EAAO;AAAA,YACL;AAAA,cACE,EAAA,EAAI,OAAA;AAAA,cACJ,KAAA,EAAO,eAAA;AAAA,cACP,QAAA,EAAU,sBAAA;AAAA,cACV,WAAA,EAAa,yCAAA;AAAA,cACb,QAAA,EAAU,EAAE,IAAA,EAAM,OAAA,EAAS,OAAA,EAAS,QAAA,EAAU,GAAA,EAAK,OAAA,EAAS,GAAA,EAAK,MAAA,EAAQ,KAAA,EAAO,IAAA,EAAM,IAAA,EAAM,EAAE;AAAA,YAChG,CAAA;AAAA,YACA;AAAA,cACE,EAAA,EAAI,MAAA;AAAA,cACJ,KAAA,EAAO,aAAA;AAAA,cACP,QAAA,EAAU,sBAAA;AAAA,cACV,WAAA,EAAa,sCAAA;AAAA,cACb,QAAA,EAAU,EAAE,IAAA,EAAM,MAAA,EAAQ,OAAA,EAAS,OAAA,EAAS,GAAA,EAAK,OAAA,EAAS,GAAA,EAAK,OAAA,EAAS,KAAA,EAAO,IAAA,EAAM,IAAA,EAAM,EAAE;AAAA,YAC/F,CAAA;AAAA,YACA;AAAA,cACE,EAAA,EAAI,WAAA;AAAA,cACJ,KAAA,EAAO,kBAAA;AAAA,cACP,QAAA,EAAU,sBAAA;AAAA,cACV,WAAA,EAAa,6CAAA;AAAA,cACb,QAAA,EAAU,EAAE,IAAA,EAAM,WAAA,EAAa,OAAA,EAAS,OAAA,EAAS,GAAA,EAAK,OAAA,EAAS,GAAA,EAAK,MAAA,EAAQ,KAAA,EAAO,IAAA,EAAM,IAAA,EAAM,EAAE;AAAA,YACnG;AAAA,UACF;AAAA,QACF,CAAA;AAAA,QACA,OAAA,EAAS;AAAA,UACP;AAAA,YACE,IAAA,EAAM,oBAAA;AAAA,YACN,KAAA,EAAO,QAAA;AAAA,YACP,OAAA,EAAS,QAAA;AAAA,YACT,OAAA,EAAS,CAAC;AAAA,UACZ,CAAA;AAAA,UACA;AAAA,YACE,IAAA,EAAM,cAAA;AAAA,YACN,KAAA,EAAO,SAAA;AAAA,YACP,OAAA,EAAS,QAAA;AAAA,YACT,OAAA,EAAS,CAAC;AAAA,UACZ;AAAA,QACF;AAAA,MACF;AAAA,IACF,CAAA;AAAA,IACA,SAAA,EAAW,IAAI,IAAA,CAAK,IAAA,CAAK,GAAA,CAAI,EAAA,EAAI,IAAO;AAAA,EAC1C;AACF,CAAA;AAEO,IAAM,YAAA,EAAwB;AAAA,EACnC;AAAA,IACE,EAAA,EAAI,UAAA;AAAA,IACJ,KAAA,EAAO,gBAAA;AAAA,IACP,OAAA,EAAS,0BAAA;AAAA,IACT,SAAA,EAAW,IAAI,IAAA,CAAK,IAAA,CAAK,GAAA,CAAI,EAAA,EAAI,KAAQ,CAAA;AAAA,IACzC,SAAA,EAAW,IAAI,IAAA,CAAK,IAAA,CAAK,GAAA,CAAI,EAAA,EAAI,IAAO,CAAA;AAAA,IACxC,YAAA,EAAc;AAAA,EAChB,CAAA;AAAA,EACA;AAAA,IACE,EAAA,EAAI,UAAA;AAAA,IACJ,KAAA,EAAO,4BAAA;AAAA,IACP,OAAA,EAAS,4BAAA;AAAA,IACT,SAAA,EAAW,IAAI,IAAA,CAAK,IAAA,CAAK,GAAA,CAAI,EAAA,EAAI,MAAS,CAAA;AAAA,IAC1C,SAAA,EAAW,IAAI,IAAA,CAAK,IAAA,CAAK,GAAA,CAAI,EAAA,EAAI,KAAQ,CAAA;AAAA,IACzC,YAAA,EAAc;AAAA,EAChB,CAAA;AAAA,EACA;AAAA,IACE,EAAA,EAAI,UAAA;AAAA,IACJ,KAAA,EAAO,iBAAA;AAAA,IACP,OAAA,EAAS,0BAAA;AAAA,IACT,SAAA,EAAW,IAAI,IAAA,CAAK,IAAA,CAAK,GAAA,CAAI,EAAA,EAAI,MAAS,CAAA;AAAA,IAC1C,SAAA,EAAW,IAAI,IAAA,CAAK,IAAA,CAAK,GAAA,CAAI,EAAA,EAAI,MAAS,CAAA;AAAA,IAC1C,YAAA,EAAc;AAAA,EAChB;AACF,CAAA;AAEO,IAAM,YAAA,EAAwB;AAAA,EACnC;AAAA,IACE,IAAA,EAAM,MAAA;AAAA,IACN,EAAA,EAAI,QAAA;AAAA,IACJ,KAAA,EAAO;AAAA,MACL,KAAA,EAAO,eAAA;AAAA,MACP,WAAA,EAAa,sCAAA;AAAA,MACb,KAAA,EAAO,8DAAA;AAAA,MACP,MAAA,EAAQ;AAAA,IACV,CAAA;AAAA,IACA,OAAA,EAAS;AAAA,MACP;AAAA,QACE,IAAA,EAAM,WAAA;AAAA,QACN,KAAA,EAAO,UAAA;AAAA,QACP,OAAA,EAAS,QAAA;AAAA,QACT,OAAA,EAAS,EAAE,MAAA,EAAQ,aAAa;AAAA,MAClC;AAAA,IACF;AAAA,EACF,CAAA;AAAA,EACA;AAAA,IACE,IAAA,EAAM,MAAA;AAAA,IACN,EAAA,EAAI,QAAA;AAAA,IACJ,KAAA,EAAO;AAAA,MACL,KAAA,EAAO,aAAA;AAAA,MACP,WAAA,EAAa,yBAAA;AAAA,MACb,KAAA,EAAO,2DAAA;AAAA,MACP,MAAA,EAAQ;AAAA,IACV,CAAA;AAAA,IACA,OAAA,EAAS;AAAA,MACP;AAAA,QACE,IAAA,EAAM,WAAA;AAAA,QACN,KAAA,EAAO,UAAA;AAAA,QACP,OAAA,EAAS,QAAA;AAAA,QACT,OAAA,EAAS,EAAE,MAAA,EAAQ,YAAY;AAAA,MACjC;AAAA,IACF;AAAA,EACF;AACF,CAAA;AAEO,SAAS,oBAAA,CAAqB,MAAA,EAAgB,GAAA,EAAwB;AAC3E,EAAA,OAAO,IAAI,OAAA,CAAQ,CAAC,OAAA,EAAA,GAAY;AAC9B,IAAA,UAAA,CAAW,CAAA,EAAA,GAAM;AACf,MAAA,OAAA,CAAQ;AAAA,QACN,EAAA,EAAI,CAAA,IAAA,EAAO,IAAA,CAAK,GAAA,CAAI,CAAC,CAAA,CAAA;AACf,QAAA;AACG,QAAA;AACE,QAAA;AACZ,MAAA;AACK,IAAA;AACT,EAAA;AACH;AAEgB;AAKM,EAAA;AACO,IAAA;AACN,IAAA;AAEF,IAAA;AACI,MAAA;AACH,QAAA;AACd,QAAA;AACK,MAAA;AACiB,QAAA;AACd,QAAA;AACV,MAAA;AACY,IAAA;AACf,EAAA;AACH;AJK8B;AACA;AKzLJ;AL2LI;AACA;AM9Kd;AALe;AACD,EAAA;AAGzB,EAAA;AACW,IAAA;AAET,oBAAA;AACE,sBAAA;AACe,MAAA;AAClB,IAAA;AAEoB,IAAA;AAEL,MAAA;AAEQ,MAAA;AAGZ,QAAA;AAAA,QAAA;AAGG,UAAA;AACe,YAAA;AACG,YAAA;AACC,YAAA;AACN,YAAA;AACZ,UAAA;AAEO,UAAA;AAEF,UAAA;AAAA,QAAA;AAXH,QAAA;AAcX,MAAA;AAEJ,IAAA;AAEJ,EAAA;AAEJ;ANwK8B;AACA;AOxMpBA;AATqB;AACJ,EAAA;AAGtB,EAAA;AAGoB,IAAA;AAEd,oBAAA;AACE,sBAAA;AACiB,MAAA;AAEhB,MAAA;AAEJ,IAAA;AAE0B,IAAA;AAGnB,MAAA;AAAA,MAAA;AAGG,QAAA;AACe,UAAA;AACC,UAAA;AACG,UAAA;AACN,UAAA;AACZ,QAAA;AAEO,QAAA;AAEF,QAAA;AAAA,MAAA;AAXH,MAAA;AAcX,IAAA;AAIR,EAAA;AAEJ;APmM8B;AACA;AQjO1B;AAX6B;AACN,EAAA;AAEF,EAAA;AACZ,IAAA;AACE,IAAA;AACF,IAAA;AACF,IAAA;AACT,EAAA;AAGEC,EAAAA;AAAC,IAAA;AAAA,IAAA;AAEU,MAAA;AAEiB,QAAA;AACN,QAAA;AACC,QAAA;AACN,QAAA;AACZ,MAAA;AAEH,MAAA;AACc,MAAA;AACZ,QAAA;AACD,MAAA;AAEA,MAAA;AAAA,IAAA;AACH,EAAA;AAEJ;AR0O8B;AACA;AS7PpBD;AAXuB;AACV,EAAA;AACd,IAAA;AACIC,MAAAA;AACJ,IAAA;AACIA,MAAAA;AACJ,IAAA;AACIA,MAAAA;AACT,IAAA;AAEID,MAAAA;AACG,wBAAA;AAAsC,UAAA;AAA6B,UAAA;AAAK,QAAA;AACxE,wBAAA;AACH,MAAA;AAEN,EAAA;AACF;AT4Q8B;AACA;AKpQtB;AA9BgB;AACtB,EAAA;AACA,EAAA;AACA,EAAA;AACS,EAAA;AACC,EAAA;AACA,EAAA;AACV,EAAA;AACe;AACC,EAAA;AACG,IAAA;AACQ,sBAAA;AACxB,IAAA;AACwB,EAAA;AAEL,EAAA;AACb,IAAA;AACD,IAAA;AACG,IAAA;AACX,EAAA;AAEuB,EAAA;AACd,IAAA;AACC,IAAA;AACD,IAAA;AACT,EAAA;AAGG,EAAA;AAML;AL4R8B;AACA;AUrT1BA;AAJ+B;AACV,EAAA;AAGrBA,EAAAA;AACG,oBAAA;AAEmB,IAAA;AAMnB,oBAAA;AAGH,EAAA;AAEJ;AViT8B;AACA;AEvTpBA;AAdoB;AACe,EAAA;AAE3B,EAAA;AAEO,IAAA;AACH,MAAA;AAClB,IAAA;AACW,EAAA;AAGV,EAAA;AAIQ,oBAAA;AACA,oBAAA;AAIS,EAAA;AAItB;AF2T8B;AACA;AW9VIE;AAuC5BF;AA/BqB;AACD,EAAA;AACwB,EAAA;AAEzB,EAAA;AACK,IAAA;AACP,MAAA;AACN,MAAA;AACb,IAAA;AACF,EAAA;AAEyB,EAAA;AACH,IAAA;AACM,MAAA;AACd,MAAA;AAEM,MAAA;AACM,QAAA;AACtB,MAAA;AACF,IAAA;AACF,EAAA;AAEoE,EAAA;AAC5C,IAAA;AAEE,IAAA;AACA,IAAA;AAC1B,EAAA;AAGEA,EAAAA;AACG,oBAAA;AACCC,sBAAAA;AAAC,QAAA;AAAA,QAAA;AACM,UAAA;AACE,UAAA;AACG,UAAA;AACC,UAAA;AACX,UAAA;AACA,UAAA;AACU,UAAA;AACJ,UAAA;AACc,UAAA;AAAQ,QAAA;AAC9B,MAAA;AACAA,sBAAAA;AAAC,QAAA;AAAA,QAAA;AACU,UAAA;AACO,UAAA;AACN,UAAA;AACX,UAAA;AAAA,QAAA;AAED,MAAA;AACF,IAAA;AACC,oBAAA;AACH,EAAA;AAEJ;AXuV8B;AACA;AC1VpBD;AArDW;AACnB,EAAA;AACA,EAAA;AACmB,EAAA;AACnB,EAAA;AACA,EAAA;AACA,EAAA;AACc,EAAA;AACD,EAAA;AACC,EAAA;AACd,EAAA;AACY;AACgB,EAAA;AACV,EAAA;AAEF,EAAA;AAEA,IAAA;AAEA,MAAA;AACK,sBAAA;AACnB,IAAA;AAC0B,EAAA;AAEF,EAAA;AAES,IAAA;AACV,MAAA;AACf,MAAA;AACG,MAAA;AACE,MAAA;AACb,IAAA;AAE0B,IAAA;AACV,oBAAA;AAGC,IAAA;AACb,IAAA;AACqB,MAAA;AACA,MAAA;AACT,IAAA;AACA,MAAA;AACd,IAAA;AACkB,MAAA;AACpB,IAAA;AACF,EAAA;AAGEA,EAAAA;AAEI,IAAA;AACG,sBAAA;AACA,sBAAA;AAAuD,QAAA;AAAQ,QAAA;AAAQ,MAAA;AAC1E,IAAA;AAGD,oBAAA;AAGC,IAAA;AAGD,oBAAA;AACH,EAAA;AAEJ;ADmY8B;AACA;AY7crBG;AAqJCF;AAjJc;AACtB,EAAA;AACS,EAAA;AACT,EAAA;AACc,EAAA;AACD,EAAA;AACC,EAAA;AACK,EAAA;AACT,EAAA;AACV,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACc,EAAA;AACC,EAAA;AACG,EAAA;AAClB,EAAA;AACA,EAAA;AACe;AACWE,EAAAA;AACEA,EAAAA;AACFA,EAAAA;AACE,EAAA;AACF,EAAA;AACF,EAAA;AAER,EAAA;AACK,IAAA;AACF,MAAA;AACjB,IAAA;AACc,EAAA;AAEO,EAAA;AACA,IAAA;AACA,MAAA;AACH,MAAA;AAChB,MAAA;AACF,IAAA;AACkB,IAAA;AACL,IAAA;AACA,IAAA;AACQ,IAAA;AACX,oBAAA;AAEN,IAAA;AACmB,MAAA;AAEb,QAAA;AACJ,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACF,QAAA;AAEoB,QAAA;AACC,UAAA;AACL,UAAA;AACK,UAAA;AACJ,0BAAA;AACE,UAAA;AACC,0BAAA;AACpB,QAAA;AAEkC,QAAA;AACvB,UAAA;AACH,UAAA;AACK,YAAA;AACT,YAAA;AACA,YAAA;AACW,YAAA;AACb,UAAA;AACS,UAAA;AACX,QAAA;AAEoB,QAAA;AACF,QAAA;AACH,QAAA;AACF,wBAAA;AACR,MAAA;AAEC,QAAA;AACS,UAAA;AACO,YAAA;AACD,4BAAA;AACV,YAAA;AACR,UAAA;AACG,QAAA;AAEa,QAAA;AACL,QAAA;AAEoB,QAAA;AACvB,UAAA;AACH,UAAA;AACK,YAAA;AACT,YAAA;AACA,YAAA;AACW,YAAA;AACb,UAAA;AACS,UAAA;AACX,QAAA;AAEoB,QAAA;AACF,QAAA;AACH,QAAA;AACF,wBAAA;AACf,MAAA;AACY,IAAA;AACE,MAAA;AACA,MAAA;AACE,MAAA;AACD,sBAAA;AACjB,IAAA;AACF,EAAA;AAE2B,EAAA;AACV,IAAA;AACD,IAAA;AACD,IAAA;AACA,IAAA;AACA,IAAA;AACf,EAAA;AAEkB,EAAA;AAGhBH,EAAAA;AAAC,IAAA;AAAA,IAAA;AACY,MAAA;AACT,QAAA;AACU,QAAA;AACU,QAAA;AACV,QAAA;AACA,QAAA;AACW,QAAA;AACrB,QAAA;AACF,MAAA;AACoB,MAAA;AAGpB,MAAA;AAAC,wBAAA;AACsB,UAAA;AAClB,YAAA;AAAA,YAAA;AACQ,cAAA;AACI,cAAA;AACC,cAAA;AACI,gBAAA;AACV,kBAAA;AACF,kBAAA;AACF,gBAAA;AACF,cAAA;AACA,cAAA;AACU,cAAA;AACJ,cAAA;AAAA,YAAA;AACR,UAAA;AAGmB,UAAA;AAEjBC,4BAAAA;AAAC,cAAA;AAAA,cAAA;AACM,gBAAA;AACE,gBAAA;AACI,gBAAA;AACC,gBAAA;AACJ,kBAAA;AACF,oBAAA;AACF,oBAAA;AACF,kBAAA;AACF,gBAAA;AACA,gBAAA;AACU,gBAAA;AAAA,cAAA;AACZ,YAAA;AACAA,4BAAAA;AAAC,cAAA;AAAA,cAAA;AACU,gBAAA;AACE,gBAAA;AACA,gBAAA;AACT,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACS,kBAAA;AACX,gBAAA;AACM,gBAAA;AACP,gBAAA;AAAA,cAAA;AAED,YAAA;AACF,UAAA;AAGS,UAAA;AAEPA,4BAAAA;AACAA,4BAAAA;AAIE,YAAA;AACEA,8BAAAA;AACG,gBAAA;AAAA,gBAAA;AACW,kBAAA;AACD,kBAAA;AAAsB,gBAAA;AAEnC,cAAA;AACAD,8BAAAA;AAAuD,gBAAA;AAAS,gBAAA;AAAC,cAAA;AACnE,YAAA;AAEJ,UAAA;AAGS,UAAA;AAEPA,4BAAAA;AACEC,8BAAAA;AACAA,8BAAAA;AAGF,YAAA;AACAA,4BAAAA;AAAC,cAAA;AAAA,cAAA;AACS,gBAAA;AACG,gBAAA;AACT,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACF,gBAAA;AACD,gBAAA;AAAA,cAAA;AAED,YAAA;AACF,UAAA;AAGS,UAAA;AAEPA,4BAAAA;AAEIA,8BAAAA;AAGAD,8BAAAA;AACE,gCAAA;AACA,gCAAA;AACF,cAAA;AAEJ,YAAA;AAEE,YAAA;AAAC,cAAA;AAAA,cAAA;AACQ,gBAAA;AACI,gBAAA;AACC,gBAAA;AACJ,kBAAA;AACF,oBAAA;AACF,oBAAA;AACF,kBAAA;AACF,gBAAA;AACA,gBAAA;AACU,gBAAA;AACJ,gBAAA;AAAA,cAAA;AACR,YAAA;AAEJ,UAAA;AAGS,UAAA;AAMHA,4BAAAA;AACEC,8BAAAA;AAGAD,8BAAAA;AACE,gCAAA;AACA,gCAAA;AACF,cAAA;AACF,YAAA;AACc,4BAAA;AAOpB,UAAA;AAGS,UAAA;AAEPA,4BAAAA;AACEC,8BAAAA;AAGAA,8BAAAA;AAGF,YAAA;AACAA,4BAAAA;AAAC,cAAA;AAAA,cAAA;AACS,gBAAA;AACG,gBAAA;AACT,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACA,kBAAA;AACF,gBAAA;AACD,gBAAA;AAAA,cAAA;AAED,YAAA;AACF,UAAA;AAEJ,QAAA;AAIE,QAAA;AACc,UAAA;AACT,YAAA;AAAA,YAAA;AACU,cAAA;AACC,cAAA;AACX,cAAA;AAAA,YAAA;AAED,UAAA;AAGU,UAAA;AACT,YAAA;AAAA,YAAA;AACU,cAAA;AACE,cAAA;AACA,cAAA;AACT,gBAAA;AACA,gBAAA;AACA,gBAAA;AACA,gBAAA;AACA,gBAAA;AACA,gBAAA;AACc,gBAAA;AAChB,cAAA;AACO,cAAA;AAEN,cAAA;AAA0B,YAAA;AAC7B,UAAA;AAEJ,QAAA;AAID,wBAAA;AACS,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAA;AAaP,QAAA;AAAA,MAAA;AAAA,IAAA;AACL,EAAA;AAEJ;AZ4Z8B;AACA;AanxBrBE;AAiEH;AA7DiB;AACrB,EAAA;AACc,EAAA;AACC,EAAA;AACJ,EAAA;AACE,EAAA;AACD,EAAA;AACZ,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACU,EAAA;AACQ,EAAA;AAClB,EAAA;AACc;AACYA,EAAAA;AACR,EAAA;AACIA,EAAAA;AAE2C,EAAA;AACrC,IAAA;AACR,IAAA;AACC,MAAA;AACE,sBAAA;AACrB,IAAA;AACF,EAAA;AAEqB,EAAA;AACA,IAAA;AAEH,oBAAA;AACC,IAAA;AAEb,IAAA;AAEiB,MAAA;AACA,MAAA;AACE,sBAAA;AACV,MAAA;AACG,IAAA;AACA,MAAA;AACd,IAAA;AACkB,MAAA;AACpB,IAAA;AACF,EAAA;AAEuB,EAAA;AACJ,IAAA;AACE,MAAA;AACJ,MAAA;AACf,IAAA;AACF,EAAA;AAEyB,EAAA;AACN,IAAA;AACF,MAAA;AACf,IAAA;AACF,EAAA;AAGEH,EAAAA;AACG,oBAAA;AACCC,sBAAAA;AAAC,QAAA;AAAA,QAAA;AACM,UAAA;AACL,UAAA;AACU,UAAA;AACC,UAAA;AACH,UAAA;AACR,UAAA;AACU,UAAA;AACA,UAAA;AAAA,QAAA;AACZ,MAAA;AAEc,MAAA;AACX,QAAA;AAAA,QAAA;AACU,UAAA;AACC,UAAA;AACA,UAAA;AAET,UAAA;AAA8B,QAAA;AACjC,MAAA;AAEJ,IAAA;AAGE,IAAA;AACS,MAAA;AAAO,MAAA;AAAI,MAAA;AAAU,MAAA;AAC9B,IAAA;AAGmB,IAAA;AAGd,MAAA;AAAA,MAAA;AAEgB,QAAA;AACL,QAAA;AAET,QAAA;AAAA,MAAA;AAJI,MAAA;AAOX,IAAA;AAIA,IAAA;AACG,sBAAA;AACA,sBAAA;AACH,IAAA;AAEJ,EAAA;AAEJ;AbmwB8B;AACA;Acx3BrBE;AA8EL;AA1EmB;AACrB,EAAA;AACA,EAAA;AACA,EAAA;AACY,EAAA;AACZ,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACU,EAAA;AACG,EAAA;AACC,EAAA;AACd,EAAA;AACc;AACUA,EAAAA;AACJ,EAAA;AACD,EAAA;AAEH,EAAA;AACI,IAAA;AACD,MAAA;AACjB,IAAA;AACY,EAAA;AAES,EAAA;AACF,IAAA;AACT,oBAAA;AAGR,IAAA;AAKE,IAAA;AACI,MAAA;AACJ,QAAA;AACW,QAAA;AACS,UAAA;AACH,0BAAA;AACjB,QAAA;AACA,QAAA;AACF,MAAA;AAEkB,MAAA;AACE,MAAA;AACA,sBAAA;AACN,IAAA;AACF,MAAA;AACC,sBAAA;AACO,MAAA;AACtB,IAAA;AACF,EAAA;AAEuB,EAAA;AACd,IAAA;AACD,IAAA;AACC,IAAA;AACT,EAAA;AAEqB,EAAA;AAEjBF,IAAAA;AACG,MAAA;AAAA,MAAA;AACU,QAAA;AACC,QAAA;AACX,QAAA;AAAA,MAAA;AAGH,IAAA;AAEJ,EAAA;AAGED,EAAAA;AACG,IAAA;AACe,IAAA;AAClB,EAAA;AAEJ;Adw2B8B;AACA;Ae57BrBG;Af87BqB;AACA;AgBx6BpB;AAZ2B;AAEjCH,EAAAA;AAAC,IAAA;AAAA,IAAA;AACe,MAAA;AACZ,QAAA;AACD,MAAA;AACQ,MAAA;AAET,MAAA;AAAAA,wBAAAA;AACEC,0BAAAA;AACmB,UAAA;AACnBD,0BAAAA;AACEA,4BAAAA;AAAc,cAAA;AAAa,cAAA;AAAS,YAAA;AACpCC,4BAAAA;AACAA,4BAAAA;AACF,UAAA;AACF,QAAA;AAGE,QAAA;AAAC,UAAA;AAAA,UAAA;AACiB,YAAA;AACZ,cAAA;AACO,cAAA;AACX,YAAA;AACU,YAAA;AACJ,YAAA;AACP,YAAA;AAAA,UAAA;AAED,QAAA;AAAA,MAAA;AAAA,IAAA;AAEJ,EAAA;AAEJ;AAE4B;AACd,EAAA;AACa,EAAA;AACE,EAAA;AACF,EAAA;AACD,EAAA;AAEA,EAAA;AACI,EAAA;AACF,EAAA;AACE,EAAA;AAChB,EAAA;AACd;AhBy7B8B;AACA;Aep8BpB;AAlCiB;AACzB,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACa,EAAA;AACH,EAAA;AACQ;AACE,EAAA;AAEI,EAAA;AAEP,IAAA;AAEjB,EAAA;AAEuB,EAAA;AAGrBD,EAAAA;AAEI,IAAA;AACG,MAAA;AAAA,MAAA;AACM,QAAA;AACO,QAAA;AACL,QAAA;AACU,QAAA;AACP,QAAA;AAAA,MAAA;AAEd,IAAA;AAGD,oBAAA;AACiB,MAAA;AAGV,QAAA;AAEiB,QAAA;AAChB,UAAA;AAAA,UAAA;AAEC,YAAA;AACiB,YAAA;AACD,YAAA;AACA,YAAA;AAA0B,UAAA;AAJ9B,UAAA;AAMf,QAAA;AAEJ,MAAA;AAEgB,MAAA;AAEZ,wBAAA;AACA,wBAAA;AACH,MAAA;AAEJ,IAAA;AACF,EAAA;AAEJ;AAE4B;AACd,EAAA;AACe,EAAA;AACA,EAAA;AACC,EAAA;AACF,EAAA;AACA,EAAA;AAEX,EAAA;AACO,IAAA;AACK,MAAA;AACX,MAAA;AAEM,MAAA;AACR,QAAA;AACC,MAAA;AACD,QAAA;AACC,MAAA;AACD,QAAA;AACV,MAAA;AAEoB,MAAA;AACD,MAAA;AACZ,MAAA;AACT,IAAA;AACC,IAAA;AACH,EAAA;AACF;Afs9B8B;AACA;AiBniCxB;AApBkB;AACtB,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACU,EAAA;AACG,EAAA;AACG,EAAA;AACN,EAAA;AACV,EAAA;AACe;AACQ,EAAA;AACZ,IAAA;AACC,IAAA;AACJ,IAAA;AACR,EAAA;AAEwB,EAAA;AAEpBA,IAAAA;AAC2B,MAAA;AACtB,QAAA;AAAA,QAAA;AAEgB,UAAA;AACJ,UAAA;AACT,YAAA;AACc,YAAA;AAGhB,UAAA;AAEQ,UAAA;AAAA,QAAA;AATI,QAAA;AAWf,MAAA;AACiB,MAAA;AACf,QAAA;AAAA,QAAA;AACU,UAAA;AACC,UAAA;AACX,UAAA;AAAA,QAAA;AAED,MAAA;AAEJ,IAAA;AAEJ,EAAA;AAGEA,EAAAA;AACoB,IAAA;AAEb,MAAA;AAAA,MAAA;AACU,QAAA;AACC,QAAA;AACX,QAAA;AAAA,MAAA;AAGH,IAAA;AAGFC,oBAAAA;AAAC,MAAA;AAAA,MAAA;AACC,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AACA,QAAA;AAAA,MAAA;AACF,IAAA;AACF,EAAA;AAEJ;AjBkjC8B;AACA;AkBxnCH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBM;AACxB,EAAA;AACT;AlBynC8B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"/Users/marcoschwartz/Documents/code/frontends/apteva/apteva-kit/dist/index.js","sourcesContent":[null,"import { useState, useEffect } from 'react';\nimport { ChatProps } from '../../types/components';\nimport { Message as MessageType } from '../../types/messages';\nimport { MessageList } from './MessageList';\nimport { Composer } from './Composer';\nimport { cn, mockMessages, generateMockResponse } from '../../utils';\n\nexport function Chat({\n agentId,\n threadId,\n initialMessages = [],\n onThreadChange,\n onMessageSent,\n onAction,\n placeholder = 'Type a message...',\n showHeader = true,\n headerTitle = 'Chat',\n className,\n}: ChatProps) {\n const [messages, setMessages] = useState<MessageType[]>(initialMessages.length > 0 ? initialMessages : mockMessages);\n const [isLoading, setIsLoading] = useState(false);\n\n useEffect(() => {\n // Load messages when threadId changes\n if (threadId) {\n // In real implementation, fetch messages from API\n console.log('Loading thread:', threadId);\n onThreadChange?.(threadId);\n }\n }, [threadId, onThreadChange]);\n\n const handleSendMessage = async (text: string) => {\n // Add user message\n const userMessage: MessageType = {\n id: `msg-${Date.now()}`,\n role: 'user',\n content: text,\n timestamp: new Date(),\n };\n\n setMessages((prev) => [...prev, userMessage]);\n onMessageSent?.(userMessage);\n\n // Simulate AI response\n setIsLoading(true);\n try {\n const response = await generateMockResponse(1000);\n setMessages((prev) => [...prev, response]);\n } catch (error) {\n console.error('Error generating response:', error);\n } finally {\n setIsLoading(false);\n }\n };\n\n return (\n <div className={cn('apteva-chat-container', className)}>\n {showHeader && (\n <div className=\"border-b border-gray-200 dark:border-gray-700 px-4 py-3\">\n <h2 className=\"text-lg font-semibold text-gray-900 dark:text-white\">{headerTitle}</h2>\n <p className=\"text-xs text-gray-500 dark:text-gray-400\">Agent: {agentId}</p>\n </div>\n )}\n\n <MessageList messages={messages} onAction={onAction} />\n\n {isLoading && (\n <div className=\"px-4 py-2 text-sm text-gray-500 italic\">AI is thinking...</div>\n )}\n\n <Composer onSendMessage={handleSendMessage} placeholder={placeholder} disabled={isLoading} />\n </div>\n );\n}\n","import { useEffect, useRef } from 'react';\nimport { Message as MessageType } from '../../types/messages';\nimport { Message } from './Message';\nimport { ActionEvent } from '../../types/actions';\n\ninterface MessageListProps {\n messages: MessageType[];\n onAction?: (action: ActionEvent) => void;\n}\n\nexport function MessageList({ messages, onAction }: MessageListProps) {\n const listRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n // Auto-scroll to bottom when new messages arrive\n if (listRef.current) {\n listRef.current.scrollTop = listRef.current.scrollHeight;\n }\n }, [messages]);\n\n return (\n <div ref={listRef} className=\"apteva-message-list\">\n {messages.length === 0 ? (\n <div className=\"flex items-center justify-center h-full text-gray-500\">\n <div className=\"text-center space-y-2\">\n <div className=\"text-4xl\">💬</div>\n <p>No messages yet. Start a conversation!</p>\n </div>\n </div>\n ) : (\n messages.map((message) => <Message key={message.id} message={message} onAction={onAction} />)\n )}\n </div>\n );\n}\n","import { clsx, type ClassValue } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n","import { Message, Thread } from '../types/messages';\nimport { Widget } from '../types/widgets';\n\nexport const mockMessages: Message[] = [\n {\n id: 'msg-1',\n role: 'assistant',\n content: 'Hello! I\\'m your AI assistant. How can I help you today?',\n timestamp: new Date(Date.now() - 3600000),\n },\n {\n id: 'msg-2',\n role: 'user',\n content: 'I want to plan a trip to Europe',\n timestamp: new Date(Date.now() - 3500000),\n },\n {\n id: 'msg-3',\n role: 'assistant',\n content: 'Great choice! Europe has amazing destinations. What\\'s your budget and how many days do you have?',\n timestamp: new Date(Date.now() - 3400000),\n },\n {\n id: 'msg-4',\n role: 'user',\n content: 'Around $2000 for 5 days',\n timestamp: new Date(Date.now() - 3300000),\n },\n {\n id: 'msg-5',\n role: 'assistant',\n content: 'Perfect! I found some great destinations that fit your budget:',\n widgets: [\n {\n type: 'list',\n id: 'destinations-1',\n props: {\n items: [\n {\n id: 'paris',\n title: 'Paris, France',\n subtitle: '5 days • $1,850',\n description: 'The City of Light with iconic landmarks',\n metadata: { city: 'Paris', country: 'France', lat: 48.8566, lng: 2.3522, price: 1850, days: 5 },\n },\n {\n id: 'rome',\n title: 'Rome, Italy',\n subtitle: '5 days • $1,650',\n description: 'Ancient history meets modern culture',\n metadata: { city: 'Rome', country: 'Italy', lat: 41.9028, lng: 12.4964, price: 1650, days: 5 },\n },\n {\n id: 'barcelona',\n title: 'Barcelona, Spain',\n subtitle: '5 days • $1,450',\n description: 'Beautiful beaches and Gaudí architecture',\n metadata: { city: 'Barcelona', country: 'Spain', lat: 41.3851, lng: 2.1734, price: 1450, days: 5 },\n },\n ],\n },\n actions: [\n {\n type: 'select_destination',\n label: 'Select',\n handler: 'client',\n payload: {},\n },\n {\n type: 'view_details',\n label: 'Details',\n handler: 'server',\n payload: {},\n },\n ],\n },\n ],\n timestamp: new Date(Date.now() - 3200000),\n },\n];\n\nexport const mockThreads: Thread[] = [\n {\n id: 'thread-1',\n title: 'Trip to Europe',\n preview: 'Planning a 5-day trip...',\n createdAt: new Date(Date.now() - 86400000),\n updatedAt: new Date(Date.now() - 3600000),\n messageCount: 12,\n },\n {\n id: 'thread-2',\n title: 'Restaurant Recommendations',\n preview: 'Looking for good places...',\n createdAt: new Date(Date.now() - 172800000),\n updatedAt: new Date(Date.now() - 86400000),\n messageCount: 8,\n },\n {\n id: 'thread-3',\n title: 'Budget Planning',\n preview: 'Help with monthly budget',\n createdAt: new Date(Date.now() - 259200000),\n updatedAt: new Date(Date.now() - 172800000),\n messageCount: 15,\n },\n];\n\nexport const mockWidgets: Widget[] = [\n {\n type: 'card',\n id: 'card-1',\n props: {\n title: 'Paris, France',\n description: '5-day adventure in the City of Light',\n image: 'https://images.unsplash.com/photo-1502602898657-3e91760cbb34',\n footer: 'Total: $1,850',\n },\n actions: [\n {\n type: 'book_trip',\n label: 'Book Now',\n handler: 'client',\n payload: { tripId: 'trip-paris' },\n },\n ],\n },\n {\n type: 'card',\n id: 'card-2',\n props: {\n title: 'Rome, Italy',\n description: 'Explore ancient wonders',\n image: 'https://images.unsplash.com/photo-1552832230-c0197dd311b5',\n footer: 'Total: $1,650',\n },\n actions: [\n {\n type: 'book_trip',\n label: 'Book Now',\n handler: 'client',\n payload: { tripId: 'trip-rome' },\n },\n ],\n },\n];\n\nexport function generateMockResponse(delay: number = 1000): Promise<Message> {\n return new Promise((resolve) => {\n setTimeout(() => {\n resolve({\n id: `msg-${Date.now()}`,\n role: 'assistant',\n content: 'This is a mock response. In production, this would come from your AI agent API.',\n timestamp: new Date(),\n });\n }, delay);\n });\n}\n\nexport function generateMockStreamingResponse(\n text: string,\n onChunk: (chunk: string) => void,\n typingSpeed: number = 30\n): Promise<void> {\n return new Promise((resolve) => {\n const words = text.split(' ');\n let currentIndex = 0;\n\n const interval = setInterval(() => {\n if (currentIndex < words.length) {\n onChunk(words[currentIndex] + ' ');\n currentIndex++;\n } else {\n clearInterval(interval);\n resolve();\n }\n }, typingSpeed);\n });\n}\n","import { useEffect } from 'react';\nimport { WidgetsProps } from '../../types/components';\nimport { WidgetRenderer } from './WidgetRenderer';\nimport { cn } from '../../utils';\n\nexport function Widgets({\n widgets,\n onAction,\n onWidgetMount,\n layout = 'stack',\n spacing = 'normal',\n columns = 3,\n className,\n}: WidgetsProps) {\n useEffect(() => {\n widgets.forEach((widget) => {\n onWidgetMount?.(widget.id);\n });\n }, [widgets, onWidgetMount]);\n\n const layoutClasses = {\n stack: 'flex flex-col',\n grid: `grid grid-cols-1 md:grid-cols-${columns}`,\n masonry: 'columns-1 md:columns-2 lg:columns-3',\n };\n\n const spacingClasses = {\n tight: 'gap-2',\n normal: 'gap-4',\n loose: 'gap-6',\n };\n\n return (\n <div className={cn(layoutClasses[layout], spacingClasses[spacing], className)}>\n {widgets.map((widget) => (\n <WidgetRenderer key={widget.id} widget={widget} onAction={onAction} />\n ))}\n </div>\n );\n}\n","// No direct imports needed 'react';\nimport { CardWidget } from '../../../types/widgets';\nimport { ActionEvent } from '../../../types/actions';\n\ninterface CardProps {\n widget: CardWidget;\n onAction?: (action: ActionEvent) => void;\n}\n\nexport function Card({ widget, onAction }: CardProps) {\n const { title, description, image, footer } = widget.props;\n\n return (\n <div className=\"apteva-widget-card\">\n {image && <img src={image} alt={title} className=\"w-full h-48 object-cover\" />}\n\n <div className=\"p-4\">\n <h3 className=\"text-lg font-semibold text-gray-900 dark:text-white\">{title}</h3>\n {description && <p className=\"text-gray-600 dark:text-gray-400 mt-2\">{description}</p>}\n </div>\n\n {(footer || (widget.actions && widget.actions.length > 0)) && (\n <div className=\"border-t border-gray-200 dark:border-gray-700 p-4 flex justify-between items-center\">\n {footer && <span className=\"text-sm text-gray-600 dark:text-gray-400\">{footer}</span>}\n\n {widget.actions && widget.actions.length > 0 && (\n <div className=\"flex gap-2\">\n {widget.actions.map((action, idx) => (\n <button\n key={idx}\n onClick={() =>\n onAction?.({\n type: action.type,\n payload: action.payload,\n widgetId: widget.id,\n timestamp: new Date(),\n })\n }\n className=\"apteva-widget-button\"\n >\n {action.label}\n </button>\n ))}\n </div>\n )}\n </div>\n )}\n </div>\n );\n}\n","// No direct imports needed 'react';\nimport { ListWidget } from '../../../types/widgets';\nimport { ActionEvent } from '../../../types/actions';\n\ninterface ListProps {\n widget: ListWidget;\n onAction?: (action: ActionEvent) => void;\n}\n\nexport function List({ widget, onAction }: ListProps) {\n const { items } = widget.props;\n\n return (\n <div className=\"apteva-widget-list\">\n {items.map((item) => (\n <div key={item.id} className=\"flex items-center p-4 hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors\">\n {item.image && <img src={item.image} alt={item.title} className=\"w-16 h-16 rounded object-cover\" />}\n\n <div className=\"flex-1 ml-4\">\n <h4 className=\"font-semibold text-gray-900 dark:text-white\">{item.title}</h4>\n {item.subtitle && <p className=\"text-sm text-gray-600 dark:text-gray-400\">{item.subtitle}</p>}\n {item.description && (\n <p className=\"text-xs text-gray-500 dark:text-gray-500 mt-1\">{item.description}</p>\n )}\n </div>\n\n {widget.actions && widget.actions.length > 0 && (\n <div className=\"flex gap-2\">\n {widget.actions.map((action, idx) => (\n <button\n key={idx}\n onClick={() =>\n onAction?.({\n type: action.type,\n payload: item.metadata || item,\n widgetId: widget.id,\n timestamp: new Date(),\n })\n }\n className=\"px-3 py-1.5 text-sm rounded-lg font-medium transition-colors bg-apteva-500 text-white hover:bg-apteva-600\"\n >\n {action.label}\n </button>\n ))}\n </div>\n )}\n </div>\n ))}\n </div>\n );\n}\n","// No direct imports needed 'react';\nimport { ButtonWidget } from '../../../types/widgets';\nimport { ActionEvent } from '../../../types/actions';\nimport { cn } from '../../../utils';\n\ninterface ButtonProps {\n widget: ButtonWidget;\n onAction?: (action: ActionEvent) => void;\n}\n\nexport function Button({ widget, onAction }: ButtonProps) {\n const { label, variant = 'primary', disabled = false } = widget.props;\n\n const variantClasses = {\n primary: 'bg-apteva-500 text-white hover:bg-apteva-600',\n secondary: 'bg-gray-500 text-white hover:bg-gray-600',\n outline: 'border-2 border-apteva-500 text-apteva-500 hover:bg-apteva-50',\n ghost: 'text-apteva-500 hover:bg-apteva-50',\n };\n\n return (\n <button\n onClick={() =>\n widget.actions?.[0] &&\n onAction?.({\n type: widget.actions[0].type,\n payload: widget.actions[0].payload,\n widgetId: widget.id,\n timestamp: new Date(),\n })\n }\n disabled={disabled}\n className={cn('px-4 py-2 rounded-lg font-medium transition-colors', variantClasses[variant], {\n 'opacity-50 cursor-not-allowed': disabled,\n })}\n >\n {label}\n </button>\n );\n}\n","// No direct imports needed 'react';\nimport { Widget } from '../../types/widgets';\nimport { ActionEvent } from '../../types/actions';\nimport { Card, List, Button } from './widget-library';\n\ninterface WidgetRendererProps {\n widget: Widget;\n onAction?: (action: ActionEvent) => void;\n}\n\nexport function WidgetRenderer({ widget, onAction }: WidgetRendererProps) {\n switch (widget.type) {\n case 'card':\n return <Card widget={widget as any} onAction={onAction} />;\n case 'list':\n return <List widget={widget as any} onAction={onAction} />;\n case 'button':\n return <Button widget={widget as any} onAction={onAction} />;\n default:\n return (\n <div className=\"p-4 border border-yellow-300 bg-yellow-50 rounded-lg\">\n <p className=\"text-sm text-yellow-800\">Unknown widget type: {widget.type}</p>\n <pre className=\"text-xs mt-2 overflow-auto\">{JSON.stringify(widget, null, 2)}</pre>\n </div>\n );\n }\n}\n","// No direct imports needed 'react';\nimport { Message as MessageType } from '../../types/messages';\nimport { cn } from '../../utils';\nimport { Widgets } from '../Widgets';\nimport { ActionEvent } from '../../types/actions';\n\ninterface MessageProps {\n message: MessageType;\n onAction?: (action: ActionEvent) => void;\n}\n\nexport function Message({ message, onAction }: MessageProps) {\n const isUser = message.role === 'user';\n\n return (\n <div className={cn('apteva-message', isUser ? 'apteva-message-user' : 'apteva-message-assistant')}>\n <div className=\"whitespace-pre-wrap\">{message.content}</div>\n\n {message.widgets && message.widgets.length > 0 && (\n <div className=\"mt-4\">\n <Widgets widgets={message.widgets} onAction={onAction} layout=\"stack\" />\n </div>\n )}\n\n <div className=\"text-xs opacity-70 mt-2\">\n {message.timestamp.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' })}\n </div>\n </div>\n );\n}\n","import { useState, KeyboardEvent, useRef } from 'react';\n\ninterface ComposerProps {\n onSendMessage: (text: string) => void;\n placeholder?: string;\n disabled?: boolean;\n}\n\nexport function Composer({ onSendMessage, placeholder = 'Type a message...', disabled = false }: ComposerProps) {\n const [text, setText] = useState('');\n const textareaRef = useRef<HTMLTextAreaElement>(null);\n\n const handleKeyDown = (e: KeyboardEvent<HTMLTextAreaElement>) => {\n if (e.key === 'Enter' && !e.shiftKey) {\n e.preventDefault();\n handleSend();\n }\n };\n\n const handleSend = () => {\n if (text.trim() && !disabled) {\n onSendMessage(text.trim());\n setText('');\n // Reset textarea height\n if (textareaRef.current) {\n textareaRef.current.style.height = 'auto';\n }\n }\n };\n\n const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n setText(e.target.value);\n // Auto-resize textarea\n e.target.style.height = 'auto';\n e.target.style.height = `${e.target.scrollHeight}px`;\n };\n\n return (\n <div className=\"apteva-composer\">\n <div className=\"flex gap-2\">\n <textarea\n ref={textareaRef}\n value={text}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n placeholder={placeholder}\n disabled={disabled}\n className=\"apteva-composer-input\"\n rows={1}\n style={{ maxHeight: '200px' }}\n />\n <button\n onClick={handleSend}\n disabled={!text.trim() || disabled}\n className=\"px-6 py-2 bg-apteva-500 text-white rounded-lg hover:bg-apteva-600 disabled:opacity-50 disabled:cursor-not-allowed transition-colors font-medium\"\n >\n Send\n </button>\n </div>\n <div className=\"text-xs text-gray-500 mt-2\">Press Enter to send, Shift+Enter for new line</div>\n </div>\n );\n}\n","import { useState, useEffect } from 'react';\nimport { CommandProps, CommandResult } from '../../types/components';\nimport { cn, generateMockResponse } from '../../utils';\n\nexport function Command({\n agentId,\n command: initialCommand,\n context,\n autoExecute = false,\n allowInput = true,\n placeholder = 'Enter your command...',\n submitButtonText = 'Execute',\n variant = 'default',\n onStart,\n onProgress,\n onChunk,\n onComplete,\n onError,\n loadingText = 'Processing...',\n showProgress = true,\n enableStreaming = false,\n resultRenderer,\n className,\n}: CommandProps) {\n const [state, setState] = useState<'idle' | 'loading' | 'success' | 'error'>('idle');\n const [result, setResult] = useState<CommandResult | null>(null);\n const [error, setError] = useState<Error | null>(null);\n const [progress, setProgress] = useState(0);\n const [command, setCommand] = useState(initialCommand || '');\n const [streamedContent, setStreamedContent] = useState('');\n\n useEffect(() => {\n if (autoExecute && state === 'idle' && command) {\n executeCommand();\n }\n }, [autoExecute]);\n\n const executeCommand = async () => {\n if (!command.trim()) {\n setError(new Error('Please enter a command'));\n setState('error');\n return;\n }\n setState('loading');\n setError(null);\n setProgress(0);\n setStreamedContent('');\n onStart?.();\n\n try {\n if (enableStreaming) {\n // Simulate streaming response with status messages\n const mockStreamChunks = [\n 'Initializing...',\n 'Connecting to agent...',\n 'Processing your request...',\n 'Analyzing data sources...',\n 'Gathering information...',\n 'Generating response...',\n 'Finalizing results...',\n ];\n\n for (let i = 0; i < mockStreamChunks.length; i++) {\n await new Promise((resolve) => setTimeout(resolve, 600 + Math.random() * 400));\n const chunk = mockStreamChunks[i];\n setStreamedContent(chunk);\n onChunk?.(chunk);\n setProgress(Math.round(((i + 1) / mockStreamChunks.length) * 100));\n onProgress?.(Math.round(((i + 1) / mockStreamChunks.length) * 100));\n }\n\n const mockResult: CommandResult = {\n success: true,\n data: {\n summary: `Successfully processed: \"${command}\"`,\n agentId,\n context,\n timestamp: new Date().toISOString(),\n },\n message: 'Command executed successfully',\n };\n\n setResult(mockResult);\n setState('success');\n setProgress(100);\n onComplete?.(mockResult);\n } else {\n // Original non-streaming behavior\n const progressInterval = setInterval(() => {\n setProgress((prev) => {\n const next = Math.min(prev + 10, 90);\n onProgress?.(next);\n return next;\n });\n }, 200);\n\n await new Promise((resolve) => setTimeout(resolve, 2000));\n clearInterval(progressInterval);\n\n const mockResult: CommandResult = {\n success: true,\n data: {\n summary: `Command \"${command}\" executed successfully`,\n agentId,\n context,\n timestamp: new Date().toISOString(),\n },\n message: 'Execution complete',\n };\n\n setResult(mockResult);\n setState('success');\n setProgress(100);\n onComplete?.(mockResult);\n }\n } catch (err) {\n const error = err instanceof Error ? err : new Error('Unknown error');\n setError(error);\n setState('error');\n onError?.(error);\n }\n };\n\n const resetCommand = () => {\n setState('idle');\n setResult(null);\n setError(null);\n setProgress(0);\n setCommand('');\n };\n\n const isCompact = variant === 'compact';\n\n return (\n <div\n className={cn(\n 'relative border-2 rounded-xl bg-white dark:bg-gray-900 transition-all duration-300 flex flex-col',\n state === 'loading' && 'animate-pulse-border',\n state === 'idle' && 'border-gray-300 dark:border-gray-700',\n state === 'loading' && 'border-blue-500',\n state === 'success' && 'border-green-500',\n state === 'error' && 'border-red-500',\n className\n )}\n style={{ minHeight: isCompact ? 'auto' : '180px' }}\n >\n {/* Input/Display Area */}\n <div className={cn('flex-1 flex', isCompact ? 'flex-row items-center p-3 gap-3' : 'flex-col p-4')}>\n {state === 'idle' && allowInput && !isCompact && (\n <textarea\n value={command}\n onChange={(e) => setCommand(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n e.preventDefault();\n executeCommand();\n }\n }}\n placeholder={placeholder}\n className=\"flex-1 w-full resize-none bg-transparent border-none focus:outline-none text-gray-900 dark:text-white placeholder-gray-400\"\n rows={6}\n />\n )}\n\n {state === 'idle' && allowInput && isCompact && (\n <>\n <input\n type=\"text\"\n value={command}\n onChange={(e) => setCommand(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n e.preventDefault();\n executeCommand();\n }\n }}\n placeholder={placeholder}\n className=\"flex-1 bg-transparent border-none focus:outline-none text-gray-900 dark:text-white placeholder-gray-400 py-1\"\n />\n <button\n onClick={executeCommand}\n disabled={!command.trim()}\n className={cn(\n 'w-8 h-8 rounded-lg flex items-center justify-center font-bold transition-all flex-shrink-0',\n 'border border-gray-300 dark:border-gray-600',\n 'bg-white dark:bg-gray-800',\n 'text-gray-700 dark:text-gray-300',\n 'hover:bg-gray-50 dark:hover:bg-gray-700',\n 'disabled:opacity-30 disabled:cursor-not-allowed',\n !command.trim() && 'border-gray-200 dark:border-gray-700 text-gray-400 dark:text-gray-600'\n )}\n title=\"Execute\"\n >\n ↑\n </button>\n </>\n )}\n\n {state === 'loading' && !isCompact && (\n <div className=\"flex-1 flex flex-col items-center justify-center space-y-4 py-8\">\n <div className=\"w-6 h-6 border-2 border-gray-300 border-t-blue-500 rounded-full animate-spin\"></div>\n <div className=\"text-gray-600 dark:text-gray-400 text-sm text-center max-w-md\">\n {enableStreaming && streamedContent ? streamedContent : loadingText}\n </div>\n {showProgress && (\n <div className=\"w-full max-w-sm\">\n <div className=\"w-full bg-gray-200 dark:bg-gray-700 rounded-full h-1.5\">\n <div\n className=\"bg-blue-500 h-1.5 rounded-full transition-all duration-300\"\n style={{ width: `${progress}%` }}\n />\n </div>\n <p className=\"text-xs text-gray-500 mt-2 text-center\">{progress}%</p>\n </div>\n )}\n </div>\n )}\n\n {state === 'loading' && isCompact && (\n <>\n <div className=\"flex-1 flex items-center gap-3 py-1\">\n <div className=\"w-4 h-4 border-2 border-gray-300 border-t-blue-500 rounded-full animate-spin\"></div>\n <div className=\"text-gray-600 dark:text-gray-400 text-sm truncate\">\n {enableStreaming && streamedContent ? streamedContent : loadingText}\n </div>\n </div>\n <button\n disabled\n className={cn(\n 'w-8 h-8 rounded-lg flex items-center justify-center font-bold transition-all flex-shrink-0',\n 'border border-gray-200 dark:border-gray-700',\n 'bg-white dark:bg-gray-800',\n 'text-gray-400 dark:text-gray-600',\n 'opacity-30 cursor-not-allowed'\n )}\n >\n ↑\n </button>\n </>\n )}\n\n {state === 'error' && (\n <div className=\"flex-1 flex flex-col\">\n <div className=\"mb-4 p-3 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg\">\n <div className=\"flex items-start gap-2\">\n <svg className=\"w-5 h-5 text-red-600 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" />\n </svg>\n <div>\n <h3 className=\"text-sm font-semibold text-red-800 dark:text-red-400\">Error</h3>\n <p className=\"text-red-700 dark:text-red-300 text-sm mt-1\">{error?.message}</p>\n </div>\n </div>\n </div>\n {allowInput && (\n <textarea\n value={command}\n onChange={(e) => setCommand(e.target.value)}\n onKeyDown={(e) => {\n if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n e.preventDefault();\n executeCommand();\n }\n }}\n placeholder={placeholder}\n className=\"flex-1 w-full resize-none bg-transparent border-none focus:outline-none text-gray-900 dark:text-white placeholder-gray-400\"\n rows={4}\n />\n )}\n </div>\n )}\n\n {state === 'success' && result && !isCompact && (\n <div className=\"flex-1 overflow-auto\">\n {resultRenderer ? (\n resultRenderer(result.data)\n ) : (\n <div>\n <div className=\"flex items-start gap-3 mb-3 p-3 bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 rounded-lg\">\n <svg className=\"w-5 h-5 text-green-600 mt-0.5 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" />\n </svg>\n <div className=\"flex-1\">\n <h3 className=\"text-sm font-semibold text-green-800 dark:text-green-400 mb-1\">Success</h3>\n <p className=\"text-green-700 dark:text-green-300 text-sm\">{result.message || 'Command executed successfully'}</p>\n </div>\n </div>\n {result.data?.summary && (\n <div className=\"text-gray-700 dark:text-gray-300 text-sm leading-relaxed\">\n {result.data.summary}\n </div>\n )}\n </div>\n )}\n </div>\n )}\n\n {state === 'success' && result && isCompact && (\n <>\n <div className=\"flex-1 flex items-center gap-2 py-1\">\n <svg className=\"w-4 h-4 text-green-600 flex-shrink-0\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" />\n </svg>\n <div className=\"text-green-700 dark:text-green-300 text-sm truncate\">\n {resultRenderer ? resultRenderer(result.data) : (result.message || 'Command executed successfully')}\n </div>\n </div>\n <button\n disabled\n className={cn(\n 'w-8 h-8 rounded-lg flex items-center justify-center font-bold transition-all flex-shrink-0',\n 'border border-gray-200 dark:border-gray-700',\n 'bg-white dark:bg-gray-800',\n 'text-gray-400 dark:text-gray-600',\n 'opacity-30 cursor-not-allowed'\n )}\n >\n ↑\n </button>\n </>\n )}\n </div>\n\n {/* Bottom Action Bar - Only show for default variant when not in compact mode */}\n {!isCompact && (\n <div className=\"p-3 flex items-center justify-end gap-2\">\n {(state === 'success' || state === 'error') && allowInput && (\n <button\n onClick={resetCommand}\n className=\"px-3 py-1.5 text-sm text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white transition-colors\"\n >\n Reset\n </button>\n )}\n\n {(state === 'idle' || state === 'error') && (\n <button\n onClick={executeCommand}\n disabled={!command.trim()}\n className={cn(\n 'w-8 h-8 rounded-lg flex items-center justify-center font-bold transition-all',\n 'border border-gray-300 dark:border-gray-600',\n 'bg-white dark:bg-gray-800',\n 'text-gray-700 dark:text-gray-300',\n 'hover:bg-gray-50 dark:hover:bg-gray-700',\n 'disabled:opacity-30 disabled:cursor-not-allowed',\n !command.trim() && 'border-gray-200 dark:border-gray-700 text-gray-400 dark:text-gray-600'\n )}\n title={state === 'error' ? 'Retry' : 'Execute'}\n >\n {state === 'error' ? '↻' : '↑'}\n </button>\n )}\n </div>\n )}\n\n\n <style dangerouslySetInnerHTML={{\n __html: `\n @keyframes pulse-border {\n 0%, 100% {\n border-color: rgb(59, 130, 246);\n }\n 50% {\n border-color: rgb(147, 197, 253);\n }\n }\n .animate-pulse-border {\n animation: pulse-border 2s ease-in-out infinite;\n }\n `\n }} />\n </div>\n );\n}\n","import { useState, KeyboardEvent } from 'react';\nimport { PromptProps } from '../../types/components';\nimport { cn } from '../../utils';\n\nexport function Prompt({\n agentId,\n placeholder = 'Enter your prompt...',\n initialValue = '',\n submitOn = 'button',\n debounceMs = 0,\n minLength = 0,\n maxLength,\n onSubmit,\n onResult,\n onChange,\n variant = 'inline',\n showSuggestions = false,\n className,\n}: PromptProps) {\n const [value, setValue] = useState(initialValue);\n const [isLoading, setIsLoading] = useState(false);\n const [suggestions] = useState(['Plan a trip', 'Write a description', 'Analyze data']);\n\n const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n const newValue = e.target.value;\n if (!maxLength || newValue.length <= maxLength) {\n setValue(newValue);\n onChange?.(newValue);\n }\n };\n\n const handleSubmit = async () => {\n if (value.length < minLength) return;\n\n onSubmit?.(value);\n setIsLoading(true);\n\n try {\n // Mock AI processing\n await new Promise((resolve) => setTimeout(resolve, 1500));\n const mockResult = `Enhanced version: ${value} [AI-generated content]`;\n onResult?.(mockResult);\n setValue('');\n } catch (error) {\n console.error('Error processing prompt:', error);\n } finally {\n setIsLoading(false);\n }\n };\n\n const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n if (submitOn === 'enter' && e.key === 'Enter' && !e.shiftKey) {\n e.preventDefault();\n handleSubmit();\n }\n };\n\n const handleBlur = () => {\n if (submitOn === 'blur' && value.trim()) {\n handleSubmit();\n }\n };\n\n return (\n <div className={cn('space-y-2', className)}>\n <div className=\"flex gap-2\">\n <input\n type=\"text\"\n value={value}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n onBlur={handleBlur}\n placeholder={placeholder}\n disabled={isLoading}\n className=\"flex-1 px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-apteva-500 dark:bg-gray-800 dark:border-gray-600 dark:text-white\"\n />\n\n {submitOn === 'button' && (\n <button\n onClick={handleSubmit}\n disabled={isLoading || value.length < minLength}\n className=\"px-6 py-2 bg-apteva-500 text-white rounded-lg hover:bg-apteva-600 disabled:opacity-50 disabled:cursor-not-allowed transition-colors font-medium\"\n >\n {isLoading ? 'Processing...' : 'Generate'}\n </button>\n )}\n </div>\n\n {maxLength && (\n <p className=\"text-xs text-gray-500\">\n {value.length} / {maxLength} characters\n </p>\n )}\n\n {showSuggestions && !value && (\n <div className=\"flex flex-wrap gap-2\">\n {suggestions.map((suggestion, idx) => (\n <button\n key={idx}\n onClick={() => setValue(suggestion)}\n className=\"px-3 py-1 text-sm bg-gray-100 hover:bg-gray-200 text-gray-700 rounded-full transition-colors\"\n >\n {suggestion}\n </button>\n ))}\n </div>\n )}\n\n {isLoading && (\n <div className=\"flex items-center gap-2 text-sm text-gray-500\">\n <div className=\"w-4 h-4 border-2 border-apteva-500 border-t-transparent rounded-full animate-spin\" />\n <span>AI is processing your request...</span>\n </div>\n )}\n </div>\n );\n}\n","import { useState, useEffect } from 'react';\nimport { StreamProps } from '../../types/components';\nimport { cn, generateMockStreamingResponse } from '../../utils';\n\nexport function Stream({\n agentId,\n prompt,\n context,\n autoStart = false,\n onStart,\n onChunk,\n onComplete,\n onError,\n variant = 'prose',\n showCursor = true,\n typingSpeed = 30,\n className,\n}: StreamProps) {\n const [text, setText] = useState('');\n const [isStreaming, setIsStreaming] = useState(false);\n const [isComplete, setIsComplete] = useState(false);\n\n useEffect(() => {\n if (autoStart && !isStreaming && !isComplete) {\n startStreaming();\n }\n }, [autoStart]);\n\n const startStreaming = async () => {\n setIsStreaming(true);\n onStart?.();\n\n const mockText =\n 'This is a simulated streaming response from the AI agent. ' +\n 'In a real implementation, this would stream data from your backend API. ' +\n 'The text appears word by word to simulate the streaming effect. ' +\n 'You can customize the typing speed and styling based on your needs.';\n\n try {\n await generateMockStreamingResponse(\n mockText,\n (chunk) => {\n setText((prev) => prev + chunk);\n onChunk?.(chunk);\n },\n typingSpeed\n );\n\n setIsComplete(true);\n setIsStreaming(false);\n onComplete?.(text + mockText);\n } catch (error) {\n const err = error instanceof Error ? error : new Error('Streaming error');\n onError?.(err);\n setIsStreaming(false);\n }\n };\n\n const variantClasses = {\n prose: 'prose prose-sm max-w-none dark:prose-invert',\n code: 'font-mono text-sm bg-gray-900 text-green-400 p-4 rounded-lg',\n plain: 'text-gray-900 dark:text-gray-100',\n };\n\n if (!isStreaming && !isComplete) {\n return (\n <div className={cn('p-4', className)}>\n <button\n onClick={startStreaming}\n className=\"px-6 py-3 bg-apteva-500 text-white rounded-lg hover:bg-apteva-600 transition-colors font-medium\"\n >\n Start Streaming\n </button>\n </div>\n );\n }\n\n return (\n <div className={cn(variantClasses[variant], className)}>\n {text}\n {isStreaming && showCursor && <span className=\"apteva-stream-cursor\" />}\n </div>\n );\n}\n","import { useState } from 'react';\nimport { Thread } from '../../types/messages';\nimport { ThreadItem } from './ThreadItem';\n\ninterface ThreadListProps {\n threads: Thread[];\n currentThreadId?: string;\n onThreadSelect?: (threadId: string) => void;\n onThreadDelete?: (threadId: string) => void;\n showSearch?: boolean;\n groupBy?: 'date' | 'agent' | 'none';\n}\n\nexport function ThreadList({\n threads,\n currentThreadId,\n onThreadSelect,\n onThreadDelete,\n showSearch = false,\n groupBy = 'none',\n}: ThreadListProps) {\n const [searchQuery, setSearchQuery] = useState('');\n\n const filteredThreads = threads.filter(\n (thread) =>\n thread.title.toLowerCase().includes(searchQuery.toLowerCase()) ||\n thread.preview?.toLowerCase().includes(searchQuery.toLowerCase())\n );\n\n const groupedThreads = groupBy === 'date' ? groupThreadsByDate(filteredThreads) : { All: filteredThreads };\n\n return (\n <div className=\"flex flex-col h-full\">\n {showSearch && (\n <div className=\"p-3 border-b border-gray-200 dark:border-gray-700\">\n <input\n type=\"text\"\n placeholder=\"Search conversations...\"\n value={searchQuery}\n onChange={(e) => setSearchQuery(e.target.value)}\n className=\"w-full px-3 py-2 text-sm border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-apteva-500 dark:bg-gray-800 dark:border-gray-600 dark:text-white\"\n />\n </div>\n )}\n\n <div className=\"flex-1 overflow-y-auto\">\n {Object.entries(groupedThreads).map(([group, groupThreads]) => (\n <div key={group}>\n {groupBy !== 'none' && (\n <div className=\"px-3 py-2 text-xs font-semibold text-gray-500 uppercase\">{group}</div>\n )}\n {groupThreads.map((thread) => (\n <ThreadItem\n key={thread.id}\n thread={thread}\n isActive={thread.id === currentThreadId}\n onSelect={() => onThreadSelect?.(thread.id)}\n onDelete={() => onThreadDelete?.(thread.id)}\n />\n ))}\n </div>\n ))}\n\n {filteredThreads.length === 0 && (\n <div className=\"p-8 text-center text-gray-500\">\n <div className=\"text-4xl mb-2\">💬</div>\n <p>No conversations found</p>\n </div>\n )}\n </div>\n </div>\n );\n}\n\nfunction groupThreadsByDate(threads: Thread[]): Record<string, Thread[]> {\n const now = new Date();\n const today = new Date(now.getFullYear(), now.getMonth(), now.getDate());\n const yesterday = new Date(today);\n yesterday.setDate(yesterday.getDate() - 1);\n const lastWeek = new Date(today);\n lastWeek.setDate(lastWeek.getDate() - 7);\n\n return threads.reduce(\n (groups, thread) => {\n const threadDate = new Date(thread.updatedAt);\n let group = 'Older';\n\n if (threadDate >= today) {\n group = 'Today';\n } else if (threadDate >= yesterday) {\n group = 'Yesterday';\n } else if (threadDate >= lastWeek) {\n group = 'Last 7 Days';\n }\n\n if (!groups[group]) groups[group] = [];\n groups[group].push(thread);\n return groups;\n },\n {} as Record<string, Thread[]>\n );\n}\n","// No direct imports needed 'react';\nimport { Thread } from '../../types/messages';\nimport { cn } from '../../utils';\n\ninterface ThreadItemProps {\n thread: Thread;\n isActive?: boolean;\n onSelect?: () => void;\n onDelete?: () => void;\n}\n\nexport function ThreadItem({ thread, isActive = false, onSelect, onDelete }: ThreadItemProps) {\n return (\n <div\n className={cn('apteva-thread-item', {\n 'apteva-thread-item-active': isActive,\n })}\n onClick={onSelect}\n >\n <div className=\"flex-1 min-w-0\">\n <h4 className=\"font-semibold text-gray-900 dark:text-white truncate\">{thread.title}</h4>\n {thread.preview && <p className=\"text-sm text-gray-600 dark:text-gray-400 truncate\">{thread.preview}</p>}\n <div className=\"flex items-center gap-2 mt-1 text-xs text-gray-500\">\n <span>{thread.messageCount} messages</span>\n <span>•</span>\n <span>{formatRelativeTime(thread.updatedAt)}</span>\n </div>\n </div>\n\n {onDelete && (\n <button\n onClick={(e) => {\n e.stopPropagation();\n onDelete();\n }}\n className=\"p-2 text-gray-400 hover:text-red-500 hover:bg-red-50 rounded transition-colors\"\n title=\"Delete thread\"\n >\n 🗑️\n </button>\n )}\n </div>\n );\n}\n\nfunction formatRelativeTime(date: Date): string {\n const now = new Date();\n const diff = now.getTime() - date.getTime();\n const minutes = Math.floor(diff / 60000);\n const hours = Math.floor(diff / 3600000);\n const days = Math.floor(diff / 86400000);\n\n if (minutes < 1) return 'Just now';\n if (minutes < 60) return `${minutes}m ago`;\n if (hours < 24) return `${hours}h ago`;\n if (days < 7) return `${days}d ago`;\n return date.toLocaleDateString();\n}\n","// No direct imports needed 'react';\nimport { ThreadsProps } from '../../types/components';\nimport { ThreadList } from './ThreadList';\nimport { cn } from '../../utils';\n\nexport function Threads({\n threads,\n currentThreadId,\n onThreadSelect,\n onThreadDelete,\n onNewThread,\n variant = 'sidebar',\n showSearch = false,\n showNewButton = true,\n groupBy = 'none',\n className,\n}: ThreadsProps) {\n const variantClasses = {\n sidebar: 'h-full border-r border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900',\n dropdown: 'absolute top-full left-0 right-0 mt-2 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 max-h-96 overflow-hidden',\n tabs: 'flex gap-2 border-b border-gray-200 dark:border-gray-700 overflow-x-auto',\n };\n\n if (variant === 'tabs') {\n return (\n <div className={cn(variantClasses[variant], className)}>\n {threads.slice(0, 5).map((thread) => (\n <button\n key={thread.id}\n onClick={() => onThreadSelect?.(thread.id)}\n className={cn(\n 'px-4 py-2 whitespace-nowrap font-medium transition-colors',\n thread.id === currentThreadId\n ? 'border-b-2 border-apteva-500 text-apteva-500'\n : 'text-gray-600 hover:text-gray-900'\n )}\n >\n {thread.title}\n </button>\n ))}\n {showNewButton && onNewThread && (\n <button\n onClick={onNewThread}\n className=\"px-4 py-2 text-gray-600 hover:text-apteva-500 transition-colors font-medium\"\n >\n + New\n </button>\n )}\n </div>\n );\n }\n\n return (\n <div className={cn(variantClasses[variant], 'flex flex-col', className)}>\n {showNewButton && onNewThread && (\n <div className=\"p-3 border-b border-gray-200 dark:border-gray-700\">\n <button\n onClick={onNewThread}\n className=\"w-full px-4 py-2 bg-apteva-500 text-white rounded-lg hover:bg-apteva-600 transition-colors font-medium\"\n >\n + New Conversation\n </button>\n </div>\n )}\n\n <ThreadList\n threads={threads}\n currentThreadId={currentThreadId}\n onThreadSelect={onThreadSelect}\n onThreadDelete={onThreadDelete}\n showSearch={showSearch}\n groupBy={groupBy}\n />\n </div>\n );\n}\n","/**\n * Theme initialization script that runs before React hydration\n * This prevents flickering by setting the theme before the page renders\n * Must be inlined in the HTML <head> as a blocking script\n */\n\nexport const themeScript = `\n(function() {\n try {\n // Get system preference\n const isDark = window.matchMedia('(prefers-color-scheme: dark)').matches;\n const colorMode = isDark ? 'dark' : 'light';\n\n // Set attributes before render\n document.documentElement.setAttribute('data-color-mode', colorMode);\n\n // Add dark class for Tailwind\n if (isDark) {\n document.documentElement.classList.add('dark');\n }\n } catch (e) {\n console.error('Failed to initialize theme:', e);\n }\n})();\n`;\n\nexport function getThemeScript() {\n return themeScript;\n}\n"]}
package/dist/index.mjs CHANGED
@@ -584,7 +584,7 @@ function Command({
584
584
  "relative border-2 rounded-xl bg-white dark:bg-gray-900 transition-all duration-300 flex flex-col",
585
585
  state === "loading" && "animate-pulse-border",
586
586
  state === "idle" && "border-gray-300 dark:border-gray-700",
587
- state === "loading" && "border-apteva-500",
587
+ state === "loading" && "border-blue-500",
588
588
  state === "success" && "border-green-500",
589
589
  state === "error" && "border-red-500",
590
590
  className
@@ -645,13 +645,13 @@ function Command({
645
645
  )
646
646
  ] }),
647
647
  state === "loading" && !isCompact && /* @__PURE__ */ jsxs8("div", { className: "flex-1 flex flex-col items-center justify-center space-y-4 py-8", children: [
648
- /* @__PURE__ */ jsx10("div", { className: "w-6 h-6 border-2 border-gray-300 border-t-apteva-500 rounded-full animate-spin" }),
648
+ /* @__PURE__ */ jsx10("div", { className: "w-6 h-6 border-2 border-gray-300 border-t-blue-500 rounded-full animate-spin" }),
649
649
  /* @__PURE__ */ jsx10("div", { className: "text-gray-600 dark:text-gray-400 text-sm text-center max-w-md", children: enableStreaming && streamedContent ? streamedContent : loadingText }),
650
650
  showProgress && /* @__PURE__ */ jsxs8("div", { className: "w-full max-w-sm", children: [
651
651
  /* @__PURE__ */ jsx10("div", { className: "w-full bg-gray-200 dark:bg-gray-700 rounded-full h-1.5", children: /* @__PURE__ */ jsx10(
652
652
  "div",
653
653
  {
654
- className: "bg-apteva-500 h-1.5 rounded-full transition-all duration-300",
654
+ className: "bg-blue-500 h-1.5 rounded-full transition-all duration-300",
655
655
  style: { width: `${progress}%` }
656
656
  }
657
657
  ) }),
@@ -663,7 +663,7 @@ function Command({
663
663
  ] }),
664
664
  state === "loading" && isCompact && /* @__PURE__ */ jsxs8(Fragment, { children: [
665
665
  /* @__PURE__ */ jsxs8("div", { className: "flex-1 flex items-center gap-3 py-1", children: [
666
- /* @__PURE__ */ jsx10("div", { className: "w-4 h-4 border-2 border-gray-300 border-t-apteva-500 rounded-full animate-spin" }),
666
+ /* @__PURE__ */ jsx10("div", { className: "w-4 h-4 border-2 border-gray-300 border-t-blue-500 rounded-full animate-spin" }),
667
667
  /* @__PURE__ */ jsx10("div", { className: "text-gray-600 dark:text-gray-400 text-sm truncate", children: enableStreaming && streamedContent ? streamedContent : loadingText })
668
668
  ] }),
669
669
  /* @__PURE__ */ jsx10(