251208:0010 Backend & Frontend Debug

frontend/components/admin/sidebar.tsx

@@ -3,12 +3,10 @@
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 import { cn } from "@/lib/utils";
-import { Users, Building2, Settings, FileText, Activity, Network, Hash } from "lucide-react";
+import { Users, Building2, Settings, FileText, Activity } from "lucide-react";
 
 const menuItems = [
   { href: "/admin/users", label: "Users", icon: Users },
-  { href: "/admin/workflows", label: "Workflows", icon: Network },
-  { href: "/admin/numbering", label: "Numbering", icon: Hash },
   { href: "/admin/organizations", label: "Organizations", icon: Building2 },
   { href: "/admin/projects", label: "Projects", icon: FileText },
   { href: "/admin/settings", label: "Settings", icon: Settings },
@@ -19,12 +17,16 @@ export function AdminSidebar() {
   const pathname = usePathname();
 
   return (
-    <aside className="w-64 border-r bg-muted/20 p-4 hidden md:block h-full">
-      <h2 className="text-lg font-bold mb-6 px-3">Admin Panel</h2>
+    <aside className="w-64 border-r bg-card p-4 hidden md:block">
+      <div className="mb-8 px-2">
+         <h2 className="text-xl font-bold tracking-tight">Admin Console</h2>
+         <p className="text-sm text-muted-foreground">LCBP3 DMS</p>
+      </div>
+
       <nav className="space-y-1">
         {menuItems.map((item) => {
           const Icon = item.icon;
-          const isActive = pathname === item.href;
+          const isActive = pathname.startsWith(item.href);
 
           return (
             <Link
@@ -33,8 +35,8 @@ export function AdminSidebar() {
               className={cn(
                 "flex items-center gap-3 px-3 py-2 rounded-lg transition-colors text-sm font-medium",
                 isActive
-                  ? "bg-primary text-primary-foreground"
-                  : "hover:bg-muted text-muted-foreground hover:text-foreground"
+                  ? "bg-primary text-primary-foreground shadow-sm"
+                  : "text-muted-foreground hover:bg-muted hover:text-foreground"
               )}
             >
               <Icon className="h-4 w-4" />
@@ -43,6 +45,12 @@ export function AdminSidebar() {
           );
         })}
       </nav>
+
+      <div className="mt-auto pt-8 px-2 fixed bottom-4 w-56">
+          <Link href="/dashboard" className="text-sm text-muted-foreground hover:text-foreground flex items-center gap-2">
+              ← Back to Dashboard
+          </Link>
+      </div>
     </aside>
   );
 }