diff --git a/vibn-frontend/app/[workspace]/agency/layout.tsx b/vibn-frontend/app/[workspace]/agency/layout.tsx
index d0edb039..2ebe0616 100644
--- a/vibn-frontend/app/[workspace]/agency/layout.tsx
+++ b/vibn-frontend/app/[workspace]/agency/layout.tsx
@@ -6,16 +6,177 @@ import { useParams, usePathname } from "next/navigation";
// Minimal SVG Icons
const Icons = {
- Search: () => ,
- Target: () => ,
- MessageCircle: () => ,
- Kanban: () => ,
- FileText: () => ,
- Users: () => ,
- Folder: () => ,
- CreditCard: () => ,
- TrendingDown: () => ,
- Settings: () => ,
+ Search: () => (
+
+ ),
+ Target: () => (
+
+ ),
+ MessageCircle: () => (
+
+ ),
+ Kanban: () => (
+
+ ),
+ FileText: () => (
+
+ ),
+ Users: () => (
+
+ ),
+ Folder: () => (
+
+ ),
+ CreditCard: () => (
+
+ ),
+ TrendingDown: () => (
+
+ ),
+ Clock: () => (
+
+ ),
+ Settings: () => (
+
+ ),
};
function NavItem({
@@ -30,6 +191,7 @@ function NavItem({
active?: boolean;
badge?: string;
href: string;
+ inset?: boolean;
}) {
return (
- Growth
+ Growth (CRM)
-
+
- Clients
+ Delivery (Projects)
{clients.map((client) => {
const clientPath = `/${workspace}/agency/client/${client.id}`;
const isActive = pathname.startsWith(clientPath);
return (
-
+
+
+ {isActive && (
+
+
+
+
+
+
+ )}
+
);
})}
Finance & Ops
-
+
@@ -256,9 +458,7 @@ export default function AgencyLayout({
{/* ── MAIN CONTENT AREA ── */}
-
- {children}
-
+ {children}
);
}