[ADE-171] - Add new MCP configuration and enhance chat functionality

- Introduced `mcp.json` for TalkToFigma command configuration.
- Updated Capacitor server settings to allow all navigation.
- Modified home page i18n message for clarity.
- Enhanced ChatPage to reset chat state on route changes and component unmount.
- Updated NoReportsMessage component to include retry functionality.
- Adjusted NoReportsMessage styles for better visual consistency.

Author: jkestering-modus

.cursor/mcp.json

@@ -0,0 +1,10 @@
+{
+    "mcpServers": {
+      "TalkToFigma": {
+        "command": "bunx",
+        "args": [
+          "cursor-talk-to-figma-mcp"
+        ]
+      }
+    }
+  }

bunx

@@ -20,7 +20,7 @@ const config: CapacitorConfig = {
   },
   server: {
     allowNavigation: [
-			"https://*"
+			"*"
 		]
   }
 };

frontend/capacitor.config.ts

@@ -26,7 +26,7 @@
     "uploadDate": "Upload Date",
     "noReports": {
       "title": "No Reports",
-      "message": "Upload a report or try again later",
+      "message": "Upload a report or try again",
       "uploadButton": "Upload Report",
       "connectButton": "Connect Provider"
     },

frontend/src/common/utils/i18n/resources/en/home.json

@@ -1,6 +1,7 @@
 import { IonContent, IonHeader, IonPage, IonTitle, IonToolbar } from '@ionic/react';
 import { useTranslation } from 'react-i18next';
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useRef } from 'react';
+import { useLocation } from 'react-router-dom';
 import ChatContainer from '../../common/components/Chat/ChatContainer';
 import ChatInput from '../../common/components/Chat/ChatInput';
 import { chatService } from '../../common/services/ChatService';
@@ -16,19 +17,51 @@ import './ChatPage.scss';
 const ChatPage = (): JSX.Element => {
   const { t } = useTranslation();
   const [messages, setMessages] = useState<ChatMessageData[]>([]);
+  const location = useLocation();
+  const prevPathRef = useRef(location.pathname);
 
-  // Reset chat session when component unmounts
+  const resetChatState = () => {
+    setMessages([]);
+  };
+
+  // Handle initial setup and cleanup
   useEffect(() => {
-    // Create a new session when the component mounts
-    chatService.resetSession();
+    // Create a new session when the component mounts using an IIFE
+    (async () => {
+      await chatService.resetSession();
+      resetChatState();
+    })();
 
     // Reset the chat session when the component unmounts
     return () => {
+      // We need to call this synchronously in the cleanup function
+      // but we can at least trigger the reset process
       chatService.resetSession();
-      // We don't need to clear messages array since the component is unmounting
+      resetChatState();
     };
   }, []);
 
+  // Listen for route changes to reset chat when navigating away
+  useEffect(() => {
+    // If we came back to this page from another route, reset the chat
+    if (prevPathRef.current !== location.pathname && location.pathname === '/tabs/chat') {
+      // We're returning to the chat page
+      (async () => {
+        await chatService.resetSession();
+        resetChatState();
+      })();
+    }
+    
+    // If we're navigating away, reset chat state
+    if (prevPathRef.current === '/tabs/chat' && location.pathname !== '/tabs/chat') {
+      chatService.resetSession();
+      resetChatState();
+    }
+    
+    // Update ref for next comparison
+    prevPathRef.current = location.pathname;
+  }, [location.pathname]);
+
   const handleSendMessage = async (text: string) => {
     const userMessage = chatService.createUserMessage(text);
     setMessages(prevMessages => [...prevMessages, userMessage]);

frontend/src/pages/Chat/ChatPage.tsx

@@ -85,7 +85,10 @@ const HomePage: React.FC = () => {
     if (!reports || reports.length === 0) {
       return (
         <div className="home-page__empty-state">
-          <NoReportsMessage onUpload={handleUpload} />
+          <NoReportsMessage 
+            onUpload={handleUpload} 
+            onRetry={handleRetry} 
+          />
         </div>
       );
     }

frontend/src/pages/Home/HomePage.tsx

@@ -51,7 +51,7 @@
     &--secondary {
       --background: white;
       --color: var(--ion-color-primary);
-      --border-color: var(--ion-color-light);
+      --border-color: var(--ion-color-primary);
     }
   }
 }