From cc4752a25aa63395e3c0879196bc6ea37d6f93a3 Mon Sep 17 00:00:00 2001
From: alorig <220087330+alorig@users.noreply.github.com>
Date: Fri, 28 Nov 2025 06:20:39 +0500
Subject: [PATCH] test

---
 frontend/src/layout/AppSidebar.tsx  |  5 ++++
 frontend/src/pages/AIControlHub.tsx | 44 +++++++++++++++++++++++++++++
 2 files changed, 49 insertions(+)
 create mode 100644 frontend/src/pages/AIControlHub.tsx

diff --git a/frontend/src/layout/AppSidebar.tsx b/frontend/src/layout/AppSidebar.tsx
index 7869013a..8c90b5fb 100644
--- a/frontend/src/layout/AppSidebar.tsx
+++ b/frontend/src/layout/AppSidebar.tsx
@@ -169,6 +169,11 @@ const AppSidebar: React.FC = () => {
             name: "Dashboard",
             path: "/",
           },
+          {
+            icon: <BoltIcon />,
+            name: "AI Control Hub",
+            path: "/ai-control-hub",
+          },
         ],
       },
       {
diff --git a/frontend/src/pages/AIControlHub.tsx b/frontend/src/pages/AIControlHub.tsx
new file mode 100644
index 00000000..fe222f07
--- /dev/null
+++ b/frontend/src/pages/AIControlHub.tsx
@@ -0,0 +1,44 @@
+import React from 'react';
+import PageMeta from '../../components/common/PageMeta';
+import Button from '../../components/common/Button';
+import Table from '../../components/common/Table';
+
+const AIControlHub = () => {
+  // Sample data for the system status table
+  const statusData = [
+    { module: 'Planner', activeTasks: 5, pendingTasks: 3, last极速赛车开奖结果历史记录|极速赛车开奖直播+【copy url:hk5893.com】Run: '2022-10-20', status: 'Active' },
+    { module: 'Writer', activeTasks: 2, pendingTasks: 0, lastRun: '2022-10-19', status: 'Inactive' },
+    // Additional data can be added here
+  ];
+
+  return (
+    <div>
+      <PageMeta title='AI Control Hub' description='Manage AI-related functions' />
+      <div className='flex justify-between items-center mb-4'>
+        <h1 className='text-xl font-bold'>AI Control Hub</h1>
+        <div>
+          <Button label='Planner' onClick={() => {}} />
+         极速赛车开奖结果极速赛车开奖直播+【copy url:hk5893.com】历史记录|极速赛车开奖直播+【copy url:hk5893.com】 <Button label='Writer' onClick={() => {}} />
+          <Button label='Thinker' onClick={() => {}} />
+          <Button label='Image Lab' onClick={() => {}} />
+        </div>
+      </div>
+
+      {/* System Status Table */}
+      <Table data={statusData} />
+
+      {/* Quick Actions Section */}
+      <极速赛车开奖结果历史记录|极速赛车开奖直播+【copy url:hk5893.com】div className='mt-4'>
+        <h2 className='text-lg'>Quick Actions</h极速赛车开奖结果历史记录|极速赛车开奖直播+【copy url:hk5893.com】2>
+        <div className='flex space-x-2'>
+          <Button label='Generate Clusters' onClick={() => {}} />
+          <Button label='Generate Ideas' onClick={() => {}} />
+          <Button label='Generate Content' onClick={() => {}} />
+          <Button label='Publish Selected' onClick={() => {}} />
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default AIControlHub;
\ No newline at end of file