test

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",
+          },
         ],
       },
       {

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;