Add features & update project

apps/next/src/app/(app)/settings/layout.tsx

@@ -3,7 +3,7 @@
 import type { ReactNode } from 'react';
 import Link from 'next/link';
 import { usePathname } from 'next/navigation';
-import { Brain, Github, Shield, User } from 'lucide-react';
+import { Brain, Github, ServerCog, Shield, User } from 'lucide-react';
 
 import { cn } from '@spoon/ui';
 
@@ -11,6 +11,7 @@ const settingsItems = [
   { href: '/settings/profile', label: 'Profile', icon: User },
   { href: '/settings/integrations', label: 'Integrations', icon: Github },
   { href: '/settings/ai-providers', label: 'AI providers', icon: Brain },
+  { href: '/settings/worker', label: 'Worker', icon: ServerCog },
   { href: '/settings/security', label: 'Security', icon: Shield },
 ];
 

apps/next/src/app/(app)/settings/worker/page.tsx

@@ -0,0 +1,15 @@
+import { WorkerHealthPanel } from '@/components/settings/worker-health-panel';
+
+const WorkerSettingsPage = () => (
+  <section className='max-w-5xl space-y-4'>
+    <div>
+      <h2 className='text-xl font-semibold'>Worker</h2>
+      <p className='text-muted-foreground mt-1 text-sm'>
+        Monitor the agent worker and clean up old workspace state.
+      </p>
+    </div>
+    <WorkerHealthPanel />
+  </section>
+);
+
+export default WorkerSettingsPage;