no idea

src/apps/officer-web/Screens/Dashboard/Layout/DashboardLayout.tsx

@@ -1,3 +1,5 @@
+import { useMemo } from 'react';
+import { useAuth } from 'hooks/useAuth';
 import { Background } from './Background';
 import { Header } from './Header';
 import { Dock, dockItems } from './Dock';
@@ -6,12 +8,18 @@ type DashboardLayoutProps = {
   children?: React.ReactNode;
 };
 export function DashboardLayout({ children }: DashboardLayoutProps) {
+  const { user } = useAuth();
+  const visibleItems = useMemo(
+    () => dockItems.filter((item) => !item.role || item.role === user?.role),
+    [user?.role],
+  );
+
   return (
     <div className="relative overflow-hidden h-dvh outline-none inset-0">
       <Header />
       <section className="relative h-dvh snap-start overflow-hidden">
         <Background />
-        <Dock items={dockItems} />
+        <Dock items={visibleItems} />
         <div className="absolute inset-0 z-2 pt-[52px] md:pt-[64px] pb-2 overflow-y-auto">
           {children}
         </div>

src/apps/officer-web/Screens/Dashboard/Layout/Dock.tsx

@@ -7,6 +7,7 @@ export type DockItem = {
   to: string;
   icon: LucideIcon;
   color: string;
+  role?: string;
 };
 
 type DockProps = {
@@ -109,7 +110,7 @@ export const Dock = ({ items, className }: DockProps) => {
 };
 
 
-import { MessageCircle, FileText, FolderOpen, Code, LayoutGrid, Bot, ScrollText } from 'lucide-react';
+import { MessageCircle, FileText, FolderOpen, Code, LayoutGrid, Bot, ScrollText, FolderKanban, Monitor } from 'lucide-react';
 
 export const dockItems: DockItem[] = [
   { label: 'Files', to: '/files', icon: FolderOpen, color: '#fbbf24' },
@@ -119,5 +120,7 @@ export const dockItems: DockItem[] = [
   { label: 'Plans', to: '/plans', icon: FileText, color: '#f472b6' },
   { label: 'Automation', to: '/automation', icon: Bot, color: '#2dd4bf' },
   { label: 'Logs', to: '/task-logs', icon: ScrollText, color: '#94a3b8' },
+  { label: 'Terminal', to: '/terminal', icon: Monitor, color: '#f97316', role: 'Super Admin' },
+  { label: 'Projects', to: '/projects', icon: FolderKanban, color: '#10b981' },
   { label: 'Workspaces', to: '/workspaces', icon: LayoutGrid, color: '#8b5cf6' },
 ];