Added image generation to blog writer

2025-10-31 15:59:16 +05:30
parent 3219e6bbe4
commit cdb41aec1b
80 changed files with 7662 additions and 3951 deletions
--- a/frontend/src/components/BlogWriter/BlogWriterUtils/HeaderBar.tsx
+++ b/frontend/src/components/BlogWriter/BlogWriterUtils/HeaderBar.tsx
@@ -0,0 +1,41 @@
+import React from 'react';
+import PhaseNavigation from '../PhaseNavigation';
+
+interface HeaderBarProps {
+  phases: any[];
+  currentPhase: string;
+  onPhaseClick: (phaseId: string) => void;
+}
+
+export const HeaderBar: React.FC<HeaderBarProps> = ({ phases, currentPhase, onPhaseClick }) => {
+  return (
+    <div style={{ padding: 16, borderBottom: '1px solid #eee' }}>
+      <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 12 }}>
+        <h2 style={{ margin: 0 }}>AI Blog Writer</h2>
+        <div style={{ 
+          width: '40px', 
+          height: '40px', 
+          backgroundColor: '#f0f0f0', 
+          borderRadius: '8px',
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          fontSize: '20px',
+          fontWeight: 'bold',
+          color: '#666'
+        }}>
+          A
+        </div>
+      </div>
+      <PhaseNavigation
+        phases={phases}
+        currentPhase={currentPhase}
+        onPhaseClick={onPhaseClick}
+      />
+    </div>
+  );
+};
+
+export default HeaderBar;
+
+