captify 0.1.18 → 1.1.0

package/dist/shell/components/layouts/sidebar-nested-item.js

@@ -2,11 +2,11 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { SidebarMenuButton, SidebarMenuItem } from "../../../shared/components/ui/sidebar";
 import { cn } from "../../../shared/utilities/cn";
+import { SidebarMenuList } from "./sidebar-menu-list";
 import { ChevronDown, ChevronRight } from "lucide-react";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
 import { useCallback, useMemo, useState } from "react";
-import { SidebarMenuList } from "./sidebar-menu-list";
 const hasActiveChild = (children, pathname) => {
     if (!children)
         return false;
@@ -21,14 +21,21 @@ export const SidebarNestedItem = ({ item, icon: Icon, isActive, depth, }) => {
     const [manualOpen, setManualOpen] = useState(null);
     // Auto-open when active, but respect manual toggle if user has interacted
     const isOpen = manualOpen !== null && manualOpen !== void 0 ? manualOpen : (isActive || isChildActive);
-    const isLink = useMemo(() => item.path && !hasChildren, [item.path, hasChildren]);
     const toggle = useCallback((e) => {
         e.stopPropagation();
         setManualOpen((prev) => (prev === null ? !(isActive || isChildActive) : !prev));
     }, [isActive, isChildActive]);
-    const itemClasses = useMemo(() => cn("flex w-full justify-between", depth > 0 && "pl-6"), [depth]);
-    const content = (_jsxs("div", { className: "flex items-center gap-2", children: [Icon && _jsx(Icon, { className: "size-4" }), " ", _jsx("span", { children: item.title })] }));
-    const toggleIcon = hasChildren && (_jsx("div", { className: "ml-auto flex items-center", children: isOpen ? _jsx(ChevronDown, { className: "size-4" }) : _jsx(ChevronRight, { className: "size-4" }) }));
-    return (_jsxs(SidebarMenuItem, { children: [_jsx(SidebarMenuButton, Object.assign({ className: cn(itemClasses, !isLink && "cursor-pointer", isActive && "!bg-blue-500/10 !text-blue-600 hover:!bg-blue-500/20 dark:!text-blue-400"), isActive: isActive }, (isLink ? { asChild: true } : {}), (!isLink && hasChildren ? { onClick: toggle } : {}), { children: isLink ? (_jsx(Link, { href: item.path, children: content })) : (_jsxs(_Fragment, { children: [content, " ", toggleIcon] })) })), hasChildren && isOpen && (_jsx("div", { className: "ml-4 border-l pl-3", children: _jsx(SidebarMenuList, { items: item.children, depth: depth + 1 }) }))] }));
+    const itemClasses = useMemo(() => cn("flex w-full justify-between", depth > 0 && "pl-8"), [depth]);
+    const content = (_jsxs("div", { className: "flex items-center gap-3", children: [Icon && _jsx(Icon, { className: "size-5 shrink-0", strokeWidth: 2, "aria-hidden": "true" }), _jsx("span", { className: "text-[15px] group-data-[collapsible=icon]:hidden", children: item.title })] }));
+    const toggleIcon = hasChildren && (_jsx("div", { className: "ml-auto flex items-center group-data-[collapsible=icon]:hidden", children: isOpen ? (_jsx(ChevronDown, { className: "size-4", strokeWidth: 2, "aria-hidden": "true" })) : (_jsx(ChevronRight, { className: "size-4", strokeWidth: 2, "aria-hidden": "true" })) }));
+    // In collapsed state, if this item has children, render them as separate items
+    // Hide the parent and show children instead
+    if (hasChildren) {
+        return (_jsxs(_Fragment, { children: [_jsxs(SidebarMenuItem, { className: "group-data-[collapsible=icon]:hidden", children: [_jsxs(SidebarMenuButton, { tooltip: item.title, className: cn(itemClasses, "cursor-pointer", isActive &&
+                                "bg-[rgb(67,56,202)]! text-white! hover:bg-[rgb(67,56,202)]! dark:bg-[rgb(67,56,202)]! dark:text-white!"), isActive: isActive, onClick: toggle, "aria-expanded": isOpen, children: [content, " ", toggleIcon] }), isOpen && (_jsx("div", { className: "mt-2 ml-4 border-l", children: _jsx(SidebarMenuList, { items: item.children, depth: depth + 1 }) }))] }), _jsx("div", { className: "hidden group-data-[collapsible=icon]:contents", children: _jsx(SidebarMenuList, { items: item.children, depth: 0 }) })] }));
+    }
+    // Regular item without children
+    return (_jsx(SidebarMenuItem, { children: _jsx(SidebarMenuButton, { tooltip: item.title, className: cn(itemClasses, isActive &&
+                "bg-[rgb(67,56,202)]! text-white! hover:bg-[rgb(67,56,202)]! dark:bg-[rgb(67,56,202)]! dark:text-white!"), isActive: isActive, asChild: true, children: _jsx(Link, { href: item.path, children: content }) }) }));
 };
 //# sourceMappingURL=sidebar-nested-item.js.map

package/dist/shell/components/layouts/sidebar-nested-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar-nested-item.js","sourceRoot":"","sources":["../../../../lib/shell/components/layouts/sidebar-nested-item.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"sidebar-nested-item.js","sourceRoot":"","sources":["../../../../lib/shell/components/layouts/sidebar-nested-item.tsx"],"names":[],"mappings":"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"}

package/dist/shell/components/notifications/notification-container.d.ts

@@ -1,4 +1,18 @@
-import { NotificationContainerProps } from "../../shell.interfaces";
-declare const NotificationContainer: ({ notifications, notificationsLimit, }: NotificationContainerProps) => import("react/jsx-runtime").JSX.Element;
+import type { NotificationContainerProps } from "../../../notifications/notifications.interfaces";
+/**
+ * Notification container that fetches notifications from the API.
+ *
+ * Uses React Query for data fetching with polling support.
+ * Handles mark-as-read, mark-all-as-read, and dismiss actions.
+ *
+ * @example
+ * ```tsx
+ * <NotificationContainer
+ *   notificationsLimit={10}
+ *   pollingInterval={30000}
+ * />
+ * ```
+ */
+declare const NotificationContainer: ({ notificationsLimit, pollingInterval, enablePolling, }: NotificationContainerProps) => import("react/jsx-runtime").JSX.Element;
 export default NotificationContainer;
 //# sourceMappingURL=notification-container.d.ts.map

package/dist/shell/components/notifications/notification-container.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification-container.d.ts","sourceRoot":"","sources":["../../../../lib/shell/components/notifications/notification-container.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAG1E,QAAA,MAAM,qBAAqB,GAAI,wCAG5B,0BAA0B,4CAwB5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"notification-container.d.ts","sourceRoot":"","sources":["../../../../lib/shell/components/notifications/notification-container.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,8CAA8C,CAAC;AAM/F;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,qBAAqB,GAAI,yDAI5B,0BAA0B,4CA+F5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/shell/components/notifications/notification-container.js

@@ -1,10 +1,81 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useNotifications } from "../../hooks";
+import { useNotificationsApi } from "../../../notifications/hooks";
+import { toShellNotification } from "../../../notifications/notification.utilities";
+import { DEFAULT_POLLING_INTERVAL_MS } from "../../../notifications/notifications.constants";
+import { useNotificationPermissions } from "../../../permissions/hooks";
 import Notifications from "./notifications";
-const NotificationContainer = ({ notifications, notificationsLimit = 5, }) => {
-    const { notifications: visibleNotifications, unreadCount, hasMore, markAllAsRead, markAsRead, dismissAll, dismiss, showMore, } = useNotifications(notifications, notificationsLimit);
-    return (_jsx(Notifications, { notifications: visibleNotifications, unreadCount: unreadCount, onMarkAllAsRead: markAllAsRead, onMarkAsRead: markAsRead, onDismissAll: dismissAll, onDismiss: dismiss, onShowMore: showMore, hasMore: hasMore }));
+import { useRouter } from "next/navigation";
+/**
+ * Notification container that fetches notifications from the API.
+ *
+ * Uses React Query for data fetching with polling support.
+ * Handles mark-as-read, mark-all-as-read, and dismiss actions.
+ *
+ * @example
+ * ```tsx
+ * <NotificationContainer
+ *   notificationsLimit={10}
+ *   pollingInterval={30000}
+ * />
+ * ```
+ */
+const NotificationContainer = ({ notificationsLimit = 20, pollingInterval = DEFAULT_POLLING_INTERVAL_MS, enablePolling = true, }) => {
+    const router = useRouter();
+    const { canList, canRead, canMarkRead } = useNotificationPermissions();
+    const { notifications: apiNotifications, unreadCount, isLoading, markAsRead, markAllAsRead, dismiss, dismissAll, } = useNotificationsApi({
+        limit: notificationsLimit,
+        enablePolling,
+        pollingInterval,
+    });
+    // Only show unread count badge if user has both list and read permissions
+    // - canList: ensures notifications are visible in the panel
+    // - canRead: ensures the unread count can be fetched
+    const displayUnreadCount = canList && canRead ? unreadCount : 0;
+    // Convert API notifications to shell format
+    const notifications = apiNotifications.map(toShellNotification);
+    /**
+     * Handle notification click - mark as read and navigate
+     */
+    const handleNotificationClick = (notification) => {
+        // Fire-and-forget mark as read to avoid blocking navigation
+        if (!notification.read && canMarkRead) {
+            markAsRead(notification.id);
+        }
+        // Navigate to the notification URL if present
+        if (notification.url) {
+            router.push(notification.url);
+        }
+    };
+    /**
+     * Handle mark as read action
+     */
+    const handleMarkAsRead = async (id) => {
+        await markAsRead(id);
+    };
+    /**
+     * Handle mark all as read action
+     */
+    const handleMarkAllAsRead = async () => {
+        await markAllAsRead();
+    };
+    /**
+     * Handle dismiss action
+     */
+    const handleDismiss = async (id) => {
+        await dismiss(id);
+    };
+    /**
+     * Handle dismiss all action
+     */
+    const handleDismissAll = async () => {
+        await dismissAll();
+    };
+    // Show empty state during initial load
+    if (isLoading && notifications.length === 0) {
+        return (_jsx(Notifications, { notifications: [], unreadCount: 0, onMarkAllAsRead: handleMarkAllAsRead, onMarkAsRead: handleMarkAsRead, onDismissAll: handleDismissAll, onDismiss: handleDismiss, hasMore: false }));
+    }
+    return (_jsx(Notifications, { notifications: notifications, unreadCount: displayUnreadCount, onMarkAllAsRead: handleMarkAllAsRead, onMarkAsRead: handleMarkAsRead, onDismissAll: handleDismissAll, onDismiss: handleDismiss, onNotificationClick: handleNotificationClick, hasMore: false }));
 };
 export default NotificationContainer;
 //# sourceMappingURL=notification-container.js.map

package/dist/shell/components/notifications/notification-container.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification-container.js","sourceRoot":"","sources":["../../../../lib/shell/components/notifications/notification-container.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,aAAa,MAAM,oDAAoD,CAAC;AAE/E,MAAM,qBAAqB,GAAG,CAAC,EAC7B,aAAa,EACb,kBAAkB,GAAG,CAAC,GACK,EAAE,EAAE;IAC/B,MAAM,EACJ,aAAa,EAAE,oBAAoB,EACnC,WAAW,EACX,OAAO,EACP,aAAa,EACb,UAAU,EACV,UAAU,EACV,OAAO,EACP,QAAQ,GACT,GAAG,gBAAgB,CAAC,aAAa,EAAE,kBAAkB,CAAC,CAAC;IAExD,OAAO,CACL,KAAC,aAAa,IACZ,aAAa,EAAE,oBAAoB,EACnC,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,aAAa,EAC9B,YAAY,EAAE,UAAU,EACxB,YAAY,EAAE,UAAU,EACxB,SAAS,EAAE,OAAO,EAClB,UAAU,EAAE,QAAQ,EACpB,OAAO,EAAE,OAAO,GAChB,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"notification-container.js","sourceRoot":"","sources":["../../../../lib/shell/components/notifications/notification-container.tsx"],"names":[],"mappings":"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"}

package/dist/shell/components/notifications/notification-item.d.ts

@@ -1,3 +1,3 @@
 import { NotificationItemProps } from "../../shell.interfaces";
-export declare const NotificationItem: ({ notification, onMarkAsRead, onDismiss, maxLines, }: NotificationItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NotificationItem: ({ notification, onMarkAsRead, onDismiss, onClick, maxLines, }: NotificationItemProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=notification-item.d.ts.map

package/dist/shell/components/notifications/notification-item.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification-item.d.ts","sourceRoot":"","sources":["../../../../lib/shell/components/notifications/notification-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAMrE,eAAO,MAAM,gBAAgB,GAAI,sDAK9B,qBAAqB,4CA6EvB,CAAC"}
+{"version":3,"file":"notification-item.d.ts","sourceRoot":"","sources":["../../../../lib/shell/components/notifications/notification-item.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAIrE,eAAO,MAAM,gBAAgB,GAAI,+DAM9B,qBAAqB,4CAuIvB,CAAC"}

package/dist/shell/components/notifications/notification-item.js

@@ -1,15 +1,34 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { NOTIFICATION_TYPE_CONFIG } from "../../../notifications/notifications.constants";
+import { useNotificationPermissions } from "../../../permissions/hooks";
+import { Avatar, AvatarFallback } from "../../../shared/components/ui/avatar";
 import { Button } from "../../../shared/components/ui/button";
+import { Tooltip, TooltipContent, TooltipTrigger } from "../../../shared/components/ui/tooltip";
 import { cn } from "../../../shared/utilities/cn";
-import { formatDate } from "../../../shared/utilities/date-utilities";
+import { formatTime } from "../../../shared/utilities/date-utilities";
+import { getInitials } from "../../../shared/utilities/string-utilities";
 import { Bell, Eye, X } from "lucide-react";
 import Link from "next/link";
-export const NotificationItem = ({ notification, onMarkAsRead, onDismiss, maxLines = 2, }) => {
-    const { id, title, message, read, createdAt, url } = notification;
-    return (_jsx("div", { className: cn("rounded-md border border-gray-100 bg-white px-4 py-2 shadow-sm dark:border-gray-900 dark:bg-black", !read && "bg-blue-50 dark:bg-blue-900/20"), role: "article", "aria-labelledby": `notification-title-${id}`, "aria-describedby": `notification-message-${id}`, children: _jsxs("div", { className: "flex items-start gap-4", children: [_jsxs("div", { className: "flex flex-1 items-start gap-4", children: [_jsx(Bell, { className: "text-muted-foreground mt-1 size-5 shrink-0", "aria-hidden": "true" }), _jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "mb-1 flex flex-col-reverse items-start justify-start gap-1 sm:flex-row sm:items-center sm:gap-2", children: [_jsx("div", { id: `notification-title-${id}`, className: "text-sm leading-4 font-semibold text-gray-900 dark:text-gray-100", children: title }), _jsx("p", { className: "text-xs text-gray-500", children: _jsx("time", { dateTime: createdAt.toISOString(), children: formatDate(createdAt) }) })] }), url ? (_jsx(Link, { href: url, id: `notification-message-${id}`, className: cn("line-clamp-dynamic text-primary text-sm"), style: {
+export const NotificationItem = ({ notification, onMarkAsRead, onDismiss, onClick, maxLines = 2, }) => {
+    const { id, title, message, read, createdAt, url, actorName, type } = notification;
+    const { canMarkRead, canDismiss } = useNotificationPermissions();
+    // Get icon config for notification type
+    const typeConfig = type ? NOTIFICATION_TYPE_CONFIG[type] : null;
+    const TypeIcon = typeConfig === null || typeConfig === void 0 ? void 0 : typeConfig.icon;
+    /**
+     * Handle notification click - if onClick is provided, use it to handle navigation
+     * Otherwise, let the Link component handle it normally
+     */
+    const handleNotificationClick = (e) => {
+        if (onClick) {
+            e.preventDefault();
+            onClick(notification);
+        }
+    };
+    const NotificationBody = (_jsxs("div", { className: "flex flex-1 items-start gap-4", children: [_jsxs("div", { className: "relative mt-0.5 shrink-0", children: [actorName ? (_jsx(Avatar, { className: "size-8 text-xs", children: _jsx(AvatarFallback, { children: getInitials(actorName) }) })) : (_jsx("div", { className: "flex size-8 items-center justify-center", children: _jsx(Bell, { className: "text-muted-foreground size-5", "aria-hidden": "true" }) })), TypeIcon && (_jsx("span", { className: cn("absolute -right-0.5 -bottom-0.5 flex size-4 items-center justify-center rounded-full ring-2 ring-white dark:ring-black", typeConfig === null || typeConfig === void 0 ? void 0 : typeConfig.className), "aria-hidden": "true", children: _jsx(TypeIcon, { "aria-hidden": "true", className: "size-2.5" }) }))] }), _jsxs("div", { className: "flex-1", children: [_jsxs("div", { className: "mb-1 flex flex-col-reverse items-start justify-start gap-1 sm:flex-row sm:items-center sm:gap-2", children: [_jsx("div", { id: `notification-title-${id}`, className: "text-sm leading-4 font-semibold text-gray-900 dark:text-gray-100", children: title }), _jsx("p", { className: "text-xs text-gray-500", children: _jsx("time", { dateTime: createdAt.toISOString(), children: formatTime(createdAt.getTime()) }) })] }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx("p", { id: `notification-message-${id}`, className: "line-clamp-dynamic text-sm text-gray-800 dark:text-gray-400", style: {
                                         WebkitLineClamp: maxLines,
-                                    }, "aria-label": `Read more: ${message}`, children: message })) : (_jsx("p", { id: `notification-message-${id}`, className: cn("line-clamp-dynamic text-sm text-gray-800 dark:text-gray-400"), style: {
-                                        WebkitLineClamp: maxLines,
-                                    }, children: message }))] })] }), _jsxs("div", { className: "flex items-center", role: "group", "aria-label": "Notification actions", children: [!read && (_jsx(Button, { variant: "ghost", size: "icon", "aria-label": `Mark "${title}" as read`, onClick: () => onMarkAsRead(id), "data-testid": "notification-item-mark-as-read", children: _jsx(Eye, { "aria-hidden": "true" }) })), _jsx(Button, { variant: "ghost", size: "icon", "aria-label": `Dismiss "${title}" notification`, onClick: () => onDismiss(id), "data-testid": "notification-item-dismiss", children: _jsx(X, { "aria-hidden": "true" }) })] })] }) }));
+                                    }, children: message }) }), _jsx(TooltipContent, { className: "max-w-80", children: message })] })] })] }));
+    const ActionButtons = (_jsxs("div", { className: "flex items-center", role: "group", "aria-label": "Notification actions", children: [!read && canMarkRead && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", "aria-label": `Mark "${title}" as read`, onClick: () => onMarkAsRead(id), "data-testid": "notification-item-mark-as-read", children: _jsx(Eye, { "aria-hidden": "true" }) }) }), _jsx(TooltipContent, { children: "Mark as read" })] })), canDismiss && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", "aria-label": `Dismiss "${title}" notification`, onClick: () => onDismiss(id), "data-testid": "notification-item-dismiss", children: _jsx(X, { "aria-hidden": "true" }) }) }), _jsx(TooltipContent, { children: "Dismiss" })] }))] }));
+    return (_jsxs("div", { className: cn("flex items-start gap-4 rounded-md border border-gray-100 bg-white px-4 py-2 shadow-sm dark:border-gray-900 dark:bg-black", !read && "bg-blue-50 dark:bg-blue-900/20"), role: "article", "aria-labelledby": `notification-title-${id}`, "aria-describedby": `notification-message-${id}`, children: [url ? (_jsx(Link, { href: url, className: "flex flex-1 cursor-pointer transition-opacity hover:opacity-80", onClick: handleNotificationClick, "aria-label": `View notification: ${title}`, children: NotificationBody })) : (NotificationBody), ActionButtons] }));
 };
 //# sourceMappingURL=notification-item.js.map

package/dist/shell/components/notifications/notification-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification-item.js","sourceRoot":"","sources":["../../../../lib/shell/components/notifications/notification-item.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAE3D,OAAO,EAAE,EAAE,EAAE,MAAM,2BAA2B,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,QAAQ,GAAG,CAAC,GACU,EAAE,EAAE;IAC1B,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,YAAY,CAAC;IAClE,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,mGAAmG,EACnG,CAAC,IAAI,IAAI,gCAAgC,CAC1C,EACD,IAAI,EAAC,SAAS,qBACG,sBAAsB,EAAE,EAAE,sBACzB,wBAAwB,EAAE,EAAE,YAE9C,eAAK,SAAS,EAAC,wBAAwB,aACrC,eAAK,SAAS,EAAC,+BAA+B,aAC5C,KAAC,IAAI,IAAC,SAAS,EAAC,4CAA4C,iBAAa,MAAM,GAAG,EAClF,eAAK,SAAS,EAAC,QAAQ,aACrB,eAAK,SAAS,EAAC,iGAAiG,aAC9G,cACE,EAAE,EAAE,sBAAsB,EAAE,EAAE,EAC9B,SAAS,EAAC,kEAAkE,YAE3E,KAAK,GACF,EACN,YAAG,SAAS,EAAC,uBAAuB,YAClC,eAAM,QAAQ,EAAE,SAAS,CAAC,WAAW,EAAE,YAAG,UAAU,CAAC,SAAS,CAAC,GAAQ,GACrE,IACA,EACL,GAAG,CAAC,CAAC,CAAC,CACL,KAAC,IAAI,IACH,IAAI,EAAE,GAAG,EACT,EAAE,EAAE,wBAAwB,EAAE,EAAE,EAChC,SAAS,EAAE,EAAE,CAAC,yCAAyC,CAAC,EACxD,KAAK,EAAE;wCACL,eAAe,EAAE,QAAQ;qCAC1B,gBACW,cAAc,OAAO,EAAE,YAElC,OAAO,GACH,CACR,CAAC,CAAC,CAAC,CACF,YACE,EAAE,EAAE,wBAAwB,EAAE,EAAE,EAChC,SAAS,EAAE,EAAE,CAAC,6DAA6D,CAAC,EAC5E,KAAK,EAAE;wCACL,eAAe,EAAE,QAAQ;qCAC1B,YAEA,OAAO,GACN,CACL,IACG,IACF,EACN,eAAK,SAAS,EAAC,mBAAmB,EAAC,IAAI,EAAC,OAAO,gBAAY,sBAAsB,aAC9E,CAAC,IAAI,IAAI,CACR,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,gBACC,SAAS,KAAK,WAAW,EACrC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,iBACnB,gCAAgC,YAE5C,KAAC,GAAG,mBAAa,MAAM,GAAG,GACnB,CACV,EACD,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,gBACC,YAAY,KAAK,gBAAgB,EAC7C,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,EAAE,CAAC,iBAChB,2BAA2B,YAEvC,KAAC,CAAC,mBAAa,MAAM,GAAG,GACjB,IACL,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"notification-item.js","sourceRoot":"","sources":["../../../../lib/shell/components/notifications/notification-item.tsx"],"names":[],"mappings":"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"}

package/dist/shell/components/notifications/notification-panel-header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification-panel-header.d.ts","sourceRoot":"","sources":["../../../../lib/shell/components/notifications/notification-panel-header.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,4BAA4B,EAAE,MAAM,8BAA8B,CAAC;AAG5E,eAAO,MAAM,uBAAuB,GAAI,mDAIrC,4BAA4B,4CAkC9B,CAAC"}
+{"version":3,"file":"notification-panel-header.d.ts","sourceRoot":"","sources":["../../../../lib/shell/components/notifications/notification-panel-header.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,4BAA4B,EAAE,MAAM,8BAA8B,CAAC;AAG5E,eAAO,MAAM,uBAAuB,GAAI,mDAIrC,4BAA4B,4CA4C9B,CAAC"}

package/dist/shell/components/notifications/notification-panel-header.js

@@ -1,8 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useNotificationPermissions } from "../../../permissions/hooks";
 import { Button } from "../../../shared/components/ui/button";
 import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "../../../shared/components/ui/dropdown-menu";
 import { MoreVertical } from "lucide-react";
 export const NotificationPanelHeader = ({ notifications, onMarkAllAsRead, onDismissAll, }) => {
-    return (_jsxs("div", { className: "mb-2 flex items-center justify-between p-2", children: [_jsx("p", { className: "text-xl font-semibold text-gray-800 focus:outline-none dark:text-white", children: "Notifications" }), notifications.length > 0 && (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", "aria-label": "Notification options menu", "aria-haspopup": "menu", children: _jsx(MoreVertical, { className: "size-5", "aria-hidden": "true" }) }) }), _jsxs(DropdownMenuContent, { align: "end", "aria-label": "Notification actions", children: [_jsx(DropdownMenuItem, { onClick: onMarkAllAsRead, "aria-label": "Mark all notifications as read", children: "Mark all as read" }), _jsx(DropdownMenuItem, { onClick: onDismissAll, className: "text-red-500", "aria-label": "Dismiss all notifications", children: "Dismiss all" })] })] }))] }));
+    const { canMarkAllRead, canDismissAll } = useNotificationPermissions();
+    const showMenu = notifications.length > 0 && (canMarkAllRead || canDismissAll);
+    return (_jsxs("div", { className: "mb-2 flex items-center justify-between p-2", children: [_jsx("p", { className: "text-xl font-semibold text-gray-800 focus:outline-none dark:text-white", children: "Notifications" }), showMenu && (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", "aria-label": "Notification options menu", "aria-haspopup": "menu", children: _jsx(MoreVertical, { className: "size-5", "aria-hidden": "true" }) }) }), _jsxs(DropdownMenuContent, { align: "end", "aria-label": "Notification actions", children: [canMarkAllRead && (_jsx(DropdownMenuItem, { onClick: onMarkAllAsRead, "aria-label": "Mark all notifications as read", children: "Mark all as read" })), canDismissAll && (_jsx(DropdownMenuItem, { onClick: onDismissAll, className: "text-red-500", "aria-label": "Dismiss all notifications", children: "Dismiss all" }))] })] }))] }));
 };
 //# sourceMappingURL=notification-panel-header.js.map

package/dist/shell/components/notifications/notification-panel-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification-panel-header.js","sourceRoot":"","sources":["../../../../lib/shell/components/notifications/notification-panel-header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,0CAA0C,CAAC;AAElD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACtC,aAAa,EACb,eAAe,EACf,YAAY,GACiB,EAAE,EAAE;IACjC,OAAO,CACL,eAAK,SAAS,EAAC,4CAA4C,aACzD,YAAG,SAAS,EAAC,wEAAwE,8BAEjF,EACH,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC3B,MAAC,YAAY,eACX,KAAC,mBAAmB,IAAC,OAAO,kBAC1B,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,gBACA,2BAA2B,mBACxB,MAAM,YAEpB,KAAC,YAAY,IAAC,SAAS,EAAC,QAAQ,iBAAa,MAAM,GAAG,GAC/C,GACW,EACtB,MAAC,mBAAmB,IAAC,KAAK,EAAC,KAAK,gBAAY,sBAAsB,aAChE,KAAC,gBAAgB,IAAC,OAAO,EAAE,eAAe,gBAAa,gCAAgC,iCAEpE,EACnB,KAAC,gBAAgB,IACf,OAAO,EAAE,YAAY,EACrB,SAAS,EAAC,cAAc,gBACb,2BAA2B,4BAGrB,IACC,IACT,CAChB,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"notification-panel-header.js","sourceRoot":"","sources":["../../../../lib/shell/components/notifications/notification-panel-header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,0CAA0C,CAAC;AAElD,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAE5C,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EACtC,aAAa,EACb,eAAe,EACf,YAAY,GACiB,EAAE,EAAE;IACjC,MAAM,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,0BAA0B,EAAE,CAAC;IACvE,MAAM,QAAQ,GAAG,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,cAAc,IAAI,aAAa,CAAC,CAAC;IAE/E,OAAO,CACL,eAAK,SAAS,EAAC,4CAA4C,aACzD,YAAG,SAAS,EAAC,wEAAwE,8BAEjF,EACH,QAAQ,IAAI,CACX,MAAC,YAAY,eACX,KAAC,mBAAmB,IAAC,OAAO,kBAC1B,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,gBACA,2BAA2B,mBACxB,MAAM,YAEpB,KAAC,YAAY,IAAC,SAAS,EAAC,QAAQ,iBAAa,MAAM,GAAG,GAC/C,GACW,EACtB,MAAC,mBAAmB,IAAC,KAAK,EAAC,KAAK,gBAAY,sBAAsB,aAC/D,cAAc,IAAI,CACjB,KAAC,gBAAgB,IACf,OAAO,EAAE,eAAe,gBACb,gCAAgC,iCAG1B,CACpB,EACA,aAAa,IAAI,CAChB,KAAC,gBAAgB,IACf,OAAO,EAAE,YAAY,EACrB,SAAS,EAAC,cAAc,gBACb,2BAA2B,4BAGrB,CACpB,IACmB,IACT,CAChB,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/shell/components/notifications/notifications.d.ts

@@ -1,4 +1,4 @@
 import { NotificationsProps } from "../../shell.interfaces";
-declare const Notifications: ({ notifications, onMarkAllAsRead, onMarkAsRead, onDismissAll, onDismiss, onShowMore, hasMore, unreadCount, maxLines, }: NotificationsProps) => import("react/jsx-runtime").JSX.Element;
+declare const Notifications: ({ notifications, onMarkAllAsRead, onMarkAsRead, onDismissAll, onDismiss, onShowMore, onNotificationClick, hasMore, unreadCount, maxLines, }: NotificationsProps) => import("react/jsx-runtime").JSX.Element;
 export default Notifications;
 //# sourceMappingURL=notifications.d.ts.map

package/dist/shell/components/notifications/notifications.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notifications.d.ts","sourceRoot":"","sources":["../../../../lib/shell/components/notifications/notifications.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAKlE,QAAA,MAAM,aAAa,GAAI,wHAUpB,kBAAkB,4CAmFpB,CAAC;AACF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"notifications.d.ts","sourceRoot":"","sources":["../../../../lib/shell/components/notifications/notifications.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAGlE,QAAA,MAAM,aAAa,GAAI,6IAWpB,kBAAkB,4CAoFpB,CAAC;AACF,eAAe,aAAa,CAAC"}

package/dist/shell/components/notifications/notifications.js

@@ -3,11 +3,11 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { Button } from "../../../shared/components/ui/button";
 import { Popover, PopoverContent, PopoverTrigger } from "../../../shared/components/ui/popover";
 import { Tooltip, TooltipContent, TooltipTrigger } from "../../../shared/components/ui/tooltip";
-import { Bell, ChevronDown } from "lucide-react";
 import { NotificationItem } from "./notification-item";
 import { NotificationPanelHeader } from "./notification-panel-header";
-const Notifications = ({ notifications = [], onMarkAllAsRead, onMarkAsRead, onDismissAll, onDismiss, onShowMore, hasMore, unreadCount = 0, maxLines, }) => {
-    return (_jsxs(Popover, { children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", type: "button", size: "icon", "aria-label": "Notifications", "aria-haspopup": "dialog", className: "hover:bg-foreground hover:text-accent dark:hover:bg-background dark:hover:text-accent-foreground relative text-white", children: [_jsx(Bell, { "aria-hidden": "true" }), unreadCount > 0 && (_jsx("span", { className: "bg-destructive text-destructive-foreground absolute top-0 right-0 flex min-w-4 origin-center translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full px-1 text-xs", role: "status", "aria-live": "polite", "aria-label": `${unreadCount} unread notifications`, "data-testid": "notification-count", children: unreadCount }))] }) }) }), _jsx(TooltipContent, { children: "Notifications" })] }), _jsxs(PopoverContent, { className: "w-[98vw] max-w-[500px] p-2 sm:w-[500px]", align: "end", role: "region", "aria-label": "Notification panel", children: [_jsx(NotificationPanelHeader, { notifications: notifications, onMarkAllAsRead: onMarkAllAsRead, onDismissAll: onDismissAll }), _jsx("ul", { className: "flex max-h-96 flex-col gap-2 overflow-y-auto px-2 pb-4", "aria-label": "Notification list", children: notifications.length === 0 ? (_jsx("li", { className: "p-4 text-center text-gray-500 dark:text-gray-400", children: _jsx("div", { role: "status", "aria-live": "polite", children: _jsx("p", { children: "No new notifications" }) }) })) : (_jsx(_Fragment, { children: notifications.map((notification) => (_jsx("li", { children: _jsx(NotificationItem, { notification: notification, onMarkAsRead: onMarkAsRead, onDismiss: onDismiss, maxLines: maxLines }) }, notification.id))) })) }), hasMore && (_jsx("div", { className: "px-2", children: _jsxs(Button, { variant: "ghost", className: "w-full", onClick: onShowMore, "aria-label": "Load more notifications", "data-testid": "notification-show-more-button", children: ["Show more ", _jsx(ChevronDown, { className: "size-4", "aria-hidden": "true" })] }) }))] })] }));
+import { Bell, ChevronDown } from "lucide-react";
+const Notifications = ({ notifications = [], onMarkAllAsRead, onMarkAsRead, onDismissAll, onDismiss, onShowMore, onNotificationClick, hasMore, unreadCount = 0, maxLines, }) => {
+    return (_jsxs(Popover, { children: [_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(PopoverTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", type: "button", size: "icon", "aria-label": "Notifications", "aria-haspopup": "dialog", className: "relative size-8", children: [_jsx(Bell, { "aria-hidden": "true" }), unreadCount > 0 && (_jsx("span", { className: "bg-destructive absolute top-0.5 right-0 flex size-5 origin-center translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full text-[10px] font-semibold text-white", role: "status", "aria-live": "polite", "aria-label": `${unreadCount} unread notifications`, "data-testid": "notification-count", children: unreadCount > 99 ? "99+" : unreadCount }))] }) }) }), _jsx(TooltipContent, { children: "Notifications" })] }), _jsxs(PopoverContent, { className: "w-[98vw] max-w-125 p-2 sm:w-125", align: "end", role: "region", "aria-label": "Notification panel", children: [_jsx(NotificationPanelHeader, { notifications: notifications, onMarkAllAsRead: onMarkAllAsRead, onDismissAll: onDismissAll }), _jsx("ul", { className: "flex max-h-96 flex-col gap-2 overflow-y-auto px-2 pb-4", "aria-label": "Notification list", children: notifications.length === 0 ? (_jsx("li", { className: "p-4 text-center text-gray-500 dark:text-gray-400", children: _jsx("div", { role: "status", "aria-live": "polite", children: _jsx("p", { children: "No new notifications" }) }) })) : (_jsx(_Fragment, { children: notifications.map((notification) => (_jsx("li", { children: _jsx(NotificationItem, { notification: notification, onMarkAsRead: onMarkAsRead, onDismiss: onDismiss, onClick: onNotificationClick, maxLines: maxLines }) }, notification.id))) })) }), hasMore && (_jsx("div", { className: "px-2", children: _jsxs(Button, { variant: "ghost", className: "w-full", onClick: onShowMore, "aria-label": "Load more notifications", "data-testid": "notification-show-more-button", children: ["Show more ", _jsx(ChevronDown, { className: "size-4", "aria-hidden": "true" })] }) }))] })] }));
 };
 export default Notifications;
 //# sourceMappingURL=notifications.js.map

package/dist/shell/components/notifications/notifications.js.map

@@ -1 +1 @@
-{"version":3,"file":"notifications.js","sourceRoot":"","sources":["../../../../lib/shell/components/notifications/notifications.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAC7F,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAE7F,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wDAAwD,CAAC;AAC1F,OAAO,EAAE,uBAAuB,EAAE,MAAM,gEAAgE,CAAC;AAEzG,MAAM,aAAa,GAAG,CAAC,EACrB,aAAa,GAAG,EAAE,EAClB,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,UAAU,EACV,OAAO,EACP,WAAW,GAAG,CAAC,EACf,QAAQ,GACW,EAAE,EAAE;IACvB,OAAO,CACL,MAAC,OAAO,eACN,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,cAAc,IAAC,OAAO,kBACrB,MAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,MAAM,gBACA,eAAe,mBACZ,QAAQ,EACtB,SAAS,EAAC,sHAAsH,aAEhI,KAAC,IAAI,mBAAa,MAAM,GAAG,EAC1B,WAAW,GAAG,CAAC,IAAI,CAClB,eACE,SAAS,EAAC,qLAAqL,EAC/L,IAAI,EAAC,QAAQ,eACH,QAAQ,gBACN,GAAG,WAAW,uBAAuB,iBACrC,oBAAoB,YAE/B,WAAW,GACP,CACR,IACM,GACM,GACF,EACjB,KAAC,cAAc,gCAA+B,IACtC,EACV,MAAC,cAAc,IACb,SAAS,EAAC,yCAAyC,EACnD,KAAK,EAAC,KAAK,EACX,IAAI,EAAC,QAAQ,gBACF,oBAAoB,aAE/B,KAAC,uBAAuB,IACtB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,GAC1B,EACF,aACE,SAAS,EAAC,wDAAwD,gBACvD,mBAAmB,YAE7B,aAAa,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC5B,aAAI,SAAS,EAAC,kDAAkD,YAC9D,cAAK,IAAI,EAAC,QAAQ,eAAW,QAAQ,YACnC,+CAA2B,GACvB,GACH,CACN,CAAC,CAAC,CAAC,CACF,4BACG,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CACnC,uBACE,KAAC,gBAAgB,IACf,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,GAClB,IANK,YAAY,CAAC,EAAE,CAOnB,CACN,CAAC,GACD,CACJ,GACE,EACJ,OAAO,IAAI,CACV,cAAK,SAAS,EAAC,MAAM,YACnB,MAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,UAAU,gBACR,yBAAyB,iBACxB,+BAA+B,2BAEjC,KAAC,WAAW,IAAC,SAAS,EAAC,QAAQ,iBAAa,MAAM,GAAG,IACxD,GACL,CACP,IACc,IACT,CACX,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"notifications.js","sourceRoot":"","sources":["../../../../lib/shell/components/notifications/notifications.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAC7F,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAC7F,OAAO,EAAE,gBAAgB,EAAE,MAAM,wDAAwD,CAAC;AAC1F,OAAO,EAAE,uBAAuB,EAAE,MAAM,gEAAgE,CAAC;AAEzG,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEjD,MAAM,aAAa,GAAG,CAAC,EACrB,aAAa,GAAG,EAAE,EAClB,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,UAAU,EACV,mBAAmB,EACnB,OAAO,EACP,WAAW,GAAG,CAAC,EACf,QAAQ,GACW,EAAE,EAAE;IACvB,OAAO,CACL,MAAC,OAAO,eACN,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,cAAc,IAAC,OAAO,kBACrB,MAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,MAAM,gBACA,eAAe,mBACZ,QAAQ,EACtB,SAAS,EAAC,iBAAiB,aAE3B,KAAC,IAAI,mBAAa,MAAM,GAAG,EAC1B,WAAW,GAAG,CAAC,IAAI,CAClB,eACE,SAAS,EAAC,kLAAkL,EAC5L,IAAI,EAAC,QAAQ,eACH,QAAQ,gBACN,GAAG,WAAW,uBAAuB,iBACrC,oBAAoB,YAE/B,WAAW,GAAG,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,GAClC,CACR,IACM,GACM,GACF,EACjB,KAAC,cAAc,gCAA+B,IACtC,EACV,MAAC,cAAc,IACb,SAAS,EAAC,iCAAiC,EAC3C,KAAK,EAAC,KAAK,EACX,IAAI,EAAC,QAAQ,gBACF,oBAAoB,aAE/B,KAAC,uBAAuB,IACtB,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,GAC1B,EACF,aACE,SAAS,EAAC,wDAAwD,gBACvD,mBAAmB,YAE7B,aAAa,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC5B,aAAI,SAAS,EAAC,kDAAkD,YAC9D,cAAK,IAAI,EAAC,QAAQ,eAAW,QAAQ,YACnC,+CAA2B,GACvB,GACH,CACN,CAAC,CAAC,CAAC,CACF,4BACG,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,EAAE,CAAC,CACnC,uBACE,KAAC,gBAAgB,IACf,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,EAAE,QAAQ,GAClB,IAPK,YAAY,CAAC,EAAE,CAQnB,CACN,CAAC,GACD,CACJ,GACE,EACJ,OAAO,IAAI,CACV,cAAK,SAAS,EAAC,MAAM,YACnB,MAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,QAAQ,EAClB,OAAO,EAAE,UAAU,gBACR,yBAAyB,iBACxB,+BAA+B,2BAEjC,KAAC,WAAW,IAAC,SAAS,EAAC,QAAQ,iBAAa,MAAM,GAAG,IACxD,GACL,CACP,IACc,IACT,CACX,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,aAAa,CAAC"}

package/dist/shell/components/toolbars/index.d.ts

@@ -1,7 +1,4 @@
-export { default as TopRightToolbar } from "./top-right-toolbar";
-export { default as TopToolbar } from "./top-toolbar";
 export { TopToolbarAvatar } from "./top-toolbar-avatar";
 export { TopToolbarAvatarWithAuth } from "./top-toolbar-avatar-with-auth";
-export { TopToolbarSearch } from "./top-toolbar-searchbar";
-export { TopToolbarSettings } from "./top-toolbar-settings";
+export { TopToolbarFeedback } from "./top-toolbar-feedback";
 //# sourceMappingURL=index.d.ts.map

package/dist/shell/components/toolbars/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/shell/components/toolbars/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mDAAmD,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,6CAA6C,CAAC;AACpF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,EAAE,wBAAwB,EAAE,MAAM,8DAA8D,CAAC;AACxG,OAAO,EAAE,gBAAgB,EAAE,MAAM,uDAAuD,CAAC;AACzF,OAAO,EAAE,kBAAkB,EAAE,MAAM,sDAAsD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../lib/shell/components/toolbars/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,EAAE,wBAAwB,EAAE,MAAM,8DAA8D,CAAC;AACxG,OAAO,EAAE,kBAAkB,EAAE,MAAM,sDAAsD,CAAC"}

package/dist/shell/components/toolbars/index.js

@@ -1,8 +1,5 @@
-// Export all toolbar components
-export { default as TopRightToolbar } from "./top-right-toolbar";
-export { default as TopToolbar } from "./top-toolbar";
+// Export toolbar components used in ContentHeader
 export { TopToolbarAvatar } from "./top-toolbar-avatar";
 export { TopToolbarAvatarWithAuth } from "./top-toolbar-avatar-with-auth";
-export { TopToolbarSearch } from "./top-toolbar-searchbar";
-export { TopToolbarSettings } from "./top-toolbar-settings";
+export { TopToolbarFeedback } from "./top-toolbar-feedback";
 //# sourceMappingURL=index.js.map

package/dist/shell/components/toolbars/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../lib/shell/components/toolbars/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mDAAmD,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,6CAA6C,CAAC;AACpF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,EAAE,wBAAwB,EAAE,MAAM,8DAA8D,CAAC;AACxG,OAAO,EAAE,gBAAgB,EAAE,MAAM,uDAAuD,CAAC;AACzF,OAAO,EAAE,kBAAkB,EAAE,MAAM,sDAAsD,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../lib/shell/components/toolbars/index.ts"],"names":[],"mappings":"AAAA,kDAAkD;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,EAAE,wBAAwB,EAAE,MAAM,8DAA8D,CAAC;AACxG,OAAO,EAAE,kBAAkB,EAAE,MAAM,sDAAsD,CAAC"}

package/dist/shell/components/toolbars/top-right-toolbar.d.ts

@@ -1,4 +1,4 @@
 import { TopRightToolbarProps } from "../../shell.interfaces";
-declare const TopRightToolbar: ({ session, showSettings, showProfile, profileDropdownItems, showNotification, notifications, notificationsLimit, onProfileDropdownItemClick, }: TopRightToolbarProps) => import("react/jsx-runtime").JSX.Element;
+declare const TopRightToolbar: ({ session, showSettings, showProfile, profileDropdownItems, showNotification, notificationsLimit, onProfileDropdownItemClick, }: Omit<TopRightToolbarProps, "notifications">) => import("react/jsx-runtime").JSX.Element;
 export default TopRightToolbar;
 //# sourceMappingURL=top-right-toolbar.d.ts.map

package/dist/shell/components/toolbars/top-right-toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"top-right-toolbar.d.ts","sourceRoot":"","sources":["../../../../lib/shell/components/toolbars/top-right-toolbar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAKpE,QAAA,MAAM,eAAe,GAAI,gJAStB,oBAAoB,4CAoBtB,CAAC;AACF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"top-right-toolbar.d.ts","sourceRoot":"","sources":["../../../../lib/shell/components/toolbars/top-right-toolbar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AAKpE,QAAA,MAAM,eAAe,GAAI,iIAQtB,IAAI,CAAC,oBAAoB,EAAE,eAAe,CAAC,4CAe7C,CAAC;AACF,eAAe,eAAe,CAAC"}

package/dist/shell/components/toolbars/top-right-toolbar.js

@@ -3,8 +3,8 @@ import { NotificationContainer } from "../notifications";
 import { TopToolbarAvatarWithAuth } from "./top-toolbar-avatar-with-auth";
 import { TopToolbarFeedback } from "./top-toolbar-feedback";
 import { TopToolbarSettings } from "./top-toolbar-settings";
-const TopRightToolbar = ({ session, showSettings = true, showProfile = true, profileDropdownItems, showNotification = true, notifications = [], notificationsLimit = 5, onProfileDropdownItemClick, }) => {
-    return (_jsxs("div", { className: "flex items-center gap-1 text-white empty:hidden sm:gap-2", children: [showNotification && (_jsx(NotificationContainer, { notifications: notifications, notificationsLimit: notificationsLimit })), _jsx(TopToolbarFeedback, {}), showSettings && _jsx(TopToolbarSettings, {}), showProfile && (_jsx(TopToolbarAvatarWithAuth, { session: session, profileDropdownItems: profileDropdownItems, onProfileDropdownItemClick: onProfileDropdownItemClick }))] }));
+const TopRightToolbar = ({ session, showSettings = true, showProfile = true, profileDropdownItems, showNotification = true, notificationsLimit = 20, onProfileDropdownItemClick, }) => {
+    return (_jsxs("div", { className: "flex items-center gap-1 text-white empty:hidden sm:gap-2", children: [showNotification && _jsx(NotificationContainer, { notificationsLimit: notificationsLimit }), _jsx(TopToolbarFeedback, {}), showSettings && _jsx(TopToolbarSettings, {}), showProfile && (_jsx(TopToolbarAvatarWithAuth, { session: session, profileDropdownItems: profileDropdownItems, onProfileDropdownItemClick: onProfileDropdownItemClick }))] }));
 };
 export default TopRightToolbar;
 //# sourceMappingURL=top-right-toolbar.js.map

package/dist/shell/components/toolbars/top-right-toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"top-right-toolbar.js","sourceRoot":"","sources":["../../../../lib/shell/components/toolbars/top-right-toolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAE7E,OAAO,EAAE,wBAAwB,EAAE,MAAM,8DAA8D,CAAC;AACxG,OAAO,EAAE,kBAAkB,EAAE,MAAM,sDAAsD,CAAC;AAC1F,OAAO,EAAE,kBAAkB,EAAE,MAAM,sDAAsD,CAAC;AAE1F,MAAM,eAAe,GAAG,CAAC,EACvB,OAAO,EACP,YAAY,GAAG,IAAI,EACnB,WAAW,GAAG,IAAI,EAClB,oBAAoB,EACpB,gBAAgB,GAAG,IAAI,EACvB,aAAa,GAAG,EAAE,EAClB,kBAAkB,GAAG,CAAC,EACtB,0BAA0B,GACL,EAAE,EAAE;IACzB,OAAO,CACL,eAAK,SAAS,EAAC,0DAA0D,aACtE,gBAAgB,IAAI,CACnB,KAAC,qBAAqB,IACpB,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,GACtC,CACH,EACD,KAAC,kBAAkB,KAAG,EACrB,YAAY,IAAI,KAAC,kBAAkB,KAAG,EACtC,WAAW,IAAI,CACd,KAAC,wBAAwB,IACvB,OAAO,EAAE,OAAO,EAChB,oBAAoB,EAAE,oBAAoB,EAC1C,0BAA0B,EAAE,0BAA0B,GACtD,CACH,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"top-right-toolbar.js","sourceRoot":"","sources":["../../../../lib/shell/components/toolbars/top-right-toolbar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,sCAAsC,CAAC;AAE7E,OAAO,EAAE,wBAAwB,EAAE,MAAM,8DAA8D,CAAC;AACxG,OAAO,EAAE,kBAAkB,EAAE,MAAM,sDAAsD,CAAC;AAC1F,OAAO,EAAE,kBAAkB,EAAE,MAAM,sDAAsD,CAAC;AAE1F,MAAM,eAAe,GAAG,CAAC,EACvB,OAAO,EACP,YAAY,GAAG,IAAI,EACnB,WAAW,GAAG,IAAI,EAClB,oBAAoB,EACpB,gBAAgB,GAAG,IAAI,EACvB,kBAAkB,GAAG,EAAE,EACvB,0BAA0B,GACkB,EAAE,EAAE;IAChD,OAAO,CACL,eAAK,SAAS,EAAC,0DAA0D,aACtE,gBAAgB,IAAI,KAAC,qBAAqB,IAAC,kBAAkB,EAAE,kBAAkB,GAAI,EACtF,KAAC,kBAAkB,KAAG,EACrB,YAAY,IAAI,KAAC,kBAAkB,KAAG,EACtC,WAAW,IAAI,CACd,KAAC,wBAAwB,IACvB,OAAO,EAAE,OAAO,EAChB,oBAAoB,EAAE,oBAAoB,EAC1C,0BAA0B,EAAE,0BAA0B,GACtD,CACH,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AACF,eAAe,eAAe,CAAC"}

package/dist/shell/components/toolbars/top-toolbar-avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"top-toolbar-avatar.d.ts","sourceRoot":"","sources":["../../../../lib/shell/components/toolbars/top-toolbar-avatar.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAuB,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAO1F,eAAO,MAAM,gBAAgB,GAAI,2EAK9B,qBAAqB,4CAqHvB,CAAC"}
+{"version":3,"file":"top-toolbar-avatar.d.ts","sourceRoot":"","sources":["../../../../lib/shell/components/toolbars/top-toolbar-avatar.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAuB,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAK1F,eAAO,MAAM,gBAAgB,GAAI,2EAK9B,qBAAqB,4CAqHvB,CAAC"}

package/dist/shell/components/toolbars/top-toolbar-avatar.js

@@ -53,11 +53,11 @@ export const TopToolbarAvatar = ({ session, profileDropdownItems = [], className
             return null;
         switch (iconName) {
             case "User":
-                return _jsx(User, {});
+                return _jsx(User, { "aria-hidden": "true" });
             case "LogOut":
-                return _jsx(LogOut, {});
+                return _jsx(LogOut, { "aria-hidden": "true" });
             default:
-                return _jsx(Circle, {});
+                return _jsx(Circle, { "aria-hidden": "true" });
         }
     };
     return (_jsxs(DropdownMenu, { modal: false, children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", "aria-label": "User Profile", className: cn("size-8 rounded-full", className), "data-testid": "user-profile-button", children: _jsxs(Avatar, { className: "size-7", children: [_jsx(AvatarImage, { src: (_b = user.image) !== null && _b !== void 0 ? _b : undefined, alt: "User Profile" }), _jsx(AvatarFallback, { className: "text-black dark:text-white", children: userInitial })] }) }) }), _jsxs(DropdownMenuContent, { className: "w-56", align: "end", children: [_jsx(DropdownMenuLabel, { className: "sr-only", children: "User Profile" }), _jsxs("div", { className: "flex items-center gap-2 px-1 py-1.5 text-left text-sm", children: [_jsxs(Avatar, { className: "size-8 rounded-lg", children: [_jsx(AvatarImage, { src: (_c = user.image) !== null && _c !== void 0 ? _c : undefined, alt: "User Profile" }), _jsx(AvatarFallback, { className: "rounded-lg", children: userInitial })] }), _jsxs("div", { className: "grid flex-1 text-left text-sm leading-tight", children: [_jsx("span", { className: "truncate font-medium", children: user.name }), _jsx("span", { className: "truncate text-xs text-gray-600", children: user.email })] })] }), (profileDropdownItems === null || profileDropdownItems === void 0 ? void 0 : profileDropdownItems.length) > 0 && _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuGroup, { children: profileDropdownItems.map((item) => {

package/dist/shell/components/toolbars/top-toolbar-avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"top-toolbar-avatar.js","sourceRoot":"","sources":["../../../../lib/shell/components/toolbars/top-toolbar-avatar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"top-toolbar-avatar.js","sourceRoot":"","sources":["../../../../lib/shell/components/toolbars/top-toolbar-avatar.tsx"],"names":[],"mappings":"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"}

package/dist/shell/components/toolbars/top-toolbar-feedback.js

@@ -10,6 +10,6 @@ import { FEEDBACK_ROUTES } from "../../../feedback/feedback.constants";
  * Provides quick access to the feedback page.
  */
 export const TopToolbarFeedback = () => {
-    return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Link, { href: FEEDBACK_ROUTES.LIST, children: _jsx(Button, { variant: "ghost", type: "button", size: "icon", "aria-label": "Submit feedback", className: "size-8 text-white hover:bg-white/10 hover:text-white", "data-testid": "feedback-button", children: _jsx(MessageCircle, { "aria-hidden": "true" }) }) }) }), _jsx(TooltipContent, { children: _jsx("p", { children: "Submit Feedback" }) })] }) }));
+    return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Link, { href: FEEDBACK_ROUTES.LIST, children: _jsx(Button, { variant: "ghost", type: "button", size: "icon", "aria-label": "Submit feedback", className: "size-8", "data-testid": "feedback-button", children: _jsx(MessageCircle, { "aria-hidden": "true" }) }) }) }), _jsx(TooltipContent, { children: _jsx("p", { children: "Submit Feedback" }) })] }) }));
 };
 //# sourceMappingURL=top-toolbar-feedback.js.map

package/dist/shell/components/toolbars/top-toolbar-feedback.js.map

@@ -1 +1 @@
-{"version":3,"file":"top-toolbar-feedback.js","sourceRoot":"","sources":["../../../../lib/shell/components/toolbars/top-toolbar-feedback.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EACL,OAAO,EACP,cAAc,EACd,eAAe,EACf,cAAc,GACf,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEpE;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,OAAO,CACL,KAAC,eAAe,cACd,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,IAAI,IAAC,IAAI,EAAE,eAAe,CAAC,IAAI,YAC9B,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,MAAM,gBACA,iBAAiB,EAC5B,SAAS,EAAC,sDAAsD,iBACpD,iBAAiB,YAE7B,KAAC,aAAa,mBAAa,MAAM,GAAG,GAC7B,GACJ,GACQ,EACjB,KAAC,cAAc,cACb,0CAAsB,GACP,IACT,GACM,CACnB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"top-toolbar-feedback.js","sourceRoot":"","sources":["../../../../lib/shell/components/toolbars/top-toolbar-feedback.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,IAAI,MAAM,WAAW,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EACL,OAAO,EACP,cAAc,EACd,eAAe,EACf,cAAc,GACf,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAEpE;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE;IACrC,OAAO,CACL,KAAC,eAAe,cACd,MAAC,OAAO,eACN,KAAC,cAAc,IAAC,OAAO,kBACrB,KAAC,IAAI,IAAC,IAAI,EAAE,eAAe,CAAC,IAAI,YAC9B,KAAC,MAAM,IACL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,MAAM,gBACA,iBAAiB,EAC5B,SAAS,EAAC,QAAQ,iBACN,iBAAiB,YAE7B,KAAC,aAAa,mBAAa,MAAM,GAAG,GAC7B,GACJ,GACQ,EACjB,KAAC,cAAc,cACb,0CAAsB,GACP,IACT,GACM,CACnB,CAAC;AACJ,CAAC,CAAC"}

package/dist/shell/components/toolbars/top-toolbar-searchbar.js

@@ -14,6 +14,6 @@ export const TopToolbarSearch = ({ onSearch, placeholder = "Search" }) => {
             onSearch(query);
         }
     };
-    return (_jsx("form", { onSubmit: handleSubmit, className: "relative flex-1", role: "search", "aria-label": "Search form input", children: _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "text-muted-foreground absolute top-1/2 left-2 size-4 -translate-y-1/2 sm:left-3", "aria-hidden": "true" }), _jsx(Input, { type: "search", placeholder: placeholder, value: query, onChange: handleInputChange, className: "border-muted-foreground/20 bg-foreground/80 text-background focus:bg-foreground dark:bg-muted/50 dark:text-foreground dark:focus:bg-background pr-3 pl-8 text-sm sm:pr-16 sm:pl-10", autoComplete: "off", spellCheck: "false" })] }) }));
+    return (_jsx("form", { onSubmit: handleSubmit, className: "relative flex-1", role: "search", "aria-label": "Search form input", children: _jsxs("div", { className: "relative", children: [_jsx(Search, { className: "text-muted-foreground absolute top-1/2 left-2 size-4 -translate-y-1/2 sm:left-3", "aria-hidden": "true" }), _jsx(Input, { type: "search", placeholder: placeholder, value: query, onChange: handleInputChange, className: "border-muted-foreground/20 bg-white/10 pr-3 pl-8 text-sm text-white placeholder:text-white/70 sm:pr-16 sm:pl-10", autoComplete: "off", spellCheck: "false" })] }) }));
 };
 //# sourceMappingURL=top-toolbar-searchbar.js.map

package/dist/shell/components/toolbars/top-toolbar-searchbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"top-toolbar-searchbar.js","sourceRoot":"","sources":["../../../../lib/shell/components/toolbars/top-toolbar-searchbar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAEzD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,WAAW,GAAG,QAAQ,EAAkB,EAAE,EAAE;IACvF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEvC,MAAM,iBAAiB,GAAG,CAAC,CAAsC,EAAE,EAAE;QACnE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,CAAkB,EAAE,EAAE;QAC1C,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eACE,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAC,iBAAiB,EAC3B,IAAI,EAAC,QAAQ,gBACF,mBAAmB,YAE9B,eAAK,SAAS,EAAC,UAAU,aACvB,KAAC,MAAM,IACL,SAAS,EAAC,iFAAiF,iBAC/E,MAAM,GAClB,EACF,KAAC,KAAK,IACJ,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,EAAC,oLAAoL,EAC9L,YAAY,EAAC,KAAK,EAClB,UAAU,EAAC,OAAO,GAClB,IACE,GACD,CACR,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"top-toolbar-searchbar.js","sourceRoot":"","sources":["../../../../lib/shell/components/toolbars/top-toolbar-searchbar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AAEzD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAc,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAExC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAE,WAAW,GAAG,QAAQ,EAAkB,EAAE,EAAE;IACvF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEvC,MAAM,iBAAiB,GAAG,CAAC,CAAsC,EAAE,EAAE;QACnE,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,CAAkB,EAAE,EAAE;QAC1C,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,CAAC,KAAK,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,eACE,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAC,iBAAiB,EAC3B,IAAI,EAAC,QAAQ,gBACF,mBAAmB,YAE9B,eAAK,SAAS,EAAC,UAAU,aACvB,KAAC,MAAM,IACL,SAAS,EAAC,iFAAiF,iBAC/E,MAAM,GAClB,EACF,KAAC,KAAK,IACJ,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,iBAAiB,EAC3B,SAAS,EAAC,iHAAiH,EAC3H,YAAY,EAAC,KAAK,EAClB,UAAU,EAAC,OAAO,GAClB,IACE,GACD,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/shell/components/toolbars/top-toolbar.d.ts

@@ -1,4 +1,4 @@
 import { TopToolbarProps } from "../../shell.interfaces";
-declare const TopToolbar: ({ session, onLogout, profileDropdownItems, showAppLauncher, showSearch, showNotification, showSettings, showProfile, brandName, homeLink, onItemClick, }: TopToolbarProps) => import("react/jsx-runtime").JSX.Element;
+declare const TopToolbar: ({ session, onLogout, profileDropdownItems, showAppLauncher, showSearch, showNotification, showSettings, showProfile, brandName, homeLink, onItemClick, environment, }: TopToolbarProps) => import("react/jsx-runtime").JSX.Element;
 export default TopToolbar;
 //# sourceMappingURL=top-toolbar.d.ts.map

package/dist/shell/components/toolbars/top-toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"top-toolbar.d.ts","sourceRoot":"","sources":["../../../../lib/shell/components/toolbars/top-toolbar.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAuB,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAMpF,QAAA,MAAM,UAAU,GAAI,0JAYjB,eAAe,4CAkDjB,CAAC;AACF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"top-toolbar.d.ts","sourceRoot":"","sources":["../../../../lib/shell/components/toolbars/top-toolbar.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAuB,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAKpF,QAAA,MAAM,UAAU,GAAI,uKAajB,eAAe,4CAsEjB,CAAC;AACF,eAAe,UAAU,CAAC"}

package/dist/shell/components/toolbars/top-toolbar.js

@@ -1,12 +1,14 @@
 "use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { AppLauncher } from "../app-launcher";
-import { PROFILE_DROPDOWN_ITEMS } from "../../shell.constants";
+import TopRightToolbar from "./top-right-toolbar";
+import { APP_NAME } from "../../../shared/shared.constants";
+import { GlobalSearchBar } from "../../../search/components/global-search-bar";
+import { Environment, PROFILE_DROPDOWN_ITEMS } from "../../shell.constants";
+import { getEnvironmentFromHost, getHeaderBackgroundClass } from "../../shell.utilities";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
-import TopRightToolbar from "./top-right-toolbar";
-import { TopToolbarSearch } from "./top-toolbar-searchbar";
-const TopToolbar = ({ session, onLogout, profileDropdownItems = PROFILE_DROPDOWN_ITEMS, showAppLauncher = true, showSearch = true, showNotification = true, showSettings = true, showProfile = true, brandName = "Captify", homeLink = "/", onItemClick, }) => {
+const TopToolbar = ({ session, onLogout, profileDropdownItems = PROFILE_DROPDOWN_ITEMS, showAppLauncher = true, showSearch = true, showNotification = true, showSettings = true, showProfile = true, brandName = APP_NAME, homeLink = "/", onItemClick, environment = getEnvironmentFromHost(), }) => {
     const router = useRouter();
     const handleProfileItemClick = async (item) => {
         onItemClick === null || onItemClick === void 0 ? void 0 : onItemClick(item);
@@ -18,7 +20,10 @@ const TopToolbar = ({ session, onLogout, profileDropdownItems = PROFILE_DROPDOWN
             router.push(item.route);
         }
     };
-    return (_jsx("header", { className: "flex h-(--top-toolbar-height) shrink-0 items-center gap-2 bg-[#111829]", "aria-label": "Main navigation toolbar", children: _jsxs("nav", { className: "flex flex-1 items-center gap-4 px-4", role: "navigation", "aria-label": "Primary navigation", children: [_jsxs("div", { className: "flex flex-1 items-center gap-4", children: [_jsx(Link, { href: homeLink, className: "focus-visible:border-ring focus-visible:ring-ring/50 rounded-sm transition-all duration-200 outline-none focus-visible:ring-[3px]", children: _jsx("span", { className: "font-semibold text-white", children: brandName }) }), showAppLauncher && _jsx(AppLauncher, {}), showSearch && _jsx(TopToolbarSearch, { placeholder: "Search services, features, and more..." })] }), _jsx(TopRightToolbar, { session: session, showNotification: showNotification, showSettings: showSettings, showProfile: showProfile, profileDropdownItems: profileDropdownItems, onProfileDropdownItemClick: handleProfileItemClick })] }) }));
+    const isDevelopment = environment === Environment.Development;
+    const displayBrandName = environment !== Environment.Production ? `${brandName}-${environment}` : brandName;
+    const showCuiBanner = !isDevelopment;
+    return (_jsxs(_Fragment, { children: [showCuiBanner && (_jsx("div", { className: "flex w-full items-center justify-center bg-[#502B85] px-4 py-1 text-sm font-bold text-white", role: "alert", "aria-live": "polite", children: "CUI - Controlled Unclassified Information - IL5 Environment" })), _jsx("header", { className: `flex h-(--top-toolbar-height) shrink-0 items-center gap-2 ${getHeaderBackgroundClass(environment)}`, "aria-label": "Main navigation toolbar", children: _jsxs("nav", { className: "flex flex-1 items-center gap-4 px-4", role: "navigation", "aria-label": "Primary navigation", children: [_jsxs("div", { className: "flex flex-1 items-center gap-4", children: [_jsx("div", { className: "flex items-center gap-2", children: _jsx(Link, { href: homeLink, className: "focus-visible:border-ring focus-visible:ring-ring/50 rounded-sm transition-all duration-200 outline-none focus-visible:ring-[3px]", children: _jsx("span", { className: "font-semibold whitespace-nowrap text-white", children: displayBrandName }) }) }), showAppLauncher && _jsx(AppLauncher, {}), showSearch && _jsx(GlobalSearchBar, { placeholder: "Search documents, users, agents..." })] }), _jsx(TopRightToolbar, { session: session, showNotification: showNotification, showSettings: showSettings, showProfile: showProfile, profileDropdownItems: profileDropdownItems, onProfileDropdownItemClick: handleProfileItemClick })] }) })] }));
 };
 export default TopToolbar;
 //# sourceMappingURL=top-toolbar.js.map