fix: better openai usage for big pickle

src/renderer/components/ChatPanel/ChatPanel.tsx

@@ -135,7 +135,8 @@ export const ChatPanel: React.FC<ChatPanelProps> = ({ conversationId }) => {
       const result = await window.electronAPI?.chat.sendMessage(conversationId, message);
 
       // Use the streamed content we accumulated via onStreamDelta
-      const assistantContent = streamingRef.current;
+      // Fall back to the backend result message if streaming didn't capture the content
+      const assistantContent = streamingRef.current || (result?.success ? result.message : '');
 
       if (assistantContent) {
         const assistantMessage: ChatMessage = {
@@ -156,6 +157,17 @@ export const ChatPanel: React.FC<ChatPanelProps> = ({ conversationId }) => {
           createdAt: new Date().toISOString()
         };
         setMessages(prev => [...prev, errorMessage]);
+      } else {
+        // No content from streaming AND no error, but also no success message
+        // This can happen with some models that don't return content properly
+        const noContentMessage: ChatMessage = {
+          id: `empty-${Date.now()}`,
+          conversationId,
+          role: 'assistant',
+          content: 'The model returned an empty response. Try a different model or rephrase your question.',
+          createdAt: new Date().toISOString()
+        };
+        setMessages(prev => [...prev, noContentMessage]);
       }
     } catch (error) {
       console.error('Failed to send message:', error);

src/renderer/components/Sidebar/Sidebar.tsx

@@ -750,7 +750,7 @@ const SettingsNav: React.FC = () => {
 
 // Chat conversations list
 const ChatList: React.FC = () => {
-  const { openTab } = useAppStore();
+  const { openTab, closeTab } = useAppStore();
   const [conversations, setConversations] = useState<ChatConversation[]>([]);
   const [isLoading, setIsLoading] = useState(true);
   const [isReady, setIsReady] = useState(false);
@@ -819,6 +819,8 @@ const ChatList: React.FC = () => {
     try {
       await window.electronAPI?.chat.deleteConversation(conversationId);
       setConversations(prev => prev.filter(c => c.id !== conversationId));
+      // Close the tab for the deleted chat
+      closeTab(conversationId);
     } catch (error) {
       console.error('Failed to delete conversation:', error);
       showToast.error('Failed to delete chat');

src/renderer/components/TabBar/TabBar.tsx

@@ -2,7 +2,14 @@ import React, { useRef, useState, useEffect, useCallback } from 'react';
 import { useAppStore, Tab } from '../../store';
 import './TabBar.css';
 
-const getTabTitle = (tab: Tab, posts: { id: string; title: string }[], media: { id: string; originalName: string }[]): string => {
+const MAX_CHAT_TITLE_LENGTH = 25;
+
+const getTabTitle = (
+  tab: Tab,
+  posts: { id: string; title: string }[],
+  media: { id: string; originalName: string }[],
+  chatTitles: Map<string, string>
+): string => {
   if (tab.type === 'settings') {
     return 'Settings';
   }
@@ -21,6 +28,17 @@ const getTabTitle = (tab: Tab, posts: { id: string; title: string }[], media: {
     return mediaItem?.originalName || 'Media';
   }
   
+  if (tab.type === 'chat') {
+    const title = chatTitles.get(tab.id);
+    if (title && title !== 'New Chat') {
+      // Truncate long titles for display
+      return title.length > MAX_CHAT_TITLE_LENGTH 
+        ? title.substring(0, MAX_CHAT_TITLE_LENGTH) + '…'
+        : title;
+    }
+    return 'New Chat';
+  }
+  
   return 'Unknown';
 };
 
@@ -50,6 +68,12 @@ const getTabIcon = (tab: Tab): React.ReactNode => {
           <path d="M14.28 7.72l-6-6A1 1 0 007.57 1.5H2.5A1 1 0 001.5 2.5v5.07a1 1 0 00.22.56l6 6a1 1 0 001.41 0l5.15-5a1 1 0 000-1.41zM4 5a1 1 0 110-2 1 1 0 010 2z"/>
         </svg>
       );
+    case 'chat':
+      return (
+        <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
+          <path d="M14 1H2a1 1 0 00-1 1v10a1 1 0 001 1h3v2.5l4-2.5h5a1 1 0 001-1V2a1 1 0 00-1-1zm0 11H8.5L5 14v-2H2V2h12v10z"/>
+        </svg>
+      );
     default:
       return (
         <svg width="16" height="16" viewBox="0 0 16 16" fill="currentColor">
@@ -94,6 +118,52 @@ export const TabBar: React.FC = () => {
   const tabsContainerRef = useRef<HTMLDivElement>(null);
   const [showLeftArrow, setShowLeftArrow] = useState(false);
   const [showRightArrow, setShowRightArrow] = useState(false);
+  const [chatTitles, setChatTitles] = useState<Map<string, string>>(new Map());
+
+  // Fetch chat titles for chat tabs
+  useEffect(() => {
+    const chatTabs = tabs.filter(t => t.type === 'chat');
+    if (chatTabs.length === 0) return;
+
+    // Fetch titles for chat tabs that don't have a title yet
+    const fetchTitles = async () => {
+      const newTitles = new Map(chatTitles);
+      
+      for (const tab of chatTabs) {
+        if (!chatTitles.has(tab.id)) {
+          try {
+            const conversation = await window.electronAPI?.chat.getConversation(tab.id);
+            if (conversation) {
+              newTitles.set(tab.id, conversation.title);
+            }
+          } catch (error) {
+            console.error('Failed to fetch chat title:', error);
+          }
+        }
+      }
+      
+      if (newTitles.size !== chatTitles.size) {
+        setChatTitles(newTitles);
+      }
+    };
+
+    fetchTitles();
+  }, [tabs]); // Note: intentionally not including chatTitles to avoid infinite loops
+
+  // Listen for chat title updates
+  useEffect(() => {
+    const unsub = window.electronAPI?.chat.onTitleUpdated((data) => {
+      setChatTitles(prev => {
+        const newTitles = new Map(prev);
+        newTitles.set(data.conversationId, data.title);
+        return newTitles;
+      });
+    });
+
+    return () => {
+      unsub?.();
+    };
+  }, []);
 
   // Check if arrows are needed based on scroll position
   const updateArrowVisibility = useCallback(() => {
@@ -229,7 +299,7 @@ export const TabBar: React.FC = () => {
         {tabs.map((tab) => {
           const isActive = tab.id === activeTabId;
           const isDirty = tab.type === 'post' && dirtyPosts.has(tab.id);
-          const title = getTabTitle(tab, posts, media);
+          const title = getTabTitle(tab, posts, media, chatTitles);
           const icon = getTabIcon(tab);
           
           return (