Update components/ai/ChatPanel.tsx

components/ai/ChatPanel.tsx

@@ -179,6 +179,9 @@ export const ChatPanel: React.FC<ChatPanelProps> = ({ currentUser }) => {
         
         setIsChatProcessing(true);
 
+        // Define ID outside try block so it is available in catch block
+        const newAiMsgId = (Date.now() + 1).toString();
+
         try {
             // Process Images to Base64 first to update UI correctly
             const base64Images = await Promise.all(currentImages.map(f => compressImage(f)));
@@ -192,7 +195,7 @@ export const ChatPanel: React.FC<ChatPanelProps> = ({ currentUser }) => {
                 images: base64Images, 
                 timestamp: Date.now() 
             };
-            const newAiMsgId = (Date.now() + 1).toString();
+            
             const newAiMsg: AIChatMessage = { id: newAiMsgId, role: 'model', text: '', timestamp: Date.now() };
 
             setMessages(prev => [...prev, newUserMsg, newAiMsg]);