@jazzmind/busibox-app 3.0.37 → 3.0.39

package/dist/components/chat/ChatContainer.js

@@ -3,8 +3,9 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 /**
  * Chat Container - Client Component
  *
- * Interactive wrapper that receives server-rendered data and handles
- * all client-side state and interactions.
+ * Multi-conversation chat UI with sidebar, insights panel, and agent selection.
+ * Delegates all SSE streaming to the shared useChatStream hook so event handling
+ * stays consistent with ChatInterface and SimpleChatInterface.
  */
 import { useState, useCallback, useMemo, useEffect, useRef } from 'react';
 import { Plus, MessageSquare, Trash2, Search, Brain, X, Sparkles, Bot, ListTodo } from 'lucide-react';
@@ -14,9 +15,9 @@ import remarkGfm from 'remark-gfm';
 import { MessageList } from './MessageList';
 import { MessageInput } from './MessageInput';
 import { AgentSelectionPanel } from './AgentSelectionPanel';
-import { StreamingToolCard } from './StreamingToolCard';
 import { InsightEditModal } from './InsightEditModal';
 import { stripThinkTags } from './chat-utils';
+import { useChatStream } from '../../lib/hooks/useChatStream';
 import { useIsMobile } from '../../lib/hooks/useIsMobile';
 import { useCrossAppApiPath } from '../../contexts/ApiContext';
 /**
@@ -90,26 +91,21 @@ export function ChatContainer({ initialConversations, initialMessages, initialCo
         }
         window.history.replaceState({}, '', url.toString());
     }, [conversationQueryParam]);
-    // Chat state
-    const [isStreaming, setIsStreaming] = useState(false);
-    const [streamingContent, setStreamingContent] = useState('');
-    const [streamingAgentName, setStreamingAgentName] = useState(undefined);
-    const [thoughts, setThoughts] = useState([]);
+    // Background stream tracking for non-active conversations
     const [streamingConvIds, setStreamingConvIds] = useState(new Set());
     const [quickReplies, setQuickReplies] = useState([]);
     const [promptActive, setPromptActive] = useState(false);
-    const [streamingParts, setStreamingParts] = useState([]);
-    const streamMapRef = useRef(new Map());
+    const backgroundStreamRef = useRef(new Map());
     const currentConversationRef = useRef(initialConversation?.id ?? null);
     useEffect(() => {
         currentConversationRef.current = currentConversation?.id ?? null;
     }, [currentConversation]);
     useEffect(() => {
         return () => {
-            for (const streamState of streamMapRef.current.values()) {
+            for (const streamState of backgroundStreamRef.current.values()) {
                 streamState.controller.abort();
             }
-            streamMapRef.current.clear();
+            backgroundStreamRef.current.clear();
         };
     }, []);
     const setConversationStreamingStatus = useCallback((conversationId, active) => {
@@ -127,31 +123,58 @@ export function ChatContainer({ initialConversations, initialMessages, initialCo
     const isConversationActive = useCallback((conversationId) => {
         return currentConversationRef.current === conversationId;
     }, []);
-    const applyStreamStateForConversation = useCallback((conversationId) => {
-        const streamState = streamMapRef.current.get(conversationId);
-        if (!streamState) {
-            setIsStreaming(false);
-            setStreamingContent('');
-            setStreamingAgentName(undefined);
-            setThoughts([]);
-            setStreamingParts([]);
-            return;
-        }
-        setIsStreaming(true);
-        setStreamingContent(streamState.content);
-        setStreamingAgentName(streamState.agentName);
-        setThoughts(streamState.thoughts);
-        setStreamingParts(streamState.parts);
-    }, []);
-    // Memoize default agent selection to prevent infinite loop
-    // Use agent IDs (UUIDs) not names for backend compatibility
-    // Chat agent is the versatile general-purpose agent that should be the default
+    // Resolve the agent API URL for the useChatStream hook.
+    // On the portal, this resolves to the cross-app proxy path.
+    const agentUrl = useMemo(() => {
+        return resolve('agent', '/api/agent');
+    }, [resolve]);
+    // Set up the shared streaming hook
+    const { state: streamState, sendMessage: hookSendMessage, cancel: hookCancel } = useChatStream({
+        token: '', // Portal uses cookie auth through the proxy, no bearer token needed
+        agentUrl,
+        onConversationCreated: (id, title) => {
+            if (title) {
+                setConversations(prev => {
+                    const existing = prev.find(c => c.id === id);
+                    if (existing) {
+                        return prev.map(c => c.id === id ? { ...c, title } : c);
+                    }
+                    const newConv = {
+                        id,
+                        userId: '',
+                        title,
+                        source,
+                        createdAt: new Date(),
+                        updatedAt: new Date(),
+                        messageCount: 0,
+                    };
+                    return [newConv, ...prev];
+                });
+            }
+            currentConversationRef.current = id;
+            setCurrentConversation(prev => ({
+                id,
+                userId: prev?.userId || '',
+                title: title || prev?.title || 'New Conversation',
+                source: prev?.source ?? source,
+                createdAt: prev?.createdAt || new Date(),
+                updatedAt: new Date(),
+                messageCount: prev?.messageCount ?? 0,
+                model: prev?.model,
+                metadata: prev?.metadata,
+            }));
+            updateUrlWithConversation(id);
+        },
+        onTitleUpdate: (id, title) => {
+            setCurrentConversation(prev => prev && prev.id === id ? { ...prev, title } : prev);
+            setConversations(prev => prev.map(c => c.id === id ? { ...c, title } : c));
+        },
+    });
+    // Memoize default agent selection
     const defaultAgents = useMemo(() => {
-        // Try to find by various possible names
         const chatAgent = availableAgents.find(a => (a.name === 'chat' || a.name === 'chat-agent' || a.name === 'chat_agent') && a.is_active);
         return chatAgent ? [chatAgent.id] : [];
     }, [availableAgents]);
-    // Selection state - default to only "chat" agent (stores agent IDs)
     const [selectedAgents, setSelectedAgents] = useState(defaultAgents);
     // Insights state
     const [showInsightsPanel, setShowInsightsPanel] = useState(false);
@@ -186,10 +209,7 @@ export function ChatContainer({ initialConversations, initialMessages, initialCo
         currentConversationRef.current = conversation.id;
         setCurrentConversation(conversation);
         updateUrlWithConversation(conversation.id);
-        applyStreamStateForConversation(conversation.id);
         setQuickReplies([]);
-        setThoughts([]);
-        setInsights([]);
         if (isMobile) {
             setMobileSidebarOpen(false);
         }
@@ -200,7 +220,6 @@ export function ChatContainer({ initialConversations, initialMessages, initialCo
             const mappedMessages = (data.messages || []).map(mapMessage);
             if (currentConversationRef.current === conversation.id) {
                 setMessages(mappedMessages);
-                applyStreamStateForConversation(conversation.id);
             }
         }
         catch (error) {
@@ -212,9 +231,7 @@ export function ChatContainer({ initialConversations, initialMessages, initialCo
                 setIsLoadingMessages(false);
             }
         }
-    }, [apiCall, isMobile, updateUrlWithConversation, applyStreamStateForConversation]);
-    /** Create a new conversation and return its ID, or null on failure.
-     *  Shared by the "New Chat" button, send-message auto-create, and attachment auto-create. */
+    }, [apiCall, isMobile, updateUrlWithConversation]);
     const ensureConversation = useCallback(async () => {
         if (currentConversation?.id)
             return currentConversation.id;
@@ -248,7 +265,6 @@ export function ChatContainer({ initialConversations, initialMessages, initialCo
             setConversations(prev => [newConv, ...prev]);
             setCurrentConversation(newConv);
             setMessages([]);
-            applyStreamStateForConversation(newConv.id);
             updateUrlWithConversation(newConv.id);
             if (isMobile) {
                 setMobileSidebarOpen(false);
@@ -258,15 +274,15 @@ export function ChatContainer({ initialConversations, initialMessages, initialCo
             console.error('Failed to create conversation:', error);
             toast.error('Failed to create conversation');
         }
-    }, [apiCall, source, isMobile, updateUrlWithConversation, applyStreamStateForConversation]);
+    }, [apiCall, source, isMobile, updateUrlWithConversation]);
     const handleDeleteConversation = useCallback(async (conversationId) => {
         if (!confirm('Are you sure you want to delete this conversation?'))
             return;
         try {
-            const streamState = streamMapRef.current.get(conversationId);
-            if (streamState) {
-                streamState.controller.abort();
-                streamMapRef.current.delete(conversationId);
+            const bgStream = backgroundStreamRef.current.get(conversationId);
+            if (bgStream) {
+                bgStream.controller.abort();
+                backgroundStreamRef.current.delete(conversationId);
                 setConversationStreamingStatus(conversationId, false);
             }
             await apiCall(`/conversations/${conversationId}`, { method: 'DELETE' });
@@ -284,17 +300,16 @@ export function ChatContainer({ initialConversations, initialMessages, initialCo
             toast.error('Failed to delete conversation');
         }
     }, [apiCall, currentConversation, updateUrlWithConversation, setConversationStreamingStatus]);
+    // ── Send message using useChatStream hook ──────────────────────────────
     const handleSendMessage = useCallback(async (content, attachmentIds, attachmentMeta) => {
         if (!content.trim())
             return;
         setQuickReplies([]);
         setPromptActive(false);
-        // Create conversation if none exists
         const convId = await ensureConversation();
         if (!convId)
             return;
-        // Add user message optimistically
-        let tempUserMessage = {
+        const tempUserMessage = {
             id: `temp-${Date.now()}`,
             conversationId: convId,
             role: 'user',
@@ -302,537 +317,74 @@ export function ChatContainer({ initialConversations, initialMessages, initialCo
             attachments: attachmentMeta,
             createdAt: new Date(),
         };
-        if (isConversationActive(convId)) {
-            setMessages(prev => [...prev, tempUserMessage]);
-        }
-        const controller = new AbortController();
-        let streamConversationId = convId;
-        streamMapRef.current.set(streamConversationId, {
-            controller,
-            content: '',
-            thoughts: [],
-            parts: [],
-            tempUserMessage,
-            hasAddedMessage: false,
-            messages: [tempUserMessage],
-        });
-        setConversationStreamingStatus(streamConversationId, true);
-        if (isConversationActive(streamConversationId)) {
-            setIsStreaming(true);
-            setStreamingContent('');
-            setStreamingAgentName(undefined);
-            setThoughts([]);
-            setStreamingParts([]);
-        }
-        // Track agent name in outer scope to persist across stream events
-        let capturedAgentName;
-        let fullContent = '';
-        let collectedThoughts = [];
-        let collectedParts = [];
-        const pendingTools = new Map();
-        let hasAddedMessage = false;
+        setMessages(prev => [...prev, tempUserMessage]);
         try {
-            // Use agentic streaming endpoint for real-time thinking updates
-            const response = await apiCall('/chat/message/stream/agentic', {
-                method: 'POST',
-                signal: controller.signal,
-                body: JSON.stringify({
-                    message: content,
-                    conversation_id: convId,
-                    model: 'auto',
-                    selected_agents: selectedAgents,
-                    attachment_ids: attachmentIds,
-                }),
+            const result = await hookSendMessage({
+                message: content,
+                conversation_id: convId,
+                model: 'auto',
+                selected_agents: selectedAgents,
+                attachment_ids: attachmentIds,
             });
-            if (!response.body) {
-                throw new Error('No response body');
+            // Handle quick replies / prompt from final state
+            if (streamState.promptActive && streamState.quickReplies.length > 0) {
+                setQuickReplies(streamState.quickReplies);
+                setPromptActive(true);
             }
-            const reader = response.body.getReader();
-            const decoder = new TextDecoder();
-            let eventType = '';
-            let buffer = '';
-            while (true) {
-                if (controller.signal.aborted)
-                    break;
-                const { done, value } = await reader.read();
-                if (done)
-                    break;
-                buffer += decoder.decode(value, { stream: true });
-                const lines = buffer.split('\n');
-                buffer = lines.pop() || '';
-                for (const line of lines) {
-                    if (line.startsWith('event:')) {
-                        eventType = line.slice(6).trim();
-                    }
-                    else if (line.startsWith('data:')) {
-                        const data = line.slice(5).trim();
-                        if (data && eventType) {
-                            try {
-                                const parsed = JSON.parse(data);
-                                // Create thought event for tracking
-                                const newThought = {
-                                    type: eventType,
-                                    source: parsed.source,
-                                    message: parsed.message,
-                                    data: parsed.data || parsed,
-                                    timestamp: new Date(),
-                                };
-                                // Extract agent name from source if available
-                                if (parsed.source && !parsed.source.includes('dispatcher')) {
-                                    capturedAgentName = parsed.source;
-                                    const streamState = streamMapRef.current.get(streamConversationId);
-                                    if (streamState) {
-                                        streamState.agentName = capturedAgentName;
-                                    }
-                                    if (isConversationActive(streamConversationId)) {
-                                        setStreamingAgentName(capturedAgentName);
-                                    }
-                                }
-                                switch (eventType) {
-                                    case 'conversation_created':
-                                        if (parsed.conversation_id) {
-                                            const newConversationId = parsed.conversation_id;
-                                            const previousConversationId = streamConversationId;
-                                            if (newConversationId !== previousConversationId) {
-                                                const currentStream = streamMapRef.current.get(previousConversationId);
-                                                if (currentStream) {
-                                                    streamMapRef.current.delete(previousConversationId);
-                                                    setConversationStreamingStatus(previousConversationId, false);
-                                                    tempUserMessage = {
-                                                        ...currentStream.tempUserMessage,
-                                                        conversationId: newConversationId,
-                                                    };
-                                                    const migratedMessages = currentStream.messages.map(msg => msg.id === currentStream.tempUserMessage.id
-                                                        ? tempUserMessage
-                                                        : msg.conversationId === previousConversationId
-                                                            ? { ...msg, conversationId: newConversationId }
-                                                            : msg);
-                                                    streamMapRef.current.set(newConversationId, {
-                                                        ...currentStream,
-                                                        tempUserMessage,
-                                                        messages: migratedMessages,
-                                                    });
-                                                    setConversationStreamingStatus(newConversationId, true);
-                                                }
-                                                streamConversationId = newConversationId;
-                                            }
-                                            if (parsed.title) {
-                                                setConversations(prev => {
-                                                    const existing = prev.find(c => c.id === newConversationId);
-                                                    if (existing) {
-                                                        return prev.map(c => c.id === newConversationId ? { ...c, title: parsed.title } : c);
-                                                    }
-                                                    const newConv = {
-                                                        id: newConversationId,
-                                                        userId: '',
-                                                        title: parsed.title,
-                                                        source,
-                                                        createdAt: new Date(),
-                                                        updatedAt: new Date(),
-                                                        messageCount: 0,
-                                                    };
-                                                    return [newConv, ...prev];
-                                                });
-                                            }
-                                            if (isConversationActive(previousConversationId) || isConversationActive(newConversationId)) {
-                                                currentConversationRef.current = newConversationId;
-                                                setCurrentConversation(prev => prev && prev.id !== previousConversationId
-                                                    ? prev
-                                                    : {
-                                                        id: newConversationId,
-                                                        userId: prev?.userId || '',
-                                                        title: parsed.title || prev?.title || 'New Conversation',
-                                                        source: prev?.source ?? source,
-                                                        createdAt: prev?.createdAt || new Date(),
-                                                        updatedAt: new Date(),
-                                                        messageCount: prev?.messageCount ?? 0,
-                                                        model: prev?.model,
-                                                        metadata: prev?.metadata,
-                                                    });
-                                                updateUrlWithConversation(newConversationId);
-                                            }
-                                        }
-                                        break;
-                                    case 'title_update':
-                                        // Update conversation title
-                                        if (parsed.conversation_id && parsed.title) {
-                                            setCurrentConversation(prev => prev && prev.id === parsed.conversation_id ? { ...prev, title: parsed.title } : prev);
-                                            setConversations(prev => prev.map(c => c.id === parsed.conversation_id ? { ...c, title: parsed.title } : c));
-                                        }
-                                        break;
-                                    case 'thought':
-                                        collectedThoughts = [...collectedThoughts, newThought];
-                                        {
-                                            const streamState = streamMapRef.current.get(streamConversationId);
-                                            if (streamState) {
-                                                streamState.thoughts = collectedThoughts;
-                                            }
-                                        }
-                                        if (isConversationActive(streamConversationId)) {
-                                            setThoughts(collectedThoughts);
-                                        }
-                                        break;
-                                    case 'tool_start':
-                                        collectedThoughts = [...collectedThoughts, newThought];
-                                        {
-                                            const toolSource = parsed.source || 'tool';
-                                            const toolName = String(parsed.data?.tool_name || parsed.data?.display_name || toolSource);
-                                            const toolPart = {
-                                                type: 'tool_call',
-                                                id: `tool-${Date.now()}-${toolName}`,
-                                                name: toolName,
-                                                displayName: String(parsed.data?.display_name || parsed.message || toolName),
-                                                status: 'running',
-                                                input: (parsed.data || undefined),
-                                                startedAt: new Date(),
-                                            };
-                                            pendingTools.set(toolSource, collectedParts.length);
-                                            collectedParts = [...collectedParts, toolPart];
-                                            const streamState = streamMapRef.current.get(streamConversationId);
-                                            if (streamState) {
-                                                streamState.thoughts = collectedThoughts;
-                                                streamState.parts = collectedParts;
-                                            }
-                                            if (isConversationActive(streamConversationId)) {
-                                                setThoughts(collectedThoughts);
-                                                setStreamingParts(collectedParts);
-                                            }
-                                        }
-                                        break;
-                                    case 'tool_result':
-                                        collectedThoughts = [...collectedThoughts, newThought];
-                                        {
-                                            const resultSource = parsed.source || 'tool';
-                                            const idx = pendingTools.get(resultSource);
-                                            if (idx !== undefined && collectedParts[idx]?.type === 'tool_call') {
-                                                const existing = collectedParts[idx];
-                                                collectedParts = [...collectedParts];
-                                                collectedParts[idx] = {
-                                                    ...existing,
-                                                    status: parsed.data?.success === false ? 'error' : 'completed',
-                                                    output: parsed.message || undefined,
-                                                    error: parsed.data?.success === false ? String(parsed.message || 'Failed') : undefined,
-                                                    completedAt: new Date(),
-                                                };
-                                                pendingTools.delete(resultSource);
-                                            }
-                                            else {
-                                                const toolName = String(parsed.data?.tool_name || parsed.data?.display_name || resultSource);
-                                                collectedParts = [...collectedParts, {
-                                                        type: 'tool_call',
-                                                        id: `tool-${Date.now()}-${toolName}`,
-                                                        name: toolName,
-                                                        displayName: String(parsed.data?.display_name || toolName),
-                                                        status: parsed.data?.success === false ? 'error' : 'completed',
-                                                        output: parsed.message || undefined,
-                                                        completedAt: new Date(),
-                                                    }];
-                                            }
-                                            const streamState = streamMapRef.current.get(streamConversationId);
-                                            if (streamState) {
-                                                streamState.thoughts = collectedThoughts;
-                                                streamState.parts = collectedParts;
-                                            }
-                                            if (isConversationActive(streamConversationId)) {
-                                                setThoughts(collectedThoughts);
-                                                setStreamingParts(collectedParts);
-                                            }
-                                        }
-                                        break;
-                                    case 'content':
-                                        // Stream content to message area
-                                        const contentData = parsed.data || {};
-                                        const messageText = parsed.message || '';
-                                        if (contentData.streaming && contentData.partial) {
-                                            fullContent += messageText;
-                                        }
-                                        else if (contentData.complete) {
-                                            // Final marker - content already accumulated
-                                        }
-                                        else if (messageText) {
-                                            fullContent = messageText;
-                                        }
-                                        {
-                                            const cleanContent = stripThinkTags(fullContent);
-                                            const streamState = streamMapRef.current.get(streamConversationId);
-                                            if (streamState) {
-                                                streamState.content = cleanContent;
-                                            }
-                                            if (isConversationActive(streamConversationId)) {
-                                                setStreamingContent(cleanContent);
-                                            }
-                                        }
-                                        break;
-                                    case 'content_chunk':
-                                        // Legacy content chunk event (fallback)
-                                        fullContent += parsed.chunk || parsed.content || '';
-                                        {
-                                            const streamState = streamMapRef.current.get(streamConversationId);
-                                            if (streamState) {
-                                                streamState.content = fullContent;
-                                            }
-                                        }
-                                        if (isConversationActive(streamConversationId)) {
-                                            setStreamingContent(fullContent);
-                                        }
-                                        if (parsed.agent_name && !capturedAgentName) {
-                                            capturedAgentName = parsed.agent_name;
-                                            const streamState = streamMapRef.current.get(streamConversationId);
-                                            if (streamState) {
-                                                streamState.agentName = capturedAgentName;
-                                            }
-                                            if (isConversationActive(streamConversationId)) {
-                                                setStreamingAgentName(capturedAgentName);
-                                            }
-                                        }
-                                        break;
-                                    case 'prompt':
-                                        {
-                                            const promptOptions = parsed.options || parsed.data?.options;
-                                            if (promptOptions && Array.isArray(promptOptions)) {
-                                                setQuickReplies(promptOptions);
-                                                setPromptActive(true);
-                                                const promptType = (parsed.data?.prompt_type || 'choice');
-                                                collectedParts = [...collectedParts, { type: 'prompt', options: promptOptions, promptType }];
-                                                // Finalize accumulated content as a completed message so the user can respond
-                                                const cleanedSoFar = stripThinkTags(fullContent);
-                                                if (cleanedSoFar && !hasAddedMessage) {
-                                                    const finalParts = [...collectedParts];
-                                                    const assistantMessage = {
-                                                        id: `assistant-prompt-${Date.now()}`,
-                                                        conversationId: streamConversationId,
-                                                        role: 'assistant',
-                                                        content: cleanedSoFar,
-                                                        agentName: capturedAgentName,
-                                                        thoughts: collectedThoughts.length > 0 ? collectedThoughts : undefined,
-                                                        parts: finalParts,
-                                                        createdAt: new Date(),
-                                                    };
-                                                    if (isConversationActive(streamConversationId)) {
-                                                        setMessages(prev => {
-                                                            const withoutTemp = prev.filter(m => m.id !== tempUserMessage.id);
-                                                            return [
-                                                                ...withoutTemp,
-                                                                { ...tempUserMessage, id: `user-${Date.now()}` },
-                                                                assistantMessage,
-                                                            ];
-                                                        });
-                                                        setStreamingContent('');
-                                                        setThoughts([]);
-                                                        setStreamingParts([]);
-                                                    }
-                                                    hasAddedMessage = true;
-                                                    const streamState = streamMapRef.current.get(streamConversationId);
-                                                    if (streamState) {
-                                                        streamState.hasAddedMessage = true;
-                                                    }
-                                                }
-                                            }
-                                        }
-                                        break;
-                                    case 'message_complete':
-                                        // Only add message if we haven't already
-                                        if (!hasAddedMessage) {
-                                            const completedConversationId = parsed.conversation_id || streamConversationId;
-                                            const cleanedFinalContent = stripThinkTags(fullContent);
-                                            if (cleanedFinalContent) {
-                                                const finalParts = [
-                                                    ...collectedParts,
-                                                    { type: 'text', content: cleanedFinalContent },
-                                                ];
-                                                const assistantMessage = {
-                                                    id: parsed.message_id || `assistant-${Date.now()}`,
-                                                    conversationId: completedConversationId,
-                                                    role: 'assistant',
-                                                    content: cleanedFinalContent,
-                                                    model: parsed.model,
-                                                    agentName: parsed.agent_name || capturedAgentName,
-                                                    thoughts: collectedThoughts.length > 0 ? collectedThoughts : undefined,
-                                                    parts: finalParts,
-                                                    createdAt: new Date(),
-                                                };
-                                                if (isConversationActive(completedConversationId)) {
-                                                    setMessages(prev => {
-                                                        const withoutTemp = prev.filter(m => m.id !== tempUserMessage.id);
-                                                        return [
-                                                            ...withoutTemp,
-                                                            { ...tempUserMessage, id: `user-${Date.now()}` },
-                                                            assistantMessage,
-                                                        ];
-                                                    });
-                                                }
-                                                else {
-                                                    const streamState = streamMapRef.current.get(completedConversationId);
-                                                    if (streamState) {
-                                                        const withoutTemp = streamState.messages.filter(m => m.id !== tempUserMessage.id);
-                                                        streamState.messages = [
-                                                            ...withoutTemp,
-                                                            { ...tempUserMessage, id: `user-${Date.now()}` },
-                                                            assistantMessage,
-                                                        ];
-                                                    }
-                                                }
-                                                hasAddedMessage = true;
-                                                const streamState = streamMapRef.current.get(completedConversationId);
-                                                if (streamState) {
-                                                    streamState.hasAddedMessage = true;
-                                                }
-                                            }
-                                            streamMapRef.current.delete(completedConversationId);
-                                            setConversationStreamingStatus(completedConversationId, false);
-                                            if (isConversationActive(completedConversationId)) {
-                                                setStreamingContent('');
-                                                setThoughts([]);
-                                                setStreamingParts([]);
-                                                setStreamingAgentName(undefined);
-                                                setIsStreaming(false);
-                                            }
-                                        }
-                                        break;
-                                    case 'error':
-                                        const errorMessage = parsed.message || parsed.error || 'An error occurred';
-                                        const errorSource = parsed.data?.source || parsed.source || '';
-                                        const isToolError = errorSource && !errorSource.includes('agent') && !errorSource.includes('dispatcher');
-                                        if (isToolError) {
-                                            collectedThoughts = [...collectedThoughts, {
-                                                    type: 'error',
-                                                    source: errorSource,
-                                                    message: `Tool error (${errorSource}): ${errorMessage}`,
-                                                    timestamp: new Date(),
-                                                }];
-                                            // Update matching pending tool part to error status
-                                            const errIdx = pendingTools.get(errorSource);
-                                            if (errIdx !== undefined && collectedParts[errIdx]?.type === 'tool_call') {
-                                                const existing = collectedParts[errIdx];
-                                                collectedParts = [...collectedParts];
-                                                collectedParts[errIdx] = { ...existing, status: 'error', error: errorMessage, completedAt: new Date() };
-                                                pendingTools.delete(errorSource);
-                                            }
-                                            if (isConversationActive(streamConversationId)) {
-                                                setThoughts(collectedThoughts);
-                                                setStreamingParts(collectedParts);
-                                            }
-                                        }
-                                        else {
-                                            // Fatal error
-                                            if (isConversationActive(streamConversationId)) {
-                                                toast.error(errorMessage);
-                                            }
-                                            if (!hasAddedMessage) {
-                                                const errorAssistantMessage = {
-                                                    id: `error-${Date.now()}`,
-                                                    conversationId: streamConversationId,
-                                                    role: 'assistant',
-                                                    content: fullContent.trim()
-                                                        ? `${fullContent}\n\n⚠️ **Error:** ${errorMessage}`
-                                                        : `⚠️ **Error:** ${errorMessage}`,
-                                                    thoughts: collectedThoughts.length > 0 ? collectedThoughts : undefined,
-                                                    parts: collectedParts,
-                                                    createdAt: new Date(),
-                                                };
-                                                if (isConversationActive(streamConversationId)) {
-                                                    setMessages(prev => {
-                                                        const withoutTemp = prev.filter(m => m.id !== tempUserMessage.id);
-                                                        return [
-                                                            ...withoutTemp,
-                                                            { ...tempUserMessage, id: `user-${Date.now()}` },
-                                                            errorAssistantMessage,
-                                                        ];
-                                                    });
-                                                }
-                                                else {
-                                                    const streamState = streamMapRef.current.get(streamConversationId);
-                                                    if (streamState) {
-                                                        const withoutTemp = streamState.messages.filter(m => m.id !== tempUserMessage.id);
-                                                        streamState.messages = [
-                                                            ...withoutTemp,
-                                                            { ...tempUserMessage, id: `user-${Date.now()}` },
-                                                            errorAssistantMessage,
-                                                        ];
-                                                    }
-                                                }
-                                                hasAddedMessage = true;
-                                                const streamState = streamMapRef.current.get(streamConversationId);
-                                                if (streamState) {
-                                                    streamState.hasAddedMessage = true;
-                                                }
-                                            }
-                                            streamMapRef.current.delete(streamConversationId);
-                                            setConversationStreamingStatus(streamConversationId, false);
-                                            if (isConversationActive(streamConversationId)) {
-                                                setStreamingContent('');
-                                                setThoughts([]);
-                                                setStreamingParts([]);
-                                                setStreamingAgentName(undefined);
-                                                setIsStreaming(false);
-                                                setPromptActive(false);
-                                            }
-                                        }
-                                        break;
-                                }
-                            }
-                            catch (e) {
-                                // Ignore parse errors for partial data
-                            }
-                        }
-                    }
-                }
-            }
-            // Reload conversations to update timestamps (filter by source if set)
-            if (!controller.signal.aborted) {
-                const convUrl = source ? `/conversations?source=${encodeURIComponent(source)}` : '/conversations';
-                const convResponse = await apiCall(convUrl);
-                const convData = await convResponse.json();
-                const rawConversations = convData.conversations || convData || [];
-                setConversations(rawConversations.map(mapConversation));
+            // Build the final assistant message
+            const cleanedContent = stripThinkTags(result.content);
+            if (cleanedContent) {
+                const finalParts = [
+                    ...result.parts,
+                    { type: 'text', content: cleanedContent },
+                ];
+                const assistantMessage = {
+                    id: `assistant-${Date.now()}`,
+                    conversationId: result.conversationId || convId,
+                    role: 'assistant',
+                    content: cleanedContent,
+                    agentName: result.agentName,
+                    thoughts: result.thoughts.length > 0 ? result.thoughts : undefined,
+                    parts: finalParts,
+                    createdAt: new Date(),
+                };
+                setMessages(prev => {
+                    const withoutTemp = prev.filter(m => m.id !== tempUserMessage.id);
+                    return [
+                        ...withoutTemp,
+                        { ...tempUserMessage, id: `user-${Date.now()}` },
+                        assistantMessage,
+                    ];
+                });
             }
+            // Reload conversations to update timestamps
+            const convUrl = source ? `/conversations?source=${encodeURIComponent(source)}` : '/conversations';
+            const convResponse = await apiCall(convUrl);
+            const convData = await convResponse.json();
+            const rawConversations = convData.conversations || convData || [];
+            setConversations(rawConversations.map(mapConversation));
         }
         catch (error) {
-            if (error.name === 'AbortError' || controller.signal.aborted) {
-                // Aborted by user or conversation switch — not an error
+            if (error.name === 'AbortError')
                 return;
-            }
             console.error('Failed to send message:', error);
-            if (isConversationActive(streamConversationId)) {
-                toast.error(error.message || 'Failed to send message');
-                setMessages(prev => prev.filter(m => m.id !== tempUserMessage.id));
-            }
-        }
-        finally {
-            const currentStream = streamMapRef.current.get(streamConversationId);
-            if (currentStream?.controller === controller) {
-                streamMapRef.current.delete(streamConversationId);
-                setConversationStreamingStatus(streamConversationId, false);
-            }
-            if (isConversationActive(streamConversationId)) {
-                applyStreamStateForConversation(streamConversationId);
-            }
+            toast.error(error.message || 'Failed to send message');
+            setMessages(prev => prev.filter(m => m.id !== tempUserMessage.id));
         }
     }, [
         apiCall,
         ensureConversation,
         selectedAgents,
         source,
-        isConversationActive,
-        setConversationStreamingStatus,
-        applyStreamStateForConversation,
-        updateUrlWithConversation,
+        hookSendMessage,
+        streamState.promptActive,
+        streamState.quickReplies,
     ]);
     const handleStopStreaming = useCallback(() => {
-        const conversationId = currentConversationRef.current;
-        if (!conversationId)
-            return;
-        const streamState = streamMapRef.current.get(conversationId);
-        if (!streamState)
-            return;
-        streamState.controller.abort();
-        streamMapRef.current.delete(conversationId);
-        setConversationStreamingStatus(conversationId, false);
-        applyStreamStateForConversation(conversationId);
-    }, [setConversationStreamingStatus, applyStreamStateForConversation]);
+        hookCancel();
+    }, [hookCancel]);
     const handleDeleteMessage = useCallback(async (messageId) => {
         if (!currentConversation) {
-            // No conversation - just remove from local state
             setMessages(prev => prev.filter(m => m.id !== messageId));
             return;
         }
@@ -849,7 +401,6 @@ export function ChatContainer({ initialConversations, initialMessages, initialCo
         }
     }, [apiCall, currentConversation]);
     const handleRetryMessage = useCallback(async (messageContent, attachmentIds) => {
-        // Capture attachment metadata from the original message before removing it
         let attachmentMeta;
         if (attachmentIds && attachmentIds.length > 0) {
             const userMsg = [...messages].reverse().find(m => m.role === 'user' && m.attachments?.length);
@@ -857,11 +408,9 @@ export function ChatContainer({ initialConversations, initialMessages, initialCo
                 attachmentMeta = userMsg.attachments.filter(a => attachmentIds.includes(a.id));
             }
         }
-        // Delete the last assistant message from local state
         if (messages.length > 0 && messages[messages.length - 1].role === 'assistant') {
             setMessages(prev => prev.slice(0, -1));
         }
-        // Delete the user message that we're retrying from local state
         if (messages.length > 0) {
             const lastUserMsgIndex = [...messages].reverse().findIndex(m => m.role === 'user');
             if (lastUserMsgIndex !== -1) {
@@ -869,11 +418,9 @@ export function ChatContainer({ initialConversations, initialMessages, initialCo
                 setMessages(prev => prev.filter(m => m.id !== lastUserMsg.id));
             }
         }
-        // Re-send with both attachment IDs (for the backend) and metadata (for the UI)
         await handleSendMessage(messageContent, attachmentIds, attachmentMeta);
     }, [messages, handleSendMessage]);
-    // Load insights list (paginated, with optional category filter)
-    // Passes conversation_id so thread-scoped insights (goal, context) are filtered
+    // ── Insights ───────────────────────────────────────────────────────────
     const loadInsights = useCallback(async (category, offset, append = false) => {
         setIsLoadingInsights(true);
         try {
@@ -908,20 +455,17 @@ export function ChatContainer({ initialConversations, initialMessages, initialCo
             setIsLoadingInsights(false);
         }
     }, [apiCall]);
-    // Refresh insights when conversation changes (if panel is open)
     useEffect(() => {
         if (showInsightsPanel && currentConversation?.id) {
             loadInsights(insightCategoryFilter, 0, false);
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [currentConversation?.id]);
-    // Load more insights (infinite scroll)
     const loadMoreInsights = useCallback(() => {
         if (!isLoadingInsights && hasMoreInsights) {
             loadInsights(insightCategoryFilter, insightOffset + INSIGHT_PAGE_SIZE, true);
         }
     }, [isLoadingInsights, hasMoreInsights, insightCategoryFilter, insightOffset, loadInsights]);
-    // Handle category filter click
     const handleCategoryFilter = useCallback((category) => {
         setInsightCategoryFilter(category);
         setInsightOffset(0);
@@ -949,7 +493,6 @@ export function ChatContainer({ initialConversations, initialMessages, initialCo
             else {
                 toast('No insights could be extracted from this conversation');
             }
-            // Reload insights list and stats
             await loadInsights(insightCategoryFilter, 0, false);
             const statsResponse = await apiCall('/insights/stats/me');
             setInsightStats(await statsResponse.json());
@@ -964,7 +507,6 @@ export function ChatContainer({ initialConversations, initialMessages, initialCo
     }, [apiCall, currentConversation, insightCategoryFilter, loadInsights]);
     const handleSearchInsights = useCallback(async () => {
         if (!insightSearchQuery.trim()) {
-            // If no search query, load all insights
             loadInsights(insightCategoryFilter, 0, false);
             return;
         }
@@ -981,7 +523,7 @@ export function ChatContainer({ initialConversations, initialMessages, initialCo
             const data = await response.json();
             setInsights(data.results || []);
             setInsightTotal(data.results?.length || 0);
-            setHasMoreInsights(false); // Search results don't paginate
+            setHasMoreInsights(false);
             if (!data.results?.length) {
                 toast('No insights found');
             }
@@ -994,9 +536,7 @@ export function ChatContainer({ initialConversations, initialMessages, initialCo
             setIsLoadingInsights(false);
         }
     }, [apiCall, insightSearchQuery, currentConversation, insightCategoryFilter, loadInsights]);
-    // Handle insight click - open modal
     const handleInsightClick = useCallback((result) => {
-        // Convert Date to string if needed for InsightData type
         const createdAt = result.insight?.createdAt;
         const createdAtStr = createdAt instanceof Date
             ? createdAt.toISOString()
@@ -1009,7 +549,6 @@ export function ChatContainer({ initialConversations, initialMessages, initialCo
             createdAt: createdAtStr,
         });
     }, []);
-    // Handle insight save
     const handleSaveInsight = useCallback(async (id, content, category) => {
         try {
             await apiCall(`/insights/${id}`, {
@@ -1017,9 +556,7 @@ export function ChatContainer({ initialConversations, initialMessages, initialCo
                 body: JSON.stringify({ content, category }),
             });
             toast.success('Insight updated');
-            // Refresh insights list
             await loadInsights(insightCategoryFilter, 0, false);
-            // Update the selected insight
             setSelectedInsight(prev => prev ? { ...prev, content, category } : null);
         }
         catch (error) {
@@ -1028,14 +565,12 @@ export function ChatContainer({ initialConversations, initialMessages, initialCo
             throw error;
         }
     }, [apiCall, insightCategoryFilter, loadInsights]);
-    // Handle insight delete
     const handleDeleteInsight = useCallback(async (id) => {
         try {
             await apiCall(`/insights/${id}`, {
                 method: 'DELETE',
             });
             toast.success('Insight deleted');
-            // Refresh insights list and stats
             await loadInsights(insightCategoryFilter, 0, false);
             const statsResponse = await apiCall('/insights/stats/me');
             setInsightStats(await statsResponse.json());
@@ -1068,7 +603,6 @@ export function ChatContainer({ initialConversations, initialMessages, initialCo
             });
             const result = await response.json();
             toast.success(`Added ${result.count || 1} insight`);
-            // Reload insights list and stats
             await loadInsights(insightCategoryFilter, 0, false);
             const statsResponse = await apiCall('/insights/stats/me');
             setInsightStats(await statsResponse.json());
@@ -1078,6 +612,8 @@ export function ChatContainer({ initialConversations, initialMessages, initialCo
             toast.error('Failed to add insight');
         }
     }, [apiCall, currentConversation, insightCategoryFilter, loadInsights]);
+    // ── Render ─────────────────────────────────────────────────────────────
+    const isStreaming = streamState.isStreaming;
     const conversationSidebar = (_jsxs("div", { className: "w-64 h-full bg-white dark:bg-gray-800 border-r border-gray-200 dark:border-gray-700 flex flex-col", children: [_jsxs("div", { className: "p-4 border-b border-gray-200 dark:border-gray-700", children: [_jsx("h2", { className: "text-lg font-semibold text-gray-900 dark:text-white mb-3", children: "Conversations" }), allowConversationManagement && (_jsxs("button", { onClick: handleCreateConversation, className: "w-full flex items-center justify-center gap-2 px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors", children: [_jsx(Plus, { className: "w-4 h-4" }), "New Chat"] }))] }), _jsx("div", { className: "flex-1 overflow-y-auto", children: conversations.length === 0 ? (_jsxs("div", { className: "p-4 text-center text-gray-500 dark:text-gray-400", children: [_jsx(MessageSquare, { className: "w-8 h-8 mx-auto mb-2 text-gray-300 dark:text-gray-600" }), _jsx("p", { className: "text-sm", children: "No conversations yet" })] })) : (_jsx("div", { className: "space-y-1 p-2", children: conversations.map((conv) => (_jsxs("div", { className: `group flex items-center gap-2 p-3 rounded-lg cursor-pointer transition-colors ${currentConversation?.id === conv.id
                             ? 'bg-blue-50 dark:bg-blue-900/50 text-blue-700 dark:text-blue-300'
                             : 'hover:bg-gray-50 dark:hover:bg-gray-700'}`, onClick: () => handleSelectConversation(conv), children: [_jsx(MessageSquare, { className: "w-4 h-4 flex-shrink-0" }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-sm font-medium truncate", children: conv.title || 'Untitled' }), _jsxs("p", { className: "text-xs text-gray-500 dark:text-gray-400", children: [conv.messageCount || 0, " messages"] })] }), streamingConvIds.has(conv.id) && (_jsx("span", { className: "w-2 h-2 bg-blue-500 rounded-full animate-pulse flex-shrink-0", title: "Thinking in background" })), allowConversationManagement && (_jsx("button", { onClick: (e) => {
@@ -1107,7 +643,6 @@ export function ChatContainer({ initialConversations, initialMessages, initialCo
                                                 if (willOpen) {
                                                     setShowAgentPanel(false);
                                                     setShowTasksPanel(false);
-                                                    // Load insights when panel opens
                                                     loadInsights(null, 0, false);
                                                 }
                                             }, className: `flex items-center gap-2 px-3 py-2 text-sm border rounded-lg transition-colors ${showInsightsPanel
@@ -1120,24 +655,12 @@ export function ChatContainer({ initialConversations, initialMessages, initialCo
                                                 }
                                             }, className: `flex items-center gap-2 px-3 py-2 text-sm border rounded-lg transition-colors ${showTasksPanel
                                                 ? 'bg-amber-100 dark:bg-amber-900/50 text-amber-700 dark:text-amber-300 border-amber-300 dark:border-amber-600'
-                                                : 'bg-white dark:bg-gray-700 text-gray-600 dark:text-gray-300 border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-600'}`, title: "View and manage tasks", children: [_jsx(ListTodo, { className: "w-4 h-4" }), _jsx("span", { className: "font-medium hidden sm:inline", children: "Tasks" })] })] })] }) }), _jsx("div", { className: "flex-1 overflow-y-auto bg-white dark:bg-gray-800", children: isLoadingMessages ? (_jsx("div", { className: "flex items-center justify-center h-full", children: _jsx("div", { className: "text-gray-500 dark:text-gray-400", children: "Loading messages..." }) })) : (_jsx(MessageList, { messages: messages, streamingContent: streamingContent, streamingAgentName: streamingAgentName, streamingThoughts: thoughts, isLoading: isStreaming, onDeleteMessage: handleDeleteMessage, onRetryMessage: handleRetryMessage, onSuggestedAction: (action) => handleSendMessage(action) })) }), isStreaming && streamingParts.filter(p => p.type === 'tool_call').length > 0 && (_jsx("div", { className: "flex-shrink-0 px-4 py-2 border-t border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800", children: streamingParts
-                            .filter((p) => p.type === 'tool_call')
-                            .map((part) => (_jsx(StreamingToolCard, { part: part }, part.id))) })), quickReplies.length > 0 && (_jsx("div", { className: "flex-shrink-0 px-3 pt-2 pb-1 flex flex-wrap gap-2 justify-center border-t border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900", children: quickReplies.map((reply) => (_jsx("button", { type: "button", onClick: () => {
+                                                : 'bg-white dark:bg-gray-700 text-gray-600 dark:text-gray-300 border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-600'}`, title: "View and manage tasks", children: [_jsx(ListTodo, { className: "w-4 h-4" }), _jsx("span", { className: "font-medium hidden sm:inline", children: "Tasks" })] })] })] }) }), _jsx("div", { className: "flex-1 overflow-y-auto bg-white dark:bg-gray-800", children: isLoadingMessages ? (_jsx("div", { className: "flex items-center justify-center h-full", children: _jsx("div", { className: "text-gray-500 dark:text-gray-400", children: "Loading messages..." }) })) : (_jsx(MessageList, { messages: messages, streamingContent: streamState.content || undefined, streamingAgentName: streamState.agentName, streamingThoughts: streamState.thoughts, streamingParts: streamState.parts, isLoading: isStreaming, onDeleteMessage: handleDeleteMessage, onRetryMessage: handleRetryMessage, onSuggestedAction: (action) => handleSendMessage(action) })) }), (quickReplies.length > 0 || (streamState.quickReplies.length > 0 && streamState.promptActive)) && (_jsx("div", { className: "flex-shrink-0 px-3 pt-2 pb-1 flex flex-wrap gap-2 justify-center border-t border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-900", children: (quickReplies.length > 0 ? quickReplies : streamState.quickReplies).map((reply) => (_jsx("button", { type: "button", onClick: () => {
                                 setQuickReplies([]);
                                 setPromptActive(false);
-                                // Abort lingering stream before sending the reply
-                                const convId = currentConversationRef.current;
-                                if (convId) {
-                                    const streamState = streamMapRef.current.get(convId);
-                                    if (streamState) {
-                                        streamState.controller.abort();
-                                        streamMapRef.current.delete(convId);
-                                        setConversationStreamingStatus(convId, false);
-                                    }
-                                }
-                                setIsStreaming(false);
+                                hookCancel();
                                 setTimeout(() => handleSendMessage(reply), 50);
-                            }, className: "px-4 py-1.5 text-sm font-medium rounded-full border border-blue-500 dark:border-blue-400 text-blue-600 dark:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/30 transition-colors", children: reply }, reply))) })), _jsx(MessageInput, { onSend: handleSendMessage, onStop: handleStopStreaming, disabled: isStreaming && !promptActive, isStreaming: isStreaming && !promptActive, conversationId: currentConversation?.id, onEnsureConversation: ensureConversation })] }), showInsights && showInsightsPanel && (_jsxs("div", { className: "w-80 bg-white dark:bg-gray-800 border-l border-gray-200 dark:border-gray-700 flex flex-col", children: [_jsxs("div", { className: "p-4 border-b border-gray-200 dark:border-gray-700", children: [_jsxs("div", { className: "flex items-center justify-between mb-3", children: [_jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: "Insights" }), _jsx("button", { onClick: () => setShowInsightsPanel(false), className: "p-1 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300", children: _jsx(X, { className: "w-5 h-5" }) })] }), currentConversation && (_jsxs("div", { className: "flex gap-2 mb-3", children: [_jsxs("button", { onClick: handleForceInsight, className: "flex-1 flex items-center justify-center gap-2 px-3 py-1.5 text-sm bg-amber-100 dark:bg-amber-900 text-amber-700 dark:text-amber-300 rounded-lg hover:bg-amber-200 dark:hover:bg-amber-800 transition-colors", title: "Manually add an insight", children: [_jsx(Sparkles, { className: "w-4 h-4" }), "Add"] }), _jsxs("button", { onClick: handleGenerateInsights, disabled: isLoadingInsights, className: "flex-1 flex items-center justify-center gap-2 px-3 py-1.5 text-sm bg-purple-100 dark:bg-purple-900 text-purple-700 dark:text-purple-300 rounded-lg hover:bg-purple-200 dark:hover:bg-purple-800 transition-colors disabled:opacity-50", children: [_jsx(Brain, { className: "w-4 h-4" }), "Generate"] })] })), insightStats && (_jsxs("div", { className: "mb-3", children: [_jsxs("div", { className: "flex items-center justify-between mb-2", children: [_jsxs("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: [insightStats.total, " insights"] }), insightCategoryFilter && (_jsx("button", { onClick: () => handleCategoryFilter(null), className: "text-xs text-purple-600 dark:text-purple-400 hover:underline", children: "Clear filter" }))] }), _jsx("div", { className: "flex flex-wrap gap-1", children: Object.entries(insightStats.by_category || {}).map(([category, count]) => (_jsxs("button", { onClick: () => handleCategoryFilter(insightCategoryFilter === category ? null : category), className: `text-xs px-2 py-1 rounded-full transition-colors ${insightCategoryFilter === category
+                            }, className: "px-4 py-1.5 text-sm font-medium rounded-full border border-blue-500 dark:border-blue-400 text-blue-600 dark:text-blue-400 hover:bg-blue-50 dark:hover:bg-blue-900/30 transition-colors", children: reply }, reply))) })), _jsx(MessageInput, { onSend: handleSendMessage, onStop: handleStopStreaming, disabled: false, isStreaming: isStreaming, conversationId: currentConversation?.id, onEnsureConversation: ensureConversation })] }), showInsights && showInsightsPanel && (_jsxs("div", { className: "w-80 bg-white dark:bg-gray-800 border-l border-gray-200 dark:border-gray-700 flex flex-col", children: [_jsxs("div", { className: "p-4 border-b border-gray-200 dark:border-gray-700", children: [_jsxs("div", { className: "flex items-center justify-between mb-3", children: [_jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: "Insights" }), _jsx("button", { onClick: () => setShowInsightsPanel(false), className: "p-1 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300", children: _jsx(X, { className: "w-5 h-5" }) })] }), currentConversation && (_jsxs("div", { className: "flex gap-2 mb-3", children: [_jsxs("button", { onClick: handleForceInsight, className: "flex-1 flex items-center justify-center gap-2 px-3 py-1.5 text-sm bg-amber-100 dark:bg-amber-900 text-amber-700 dark:text-amber-300 rounded-lg hover:bg-amber-200 dark:hover:bg-amber-800 transition-colors", title: "Manually add an insight", children: [_jsx(Sparkles, { className: "w-4 h-4" }), "Add"] }), _jsxs("button", { onClick: handleGenerateInsights, disabled: isLoadingInsights, className: "flex-1 flex items-center justify-center gap-2 px-3 py-1.5 text-sm bg-purple-100 dark:bg-purple-900 text-purple-700 dark:text-purple-300 rounded-lg hover:bg-purple-200 dark:hover:bg-purple-800 transition-colors disabled:opacity-50", children: [_jsx(Brain, { className: "w-4 h-4" }), "Generate"] })] })), insightStats && (_jsxs("div", { className: "mb-3", children: [_jsxs("div", { className: "flex items-center justify-between mb-2", children: [_jsxs("span", { className: "text-sm font-medium text-gray-700 dark:text-gray-300", children: [insightStats.total, " insights"] }), insightCategoryFilter && (_jsx("button", { onClick: () => handleCategoryFilter(null), className: "text-xs text-purple-600 dark:text-purple-400 hover:underline", children: "Clear filter" }))] }), _jsx("div", { className: "flex flex-wrap gap-1", children: Object.entries(insightStats.by_category || {}).map(([category, count]) => (_jsxs("button", { onClick: () => handleCategoryFilter(insightCategoryFilter === category ? null : category), className: `text-xs px-2 py-1 rounded-full transition-colors ${insightCategoryFilter === category
                                                 ? category === 'preference'
                                                     ? 'bg-blue-500 text-white'
                                                     : category === 'fact'
@@ -1164,7 +687,6 @@ export function ChatContainer({ initialConversations, initialMessages, initialCo
                                             }
                                         }, placeholder: "Search insights...", className: "flex-1 px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-500 bg-white dark:bg-gray-700 text-gray-900 dark:text-white" }), _jsx("button", { onClick: handleSearchInsights, disabled: isLoadingInsights, className: "p-2 bg-purple-600 text-white rounded-lg hover:bg-purple-700 transition-colors disabled:opacity-50", children: _jsx(Search, { className: "w-4 h-4" }) })] })] }), _jsx("div", { className: "flex-1 overflow-y-auto p-4 space-y-3", onScroll: (e) => {
                             const target = e.target;
-                            // Load more when scrolled near bottom
                             if (target.scrollHeight - target.scrollTop - target.clientHeight < 100) {
                                 loadMoreInsights();
                             }
@@ -1180,16 +702,14 @@ export function ChatContainer({ initialConversations, initialMessages, initialCo
                                                                 : result.insight?.category === 'context'
                                                                     ? 'bg-amber-100 text-amber-700 dark:bg-amber-900 dark:text-amber-300'
                                                                     : 'bg-gray-100 text-gray-700 dark:bg-gray-600 dark:text-gray-300'}`, children: result.insight?.category || 'other' }), result.score < 1 && (_jsxs("span", { className: "text-xs text-gray-500 dark:text-gray-400", children: [(result.score * 100).toFixed(0), "% match"] }))] }), _jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none text-sm text-gray-900 dark:text-white break-words overflow-hidden", children: _jsx(ReactMarkdown, { remarkPlugins: [remarkGfm], components: {
-                                                    // Ensure links wrap properly
                                                     a: ({ children, href }) => (_jsx("a", { href: href, target: "_blank", rel: "noopener noreferrer", className: "text-purple-600 dark:text-purple-400 hover:underline break-all", onClick: (e) => e.stopPropagation(), children: children })),
-                                                    // Ensure paragraphs don't have excessive margins
                                                     p: ({ children }) => _jsx("p", { className: "mb-1 last:mb-0", children: children }),
                                                 }, children: result.insight?.content || '' }) }), result.insight?.createdAt && (_jsx("p", { className: "text-xs text-gray-400 dark:text-gray-500 mt-2", children: new Date(result.insight.createdAt).toLocaleDateString() }))] }, result.insight?.id || index))), isLoadingInsights && (_jsx("div", { className: "text-center text-gray-500 dark:text-gray-400 py-2", children: "Loading..." })), hasMoreInsights && !isLoadingInsights && (_jsx("button", { onClick: loadMoreInsights, className: "w-full py-2 text-sm text-purple-600 dark:text-purple-400 hover:underline", children: "Load more..." }))] })) })] })), selectedInsight && (_jsx(InsightEditModal, { insight: selectedInsight, onClose: () => setSelectedInsight(null), onSave: handleSaveInsight, onDelete: handleDeleteInsight })), showAgentSelector && showAgentPanel && (_jsx(AgentSelectionPanel, { selectedAgents: selectedAgents, onAgentsChange: setSelectedAgents, availableAgents: availableAgents.filter(a => a.is_active).map(a => ({
                     id: a.id,
                     name: a.display_name || a.name,
                     description: a.description || '',
                     enabled: a.is_active,
-                    capabilities: [], // Could add capabilities from agent definition if available
+                    capabilities: [],
                 })), onClose: () => setShowAgentPanel(false) })), showTasksPanel && (_jsxs("div", { className: "w-80 bg-white dark:bg-gray-800 border-l border-gray-200 dark:border-gray-700 flex flex-col", children: [_jsxs("div", { className: "p-4 border-b border-gray-200 dark:border-gray-700", children: [_jsxs("div", { className: "flex items-center justify-between mb-3", children: [_jsx("h3", { className: "text-lg font-semibold text-gray-900 dark:text-white", children: "Tasks" }), _jsx("button", { onClick: () => setShowTasksPanel(false), className: "p-1 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300", children: _jsx(X, { className: "w-5 h-5" }) })] }), _jsx("p", { className: "text-sm text-gray-500 dark:text-gray-400", children: "Manage background tasks and scheduled operations." })] }), _jsx("div", { className: "flex-1 overflow-y-auto p-4", children: _jsxs("div", { className: "text-center text-gray-500 dark:text-gray-400", children: [_jsx(ListTodo, { className: "w-12 h-12 mx-auto mb-3 text-gray-300 dark:text-gray-600" }), _jsx("p", { className: "text-sm font-medium", children: "Coming Soon" }), _jsx("p", { className: "text-xs mt-2", children: "Agent tasks feature is under development. Soon you'll be able to:" }), _jsxs("ul", { className: "text-xs mt-3 space-y-1 text-left max-w-[200px] mx-auto", children: [_jsxs("li", { className: "flex items-center gap-2", children: [_jsx("span", { className: "w-1.5 h-1.5 bg-amber-500 rounded-full" }), "Schedule recurring tasks"] }), _jsxs("li", { className: "flex items-center gap-2", children: [_jsx("span", { className: "w-1.5 h-1.5 bg-amber-500 rounded-full" }), "Create background research jobs"] }), _jsxs("li", { className: "flex items-center gap-2", children: [_jsx("span", { className: "w-1.5 h-1.5 bg-amber-500 rounded-full" }), "Set up automated reports"] })] })] }) })] }))] }));
 }
 //# sourceMappingURL=ChatContainer.js.map