@almadar/ui 4.22.3 → 4.23.0

package/dist/avl/index.cjs

@@ -21617,6 +21617,7 @@ var init_DashboardLayout = __esm({
     init_Typography();
     init_Icon();
     init_useAuthContext();
+    init_useEventBus();
     init_useTranslate();
     DashboardLayout = ({
       appName = "{{APP_TITLE}}",
@@ -21624,11 +21625,29 @@ var init_DashboardLayout = __esm({
       navItems = [],
       user: userProp,
       headerActions,
-      showSearch = true,
+      showSearch = false,
+      searchEvent,
+      onSearchSubmit,
+      notifications,
+      notificationClickEvent,
+      onNotificationClick,
+      showThemeToggle = true,
       sidebarFooter,
       onSignOut: onSignOutProp,
       children
     }) => {
+      const eventBus = useEventBus();
+      const searchEnabled = showSearch || Boolean(searchEvent) || Boolean(onSearchSubmit);
+      const notificationsEnabled = Array.isArray(notifications);
+      const unreadCount = notificationsEnabled ? notifications.filter((n) => n.read !== true).length : 0;
+      const handleSearchSubmit = (value) => {
+        if (searchEvent) eventBus.emit(`UI:${searchEvent}`, { value });
+        if (onSearchSubmit) onSearchSubmit(value);
+      };
+      const handleNotificationClick = () => {
+        if (notificationClickEvent) eventBus.emit(`UI:${notificationClickEvent}`, {});
+        if (onNotificationClick) onNotificationClick();
+      };
       const [sidebarOpen, setSidebarOpen] = React127.useState(false);
       const [userMenuOpen, setUserMenuOpen] = React127.useState(false);
       const location = reactRouterDom.useLocation();
@@ -21709,17 +21728,7 @@ var init_DashboardLayout = __esm({
                   ))
                 }
               ),
-              sidebarFooter || /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "p-4 border-t border-border dark:border-border", children: /* @__PURE__ */ jsxRuntime.jsxs(
-                reactRouterDom.Link,
-                {
-                  to: "/settings",
-                  className: "flex items-center gap-3 px-3 py-2 text-sm text-muted-foreground dark:text-muted-foreground rounded-lg hover:bg-muted dark:hover:bg-muted",
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Settings, { className: "h-5 w-5" }),
-                    t("common.settings")
-                  ]
-                }
-              ) })
+              sidebarFooter && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "p-4 border-t border-border dark:border-border", children: sidebarFooter })
             ]
           }
         ),
@@ -21746,32 +21755,40 @@ var init_DashboardLayout = __esm({
                         children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Menu, { className: "h-5 w-5" })
                       }
                     ),
-                    showSearch && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "hidden sm:block flex-1 max-w-md", children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "relative", children: [
+                    searchEnabled && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "hidden sm:block flex-1 max-w-md", children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "relative", children: [
                       /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground dark:text-muted-foreground" }),
                       /* @__PURE__ */ jsxRuntime.jsx(
                         Input,
                         {
                           type: "search",
                           placeholder: t("common.search"),
-                          className: "pl-10 w-full"
+                          className: "pl-10 w-full",
+                          onKeyDown: (e) => {
+                            if (e.key === "Enter") {
+                              handleSearchSubmit(e.target.value);
+                            }
+                          }
                         }
                       )
                     ] }) }),
                     /* @__PURE__ */ jsxRuntime.jsxs(HStack, { align: "center", gap: "xs", children: [
                       headerActions,
-                      /* @__PURE__ */ jsxRuntime.jsx(ThemeToggle, {}),
-                      /* @__PURE__ */ jsxRuntime.jsxs(
+                      showThemeToggle && /* @__PURE__ */ jsxRuntime.jsx(ThemeToggle, {}),
+                      notificationsEnabled && /* @__PURE__ */ jsxRuntime.jsxs(
                         Button,
                         {
                           variant: "ghost",
                           className: "relative p-2 rounded-full hover:bg-muted dark:hover:bg-muted",
+                          onClick: handleNotificationClick,
+                          "aria-label": t("common.notifications"),
                           children: [
                             /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Bell, { className: "h-5 w-5 text-muted-foreground dark:text-muted-foreground" }),
-                            /* @__PURE__ */ jsxRuntime.jsx(
+                            unreadCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
                               Box,
                               {
                                 as: "span",
-                                className: "absolute top-1 right-1 w-2 h-2 bg-error rounded-full"
+                                className: "absolute -top-0.5 -right-0.5 min-w-[18px] h-[18px] px-1 bg-error rounded-full text-[10px] font-semibold text-white flex items-center justify-center",
+                                children: unreadCount > 99 ? "99+" : unreadCount
                               }
                             )
                           ]
@@ -21836,17 +21853,6 @@ var init_DashboardLayout = __esm({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ jsxRuntime.jsxs(
-                              reactRouterDom.Link,
-                              {
-                                to: "/settings",
-                                className: "flex items-center gap-2 px-4 py-2 text-sm text-foreground dark:text-foreground hover:bg-muted dark:hover:bg-muted",
-                                children: [
-                                  /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Settings, { className: "h-4 w-4" }),
-                                  t("common.settings")
-                                ]
-                              }
-                            ),
                             /* @__PURE__ */ jsxRuntime.jsxs(
                               Button,
                               {
@@ -21871,7 +21877,7 @@ var init_DashboardLayout = __esm({
               )
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(Box, { as: "main", className: "p-4 sm:p-6 pb-20 sm:pb-6", children })
+          /* @__PURE__ */ jsxRuntime.jsx(Box, { as: "main", className: "p-4 sm:p-6", children })
         ] })
       ] });
     };

package/dist/avl/index.js

@@ -3,7 +3,7 @@ import { Html, RoundedBox, OrbitControls as OrbitControls$1, Grid as Grid$1, Sta
 import * as React127 from 'react';
 import React127__default, { createContext, useContext, useRef, useState, useCallback, useMemo, useEffect, Suspense, useLayoutEffect, useReducer, lazy, useId, forwardRef, useImperativeHandle, Component } from 'react';
 import * as LucideIcons from 'lucide-react';
-import { Loader2, ChevronDown, X, Check, Copy, AlertTriangle, Info, AlertCircle, CheckCircle, List, Printer, ChevronRight, ChevronLeft, Code, FileText, WrapText, Trash2, Settings, Menu as Menu$1, Search, Bell, LogOut, ZoomOut, ZoomIn, Download, FileQuestion, Inbox, XCircle, Filter, Plus, Pause, Play, RotateCcw, Package, Calendar, Pencil, Eye, MoreHorizontal, Image as Image$1, Upload, Minus, ArrowLeft, HelpCircle, ChevronUp, Eraser, Star, TrendingUp, TrendingDown, ArrowUp, ArrowDown, MoreVertical, Sun, Moon, Circle, Clock, CheckCircle2, ArrowRight, FileWarning, SkipForward, Bug, Send, Wrench, User, Tag, DollarSign, Zap, Sword, Move, Heart, Shield } from 'lucide-react';
+import { Loader2, ChevronDown, X, Check, Copy, AlertTriangle, Info, AlertCircle, CheckCircle, List, Printer, ChevronRight, ChevronLeft, Code, FileText, WrapText, Trash2, Menu as Menu$1, Search, Bell, LogOut, ZoomOut, ZoomIn, Download, FileQuestion, Inbox, XCircle, Filter, Plus, Pause, Play, RotateCcw, Package, Calendar, Pencil, Eye, MoreHorizontal, Image as Image$1, Upload, Minus, ArrowLeft, HelpCircle, ChevronUp, Eraser, Star, TrendingUp, TrendingDown, ArrowUp, ArrowDown, MoreVertical, Sun, Moon, Circle, Clock, CheckCircle2, ArrowRight, FileWarning, SkipForward, Bug, Send, Wrench, User, Tag, DollarSign, Zap, Sword, Move, Heart, Shield } from 'lucide-react';
 import { evaluate, createMinimalContext } from '@almadar/evaluator';
 import { getPatternDefinition, getComponentForPattern as getComponentForPattern$1, isEntityAwarePattern } from '@almadar/patterns';
 import { createPortal } from 'react-dom';
@@ -21571,6 +21571,7 @@ var init_DashboardLayout = __esm({
     init_Typography();
     init_Icon();
     init_useAuthContext();
+    init_useEventBus();
     init_useTranslate();
     DashboardLayout = ({
       appName = "{{APP_TITLE}}",
@@ -21578,11 +21579,29 @@ var init_DashboardLayout = __esm({
       navItems = [],
       user: userProp,
       headerActions,
-      showSearch = true,
+      showSearch = false,
+      searchEvent,
+      onSearchSubmit,
+      notifications,
+      notificationClickEvent,
+      onNotificationClick,
+      showThemeToggle = true,
       sidebarFooter,
       onSignOut: onSignOutProp,
       children
     }) => {
+      const eventBus = useEventBus();
+      const searchEnabled = showSearch || Boolean(searchEvent) || Boolean(onSearchSubmit);
+      const notificationsEnabled = Array.isArray(notifications);
+      const unreadCount = notificationsEnabled ? notifications.filter((n) => n.read !== true).length : 0;
+      const handleSearchSubmit = (value) => {
+        if (searchEvent) eventBus.emit(`UI:${searchEvent}`, { value });
+        if (onSearchSubmit) onSearchSubmit(value);
+      };
+      const handleNotificationClick = () => {
+        if (notificationClickEvent) eventBus.emit(`UI:${notificationClickEvent}`, {});
+        if (onNotificationClick) onNotificationClick();
+      };
       const [sidebarOpen, setSidebarOpen] = useState(false);
       const [userMenuOpen, setUserMenuOpen] = useState(false);
       const location = useLocation();
@@ -21663,17 +21682,7 @@ var init_DashboardLayout = __esm({
                   ))
                 }
               ),
-              sidebarFooter || /* @__PURE__ */ jsx(Box, { className: "p-4 border-t border-border dark:border-border", children: /* @__PURE__ */ jsxs(
-                Link,
-                {
-                  to: "/settings",
-                  className: "flex items-center gap-3 px-3 py-2 text-sm text-muted-foreground dark:text-muted-foreground rounded-lg hover:bg-muted dark:hover:bg-muted",
-                  children: [
-                    /* @__PURE__ */ jsx(Settings, { className: "h-5 w-5" }),
-                    t("common.settings")
-                  ]
-                }
-              ) })
+              sidebarFooter && /* @__PURE__ */ jsx(Box, { className: "p-4 border-t border-border dark:border-border", children: sidebarFooter })
             ]
           }
         ),
@@ -21700,32 +21709,40 @@ var init_DashboardLayout = __esm({
                         children: /* @__PURE__ */ jsx(Menu$1, { className: "h-5 w-5" })
                       }
                     ),
-                    showSearch && /* @__PURE__ */ jsx(Box, { className: "hidden sm:block flex-1 max-w-md", children: /* @__PURE__ */ jsxs(Box, { className: "relative", children: [
+                    searchEnabled && /* @__PURE__ */ jsx(Box, { className: "hidden sm:block flex-1 max-w-md", children: /* @__PURE__ */ jsxs(Box, { className: "relative", children: [
                       /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground dark:text-muted-foreground" }),
                       /* @__PURE__ */ jsx(
                         Input,
                         {
                           type: "search",
                           placeholder: t("common.search"),
-                          className: "pl-10 w-full"
+                          className: "pl-10 w-full",
+                          onKeyDown: (e) => {
+                            if (e.key === "Enter") {
+                              handleSearchSubmit(e.target.value);
+                            }
+                          }
                         }
                       )
                     ] }) }),
                     /* @__PURE__ */ jsxs(HStack, { align: "center", gap: "xs", children: [
                       headerActions,
-                      /* @__PURE__ */ jsx(ThemeToggle, {}),
-                      /* @__PURE__ */ jsxs(
+                      showThemeToggle && /* @__PURE__ */ jsx(ThemeToggle, {}),
+                      notificationsEnabled && /* @__PURE__ */ jsxs(
                         Button,
                         {
                           variant: "ghost",
                           className: "relative p-2 rounded-full hover:bg-muted dark:hover:bg-muted",
+                          onClick: handleNotificationClick,
+                          "aria-label": t("common.notifications"),
                           children: [
                             /* @__PURE__ */ jsx(Bell, { className: "h-5 w-5 text-muted-foreground dark:text-muted-foreground" }),
-                            /* @__PURE__ */ jsx(
+                            unreadCount > 0 && /* @__PURE__ */ jsx(
                               Box,
                               {
                                 as: "span",
-                                className: "absolute top-1 right-1 w-2 h-2 bg-error rounded-full"
+                                className: "absolute -top-0.5 -right-0.5 min-w-[18px] h-[18px] px-1 bg-error rounded-full text-[10px] font-semibold text-white flex items-center justify-center",
+                                children: unreadCount > 99 ? "99+" : unreadCount
                               }
                             )
                           ]
@@ -21790,17 +21807,6 @@ var init_DashboardLayout = __esm({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ jsxs(
-                              Link,
-                              {
-                                to: "/settings",
-                                className: "flex items-center gap-2 px-4 py-2 text-sm text-foreground dark:text-foreground hover:bg-muted dark:hover:bg-muted",
-                                children: [
-                                  /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" }),
-                                  t("common.settings")
-                                ]
-                              }
-                            ),
                             /* @__PURE__ */ jsxs(
                               Button,
                               {
@@ -21825,7 +21831,7 @@ var init_DashboardLayout = __esm({
               )
             }
           ),
-          /* @__PURE__ */ jsx(Box, { as: "main", className: "p-4 sm:p-6 pb-20 sm:pb-6", children })
+          /* @__PURE__ */ jsx(Box, { as: "main", className: "p-4 sm:p-6", children })
         ] })
       ] });
     };

package/dist/components/index.cjs

@@ -17041,6 +17041,7 @@ var init_DashboardLayout = __esm({
     init_Typography();
     init_Icon();
     init_useAuthContext();
+    init_useEventBus();
     init_useTranslate();
     exports.DashboardLayout = ({
       appName = "{{APP_TITLE}}",
@@ -17048,11 +17049,29 @@ var init_DashboardLayout = __esm({
       navItems = [],
       user: userProp,
       headerActions,
-      showSearch = true,
+      showSearch = false,
+      searchEvent,
+      onSearchSubmit,
+      notifications,
+      notificationClickEvent,
+      onNotificationClick,
+      showThemeToggle = true,
       sidebarFooter,
       onSignOut: onSignOutProp,
       children
     }) => {
+      const eventBus = useEventBus();
+      const searchEnabled = showSearch || Boolean(searchEvent) || Boolean(onSearchSubmit);
+      const notificationsEnabled = Array.isArray(notifications);
+      const unreadCount = notificationsEnabled ? notifications.filter((n) => n.read !== true).length : 0;
+      const handleSearchSubmit = (value) => {
+        if (searchEvent) eventBus.emit(`UI:${searchEvent}`, { value });
+        if (onSearchSubmit) onSearchSubmit(value);
+      };
+      const handleNotificationClick = () => {
+        if (notificationClickEvent) eventBus.emit(`UI:${notificationClickEvent}`, {});
+        if (onNotificationClick) onNotificationClick();
+      };
       const [sidebarOpen, setSidebarOpen] = React110.useState(false);
       const [userMenuOpen, setUserMenuOpen] = React110.useState(false);
       const location = reactRouterDom.useLocation();
@@ -17137,17 +17156,7 @@ var init_DashboardLayout = __esm({
                   ))
                 }
               ),
-              sidebarFooter || /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "p-4 border-t border-border dark:border-border", children: /* @__PURE__ */ jsxRuntime.jsxs(
-                reactRouterDom.Link,
-                {
-                  to: "/settings",
-                  className: "flex items-center gap-3 px-3 py-2 text-sm text-muted-foreground dark:text-muted-foreground rounded-lg hover:bg-muted dark:hover:bg-muted",
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Settings, { className: "h-5 w-5" }),
-                    t("common.settings")
-                  ]
-                }
-              ) })
+              sidebarFooter && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "p-4 border-t border-border dark:border-border", children: sidebarFooter })
             ]
           }
         ),
@@ -17174,32 +17183,40 @@ var init_DashboardLayout = __esm({
                         children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Menu, { className: "h-5 w-5" })
                       }
                     ),
-                    showSearch && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "hidden sm:block flex-1 max-w-md", children: /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { className: "relative", children: [
+                    searchEnabled && /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { className: "hidden sm:block flex-1 max-w-md", children: /* @__PURE__ */ jsxRuntime.jsxs(exports.Box, { className: "relative", children: [
                       /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground dark:text-muted-foreground" }),
                       /* @__PURE__ */ jsxRuntime.jsx(
                         exports.Input,
                         {
                           type: "search",
                           placeholder: t("common.search"),
-                          className: "pl-10 w-full"
+                          className: "pl-10 w-full",
+                          onKeyDown: (e) => {
+                            if (e.key === "Enter") {
+                              handleSearchSubmit(e.target.value);
+                            }
+                          }
                         }
                       )
                     ] }) }),
                     /* @__PURE__ */ jsxRuntime.jsxs(exports.HStack, { align: "center", gap: "xs", children: [
                       headerActions,
-                      /* @__PURE__ */ jsxRuntime.jsx(exports.ThemeToggle, {}),
-                      /* @__PURE__ */ jsxRuntime.jsxs(
+                      showThemeToggle && /* @__PURE__ */ jsxRuntime.jsx(exports.ThemeToggle, {}),
+                      notificationsEnabled && /* @__PURE__ */ jsxRuntime.jsxs(
                         exports.Button,
                         {
                           variant: "ghost",
                           className: "relative p-2 rounded-full hover:bg-muted dark:hover:bg-muted",
+                          onClick: handleNotificationClick,
+                          "aria-label": t("common.notifications"),
                           children: [
                             /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Bell, { className: "h-5 w-5 text-muted-foreground dark:text-muted-foreground" }),
-                            /* @__PURE__ */ jsxRuntime.jsx(
+                            unreadCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
                               exports.Box,
                               {
                                 as: "span",
-                                className: "absolute top-1 right-1 w-2 h-2 bg-error rounded-full"
+                                className: "absolute -top-0.5 -right-0.5 min-w-[18px] h-[18px] px-1 bg-error rounded-full text-[10px] font-semibold text-white flex items-center justify-center",
+                                children: unreadCount > 99 ? "99+" : unreadCount
                               }
                             )
                           ]
@@ -17264,17 +17281,6 @@ var init_DashboardLayout = __esm({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ jsxRuntime.jsxs(
-                              reactRouterDom.Link,
-                              {
-                                to: "/settings",
-                                className: "flex items-center gap-2 px-4 py-2 text-sm text-foreground dark:text-foreground hover:bg-muted dark:hover:bg-muted",
-                                children: [
-                                  /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Settings, { className: "h-4 w-4" }),
-                                  t("common.settings")
-                                ]
-                              }
-                            ),
                             /* @__PURE__ */ jsxRuntime.jsxs(
                               exports.Button,
                               {
@@ -17299,7 +17305,7 @@ var init_DashboardLayout = __esm({
               )
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { as: "main", className: "p-4 sm:p-6 pb-20 sm:pb-6", children })
+          /* @__PURE__ */ jsxRuntime.jsx(exports.Box, { as: "main", className: "p-4 sm:p-6", children })
         ] })
       ] });
     };

package/dist/components/index.js

@@ -4,7 +4,7 @@ import * as React110 from 'react';
 import React110__default, { useContext, useMemo, useRef, useEffect, useCallback, createContext, useState, Suspense, lazy, useSyncExternalStore, useLayoutEffect, useId } from 'react';
 import { EventBusContext, useTraitScope, TraitScopeProvider } from '@almadar/ui/providers';
 import * as LucideIcons from 'lucide-react';
-import { Loader2, X, AlertTriangle, Info, AlertCircle, CheckCircle, ChevronDown, List, Printer, ChevronRight, ChevronLeft, XCircle, Wrench, RotateCcw, Send, Code, FileText, WrapText, Check, Copy, Zap, Sword, Move, Heart, Shield, Trash2, Settings, Menu as Menu$1, Search, Bell, LogOut, ChevronUp, MoreHorizontal, Bug, ZoomOut, ZoomIn, Download, Pause, Play, Package, Calendar, Pencil, Eye, Image as Image$1, Upload, ArrowRight, ArrowLeft, Eraser, SkipForward, TrendingUp, TrendingDown, Minus, ArrowUp, ArrowDown, MoreVertical, Circle, Clock, CheckCircle2, HelpCircle, FileQuestion, Inbox, Plus, User, Filter, Star, FileWarning, Tag, DollarSign, Sun, Moon } from 'lucide-react';
+import { Loader2, X, AlertTriangle, Info, AlertCircle, CheckCircle, ChevronDown, List, Printer, ChevronRight, ChevronLeft, XCircle, Wrench, RotateCcw, Send, Code, FileText, WrapText, Check, Copy, Zap, Sword, Move, Heart, Shield, Trash2, Menu as Menu$1, Search, Bell, LogOut, ChevronUp, MoreHorizontal, Bug, ZoomOut, ZoomIn, Download, Pause, Play, Package, Calendar, Pencil, Eye, Image as Image$1, Upload, ArrowRight, ArrowLeft, Eraser, SkipForward, TrendingUp, TrendingDown, Minus, ArrowUp, ArrowDown, MoreVertical, Circle, Clock, CheckCircle2, HelpCircle, FileQuestion, Inbox, Plus, User, Filter, Star, FileWarning, Tag, DollarSign, Sun, Moon } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { evaluate, createMinimalContext } from '@almadar/evaluator';
 import { getPatternDefinition, getComponentForPattern as getComponentForPattern$1 } from '@almadar/patterns';
@@ -16996,6 +16996,7 @@ var init_DashboardLayout = __esm({
     init_Typography();
     init_Icon();
     init_useAuthContext();
+    init_useEventBus();
     init_useTranslate();
     DashboardLayout = ({
       appName = "{{APP_TITLE}}",
@@ -17003,11 +17004,29 @@ var init_DashboardLayout = __esm({
       navItems = [],
       user: userProp,
       headerActions,
-      showSearch = true,
+      showSearch = false,
+      searchEvent,
+      onSearchSubmit,
+      notifications,
+      notificationClickEvent,
+      onNotificationClick,
+      showThemeToggle = true,
       sidebarFooter,
       onSignOut: onSignOutProp,
       children
     }) => {
+      const eventBus = useEventBus();
+      const searchEnabled = showSearch || Boolean(searchEvent) || Boolean(onSearchSubmit);
+      const notificationsEnabled = Array.isArray(notifications);
+      const unreadCount = notificationsEnabled ? notifications.filter((n) => n.read !== true).length : 0;
+      const handleSearchSubmit = (value) => {
+        if (searchEvent) eventBus.emit(`UI:${searchEvent}`, { value });
+        if (onSearchSubmit) onSearchSubmit(value);
+      };
+      const handleNotificationClick = () => {
+        if (notificationClickEvent) eventBus.emit(`UI:${notificationClickEvent}`, {});
+        if (onNotificationClick) onNotificationClick();
+      };
       const [sidebarOpen, setSidebarOpen] = useState(false);
       const [userMenuOpen, setUserMenuOpen] = useState(false);
       const location = useLocation();
@@ -17092,17 +17111,7 @@ var init_DashboardLayout = __esm({
                   ))
                 }
               ),
-              sidebarFooter || /* @__PURE__ */ jsx(Box, { className: "p-4 border-t border-border dark:border-border", children: /* @__PURE__ */ jsxs(
-                Link,
-                {
-                  to: "/settings",
-                  className: "flex items-center gap-3 px-3 py-2 text-sm text-muted-foreground dark:text-muted-foreground rounded-lg hover:bg-muted dark:hover:bg-muted",
-                  children: [
-                    /* @__PURE__ */ jsx(Settings, { className: "h-5 w-5" }),
-                    t("common.settings")
-                  ]
-                }
-              ) })
+              sidebarFooter && /* @__PURE__ */ jsx(Box, { className: "p-4 border-t border-border dark:border-border", children: sidebarFooter })
             ]
           }
         ),
@@ -17129,32 +17138,40 @@ var init_DashboardLayout = __esm({
                         children: /* @__PURE__ */ jsx(Menu$1, { className: "h-5 w-5" })
                       }
                     ),
-                    showSearch && /* @__PURE__ */ jsx(Box, { className: "hidden sm:block flex-1 max-w-md", children: /* @__PURE__ */ jsxs(Box, { className: "relative", children: [
+                    searchEnabled && /* @__PURE__ */ jsx(Box, { className: "hidden sm:block flex-1 max-w-md", children: /* @__PURE__ */ jsxs(Box, { className: "relative", children: [
                       /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground dark:text-muted-foreground" }),
                       /* @__PURE__ */ jsx(
                         Input,
                         {
                           type: "search",
                           placeholder: t("common.search"),
-                          className: "pl-10 w-full"
+                          className: "pl-10 w-full",
+                          onKeyDown: (e) => {
+                            if (e.key === "Enter") {
+                              handleSearchSubmit(e.target.value);
+                            }
+                          }
                         }
                       )
                     ] }) }),
                     /* @__PURE__ */ jsxs(HStack, { align: "center", gap: "xs", children: [
                       headerActions,
-                      /* @__PURE__ */ jsx(ThemeToggle, {}),
-                      /* @__PURE__ */ jsxs(
+                      showThemeToggle && /* @__PURE__ */ jsx(ThemeToggle, {}),
+                      notificationsEnabled && /* @__PURE__ */ jsxs(
                         Button,
                         {
                           variant: "ghost",
                           className: "relative p-2 rounded-full hover:bg-muted dark:hover:bg-muted",
+                          onClick: handleNotificationClick,
+                          "aria-label": t("common.notifications"),
                           children: [
                             /* @__PURE__ */ jsx(Bell, { className: "h-5 w-5 text-muted-foreground dark:text-muted-foreground" }),
-                            /* @__PURE__ */ jsx(
+                            unreadCount > 0 && /* @__PURE__ */ jsx(
                               Box,
                               {
                                 as: "span",
-                                className: "absolute top-1 right-1 w-2 h-2 bg-error rounded-full"
+                                className: "absolute -top-0.5 -right-0.5 min-w-[18px] h-[18px] px-1 bg-error rounded-full text-[10px] font-semibold text-white flex items-center justify-center",
+                                children: unreadCount > 99 ? "99+" : unreadCount
                               }
                             )
                           ]
@@ -17219,17 +17236,6 @@ var init_DashboardLayout = __esm({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ jsxs(
-                              Link,
-                              {
-                                to: "/settings",
-                                className: "flex items-center gap-2 px-4 py-2 text-sm text-foreground dark:text-foreground hover:bg-muted dark:hover:bg-muted",
-                                children: [
-                                  /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" }),
-                                  t("common.settings")
-                                ]
-                              }
-                            ),
                             /* @__PURE__ */ jsxs(
                               Button,
                               {
@@ -17254,7 +17260,7 @@ var init_DashboardLayout = __esm({
               )
             }
           ),
-          /* @__PURE__ */ jsx(Box, { as: "main", className: "p-4 sm:p-6 pb-20 sm:pb-6", children })
+          /* @__PURE__ */ jsx(Box, { as: "main", className: "p-4 sm:p-6", children })
         ] })
       ] });
     };

package/dist/components/templates/DashboardLayout.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import { LucideIcon } from "lucide-react";
+import type { EventEmit } from "@almadar/core";
 export interface NavItem {
     label: string;
     href: string;
@@ -8,12 +9,24 @@ export interface NavItem {
     badge?: string | number;
     children?: NavItem[];
 }
+export interface NotificationItem {
+    id: string;
+    /** Short label shown in the dropdown row. */
+    message: string;
+    /** Optional secondary text. */
+    description?: string;
+    /** Optional ISO timestamp string. */
+    createdAt?: string;
+    /** Optional flag — bell badge counts items where read !== true. */
+    read?: boolean;
+}
 export interface DashboardLayoutProps {
     /** App name shown in sidebar */
     appName?: string;
     /** Logo component or URL */
     logo?: React.ReactNode;
-    /** Navigation items */
+    /** Navigation items. Apps that need a Settings page should add it
+     *  as a navItems entry, not depend on baked-in chrome. */
     navItems?: NavItem[];
     /** Current user info (optional - auto-populated from auth context if not provided) */
     user?: {
@@ -21,11 +34,34 @@ export interface DashboardLayoutProps {
         email: string;
         avatar?: string;
     };
-    /** Header actions (notifications, etc.) */
+    /** Header actions (extra slots beyond bell/search/theme). */
     headerActions?: React.ReactNode;
-    /** Show search in header */
+    /** Show the top-bar search box. Default `false` — opt in by setting
+     *  `searchEvent` (any truthy value implies showSearch) or this flag. */
     showSearch?: boolean;
-    /** Custom sidebar footer */
+    /** Declarative search event — fires `UI:{searchEvent}` on the bus
+     *  when the user submits the search box (Enter key). Setting this
+     *  implies `showSearch=true`. Use `onSearchSubmit` for direct React
+     *  usage instead. */
+    searchEvent?: EventEmit<{
+        value: string;
+    }>;
+    /** React-side search submit callback. Used when the host wires the
+     *  layout directly (not via render-ui pattern resolution). */
+    onSearchSubmit?: (value: string) => void;
+    /** Notification list. Pass an empty array to show the bell with no
+     *  badge; omit / pass null to hide the bell entirely. */
+    notifications?: NotificationItem[] | null;
+    /** Declarative bell click event — fires `UI:{notificationClickEvent}`
+     *  on the bus with an empty payload when the user clicks the bell. */
+    notificationClickEvent?: EventEmit<Record<string, never>>;
+    /** React-side bell click callback. */
+    onNotificationClick?: () => void;
+    /** Show the theme toggle button in the header. Default `true` —
+     *  universally useful for a11y / dark mode. */
+    showThemeToggle?: boolean;
+    /** Custom sidebar footer (optional). When omitted, the sidebar has
+     *  no footer — apps that need Settings/etc. add them via navItems. */
     sidebarFooter?: React.ReactNode;
     /** Callback when user clicks sign out (optional - uses auth context signOut if not provided) */
     onSignOut?: () => void;

package/dist/providers/index.cjs

@@ -18368,6 +18368,7 @@ var init_DashboardLayout = __esm({
     init_Typography();
     init_Icon();
     init_useAuthContext();
+    init_useEventBus();
     init_useTranslate();
     DashboardLayout = ({
       appName = "{{APP_TITLE}}",
@@ -18375,11 +18376,29 @@ var init_DashboardLayout = __esm({
       navItems = [],
       user: userProp,
       headerActions,
-      showSearch = true,
+      showSearch = false,
+      searchEvent,
+      onSearchSubmit,
+      notifications,
+      notificationClickEvent,
+      onNotificationClick,
+      showThemeToggle = true,
       sidebarFooter,
       onSignOut: onSignOutProp,
       children
     }) => {
+      const eventBus = useEventBus();
+      const searchEnabled = showSearch || Boolean(searchEvent) || Boolean(onSearchSubmit);
+      const notificationsEnabled = Array.isArray(notifications);
+      const unreadCount = notificationsEnabled ? notifications.filter((n) => n.read !== true).length : 0;
+      const handleSearchSubmit = (value) => {
+        if (searchEvent) eventBus.emit(`UI:${searchEvent}`, { value });
+        if (onSearchSubmit) onSearchSubmit(value);
+      };
+      const handleNotificationClick = () => {
+        if (notificationClickEvent) eventBus.emit(`UI:${notificationClickEvent}`, {});
+        if (onNotificationClick) onNotificationClick();
+      };
       const [sidebarOpen, setSidebarOpen] = React115.useState(false);
       const [userMenuOpen, setUserMenuOpen] = React115.useState(false);
       const location = reactRouterDom.useLocation();
@@ -18460,17 +18479,7 @@ var init_DashboardLayout = __esm({
                   ))
                 }
               ),
-              sidebarFooter || /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "p-4 border-t border-border dark:border-border", children: /* @__PURE__ */ jsxRuntime.jsxs(
-                reactRouterDom.Link,
-                {
-                  to: "/settings",
-                  className: "flex items-center gap-3 px-3 py-2 text-sm text-muted-foreground dark:text-muted-foreground rounded-lg hover:bg-muted dark:hover:bg-muted",
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Settings, { className: "h-5 w-5" }),
-                    t("common.settings")
-                  ]
-                }
-              ) })
+              sidebarFooter && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "p-4 border-t border-border dark:border-border", children: sidebarFooter })
             ]
           }
         ),
@@ -18497,32 +18506,40 @@ var init_DashboardLayout = __esm({
                         children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Menu, { className: "h-5 w-5" })
                       }
                     ),
-                    showSearch && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "hidden sm:block flex-1 max-w-md", children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "relative", children: [
+                    searchEnabled && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "hidden sm:block flex-1 max-w-md", children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "relative", children: [
                       /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground dark:text-muted-foreground" }),
                       /* @__PURE__ */ jsxRuntime.jsx(
                         Input,
                         {
                           type: "search",
                           placeholder: t("common.search"),
-                          className: "pl-10 w-full"
+                          className: "pl-10 w-full",
+                          onKeyDown: (e) => {
+                            if (e.key === "Enter") {
+                              handleSearchSubmit(e.target.value);
+                            }
+                          }
                         }
                       )
                     ] }) }),
                     /* @__PURE__ */ jsxRuntime.jsxs(HStack, { align: "center", gap: "xs", children: [
                       headerActions,
-                      /* @__PURE__ */ jsxRuntime.jsx(ThemeToggle, {}),
-                      /* @__PURE__ */ jsxRuntime.jsxs(
+                      showThemeToggle && /* @__PURE__ */ jsxRuntime.jsx(ThemeToggle, {}),
+                      notificationsEnabled && /* @__PURE__ */ jsxRuntime.jsxs(
                         Button,
                         {
                           variant: "ghost",
                           className: "relative p-2 rounded-full hover:bg-muted dark:hover:bg-muted",
+                          onClick: handleNotificationClick,
+                          "aria-label": t("common.notifications"),
                           children: [
                             /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Bell, { className: "h-5 w-5 text-muted-foreground dark:text-muted-foreground" }),
-                            /* @__PURE__ */ jsxRuntime.jsx(
+                            unreadCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
                               Box,
                               {
                                 as: "span",
-                                className: "absolute top-1 right-1 w-2 h-2 bg-error rounded-full"
+                                className: "absolute -top-0.5 -right-0.5 min-w-[18px] h-[18px] px-1 bg-error rounded-full text-[10px] font-semibold text-white flex items-center justify-center",
+                                children: unreadCount > 99 ? "99+" : unreadCount
                               }
                             )
                           ]
@@ -18587,17 +18604,6 @@ var init_DashboardLayout = __esm({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ jsxRuntime.jsxs(
-                              reactRouterDom.Link,
-                              {
-                                to: "/settings",
-                                className: "flex items-center gap-2 px-4 py-2 text-sm text-foreground dark:text-foreground hover:bg-muted dark:hover:bg-muted",
-                                children: [
-                                  /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Settings, { className: "h-4 w-4" }),
-                                  t("common.settings")
-                                ]
-                              }
-                            ),
                             /* @__PURE__ */ jsxRuntime.jsxs(
                               Button,
                               {
@@ -18622,7 +18628,7 @@ var init_DashboardLayout = __esm({
               )
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(Box, { as: "main", className: "p-4 sm:p-6 pb-20 sm:pb-6", children })
+          /* @__PURE__ */ jsxRuntime.jsx(Box, { as: "main", className: "p-4 sm:p-6", children })
         ] })
       ] });
     };

package/dist/providers/index.js

@@ -5,7 +5,7 @@ import { EventBusContext, useTraitScope, TraitScopeProvider } from '@almadar/ui/
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import * as LucideIcons from 'lucide-react';
-import { X, AlertTriangle, Info, AlertCircle, CheckCircle, Loader2, List, Printer, ChevronRight, ChevronLeft, Check, Copy, Code, FileText, WrapText, Trash2, Settings, Menu as Menu$1, Search, Bell, ChevronDown, LogOut, ZoomOut, ZoomIn, Download, FileQuestion, Inbox, XCircle, Filter, Plus, Pause, Play, RotateCcw, Package, Calendar, Pencil, Eye, MoreHorizontal, Image as Image$1, Upload, Minus, ArrowLeft, HelpCircle, ChevronUp, Eraser, Star, TrendingUp, TrendingDown, ArrowUp, ArrowDown, MoreVertical, Sun, Moon, Circle, Clock, CheckCircle2, ArrowRight, FileWarning, SkipForward, Bug, Send, Wrench, User, Tag, DollarSign, Zap, Sword, Move, Heart, Shield } from 'lucide-react';
+import { X, AlertTriangle, Info, AlertCircle, CheckCircle, Loader2, List, Printer, ChevronRight, ChevronLeft, Check, Copy, Code, FileText, WrapText, Trash2, Menu as Menu$1, Search, Bell, ChevronDown, LogOut, ZoomOut, ZoomIn, Download, FileQuestion, Inbox, XCircle, Filter, Plus, Pause, Play, RotateCcw, Package, Calendar, Pencil, Eye, MoreHorizontal, Image as Image$1, Upload, Minus, ArrowLeft, HelpCircle, ChevronUp, Eraser, Star, TrendingUp, TrendingDown, ArrowUp, ArrowDown, MoreVertical, Sun, Moon, Circle, Clock, CheckCircle2, ArrowRight, FileWarning, SkipForward, Bug, Send, Wrench, User, Tag, DollarSign, Zap, Sword, Move, Heart, Shield } from 'lucide-react';
 import { evaluate, createMinimalContext } from '@almadar/evaluator';
 import { useUISlots } from '@almadar/ui/context';
 import { getPatternDefinition, getComponentForPattern as getComponentForPattern$1 } from '@almadar/patterns';
@@ -18323,6 +18323,7 @@ var init_DashboardLayout = __esm({
     init_Typography();
     init_Icon();
     init_useAuthContext();
+    init_useEventBus();
     init_useTranslate();
     DashboardLayout = ({
       appName = "{{APP_TITLE}}",
@@ -18330,11 +18331,29 @@ var init_DashboardLayout = __esm({
       navItems = [],
       user: userProp,
       headerActions,
-      showSearch = true,
+      showSearch = false,
+      searchEvent,
+      onSearchSubmit,
+      notifications,
+      notificationClickEvent,
+      onNotificationClick,
+      showThemeToggle = true,
       sidebarFooter,
       onSignOut: onSignOutProp,
       children
     }) => {
+      const eventBus = useEventBus();
+      const searchEnabled = showSearch || Boolean(searchEvent) || Boolean(onSearchSubmit);
+      const notificationsEnabled = Array.isArray(notifications);
+      const unreadCount = notificationsEnabled ? notifications.filter((n) => n.read !== true).length : 0;
+      const handleSearchSubmit = (value) => {
+        if (searchEvent) eventBus.emit(`UI:${searchEvent}`, { value });
+        if (onSearchSubmit) onSearchSubmit(value);
+      };
+      const handleNotificationClick = () => {
+        if (notificationClickEvent) eventBus.emit(`UI:${notificationClickEvent}`, {});
+        if (onNotificationClick) onNotificationClick();
+      };
       const [sidebarOpen, setSidebarOpen] = useState(false);
       const [userMenuOpen, setUserMenuOpen] = useState(false);
       const location = useLocation();
@@ -18415,17 +18434,7 @@ var init_DashboardLayout = __esm({
                   ))
                 }
               ),
-              sidebarFooter || /* @__PURE__ */ jsx(Box, { className: "p-4 border-t border-border dark:border-border", children: /* @__PURE__ */ jsxs(
-                Link,
-                {
-                  to: "/settings",
-                  className: "flex items-center gap-3 px-3 py-2 text-sm text-muted-foreground dark:text-muted-foreground rounded-lg hover:bg-muted dark:hover:bg-muted",
-                  children: [
-                    /* @__PURE__ */ jsx(Settings, { className: "h-5 w-5" }),
-                    t("common.settings")
-                  ]
-                }
-              ) })
+              sidebarFooter && /* @__PURE__ */ jsx(Box, { className: "p-4 border-t border-border dark:border-border", children: sidebarFooter })
             ]
           }
         ),
@@ -18452,32 +18461,40 @@ var init_DashboardLayout = __esm({
                         children: /* @__PURE__ */ jsx(Menu$1, { className: "h-5 w-5" })
                       }
                     ),
-                    showSearch && /* @__PURE__ */ jsx(Box, { className: "hidden sm:block flex-1 max-w-md", children: /* @__PURE__ */ jsxs(Box, { className: "relative", children: [
+                    searchEnabled && /* @__PURE__ */ jsx(Box, { className: "hidden sm:block flex-1 max-w-md", children: /* @__PURE__ */ jsxs(Box, { className: "relative", children: [
                       /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground dark:text-muted-foreground" }),
                       /* @__PURE__ */ jsx(
                         Input,
                         {
                           type: "search",
                           placeholder: t("common.search"),
-                          className: "pl-10 w-full"
+                          className: "pl-10 w-full",
+                          onKeyDown: (e) => {
+                            if (e.key === "Enter") {
+                              handleSearchSubmit(e.target.value);
+                            }
+                          }
                         }
                       )
                     ] }) }),
                     /* @__PURE__ */ jsxs(HStack, { align: "center", gap: "xs", children: [
                       headerActions,
-                      /* @__PURE__ */ jsx(ThemeToggle, {}),
-                      /* @__PURE__ */ jsxs(
+                      showThemeToggle && /* @__PURE__ */ jsx(ThemeToggle, {}),
+                      notificationsEnabled && /* @__PURE__ */ jsxs(
                         Button,
                         {
                           variant: "ghost",
                           className: "relative p-2 rounded-full hover:bg-muted dark:hover:bg-muted",
+                          onClick: handleNotificationClick,
+                          "aria-label": t("common.notifications"),
                           children: [
                             /* @__PURE__ */ jsx(Bell, { className: "h-5 w-5 text-muted-foreground dark:text-muted-foreground" }),
-                            /* @__PURE__ */ jsx(
+                            unreadCount > 0 && /* @__PURE__ */ jsx(
                               Box,
                               {
                                 as: "span",
-                                className: "absolute top-1 right-1 w-2 h-2 bg-error rounded-full"
+                                className: "absolute -top-0.5 -right-0.5 min-w-[18px] h-[18px] px-1 bg-error rounded-full text-[10px] font-semibold text-white flex items-center justify-center",
+                                children: unreadCount > 99 ? "99+" : unreadCount
                               }
                             )
                           ]
@@ -18542,17 +18559,6 @@ var init_DashboardLayout = __esm({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ jsxs(
-                              Link,
-                              {
-                                to: "/settings",
-                                className: "flex items-center gap-2 px-4 py-2 text-sm text-foreground dark:text-foreground hover:bg-muted dark:hover:bg-muted",
-                                children: [
-                                  /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" }),
-                                  t("common.settings")
-                                ]
-                              }
-                            ),
                             /* @__PURE__ */ jsxs(
                               Button,
                               {
@@ -18577,7 +18583,7 @@ var init_DashboardLayout = __esm({
               )
             }
           ),
-          /* @__PURE__ */ jsx(Box, { as: "main", className: "p-4 sm:p-6 pb-20 sm:pb-6", children })
+          /* @__PURE__ */ jsx(Box, { as: "main", className: "p-4 sm:p-6", children })
         ] })
       ] });
     };

package/dist/runtime/index.cjs

@@ -18144,6 +18144,7 @@ var init_DashboardLayout = __esm({
     init_Typography();
     init_Icon();
     init_useAuthContext();
+    init_useEventBus();
     init_useTranslate();
     DashboardLayout = ({
       appName = "{{APP_TITLE}}",
@@ -18151,11 +18152,29 @@ var init_DashboardLayout = __esm({
       navItems = [],
       user: userProp,
       headerActions,
-      showSearch = true,
+      showSearch = false,
+      searchEvent,
+      onSearchSubmit,
+      notifications,
+      notificationClickEvent,
+      onNotificationClick,
+      showThemeToggle = true,
       sidebarFooter,
       onSignOut: onSignOutProp,
       children
     }) => {
+      const eventBus = useEventBus();
+      const searchEnabled = showSearch || Boolean(searchEvent) || Boolean(onSearchSubmit);
+      const notificationsEnabled = Array.isArray(notifications);
+      const unreadCount = notificationsEnabled ? notifications.filter((n) => n.read !== true).length : 0;
+      const handleSearchSubmit = (value) => {
+        if (searchEvent) eventBus.emit(`UI:${searchEvent}`, { value });
+        if (onSearchSubmit) onSearchSubmit(value);
+      };
+      const handleNotificationClick = () => {
+        if (notificationClickEvent) eventBus.emit(`UI:${notificationClickEvent}`, {});
+        if (onNotificationClick) onNotificationClick();
+      };
       const [sidebarOpen, setSidebarOpen] = React113.useState(false);
       const [userMenuOpen, setUserMenuOpen] = React113.useState(false);
       const location = reactRouterDom.useLocation();
@@ -18236,17 +18255,7 @@ var init_DashboardLayout = __esm({
                   ))
                 }
               ),
-              sidebarFooter || /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "p-4 border-t border-border dark:border-border", children: /* @__PURE__ */ jsxRuntime.jsxs(
-                reactRouterDom.Link,
-                {
-                  to: "/settings",
-                  className: "flex items-center gap-3 px-3 py-2 text-sm text-muted-foreground dark:text-muted-foreground rounded-lg hover:bg-muted dark:hover:bg-muted",
-                  children: [
-                    /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Settings, { className: "h-5 w-5" }),
-                    t("common.settings")
-                  ]
-                }
-              ) })
+              sidebarFooter && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "p-4 border-t border-border dark:border-border", children: sidebarFooter })
             ]
           }
         ),
@@ -18273,32 +18282,40 @@ var init_DashboardLayout = __esm({
                         children: /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Menu, { className: "h-5 w-5" })
                       }
                     ),
-                    showSearch && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "hidden sm:block flex-1 max-w-md", children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "relative", children: [
+                    searchEnabled && /* @__PURE__ */ jsxRuntime.jsx(Box, { className: "hidden sm:block flex-1 max-w-md", children: /* @__PURE__ */ jsxRuntime.jsxs(Box, { className: "relative", children: [
                       /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground dark:text-muted-foreground" }),
                       /* @__PURE__ */ jsxRuntime.jsx(
                         Input,
                         {
                           type: "search",
                           placeholder: t("common.search"),
-                          className: "pl-10 w-full"
+                          className: "pl-10 w-full",
+                          onKeyDown: (e) => {
+                            if (e.key === "Enter") {
+                              handleSearchSubmit(e.target.value);
+                            }
+                          }
                         }
                       )
                     ] }) }),
                     /* @__PURE__ */ jsxRuntime.jsxs(HStack, { align: "center", gap: "xs", children: [
                       headerActions,
-                      /* @__PURE__ */ jsxRuntime.jsx(ThemeToggle, {}),
-                      /* @__PURE__ */ jsxRuntime.jsxs(
+                      showThemeToggle && /* @__PURE__ */ jsxRuntime.jsx(ThemeToggle, {}),
+                      notificationsEnabled && /* @__PURE__ */ jsxRuntime.jsxs(
                         Button,
                         {
                           variant: "ghost",
                           className: "relative p-2 rounded-full hover:bg-muted dark:hover:bg-muted",
+                          onClick: handleNotificationClick,
+                          "aria-label": t("common.notifications"),
                           children: [
                             /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Bell, { className: "h-5 w-5 text-muted-foreground dark:text-muted-foreground" }),
-                            /* @__PURE__ */ jsxRuntime.jsx(
+                            unreadCount > 0 && /* @__PURE__ */ jsxRuntime.jsx(
                               Box,
                               {
                                 as: "span",
-                                className: "absolute top-1 right-1 w-2 h-2 bg-error rounded-full"
+                                className: "absolute -top-0.5 -right-0.5 min-w-[18px] h-[18px] px-1 bg-error rounded-full text-[10px] font-semibold text-white flex items-center justify-center",
+                                children: unreadCount > 99 ? "99+" : unreadCount
                               }
                             )
                           ]
@@ -18363,17 +18380,6 @@ var init_DashboardLayout = __esm({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ jsxRuntime.jsxs(
-                              reactRouterDom.Link,
-                              {
-                                to: "/settings",
-                                className: "flex items-center gap-2 px-4 py-2 text-sm text-foreground dark:text-foreground hover:bg-muted dark:hover:bg-muted",
-                                children: [
-                                  /* @__PURE__ */ jsxRuntime.jsx(LucideIcons.Settings, { className: "h-4 w-4" }),
-                                  t("common.settings")
-                                ]
-                              }
-                            ),
                             /* @__PURE__ */ jsxRuntime.jsxs(
                               Button,
                               {
@@ -18398,7 +18404,7 @@ var init_DashboardLayout = __esm({
               )
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(Box, { as: "main", className: "p-4 sm:p-6 pb-20 sm:pb-6", children })
+          /* @__PURE__ */ jsxRuntime.jsx(Box, { as: "main", className: "p-4 sm:p-6", children })
         ] })
       ] });
     };

package/dist/runtime/index.js

@@ -5,7 +5,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import * as LucideIcons from 'lucide-react';
-import { X, AlertTriangle, Info, AlertCircle, CheckCircle, Loader2, List, Printer, ChevronRight, ChevronLeft, Check, Copy, Code, FileText, WrapText, Trash2, Settings, Menu as Menu$1, Search, Bell, ChevronDown, LogOut, ZoomOut, ZoomIn, Download, FileQuestion, Inbox, XCircle, Filter, Plus, Pause, Play, RotateCcw, Package, Calendar, Pencil, Eye, MoreHorizontal, Image as Image$1, Upload, Minus, ArrowLeft, HelpCircle, ChevronUp, Eraser, Star, TrendingUp, TrendingDown, ArrowUp, ArrowDown, MoreVertical, Sun, Moon, Circle, Clock, CheckCircle2, ArrowRight, FileWarning, SkipForward, Bug, Send, Wrench, User, Tag, DollarSign, Zap, Sword, Move, Heart, Shield } from 'lucide-react';
+import { X, AlertTriangle, Info, AlertCircle, CheckCircle, Loader2, List, Printer, ChevronRight, ChevronLeft, Check, Copy, Code, FileText, WrapText, Trash2, Menu as Menu$1, Search, Bell, ChevronDown, LogOut, ZoomOut, ZoomIn, Download, FileQuestion, Inbox, XCircle, Filter, Plus, Pause, Play, RotateCcw, Package, Calendar, Pencil, Eye, MoreHorizontal, Image as Image$1, Upload, Minus, ArrowLeft, HelpCircle, ChevronUp, Eraser, Star, TrendingUp, TrendingDown, ArrowUp, ArrowDown, MoreVertical, Sun, Moon, Circle, Clock, CheckCircle2, ArrowRight, FileWarning, SkipForward, Bug, Send, Wrench, User, Tag, DollarSign, Zap, Sword, Move, Heart, Shield } from 'lucide-react';
 import { evaluate, createMinimalContext } from '@almadar/evaluator';
 import { useUISlots, UISlotProvider } from '@almadar/ui/context';
 import { getPatternDefinition, getComponentForPattern as getComponentForPattern$1 } from '@almadar/patterns';
@@ -18099,6 +18099,7 @@ var init_DashboardLayout = __esm({
     init_Typography();
     init_Icon();
     init_useAuthContext();
+    init_useEventBus();
     init_useTranslate();
     DashboardLayout = ({
       appName = "{{APP_TITLE}}",
@@ -18106,11 +18107,29 @@ var init_DashboardLayout = __esm({
       navItems = [],
       user: userProp,
       headerActions,
-      showSearch = true,
+      showSearch = false,
+      searchEvent,
+      onSearchSubmit,
+      notifications,
+      notificationClickEvent,
+      onNotificationClick,
+      showThemeToggle = true,
       sidebarFooter,
       onSignOut: onSignOutProp,
       children
     }) => {
+      const eventBus = useEventBus();
+      const searchEnabled = showSearch || Boolean(searchEvent) || Boolean(onSearchSubmit);
+      const notificationsEnabled = Array.isArray(notifications);
+      const unreadCount = notificationsEnabled ? notifications.filter((n) => n.read !== true).length : 0;
+      const handleSearchSubmit = (value) => {
+        if (searchEvent) eventBus.emit(`UI:${searchEvent}`, { value });
+        if (onSearchSubmit) onSearchSubmit(value);
+      };
+      const handleNotificationClick = () => {
+        if (notificationClickEvent) eventBus.emit(`UI:${notificationClickEvent}`, {});
+        if (onNotificationClick) onNotificationClick();
+      };
       const [sidebarOpen, setSidebarOpen] = useState(false);
       const [userMenuOpen, setUserMenuOpen] = useState(false);
       const location = useLocation();
@@ -18191,17 +18210,7 @@ var init_DashboardLayout = __esm({
                   ))
                 }
               ),
-              sidebarFooter || /* @__PURE__ */ jsx(Box, { className: "p-4 border-t border-border dark:border-border", children: /* @__PURE__ */ jsxs(
-                Link,
-                {
-                  to: "/settings",
-                  className: "flex items-center gap-3 px-3 py-2 text-sm text-muted-foreground dark:text-muted-foreground rounded-lg hover:bg-muted dark:hover:bg-muted",
-                  children: [
-                    /* @__PURE__ */ jsx(Settings, { className: "h-5 w-5" }),
-                    t("common.settings")
-                  ]
-                }
-              ) })
+              sidebarFooter && /* @__PURE__ */ jsx(Box, { className: "p-4 border-t border-border dark:border-border", children: sidebarFooter })
             ]
           }
         ),
@@ -18228,32 +18237,40 @@ var init_DashboardLayout = __esm({
                         children: /* @__PURE__ */ jsx(Menu$1, { className: "h-5 w-5" })
                       }
                     ),
-                    showSearch && /* @__PURE__ */ jsx(Box, { className: "hidden sm:block flex-1 max-w-md", children: /* @__PURE__ */ jsxs(Box, { className: "relative", children: [
+                    searchEnabled && /* @__PURE__ */ jsx(Box, { className: "hidden sm:block flex-1 max-w-md", children: /* @__PURE__ */ jsxs(Box, { className: "relative", children: [
                       /* @__PURE__ */ jsx(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground dark:text-muted-foreground" }),
                       /* @__PURE__ */ jsx(
                         Input,
                         {
                           type: "search",
                           placeholder: t("common.search"),
-                          className: "pl-10 w-full"
+                          className: "pl-10 w-full",
+                          onKeyDown: (e) => {
+                            if (e.key === "Enter") {
+                              handleSearchSubmit(e.target.value);
+                            }
+                          }
                         }
                       )
                     ] }) }),
                     /* @__PURE__ */ jsxs(HStack, { align: "center", gap: "xs", children: [
                       headerActions,
-                      /* @__PURE__ */ jsx(ThemeToggle, {}),
-                      /* @__PURE__ */ jsxs(
+                      showThemeToggle && /* @__PURE__ */ jsx(ThemeToggle, {}),
+                      notificationsEnabled && /* @__PURE__ */ jsxs(
                         Button,
                         {
                           variant: "ghost",
                           className: "relative p-2 rounded-full hover:bg-muted dark:hover:bg-muted",
+                          onClick: handleNotificationClick,
+                          "aria-label": t("common.notifications"),
                           children: [
                             /* @__PURE__ */ jsx(Bell, { className: "h-5 w-5 text-muted-foreground dark:text-muted-foreground" }),
-                            /* @__PURE__ */ jsx(
+                            unreadCount > 0 && /* @__PURE__ */ jsx(
                               Box,
                               {
                                 as: "span",
-                                className: "absolute top-1 right-1 w-2 h-2 bg-error rounded-full"
+                                className: "absolute -top-0.5 -right-0.5 min-w-[18px] h-[18px] px-1 bg-error rounded-full text-[10px] font-semibold text-white flex items-center justify-center",
+                                children: unreadCount > 99 ? "99+" : unreadCount
                               }
                             )
                           ]
@@ -18318,17 +18335,6 @@ var init_DashboardLayout = __esm({
                                 }
                               )
                             ] }),
-                            /* @__PURE__ */ jsxs(
-                              Link,
-                              {
-                                to: "/settings",
-                                className: "flex items-center gap-2 px-4 py-2 text-sm text-foreground dark:text-foreground hover:bg-muted dark:hover:bg-muted",
-                                children: [
-                                  /* @__PURE__ */ jsx(Settings, { className: "h-4 w-4" }),
-                                  t("common.settings")
-                                ]
-                              }
-                            ),
                             /* @__PURE__ */ jsxs(
                               Button,
                               {
@@ -18353,7 +18359,7 @@ var init_DashboardLayout = __esm({
               )
             }
           ),
-          /* @__PURE__ */ jsx(Box, { as: "main", className: "p-4 sm:p-6 pb-20 sm:pb-6", children })
+          /* @__PURE__ */ jsx(Box, { as: "main", className: "p-4 sm:p-6", children })
         ] })
       ] });
     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "4.22.3",
+  "version": "4.23.0",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "main": "./dist/components/index.js",