frontend-refactor-1

frontend/src/pages/Thinker/Prompts.tsx

@@ -1,9 +1,11 @@
 import { useState, useEffect } from 'react';
 import PageMeta from '../../components/common/PageMeta';
+import PageHeader from '../../components/common/PageHeader';
+import ModuleNavigationTabs from '../../components/navigation/ModuleNavigationTabs';
 import Button from '../../components/ui/button/Button';
 import TextArea from '../../components/form/input/TextArea';
 import { useToast } from '../../components/ui/toast/ToastContainer';
-import { BoltIcon } from '../../icons';
+import { BoltIcon, UserIcon, ShootingStarIcon, ImageIcon } from '../../icons';
 import { fetchAPI } from '../../services/api';
 
 interface PromptData {
@@ -197,23 +199,23 @@ export default function Prompts() {
     );
   }
 
+  // Thinker navigation tabs
+  const thinkerTabs = [
+    { label: 'Prompts', path: '/thinker/prompts', icon: <BoltIcon /> },
+    { label: 'Author Profiles', path: '/thinker/author-profiles', icon: <UserIcon /> },
+    { label: 'Strategies', path: '/thinker/strategies', icon: <ShootingStarIcon /> },
+    { label: 'Image Testing', path: '/thinker/image-testing', icon: <ImageIcon /> },
+  ];
+
   return (
     <>
       <PageMeta title="Prompts - IGNY8" description="AI prompts management" />
-      
+      <PageHeader 
+        title="AI Prompts Management" 
+        badge={{ icon: <BoltIcon />, color: 'orange' }}
+      />
+      <ModuleNavigationTabs tabs={thinkerTabs} />
       <div className="p-6">
-        {/* Page Header */}
-        <div className="mb-6">
-          <div className="flex items-center gap-3 mb-2">
-            <BoltIcon className="text-primary-500 size-6" />
-            <h1 className="text-2xl font-semibold text-gray-800 dark:text-white">
-              AI Prompts Management
-            </h1>
-          </div>
-          <p className="text-gray-600 dark:text-gray-400">
-            Configure AI prompt templates for clustering, idea generation, content writing, and image generation
-          </p>
-        </div>
 
         {/* Planner Prompts Section */}
         <div className="mb-8">