I mean, it's at a good place rn...

2026-08-03 07:23:24 +02:00 · 2026-04-20 15:10:54 +02:00
parent 0023c25d60
commit 8e201901c0
264 changed files with 36484 additions and 748 deletions
@@ -0,0 +1,136 @@
+"use client";
+
+import Image from "next/image";
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+import { cn } from "@/lib/utils";
+import {
+  LayoutDashboard,
+  ListTodo,
+  Kanban,
+  MessageSquare,
+  Bell,
+  Activity,
+  ChevronLeft,
+  Settings,
+  Bot,
+  Shield,
+  BookOpen,
+  FolderGit2,
+  GitBranch,
+  Database,
+} from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { ScrollArea } from "@/components/ui/scroll-area";
+import { useUIStore } from "@/store";
+
+const navItems = [
+  // Dashboard
+  { title: "Overview", href: "/overview", icon: LayoutDashboard },
+
+  // Work Management
+  { title: "Tasks", href: "/tasks", icon: ListTodo },
+  { title: "Kanban", href: "/kanban", icon: Kanban },
+
+  // Development
+  { title: "Projects", href: "/projects", icon: FolderGit2 },
+  { title: "Git", href: "/git", icon: GitBranch },
+
+  // Team & Reference
+  { title: "Agents", href: "/agents", icon: Bot },
+  { title: "Knowledge Base", href: "/knowledge-base", icon: Database },
+  { title: "Auditor", href: "/auditor", icon: Shield },
+
+  // History
+  { title: "Communications", href: "/communications", icon: MessageSquare },
+  { title: "Journals", href: "/journals", icon: BookOpen },
+
+  // System
+  { title: "Notifications", href: "/notifications", icon: Bell },
+  { title: "Metrics", href: "/metrics", icon: Activity },
+];
+
+export function Sidebar() {
+  const pathname = usePathname();
+  const { sidebarCollapsed, setSidebarCollapsed } = useUIStore();
+
+  return (
+    <aside
+      className={cn(
+        "flex h-screen flex-col border-r bg-background transition-all duration-300",
+        sidebarCollapsed ? "w-16" : "w-64"
+      )}
+    >
+      {/* Logo */}
+      <div className="flex h-16 items-center justify-between border-b px-4">
+        {!sidebarCollapsed && (
+          <Link href="/overview" className="flex items-center gap-2">
+            <Image
+              src="/roboco-logo.png"
+              alt="RoboCo"
+              width={32}
+              height={32}
+              priority
+              className="h-8 w-8 rounded"
+            />
+            <span className="font-semibold text-lg">RoboCo</span>
+          </Link>
+        )}
+        <Button
+          variant="ghost"
+          size="icon"
+          onClick={() => setSidebarCollapsed(!sidebarCollapsed)}
+          className={cn(sidebarCollapsed && "mx-auto")}
+        >
+          <ChevronLeft
+            className={cn(
+              "h-4 w-4 transition-transform",
+              sidebarCollapsed && "rotate-180"
+            )}
+          />
+        </Button>
+      </div>
+
+      {/* Navigation */}
+      <ScrollArea className="flex-1 py-4">
+        <nav className="space-y-1 px-2">
+          {navItems.map((item) => {
+            const isActive = pathname.startsWith(item.href);
+            return (
+              <Link
+                key={item.href}
+                href={item.href}
+                className={cn(
+                  "flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium transition-colors",
+                  isActive
+                    ? "bg-primary text-primary-foreground"
+                    : "text-muted-foreground hover:bg-muted hover:text-foreground",
+                  sidebarCollapsed && "justify-center px-2"
+                )}
+                title={sidebarCollapsed ? item.title : undefined}
+              >
+                <item.icon className="h-5 w-5 shrink-0" />
+                {!sidebarCollapsed && <span>{item.title}</span>}
+              </Link>
+            );
+          })}
+        </nav>
+      </ScrollArea>
+
+      {/* Footer */}
+      <div className="border-t p-2">
+        <Link
+          href="/settings"
+          className={cn(
+            "flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium text-muted-foreground hover:bg-muted hover:text-foreground transition-colors",
+            sidebarCollapsed && "justify-center px-2"
+          )}
+          title={sidebarCollapsed ? "Settings" : undefined}
+        >
+          <Settings className="h-5 w-5" />
+          {!sidebarCollapsed && <span>Settings</span>}
+        </Link>
+      </div>
+    </aside>
+  );
+}