feat: add re-analysis buttons and pass parameters to agent

frontend/src/App.tsx

@@ -516,7 +516,7 @@ export default function App() {
   };
 
   // 8. Call QuantIQ AI Analyst Agent
-  const triggerAIInsight = async () => {
+  const triggerAIInsight = async (tradingStyle?: string, riskTolerance?: string) => {
     if (!user || (user.credits <= 0 && user.email !== 'karanshelar8775@gmail.com')) {
       setCurrentView('upgrade');
       return;
@@ -528,15 +528,15 @@ export default function App() {
 
     try {
       const insightData = await graphqlRequest(`
-        mutation GetAIInsight($ticker: String!) {
-          getAiInsight(ticker: $ticker) {
+        mutation GetAIInsight($ticker: String!, $tradingStyle: String, $riskTolerance: String) {
+          getAiInsight(ticker: $ticker, tradingStyle: $tradingStyle, riskTolerance: $riskTolerance) {
             ticker
             bullishProbability
             reason
             creditsRemaining
           }
         }
-      `, { ticker: activeTicker });
+      `, { ticker: activeTicker, tradingStyle, riskTolerance });
 
       setInsight(insightData.getAiInsight);
       setUser({ ...user, credits: insightData.getAiInsight.creditsRemaining });
@@ -662,6 +662,7 @@ export default function App() {
         onCreateAlert={handleCreateAlert}
         onDeactivateAlert={handleDeactivateAlert}
         onTriggerInsight={triggerAIInsight}
+        onResetInsight={() => { setInsight(null); setInsightError(null); }}
         onOpenRecharge={() => setCurrentView('upgrade')}
         onLogout={handleLogout}
         onLogoClick={() => setCurrentView('landing')}

frontend/src/components/AIAnalyst.tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import Logo from './Logo';
 
 interface AIInsight {
@@ -15,6 +15,7 @@ interface AIAnalystProps {
   loadingInsight: boolean;
   insightError: string | null;
   onTriggerInsight: (tradingStyle: string, riskTolerance: string) => void;
+  onResetInsight: () => void;
 }
 
 export default function AIAnalyst({
@@ -24,6 +25,7 @@ export default function AIAnalyst({
   loadingInsight,
   insightError,
   onTriggerInsight,
+  onResetInsight,
 }: AIAnalystProps) {
   const [activeTab, setActiveTab] = useState<'analysis' | 'history'>('analysis');
   const [selectedHistoryItem, setSelectedHistoryItem] = useState<any | null>(null);
@@ -32,6 +34,14 @@ export default function AIAnalyst({
   const [isStyleOpen, setIsStyleOpen] = useState(false);
   const [isRiskOpen, setIsRiskOpen] = useState(false);
 
+  // Auto-switch to analysis tab when loading starts
+  useEffect(() => {
+    if (loadingInsight) {
+      setActiveTab('analysis');
+      setSelectedHistoryItem(null);
+    }
+  }, [loadingInsight]);
+
   // Parse inline markdown: **bold**, *italic*
   const parseInline = (text: string, keyPrefix: string) => {
     // Handle **bold** and *italic* (in that order, bold first)
@@ -466,8 +476,15 @@ export default function AIAnalyst({
             )}
 
             {insightError && (
-              <div style={{ padding: '20px', color: 'var(--bear-red)', textAlign: 'center' }}>
-                {insightError}
+              <div style={{ padding: '20px', display: 'flex', flexDirection: 'column', alignItems: 'center', gap: '16px' }}>
+                <span style={{ color: 'var(--bear-red)', textAlign: 'center' }}>{insightError}</span>
+                <button 
+                  className="insight-btn" 
+                  onClick={onResetInsight}
+                  style={{ maxWidth: '250px' }}
+                >
+                  Try Again / Adjust Parameters
+                </button>
               </div>
             )}
 
@@ -485,6 +502,13 @@ export default function AIAnalyst({
                     <span style={{ color: 'var(--neon-cyan)', fontWeight: 600 }}>Disclaimer:</span>
                     <span>QuantIQ AI is an automated strategy assistant and can make mistakes. All analysis is for informational purposes only and should not be considered financial advice. Please verify financial data independently.</span>
                   </div>
+                  <button 
+                    className="insight-btn" 
+                    onClick={onResetInsight} 
+                    style={{ marginTop: '20px', width: '100%' }}
+                  >
+                    Generate Another Strategy Report
+                  </button>
                 </div>
               </div>
             )}

frontend/src/pages/Dashboard.tsx

@@ -26,7 +26,8 @@ interface DashboardProps {
   onRemoveTicker: (ticker: string) => Promise<void>;
   onCreateAlert: (targetPrice: number, condition: string) => Promise<void>;
   onDeactivateAlert: (alertId: string) => Promise<void>;
-  onTriggerInsight: () => void;
+  onTriggerInsight: (tradingStyle: string, riskTolerance: string) => void;
+  onResetInsight: () => void;
   onOpenRecharge: () => void;
   onLogout: () => void;
   onLogoClick?: () => void;
@@ -54,6 +55,7 @@ export default function Dashboard({
   onCreateAlert,
   onDeactivateAlert,
   onTriggerInsight,
+  onResetInsight,
   onOpenRecharge,
   onLogout,
   onLogoClick,
@@ -110,6 +112,7 @@ export default function Dashboard({
                 loadingInsight={loadingInsight}
                 insightError={insightError}
                 onTriggerInsight={onTriggerInsight}
+                onResetInsight={onResetInsight}
               />
             </section>