frontend-refactor-1

frontend/src/pages/Thinker/AuthorProfiles.tsx

@@ -1,12 +1,14 @@
 import { useState, useEffect } from 'react';
 import PageMeta from '../../components/common/PageMeta';
+import PageHeader from '../../components/common/PageHeader';
+import ModuleNavigationTabs from '../../components/navigation/ModuleNavigationTabs';
 import { useToast } from '../../components/ui/toast/ToastContainer';
 import { fetchAuthorProfiles, createAuthorProfile, updateAuthorProfile, deleteAuthorProfile, AuthorProfile } from '../../services/api';
 import { Card } from '../../components/ui/card';
 import Button from '../../components/ui/button/Button';
 import FormModal, { FormField } from '../../components/common/FormModal';
 import Badge from '../../components/ui/badge/Badge';
-import { PlusIcon } from '../../icons';
+import { PlusIcon, BoltIcon, UserIcon, ShootingStarIcon, ImageIcon } from '../../icons';
 
 export default function AuthorProfiles() {
   const toast = useToast();
@@ -97,14 +99,23 @@ export default function AuthorProfiles() {
     { name: 'is_active', label: 'Active', type: 'checkbox', required: false },
   ];
 
+  // 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 (
     <div className="p-6">
       <PageMeta title="Author Profiles" />
+      <PageHeader 
+        title="Author Profiles" 
+        badge={{ icon: <UserIcon />, color: 'blue' }}
+      />
+      <ModuleNavigationTabs tabs={thinkerTabs} />
       <div className="mb-6 flex justify-between items-center">
-        <div>
-          <h1 className="text-2xl font-bold text-gray-900 dark:text-white">Author Profiles</h1>
-          <p className="text-gray-600 dark:text-gray-400 mt-1">Manage writing style profiles</p>
-        </div>
         <Button onClick={handleCreate} variant="primary">
           <PlusIcon className="w-4 h-4 mr-2" />
           Create Profile