@umituz/web-dashboard 1.0.1 → 1.0.4

package/dist/domain/types/index.d.ts

@@ -149,6 +149,10 @@ interface DashboardUser {
     email?: string;
     /** Avatar URL */
     avatar?: string;
+    /** Whether user has mobile app access */
+    hasMobileApp?: boolean;
+    /** Whether user has web app access */
+    hasWebApp?: boolean;
 }
 /**
  * Navigation item for user menu

package/dist/index.d.ts

@@ -1,8 +1,112 @@
-export { BrandLogo, DashboardHeader, DashboardLayout, DashboardLayout as DashboardLayoutDefault, DashboardSidebar } from './presentation/index.js';
-export { DashboardHeaderProps, DashboardLayoutConfig, DashboardNotification, DashboardSidebarProps, DashboardTheme, DashboardThemePreset, DashboardUser, SidebarGroup, SidebarItem, UserNavMenuItem } from './domain/types/index.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { DashboardLayoutConfig, DashboardUser, DashboardNotification, DashboardHeaderProps, DashboardSidebarProps, SidebarGroup } from './domain/types/index.js';
+export { DashboardTheme, DashboardThemePreset, SidebarItem, UserNavMenuItem } from './domain/types/index.js';
 export { DASHBOARD_THEME_PRESETS, DEFAULT_DASHBOARD_THEME, DEFAULT_DASHBOARD_THEME_DARK, applyDashboardTheme, getDashboardThemePreset, mergeDashboardTheme } from './domain/theme/index.js';
 export { useNotifications, useSidebar } from './infrastructure/hooks/index.js';
 export { filterSidebarItems, formatNotificationTime, generateNotificationId, getPageTitle, isPathActive } from './infrastructure/utils/index.js';
-import 'react/jsx-runtime';
 import 'lucide-react';
 import 'react';
+
+interface DashboardLayoutProps {
+    /** Layout configuration */
+    config: DashboardLayoutConfig;
+    /** Auth user */
+    user?: DashboardUser;
+    /** Auth loading state */
+    authLoading?: boolean;
+    /** Authenticated state */
+    isAuthenticated?: boolean;
+    /** Notifications */
+    notifications?: DashboardNotification[];
+    /** Logout function */
+    onLogout?: () => Promise<void>;
+    /** Mark all as read function */
+    onMarkAllRead?: () => void;
+    /** Dismiss notification function */
+    onDismissNotification?: (id: string) => void;
+    /** Login route for redirect */
+    loginRoute?: string;
+}
+/**
+ * Dashboard Layout Component
+ *
+ * Main layout wrapper for dashboard pages.
+ * Provides sidebar, header, and content area with responsive design.
+ *
+ * Features:
+ * - Collapsible sidebar
+ * - Mobile menu overlay
+ * - Breadcrumb page titles
+ * - Loading skeletons
+ * - Auth protection
+ *
+ * @param props - Dashboard layout props
+ */
+declare const DashboardLayout: ({ config, user, authLoading, isAuthenticated, notifications, onLogout, onMarkAllRead, onDismissNotification, loginRoute, }: DashboardLayoutProps) => react_jsx_runtime.JSX.Element | null;
+
+interface DashboardHeaderPropsExtended extends DashboardHeaderProps {
+    /** Auth user */
+    user?: DashboardUser;
+    /** Notifications */
+    notifications?: DashboardNotification[];
+    /** Logout function */
+    onLogout?: () => Promise<void>;
+    /** Mark all as read function */
+    onMarkAllRead?: () => void;
+    /** Dismiss notification function */
+    onDismissNotification?: (id: string) => void;
+    /** Settings route */
+    settingsRoute?: string;
+    /** Profile route */
+    profileRoute?: string;
+    /** Billing route */
+    billingRoute?: string;
+}
+/**
+ * Dashboard Header Component
+ *
+ * Displays top navigation bar with theme toggle, notifications,
+ * user menu, and organisation selector.
+ *
+ * @param props - Dashboard header props
+ */
+declare const DashboardHeader: ({ collapsed, setCollapsed, setMobileOpen, title, user, notifications, onLogout, onMarkAllRead, onDismissNotification, settingsRoute, profileRoute, billingRoute, }: DashboardHeaderPropsExtended) => react_jsx_runtime.JSX.Element;
+
+interface DashboardSidebarPropsExtended extends DashboardSidebarProps {
+    /** Sidebar groups configuration */
+    sidebarGroups: SidebarGroup[];
+    /** Brand name */
+    brandName?: string;
+    /** Brand tagline */
+    brandTagline?: string;
+    /** Create post route */
+    createPostRoute?: string;
+    /** Auth user */
+    user?: DashboardUser;
+}
+/**
+ * Dashboard Sidebar Component
+ *
+ * Displays collapsible sidebar with navigation menu items.
+ * Supports app-based filtering (mobile/web) and collapsible groups.
+ *
+ * @param props - Dashboard sidebar props
+ */
+declare const DashboardSidebar: ({ collapsed, setCollapsed, sidebarGroups, brandName, brandTagline, createPostRoute, user, }: DashboardSidebarPropsExtended) => react_jsx_runtime.JSX.Element;
+
+interface BrandLogoProps {
+    className?: string;
+    size?: number;
+}
+/**
+ * BrandLogo Component
+ *
+ * Displays the application brand logo as an SVG.
+ * Supports custom sizing and styling through className.
+ *
+ * @param className - Optional CSS classes for styling
+ * @param size - Width and height in pixels (default: 32)
+ */
+declare const BrandLogo: ({ className, size }: BrandLogoProps) => react_jsx_runtime.JSX.Element;
+
+export { BrandLogo, DashboardHeader, DashboardHeaderProps, DashboardLayout, DashboardLayoutConfig, DashboardNotification, DashboardSidebar, DashboardSidebarProps, DashboardUser, SidebarGroup };

package/dist/index.js

@@ -96,6 +96,43 @@ var BrandLogo = ({ className, size = 32 }) => {
 
 // src/presentation/molecules/DashboardSidebar.tsx
 import { PenTool, Menu, ChevronLeft, ChevronDown, ChevronRight } from "lucide-react";
+
+// src/infrastructure/utils/index.ts
+function formatNotificationTime(createdAt, t) {
+  const date = new Date(createdAt);
+  const secs = Math.floor((Date.now() - date.getTime()) / 1e3);
+  if (secs < 60) return t("dashboard.activityFeed.times.justNow");
+  if (secs < 3600) return t("dashboard.activityFeed.times.minutesAgo", { val: Math.floor(secs / 60) });
+  if (secs < 86400) return t("dashboard.activityFeed.times.hoursAgo", { val: Math.floor(secs / 3600) });
+  return t("dashboard.activityFeed.times.daysAgo", { val: Math.floor(secs / 86400) });
+}
+function isPathActive(currentPath, targetPath) {
+  return currentPath === targetPath;
+}
+function getPageTitle(pathname, sidebarGroups, extraTitleMap) {
+  for (const group of sidebarGroups) {
+    const item = group.items.find((i) => i.path === pathname);
+    if (item) return item.label;
+  }
+  if (extraTitleMap?.[pathname]) {
+    return extraTitleMap[pathname];
+  }
+  return null;
+}
+function filterSidebarItems(items, user) {
+  return items.filter((item) => {
+    if (item.enabled === false) return false;
+    if (!item.requiredApp) return true;
+    if (item.requiredApp === "mobile") return user?.hasMobileApp ?? false;
+    if (item.requiredApp === "web") return user?.hasWebApp ?? false;
+    return true;
+  });
+}
+function generateNotificationId() {
+  return crypto.randomUUID();
+}
+
+// src/presentation/molecules/DashboardSidebar.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var DashboardSidebar = ({
   collapsed,
@@ -136,13 +173,7 @@ var DashboardSidebar = ({
       }
     ) }) }),
     /* @__PURE__ */ jsx2("nav", { className: "flex-1 overflow-y-auto px-2 py-3 scrollbar-hide", children: /* @__PURE__ */ jsx2("div", { className: "space-y-6", children: sidebarGroups.map((group) => {
-      const filteredItems = group.items.filter((item) => {
-        if (item.enabled === false) return false;
-        if (!item.requiredApp) return true;
-        if (item.requiredApp === "mobile") return user?.hasMobileApp;
-        if (item.requiredApp === "web") return user?.hasWebApp;
-        return true;
-      });
+      const filteredItems = filterSidebarItems(group.items, user);
       if (filteredItems.length === 0) return null;
       const isGroupCollapsed = collapsedGroups[group.title];
       return /* @__PURE__ */ jsxs2("div", { className: "space-y-1", children: [
@@ -183,7 +214,7 @@ var DashboardSidebar = ({
 };
 
 // src/presentation/organisms/DashboardHeader.tsx
-import React, { useState as useState2, useCallback } from "react";
+import React, { useState as useState2 } from "react";
 import {
   Bell,
   X,
@@ -210,7 +241,6 @@ var DashboardHeader = ({
   onLogout,
   onMarkAllRead,
   onDismissNotification,
-  formatDate,
   settingsRoute = "/dashboard/settings",
   profileRoute = "/dashboard/profile",
   billingRoute = "/dashboard/billing"
@@ -223,20 +253,11 @@ var DashboardHeader = ({
   const markAllRead = () => {
     onMarkAllRead?.();
   };
-  const formatTimeAgo = useCallback((createdAt) => {
-    if (!formatDate) return "";
-    const date = new Date(createdAt);
-    const secs = Math.floor((Date.now() - date.getTime()) / 1e3);
-    if (secs < 60) return t("dashboard.activityFeed.times.justNow");
-    if (secs < 3600) return t("dashboard.activityFeed.times.minutesAgo", { val: Math.floor(secs / 60) });
-    if (secs < 86400) return t("dashboard.activityFeed.times.hoursAgo", { val: Math.floor(secs / 3600) });
-    return t("dashboard.activityFeed.times.daysAgo", { val: Math.floor(secs / 86400) });
-  }, [t, formatDate]);
   const handleLogout = async () => {
     try {
       await onLogout?.();
       navigate("/login");
-    } catch (error) {
+    } catch {
     }
   };
   const ThemeToggle = () => {
@@ -294,7 +315,7 @@ var DashboardHeader = ({
                   /* @__PURE__ */ jsx3("p", { className: "text-sm text-foreground leading-snug", children: n.text }),
                   /* @__PURE__ */ jsxs3("p", { className: "text-[10px] text-muted-foreground mt-1 flex items-center gap-1", children: [
                     /* @__PURE__ */ jsx3("span", { className: "inline-block w-1 h-1 rounded-full bg-muted-foreground/30" }),
-                    formatTimeAgo(n.createdAt)
+                    formatNotificationTime(n.createdAt, t)
                   ] })
                 ] }),
                 /* @__PURE__ */ jsx3(
@@ -488,7 +509,6 @@ var DashboardLayout = ({
     ] })
   ] });
 };
-var DashboardLayout_default = DashboardLayout;
 
 // src/domain/theme/index.ts
 var DEFAULT_DASHBOARD_THEME = {
@@ -661,21 +681,21 @@ function mergeDashboardTheme(customTheme, dark = false) {
 }
 
 // src/infrastructure/hooks/index.ts
-import { useState as useState4, useCallback as useCallback2 } from "react";
+import { useState as useState4, useCallback } from "react";
 function useNotifications(initialNotifications = []) {
   const [notifications, setNotifications] = useState4(initialNotifications);
-  const markAllRead = useCallback2(() => {
+  const markAllRead = useCallback(() => {
     setNotifications(
       (prev) => prev.map((n) => ({ ...n, read: true }))
     );
   }, []);
-  const dismiss = useCallback2((id) => {
+  const dismiss = useCallback((id) => {
     setNotifications((prev) => prev.filter((n) => n.id !== id));
   }, []);
-  const add = useCallback2((notification) => {
+  const add = useCallback((notification) => {
     const newNotification = {
       ...notification,
-      id: Math.random().toString(36).substring(7),
+      id: crypto.randomUUID(),
       read: false,
       createdAt: /* @__PURE__ */ new Date()
     };
@@ -691,13 +711,13 @@ function useNotifications(initialNotifications = []) {
 function useSidebar(initialCollapsed = false) {
   const [collapsed, setCollapsed] = useState4(initialCollapsed);
   const [mobileOpen, setMobileOpen] = useState4(false);
-  const toggle = useCallback2(() => {
+  const toggle = useCallback(() => {
     setCollapsed((prev) => !prev);
   }, []);
-  const openMobile = useCallback2(() => {
+  const openMobile = useCallback(() => {
     setMobileOpen(true);
   }, []);
-  const closeMobile = useCallback2(() => {
+  const closeMobile = useCallback(() => {
     setMobileOpen(false);
   }, []);
   return {
@@ -710,41 +730,6 @@ function useSidebar(initialCollapsed = false) {
     closeMobile
   };
 }
-
-// src/infrastructure/utils/index.ts
-function formatNotificationTime(createdAt, t) {
-  const date = new Date(createdAt);
-  const secs = Math.floor((Date.now() - date.getTime()) / 1e3);
-  if (secs < 60) return t("dashboard.activityFeed.times.justNow");
-  if (secs < 3600) return t("dashboard.activityFeed.times.minutesAgo", { val: Math.floor(secs / 60) });
-  if (secs < 86400) return t("dashboard.activityFeed.times.hoursAgo", { val: Math.floor(secs / 3600) });
-  return t("dashboard.activityFeed.times.daysAgo", { val: Math.floor(secs / 86400) });
-}
-function isPathActive(currentPath, targetPath) {
-  return currentPath === targetPath;
-}
-function getPageTitle(pathname, sidebarGroups, extraTitleMap) {
-  for (const group of sidebarGroups) {
-    const item = group.items.find((i) => i.path === pathname);
-    if (item) return item.label;
-  }
-  if (extraTitleMap?.[pathname]) {
-    return extraTitleMap[pathname];
-  }
-  return null;
-}
-function filterSidebarItems(items, user) {
-  return items.filter((item) => {
-    if (item.enabled === false) return false;
-    if (!item.requiredApp) return true;
-    if (item.requiredApp === "mobile") return user?.hasMobileApp ?? false;
-    if (item.requiredApp === "web") return user?.hasWebApp ?? false;
-    return true;
-  });
-}
-function generateNotificationId() {
-  return `${Date.now()}-${Math.random().toString(36).substring(7)}`;
-}
 export {
   BrandLogo,
   DASHBOARD_THEME_PRESETS,
@@ -752,7 +737,6 @@ export {
   DEFAULT_DASHBOARD_THEME_DARK,
   DashboardHeader,
   DashboardLayout,
-  DashboardLayout_default as DashboardLayoutDefault,
   DashboardSidebar,
   applyDashboardTheme,
   filterSidebarItems,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/presentation/organisms/DashboardLayout.tsx","../src/presentation/molecules/DashboardSidebar.tsx","../src/presentation/molecules/BrandLogo.tsx","../src/presentation/organisms/DashboardHeader.tsx","../src/domain/theme/index.ts","../src/infrastructure/hooks/index.ts","../src/infrastructure/utils/index.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { useLocation, Outlet, Navigate } from \"react-router-dom\";\nimport { Skeleton } from \"@umituz/web-design-system/atoms\";\nimport { DashboardSidebar } from \"../molecules/DashboardSidebar\";\nimport { DashboardHeader } from \"./DashboardHeader\";\nimport type { DashboardLayoutConfig, DashboardUser, DashboardNotification } from \"../../domain/types\";\n\ninterface DashboardLayoutProps {\n  /** Layout configuration */\n  config: DashboardLayoutConfig;\n  /** Auth user */\n  user?: DashboardUser;\n  /** Auth loading state */\n  authLoading?: boolean;\n  /** Authenticated state */\n  isAuthenticated?: boolean;\n  /** Notifications */\n  notifications?: DashboardNotification[];\n  /** Logout function */\n  onLogout?: () => Promise<void>;\n  /** Mark all as read function */\n  onMarkAllRead?: () => void;\n  /** Dismiss notification function */\n  onDismissNotification?: (id: string) => void;\n  /** Login route for redirect */\n  loginRoute?: string;\n}\n\n/**\n * Dashboard Layout Component\n *\n * Main layout wrapper for dashboard pages.\n * Provides sidebar, header, and content area with responsive design.\n *\n * Features:\n * - Collapsible sidebar\n * - Mobile menu overlay\n * - Breadcrumb page titles\n * - Loading skeletons\n * - Auth protection\n *\n * @param props - Dashboard layout props\n */\nexport const DashboardLayout = ({\n  config,\n  user,\n  authLoading = false,\n  isAuthenticated = true,\n  notifications = [],\n  onLogout,\n  onMarkAllRead,\n  onDismissNotification,\n  loginRoute = \"/login\",\n}: DashboardLayoutProps) => {\n  const location = useLocation();\n  const [collapsed, setCollapsed] = useState(false);\n  const [mobileOpen, setMobileOpen] = useState(false);\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => {\n    setLoading(true);\n    const timer = setTimeout(() => setLoading(false), 300);\n    return () => clearTimeout(timer);\n  }, [location.pathname]);\n\n  useEffect(() => {\n    setMobileOpen(false);\n  }, [location.pathname]);\n\n  if (authLoading) return null;\n  if (!isAuthenticated) return <Navigate to={loginRoute} replace />;\n\n  const activeItem = config.sidebarGroups\n    .flatMap((group) => group.items)\n    .find((i) => i.path === location.pathname);\n\n  const getTitle = () => {\n    if (!activeItem) return config.extraTitleMap?.[location.pathname] || \"Dashboard\";\n    return activeItem.label; // Note: In real app, this would be translated\n  };\n\n  const currentTitle = getTitle();\n\n  return (\n    <div className=\"flex h-screen w-full bg-background font-sans\">\n      {/* Desktop Sidebar */}\n      <aside\n        className={`hidden md:flex flex-col shrink-0 border-r border-sidebar-border bg-sidebar transition-all duration-300 ${\n          collapsed ? \"w-16\" : \"w-60\"\n        }`}\n      >\n        <DashboardSidebar\n          collapsed={collapsed}\n          setCollapsed={setCollapsed}\n          sidebarGroups={config.sidebarGroups}\n          brandName={config.brandName}\n          brandTagline={config.brandTagline}\n          user={user}\n        />\n      </aside>\n\n      {/* Mobile Menu Overlay */}\n      {mobileOpen && (\n        <div className=\"fixed inset-0 z-50 md:hidden\">\n          <div className=\"absolute inset-0 bg-background/80 backdrop-blur-sm\" onClick={() => setMobileOpen(false)} />\n          <aside className=\"absolute left-0 top-0 h-full w-60 border-r border-sidebar-border bg-sidebar shadow-xl\">\n            <DashboardSidebar\n              collapsed={false}\n              setCollapsed={() => setMobileOpen(false)}\n              sidebarGroups={config.sidebarGroups}\n              brandName={config.brandName}\n              brandTagline={config.brandTagline}\n              user={user}\n            />\n          </aside>\n        </div>\n      )}\n\n      {/* Main Content Area */}\n      <div className=\"flex flex-1 flex-col overflow-hidden min-w-0\">\n        <DashboardHeader\n          collapsed={collapsed}\n          setCollapsed={setCollapsed}\n          setMobileOpen={setMobileOpen}\n          title={currentTitle}\n          user={user}\n          notifications={notifications}\n          onLogout={onLogout}\n          onMarkAllRead={onMarkAllRead}\n          onDismissNotification={onDismissNotification}\n        />\n\n        <main className=\"flex-1 overflow-y-auto p-4 md:p-8\">\n          {loading ? (\n            <div className=\"mx-auto w-full max-w-7xl space-y-6\">\n              <Skeleton className=\"h-8 w-1/3 rounded-xl\" />\n              <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n                {Array.from({ length: 4 }).map((_, i) => (\n                  <Skeleton key={i} className=\"h-28 rounded-2xl\" />\n                ))}\n              </div>\n              <Skeleton className=\"h-64 rounded-[32px]\" />\n            </div>\n          ) : (\n            <Outlet />\n          )}\n        </main>\n      </div>\n    </div>\n  );\n};\n\nexport default DashboardLayout;\n","import { useState } from \"react\";\nimport { Link, useLocation } from \"react-router-dom\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Button } from \"@umituz/web-design-system/atoms\";\nimport { BrandLogo } from \"./BrandLogo\";\nimport { PenTool, Menu, ChevronLeft, ChevronDown, ChevronRight } from \"lucide-react\";\nimport type { DashboardUser, SidebarGroup } from \"../../domain/types\";\nimport type { DashboardSidebarProps } from \"../../domain/types\";\n\ninterface DashboardSidebarPropsExtended extends DashboardSidebarProps {\n  /** Sidebar groups configuration */\n  sidebarGroups: SidebarGroup[];\n  /** Brand name */\n  brandName?: string;\n  /** Brand tagline */\n  brandTagline?: string;\n  /** Create post route */\n  createPostRoute?: string;\n  /** Auth user */\n  user?: DashboardUser;\n}\n\n/**\n * Dashboard Sidebar Component\n *\n * Displays collapsible sidebar with navigation menu items.\n * Supports app-based filtering (mobile/web) and collapsible groups.\n *\n * @param props - Dashboard sidebar props\n */\nexport const DashboardSidebar = ({\n  collapsed,\n  setCollapsed,\n  sidebarGroups,\n  brandName = \"App\",\n  brandTagline = \"grow smarter\",\n  createPostRoute = \"/dashboard/create\",\n  user,\n}: DashboardSidebarPropsExtended) => {\n  const location = useLocation();\n  const { t } = useTranslation();\n  const [collapsedGroups, setCollapsedGroups] = useState<Record<string, boolean>>({});\n\n  const toggleGroup = (title: string) => {\n    setCollapsedGroups(prev => ({\n      ...prev,\n      [title]: !prev[title]\n    }));\n  };\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      {/* Brand Section */}\n      <div className=\"flex h-16 items-center gap-3 border-b border-sidebar-border px-4 transition-all duration-300\">\n        <BrandLogo size={32} />\n        {!collapsed && (\n          <div className=\"flex flex-col -gap-1\">\n            <span className=\"text-2xl font-black text-sidebar-foreground tracking-tighter leading-none\">{brandName}</span>\n            <span className=\"text-[11px] font-bold text-primary/70 lowercase tracking-tight mt-2 ml-1 select-none underline decoration-primary/40 underline-offset-[6px] decoration-2\">\n              {brandTagline}\n            </span>\n          </div>\n        )}\n      </div>\n\n      {/* Create Button */}\n      <div className=\"px-3 py-4 border-b border-sidebar-border/50\">\n        <Link to={createPostRoute}>\n          <Button\n            variant=\"default\"\n            className={`w-full gap-3 shadow-glow transition-all active:scale-95 group overflow-hidden rounded-xl ${\n              collapsed ? \"px-0 justify-center h-10 w-10 mx-auto\" : \"justify-start px-4 h-11\"\n            }`}\n            title={collapsed ? t('sidebar.createPost') : undefined}\n          >\n            <PenTool className={`shrink-0 transition-transform duration-300 ${collapsed ? \"h-5 w-5\" : \"h-4 w-4 group-hover:scale-110\"}`} />\n            {!collapsed && <span className=\"font-bold tracking-tight\">{t('sidebar.createPost')}</span>}\n          </Button>\n        </Link>\n      </div>\n\n      {/* Navigation */}\n      <nav className=\"flex-1 overflow-y-auto px-2 py-3 scrollbar-hide\">\n        <div className=\"space-y-6\">\n          {sidebarGroups.map((group) => {\n            const filteredItems = group.items.filter(item => {\n              // Skip disabled items (enabled: false or undefined defaults to true)\n              if (item.enabled === false) return false;\n              // Skip items that require specific app types\n              if (!item.requiredApp) return true;\n              if (item.requiredApp === 'mobile') return (user as any)?.hasMobileApp;\n              if (item.requiredApp === 'web') return (user as any)?.hasWebApp;\n              return true;\n            });\n\n            if (filteredItems.length === 0) return null;\n\n            const isGroupCollapsed = collapsedGroups[group.title];\n\n            return (\n              <div key={group.title} className=\"space-y-1\">\n                {!collapsed && (\n                  <button\n                    onClick={() => toggleGroup(group.title)}\n                    className=\"w-full flex items-center justify-between px-3 mb-2 group/header\"\n                  >\n                    <span className=\"text-[10px] font-bold uppercase tracking-widest text-sidebar-foreground/40 group-hover/header:text-sidebar-foreground/70 transition-colors\">\n                      {group.title === \"sidebar.ai\" ? `${brandName} AI` : t(group.title)}\n                    </span>\n                    {isGroupCollapsed ? (\n                      <ChevronRight className=\"h-3 w-3 text-sidebar-foreground/30 flex-shrink-0 group-hover/header:text-sidebar-foreground/50 transition-colors\" />\n                    ) : (\n                      <ChevronDown className=\"h-3 w-3 text-sidebar-foreground/30 flex-shrink-0 group-hover/header:text-sidebar-foreground/50 transition-colors\" />\n                    )}\n                  </button>\n                )}\n\n                {(!isGroupCollapsed || collapsed) && filteredItems.map((item) => {\n                  const active = location.pathname === item.path;\n                  return (\n                    <Link\n                      key={item.path}\n                      to={item.path}\n                      className={`flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium transition-all duration-200 ${\n                        active\n                          ? \"bg-sidebar-accent text-sidebar-accent-foreground shadow-sm\"\n                          : \"text-sidebar-foreground/70 hover:bg-sidebar-accent/40 hover:text-sidebar-foreground\"\n                      } ${collapsed ? \"justify-center\" : \"\"}`}\n                      title={collapsed ? t(item.label) : undefined}\n                    >\n                      <item.icon className={`h-4 w-4 shrink-0 transition-transform ${active && \"scale-110\"}`} />\n                      {!collapsed && <span>{t(item.label)}</span>}\n                    </Link>\n                  );\n                })}\n              </div>\n            );\n          })}\n        </div>\n      </nav>\n\n      {/* Collapse Toggle */}\n      <div className=\"border-t border-sidebar-border p-3\">\n        <div className={`flex items-center ${collapsed ? \"justify-center\" : \"justify-between\"}`}>\n          {!collapsed && (\n            <p className=\"text-[10px] uppercase tracking-wider text-sidebar-foreground/40 font-bold px-2\">\n              {t('sidebar.system')}\n            </p>\n          )}\n          <Button variant=\"ghost\" size=\"icon\" onClick={() => setCollapsed(!collapsed)} className=\"text-sidebar-foreground/70\">\n            {collapsed ? <Menu className=\"h-4 w-4\" /> : <ChevronLeft className=\"h-4 w-4\" />}\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n};\n","import React from \"react\";\nimport { cn } from \"@umituz/web-design-system/utils\";\n\ninterface BrandLogoProps {\n  className?: string;\n  size?: number;\n}\n\n/**\n * BrandLogo Component\n *\n * Displays the application brand logo as an SVG.\n * Supports custom sizing and styling through className.\n *\n * @param className - Optional CSS classes for styling\n * @param size - Width and height in pixels (default: 32)\n */\nexport const BrandLogo = ({ className, size = 32 }: BrandLogoProps) => {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={cn(\"shrink-0\", className)}\n    >\n      {/* Solid Foundation / Platform */}\n      <rect\n        x=\"15\"\n        y=\"65\"\n        width=\"70\"\n        height=\"15\"\n        rx=\"4\"\n        fill=\"hsl(var(--primary))\"\n      />\n\n      {/* Assembly Paths / Structure */}\n      <rect\n        x=\"25\"\n        y=\"25\"\n        width=\"12\"\n        height=\"40\"\n        rx=\"2\"\n        fill=\"hsl(var(--primary))\"\n      />\n      <rect\n        x=\"44\"\n        y=\"35\"\n        width=\"12\"\n        height=\"30\"\n        rx=\"2\"\n        fill=\"hsl(var(--primary))\"\n      />\n      <rect\n        x=\"63\"\n        y=\"20\"\n        width=\"12\"\n        height=\"45\"\n        rx=\"2\"\n        fill=\"hsl(var(--primary))\"\n      />\n\n      {/* Modern Accent - The 'Assembly' Bridge */}\n      <rect\n        x=\"20\"\n        y=\"45\"\n        width=\"60\"\n        height=\"10\"\n        rx=\"2\"\n        fill=\"hsl(var(--secondary))\"\n      />\n\n      {/* Connection Point / Beacon */}\n      <circle\n        cx=\"50\"\n        cy=\"20\"\n        r=\"5\"\n        fill=\"hsl(var(--secondary))\"\n      />\n    </svg>\n  );\n};\n","import React, { useState, useCallback } from \"react\";\nimport {\n  Bell, X, Sun, Moon, Menu, User, Settings, LogOut,\n  ChevronDown, CreditCard\n} from \"lucide-react\";\nimport { Button } from \"@umituz/web-design-system/atoms\";\nimport { useNavigate } from \"react-router-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport type { DashboardHeaderProps, DashboardUser, DashboardNotification } from \"../../domain/types\";\n\ninterface DashboardHeaderPropsExtended extends DashboardHeaderProps {\n  /** Auth user */\n  user?: DashboardUser;\n  /** Notifications */\n  notifications?: DashboardNotification[];\n  /** Logout function */\n  onLogout?: () => Promise<void>;\n  /** Mark all as read function */\n  onMarkAllRead?: () => void;\n  /** Dismiss notification function */\n  onDismissNotification?: (id: string) => void;\n  /** Format date function */\n  formatDate?: (date: Date | string | number) => string;\n  /** Settings route */\n  settingsRoute?: string;\n  /** Profile route */\n  profileRoute?: string;\n  /** Billing route */\n  billingRoute?: string;\n}\n\n/**\n * Dashboard Header Component\n *\n * Displays top navigation bar with theme toggle, notifications,\n * user menu, and organisation selector.\n *\n * @param props - Dashboard header props\n */\nexport const DashboardHeader = ({\n  collapsed,\n  setCollapsed,\n  setMobileOpen,\n  title,\n  user,\n  notifications = [],\n  onLogout,\n  onMarkAllRead,\n  onDismissNotification,\n  formatDate,\n  settingsRoute = \"/dashboard/settings\",\n  profileRoute = \"/dashboard/profile\",\n  billingRoute = \"/dashboard/billing\",\n}: DashboardHeaderPropsExtended) => {\n  const navigate = useNavigate();\n  const { t } = useTranslation();\n  const [notifOpen, setNotifOpen] = useState(false);\n  const [profileOpen, setProfileOpen] = useState(false);\n\n  const unreadCount = notifications.filter((n) => !n.read).length;\n\n  const markAllRead = () => {\n    onMarkAllRead?.();\n  };\n\n  const formatTimeAgo = useCallback((createdAt: Date | string | number): string => {\n    if (!formatDate) return \"\";\n    const date = new Date(createdAt);\n    const secs = Math.floor((Date.now() - date.getTime()) / 1000);\n    if (secs < 60) return t(\"dashboard.activityFeed.times.justNow\");\n    if (secs < 3600) return t(\"dashboard.activityFeed.times.minutesAgo\", { val: Math.floor(secs / 60) });\n    if (secs < 86400) return t(\"dashboard.activityFeed.times.hoursAgo\", { val: Math.floor(secs / 3600) });\n    return t(\"dashboard.activityFeed.times.daysAgo\", { val: Math.floor(secs / 86400) });\n  }, [t, formatDate]);\n\n  const handleLogout = async () => {\n    try {\n      await onLogout?.();\n      navigate(\"/login\");\n    } catch (error: unknown) {\n      // Error handling can be added by parent component\n    }\n  };\n\n  // Placeholder components - these should be provided by the consuming app\n  const ThemeToggle = () => {\n    const [resolvedTheme, setResolvedTheme] = React.useState<\"light\" | \"dark\">(\"light\");\n\n    return (\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        onClick={() => setResolvedTheme(resolvedTheme === \"light\" ? \"dark\" : \"light\")}\n        className=\"text-muted-foreground h-9 w-9\"\n        title={resolvedTheme === \"dark\" ? t('common.tooltips.switchLight') : t('common.tooltips.switchDark')}\n      >\n        {resolvedTheme === \"dark\" ? <Sun className=\"h-4 w-4\" /> : <Moon className=\"h-4 w-4\" />}\n      </Button>\n    );\n  };\n\n  return (\n    <header className=\"flex h-14 items-center justify-between border-b border-border bg-card/50 backdrop-blur-md px-4 shrink-0 z-30\">\n      <div className=\"flex items-center gap-3\">\n        <Button variant=\"ghost\" size=\"icon\" className=\"md:hidden\" onClick={() => setMobileOpen(true)}>\n          <Menu className=\"h-5 w-5\" />\n        </Button>\n        {collapsed && (\n          <Button variant=\"ghost\" size=\"icon\" className=\"hidden md:inline-flex\" onClick={() => setCollapsed(false)}>\n            <Menu className=\"h-5 w-5\" />\n          </Button>\n        )}\n        <h2 className=\"text-sm font-semibold text-foreground\">\n          {title}\n        </h2>\n      </div>\n\n      <div className=\"flex items-center gap-2\">\n        {/* Theme Toggle */}\n        <ThemeToggle />\n\n        {/* Notifications */}\n        <div className=\"relative\">\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"text-muted-foreground relative h-9 w-9\"\n            onClick={() => {\n              setNotifOpen(!notifOpen);\n              setProfileOpen(false);\n            }}\n          >\n            <Bell className=\"h-4 w-4\" />\n            {unreadCount > 0 && (\n              <span className=\"absolute top-2 right-2 flex h-2 w-2\">\n                <span className=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-destructive opacity-75\"></span>\n                <span className=\"relative inline-flex rounded-full h-2 w-2 bg-destructive\"></span>\n              </span>\n            )}\n          </Button>\n\n          {notifOpen && (\n            <>\n              <div className=\"fixed inset-0 z-40\" onClick={() => setNotifOpen(false)} />\n              <div className=\"absolute top-12 right-0 w-80 bg-popover border border-border rounded-xl shadow-xl z-50 overflow-hidden animate-in fade-in zoom-in-95 duration-200\">\n                <div className=\"flex items-center justify-between px-4 py-3 border-b border-border bg-muted/50\">\n                  <h3 className=\"text-xs font-bold uppercase tracking-wider text-foreground\">{t('dashboard.notifications.title')}</h3>\n                  {unreadCount > 0 && (\n                    <button onClick={markAllRead} className=\"text-[10px] font-bold text-primary hover:underline uppercase\">{t('dashboard.notifications.markAllRead')}</button>\n                  )}\n                </div>\n\n                <div className=\"max-h-[400px] overflow-y-auto\">\n                  {notifications.map((n) => (\n                    <div key={n.id} className={`px-4 py-3 border-b border-border last:border-0 flex items-start gap-3 transition-colors hover:bg-muted/30 ${!n.read ? \"bg-primary/5\" : \"\"}`}>\n                      <div className=\"flex-1 min-w-0\">\n                        <p className=\"text-sm text-foreground leading-snug\">{n.text}</p>\n                        <p className=\"text-[10px] text-muted-foreground mt-1 flex items-center gap-1\">\n                          <span className=\"inline-block w-1 h-1 rounded-full bg-muted-foreground/30\" />\n                          {formatTimeAgo(n.createdAt)}\n                        </p>\n                      </div>\n                      <button\n                        onClick={() => onDismissNotification?.(n.id as string)}\n                        className=\"text-muted-foreground/50 hover:text-foreground shrink-0 transition-colors\"\n                      >\n                        <X className=\"h-3 w-3\" />\n                      </button>\n                    </div>\n                  ))}\n                  {notifications.length === 0 && (\n                    <div className=\"px-4 py-10 text-center\">\n                      <div className=\"mx-auto w-10 h-10 rounded-full bg-muted flex items-center justify-center mb-3\">\n                        <Bell className=\"h-5 w-5 text-muted-foreground/50\" />\n                      </div>\n                      <p className=\"text-sm text-muted-foreground\">{t('dashboard.notifications.none')}</p>\n                    </div>\n                  )}\n                </div>\n              </div>\n            </>\n          )}\n        </div>\n\n        <div className=\"h-6 w-px bg-border mx-1\" />\n\n        <div className=\"relative\">\n          <button\n            onClick={() => {\n              setProfileOpen(!profileOpen);\n              setNotifOpen(false);\n            }}\n            className=\"flex items-center gap-2 p-1 pl-1 rounded-full hover:bg-muted transition-colors group\"\n          >\n            <div className=\"w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center text-[10px] font-bold text-primary overflow-hidden border border-primary/20 ring-primary/20 group-hover:ring-4 transition-all\">\n              {user?.avatar && <img src={user.avatar} alt=\"User\" className=\"w-full h-full object-cover\" />}\n            </div>\n            <ChevronDown className={`h-4 w-4 text-muted-foreground transition-transform duration-200 ${profileOpen && \"rotate-180\"}`} />\n          </button>\n\n          {profileOpen && (\n            <>\n              <div className=\"fixed inset-0 z-40\" onClick={() => setProfileOpen(false)} />\n              <div className=\"absolute top-12 right-0 w-56 bg-popover border border-border rounded-xl shadow-xl z-50 overflow-hidden animate-in fade-in zoom-in-95 duration-200 p-1.5\">\n                <div className=\"px-3 py-2 border-b border-border/50 mb-1\">\n                  <p className=\"text-sm font-bold text-foreground\">{user?.name || t(\"common.roles.user\")}</p>\n                  <p className=\"text-xs text-muted-foreground truncate\">{user?.email}</p>\n                </div>\n\n                <div className=\"space-y-0.5\">\n                  <button\n                    onClick={() => { navigate(profileRoute); setProfileOpen(false); }}\n                    className=\"flex w-full items-center gap-2.5 px-3 py-2 text-sm text-foreground hover:bg-muted rounded-lg transition-colors\"\n                  >\n                    <User className=\"h-4 w-4 text-muted-foreground\" />\n                    {t('common.profile')}\n                  </button>\n                  <button\n                    onClick={() => { navigate(billingRoute); setProfileOpen(false); }}\n                    className=\"flex w-full items-center gap-2.5 px-3 py-2 text-sm text-foreground hover:bg-muted rounded-lg transition-colors\"\n                  >\n                    <CreditCard className=\"h-4 w-4 text-muted-foreground\" />\n                    {t('common.billing')}\n                  </button>\n                  <button\n                    onClick={() => { navigate(settingsRoute); setProfileOpen(false); }}\n                    className=\"flex w-full items-center gap-2.5 px-3 py-2 text-sm text-foreground hover:bg-muted rounded-lg transition-colors\"\n                  >\n                    <Settings className=\"h-4 w-4 text-muted-foreground\" />\n                    {t('common.settings')}\n                  </button>\n                </div>\n\n                <div className=\"h-px bg-border my-1.5\" />\n\n                <button\n                  onClick={handleLogout}\n                  className=\"flex w-full items-center gap-2.5 px-3 py-2 text-sm text-destructive hover:bg-destructive/10 rounded-lg transition-colors font-medium\"\n                >\n                  <LogOut className=\"h-4 w-4\" />\n                  {t('common.logout')}\n                </button>\n              </div>\n            </>\n          )}\n        </div>\n      </div>\n    </header>\n  );\n};\n","/**\n * Dashboard Theme System\n *\n * Provides theme configuration and presets for the dashboard layout.\n * Themes are applied via CSS variables, allowing runtime customization.\n */\n\nimport type { DashboardTheme, DashboardThemePreset } from \"../types\";\n\n// =============================================================================\n// Default Theme\n// =============================================================================\n\n/**\n * Default dashboard theme (light mode)\n */\nexport const DEFAULT_DASHBOARD_THEME: DashboardTheme = {\n  primary: \"hsl(222.2 47.4% 11.2%)\",\n  secondary: \"hsl(217.2 32.6% 17.5%)\",\n  sidebarBackground: \"hsl(222.2 47.4% 11.2%)\",\n  sidebarForeground: \"hsl(210 40% 98%)\",\n  sidebarBorder: \"hsl(217.2 32.6% 17.5%)\",\n  headerBackground: \"hsla(0, 0%, 100%, 0.8)\",\n  background: \"hsl(0 0% 100%)\",\n  foreground: \"hsl(222.2 84% 4.9%)\",\n  border: \"hsl(214.3 31.8% 91.4%)\",\n  accent: \"hsl(217.2 91.2% 59.8%)\",\n  accentForeground: \"hsl(0 0% 100%)\",\n  destructive: \"hsl(0 84.2% 60.2%)\",\n  destructiveForeground: \"hsl(0 0% 98%)\",\n  muted: \"hsl(210 40% 96.1%)\",\n  mutedForeground: \"hsl(215.4 16.3% 46.9%)\",\n  card: \"hsl(0 0% 100%)\",\n  cardForeground: \"hsl(222.2 84% 4.9%)\",\n  popover: \"hsl(0 0% 100%)\",\n  popoverForeground: \"hsl(222.2 84% 4.9%)\",\n  radius: \"0.5rem\",\n};\n\n/**\n * Default dashboard theme (dark mode)\n */\nexport const DEFAULT_DASHBOARD_THEME_DARK: DashboardTheme = {\n  primary: \"hsl(217.2 91.2% 59.8%)\",\n  secondary: \"hsl(217.2 32.6% 17.5%)\",\n  sidebarBackground: \"hsl(222.2 47.4% 11.2%)\",\n  sidebarForeground: \"hsl(210 40% 98%)\",\n  sidebarBorder: \"hsl(217.2 32.6% 17.5%)\",\n  headerBackground: \"hsla(222.2 47.4% 11.2%, 0.8)\",\n  background: \"hsl(222.2 84% 4.9%)\",\n  foreground: \"hsl(210 40% 98%)\",\n  border: \"hsl(217.2 32.6% 17.5%)\",\n  accent: \"hsl(217.2 91.2% 59.8%)\",\n  accentForeground: \"hsl(0 0% 100%)\",\n  destructive: \"hsl(0 62.8% 30.6%)\",\n  destructiveForeground: \"hsl(0 0% 98%)\",\n  muted: \"hsl(217.2 32.6% 17.5%)\",\n  mutedForeground: \"hsl(215 20.2% 65.1%)\",\n  card: \"hsl(222.2 84% 4.9%)\",\n  cardForeground: \"hsl(210 40% 98%)\",\n  popover: \"hsl(222.2 84% 4.9%)\",\n  popoverForeground: \"hsl(210 40% 98%)\",\n  radius: \"0.5rem\",\n};\n\n// =============================================================================\n// Theme Presets\n// =============================================================================\n\n/**\n * Available theme presets\n */\nexport const DASHBOARD_THEME_PRESETS: DashboardThemePreset[] = [\n  {\n    name: \"default\",\n    theme: DEFAULT_DASHBOARD_THEME,\n    dark: false,\n  },\n  {\n    name: \"default-dark\",\n    theme: DEFAULT_DASHBOARD_THEME_DARK,\n    dark: true,\n  },\n  {\n    name: \"blue\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME,\n      primary: \"hsl(221.2 83.2% 53.3%)\",\n      accent: \"hsl(221.2 83.2% 53.3%)\",\n    },\n    dark: false,\n  },\n  {\n    name: \"blue-dark\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME_DARK,\n      primary: \"hsl(221.2 83.2% 53.3%)\",\n      accent: \"hsl(221.2 83.2% 53.3%)\",\n    },\n    dark: true,\n  },\n  {\n    name: \"purple\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME,\n      primary: \"hsl(271.5 81.3% 55.9%)\",\n      accent: \"hsl(271.5 81.3% 55.9%)\",\n    },\n    dark: false,\n  },\n  {\n    name: \"purple-dark\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME_DARK,\n      primary: \"hsl(271.5 81.3% 55.9%)\",\n      accent: \"hsl(271.5 81.3% 55.9%)\",\n    },\n    dark: true,\n  },\n  {\n    name: \"green\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME,\n      primary: \"hsl(142.1 76.2% 36.3%)\",\n      accent: \"hsl(142.1 76.2% 36.3%)\",\n    },\n    dark: false,\n  },\n  {\n    name: \"green-dark\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME_DARK,\n      primary: \"hsl(142.1 76.2% 36.3%)\",\n      accent: \"hsl(142.1 76.2% 36.3%)\",\n    },\n    dark: true,\n  },\n  {\n    name: \"orange\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME,\n      primary: \"hsl(24.6 95% 53.1%)\",\n      accent: \"hsl(24.6 95% 53.1%)\",\n    },\n    dark: false,\n  },\n  {\n    name: \"orange-dark\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME_DARK,\n      primary: \"hsl(24.6 95% 53.1%)\",\n      accent: \"hsl(24.6 95% 53.1%)\",\n    },\n    dark: true,\n  },\n];\n\n// =============================================================================\n// Theme Utilities\n// =============================================================================\n\n/**\n * Apply theme to document root via CSS variables\n *\n * @param theme - Theme configuration to apply\n */\nexport function applyDashboardTheme(theme: DashboardTheme): void {\n  if (typeof document === \"undefined\") return;\n\n  const root = document.documentElement;\n\n  // Map theme keys to CSS variable names\n  const cssVars: Record<string, string | undefined> = {\n    \"--primary\": theme.primary,\n    \"--secondary\": theme.secondary,\n    \"--sidebar\": theme.sidebarBackground,\n    \"--sidebar-foreground\": theme.sidebarForeground,\n    \"--sidebar-border\": theme.sidebarBorder,\n    \"--background\": theme.background,\n    \"--foreground\": theme.foreground,\n    \"--border\": theme.border,\n    \"--accent\": theme.accent,\n    \"--accent-foreground\": theme.accentForeground,\n    \"--destructive\": theme.destructive,\n    \"--destructive-foreground\": theme.destructiveForeground,\n    \"--muted\": theme.muted,\n    \"--muted-foreground\": theme.mutedForeground,\n    \"--card\": theme.card,\n    \"--card-foreground\": theme.cardForeground,\n    \"--popover\": theme.popover,\n    \"--popover-foreground\": theme.popoverForeground,\n    \"--radius\": theme.radius,\n  };\n\n  // Apply CSS variables\n  Object.entries(cssVars).forEach(([key, value]) => {\n    if (value) {\n      root.style.setProperty(key, value);\n    }\n  });\n}\n\n/**\n * Get theme preset by name\n *\n * @param name - Preset name\n * @returns Theme preset or undefined\n */\nexport function getDashboardThemePreset(name: string): DashboardThemePreset | undefined {\n  return DASHBOARD_THEME_PRESETS.find((preset) => preset.name === name);\n}\n\n/**\n * Merge custom theme with default theme\n *\n * @param customTheme - Custom theme configuration\n * @param dark - Whether to use dark mode base\n * @returns Merged theme configuration\n */\nexport function mergeDashboardTheme(\n  customTheme: Partial<DashboardTheme>,\n  dark = false\n): DashboardTheme {\n  const baseTheme = dark ? DEFAULT_DASHBOARD_THEME_DARK : DEFAULT_DASHBOARD_THEME;\n  return {\n    ...baseTheme,\n    ...customTheme,\n  } as DashboardTheme;\n}\n","/**\n * Dashboard Hooks\n *\n * Custom React hooks for dashboard functionality\n */\n\nimport { useState, useCallback } from \"react\";\nimport type { DashboardNotification } from \"../../domain/types\";\n\n/**\n * Use Notifications Hook\n *\n * Manages notification state and actions\n *\n * @param initialNotifications - Initial notification list\n * @returns Notification state and actions\n */\nexport function useNotifications(initialNotifications: DashboardNotification[] = []) {\n  const [notifications, setNotifications] = useState<DashboardNotification[]>(initialNotifications);\n\n  const markAllRead = useCallback(() => {\n    setNotifications((prev) =>\n      prev.map((n) => ({ ...n, read: true }))\n    );\n  }, []);\n\n  const dismiss = useCallback((id: string) => {\n    setNotifications((prev) => prev.filter((n) => n.id !== id));\n  }, []);\n\n  const add = useCallback((notification: Omit<DashboardNotification, \"id\">) => {\n    const newNotification: DashboardNotification = {\n      ...notification,\n      id: Math.random().toString(36).substring(7),\n      read: false,\n      createdAt: new Date(),\n    };\n    setNotifications((prev) => [newNotification, ...prev]);\n  }, []);\n\n  return {\n    notifications,\n    markAllRead,\n    dismiss,\n    add,\n  };\n}\n\n/**\n * Use Sidebar Hook\n *\n * Manages sidebar state\n *\n * @returns Sidebar state and actions\n */\nexport function useSidebar(initialCollapsed = false) {\n  const [collapsed, setCollapsed] = useState(initialCollapsed);\n  const [mobileOpen, setMobileOpen] = useState(false);\n\n  const toggle = useCallback(() => {\n    setCollapsed((prev) => !prev);\n  }, []);\n\n  const openMobile = useCallback(() => {\n    setMobileOpen(true);\n  }, []);\n\n  const closeMobile = useCallback(() => {\n    setMobileOpen(false);\n  }, []);\n\n  return {\n    collapsed,\n    setCollapsed,\n    toggle,\n    mobileOpen,\n    setMobileOpen: setMobileOpen,\n    openMobile,\n    closeMobile,\n  };\n}\n","/**\n * Dashboard Utilities\n *\n * Utility functions for dashboard operations\n */\n\nimport type { DashboardNotification } from \"../../domain/types\";\n\n/**\n * Format notification timestamp to relative time\n *\n * @param createdAt - Notification creation timestamp\n * @param t - i18n translation function\n * @returns Formatted time string\n */\nexport function formatNotificationTime(\n  createdAt: Date | string | number,\n  t: (key: string, params?: Record<string, unknown>) => string\n): string {\n  const date = new Date(createdAt);\n  const secs = Math.floor((Date.now() - date.getTime()) / 1000);\n\n  if (secs < 60) return t(\"dashboard.activityFeed.times.justNow\");\n  if (secs < 3600) return t(\"dashboard.activityFeed.times.minutesAgo\", { val: Math.floor(secs / 60) });\n  if (secs < 86400) return t(\"dashboard.activityFeed.times.hoursAgo\", { val: Math.floor(secs / 3600) });\n  return t(\"dashboard.activityFeed.times.daysAgo\", { val: Math.floor(secs / 86400) });\n}\n\n/**\n * Check if a path is active\n *\n * @param currentPath - Current location pathname\n * @param targetPath - Target path to check\n * @returns True if paths match\n */\nexport function isPathActive(currentPath: string, targetPath: string): boolean {\n  return currentPath === targetPath;\n}\n\n/**\n * Get page title from sidebar configuration\n *\n * @param pathname - Current pathname\n * @param sidebarGroups - Sidebar groups configuration\n * @param extraTitleMap - Extra title mappings\n * @returns Page title or null\n */\nexport function getPageTitle(\n  pathname: string,\n  sidebarGroups: Array<{ items: Array<{ path: string; label: string }> }>,\n  extraTitleMap?: Record<string, string>\n): string | null {\n  // Search in sidebar groups\n  for (const group of sidebarGroups) {\n    const item = group.items.find((i) => i.path === pathname);\n    if (item) return item.label;\n  }\n\n  // Search in extra title map\n  if (extraTitleMap?.[pathname]) {\n    return extraTitleMap[pathname];\n  }\n\n  return null;\n}\n\n/**\n * Filter sidebar items by app type and enabled status\n *\n * @param items - Sidebar items to filter\n * @param user - Current user object\n * @returns Filtered items\n */\nexport function filterSidebarItems<T extends { enabled?: boolean; requiredApp?: \"mobile\" | \"web\" }>(\n  items: T[],\n  user?: { hasMobileApp?: boolean; hasWebApp?: boolean }\n): T[] {\n  return items.filter((item) => {\n    // Skip disabled items\n    if (item.enabled === false) return false;\n\n    // Skip items that require specific app types\n    if (!item.requiredApp) return true;\n    if (item.requiredApp === \"mobile\") return user?.hasMobileApp ?? false;\n    if (item.requiredApp === \"web\") return user?.hasWebApp ?? false;\n\n    return true;\n  });\n}\n\n/**\n * Generate notification ID\n *\n * @returns Unique notification ID\n */\nexport function generateNotificationId(): string {\n  return `${Date.now()}-${Math.random().toString(36).substring(7)}`;\n}\n"],"mappings":"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","names":["useState","useLocation","jsx","jsxs","useState","Menu","ChevronDown","Button","useTranslation","jsx","jsxs","jsx","jsxs","useLocation","useState","useState","useCallback"]}
+{"version":3,"sources":["../src/presentation/organisms/DashboardLayout.tsx","../src/presentation/molecules/DashboardSidebar.tsx","../src/presentation/molecules/BrandLogo.tsx","../src/infrastructure/utils/index.ts","../src/presentation/organisms/DashboardHeader.tsx","../src/domain/theme/index.ts","../src/infrastructure/hooks/index.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\nimport { useLocation, Outlet, Navigate } from \"react-router-dom\";\nimport { Skeleton } from \"@umituz/web-design-system/atoms\";\nimport { DashboardSidebar } from \"../molecules/DashboardSidebar\";\nimport { DashboardHeader } from \"./DashboardHeader\";\nimport type { DashboardLayoutConfig, DashboardUser, DashboardNotification } from \"../../domain/types\";\n\ninterface DashboardLayoutProps {\n  /** Layout configuration */\n  config: DashboardLayoutConfig;\n  /** Auth user */\n  user?: DashboardUser;\n  /** Auth loading state */\n  authLoading?: boolean;\n  /** Authenticated state */\n  isAuthenticated?: boolean;\n  /** Notifications */\n  notifications?: DashboardNotification[];\n  /** Logout function */\n  onLogout?: () => Promise<void>;\n  /** Mark all as read function */\n  onMarkAllRead?: () => void;\n  /** Dismiss notification function */\n  onDismissNotification?: (id: string) => void;\n  /** Login route for redirect */\n  loginRoute?: string;\n}\n\n/**\n * Dashboard Layout Component\n *\n * Main layout wrapper for dashboard pages.\n * Provides sidebar, header, and content area with responsive design.\n *\n * Features:\n * - Collapsible sidebar\n * - Mobile menu overlay\n * - Breadcrumb page titles\n * - Loading skeletons\n * - Auth protection\n *\n * @param props - Dashboard layout props\n */\nexport const DashboardLayout = ({\n  config,\n  user,\n  authLoading = false,\n  isAuthenticated = true,\n  notifications = [],\n  onLogout,\n  onMarkAllRead,\n  onDismissNotification,\n  loginRoute = \"/login\",\n}: DashboardLayoutProps) => {\n  const location = useLocation();\n  const [collapsed, setCollapsed] = useState(false);\n  const [mobileOpen, setMobileOpen] = useState(false);\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => {\n    setLoading(true);\n    const timer = setTimeout(() => setLoading(false), 300);\n    return () => clearTimeout(timer);\n  }, [location.pathname]);\n\n  useEffect(() => {\n    setMobileOpen(false);\n  }, [location.pathname]);\n\n  if (authLoading) return null;\n  if (!isAuthenticated) return <Navigate to={loginRoute} replace />;\n\n  const activeItem = config.sidebarGroups\n    .flatMap((group) => group.items)\n    .find((i) => i.path === location.pathname);\n\n  const getTitle = () => {\n    if (!activeItem) return config.extraTitleMap?.[location.pathname] || \"Dashboard\";\n    return activeItem.label; // Note: In real app, this would be translated\n  };\n\n  const currentTitle = getTitle();\n\n  return (\n    <div className=\"flex h-screen w-full bg-background font-sans\">\n      {/* Desktop Sidebar */}\n      <aside\n        className={`hidden md:flex flex-col shrink-0 border-r border-sidebar-border bg-sidebar transition-all duration-300 ${\n          collapsed ? \"w-16\" : \"w-60\"\n        }`}\n      >\n        <DashboardSidebar\n          collapsed={collapsed}\n          setCollapsed={setCollapsed}\n          sidebarGroups={config.sidebarGroups}\n          brandName={config.brandName}\n          brandTagline={config.brandTagline}\n          user={user}\n        />\n      </aside>\n\n      {/* Mobile Menu Overlay */}\n      {mobileOpen && (\n        <div className=\"fixed inset-0 z-50 md:hidden\">\n          <div className=\"absolute inset-0 bg-background/80 backdrop-blur-sm\" onClick={() => setMobileOpen(false)} />\n          <aside className=\"absolute left-0 top-0 h-full w-60 border-r border-sidebar-border bg-sidebar shadow-xl\">\n            <DashboardSidebar\n              collapsed={false}\n              setCollapsed={() => setMobileOpen(false)}\n              sidebarGroups={config.sidebarGroups}\n              brandName={config.brandName}\n              brandTagline={config.brandTagline}\n              user={user}\n            />\n          </aside>\n        </div>\n      )}\n\n      {/* Main Content Area */}\n      <div className=\"flex flex-1 flex-col overflow-hidden min-w-0\">\n        <DashboardHeader\n          collapsed={collapsed}\n          setCollapsed={setCollapsed}\n          setMobileOpen={setMobileOpen}\n          title={currentTitle}\n          user={user}\n          notifications={notifications}\n          onLogout={onLogout}\n          onMarkAllRead={onMarkAllRead}\n          onDismissNotification={onDismissNotification}\n        />\n\n        <main className=\"flex-1 overflow-y-auto p-4 md:p-8\">\n          {loading ? (\n            <div className=\"mx-auto w-full max-w-7xl space-y-6\">\n              <Skeleton className=\"h-8 w-1/3 rounded-xl\" />\n              <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n                {Array.from({ length: 4 }).map((_, i) => (\n                  <Skeleton key={i} className=\"h-28 rounded-2xl\" />\n                ))}\n              </div>\n              <Skeleton className=\"h-64 rounded-[32px]\" />\n            </div>\n          ) : (\n            <Outlet />\n          )}\n        </main>\n      </div>\n    </div>\n  );\n};\n\nexport default DashboardLayout;\n","import { useState } from \"react\";\nimport { Link, useLocation } from \"react-router-dom\";\nimport { useTranslation } from \"react-i18next\";\n\nimport { Button } from \"@umituz/web-design-system/atoms\";\nimport { BrandLogo } from \"./BrandLogo\";\nimport { PenTool, Menu, ChevronLeft, ChevronDown, ChevronRight } from \"lucide-react\";\nimport type { DashboardUser, SidebarGroup } from \"../../domain/types\";\nimport type { DashboardSidebarProps } from \"../../domain/types\";\nimport { filterSidebarItems } from \"../../infrastructure/utils\";\n\ninterface DashboardSidebarPropsExtended extends DashboardSidebarProps {\n  /** Sidebar groups configuration */\n  sidebarGroups: SidebarGroup[];\n  /** Brand name */\n  brandName?: string;\n  /** Brand tagline */\n  brandTagline?: string;\n  /** Create post route */\n  createPostRoute?: string;\n  /** Auth user */\n  user?: DashboardUser;\n}\n\n/**\n * Dashboard Sidebar Component\n *\n * Displays collapsible sidebar with navigation menu items.\n * Supports app-based filtering (mobile/web) and collapsible groups.\n *\n * @param props - Dashboard sidebar props\n */\nexport const DashboardSidebar = ({\n  collapsed,\n  setCollapsed,\n  sidebarGroups,\n  brandName = \"App\",\n  brandTagline = \"grow smarter\",\n  createPostRoute = \"/dashboard/create\",\n  user,\n}: DashboardSidebarPropsExtended) => {\n  const location = useLocation();\n  const { t } = useTranslation();\n  const [collapsedGroups, setCollapsedGroups] = useState<Record<string, boolean>>({});\n\n  const toggleGroup = (title: string) => {\n    setCollapsedGroups(prev => ({\n      ...prev,\n      [title]: !prev[title]\n    }));\n  };\n\n  return (\n    <div className=\"flex h-full flex-col\">\n      {/* Brand Section */}\n      <div className=\"flex h-16 items-center gap-3 border-b border-sidebar-border px-4 transition-all duration-300\">\n        <BrandLogo size={32} />\n        {!collapsed && (\n          <div className=\"flex flex-col -gap-1\">\n            <span className=\"text-2xl font-black text-sidebar-foreground tracking-tighter leading-none\">{brandName}</span>\n            <span className=\"text-[11px] font-bold text-primary/70 lowercase tracking-tight mt-2 ml-1 select-none underline decoration-primary/40 underline-offset-[6px] decoration-2\">\n              {brandTagline}\n            </span>\n          </div>\n        )}\n      </div>\n\n      {/* Create Button */}\n      <div className=\"px-3 py-4 border-b border-sidebar-border/50\">\n        <Link to={createPostRoute}>\n          <Button\n            variant=\"default\"\n            className={`w-full gap-3 shadow-glow transition-all active:scale-95 group overflow-hidden rounded-xl ${\n              collapsed ? \"px-0 justify-center h-10 w-10 mx-auto\" : \"justify-start px-4 h-11\"\n            }`}\n            title={collapsed ? t('sidebar.createPost') : undefined}\n          >\n            <PenTool className={`shrink-0 transition-transform duration-300 ${collapsed ? \"h-5 w-5\" : \"h-4 w-4 group-hover:scale-110\"}`} />\n            {!collapsed && <span className=\"font-bold tracking-tight\">{t('sidebar.createPost')}</span>}\n          </Button>\n        </Link>\n      </div>\n\n      {/* Navigation */}\n      <nav className=\"flex-1 overflow-y-auto px-2 py-3 scrollbar-hide\">\n        <div className=\"space-y-6\">\n          {sidebarGroups.map((group) => {\n            const filteredItems = filterSidebarItems(group.items, user);\n\n            if (filteredItems.length === 0) return null;\n\n            const isGroupCollapsed = collapsedGroups[group.title];\n\n            return (\n              <div key={group.title} className=\"space-y-1\">\n                {!collapsed && (\n                  <button\n                    onClick={() => toggleGroup(group.title)}\n                    className=\"w-full flex items-center justify-between px-3 mb-2 group/header\"\n                  >\n                    <span className=\"text-[10px] font-bold uppercase tracking-widest text-sidebar-foreground/40 group-hover/header:text-sidebar-foreground/70 transition-colors\">\n                      {group.title === \"sidebar.ai\" ? `${brandName} AI` : t(group.title)}\n                    </span>\n                    {isGroupCollapsed ? (\n                      <ChevronRight className=\"h-3 w-3 text-sidebar-foreground/30 flex-shrink-0 group-hover/header:text-sidebar-foreground/50 transition-colors\" />\n                    ) : (\n                      <ChevronDown className=\"h-3 w-3 text-sidebar-foreground/30 flex-shrink-0 group-hover/header:text-sidebar-foreground/50 transition-colors\" />\n                    )}\n                  </button>\n                )}\n\n                {(!isGroupCollapsed || collapsed) && filteredItems.map((item) => {\n                  const active = location.pathname === item.path;\n                  return (\n                    <Link\n                      key={item.path}\n                      to={item.path}\n                      className={`flex items-center gap-3 rounded-lg px-3 py-2 text-sm font-medium transition-all duration-200 ${\n                        active\n                          ? \"bg-sidebar-accent text-sidebar-accent-foreground shadow-sm\"\n                          : \"text-sidebar-foreground/70 hover:bg-sidebar-accent/40 hover:text-sidebar-foreground\"\n                      } ${collapsed ? \"justify-center\" : \"\"}`}\n                      title={collapsed ? t(item.label) : undefined}\n                    >\n                      <item.icon className={`h-4 w-4 shrink-0 transition-transform ${active && \"scale-110\"}`} />\n                      {!collapsed && <span>{t(item.label)}</span>}\n                    </Link>\n                  );\n                })}\n              </div>\n            );\n          })}\n        </div>\n      </nav>\n\n      {/* Collapse Toggle */}\n      <div className=\"border-t border-sidebar-border p-3\">\n        <div className={`flex items-center ${collapsed ? \"justify-center\" : \"justify-between\"}`}>\n          {!collapsed && (\n            <p className=\"text-[10px] uppercase tracking-wider text-sidebar-foreground/40 font-bold px-2\">\n              {t('sidebar.system')}\n            </p>\n          )}\n          <Button variant=\"ghost\" size=\"icon\" onClick={() => setCollapsed(!collapsed)} className=\"text-sidebar-foreground/70\">\n            {collapsed ? <Menu className=\"h-4 w-4\" /> : <ChevronLeft className=\"h-4 w-4\" />}\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n};\n","import React from \"react\";\nimport { cn } from \"@umituz/web-design-system/utils\";\n\ninterface BrandLogoProps {\n  className?: string;\n  size?: number;\n}\n\n/**\n * BrandLogo Component\n *\n * Displays the application brand logo as an SVG.\n * Supports custom sizing and styling through className.\n *\n * @param className - Optional CSS classes for styling\n * @param size - Width and height in pixels (default: 32)\n */\nexport const BrandLogo = ({ className, size = 32 }: BrandLogoProps) => {\n  return (\n    <svg\n      width={size}\n      height={size}\n      viewBox=\"0 0 100 100\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      className={cn(\"shrink-0\", className)}\n    >\n      {/* Solid Foundation / Platform */}\n      <rect\n        x=\"15\"\n        y=\"65\"\n        width=\"70\"\n        height=\"15\"\n        rx=\"4\"\n        fill=\"hsl(var(--primary))\"\n      />\n\n      {/* Assembly Paths / Structure */}\n      <rect\n        x=\"25\"\n        y=\"25\"\n        width=\"12\"\n        height=\"40\"\n        rx=\"2\"\n        fill=\"hsl(var(--primary))\"\n      />\n      <rect\n        x=\"44\"\n        y=\"35\"\n        width=\"12\"\n        height=\"30\"\n        rx=\"2\"\n        fill=\"hsl(var(--primary))\"\n      />\n      <rect\n        x=\"63\"\n        y=\"20\"\n        width=\"12\"\n        height=\"45\"\n        rx=\"2\"\n        fill=\"hsl(var(--primary))\"\n      />\n\n      {/* Modern Accent - The 'Assembly' Bridge */}\n      <rect\n        x=\"20\"\n        y=\"45\"\n        width=\"60\"\n        height=\"10\"\n        rx=\"2\"\n        fill=\"hsl(var(--secondary))\"\n      />\n\n      {/* Connection Point / Beacon */}\n      <circle\n        cx=\"50\"\n        cy=\"20\"\n        r=\"5\"\n        fill=\"hsl(var(--secondary))\"\n      />\n    </svg>\n  );\n};\n","/**\n * Dashboard Utilities\n *\n * Utility functions for dashboard operations\n */\n\n/**\n * Format notification timestamp to relative time\n *\n * @param createdAt - Notification creation timestamp\n * @param t - i18n translation function\n * @returns Formatted time string\n */\nexport function formatNotificationTime(\n  createdAt: Date | string | number,\n  t: (key: string, params?: Record<string, unknown>) => string\n): string {\n  const date = new Date(createdAt);\n  const secs = Math.floor((Date.now() - date.getTime()) / 1000);\n\n  if (secs < 60) return t(\"dashboard.activityFeed.times.justNow\");\n  if (secs < 3600) return t(\"dashboard.activityFeed.times.minutesAgo\", { val: Math.floor(secs / 60) });\n  if (secs < 86400) return t(\"dashboard.activityFeed.times.hoursAgo\", { val: Math.floor(secs / 3600) });\n  return t(\"dashboard.activityFeed.times.daysAgo\", { val: Math.floor(secs / 86400) });\n}\n\n/**\n * Check if a path is active\n *\n * @param currentPath - Current location pathname\n * @param targetPath - Target path to check\n * @returns True if paths match\n */\nexport function isPathActive(currentPath: string, targetPath: string): boolean {\n  return currentPath === targetPath;\n}\n\n/**\n * Get page title from sidebar configuration\n *\n * @param pathname - Current pathname\n * @param sidebarGroups - Sidebar groups configuration\n * @param extraTitleMap - Extra title mappings\n * @returns Page title or null\n */\nexport function getPageTitle(\n  pathname: string,\n  sidebarGroups: Array<{ items: Array<{ path: string; label: string }> }>,\n  extraTitleMap?: Record<string, string>\n): string | null {\n  // Search in sidebar groups\n  for (const group of sidebarGroups) {\n    const item = group.items.find((i) => i.path === pathname);\n    if (item) return item.label;\n  }\n\n  // Search in extra title map\n  if (extraTitleMap?.[pathname]) {\n    return extraTitleMap[pathname];\n  }\n\n  return null;\n}\n\n/**\n * Filter sidebar items by app type and enabled status\n *\n * @param items - Sidebar items to filter\n * @param user - Current user object\n * @returns Filtered items\n */\nexport function filterSidebarItems<T extends { enabled?: boolean; requiredApp?: \"mobile\" | \"web\" }>(\n  items: T[],\n  user?: { hasMobileApp?: boolean; hasWebApp?: boolean }\n): T[] {\n  return items.filter((item) => {\n    // Skip disabled items\n    if (item.enabled === false) return false;\n\n    // Skip items that require specific app types\n    if (!item.requiredApp) return true;\n    if (item.requiredApp === \"mobile\") return user?.hasMobileApp ?? false;\n    if (item.requiredApp === \"web\") return user?.hasWebApp ?? false;\n\n    return true;\n  });\n}\n\n/**\n * Generate notification ID\n *\n * @returns Unique notification ID\n */\nexport function generateNotificationId(): string {\n  return crypto.randomUUID();\n}\n","import React, { useState } from \"react\";\nimport {\n  Bell, X, Sun, Moon, Menu, User, Settings, LogOut,\n  ChevronDown, CreditCard\n} from \"lucide-react\";\nimport { Button } from \"@umituz/web-design-system/atoms\";\nimport { useNavigate } from \"react-router-dom\";\nimport { useTranslation } from \"react-i18next\";\nimport type { DashboardHeaderProps, DashboardUser, DashboardNotification } from \"../../domain/types\";\nimport { formatNotificationTime } from \"../../infrastructure/utils\";\n\ninterface DashboardHeaderPropsExtended extends DashboardHeaderProps {\n  /** Auth user */\n  user?: DashboardUser;\n  /** Notifications */\n  notifications?: DashboardNotification[];\n  /** Logout function */\n  onLogout?: () => Promise<void>;\n  /** Mark all as read function */\n  onMarkAllRead?: () => void;\n  /** Dismiss notification function */\n  onDismissNotification?: (id: string) => void;\n  /** Settings route */\n  settingsRoute?: string;\n  /** Profile route */\n  profileRoute?: string;\n  /** Billing route */\n  billingRoute?: string;\n}\n\n/**\n * Dashboard Header Component\n *\n * Displays top navigation bar with theme toggle, notifications,\n * user menu, and organisation selector.\n *\n * @param props - Dashboard header props\n */\nexport const DashboardHeader = ({\n  collapsed,\n  setCollapsed,\n  setMobileOpen,\n  title,\n  user,\n  notifications = [],\n  onLogout,\n  onMarkAllRead,\n  onDismissNotification,\n  settingsRoute = \"/dashboard/settings\",\n  profileRoute = \"/dashboard/profile\",\n  billingRoute = \"/dashboard/billing\",\n}: DashboardHeaderPropsExtended) => {\n  const navigate = useNavigate();\n  const { t } = useTranslation();\n  const [notifOpen, setNotifOpen] = useState(false);\n  const [profileOpen, setProfileOpen] = useState(false);\n\n  const unreadCount = notifications.filter((n) => !n.read).length;\n\n  const markAllRead = () => {\n    onMarkAllRead?.();\n  };\n\n  const handleLogout = async () => {\n    try {\n      await onLogout?.();\n      navigate(\"/login\");\n    } catch {\n      // Error handling can be added by parent component\n    }\n  };\n\n  // Placeholder components - these should be provided by the consuming app\n  const ThemeToggle = () => {\n    const [resolvedTheme, setResolvedTheme] = React.useState<\"light\" | \"dark\">(\"light\");\n\n    return (\n      <Button\n        variant=\"ghost\"\n        size=\"icon\"\n        onClick={() => setResolvedTheme(resolvedTheme === \"light\" ? \"dark\" : \"light\")}\n        className=\"text-muted-foreground h-9 w-9\"\n        title={resolvedTheme === \"dark\" ? t('common.tooltips.switchLight') : t('common.tooltips.switchDark')}\n      >\n        {resolvedTheme === \"dark\" ? <Sun className=\"h-4 w-4\" /> : <Moon className=\"h-4 w-4\" />}\n      </Button>\n    );\n  };\n\n  return (\n    <header className=\"flex h-14 items-center justify-between border-b border-border bg-card/50 backdrop-blur-md px-4 shrink-0 z-30\">\n      <div className=\"flex items-center gap-3\">\n        <Button variant=\"ghost\" size=\"icon\" className=\"md:hidden\" onClick={() => setMobileOpen(true)}>\n          <Menu className=\"h-5 w-5\" />\n        </Button>\n        {collapsed && (\n          <Button variant=\"ghost\" size=\"icon\" className=\"hidden md:inline-flex\" onClick={() => setCollapsed(false)}>\n            <Menu className=\"h-5 w-5\" />\n          </Button>\n        )}\n        <h2 className=\"text-sm font-semibold text-foreground\">\n          {title}\n        </h2>\n      </div>\n\n      <div className=\"flex items-center gap-2\">\n        {/* Theme Toggle */}\n        <ThemeToggle />\n\n        {/* Notifications */}\n        <div className=\"relative\">\n          <Button\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"text-muted-foreground relative h-9 w-9\"\n            onClick={() => {\n              setNotifOpen(!notifOpen);\n              setProfileOpen(false);\n            }}\n          >\n            <Bell className=\"h-4 w-4\" />\n            {unreadCount > 0 && (\n              <span className=\"absolute top-2 right-2 flex h-2 w-2\">\n                <span className=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-destructive opacity-75\"></span>\n                <span className=\"relative inline-flex rounded-full h-2 w-2 bg-destructive\"></span>\n              </span>\n            )}\n          </Button>\n\n          {notifOpen && (\n            <>\n              <div className=\"fixed inset-0 z-40\" onClick={() => setNotifOpen(false)} />\n              <div className=\"absolute top-12 right-0 w-80 bg-popover border border-border rounded-xl shadow-xl z-50 overflow-hidden animate-in fade-in zoom-in-95 duration-200\">\n                <div className=\"flex items-center justify-between px-4 py-3 border-b border-border bg-muted/50\">\n                  <h3 className=\"text-xs font-bold uppercase tracking-wider text-foreground\">{t('dashboard.notifications.title')}</h3>\n                  {unreadCount > 0 && (\n                    <button onClick={markAllRead} className=\"text-[10px] font-bold text-primary hover:underline uppercase\">{t('dashboard.notifications.markAllRead')}</button>\n                  )}\n                </div>\n\n                <div className=\"max-h-[400px] overflow-y-auto\">\n                  {notifications.map((n) => (\n                    <div key={n.id} className={`px-4 py-3 border-b border-border last:border-0 flex items-start gap-3 transition-colors hover:bg-muted/30 ${!n.read ? \"bg-primary/5\" : \"\"}`}>\n                      <div className=\"flex-1 min-w-0\">\n                        <p className=\"text-sm text-foreground leading-snug\">{n.text}</p>\n                        <p className=\"text-[10px] text-muted-foreground mt-1 flex items-center gap-1\">\n                          <span className=\"inline-block w-1 h-1 rounded-full bg-muted-foreground/30\" />\n                          {formatNotificationTime(n.createdAt, t)}\n                        </p>\n                      </div>\n                      <button\n                        onClick={() => onDismissNotification?.(n.id)}\n                        className=\"text-muted-foreground/50 hover:text-foreground shrink-0 transition-colors\"\n                      >\n                        <X className=\"h-3 w-3\" />\n                      </button>\n                    </div>\n                  ))}\n                  {notifications.length === 0 && (\n                    <div className=\"px-4 py-10 text-center\">\n                      <div className=\"mx-auto w-10 h-10 rounded-full bg-muted flex items-center justify-center mb-3\">\n                        <Bell className=\"h-5 w-5 text-muted-foreground/50\" />\n                      </div>\n                      <p className=\"text-sm text-muted-foreground\">{t('dashboard.notifications.none')}</p>\n                    </div>\n                  )}\n                </div>\n              </div>\n            </>\n          )}\n        </div>\n\n        <div className=\"h-6 w-px bg-border mx-1\" />\n\n        <div className=\"relative\">\n          <button\n            onClick={() => {\n              setProfileOpen(!profileOpen);\n              setNotifOpen(false);\n            }}\n            className=\"flex items-center gap-2 p-1 pl-1 rounded-full hover:bg-muted transition-colors group\"\n          >\n            <div className=\"w-8 h-8 rounded-full bg-primary/10 flex items-center justify-center text-[10px] font-bold text-primary overflow-hidden border border-primary/20 ring-primary/20 group-hover:ring-4 transition-all\">\n              {user?.avatar && <img src={user.avatar} alt=\"User\" className=\"w-full h-full object-cover\" />}\n            </div>\n            <ChevronDown className={`h-4 w-4 text-muted-foreground transition-transform duration-200 ${profileOpen && \"rotate-180\"}`} />\n          </button>\n\n          {profileOpen && (\n            <>\n              <div className=\"fixed inset-0 z-40\" onClick={() => setProfileOpen(false)} />\n              <div className=\"absolute top-12 right-0 w-56 bg-popover border border-border rounded-xl shadow-xl z-50 overflow-hidden animate-in fade-in zoom-in-95 duration-200 p-1.5\">\n                <div className=\"px-3 py-2 border-b border-border/50 mb-1\">\n                  <p className=\"text-sm font-bold text-foreground\">{user?.name || t(\"common.roles.user\")}</p>\n                  <p className=\"text-xs text-muted-foreground truncate\">{user?.email}</p>\n                </div>\n\n                <div className=\"space-y-0.5\">\n                  <button\n                    onClick={() => { navigate(profileRoute); setProfileOpen(false); }}\n                    className=\"flex w-full items-center gap-2.5 px-3 py-2 text-sm text-foreground hover:bg-muted rounded-lg transition-colors\"\n                  >\n                    <User className=\"h-4 w-4 text-muted-foreground\" />\n                    {t('common.profile')}\n                  </button>\n                  <button\n                    onClick={() => { navigate(billingRoute); setProfileOpen(false); }}\n                    className=\"flex w-full items-center gap-2.5 px-3 py-2 text-sm text-foreground hover:bg-muted rounded-lg transition-colors\"\n                  >\n                    <CreditCard className=\"h-4 w-4 text-muted-foreground\" />\n                    {t('common.billing')}\n                  </button>\n                  <button\n                    onClick={() => { navigate(settingsRoute); setProfileOpen(false); }}\n                    className=\"flex w-full items-center gap-2.5 px-3 py-2 text-sm text-foreground hover:bg-muted rounded-lg transition-colors\"\n                  >\n                    <Settings className=\"h-4 w-4 text-muted-foreground\" />\n                    {t('common.settings')}\n                  </button>\n                </div>\n\n                <div className=\"h-px bg-border my-1.5\" />\n\n                <button\n                  onClick={handleLogout}\n                  className=\"flex w-full items-center gap-2.5 px-3 py-2 text-sm text-destructive hover:bg-destructive/10 rounded-lg transition-colors font-medium\"\n                >\n                  <LogOut className=\"h-4 w-4\" />\n                  {t('common.logout')}\n                </button>\n              </div>\n            </>\n          )}\n        </div>\n      </div>\n    </header>\n  );\n};\n","/**\n * Dashboard Theme System\n *\n * Provides theme configuration and presets for the dashboard layout.\n * Themes are applied via CSS variables, allowing runtime customization.\n */\n\nimport type { DashboardTheme, DashboardThemePreset } from \"../types\";\n\n// =============================================================================\n// Default Theme\n// =============================================================================\n\n/**\n * Default dashboard theme (light mode)\n */\nexport const DEFAULT_DASHBOARD_THEME: DashboardTheme = {\n  primary: \"hsl(222.2 47.4% 11.2%)\",\n  secondary: \"hsl(217.2 32.6% 17.5%)\",\n  sidebarBackground: \"hsl(222.2 47.4% 11.2%)\",\n  sidebarForeground: \"hsl(210 40% 98%)\",\n  sidebarBorder: \"hsl(217.2 32.6% 17.5%)\",\n  headerBackground: \"hsla(0, 0%, 100%, 0.8)\",\n  background: \"hsl(0 0% 100%)\",\n  foreground: \"hsl(222.2 84% 4.9%)\",\n  border: \"hsl(214.3 31.8% 91.4%)\",\n  accent: \"hsl(217.2 91.2% 59.8%)\",\n  accentForeground: \"hsl(0 0% 100%)\",\n  destructive: \"hsl(0 84.2% 60.2%)\",\n  destructiveForeground: \"hsl(0 0% 98%)\",\n  muted: \"hsl(210 40% 96.1%)\",\n  mutedForeground: \"hsl(215.4 16.3% 46.9%)\",\n  card: \"hsl(0 0% 100%)\",\n  cardForeground: \"hsl(222.2 84% 4.9%)\",\n  popover: \"hsl(0 0% 100%)\",\n  popoverForeground: \"hsl(222.2 84% 4.9%)\",\n  radius: \"0.5rem\",\n};\n\n/**\n * Default dashboard theme (dark mode)\n */\nexport const DEFAULT_DASHBOARD_THEME_DARK: DashboardTheme = {\n  primary: \"hsl(217.2 91.2% 59.8%)\",\n  secondary: \"hsl(217.2 32.6% 17.5%)\",\n  sidebarBackground: \"hsl(222.2 47.4% 11.2%)\",\n  sidebarForeground: \"hsl(210 40% 98%)\",\n  sidebarBorder: \"hsl(217.2 32.6% 17.5%)\",\n  headerBackground: \"hsla(222.2 47.4% 11.2%, 0.8)\",\n  background: \"hsl(222.2 84% 4.9%)\",\n  foreground: \"hsl(210 40% 98%)\",\n  border: \"hsl(217.2 32.6% 17.5%)\",\n  accent: \"hsl(217.2 91.2% 59.8%)\",\n  accentForeground: \"hsl(0 0% 100%)\",\n  destructive: \"hsl(0 62.8% 30.6%)\",\n  destructiveForeground: \"hsl(0 0% 98%)\",\n  muted: \"hsl(217.2 32.6% 17.5%)\",\n  mutedForeground: \"hsl(215 20.2% 65.1%)\",\n  card: \"hsl(222.2 84% 4.9%)\",\n  cardForeground: \"hsl(210 40% 98%)\",\n  popover: \"hsl(222.2 84% 4.9%)\",\n  popoverForeground: \"hsl(210 40% 98%)\",\n  radius: \"0.5rem\",\n};\n\n// =============================================================================\n// Theme Presets\n// =============================================================================\n\n/**\n * Available theme presets\n */\nexport const DASHBOARD_THEME_PRESETS: DashboardThemePreset[] = [\n  {\n    name: \"default\",\n    theme: DEFAULT_DASHBOARD_THEME,\n    dark: false,\n  },\n  {\n    name: \"default-dark\",\n    theme: DEFAULT_DASHBOARD_THEME_DARK,\n    dark: true,\n  },\n  {\n    name: \"blue\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME,\n      primary: \"hsl(221.2 83.2% 53.3%)\",\n      accent: \"hsl(221.2 83.2% 53.3%)\",\n    },\n    dark: false,\n  },\n  {\n    name: \"blue-dark\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME_DARK,\n      primary: \"hsl(221.2 83.2% 53.3%)\",\n      accent: \"hsl(221.2 83.2% 53.3%)\",\n    },\n    dark: true,\n  },\n  {\n    name: \"purple\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME,\n      primary: \"hsl(271.5 81.3% 55.9%)\",\n      accent: \"hsl(271.5 81.3% 55.9%)\",\n    },\n    dark: false,\n  },\n  {\n    name: \"purple-dark\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME_DARK,\n      primary: \"hsl(271.5 81.3% 55.9%)\",\n      accent: \"hsl(271.5 81.3% 55.9%)\",\n    },\n    dark: true,\n  },\n  {\n    name: \"green\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME,\n      primary: \"hsl(142.1 76.2% 36.3%)\",\n      accent: \"hsl(142.1 76.2% 36.3%)\",\n    },\n    dark: false,\n  },\n  {\n    name: \"green-dark\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME_DARK,\n      primary: \"hsl(142.1 76.2% 36.3%)\",\n      accent: \"hsl(142.1 76.2% 36.3%)\",\n    },\n    dark: true,\n  },\n  {\n    name: \"orange\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME,\n      primary: \"hsl(24.6 95% 53.1%)\",\n      accent: \"hsl(24.6 95% 53.1%)\",\n    },\n    dark: false,\n  },\n  {\n    name: \"orange-dark\",\n    theme: {\n      ...DEFAULT_DASHBOARD_THEME_DARK,\n      primary: \"hsl(24.6 95% 53.1%)\",\n      accent: \"hsl(24.6 95% 53.1%)\",\n    },\n    dark: true,\n  },\n];\n\n// =============================================================================\n// Theme Utilities\n// =============================================================================\n\n/**\n * Apply theme to document root via CSS variables\n *\n * @param theme - Theme configuration to apply\n */\nexport function applyDashboardTheme(theme: DashboardTheme): void {\n  if (typeof document === \"undefined\") return;\n\n  const root = document.documentElement;\n\n  // Map theme keys to CSS variable names\n  const cssVars: Record<string, string | undefined> = {\n    \"--primary\": theme.primary,\n    \"--secondary\": theme.secondary,\n    \"--sidebar\": theme.sidebarBackground,\n    \"--sidebar-foreground\": theme.sidebarForeground,\n    \"--sidebar-border\": theme.sidebarBorder,\n    \"--background\": theme.background,\n    \"--foreground\": theme.foreground,\n    \"--border\": theme.border,\n    \"--accent\": theme.accent,\n    \"--accent-foreground\": theme.accentForeground,\n    \"--destructive\": theme.destructive,\n    \"--destructive-foreground\": theme.destructiveForeground,\n    \"--muted\": theme.muted,\n    \"--muted-foreground\": theme.mutedForeground,\n    \"--card\": theme.card,\n    \"--card-foreground\": theme.cardForeground,\n    \"--popover\": theme.popover,\n    \"--popover-foreground\": theme.popoverForeground,\n    \"--radius\": theme.radius,\n  };\n\n  // Apply CSS variables\n  Object.entries(cssVars).forEach(([key, value]) => {\n    if (value) {\n      root.style.setProperty(key, value);\n    }\n  });\n}\n\n/**\n * Get theme preset by name\n *\n * @param name - Preset name\n * @returns Theme preset or undefined\n */\nexport function getDashboardThemePreset(name: string): DashboardThemePreset | undefined {\n  return DASHBOARD_THEME_PRESETS.find((preset) => preset.name === name);\n}\n\n/**\n * Merge custom theme with default theme\n *\n * @param customTheme - Custom theme configuration\n * @param dark - Whether to use dark mode base\n * @returns Merged theme configuration\n */\nexport function mergeDashboardTheme(\n  customTheme: Partial<DashboardTheme>,\n  dark = false\n): DashboardTheme {\n  const baseTheme = dark ? DEFAULT_DASHBOARD_THEME_DARK : DEFAULT_DASHBOARD_THEME;\n  return {\n    ...baseTheme,\n    ...customTheme,\n  } as DashboardTheme;\n}\n","/**\n * Dashboard Hooks\n *\n * Custom React hooks for dashboard functionality\n */\n\nimport { useState, useCallback } from \"react\";\nimport type { DashboardNotification } from \"../../domain/types\";\n\n/**\n * Use Notifications Hook\n *\n * Manages notification state and actions\n *\n * @param initialNotifications - Initial notification list\n * @returns Notification state and actions\n */\nexport function useNotifications(initialNotifications: DashboardNotification[] = []) {\n  const [notifications, setNotifications] = useState<DashboardNotification[]>(initialNotifications);\n\n  const markAllRead = useCallback(() => {\n    setNotifications((prev) =>\n      prev.map((n) => ({ ...n, read: true }))\n    );\n  }, []);\n\n  const dismiss = useCallback((id: string) => {\n    setNotifications((prev) => prev.filter((n) => n.id !== id));\n  }, []);\n\n  const add = useCallback((notification: Omit<DashboardNotification, \"id\">) => {\n    const newNotification: DashboardNotification = {\n      ...notification,\n      id: crypto.randomUUID(),\n      read: false,\n      createdAt: new Date(),\n    };\n    setNotifications((prev) => [newNotification, ...prev]);\n  }, []);\n\n  return {\n    notifications,\n    markAllRead,\n    dismiss,\n    add,\n  };\n}\n\n/**\n * Use Sidebar Hook\n *\n * Manages sidebar state\n *\n * @returns Sidebar state and actions\n */\nexport function useSidebar(initialCollapsed = false) {\n  const [collapsed, setCollapsed] = useState(initialCollapsed);\n  const [mobileOpen, setMobileOpen] = useState(false);\n\n  const toggle = useCallback(() => {\n    setCollapsed((prev) => !prev);\n  }, []);\n\n  const openMobile = useCallback(() => {\n    setMobileOpen(true);\n  }, []);\n\n  const closeMobile = useCallback(() => {\n    setMobileOpen(false);\n  }, []);\n\n  return {\n    collapsed,\n    setCollapsed,\n    toggle,\n    mobileOpen,\n    setMobileOpen: setMobileOpen,\n    openMobile,\n    closeMobile,\n  };\n}\n"],"mappings":"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","names":["useState","useLocation","jsx","jsxs","useState","Menu","ChevronDown","Button","useTranslation","jsx","jsxs","useTranslation","useState","Button","Menu","ChevronDown","jsx","jsxs","useLocation","useState","useState"]}

package/dist/infrastructure/hooks/index.js

@@ -15,7 +15,7 @@ function useNotifications(initialNotifications = []) {
   const add = useCallback((notification) => {
     const newNotification = {
       ...notification,
-      id: Math.random().toString(36).substring(7),
+      id: crypto.randomUUID(),
       read: false,
       createdAt: /* @__PURE__ */ new Date()
     };

package/dist/infrastructure/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/infrastructure/hooks/index.ts"],"sourcesContent":["/**\n * Dashboard Hooks\n *\n * Custom React hooks for dashboard functionality\n */\n\nimport { useState, useCallback } from \"react\";\nimport type { DashboardNotification } from \"../../domain/types\";\n\n/**\n * Use Notifications Hook\n *\n * Manages notification state and actions\n *\n * @param initialNotifications - Initial notification list\n * @returns Notification state and actions\n */\nexport function useNotifications(initialNotifications: DashboardNotification[] = []) {\n  const [notifications, setNotifications] = useState<DashboardNotification[]>(initialNotifications);\n\n  const markAllRead = useCallback(() => {\n    setNotifications((prev) =>\n      prev.map((n) => ({ ...n, read: true }))\n    );\n  }, []);\n\n  const dismiss = useCallback((id: string) => {\n    setNotifications((prev) => prev.filter((n) => n.id !== id));\n  }, []);\n\n  const add = useCallback((notification: Omit<DashboardNotification, \"id\">) => {\n    const newNotification: DashboardNotification = {\n      ...notification,\n      id: Math.random().toString(36).substring(7),\n      read: false,\n      createdAt: new Date(),\n    };\n    setNotifications((prev) => [newNotification, ...prev]);\n  }, []);\n\n  return {\n    notifications,\n    markAllRead,\n    dismiss,\n    add,\n  };\n}\n\n/**\n * Use Sidebar Hook\n *\n * Manages sidebar state\n *\n * @returns Sidebar state and actions\n */\nexport function useSidebar(initialCollapsed = false) {\n  const [collapsed, setCollapsed] = useState(initialCollapsed);\n  const [mobileOpen, setMobileOpen] = useState(false);\n\n  const toggle = useCallback(() => {\n    setCollapsed((prev) => !prev);\n  }, []);\n\n  const openMobile = useCallback(() => {\n    setMobileOpen(true);\n  }, []);\n\n  const closeMobile = useCallback(() => {\n    setMobileOpen(false);\n  }, []);\n\n  return {\n    collapsed,\n    setCollapsed,\n    toggle,\n    mobileOpen,\n    setMobileOpen: setMobileOpen,\n    openMobile,\n    closeMobile,\n  };\n}\n"],"mappings":";;;AAMA,SAAS,UAAU,mBAAmB;AAW/B,SAAS,iBAAiB,uBAAgD,CAAC,GAAG;AACnF,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAkC,oBAAoB;AAEhG,QAAM,cAAc,YAAY,MAAM;AACpC;AAAA,MAAiB,CAAC,SAChB,KAAK,IAAI,CAAC,OAAO,EAAE,GAAG,GAAG,MAAM,KAAK,EAAE;AAAA,IACxC;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,YAAY,CAAC,OAAe;AAC1C,qBAAiB,CAAC,SAAS,KAAK,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;AAAA,EAC5D,GAAG,CAAC,CAAC;AAEL,QAAM,MAAM,YAAY,CAAC,iBAAoD;AAC3E,UAAM,kBAAyC;AAAA,MAC7C,GAAG;AAAA,MACH,IAAI,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,UAAU,CAAC;AAAA,MAC1C,MAAM;AAAA,MACN,WAAW,oBAAI,KAAK;AAAA,IACtB;AACA,qBAAiB,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC;AAAA,EACvD,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AASO,SAAS,WAAW,mBAAmB,OAAO;AACnD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,gBAAgB;AAC3D,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,QAAM,SAAS,YAAY,MAAM;AAC/B,iBAAa,CAAC,SAAS,CAAC,IAAI;AAAA,EAC9B,GAAG,CAAC,CAAC;AAEL,QAAM,aAAa,YAAY,MAAM;AACnC,kBAAc,IAAI;AAAA,EACpB,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,YAAY,MAAM;AACpC,kBAAc,KAAK;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../src/infrastructure/hooks/index.ts"],"sourcesContent":["/**\n * Dashboard Hooks\n *\n * Custom React hooks for dashboard functionality\n */\n\nimport { useState, useCallback } from \"react\";\nimport type { DashboardNotification } from \"../../domain/types\";\n\n/**\n * Use Notifications Hook\n *\n * Manages notification state and actions\n *\n * @param initialNotifications - Initial notification list\n * @returns Notification state and actions\n */\nexport function useNotifications(initialNotifications: DashboardNotification[] = []) {\n  const [notifications, setNotifications] = useState<DashboardNotification[]>(initialNotifications);\n\n  const markAllRead = useCallback(() => {\n    setNotifications((prev) =>\n      prev.map((n) => ({ ...n, read: true }))\n    );\n  }, []);\n\n  const dismiss = useCallback((id: string) => {\n    setNotifications((prev) => prev.filter((n) => n.id !== id));\n  }, []);\n\n  const add = useCallback((notification: Omit<DashboardNotification, \"id\">) => {\n    const newNotification: DashboardNotification = {\n      ...notification,\n      id: crypto.randomUUID(),\n      read: false,\n      createdAt: new Date(),\n    };\n    setNotifications((prev) => [newNotification, ...prev]);\n  }, []);\n\n  return {\n    notifications,\n    markAllRead,\n    dismiss,\n    add,\n  };\n}\n\n/**\n * Use Sidebar Hook\n *\n * Manages sidebar state\n *\n * @returns Sidebar state and actions\n */\nexport function useSidebar(initialCollapsed = false) {\n  const [collapsed, setCollapsed] = useState(initialCollapsed);\n  const [mobileOpen, setMobileOpen] = useState(false);\n\n  const toggle = useCallback(() => {\n    setCollapsed((prev) => !prev);\n  }, []);\n\n  const openMobile = useCallback(() => {\n    setMobileOpen(true);\n  }, []);\n\n  const closeMobile = useCallback(() => {\n    setMobileOpen(false);\n  }, []);\n\n  return {\n    collapsed,\n    setCollapsed,\n    toggle,\n    mobileOpen,\n    setMobileOpen: setMobileOpen,\n    openMobile,\n    closeMobile,\n  };\n}\n"],"mappings":";;;AAMA,SAAS,UAAU,mBAAmB;AAW/B,SAAS,iBAAiB,uBAAgD,CAAC,GAAG;AACnF,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAkC,oBAAoB;AAEhG,QAAM,cAAc,YAAY,MAAM;AACpC;AAAA,MAAiB,CAAC,SAChB,KAAK,IAAI,CAAC,OAAO,EAAE,GAAG,GAAG,MAAM,KAAK,EAAE;AAAA,IACxC;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,UAAU,YAAY,CAAC,OAAe;AAC1C,qBAAiB,CAAC,SAAS,KAAK,OAAO,CAAC,MAAM,EAAE,OAAO,EAAE,CAAC;AAAA,EAC5D,GAAG,CAAC,CAAC;AAEL,QAAM,MAAM,YAAY,CAAC,iBAAoD;AAC3E,UAAM,kBAAyC;AAAA,MAC7C,GAAG;AAAA,MACH,IAAI,OAAO,WAAW;AAAA,MACtB,MAAM;AAAA,MACN,WAAW,oBAAI,KAAK;AAAA,IACtB;AACA,qBAAiB,CAAC,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC;AAAA,EACvD,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AASO,SAAS,WAAW,mBAAmB,OAAO;AACnD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,gBAAgB;AAC3D,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAElD,QAAM,SAAS,YAAY,MAAM;AAC/B,iBAAa,CAAC,SAAS,CAAC,IAAI;AAAA,EAC9B,GAAG,CAAC,CAAC;AAEL,QAAM,aAAa,YAAY,MAAM;AACnC,kBAAc,IAAI;AAAA,EACpB,GAAG,CAAC,CAAC;AAEL,QAAM,cAAc,YAAY,MAAM;AACpC,kBAAc,KAAK;AAAA,EACrB,GAAG,CAAC,CAAC;AAEL,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}