Research component integration, Copilotkit implementation, SEO copilotkit implementation, Wix SEO metadata complete, Wix SEO metadata review

frontend/src/components/BlogWriter/BlogWriterUtils/HeaderBar.tsx

@@ -1,13 +1,35 @@
 import React from 'react';
-import PhaseNavigation from '../PhaseNavigation';
+import PhaseNavigation, { PhaseActionHandlers } from '../PhaseNavigation';
 
 interface HeaderBarProps {
   phases: any[];
   currentPhase: string;
   onPhaseClick: (phaseId: string) => void;
+  copilotKitAvailable?: boolean;
+  actionHandlers?: PhaseActionHandlers;
+  hasResearch?: boolean;
+  hasOutline?: boolean;
+  outlineConfirmed?: boolean;
+  hasContent?: boolean;
+  contentConfirmed?: boolean;
+  hasSEOAnalysis?: boolean;
+  hasSEOMetadata?: boolean;
 }
 
-export const HeaderBar: React.FC<HeaderBarProps> = ({ phases, currentPhase, onPhaseClick }) => {
+export const HeaderBar: React.FC<HeaderBarProps> = ({ 
+  phases, 
+  currentPhase, 
+  onPhaseClick,
+  copilotKitAvailable = true,
+  actionHandlers,
+  hasResearch = false,
+  hasOutline = false,
+  outlineConfirmed = false,
+  hasContent = false,
+  contentConfirmed = false,
+  hasSEOAnalysis = false,
+  hasSEOMetadata = false,
+}) => {
   return (
     <div style={{ padding: 16, borderBottom: '1px solid #eee' }}>
       <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 12 }}>
@@ -31,6 +53,15 @@ export const HeaderBar: React.FC<HeaderBarProps> = ({ phases, currentPhase, onPh
         phases={phases}
         currentPhase={currentPhase}
         onPhaseClick={onPhaseClick}
+        copilotKitAvailable={copilotKitAvailable}
+        actionHandlers={actionHandlers}
+        hasResearch={hasResearch}
+        hasOutline={hasOutline}
+        outlineConfirmed={outlineConfirmed}
+        hasContent={hasContent}
+        contentConfirmed={contentConfirmed}
+        hasSEOAnalysis={hasSEOAnalysis}
+        hasSEOMetadata={hasSEOMetadata}
       />
     </div>
   );