AI platform insights monitoring and website analysis monitoring services added

frontend/src/components/BlogWriter/BlogWriter.tsx

@@ -160,6 +160,11 @@ export const BlogWriter: React.FC = () => {
     seoRecommendationsApplied
   );
 
+  // Update ref when navigateToPhase changes
+  React.useEffect(() => {
+    navigateToPhaseRef.current = navigateToPhase;
+  }, [navigateToPhase]);
+
   // Phase restoration logic
   usePhaseRestoration({
     copilotKitAvailable,
@@ -184,6 +189,9 @@ export const BlogWriter: React.FC = () => {
     sections
   );
 
+  // Store navigateToPhase in a ref for use in polling callbacks
+  const navigateToPhaseRef = React.useRef<((phase: string) => void) | null>(null);
+
   // Polling hooks - extracted to useBlogWriterPolling
   const {
     researchPolling,
@@ -198,6 +206,19 @@ export const BlogWriter: React.FC = () => {
     onOutlineComplete: handleOutlineComplete,
     onOutlineError: handleOutlineError,
     onSectionsUpdate: setSections,
+    onContentConfirmed: () => {
+      debug.log('[BlogWriter] Content generation completed - auto-confirming content');
+      setContentConfirmed(true);
+    },
+    navigateToPhase: (phase) => {
+      debug.log('[BlogWriter] Navigating to phase after content generation', { phase });
+      // Use ref to access navigateToPhase (defined later in component)
+      if (navigateToPhaseRef.current) {
+        setTimeout(() => {
+          navigateToPhaseRef.current?.(phase);
+        }, 0);
+      }
+    },
   });
 
   // Modal visibility management - extracted to useModalVisibility

frontend/src/components/BlogWriter/BlogWriterUtils/useBlogWriterPolling.ts

@@ -12,6 +12,8 @@ interface UseBlogWriterPollingProps {
   onOutlineComplete: (outline: any) => void;
   onOutlineError: (error: any) => void;
   onSectionsUpdate: (sections: Record<string, string>) => void;
+  onContentConfirmed?: () => void; // Callback when content generation completes
+  navigateToPhase?: (phase: string) => void; // Phase navigation function
 }
 
 export const useBlogWriterPolling = ({
@@ -19,6 +21,8 @@ export const useBlogWriterPolling = ({
   onOutlineComplete,
   onOutlineError,
   onSectionsUpdate,
+  onContentConfirmed,
+  navigateToPhase,
 }: UseBlogWriterPollingProps) => {
   // Research polling hook (for context awareness)
   const researchPolling = useResearchPolling({
@@ -47,6 +51,15 @@ export const useBlogWriterPolling = ({
           if (Object.keys(newSections).length > 0) {
             const sectionIds = Object.keys(newSections);
             blogWriterCache.cacheContent(newSections, sectionIds);
+            
+            // Auto-confirm content and navigate to SEO phase when content generation completes
+            // This happens when user clicks "Next:Confirm and generate content"
+            if (onContentConfirmed) {
+              onContentConfirmed();
+            }
+            if (navigateToPhase) {
+              navigateToPhase('seo');
+            }
           }
         }
       } catch (e) {

frontend/src/components/BlogWriter/ResearchAction.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useRef } from 'react';
+import React, { useState, useRef, useEffect } from 'react';
 import { useCopilotAction } from '@copilotkit/react-core';
 import { blogWriterApi, BlogResearchRequest, BlogResearchResponse } from '../../services/blogWriterApi';
 import { useResearchPolling } from '../../hooks/usePolling';
@@ -60,6 +60,27 @@ export const ResearchAction: React.FC<ResearchActionProps> = ({ onResearchComple
     }
   });
 
+  // Close modal when research completes (status becomes 'completed' or polling stops with result)
+  useEffect(() => {
+    if (showProgressModal && (
+      polling.currentStatus === 'completed' || 
+      (!polling.isPolling && polling.result && polling.currentStatus !== 'failed')
+    )) {
+      console.info('[ResearchAction] Closing modal - research completed', {
+        status: polling.currentStatus,
+        isPolling: polling.isPolling,
+        hasResult: !!polling.result
+      });
+      // Small delay to show completion message before closing
+      const timer = setTimeout(() => {
+        setShowProgressModal(false);
+        setCurrentTaskId(null);
+        setCurrentMessage('');
+      }, 500);
+      return () => clearTimeout(timer);
+    }
+  }, [polling.currentStatus, polling.isPolling, polling.result, showProgressModal]);
+
   useCopilotActionTyped({
     name: 'showResearchForm',
     description: 'Show keyword input form for blog research',
@@ -235,12 +256,16 @@ export const ResearchAction: React.FC<ResearchActionProps> = ({ onResearchComple
     <>
       {showProgressModal && (
         <ResearchProgressModal
-          open={showProgressModal}
+          open={showProgressModal && polling.currentStatus !== 'completed'}
           title={"Research in progress"}
           status={polling.currentStatus}
           messages={polling.progressMessages}
           error={polling.error}
-          onClose={() => setShowProgressModal(false)}
+          onClose={() => {
+            console.info('[ResearchAction] Modal closed manually');
+            setShowProgressModal(false);
+            setCurrentTaskId(null);
+          }}
         />
       )}
     </>

frontend/src/components/BlogWriter/SuggestionsGenerator.tsx

@@ -190,8 +190,21 @@ export const useSuggestions = ({
           }
         }
       } else {
-        // No content yet, show generation option
-        items.push({ title: '📝 Generate all sections', message: 'Generate all sections of my blog post' });
+        // No content yet, but outline is confirmed - show content generation options
+        if (hasContent) {
+          // Content exists but not confirmed - show confirmation and SEO options
+          items.push({ 
+            title: 'Next: Run SEO Analysis', 
+            message: 'Please analyze the blog content for SEO. Run the analyzeSEO action right away and do not ask for confirmation.'
+          });
+          items.push({ 
+            title: '📊 Content Analysis', 
+            message: 'Analyze the flow and quality of my blog content to get improvement suggestions'
+          });
+        } else {
+          // No content at all - show generation option (only if no content exists)
+          items.push({ title: '📝 Generate all sections', message: 'Generate all sections of my blog post' });
+        }
       }
     }