indas-ui 0.0.1 → 0.1.0

package/dist/components/layout/top-header.js

@@ -0,0 +1,234 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
+import { Search, Bell, Mail, PanelLeftOpen, PanelLeftClose, CheckCheck, Trash2, Settings, User, Factory, MessageSquare } from 'lucide-react';
+import { cn } from '../../lib/utils.js';
+import { Button } from '../ui/index.js';
+import { useSessionAdapter } from '../../contexts/SessionAdapterContext.js';
+import { useRouter } from 'next/navigation';
+import { ProductionUnitsAPI } from '../../lib/api/index.js';
+import { Dropdown } from '../forms/dropdown/index.js';
+import { EmailPanelContent as EmailInboxPanel } from '@/app/(main)/activity/email/components/InboxPanel';
+import { UserDropdown } from './userprofile-dropdown.js';
+import { useAppConfig } from '../../contexts/AppConfigContext.js';
+import { useNavigation } from '../../contexts/NavigationContext.js';
+import { useEmail } from '../../contexts/EmailContext.js';
+import { useMessaging } from '../../contexts/MessagingContext.js';
+import { MessagingPanelContent } from '../messaging/messaging-panel-content.js';
+import { useNotifications, formatTimeAgo, getNotificationIcon, getIconBoxColors } from '../../hooks/useNotifications.js';
+import { getModuleRoutePath } from '../../lib/utils.js';
+// Fallback production units if API fails
+const fallbackProductionUnits = [
+    { value: 'default', label: 'Default Unit' }
+];
+// Empty initial state - data comes from API only
+const defaultProductionUnits = [];
+export function TopHeader({ className, sidebarCollapsed = true, onToggleSidebar, onToggleMobileSidebar }) {
+    const { data: session } = useSessionAdapter();
+    const companyName = session?.user?.CompanyName || '';
+    // Dynamic company logo: /app/{CompanyName}.png, fallback to /app/company-logo.png
+    const companyLogoSrc = companyName ? `/app/${companyName}.png` : '/app/company-logo.png';
+    const router = useRouter();
+    const appConfig = useAppConfig();
+    const { state: emailState } = useEmail();
+    const { state: messagingState } = useMessaging();
+    const [productionUnits, setProductionUnits] = React.useState(defaultProductionUnits);
+    const [selectedUnit, setSelectedUnit] = React.useState('');
+    const [unitsLoading, setUnitsLoading] = React.useState(false);
+    const [apiCallMade, setApiCallMade] = React.useState(false);
+    const [searchQuery, setSearchQuery] = React.useState('');
+    const [showSearchModal, setShowSearchModal] = React.useState(false);
+    const [mounted, setMounted] = React.useState(false);
+    const [showEmailDropdown, setShowEmailDropdown] = React.useState(false);
+    const [commsPanelTab, setCommsPanelTab] = React.useState('messages');
+    // Notifications — extracted to useNotifications hook
+    const { notificationsLoading, showNotificationDropdown, setShowNotificationDropdown, activeNotificationCategory, setActiveNotificationCategory, notificationSearchQuery, setNotificationSearchQuery, getFilteredNotifications, getNotificationCounts, getUnreadCount, getUnreadCategoryCounts, markNotificationAsRead, markAllAsRead, deleteNotification, } = useNotifications(session);
+    // Fetch production units from API
+    React.useEffect(() => {
+        const fetchProductionUnits = async () => {
+            if (!session?.user) {
+                setUnitsLoading(false);
+                return;
+            }
+            // Prevent multiple simultaneous calls
+            if (unitsLoading || apiCallMade) {
+                return;
+            }
+            setUnitsLoading(true);
+            setApiCallMade(true);
+            // Set a timeout to prevent infinite loading
+            const timeoutId = setTimeout(() => {
+                setUnitsLoading(false);
+                setProductionUnits([]);
+            }, 10000);
+            try {
+                const response = await ProductionUnitsAPI.getProductionUnits(session);
+                if (response.success && response.data) {
+                    // Handle the nested ProductionUnits structure
+                    let unitsArray = response.data;
+                    if (response.data.ProductionUnits) {
+                        unitsArray = response.data.ProductionUnits;
+                    }
+                    if (Array.isArray(unitsArray)) {
+                        // Transform API data to match the expected format
+                        const units = unitsArray.map((unit) => {
+                            return {
+                                value: unit.ProductionUnitID || unit.Value || unit.value || unit.UnitCode || unit.unitCode || unit.id || unit.Id || unit.Code,
+                                label: unit.ProductionUnitName || unit.Label || unit.label || unit.UnitName || unit.unitName || unit.name || unit.Name || unit.Description
+                            };
+                        });
+                        if (units.length > 0) {
+                            setProductionUnits(units);
+                            // Set the first unit as default if no selection or current selection doesn't exist
+                            const unitExists = selectedUnit && units.some((unit) => unit.value === selectedUnit);
+                            if (!unitExists) {
+                                setSelectedUnit(units[0].value);
+                            }
+                        }
+                        else {
+                            setProductionUnits([]);
+                        }
+                    }
+                    else {
+                        setProductionUnits([]);
+                    }
+                }
+                else {
+                    setProductionUnits(fallbackProductionUnits);
+                    setSelectedUnit(fallbackProductionUnits[0].value);
+                }
+            }
+            catch (error) {
+                // Use fallback production units on any error
+                setProductionUnits(fallbackProductionUnits);
+                setSelectedUnit(fallbackProductionUnits[0].value);
+            }
+            finally {
+                clearTimeout(timeoutId);
+                setUnitsLoading(false);
+            }
+        };
+        fetchProductionUnits();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [session, selectedUnit]); // apiCallMade and unitsLoading are intentionally excluded - they're internal guards to prevent re-fetching
+    const { groupedModules, loading: navLoading } = useNavigation();
+    // Flatten all modules for search
+    const allModules = React.useMemo(() => {
+        const modules = [];
+        groupedModules.forEach(group => {
+            group.modules?.forEach(module => {
+                const href = getModuleRoutePath(module.ModuleName);
+                if (href !== '#') { // Skip non-clickable items
+                    modules.push({
+                        name: module.ModuleName,
+                        href,
+                        group: group.groupName
+                    });
+                }
+            });
+        });
+        return modules;
+    }, [groupedModules]);
+    const filteredResults = React.useMemo(() => {
+        if (!searchQuery.trim())
+            return { all: [], byGroup: {} };
+        const query = searchQuery.toLowerCase();
+        const filtered = allModules.filter(item => item.name.toLowerCase().includes(query) ||
+            item.group.toLowerCase().includes(query));
+        // Group results by group name
+        const byGroup = {};
+        filtered.forEach(item => {
+            if (!byGroup[item.group]) {
+                byGroup[item.group] = [];
+            }
+            byGroup[item.group].push(item);
+        });
+        return { all: filtered, byGroup };
+    }, [searchQuery, allModules]);
+    const handleSearchItemClick = (item) => {
+        setShowSearchModal(false);
+        setSearchQuery('');
+        router.push(item.href);
+    };
+    React.useEffect(() => {
+        setMounted(true);
+    }, []);
+    return (_jsx(_Fragment, { children: _jsx("header", { className: cn("sticky top-0 z-50 w-full", 
+            // Mobile: off-white surface with strong bottom depth
+            "bg-[rgb(var(--bg-subtle))] border-b border-[rgb(var(--bd-default))] shadow-[0_2px_8px_-2px_rgba(0,0,0,0.12)]", 
+            // Desktop: unchanged dark blue
+            "lg:bg-primary-hover lg:border-b lg:border-primary/20 lg:shadow-sm", className), children: _jsxs("div", { className: "flex h-14 lg:h-14 items-center justify-between px-2 pr-0 lg:px-6 gap-2 lg:gap-4", children: [_jsxs("div", { className: "flex items-center gap-1.5 sm:gap-2 flex-shrink min-w-0", children: [onToggleSidebar && (_jsx("button", { onClick: (e) => {
+                                    e.stopPropagation();
+                                    onToggleSidebar();
+                                }, className: "hidden lg:block p-2 text-white/60 hover:text-white transition-colors focus:outline-none flex-shrink-0", title: sidebarCollapsed ? "Expand sidebar" : "Collapse sidebar", children: sidebarCollapsed ? (_jsx(PanelLeftOpen, { className: "h-5 w-5" })) : (_jsx(PanelLeftClose, { className: "h-5 w-5" })) })), _jsxs("div", { className: "relative group/company flex-shrink", children: [_jsx("button", { onClick: () => router.push('/home'), className: "text-[rgb(var(--color-primary))] lg:text-white font-bold text-lg lg:text-base lg:font-semibold hover:opacity-80 transition-colors cursor-pointer max-w-[200px] sm:max-w-[240px] md:max-w-[280px] lg:max-w-xs truncate", children: session?.user?.CompanyName || 'Loading...' }), _jsx("div", { className: "absolute top-full left-0 mt-2 opacity-0 scale-95 pointer-events-none group-hover/company:opacity-100 group-hover/company:scale-100 group-hover/company:pointer-events-auto transition-all duration-200 z-50", children: _jsxs("div", { className: "bg-[rgb(var(--bg-surface))] rounded-xl shadow-xl border border-[rgb(var(--bd-default))] overflow-hidden w-64", children: [_jsxs("div", { className: "flex items-center gap-3 p-3.5 bg-[rgb(var(--bg-subtle))]", children: [_jsx("img", { src: companyLogoSrc, onError: (e) => { e.target.src = '/app/company-logo.png'; }, alt: "", className: "h-10 w-10 rounded-lg object-contain bg-white p-1 shadow-sm border border-[rgb(var(--bd-default))]" }), _jsxs("div", { className: "min-w-0", children: [_jsx("p", { className: "text-sm font-semibold text-[rgb(var(--fg-default))] truncate", children: session?.user?.CompanyName || '-' }), _jsx("p", { className: "text-[0.65rem] text-[rgb(var(--color-primary))] font-medium", children: session?.user?.FYear || '-' })] })] }), _jsxs("div", { className: "p-3 space-y-2", children: [_jsxs("div", { className: "flex items-center gap-2.5", children: [_jsx(Factory, { className: "h-3.5 w-3.5 text-[rgb(var(--fg-muted))] flex-shrink-0" }), _jsx("span", { className: "text-xs text-[rgb(var(--fg-default))]", children: productionUnits.find(u => u.value === selectedUnit)?.label || '-' })] }), _jsxs("div", { className: "flex items-center gap-2.5", children: [_jsx(User, { className: "h-3.5 w-3.5 text-[rgb(var(--fg-muted))] flex-shrink-0" }), _jsx("span", { className: "text-xs text-[rgb(var(--fg-default))]", children: session?.user?.name || '-' })] })] })] }) })] }), _jsx("div", { className: "hidden sm:block w-20 sm:w-28 md:w-36 lg:w-40 flex-shrink-0", children: mounted ? (_jsx(Dropdown, { options: unitsLoading ? [{ value: '', label: 'Loading...', disabled: true }] : productionUnits, value: selectedUnit, onValueChange: (value) => {
+                                        const unitValue = Array.isArray(value) ? value[0] : String(value || '');
+                                        setSelectedUnit(unitValue);
+                                        appConfig.setSelectedProductionUnit(unitValue);
+                                    }, placeholder: "Unit", disabled: unitsLoading, triggerClassName: "bg-[rgb(var(--bg-subtle))] text-[rgb(var(--fg-default))] lg:bg-white/10 lg:text-white text-[10px] sm:text-xs border-[rgb(var(--bd-default))] lg:border-white/20 lg:hover:bg-white/15 lg:focus:bg-white/15 lg:focus:ring-white/30 py-1 px-1.5 sm:px-2 min-h-0 h-6 sm:h-7" })) : (_jsx("div", { className: "bg-[rgb(var(--bg-subtle))] text-[rgb(var(--fg-muted))] lg:bg-white/10 lg:text-white text-[10px] sm:text-xs border border-[rgb(var(--bd-default))] lg:border-white/20 rounded-md py-1 px-1.5 sm:px-2 h-6 sm:h-7 flex items-center", children: _jsx("span", { className: "text-[rgb(var(--fg-muted))] lg:text-white/60", children: "Loading..." }) })) }), _jsx("div", { className: "hidden sm:block w-fit flex-shrink-0", children: _jsx("div", { className: "bg-[rgb(var(--bg-subtle))] lg:bg-white/10 text-[10px] sm:text-xs border border-[rgb(var(--bd-default))] lg:border-white/20 rounded-md py-1 px-2 sm:px-3 h-6 sm:h-7 flex items-center justify-center", children: _jsx("span", { className: "text-[rgb(var(--fg-default))] lg:text-white font-medium whitespace-nowrap", children: session?.user?.FYear || 'N/A' }) }) }), _jsxs("div", { className: "hidden xl:flex items-center text-[rgb(var(--fg-default))] lg:text-white/90 text-sm font-medium max-w-48 flex-shrink", children: [_jsxs("span", { className: "truncate", children: ["Hello ", session?.user?.name || 'User'] }), !unitsLoading && apiCallMade && productionUnits.length === 0 && session && (_jsx("span", { className: "ml-2 text-xs text-red-300", children: "(Units unavailable)" }))] })] }), _jsxs("div", { className: "flex items-center gap-1.5 lg:gap-3 flex-shrink-0 ml-auto", children: [_jsxs("div", { className: "relative", children: [_jsx("button", { onClick: () => setShowSearchModal(!showSearchModal), className: "hidden sm:inline-flex md:hidden p-2 rounded-lg text-[rgb(var(--fg-muted))] lg:text-white/80 hover:text-[rgb(var(--fg-default))] hover:bg-[rgb(var(--bg-hover))] lg:hover:text-white lg:hover:bg-white/10 transition-colors", children: _jsx(Search, { className: "h-[1.125rem] w-[1.125rem]" }) }), _jsx("div", { className: "hidden md:block", children: _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-[rgb(var(--fg-muted))] lg:text-white/60" }), _jsx("input", { type: "text", placeholder: "Search modules...", value: searchQuery, onChange: (e) => {
+                                                        setSearchQuery(e.target.value);
+                                                        if (e.target.value.length > 0) {
+                                                            setShowSearchModal(true);
+                                                        }
+                                                        else {
+                                                            setShowSearchModal(false);
+                                                        }
+                                                    }, onBlur: () => setTimeout(() => setShowSearchModal(false), 200), className: "pl-10 pr-3 py-1 w-56 lg:w-72 h-8 text-xs rounded-md border bg-[rgb(var(--bg-subtle))] lg:bg-white/10 border-[rgb(var(--bd-default))] lg:border-white/20 text-[rgb(var(--fg-default))] lg:text-white placeholder:text-[rgb(var(--fg-muted))] lg:placeholder:text-white/60 focus:outline-none lg:focus:bg-white/15 lg:focus:border-white/30 lg:focus:ring-2 lg:focus:ring-white/20 transition-all duration-200" })] }) }), showSearchModal && filteredResults.all.length > 0 && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40 md:hidden bg-black/20", onClick: () => {
+                                                    setShowSearchModal(false);
+                                                    setSearchQuery('');
+                                                } }), _jsxs("div", { className: cn("absolute z-50 bg-[rgb(var(--bg-surface))] rounded-lg shadow-xl border border-[rgb(var(--bd-default))] overflow-hidden", "md:top-full md:left-0 md:mt-2 md:w-80", "max-md:fixed max-md:inset-x-4 max-md:top-16 max-md:max-w-md max-md:mx-auto"), children: [_jsx("div", { className: "md:hidden p-3 border-b border-[rgb(var(--bd-default))]", children: _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 h-4 w-4 text-[rgb(var(--fg-muted))]" }), _jsx("input", { type: "text", placeholder: "Search modules...", value: searchQuery, onChange: (e) => setSearchQuery(e.target.value), autoFocus: true, className: "pl-10 pr-3 py-2 w-full text-sm rounded-md border border-[rgb(var(--bd-default))] bg-[rgb(var(--bg-subtle))] text-[rgb(var(--fg-default))] placeholder:text-[rgb(var(--fg-muted))] focus:outline-none" })] }) }), _jsx("div", { className: "max-h-96 overflow-y-auto", children: filteredResults.all.length === 0 ? (_jsxs("div", { className: "p-8 text-center", children: [_jsx(Search, { className: "h-10 w-10 text-[rgb(var(--fg-muted))] mx-auto mb-2 opacity-30" }), _jsx("p", { className: "text-sm text-[rgb(var(--fg-muted))]", children: navLoading ? 'Loading...' : 'No results found' })] })) : (_jsx(_Fragment, { children: Object.entries(filteredResults.byGroup).map(([groupName, items]) => (_jsxs("div", { className: "py-2", children: [_jsx("div", { className: "px-4 py-1.5 bg-[rgb(var(--bg-subtle))]", children: _jsx("h4", { className: "text-xs font-semibold text-[rgb(var(--fg-muted))] uppercase tracking-wide", children: groupName }) }), _jsx("div", { className: "px-2 py-1", children: items.map((item, index) => (_jsxs("div", { onClick: () => handleSearchItemClick(item), className: "flex items-center gap-3 px-3 py-2 rounded-md hover:bg-[rgb(var(--bg-hover))] cursor-pointer group", children: [_jsx(Search, { className: "h-4 w-4 text-[rgb(var(--fg-muted))] group-hover:text-[rgb(var(--color-primary))] flex-shrink-0" }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "font-medium text-sm text-[rgb(var(--fg-default))] group-hover:text-[rgb(var(--color-primary))]", children: item.name }), _jsx("div", { className: "text-xs text-[rgb(var(--fg-muted))] truncate", children: item.href })] })] }, index))) })] }, groupName))) })) }), filteredResults.all.length > 0 && (_jsxs("div", { className: "px-4 py-2 border-t border-[rgb(var(--bd-default))] bg-[rgb(var(--bg-subtle))] flex items-center justify-between", children: [_jsxs("span", { className: "text-xs text-[rgb(var(--fg-muted))]", children: [filteredResults.all.length, " result", filteredResults.all.length !== 1 ? 's' : ''] }), _jsx("span", { className: "text-xs text-[rgb(var(--fg-muted))]", children: "Click to navigate" })] }))] })] }))] }), _jsxs("div", { className: "flex lg:hidden items-center gap-3 overflow-visible", children: [_jsxs("div", { className: "relative flex items-center justify-center w-5 h-5", children: [_jsx("button", { className: "text-[rgb(var(--fg-muted))] hover:text-[rgb(var(--color-primary))] transition-colors", onClick: () => setShowEmailDropdown(!showEmailDropdown), children: _jsx(Mail, { className: "h-[1.1rem] w-[1.1rem]" }) }), (emailState.unreadCount + messagingState.totalUnreadCount) > 0 && (_jsx("span", { className: "absolute -top-1 -right-1.5 min-w-[1rem] h-4 px-0.5 text-[9px] font-bold rounded-full flex items-center justify-center pointer-events-none z-10 bg-[rgb(var(--color-primary))] text-[rgb(var(--color-primary-foreground))]", children: (emailState.unreadCount + messagingState.totalUnreadCount) > 99 ? '99+' : (emailState.unreadCount + messagingState.totalUnreadCount) }))] }), _jsxs("div", { className: "relative flex items-center justify-center w-5 h-5", children: [_jsx("button", { className: "text-[rgb(var(--fg-muted))] hover:text-[rgb(var(--color-primary))] transition-colors", onClick: () => setShowNotificationDropdown(!showNotificationDropdown), children: _jsx(Bell, { className: "h-[1.1rem] w-[1.1rem]" }) }), getUnreadCount() > 0 && (_jsx("span", { className: "absolute -top-1 -right-1.5 min-w-[1rem] h-4 px-0.5 text-[9px] font-bold rounded-full flex items-center justify-center pointer-events-none z-10 bg-[rgb(var(--color-primary))] text-[rgb(var(--color-primary-foreground))]", children: getUnreadCount() > 99 ? '99+' : getUnreadCount() }))] }), _jsx("div", { className: "w-px h-4 bg-[rgb(var(--bd-default))]" }), _jsx(UserDropdown, {})] }), _jsxs("div", { className: "relative", children: [_jsxs(Button, { iconOnly: true, variant: "ghost", size: "sm", icon: _jsx(Mail, { className: "h-4 w-4" }), className: "relative hidden lg:inline-flex p-1.5 sm:p-2 text-white/80 hover:text-white hover:bg-white/10", onClick: () => setShowEmailDropdown(!showEmailDropdown), children: [(emailState.unreadCount + messagingState.totalUnreadCount) > 0 && (_jsxs(_Fragment, { children: [_jsx("span", { className: "absolute top-0 right-0 min-w-[18px] h-[18px] px-1 bg-red-600 text-white text-[10px] font-bold rounded-full flex items-center justify-center shadow-lg border-2 border-[rgb(var(--color-primary))]", children: (emailState.unreadCount + messagingState.totalUnreadCount) > 99 ? '99+' : (emailState.unreadCount + messagingState.totalUnreadCount) }), _jsx("span", { className: "absolute top-0 right-0 w-2.5 h-2.5 bg-red-600 rounded-full animate-ping" })] })), _jsx("span", { className: "sr-only", children: "Communications" })] }), showEmailDropdown && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40", onClick: () => setShowEmailDropdown(false) }), _jsx("div", { className: cn("z-50", "fixed top-14 left-2 right-2 sm:absolute sm:top-auto sm:left-auto sm:right-0 sm:mt-2 sm:w-[28rem]"), children: _jsxs("div", { className: "bg-[rgb(var(--bg-surface))] rounded-xl shadow-xl border border-[rgb(var(--bd-default))] overflow-hidden", children: [_jsx("div", { className: "px-3 pt-3 pb-2", children: _jsxs("div", { className: "flex rounded-lg bg-[rgb(var(--bg-subtle))] p-0.5", children: [_jsxs("button", { onClick: () => setCommsPanelTab('messages'), className: cn('flex-1 flex items-center justify-center gap-1.5 py-1.5 rounded-md text-xs font-medium transition-all duration-150', commsPanelTab === 'messages'
+                                                                            ? 'bg-[rgb(var(--bg-surface))] text-[rgb(var(--fg-default))] shadow-sm'
+                                                                            : 'text-[rgb(var(--fg-muted))] hover:text-[rgb(var(--fg-default))]'), children: [_jsx(MessageSquare, { className: "w-3.5 h-3.5" }), "Messages", messagingState.totalUnreadCount > 0 && (_jsx("span", { className: "min-w-[1rem] h-4 px-1 rounded-full bg-[rgb(var(--color-primary))] text-white text-[9px] font-bold flex items-center justify-center", children: messagingState.totalUnreadCount > 99 ? '99+' : messagingState.totalUnreadCount }))] }), _jsxs("button", { onClick: () => setCommsPanelTab('email'), className: cn('flex-1 flex items-center justify-center gap-1.5 py-1.5 rounded-md text-xs font-medium transition-all duration-150', commsPanelTab === 'email'
+                                                                            ? 'bg-[rgb(var(--bg-surface))] text-[rgb(var(--fg-default))] shadow-sm'
+                                                                            : 'text-[rgb(var(--fg-muted))] hover:text-[rgb(var(--fg-default))]'), children: [_jsx(Mail, { className: "w-3.5 h-3.5" }), "Email", emailState.unreadCount > 0 && (_jsx("span", { className: "min-w-[1rem] h-4 px-1 rounded-full bg-[rgb(var(--color-primary))] text-white text-[9px] font-bold flex items-center justify-center", children: emailState.unreadCount > 99 ? '99+' : emailState.unreadCount }))] })] }) }), commsPanelTab === 'email' ? (_jsx(EmailInboxPanel, { onClose: () => setShowEmailDropdown(false) })) : (_jsx(MessagingPanelContent, { onClose: () => setShowEmailDropdown(false) }))] }) })] }))] }), _jsxs("div", { className: "relative", children: [_jsx(Button, { iconOnly: true, variant: "ghost", size: "sm", icon: _jsx(Bell, { className: "h-4 w-4" }), className: "relative hidden lg:inline-flex p-1.5 sm:p-2 text-white/80 hover:text-white hover:bg-white/10", onClick: () => setShowNotificationDropdown(!showNotificationDropdown) }), getUnreadCount() > 0 && (() => {
+                                        const catCounts = getUnreadCategoryCounts();
+                                        return (_jsxs(_Fragment, { children: [_jsx("span", { className: "absolute -top-0.5 -right-0.5 min-w-[18px] h-[18px] px-1 text-[10px] font-bold rounded-full items-center justify-center shadow-lg pointer-events-none z-10 bg-[rgb(var(--fg-default))] text-[rgb(var(--bg-surface))] hidden lg:flex", children: getUnreadCount() > 99 ? '99+' : getUnreadCount() }), _jsxs("span", { className: "absolute -bottom-1.5 left-1/2 -translate-x-1/2 gap-0.5 pointer-events-none hidden lg:flex", children: [catCounts.escalations > 0 && _jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-red-500" }), catCounts.pending > 0 && _jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-amber-400" }), catCounts.updates > 0 && _jsx("span", { className: "w-1.5 h-1.5 rounded-full bg-blue-400" })] })] }));
+                                    })(), showNotificationDropdown && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-40", onClick: () => {
+                                                    setShowNotificationDropdown(false);
+                                                    setNotificationSearchQuery('');
+                                                } }), _jsxs("div", { className: cn("z-50 bg-[rgb(var(--bg-surface))] rounded-2xl shadow-2xl border border-[rgb(var(--bd-default))] overflow-hidden", "fixed top-14 left-2 right-2 sm:absolute sm:top-auto sm:left-auto sm:right-0 sm:mt-2 sm:w-[28rem]"), children: [_jsxs("div", { className: "px-5 pt-5 pb-0 bg-[rgb(var(--bg-surface))]", children: [_jsxs("div", { className: "flex items-center gap-3 mb-4", children: [_jsx("h3", { className: "text-lg font-bold text-[rgb(var(--fg-default))] flex-shrink-0", children: "Notifications" }), _jsxs("div", { className: "relative flex-1", children: [_jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-[rgb(var(--fg-muted))]" }), _jsx("input", { type: "text", placeholder: "Search...", value: notificationSearchQuery, onChange: (e) => setNotificationSearchQuery(e.target.value), className: "w-full pl-9 pr-3 py-1.5 text-sm rounded-lg border border-[rgb(var(--bd-default))] bg-[rgb(var(--bg-subtle))] text-[rgb(var(--fg-default))] placeholder:text-[rgb(var(--fg-muted))] focus:outline-none focus:border-[rgb(var(--color-primary))] focus:bg-[rgb(var(--bg-surface))] transition-colors" })] }), _jsx("button", { onClick: (e) => {
+                                                                            e.stopPropagation();
+                                                                            setShowNotificationDropdown(false);
+                                                                            router.push('/settings?tab=notifications');
+                                                                        }, className: "p-2 rounded-lg text-[rgb(var(--fg-muted))] hover:text-[rgb(var(--fg-default))] hover:bg-[rgb(var(--bg-hover))] transition-colors flex-shrink-0", title: "Notification Settings", children: _jsx(Settings, { className: "h-4 w-4" }) })] }), _jsx("div", { className: "flex gap-2 overflow-x-auto pb-3 scrollbar-hide", children: [
+                                                                    { key: 'all', label: 'All', count: getNotificationCounts().all, activeClass: 'bg-[rgb(var(--fg-default))] text-white' },
+                                                                    { key: 'pending', label: 'Pending', count: getNotificationCounts().pending, activeClass: 'bg-amber-500 text-white' },
+                                                                    { key: 'escalations', label: 'Escalations', count: getNotificationCounts().escalations, activeClass: 'bg-red-500 text-white' },
+                                                                    { key: 'updates', label: 'Updates', count: getNotificationCounts().updates, activeClass: 'bg-blue-500 text-white' }
+                                                                ].map((category) => {
+                                                                    const isActive = activeNotificationCategory === category.key;
+                                                                    return (_jsxs("button", { onClick: () => setActiveNotificationCategory(category.key), className: cn("inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full text-xs font-semibold transition-all duration-200 whitespace-nowrap border", isActive
+                                                                            ? `${category.activeClass} border-transparent shadow-sm`
+                                                                            : "bg-transparent text-[rgb(var(--fg-muted))] border-[rgb(var(--bd-default))] hover:bg-[rgb(var(--bg-hover))]"), children: [category.label, _jsx("span", { className: cn("inline-flex items-center justify-center min-w-[18px] h-[18px] px-1 text-[10px] leading-none rounded-full font-bold", isActive
+                                                                                    ? 'bg-white/20 text-inherit'
+                                                                                    : 'bg-[rgb(var(--bg-subtle))] text-[rgb(var(--fg-muted))]'), children: category.count })] }, category.key));
+                                                                }) })] }), _jsx("div", { className: "max-h-[400px] overflow-y-auto bg-[rgb(var(--bg-subtle))]", children: notificationsLoading ? (_jsxs("div", { className: "p-8 text-center bg-[rgb(var(--bg-surface))]", children: [_jsx("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-[rgb(var(--color-primary))] mx-auto" }), _jsx("p", { className: "text-sm text-[rgb(var(--fg-muted))] mt-3", children: "Loading..." })] })) : getFilteredNotifications().length === 0 ? (_jsxs("div", { className: "p-10 text-center bg-[rgb(var(--bg-surface))]", children: [_jsx(Bell, { className: "h-12 w-12 mx-auto mb-3 text-[rgb(var(--fg-muted))] opacity-30" }), _jsx("p", { className: "text-sm text-[rgb(var(--fg-muted))]", children: notificationSearchQuery ? 'No matching notifications' : 'All caught up! No notifications here.' })] })) : (_jsx("div", { children: getFilteredNotifications().map((notification) => {
+                                                                const IconComponent = getNotificationIcon(notification);
+                                                                const iconBoxColors = getIconBoxColors(notification);
+                                                                return (_jsxs("div", { className: cn("group px-5 py-4 flex gap-4 border-b border-[rgb(var(--bd-subtle))] transition-colors cursor-pointer relative", "hover:bg-[rgb(var(--bg-hover))]", !notification.isRead
+                                                                        ? "bg-[rgb(var(--bg-surface))]"
+                                                                        : "bg-[rgb(var(--bg-subtle))]/60"), onClick: () => {
+                                                                        if (!notification.isRead) {
+                                                                            markNotificationAsRead(notification.notificationId);
+                                                                        }
+                                                                        if (notification.actionUrl) {
+                                                                            setShowNotificationDropdown(false);
+                                                                            router.push(notification.actionUrl);
+                                                                        }
+                                                                    }, children: [_jsx("div", { className: cn("flex-shrink-0 w-10 h-10 rounded-xl flex items-center justify-center", iconBoxColors), children: _jsx(IconComponent, { className: "h-5 w-5" }) }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("p", { className: cn("text-sm leading-snug", notification.isRead
+                                                                                                ? "text-[rgb(var(--fg-default))] font-medium"
+                                                                                                : "text-[rgb(var(--fg-default))] font-bold"), children: notification.title }), _jsxs("div", { className: "flex flex-col items-end gap-1 flex-shrink-0", children: [_jsx("span", { className: "text-[11px] text-[rgb(var(--fg-muted))] whitespace-nowrap", children: formatTimeAgo(notification.createdAt) }), !notification.isRead && (_jsx("span", { className: "w-2 h-2 rounded-full bg-[rgb(var(--color-primary))]" }))] })] }), notification.message && (_jsx("p", { className: "text-xs text-[rgb(var(--fg-muted))] mt-1 line-clamp-2 leading-relaxed", children: notification.message }))] }), _jsxs("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity bg-white/80 backdrop-blur-sm rounded-lg p-1 shadow-sm border border-[rgb(var(--bd-default))]", children: [!notification.isRead && (_jsx("button", { onClick: (e) => {
+                                                                                        e.stopPropagation();
+                                                                                        markNotificationAsRead(notification.notificationId);
+                                                                                    }, className: "w-7 h-7 rounded-md border border-[rgb(var(--bd-default))] bg-white flex items-center justify-center text-[rgb(var(--fg-muted))] hover:text-emerald-500 hover:border-emerald-500 transition-colors", title: "Mark as read", children: _jsx(CheckCheck, { className: "h-3.5 w-3.5" }) })), _jsx("button", { onClick: (e) => {
+                                                                                        e.stopPropagation();
+                                                                                        deleteNotification(notification.notificationId);
+                                                                                    }, className: "w-7 h-7 rounded-md border border-[rgb(var(--bd-default))] bg-white flex items-center justify-center text-[rgb(var(--fg-muted))] hover:text-red-500 hover:border-red-500 transition-colors", title: "Dismiss", children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) })] })] }, notification.notificationId));
+                                                            }) })) }), _jsxs("div", { className: "px-5 py-3 border-t border-[rgb(var(--bd-default))] bg-[rgb(var(--bg-surface))] flex items-center justify-between", children: [getUnreadCount() > 0 ? (_jsx("button", { className: "text-sm text-[rgb(var(--color-primary))] hover:underline font-semibold transition-colors", onClick: (e) => {
+                                                                    e.stopPropagation();
+                                                                    markAllAsRead();
+                                                                }, children: "Mark all as read" })) : (_jsx("span", {})), _jsx("button", { className: "text-sm text-[rgb(var(--fg-muted))] hover:text-[rgb(var(--fg-default))] font-medium transition-colors", onClick: () => {
+                                                                    setShowNotificationDropdown(false);
+                                                                    setNotificationSearchQuery('');
+                                                                    router.push('/activity/notifications');
+                                                                }, children: "View History" })] })] })] }))] }), _jsx("div", { className: "hidden lg:block", children: _jsx(UserDropdown, {}) })] })] }) }) }));
+}

package/dist/components/layout/userprofile-dropdown.d.ts

@@ -0,0 +1 @@
+export declare function UserDropdown(): import("react").JSX.Element;

package/dist/components/layout/userprofile-dropdown.js

@@ -0,0 +1,97 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useSessionAdapter } from "../../contexts/SessionAdapterContext.js";
+import { useState, useEffect } from "react";
+import { LogOut, Settings, Shield, CircleUser } from "lucide-react";
+import { useRouter } from "next/navigation";
+import { LogoutModal } from "../modals/logout-modal.js";
+import { detectDevice, getDeviceId, getDeviceName } from "../../lib/utils/device-detection.js";
+import { performLogoutCleanup } from "../../lib/utils/logout-cleanup.js";
+import { useNotifications } from "../../hooks/useNotifications.js";
+export function UserDropdown() {
+    const { data: session, signOut } = useSessionAdapter();
+    const { getNotificationCounts } = useNotifications(session);
+    const [isOpen, setIsOpen] = useState(false);
+    const [showLogoutModal, setShowLogoutModal] = useState(false);
+    const [sessionDuration, setSessionDuration] = useState('0h 0m');
+    const router = useRouter();
+    // Pending tasks = notifications in the "Pending" section (category === 'Pending')
+    const pendingCount = getNotificationCounts().pending;
+    // Calculate session duration
+    useEffect(() => {
+        const calculateSessionDuration = () => {
+            const loginTime = session?.user?.loginTime || sessionStorage.getItem('loginTime');
+            if (!loginTime)
+                return;
+            const diffMs = Date.now() - new Date(loginTime).getTime();
+            const hours = Math.floor(diffMs / (1000 * 60 * 60));
+            const minutes = Math.floor((diffMs % (1000 * 60 * 60)) / (1000 * 60));
+            setSessionDuration(`${hours}h ${minutes}m`);
+        };
+        calculateSessionDuration();
+        const interval = setInterval(calculateSessionDuration, 60000);
+        return () => clearInterval(interval);
+    }, [session]);
+    // Profile picture from localStorage
+    const [profilePicture, setProfilePicture] = useState(null);
+    useEffect(() => {
+        const savedPicture = localStorage.getItem('userProfilePicture');
+        if (savedPicture)
+            setProfilePicture(savedPicture);
+        const handleStorageChange = (e) => {
+            if (e.key === 'userProfilePicture')
+                setProfilePicture(e.newValue);
+        };
+        window.addEventListener('storage', handleStorageChange);
+        return () => window.removeEventListener('storage', handleStorageChange);
+    }, []);
+    const handleOpenLogoutModal = () => {
+        setShowLogoutModal(true);
+    };
+    const profileAvatarSmall = (_jsx("div", { className: "h-8 w-8 rounded-full overflow-hidden flex items-center justify-center", children: profilePicture ? (_jsx("img", { src: profilePicture, alt: "Profile", className: "h-full w-full object-cover" })) : (_jsx(CircleUser, { className: "h-8 w-8 text-[rgb(var(--fg-muted))] lg:text-white/80", strokeWidth: 1.5 })) }));
+    const profileAvatarLarge = (_jsx("div", { className: "h-10 w-10 rounded-full overflow-hidden flex items-center justify-center flex-shrink-0", children: profilePicture ? (_jsx("img", { src: profilePicture, alt: "Profile", className: "h-full w-full object-cover border border-[rgb(var(--bd-default))] rounded-full" })) : (_jsx(CircleUser, { className: "h-10 w-10 text-[rgb(var(--fg-muted))]", strokeWidth: 1.5 })) }));
+    const getSessionData = () => {
+        const device = detectDevice();
+        const currentDevice = {
+            id: getDeviceId(),
+            name: getDeviceName(),
+            type: device.deviceType,
+            browser: device.browser,
+            os: device.os,
+            lastUsed: new Date(),
+            isCurrent: true
+        };
+        return {
+            duration: sessionDuration,
+            startTime: new Date(session?.user?.loginTime || sessionStorage.getItem('loginTime') || new Date().toISOString()),
+            tasks: { overdue: 0, dueSoon: pendingCount, total: pendingCount },
+            activeDevices: [currentDevice],
+            isInactivityWarning: false
+        };
+    };
+    const handleLogout = async () => {
+        try {
+            await performLogoutCleanup();
+            const origin = typeof window !== 'undefined' ? window.location.origin : '';
+            await signOut({ callbackUrl: `${origin}/login`, redirect: true });
+        }
+        catch {
+            const origin = typeof window !== 'undefined' ? window.location.origin : '';
+            await signOut({ callbackUrl: `${origin}/login`, redirect: true });
+        }
+    };
+    if (!session?.user)
+        return null;
+    const { user } = session;
+    return (_jsxs("div", { className: "relative", children: [_jsx("button", { onClick: () => setIsOpen(!isOpen), className: "flex items-center justify-center h-10 w-10 rounded-full text-[rgb(var(--fg-muted))] lg:text-white/80 hover:text-[rgb(var(--color-primary))] lg:hover:text-white lg:hover:bg-white/10 transition-colors", children: profileAvatarSmall }), isOpen && (_jsxs(_Fragment, { children: [_jsx("div", { className: "fixed inset-0 z-10", onClick: () => setIsOpen(false) }), _jsxs("div", { className: "absolute right-0 mt-2 w-60 bg-[rgb(var(--bg-surface))] rounded-xl shadow-xl border border-[rgb(var(--bd-default))] z-50 overflow-hidden", children: [_jsx("div", { className: "p-3.5 border-b border-[rgb(var(--bd-default))] bg-[rgb(var(--bg-subtle))]", children: _jsxs("div", { className: "flex items-center gap-3", children: [profileAvatarLarge, _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("p", { className: "text-sm font-semibold text-[rgb(var(--fg-default))] truncate", children: user.name }), _jsx("p", { className: "text-xs text-[rgb(var(--fg-muted))] truncate", children: user.email }), _jsxs("div", { className: "mt-1.5 inline-flex items-center gap-1 px-1.5 py-0.5 rounded-md text-[0.65rem] font-medium border", style: {
+                                                        background: `rgb(var(${user.IsAdmin ? '--color-error' : '--color-success'}) / 0.08)`,
+                                                        borderColor: `rgb(var(${user.IsAdmin ? '--color-error' : '--color-success'}) / 0.2)`,
+                                                        color: `rgb(var(${user.IsAdmin ? '--color-error' : '--color-success'}))`
+                                                    }, children: [_jsx(Shield, { className: "h-2.5 w-2.5" }), user.IsAdmin ? 'Administrator' : 'User'] })] })] }) }), _jsxs("div", { className: "p-1.5", children: [_jsxs("button", { onClick: () => { setIsOpen(false); router.push('/settings'); }, className: "flex items-center w-full gap-2.5 px-3 py-2 text-sm text-[rgb(var(--fg-default))] hover:bg-[rgb(var(--bg-hover))] rounded-lg transition-colors", children: [_jsx(Settings, { className: "h-3.5 w-3.5 text-[rgb(var(--color-icon))]" }), _jsx("span", { className: "font-medium", children: "Settings" })] }), _jsxs("button", { onClick: () => {
+                                            setIsOpen(false);
+                                            handleOpenLogoutModal();
+                                        }, className: "flex items-center w-full gap-2.5 px-3 py-2 text-sm text-[rgb(var(--color-error))] hover:bg-[rgb(var(--color-error)/0.08)] rounded-lg transition-colors", children: [_jsx(LogOut, { className: "h-3.5 w-3.5" }), _jsx("span", { className: "font-medium", children: "Log Out" })] })] })] })] })), _jsx(LogoutModal, { isOpen: showLogoutModal, onClose: () => setShowLogoutModal(false), onLogout: handleLogout, onLogoutEverywhere: handleLogout, sessionData: getSessionData(), onExtendSession: () => setShowLogoutModal(false), onViewTasks: () => {
+                    setShowLogoutModal(false);
+                    router.push('/activity/notifications');
+                } })] }));
+}

package/dist/components/master/editable-cells/EditableCell.d.ts

@@ -0,0 +1,43 @@
+import * as React from 'react';
+type EditableCellType = 'text' | 'number' | 'decimal';
+interface EditableCellProps {
+    value: string | number;
+    onSave: (value: string | number) => void;
+    type?: EditableCellType;
+    step?: string;
+    className?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    /** Show a hover pencil icon + stronger hover bg so users know the value is editable. */
+    editAffordance?: boolean;
+    /** Tooltip shown on the affordance variant (pass a translated string). */
+    editTitle?: string;
+    /** Display-only formatter (e.g. Indian comma grouping). Editing still uses the raw value. */
+    formatDisplay?: (value: string | number) => string;
+}
+/**
+ * Unified Editable Cell Component
+ * Supports text, number, and decimal editing
+ *
+ * @example
+ * // Text editing
+ * <EditableCell value="John" onSave={handleSave} type="text" />
+ *
+ * // Integer editing
+ * <EditableCell value={100} onSave={handleSave} type="number" />
+ *
+ * // Decimal editing
+ * <EditableCell value={99.99} onSave={handleSave} type="decimal" step="0.01" />
+ */
+export declare function EditableCell({ value, onSave, type, step, className, placeholder, disabled, editAffordance, editTitle, formatDisplay }: EditableCellProps): React.JSX.Element;
+export declare const EditableTextCell: (props: Omit<EditableCellProps, "type"> & {
+    onSave: (value: string) => void;
+}) => React.JSX.Element;
+export declare const EditableNumberCell: (props: Omit<EditableCellProps, "type"> & {
+    onSave: (value: number) => void;
+}) => React.JSX.Element;
+export declare const EditableDecimalCell: (props: Omit<EditableCellProps, "type" | "step"> & {
+    step?: string;
+    onSave: (value: number) => void;
+}) => React.JSX.Element;
+export {};

package/dist/components/master/editable-cells/EditableCell.js

@@ -0,0 +1,66 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Input } from '../../ui/index.js';
+import { Pencil } from 'lucide-react';
+/**
+ * Unified Editable Cell Component
+ * Supports text, number, and decimal editing
+ *
+ * @example
+ * // Text editing
+ * <EditableCell value="John" onSave={handleSave} type="text" />
+ *
+ * // Integer editing
+ * <EditableCell value={100} onSave={handleSave} type="number" />
+ *
+ * // Decimal editing
+ * <EditableCell value={99.99} onSave={handleSave} type="decimal" step="0.01" />
+ */
+export function EditableCell({ value, onSave, type = 'text', step = '0.01', className = 'w-full h-8 text-sm', placeholder = '-', disabled = false, editAffordance = false, editTitle, formatDisplay }) {
+    const [isEditing, setIsEditing] = React.useState(false);
+    const [inputValue, setInputValue] = React.useState(value.toString());
+    const display = value !== '' && value != null && formatDisplay ? formatDisplay(value) : value;
+    React.useEffect(() => {
+        if (!isEditing)
+            setInputValue(value.toString());
+    }, [value, isEditing]);
+    const handleSave = () => {
+        let newValue = inputValue;
+        // Parse based on type
+        if (type === 'number') {
+            newValue = parseInt(inputValue) || 0;
+        }
+        else if (type === 'decimal') {
+            newValue = parseFloat(inputValue) || 0;
+        }
+        // Only save if changed
+        if (newValue !== value) {
+            onSave(newValue);
+        }
+        setIsEditing(false);
+    };
+    const handleCancel = () => {
+        setInputValue(value.toString());
+        setIsEditing(false);
+    };
+    const handleKeyPress = (e) => {
+        if (e.key === 'Enter') {
+            handleSave();
+        }
+        else if (e.key === 'Escape') {
+            handleCancel();
+        }
+    };
+    if (isEditing) {
+        return (_jsx(Input, { value: inputValue, onChange: (e) => setInputValue(e.target.value), onBlur: handleSave, onKeyDown: handleKeyPress, className: className, autoFocus: true, type: type === 'text' ? 'text' : 'number', step: type === 'decimal' ? step : undefined }));
+    }
+    if (editAffordance) {
+        return (_jsxs("span", { className: `group/edit inline-flex items-center gap-1 max-w-full -mx-1 px-1 rounded transition-colors ${disabled ? 'cursor-not-allowed opacity-60' : 'cursor-text hover:bg-[rgb(var(--bg-muted))]'}`, onClick: () => !disabled && setIsEditing(true), title: disabled ? undefined : editTitle, children: [_jsx("span", { className: "truncate", children: display || placeholder }), !disabled && (_jsx(Pencil, { className: "h-3 w-3 flex-shrink-0 text-[rgb(var(--fg-muted))] opacity-0 group-hover/edit:opacity-100 transition-opacity" }))] }));
+    }
+    return (_jsx("div", { className: `px-2 py-1 rounded ${disabled ? 'cursor-not-allowed opacity-60' : 'cursor-pointer hover:bg-[rgb(var(--bg-muted))]'}`, onClick: () => !disabled && setIsEditing(true), children: display || placeholder }));
+}
+// Export type-specific aliases for backwards compatibility with type-safe callbacks
+export const EditableTextCell = (props) => (_jsx(EditableCell, { ...props, type: "text", onSave: props.onSave }));
+export const EditableNumberCell = (props) => (_jsx(EditableCell, { ...props, type: "number", onSave: props.onSave }));
+export const EditableDecimalCell = (props) => (_jsx(EditableCell, { ...props, type: "decimal", step: props.step, onSave: props.onSave }));

package/dist/components/master/editable-cells/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Unified Editable Cell Components
+ *
+ * Single source of truth for editable cell functionality in master pages.
+ *
+ * @example
+ * import { EditableCell, EditableTextCell, EditableDecimalCell } from './index.js'
+ */
+export { EditableCell, EditableTextCell, EditableNumberCell, EditableDecimalCell } from './EditableCell.js';

package/dist/components/master/editable-cells/index.js

@@ -0,0 +1,10 @@
+'use client';
+/**
+ * Unified Editable Cell Components
+ *
+ * Single source of truth for editable cell functionality in master pages.
+ *
+ * @example
+ * import { EditableCell, EditableTextCell, EditableDecimalCell } from './index.js'
+ */
+export { EditableCell, EditableTextCell, EditableNumberCell, EditableDecimalCell } from './EditableCell.js';

package/dist/components/master/index.d.ts

@@ -0,0 +1 @@
+export { EditableCell, EditableTextCell, EditableDecimalCell } from './editable-cells/index.js';

package/dist/components/master/index.js

@@ -0,0 +1,3 @@
+'use client';
+// Editable Cells
+export { EditableCell, EditableTextCell, EditableDecimalCell } from './editable-cells/index.js';

package/dist/components/messaging/conversation-list.d.ts

@@ -0,0 +1,13 @@
+import type { ChatRoom } from '../../lib/api/activity/messaging/messaging.js';
+export declare function getAvatarColor(id: string | number): string;
+export declare function getInitials(name: string): string;
+export declare function formatRelativeTime(dateStr: string | null): string;
+interface ConversationListProps {
+    currentUserId: string;
+    onSelectRoom: (room: ChatRoom) => void;
+    onNewConversation: () => void;
+    activeRoomId: number | null;
+    className?: string;
+}
+export declare function ConversationList({ currentUserId, onSelectRoom, onNewConversation, activeRoomId, className }: ConversationListProps): import("react").JSX.Element;
+export {};