@asteby/metacore-notifications 23.0.1 → 24.0.1

package/README.md

@@ -1,7 +1,7 @@
 # @asteby/metacore-notifications
 
-Metacore notifications kit — a drop-in bell-icon dropdown, app-badge hook
-(Badging API) and WebSocket integration for real-time push updates.
+Bell dropdown, **unified toast**, dynamic Lucide icons / severity colors /
+module chips, and live ingest over **SSE** (preferred) or WebSocket.
 
 ## Install
 
@@ -11,76 +11,51 @@ pnpm add @asteby/metacore-notifications \
   date-fns lucide-react sonner @tanstack/react-query react react-dom
 ```
 
-This package declares its UI, WebSocket, date, icon and toast libraries as
-`peerDependencies` — the consumer installs them once at the app level.
-
-## Usage
+## Boot (host app)
 
 ```tsx
-import { NotificationsDropdown } from '@asteby/metacore-notifications/dropdown'
-import { WebSocketProvider } from '@asteby/metacore-websocket/provider'
-import { api } from '@/lib/api' // your injected axios-compatible client
-import { useNavigate } from '@tanstack/react-router'
-
-export function Header() {
-  const navigate = useNavigate()
-  return (
-    <WebSocketProvider url="wss://api.example.com/ws" getToken={getToken}>
-      <NotificationsDropdown
-        apiClient={api}
-        apiBasePath="/data/notifications/me"
-        enableBadge
-        onNotificationClick={(n) => {
-          if (n.link) navigate({ to: n.link })
-          else if (n.conversation_id)
-            navigate({ to: '/chats', search: { id: n.conversation_id } })
-        }}
-      />
-    </WebSocketProvider>
-  )
-}
-```
-
-`apiBasePath` lets each host application point at its own notifications endpoint, for example:
-
-- `"/data/notifications/me"`
-- `"/dynamic/notifications/me"`
+import { installUnifiedToasts, registerModuleLabel } from '@asteby/metacore-notifications'
 
-## Props
-
-| Prop                       | Type                                      | Default  | Notes |
-|----------------------------|-------------------------------------------|----------|-------|
-| `apiClient`                | `NotificationsApiClient` (axios-compatible) | —      | Never imported as a singleton — inject it. |
-| `apiBasePath`              | `string`                                  | —        | e.g. `/data/notifications/me`. |
-| `enableBadge`              | `boolean`                                 | `true`   | Drives `navigator.setAppBadge()`. |
-| `onNotificationClick`      | `(n: NotificationItem) => void`           | —        | Navigate however you like. |
-| `perPage`                  | `number`                                  | `20`     | Initial fetch size. |
-| `locale`                   | `date-fns` `Locale`                       | `es`     | Used by `formatDistanceToNow`. |
-| `labels`                   | `Partial<NotificationsDropdownLabels>`    | —        | i18n overrides. |
-| `subscribeToNotifications` | `(onMessage) => void \| () => void`       | —        | Bring-your-own subscription (skips `useWebSocketMessage`). |
+installUnifiedToasts() // every toast.success/info/… → same card as the bell
+registerModuleLabel('team_chat', 'Equipo') // optional extra chips
+```
 
-## Hooks
+## Dropdown + SSE
 
-```ts
-import { useAppBadge, useNotifications } from '@asteby/metacore-notifications/hooks'
+```tsx
+import { NotificationsDropdown } from '@asteby/metacore-notifications'
+
+<NotificationsDropdown
+  apiClient={api}
+  apiBasePath="/data/notifications/me"
+  sseUrl="/api/notifications/stream"
+  sseAccessToken={accessToken}
+  preferSse
+  showToastOnIngest
+  onNotificationClick={(n) => n.link && navigate({ to: n.link })}
+/>
 ```
 
-- `useAppBadge()` → `{ badgeCount, setBadge, clearBadge }` — wraps the
-  PWA Badging API with a no-op fallback.
-- `useNotifications()` → `{ permission, isSupported, requestPermission,
-  isGranted, isDenied, isDefault }` — tracks the browser's
-  `Notification.permission` state.
+### Live transports
+
+| Prop | Role |
+|------|------|
+| `sseUrl` | `EventSource` to host SSE (`event: notification`) |
+| `subscribeToNotifications` | Bring-your-own bus (team-chat bridge, etc.) |
+| built-in WS | Used when neither SSE-prefer nor custom subscribe is set |
 
-## API contract
+### Visual contract (payload / metadata)
 
-The component expects the injected HTTP client to behave like axios:
+- `icon` — Lucide kebab name (`shopping-cart`, `clipboard-list`, …)
+- `type` — `info` \| `success` \| `warning` \| `error` → default colors
+- `metadata.addon_key` / `apartado` — module chip (Inventario, Almacén, POS, …)
+- `metadata.color` — optional CSS/hex override for the icon disc
 
-- `GET {apiBasePath}` with query `{ orderBy, orderDir, per_page }`
-  returning `{ data: { data: NotificationItem[] } }`.
-- `PATCH {apiBasePath}/{id}` with body `{ is_read: true }`.
+## API
 
-WebSocket messages are expected under the discriminator `type: 'NOTIFICATION'`
-with a payload shaped like `NotificationWsPayload`.
+- `GET {apiBasePath}` → `{ data: NotificationItem[] }`
+- `PATCH {apiBasePath}/{id}` `{ is_read: true }`
+- `GET /api/notifications/stream` — SSE (`?access_token=` for EventSource)
 
 ## License
 

package/dist/dropdown.d.ts

@@ -1,14 +1,7 @@
 import type { NotificationsDropdownProps } from './types';
 /**
- * Bell-icon dropdown that lists the authenticated user's notifications,
- * marks them read, shows an unread counter (and optional PWA app badge),
- * and streams new items pushed over WebSocket under the `NOTIFICATION`
- * message type.
- *
- * This component is transport-agnostic: the HTTP client is injected via
- * `apiClient`. The collection base path is injected via `apiBasePath` —
- * the component fetches `GET {apiBasePath}?orderBy=created_at&...` and
- * mutates items via `PATCH {apiBasePath}/{id}`.
+ * Bell-icon dropdown: REST list + live ingest (SSE preferred, WebSocket
+ * fallback) + optional canonical card toast on every new item.
  */
-export declare function NotificationsDropdown({ apiClient, apiBasePath, enableBadge, onNotificationClick, perPage, locale, labels: labelsOverride, resolveImageUrl, subscribeToNotifications, }: NotificationsDropdownProps): import("react").JSX.Element;
+export declare function NotificationsDropdown({ apiClient, apiBasePath, enableBadge, onNotificationClick, perPage, locale, labels: labelsOverride, resolveImageUrl, subscribeToNotifications, sseUrl, sseAccessToken, preferSse, showToastOnIngest, }: NotificationsDropdownProps): import("react").JSX.Element;
 //# sourceMappingURL=dropdown.d.ts.map

package/dist/dropdown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../src/dropdown.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAIV,0BAA0B,EAC3B,MAAM,SAAS,CAAA;AA0GhB;;;;;;;;;;GAUG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,WAAW,EACX,WAAkB,EAClB,mBAAmB,EACnB,OAAY,EACZ,MAAW,EACX,MAAM,EAAE,cAAc,EACtB,eAAe,EACf,wBAAwB,GACzB,EAAE,0BAA0B,+BAiL5B"}
+{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../src/dropdown.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAIV,0BAA0B,EAC3B,MAAM,SAAS,CAAA;AAuBhB;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,EACpC,SAAS,EACT,WAAW,EACX,WAAkB,EAClB,mBAAmB,EACnB,OAAY,EACZ,MAAW,EACX,MAAM,EAAE,cAAc,EACtB,eAAe,EACf,wBAAwB,EACxB,MAAM,EACN,cAAc,EACd,SAAS,EACT,iBAAwB,GACzB,EAAE,0BAA0B,+BA+L5B"}

package/dist/dropdown.js

@@ -7,11 +7,9 @@ import { formatDistanceToNow } from 'date-fns';
 import { es } from 'date-fns/locale';
 import { toast } from 'sonner';
 import { useAppBadge } from './hooks';
-/** Convert kebab-case to PascalCase ("message-circle" -> "MessageCircle"). */
-const toPascalCase = (str) => str
-    .split('-')
-    .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
-    .join('');
+import { subscribeNotificationSSE } from './sse';
+import { showNotificationToast } from './toast';
+import { moduleLabelFromMeta, parseNotificationMeta, resolveNotificationIcon, resolveNotificationTone, } from './visual';
 const DEFAULT_LABELS = {
     title: 'Notificaciones',
     newBadge: (count) => `${count} nuevas`,
@@ -25,93 +23,17 @@ const DEFAULT_LABELS = {
     permissionRequired: 'Permisos requeridos',
     srLabel: 'Notificaciones',
 };
-const getIconFor = (notification) => {
-    if (notification.icon) {
-        const pascalName = toPascalCase(notification.icon);
-        const DynamicIcon = LucideIcons[pascalName];
-        if (DynamicIcon)
-            return DynamicIcon;
-    }
-    switch (notification.type) {
-        case 'warning':
-            return LucideIcons.AlertTriangle;
-        case 'success':
-            return LucideIcons.CheckCircle2;
-        case 'error':
-            return LucideIcons.XCircle;
-        case 'info':
-        default:
-            return LucideIcons.Info;
-    }
-};
-const getStyle = (type) => {
-    switch (type) {
-        case 'warning':
-            return 'bg-amber-500 text-white';
-        case 'success':
-            return 'bg-emerald-500 text-white';
-        case 'error':
-            return 'bg-red-500 text-white';
-        case 'info':
-        default:
-            return 'bg-violet-600 text-white';
-    }
-};
-const getRowAccent = (type) => {
-    switch (type) {
-        case 'warning':
-            return 'border-l-amber-500';
-        case 'success':
-            return 'border-l-emerald-500';
-        case 'error':
-            return 'border-l-red-500';
-        case 'info':
-        default:
-            return 'border-l-violet-500';
-    }
-};
-function parseMeta(raw) {
-    if (!raw)
-        return {};
-    try {
-        const v = typeof raw === 'string' ? JSON.parse(raw) : raw;
-        return (v && typeof v === 'object' ? v : {});
-    }
-    catch {
-        return {};
-    }
-}
-function moduleLabel(meta) {
-    const key = (meta.addon_key || '').trim();
-    const map = {
-        inventory: 'Inventario',
-        warehouse: 'Almacén',
-        customers: 'Clientes',
-        pos: 'POS',
-        fiscal_mexico: 'Fiscal',
-        workshop: 'Taller',
-        accounting_lite: 'Contabilidad',
-    };
-    return map[key] || (key ? key.replace(/_/g, ' ') : '');
-}
 /**
- * Bell-icon dropdown that lists the authenticated user's notifications,
- * marks them read, shows an unread counter (and optional PWA app badge),
- * and streams new items pushed over WebSocket under the `NOTIFICATION`
- * message type.
- *
- * This component is transport-agnostic: the HTTP client is injected via
- * `apiClient`. The collection base path is injected via `apiBasePath` —
- * the component fetches `GET {apiBasePath}?orderBy=created_at&...` and
- * mutates items via `PATCH {apiBasePath}/{id}`.
+ * Bell-icon dropdown: REST list + live ingest (SSE preferred, WebSocket
+ * fallback) + optional canonical card toast on every new item.
  */
-export function NotificationsDropdown({ apiClient, apiBasePath, enableBadge = true, onNotificationClick, perPage = 20, locale = es, labels: labelsOverride, resolveImageUrl, subscribeToNotifications, }) {
+export function NotificationsDropdown({ apiClient, apiBasePath, enableBadge = true, onNotificationClick, perPage = 20, locale = es, labels: labelsOverride, resolveImageUrl, subscribeToNotifications, sseUrl, sseAccessToken, preferSse, showToastOnIngest = true, }) {
     const labels = useMemo(() => ({ ...DEFAULT_LABELS, ...labelsOverride }), [labelsOverride]);
     const [notifications, setNotifications] = useState([]);
     const [unreadCount, setUnreadCount] = useState(0);
     const [, setLoading] = useState(false);
     const { setBadge } = useAppBadge();
-    // Keep fetch callbacks stable across apiClient / basePath changes.
+    const seenIdsRef = useRef(new Set());
     const apiClientRef = useRef(apiClient);
     apiClientRef.current = apiClient;
     const basePathRef = useRef(apiBasePath);
@@ -134,6 +56,7 @@ export function NotificationsDropdown({ apiClient, apiBasePath, enableBadge = tr
             const items = response.data?.data ?? [];
             setNotifications(items);
             setUnreadCount(items.filter((n) => !n.is_read).length);
+            seenIdsRef.current = new Set(items.map((n) => n.id));
         }
         catch (error) {
             // eslint-disable-next-line no-console
@@ -146,12 +69,28 @@ export function NotificationsDropdown({ apiClient, apiBasePath, enableBadge = tr
     useEffect(() => {
         fetchNotifications();
     }, [fetchNotifications, apiBasePath]);
-    // Normalise an incoming WS payload + prepend it to the list.
     const ingestWsPayload = useCallback((payload) => {
-        const newNotification = {
-            id: payload.id || (typeof crypto !== 'undefined' && 'randomUUID' in crypto
+        const id = payload.id ||
+            (typeof crypto !== 'undefined' && 'randomUUID' in crypto
                 ? crypto.randomUUID()
-                : `${Date.now()}-${Math.random()}`),
+                : `${Date.now()}-${Math.random()}`);
+        if (seenIdsRef.current.has(id))
+            return;
+        seenIdsRef.current.add(id);
+        const metaObj = typeof payload.metadata === 'object' && payload.metadata
+            ? { ...payload.metadata }
+            : parseNotificationMeta(typeof payload.metadata === 'string' ? payload.metadata : undefined);
+        if (payload.addon_key)
+            metaObj.addon_key = payload.addon_key;
+        if (payload.apartado)
+            metaObj.apartado = payload.apartado;
+        if (payload.color)
+            metaObj.color = payload.color;
+        const metadataStr = typeof payload.metadata === 'string'
+            ? payload.metadata
+            : JSON.stringify(metaObj);
+        const newNotification = {
+            id,
             title: payload.title,
             message: payload.body || payload.message || payload.description || '',
             type: payload.type || 'info',
@@ -160,20 +99,38 @@ export function NotificationsDropdown({ apiClient, apiBasePath, enableBadge = tr
             link: payload.link,
             icon: payload.icon,
             image: payload.image,
-            metadata: payload.metadata,
+            metadata: metadataStr,
             conversation_id: payload.conversation_id,
         };
         setNotifications((prev) => [newNotification, ...prev]);
         setUnreadCount((prev) => prev + 1);
+        if (showToastOnIngest) {
+            showNotificationToast({
+                title: payload.title,
+                body: payload.body || payload.message || payload.description,
+                type: payload.type || 'info',
+                icon: payload.icon,
+                image: payload.image,
+                apartado: payload.apartado,
+                addonKey: payload.addon_key || metaObj.addon_key,
+                metadata: metaObj,
+                onClick: () => {
+                    if (onNotificationClick)
+                        onNotificationClick(newNotification);
+                    else if (payload.link?.startsWith('http'))
+                        window.open(payload.link, '_blank');
+                },
+            });
+        }
         if (typeof window !== 'undefined' &&
             'Notification' in window &&
             Notification.permission !== 'granted') {
             window.dispatchEvent(new CustomEvent('show-notification-prompt'));
         }
-    }, []);
-    // WebSocket wiring: use provided hook unless caller supplies a custom
-    // subscription. We always run one of the two branches exactly once.
+    }, [showToastOnIngest, onNotificationClick]);
     const useCustomSubscription = Boolean(subscribeToNotifications);
+    const useSse = Boolean(sseUrl);
+    const skipBuiltInWs = useCustomSubscription || (useSse && preferSse !== false);
     useEffect(() => {
         if (!useCustomSubscription || !subscribeToNotifications)
             return;
@@ -183,36 +140,17 @@ export function NotificationsDropdown({ apiClient, apiBasePath, enableBadge = tr
                 unsub();
         };
     }, [useCustomSubscription, subscribeToNotifications, ingestWsPayload]);
-    // Hooks must be called unconditionally. When the caller overrides the
-    // subscription we still call `useWebSocketMessage` but with a no-op —
-    // this requires a provider in context even when unused, so we skip it
-    // entirely via a separate component when override is present.
-    return useCustomSubscription ? (_jsx(DropdownShell, { labels: labels, locale: locale, notifications: notifications, unreadCount: unreadCount, resolveImageUrl: resolveImageUrl, onMarkAsRead: async (id) => {
-            setNotifications((prev) => prev.map((n) => (n.id === id ? { ...n, is_read: true } : n)));
-            setUnreadCount((prev) => Math.max(0, prev - 1));
-            try {
-                await apiClientRef.current.patch(`${basePathRef.current}/${id}`, {
-                    is_read: true,
-                });
-            }
-            catch (error) {
-                // eslint-disable-next-line no-console
-                console.error('Failed to mark notification as read:', error);
-            }
-        }, onMarkAllAsRead: async () => {
-            const unreadIds = notifications.filter((n) => !n.is_read).map((n) => n.id);
-            setNotifications((prev) => prev.map((n) => ({ ...n, is_read: true })));
-            setUnreadCount(0);
-            try {
-                await Promise.all(unreadIds.map((id) => apiClientRef.current.patch(`${basePathRef.current}/${id}`, {
-                    is_read: true,
-                })));
-            }
-            catch (error) {
-                // eslint-disable-next-line no-console
-                console.error('Failed to mark all as read:', error);
-            }
-        }, onNotificationClick: onNotificationClick })) : (_jsx(DropdownWithWebSocket, { labels: labels, locale: locale, notifications: notifications, unreadCount: unreadCount, resolveImageUrl: resolveImageUrl, ingestWsPayload: ingestWsPayload, onMarkAsRead: async (id) => {
+    useEffect(() => {
+        if (!useSse || !sseUrl)
+            return;
+        return subscribeNotificationSSE({
+            url: sseUrl,
+            accessToken: sseAccessToken,
+            onMessage: ingestWsPayload,
+        });
+    }, [useSse, sseUrl, sseAccessToken, ingestWsPayload]);
+    const markHandlers = {
+        onMarkAsRead: async (id) => {
             setNotifications((prev) => prev.map((n) => (n.id === id ? { ...n, is_read: true } : n)));
             setUnreadCount((prev) => Math.max(0, prev - 1));
             try {
@@ -224,7 +162,8 @@ export function NotificationsDropdown({ apiClient, apiBasePath, enableBadge = tr
                 // eslint-disable-next-line no-console
                 console.error('Failed to mark notification as read:', error);
             }
-        }, onMarkAllAsRead: async () => {
+        },
+        onMarkAllAsRead: async () => {
             const unreadIds = notifications.filter((n) => !n.is_read).map((n) => n.id);
             setNotifications((prev) => prev.map((n) => ({ ...n, is_read: true })));
             setUnreadCount(0);
@@ -237,7 +176,18 @@ export function NotificationsDropdown({ apiClient, apiBasePath, enableBadge = tr
                 // eslint-disable-next-line no-console
                 console.error('Failed to mark all as read:', error);
             }
-        }, onNotificationClick: onNotificationClick }));
+        },
+    };
+    const shellProps = {
+        labels,
+        locale,
+        notifications,
+        unreadCount,
+        resolveImageUrl,
+        onNotificationClick,
+        ...markHandlers,
+    };
+    return skipBuiltInWs ? (_jsx(DropdownShell, { ...shellProps })) : (_jsx(DropdownWithWebSocket, { ingestWsPayload: ingestWsPayload, ...shellProps }));
 }
 function DropdownWithWebSocket({ ingestWsPayload, ...rest }) {
     useWebSocketMessage('NOTIFICATION', (message) => {
@@ -252,12 +202,13 @@ function DropdownShell({ labels, locale, notifications, unreadCount, resolveImag
         ? Notification.permission
         : null;
     return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsxs(Button, { variant: 'ghost', size: 'icon', className: 'relative', children: [notificationApiAvailable && permission !== 'granted' ? (_jsxs("div", { className: 'relative', children: [_jsx(LucideIcons.BellOff, { className: 'h-[1.2rem] w-[1.2rem] text-muted-foreground' }), permission === 'default' && (_jsx("span", { className: 'absolute -top-1 -right-1 h-2.5 w-2.5 rounded-full bg-yellow-500 ring-2 ring-background', title: labels.permissionRequired }))] })) : (_jsx(LucideIcons.Bell, { className: 'h-[1.2rem] w-[1.2rem] text-foreground' })), unreadCount > 0 && (_jsxs("span", { className: 'absolute -top-1 -right-1 flex h-5 min-w-5 items-center justify-center rounded-full bg-primary px-1 text-[10px] font-bold text-primary-foreground shadow-sm ring-2 ring-background', children: [unreadCount, _jsx("span", { className: 'animate-ping absolute inline-flex h-full w-full rounded-full bg-primary opacity-75' })] })), _jsx("span", { className: 'sr-only', children: labels.srLabel })] }) }), _jsxs(DropdownMenuContent, { className: 'w-85 sm:w-96 p-0', align: 'end', forceMount: true, children: [_jsx(DropdownMenuLabel, { className: 'p-4 font-normal border-b', children: _jsxs("div", { className: 'flex items-center justify-between', children: [_jsx("p", { className: 'text-sm font-semibold', children: labels.title }), unreadCount > 0 && (_jsx("span", { className: 'rounded-full bg-primary/10 px-2 py-0.5 text-xs font-medium text-primary', children: labels.newBadge(unreadCount) }))] }) }), _jsx(DropdownMenuGroup, { className: 'max-h-[350px] overflow-y-auto', children: notifications.length === 0 ? (_jsx("div", { className: 'p-8 text-center text-muted-foreground text-sm', children: labels.empty })) : (notifications.map((notification) => {
-                            const Icon = getIconFor(notification);
-                            const meta = parseMeta(notification.metadata);
-                            const mod = moduleLabel(meta);
-                            return (_jsx(DropdownMenuItem, { className: `cursor-pointer p-3 sm:p-4 focus:bg-muted/50 data-[state=open]:bg-muted/50 border-l-2 ${getRowAccent(notification.type)} ${!notification.is_read ? 'bg-primary/[0.03]' : ''}`, onClick: () => {
+                            const meta = parseNotificationMeta(notification.metadata);
+                            const Icon = resolveNotificationIcon(notification.icon, notification.type);
+                            const tone = resolveNotificationTone(notification.type, meta);
+                            const mod = moduleLabelFromMeta(meta);
+                            return (_jsx(DropdownMenuItem, { className: `cursor-pointer border-l-2 p-3 focus:bg-muted/50 data-[state=open]:bg-muted/50 sm:p-4 ${tone.rowAccentClass} ${!notification.is_read ? 'bg-primary/[0.03]' : ''}`, onClick: () => {
                                     if (!notification.is_read)
-                                        onMarkAsRead(notification.id);
+                                        void onMarkAsRead(notification.id);
                                     if (onNotificationClick) {
                                         onNotificationClick(notification);
                                     }
@@ -265,11 +216,11 @@ function DropdownShell({ labels, locale, notifications, unreadCount, resolveImag
                                         notification.link.startsWith('http')) {
                                         window.open(notification.link, '_blank');
                                     }
-                                }, children: _jsxs("div", { className: 'flex items-start gap-3 w-full', children: [_jsx(NotificationAvatar, { notification: notification, Icon: Icon, resolveImageUrl: resolveImageUrl }), _jsxs("div", { className: 'flex flex-col gap-1.5 w-full min-w-0', children: [_jsxs("div", { className: 'flex items-center justify-between gap-2', children: [_jsx("p", { className: `text-sm leading-snug truncate ${!notification.is_read ? 'font-semibold text-foreground' : 'font-medium text-foreground/80'}`, children: notification.title }), _jsx("span", { className: 'text-[10px] text-muted-foreground whitespace-nowrap shrink-0', children: formatDistanceToNow(new Date(notification.created_at), {
+                                }, children: _jsxs("div", { className: 'flex w-full items-start gap-3', children: [_jsx(NotificationAvatar, { notification: notification, Icon: Icon, toneClass: tone.iconClass, customColor: tone.customColor, resolveImageUrl: resolveImageUrl }), _jsxs("div", { className: 'flex min-w-0 w-full flex-col gap-1.5', children: [_jsxs("div", { className: 'flex items-center justify-between gap-2', children: [_jsx("p", { className: `truncate text-sm leading-snug ${!notification.is_read ? 'font-semibold text-foreground' : 'font-medium text-foreground/80'}`, children: notification.title }), _jsx("span", { className: 'shrink-0 whitespace-nowrap text-[10px] text-muted-foreground', children: formatDistanceToNow(new Date(notification.created_at), {
                                                                 addSuffix: true,
                                                                 locale,
-                                                            }) })] }), notification.message ? (_jsx("p", { className: 'text-xs text-muted-foreground line-clamp-2 leading-relaxed', children: notification.message })) : null, mod ? (_jsx("div", { className: 'flex items-center gap-1.5 pt-0.5', children: _jsx("span", { className: 'inline-flex items-center rounded-md bg-muted px-1.5 py-0.5 text-[10px] font-medium text-muted-foreground capitalize', children: mod }) })) : null] }), !notification.is_read && (_jsx("div", { className: 'self-center shrink-0', children: _jsx("div", { className: 'h-2 w-2 rounded-full bg-primary shadow-sm' }) }))] }) }, notification.id));
-                        })) }), notifications.length > 0 && (_jsx("div", { className: 'p-2 border-t bg-muted/20', children: _jsx(Button, { variant: 'ghost', size: 'sm', className: 'w-full text-xs h-8', onClick: () => void onMarkAllAsRead(), children: labels.markAllAsRead }) })), notificationApiAvailable && permission !== 'granted' && (_jsx("div", { className: 'p-2 border-t bg-muted/20', children: _jsxs(Button, { variant: 'outline', size: 'sm', className: 'w-full text-xs h-8 gap-2 bg-primary/10 hover:bg-primary/20 text-primary border-primary/20', onClick: async () => {
+                                                            }) })] }), notification.message ? (_jsx("p", { className: 'line-clamp-2 text-xs leading-relaxed text-muted-foreground', children: notification.message })) : null, mod ? (_jsx("div", { className: 'flex items-center gap-1.5 pt-0.5', children: _jsx("span", { className: 'inline-flex items-center rounded-md bg-muted px-1.5 py-0.5 text-[10px] font-medium capitalize text-muted-foreground', children: mod }) })) : null] }), !notification.is_read && (_jsx("div", { className: 'shrink-0 self-center', children: _jsx("div", { className: 'h-2 w-2 rounded-full bg-primary shadow-sm' }) }))] }) }, notification.id));
+                        })) }), notifications.length > 0 && (_jsx("div", { className: 'border-t bg-muted/20 p-2', children: _jsx(Button, { variant: 'ghost', size: 'sm', className: 'h-8 w-full text-xs', onClick: () => void onMarkAllAsRead(), children: labels.markAllAsRead }) })), notificationApiAvailable && permission !== 'granted' && (_jsx("div", { className: 'border-t bg-muted/20 p-2', children: _jsxs(Button, { variant: 'outline', size: 'sm', className: 'h-8 w-full gap-2 border-primary/20 bg-primary/10 text-xs text-primary hover:bg-primary/20', onClick: async () => {
                                 try {
                                     const next = await Notification.requestPermission();
                                     if (next === 'granted') {
@@ -287,15 +238,14 @@ function DropdownShell({ labels, locale, notifications, unreadCount, resolveImag
                                 }
                             }, children: [_jsx(LucideIcons.BellRing, { className: 'h-3 w-3' }), labels.enableNotifications] }) }))] })] }));
 }
-/** Avatar + type badge. Resolves storage paths and falls back if the image 404s. */
-function NotificationAvatar({ notification, Icon, resolveImageUrl, }) {
+function NotificationAvatar({ notification, Icon, toneClass, customColor, resolveImageUrl, }) {
     const [failed, setFailed] = useState(false);
     const raw = (notification.image || '').trim();
     const resolved = raw && !failed ? (resolveImageUrl ? resolveImageUrl(raw) : raw) : '';
     const showPhoto = Boolean(resolved);
     if (showPhoto) {
-        return (_jsxs("div", { className: 'relative shrink-0', children: [_jsx("img", { src: resolved, alt: '', className: 'h-10 w-10 rounded-full object-cover border border-muted/40 shadow-sm', onError: () => setFailed(true) }), _jsx("div", { className: 'absolute -bottom-1 -right-1 flex size-6 items-center justify-center rounded-full bg-background p-1 text-primary shadow-sm ring-1 ring-border', children: _jsx(Icon, { className: 'size-3.5 text-current', strokeWidth: 2.25 }) })] }));
+        return (_jsxs("div", { className: 'relative shrink-0', children: [_jsx("img", { src: resolved, alt: '', className: 'h-10 w-10 rounded-full border border-muted/40 object-cover shadow-sm', onError: () => setFailed(true) }), _jsx("div", { className: 'absolute -bottom-1 -right-1 flex size-6 items-center justify-center rounded-full bg-background p-1 text-primary shadow-sm ring-1 ring-border', children: _jsx(Icon, { className: 'size-3.5 text-current', strokeWidth: 2.25 }) })] }));
     }
-    return (_jsx("div", { className: `flex h-10 w-10 shrink-0 items-center justify-center rounded-full shadow-sm ring-1 ring-inset ring-black/5 ${getStyle(notification.type)}`, children: _jsx(Icon, { className: 'h-5 w-5 text-white', strokeWidth: 2.5 }) }));
+    return (_jsx("div", { className: `flex h-10 w-10 shrink-0 items-center justify-center rounded-full shadow-sm ring-1 ring-inset ring-black/5 ${toneClass}`, style: customColor ? { backgroundColor: customColor, color: '#fff' } : undefined, children: _jsx(Icon, { className: 'h-5 w-5', strokeWidth: 2.5 }) }));
 }
 //# sourceMappingURL=dropdown.js.map

package/dist/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../src/dropdown.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"dropdown.js","sourceRoot":"","sources":["../src/dropdown.tsx"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -1,4 +1,7 @@
 export { NotificationsDropdown } from './dropdown';
 export { useAppBadge, useNotifications } from './hooks';
+export { showNotificationToast, installUnifiedToasts, type ShowNotificationToastOptions, } from './toast';
+export { subscribeNotificationSSE, useNotificationSSE, type NotificationStreamOptions, } from './sse';
+export { resolveNotificationVisual, resolveNotificationIcon, resolveNotificationTone, moduleLabelFromMeta, parseNotificationMeta, registerModuleLabel, toPascalCase, type NotificationMeta, type NotificationTone, } from './visual';
 export type { NotificationItem, NotificationType, NotificationsApiClient, NotificationWsPayload, NotificationsDropdownLabels, NotificationsDropdownProps, } from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AACvD,YAAY,EACV,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,EACtB,qBAAqB,EACrB,2BAA2B,EAC3B,0BAA0B,GAC3B,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AACvD,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,KAAK,4BAA4B,GAClC,MAAM,SAAS,CAAA;AAChB,OAAO,EACL,wBAAwB,EACxB,kBAAkB,EAClB,KAAK,yBAAyB,GAC/B,MAAM,OAAO,CAAA;AACd,OAAO,EACL,yBAAyB,EACzB,uBAAuB,EACvB,uBAAuB,EACvB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,YAAY,EACZ,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,GACtB,MAAM,UAAU,CAAA;AACjB,YAAY,EACV,gBAAgB,EAChB,gBAAgB,EAChB,sBAAsB,EACtB,qBAAqB,EACrB,2BAA2B,EAC3B,0BAA0B,GAC3B,MAAM,SAAS,CAAA"}

package/dist/index.js

@@ -1,3 +1,6 @@
 export { NotificationsDropdown } from './dropdown';
 export { useAppBadge, useNotifications } from './hooks';
+export { showNotificationToast, installUnifiedToasts, } from './toast';
+export { subscribeNotificationSSE, useNotificationSSE, } from './sse';
+export { resolveNotificationVisual, resolveNotificationIcon, resolveNotificationTone, moduleLabelFromMeta, parseNotificationMeta, registerModuleLabel, toPascalCase, } from './visual';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AACvD,OAAO,EACL,qBAAqB,EACrB,oBAAoB,GAErB,MAAM,SAAS,CAAA;AAChB,OAAO,EACL,wBAAwB,EACxB,kBAAkB,GAEnB,MAAM,OAAO,CAAA;AACd,OAAO,EACL,yBAAyB,EACzB,uBAAuB,EACvB,uBAAuB,EACvB,mBAAmB,EACnB,qBAAqB,EACrB,mBAAmB,EACnB,YAAY,GAGb,MAAM,UAAU,CAAA"}

package/dist/sse.d.ts

@@ -0,0 +1,26 @@
+import type { NotificationWsPayload } from './types';
+export type NotificationStreamOptions = {
+    /** Absolute or same-origin URL, e.g. `/api/notifications/stream` */
+    url: string;
+    /** Bearer token (EventSource cannot set headers — pass as `?access_token=` if needed). */
+    accessToken?: string | null;
+    /** Called for every `notification` SSE event (and unnamed events with JSON body). */
+    onMessage: (payload: NotificationWsPayload) => void;
+    /** Optional Last-Event-ID resume cursor (notification id / sequence). */
+    lastEventId?: string | null;
+    enabled?: boolean;
+};
+/**
+ * Subscribe to the host's SSE notification stream (`text/event-stream`).
+ * Prefer this over WebSocket for bell fan-out: auto-reconnect, Last-Event-ID,
+ * and no socket multiplexing with chat/presence.
+ *
+ * Returns an unsubscribe function. No-ops when `EventSource` is unavailable.
+ */
+export declare function subscribeNotificationSSE(opts: NotificationStreamOptions): () => void;
+/**
+ * React helper: open SSE for the lifetime of the component.
+ * Prefer passing a stable `onMessage` (useCallback).
+ */
+export declare function useNotificationSSE(opts: NotificationStreamOptions): void;
+//# sourceMappingURL=sse.d.ts.map

package/dist/sse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sse.d.ts","sourceRoot":"","sources":["../src/sse.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEpD,MAAM,MAAM,yBAAyB,GAAG;IACtC,oEAAoE;IACpE,GAAG,EAAE,MAAM,CAAA;IACX,0FAA0F;IAC1F,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,qFAAqF;IACrF,SAAS,EAAE,CAAC,OAAO,EAAE,qBAAqB,KAAK,IAAI,CAAA;IACnD,yEAAyE;IACzE,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AASD;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CACtC,IAAI,EAAE,yBAAyB,GAC9B,MAAM,IAAI,CAgCZ;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,yBAAyB,GAAG,IAAI,CAWxE"}

package/dist/sse.js

@@ -0,0 +1,64 @@
+import { useEffect, useRef } from 'react';
+function buildUrl(base, accessToken, lastEventId) {
+    const u = new URL(base, typeof window !== 'undefined' ? window.location.origin : 'http://local');
+    if (accessToken)
+        u.searchParams.set('access_token', accessToken);
+    if (lastEventId)
+        u.searchParams.set('last_event_id', lastEventId);
+    return u.pathname + u.search;
+}
+/**
+ * Subscribe to the host's SSE notification stream (`text/event-stream`).
+ * Prefer this over WebSocket for bell fan-out: auto-reconnect, Last-Event-ID,
+ * and no socket multiplexing with chat/presence.
+ *
+ * Returns an unsubscribe function. No-ops when `EventSource` is unavailable.
+ */
+export function subscribeNotificationSSE(opts) {
+    if (typeof window === 'undefined' || typeof EventSource === 'undefined') {
+        return () => { };
+    }
+    if (opts.enabled === false || !opts.url)
+        return () => { };
+    const url = buildUrl(opts.url, opts.accessToken, opts.lastEventId);
+    const es = new EventSource(url, { withCredentials: true });
+    const handle = (ev) => {
+        try {
+            const data = typeof ev.data === 'string' ? JSON.parse(ev.data) : ev.data;
+            if (!data || typeof data !== 'object')
+                return;
+            // Accept either bare payload or { type, payload } envelope.
+            const payload = data.type === 'NOTIFICATION' && data.payload
+                ? data.payload
+                : data.title
+                    ? data
+                    : null;
+            if (payload?.title)
+                opts.onMessage(payload);
+        }
+        catch {
+            // ignore malformed frames
+        }
+    };
+    es.addEventListener('notification', handle);
+    es.onmessage = handle;
+    return () => {
+        es.close();
+    };
+}
+/**
+ * React helper: open SSE for the lifetime of the component.
+ * Prefer passing a stable `onMessage` (useCallback).
+ */
+export function useNotificationSSE(opts) {
+    const onMessageRef = useRef(opts.onMessage);
+    onMessageRef.current = opts.onMessage;
+    useEffect(() => {
+        return subscribeNotificationSSE({
+            ...opts,
+            onMessage: (p) => onMessageRef.current(p),
+        });
+        // eslint-disable-next-line react-hooks/exhaustive-deps -- url/token/enabled are the live deps
+    }, [opts.url, opts.accessToken, opts.lastEventId, opts.enabled]);
+}
+//# sourceMappingURL=sse.js.map

package/dist/sse.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sse.js","sourceRoot":"","sources":["../src/sse.ts"],"names":[],"mappings":"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"}

package/dist/toast.d.ts

@@ -0,0 +1,26 @@
+import type { NotificationType } from './types';
+export type ShowNotificationToastOptions = {
+    title: string;
+    body?: string;
+    type?: NotificationType | string;
+    icon?: string;
+    image?: string;
+    /** Inventario / Almacén / POS — or pass metadata.addon_key */
+    apartado?: string;
+    metadata?: string | Record<string, unknown>;
+    addonKey?: string;
+    duration?: number;
+    onClick?: () => void;
+};
+/**
+ * Canonical in-app notification toast — same card as the bell dropdown
+ * (dynamic Lucide icon, severity color, module chip).
+ */
+export declare function showNotificationToast(opts: ShowNotificationToastOptions): void;
+/**
+ * Patch the shared sonner singleton so every `toast.success/info/warning/error`
+ * (host + Module Federation remotes) renders the same card as WS/SSE notifications.
+ * Call once at app boot (e.g. main.tsx).
+ */
+export declare function installUnifiedToasts(): void;
+//# sourceMappingURL=toast.d.ts.map

package/dist/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../src/toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C,MAAM,MAAM,4BAA4B,GAAG;IACzC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,gBAAgB,GAAG,MAAM,CAAA;IAChC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED;;;GAGG;AACH,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,4BAA4B,GAAG,IAAI,CA4D9E;AA0BD;;;;GAIG;AACH,wBAAgB,oBAAoB,IAAI,IAAI,CAyB3C"}

package/dist/toast.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { toast } from 'sonner';
+import { resolveNotificationVisual } from './visual';
+/**
+ * Canonical in-app notification toast — same card as the bell dropdown
+ * (dynamic Lucide icon, severity color, module chip).
+ */
+export function showNotificationToast(opts) {
+    const meta = typeof opts.metadata === 'object' && opts.metadata
+        ? { ...opts.metadata }
+        : opts.metadata;
+    const { Icon, tone, moduleLabel } = resolveNotificationVisual({
+        icon: opts.icon,
+        type: opts.type,
+        metadata: meta,
+        addonKey: opts.addonKey,
+    });
+    const apartado = (opts.apartado || moduleLabel || '').trim();
+    const duration = opts.duration ?? 5000;
+    toast.custom((id) => (_jsxs("button", { type: 'button', className: [
+            'flex w-full min-w-[280px] max-w-[360px] items-start gap-3 rounded-xl border border-border/60 bg-card p-3 text-left shadow-lg ring-1 ring-black/5',
+            opts.onClick ? 'cursor-pointer hover:bg-accent/40' : '',
+        ]
+            .filter(Boolean)
+            .join(' '), onClick: () => {
+            opts.onClick?.();
+            toast.dismiss(id);
+        }, children: [opts.image ? (_jsx("img", { src: opts.image, alt: '', className: 'mt-0.5 h-9 w-9 shrink-0 rounded-full object-cover' })) : (_jsx("span", { className: `mt-0.5 flex h-9 w-9 shrink-0 items-center justify-center rounded-full ${tone.iconClass}`, style: tone.customColor ? { backgroundColor: tone.customColor, color: '#fff' } : undefined, children: _jsx(Icon, { className: 'h-4 w-4', "aria-hidden": true }) })), _jsxs("span", { className: 'min-w-0 flex-1', children: [apartado ? (_jsx("span", { className: 'mb-0.5 inline-flex items-center rounded-md bg-muted px-1.5 py-0.5 text-[10px] font-medium capitalize text-muted-foreground', children: apartado })) : null, _jsx("span", { className: 'block text-sm font-semibold text-foreground', children: opts.title }), opts.body ? (_jsx("span", { className: 'mt-0.5 block text-xs text-muted-foreground line-clamp-2', children: opts.body })) : null] })] })), { duration });
+}
+function extract(message, data) {
+    const title = typeof message === 'string' ? message : message == null ? 'Notificación' : String(message);
+    const body = typeof data?.description === 'string' ? data.description : undefined;
+    return {
+        title,
+        body,
+        duration: typeof data?.duration === 'number' ? data.duration : undefined,
+        apartado: typeof data?.apartado === 'string' ? data.apartado : undefined,
+        icon: typeof data?.icon === 'string' ? data.icon : undefined,
+        metadata: data?.metadata,
+    };
+}
+let installed = false;
+/**
+ * Patch the shared sonner singleton so every `toast.success/info/warning/error`
+ * (host + Module Federation remotes) renders the same card as WS/SSE notifications.
+ * Call once at app boot (e.g. main.tsx).
+ */
+export function installUnifiedToasts() {
+    if (installed || typeof window === 'undefined')
+        return;
+    installed = true;
+    const wrap = (type, defaultIcon) => (message, data) => {
+        const x = extract(message, data);
+        showNotificationToast({
+            title: x.title,
+            body: x.body,
+            type,
+            icon: x.icon || defaultIcon,
+            duration: x.duration,
+            apartado: x.apartado,
+            metadata: x.metadata,
+        });
+        return '';
+    };
+    toast.success = wrap('success', 'check-circle-2');
+    toast.info = wrap('info', 'info');
+    toast.warning = wrap('warning', 'alert-triangle');
+    toast.error = wrap('error', 'x-circle');
+    toast.message = wrap('info', 'bell');
+}
+//# sourceMappingURL=toast.js.map

package/dist/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","sourceRoot":"","sources":["../src/toast.tsx"],"names":[],"mappings":"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"}

package/dist/types.d.ts

@@ -19,7 +19,8 @@ export interface NotificationItem {
     link?: string;
     icon?: string;
     image?: string;
-    metadata?: string;
+    /** JSON string or already-parsed object (addon_key, color, …). */
+    metadata?: string | Record<string, unknown>;
     conversation_id?: string;
 }
 /**
@@ -38,8 +39,7 @@ export interface NotificationsApiClient {
     }>;
 }
 /**
- * Shape of a WebSocket `NOTIFICATION` payload. Consumers may provide any
- * of these fields; the component normalises them into a `NotificationItem`.
+ * Shape of a live `NOTIFICATION` payload (WebSocket or SSE).
  */
 export interface NotificationWsPayload {
     id?: string;
@@ -51,8 +51,13 @@ export interface NotificationWsPayload {
     link?: string;
     icon?: string;
     image?: string;
-    metadata?: string;
+    metadata?: string | Record<string, unknown>;
     conversation_id?: string;
+    /** Optional explicit module chip (overrides metadata.addon_key map). */
+    apartado?: string;
+    addon_key?: string;
+    /** Optional CSS/hex colour for the icon disc. */
+    color?: string;
 }
 /**
  * Strings used by the dropdown. Overridable for i18n. Defaults to Spanish.
@@ -106,5 +111,24 @@ export interface NotificationsDropdownProps {
      * `onMessage` with every incoming `NOTIFICATION` payload.
      */
     subscribeToNotifications?: (onMessage: (payload: NotificationWsPayload) => void) => void | (() => void);
+    /**
+     * Preferred live transport: Server-Sent Events URL
+     * (e.g. `/api/notifications/stream`). When set, opens EventSource in
+     * addition to (or instead of, when `subscribeToNotifications` is also
+     * omitted and `preferSse` is true) the WebSocket path.
+     */
+    sseUrl?: string;
+    /** Bearer token for SSE (`?access_token=` — EventSource cannot set headers). */
+    sseAccessToken?: string | null;
+    /**
+     * When true (default if `sseUrl` is set), skip the built-in WebSocket hook
+     * and rely on SSE (+ optional `subscribeToNotifications`).
+     */
+    preferSse?: boolean;
+    /**
+     * Show the canonical card toast when a live notification arrives.
+     * Default true — one visual pipeline for bell + toast.
+     */
+    showToastOnIngest?: boolean;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"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"}

package/dist/visual.d.ts

@@ -0,0 +1,50 @@
+import type { LucideIcon } from 'lucide-react';
+import type { NotificationType } from './types';
+/** Convert kebab-case / snake_case to PascalCase ("shopping-cart" → "ShoppingCart"). */
+export declare function toPascalCase(str: string): string;
+/** Hosts can register extra addon keys without forking the package. */
+export declare function registerModuleLabel(addonKey: string, label: string): void;
+export type NotificationMeta = {
+    addon_key?: string;
+    apartado?: string;
+    module?: string;
+    model?: string;
+    rule?: string;
+    source?: string;
+    color?: string;
+    [key: string]: unknown;
+};
+export declare function parseNotificationMeta(raw?: string | NotificationMeta | null): NotificationMeta;
+/** Chip label for Inventario / Almacén / POS / … */
+export declare function moduleLabelFromMeta(meta: NotificationMeta): string;
+export type NotificationTone = {
+    /** Circle behind the Lucide icon */
+    iconClass: string;
+    /** Left border on list rows */
+    rowAccentClass: string;
+    /** Optional explicit hex/css color from payload metadata.color */
+    customColor?: string;
+};
+export declare function resolveNotificationTone(type?: NotificationType | string | null, meta?: NotificationMeta): NotificationTone;
+export declare function resolveNotificationIcon(icon?: string | null, type?: NotificationType | string | null): LucideIcon;
+/** One-shot resolve for toast + list rows. */
+export declare function resolveNotificationVisual(input: {
+    icon?: string | null;
+    type?: NotificationType | string | null;
+    metadata?: string | NotificationMeta | null;
+    addonKey?: string | null;
+}): {
+    Icon: LucideIcon;
+    tone: NotificationTone;
+    moduleLabel: string;
+    meta: {
+        addon_key?: string;
+        apartado?: string;
+        module?: string;
+        model?: string;
+        rule?: string;
+        source?: string;
+        color?: string;
+    };
+};
+//# sourceMappingURL=visual.d.ts.map

package/dist/visual.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visual.d.ts","sourceRoot":"","sources":["../src/visual.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAE9C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C,wFAAwF;AACxF,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAMhD;AAmBD,uEAAuE;AACvE,wBAAgB,mBAAmB,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAIzE;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB,CAAA;AAED,wBAAgB,qBAAqB,CAAC,GAAG,CAAC,EAAE,MAAM,GAAG,gBAAgB,GAAG,IAAI,GAAG,gBAAgB,CAS9F;AAED,oDAAoD;AACpD,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,gBAAgB,GAAG,MAAM,CAMlE;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC7B,oCAAoC;IACpC,SAAS,EAAE,MAAM,CAAA;IACjB,+BAA+B;IAC/B,cAAc,EAAE,MAAM,CAAA;IACtB,kEAAkE;IAClE,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAyBD,wBAAgB,uBAAuB,CACrC,IAAI,CAAC,EAAE,gBAAgB,GAAG,MAAM,GAAG,IAAI,EACvC,IAAI,CAAC,EAAE,gBAAgB,GACtB,gBAAgB,CAKlB;AAED,wBAAgB,uBAAuB,CACrC,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,EACpB,IAAI,CAAC,EAAE,gBAAgB,GAAG,MAAM,GAAG,IAAI,GACtC,UAAU,CAgBZ;AAED,8CAA8C;AAC9C,wBAAgB,yBAAyB,CAAC,KAAK,EAAE;IAC/C,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,IAAI,CAAC,EAAE,gBAAgB,GAAG,MAAM,GAAG,IAAI,CAAA;IACvC,QAAQ,CAAC,EAAE,MAAM,GAAG,gBAAgB,GAAG,IAAI,CAAA;IAC3C,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CACzB;;;;;oBAnGa,MAAM;mBACP,MAAM;iBACR,MAAM;gBACP,MAAM;eACP,MAAM;iBACJ,MAAM;gBACP,MAAM;;EAwGf"}

package/dist/visual.js

@@ -0,0 +1,115 @@
+import * as LucideIcons from 'lucide-react';
+/** Convert kebab-case / snake_case to PascalCase ("shopping-cart" → "ShoppingCart"). */
+export function toPascalCase(str) {
+    return str
+        .split(/[-_]/)
+        .filter(Boolean)
+        .map((part) => part.charAt(0).toUpperCase() + part.slice(1))
+        .join('');
+}
+/** Known addon → human label (bell chip / toast eyebrow). Hosts may extend via registerModuleLabel. */
+const MODULE_LABELS = {
+    inventory: 'Inventario',
+    warehouse: 'Almacén',
+    customers: 'Clientes',
+    pos: 'POS',
+    caja: 'Caja',
+    fiscal_mexico: 'Fiscal',
+    workshop: 'Taller',
+    accounting_lite: 'Contabilidad',
+    products: 'Productos',
+    payroll: 'Nómina',
+    hr: 'RRHH',
+    vehicles: 'Vehículos',
+    tires_inventory: 'Llantas',
+};
+/** Hosts can register extra addon keys without forking the package. */
+export function registerModuleLabel(addonKey, label) {
+    const k = addonKey.trim();
+    if (!k || !label.trim())
+        return;
+    MODULE_LABELS[k] = label.trim();
+}
+export function parseNotificationMeta(raw) {
+    if (!raw)
+        return {};
+    if (typeof raw === 'object')
+        return raw;
+    try {
+        const v = JSON.parse(raw);
+        return v && typeof v === 'object' ? v : {};
+    }
+    catch {
+        return {};
+    }
+}
+/** Chip label for Inventario / Almacén / POS / … */
+export function moduleLabelFromMeta(meta) {
+    if (typeof meta.apartado === 'string' && meta.apartado.trim())
+        return meta.apartado.trim();
+    if (typeof meta.module === 'string' && meta.module.trim())
+        return meta.module.trim();
+    const key = (meta.addon_key || '').trim();
+    if (!key)
+        return '';
+    return MODULE_LABELS[key] || key.replace(/_/g, ' ');
+}
+const TONES = {
+    success: {
+        iconClass: 'bg-emerald-500 text-white',
+        rowAccentClass: 'border-l-emerald-500',
+    },
+    warning: {
+        iconClass: 'bg-amber-500 text-white',
+        rowAccentClass: 'border-l-amber-500',
+    },
+    error: {
+        iconClass: 'bg-red-500 text-white',
+        rowAccentClass: 'border-l-red-500',
+    },
+    info: {
+        iconClass: 'bg-primary text-primary-foreground',
+        rowAccentClass: 'border-l-primary',
+    },
+    default: {
+        iconClass: 'bg-primary text-primary-foreground',
+        rowAccentClass: 'border-l-primary',
+    },
+};
+export function resolveNotificationTone(type, meta) {
+    const base = TONES[type || 'info'] || TONES.default;
+    const custom = typeof meta?.color === 'string' && meta.color.trim() ? meta.color.trim() : undefined;
+    return custom ? { ...base, customColor: custom } : base;
+}
+export function resolveNotificationIcon(icon, type) {
+    if (icon) {
+        const Dynamic = LucideIcons[toPascalCase(icon)];
+        if (Dynamic)
+            return Dynamic;
+    }
+    switch (type) {
+        case 'warning':
+            return LucideIcons.AlertTriangle;
+        case 'success':
+            return LucideIcons.CheckCircle2;
+        case 'error':
+            return LucideIcons.XCircle;
+        case 'info':
+        default:
+            return LucideIcons.Bell;
+    }
+}
+/** One-shot resolve for toast + list rows. */
+export function resolveNotificationVisual(input) {
+    const meta = {
+        ...parseNotificationMeta(input.metadata),
+        ...(input.addonKey ? { addon_key: input.addonKey } : {}),
+    };
+    return {
+        Icon: resolveNotificationIcon(input.icon, input.type),
+        tone: resolveNotificationTone(input.type, meta),
+        moduleLabel: moduleLabelFromMeta(meta),
+        meta,
+    };
+}
+//# sourceMappingURL=visual.js.map

package/dist/visual.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"visual.js","sourceRoot":"","sources":["../src/visual.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,WAAW,MAAM,cAAc,CAAA;AAG3C,wFAAwF;AACxF,MAAM,UAAU,YAAY,CAAC,GAAW;IACtC,OAAO,GAAG;SACP,KAAK,CAAC,MAAM,CAAC;SACb,MAAM,CAAC,OAAO,CAAC;SACf,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;SAC3D,IAAI,CAAC,EAAE,CAAC,CAAA;AACb,CAAC;AAED,uGAAuG;AACvG,MAAM,aAAa,GAA2B;IAC5C,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,UAAU;IACrB,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,MAAM;IACZ,aAAa,EAAE,QAAQ;IACvB,QAAQ,EAAE,QAAQ;IAClB,eAAe,EAAE,cAAc;IAC/B,QAAQ,EAAE,WAAW;IACrB,OAAO,EAAE,QAAQ;IACjB,EAAE,EAAE,MAAM;IACV,QAAQ,EAAE,WAAW;IACrB,eAAe,EAAE,SAAS;CAC3B,CAAA;AAED,uEAAuE;AACvE,MAAM,UAAU,mBAAmB,CAAC,QAAgB,EAAE,KAAa;IACjE,MAAM,CAAC,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAA;IACzB,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;QAAE,OAAM;IAC/B,aAAa,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,EAAE,CAAA;AACjC,CAAC;AAaD,MAAM,UAAU,qBAAqB,CAAC,GAAsC;IAC1E,IAAI,CAAC,GAAG;QAAE,OAAO,EAAE,CAAA;IACnB,IAAI,OAAO,GAAG,KAAK,QAAQ;QAAE,OAAO,GAAG,CAAA;IACvC,IAAI,CAAC;QACH,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QACzB,OAAO,CAAC,IAAI,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAE,CAAsB,CAAC,CAAC,CAAC,EAAE,CAAA;IAClE,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,EAAE,CAAA;IACX,CAAC;AACH,CAAC;AAED,oDAAoD;AACpD,MAAM,UAAU,mBAAmB,CAAC,IAAsB;IACxD,IAAI,OAAO,IAAI,CAAC,QAAQ,KAAK,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;QAAE,OAAO,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAA;IAC1F,IAAI,OAAO,IAAI,CAAC,MAAM,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;QAAE,OAAO,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAA;IACpF,MAAM,GAAG,GAAG,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,CAAA;IACzC,IAAI,CAAC,GAAG;QAAE,OAAO,EAAE,CAAA;IACnB,OAAO,aAAa,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAA;AACrD,CAAC;AAWD,MAAM,KAAK,GAA2D;IACpE,OAAO,EAAE;QACP,SAAS,EAAE,2BAA2B;QACtC,cAAc,EAAE,sBAAsB;KACvC;IACD,OAAO,EAAE;QACP,SAAS,EAAE,yBAAyB;QACpC,cAAc,EAAE,oBAAoB;KACrC;IACD,KAAK,EAAE;QACL,SAAS,EAAE,uBAAuB;QAClC,cAAc,EAAE,kBAAkB;KACnC;IACD,IAAI,EAAE;QACJ,SAAS,EAAE,oCAAoC;QAC/C,cAAc,EAAE,kBAAkB;KACnC;IACD,OAAO,EAAE;QACP,SAAS,EAAE,oCAAoC;QAC/C,cAAc,EAAE,kBAAkB;KACnC;CACF,CAAA;AAED,MAAM,UAAU,uBAAuB,CACrC,IAAuC,EACvC,IAAuB;IAEvB,MAAM,IAAI,GAAG,KAAK,CAAE,IAAyB,IAAI,MAAM,CAAC,IAAI,KAAK,CAAC,OAAO,CAAA;IACzE,MAAM,MAAM,GACV,OAAO,IAAI,EAAE,KAAK,KAAK,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,CAAA;IACtF,OAAO,MAAM,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;AACzD,CAAC;AAED,MAAM,UAAU,uBAAuB,CACrC,IAAoB,EACpB,IAAuC;IAEvC,IAAI,IAAI,EAAE,CAAC;QACT,MAAM,OAAO,GAAI,WAAqD,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAA;QAC1F,IAAI,OAAO;YAAE,OAAO,OAAO,CAAA;IAC7B,CAAC;IACD,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,SAAS;YACZ,OAAO,WAAW,CAAC,aAAa,CAAA;QAClC,KAAK,SAAS;YACZ,OAAO,WAAW,CAAC,YAAY,CAAA;QACjC,KAAK,OAAO;YACV,OAAO,WAAW,CAAC,OAAO,CAAA;QAC5B,KAAK,MAAM,CAAC;QACZ;YACE,OAAO,WAAW,CAAC,IAAI,CAAA;IAC3B,CAAC;AACH,CAAC;AAED,8CAA8C;AAC9C,MAAM,UAAU,yBAAyB,CAAC,KAKzC;IACC,MAAM,IAAI,GAAG;QACX,GAAG,qBAAqB,CAAC,KAAK,CAAC,QAAQ,CAAC;QACxC,GAAG,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;KACzD,CAAA;IACD,OAAO;QACL,IAAI,EAAE,uBAAuB,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC;QACrD,IAAI,EAAE,uBAAuB,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC;QAC/C,WAAW,EAAE,mBAAmB,CAAC,IAAI,CAAC;QACtC,IAAI;KACL,CAAA;AACH,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@asteby/metacore-notifications",
-  "version": "23.0.1",
-  "description": "Metacore notifications — dropdown, app badge, WebSocket-driven real-time updates",
+  "version": "24.0.1",
+  "description": "Metacore notifications — dropdown, SSE/WS live stream, unified toast, dynamic icons & module chips",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",
@@ -27,6 +27,18 @@
     "./hooks": {
       "types": "./dist/hooks.d.ts",
       "import": "./dist/hooks.js"
+    },
+    "./toast": {
+      "types": "./dist/toast.d.ts",
+      "import": "./dist/toast.js"
+    },
+    "./sse": {
+      "types": "./dist/sse.d.ts",
+      "import": "./dist/sse.js"
+    },
+    "./visual": {
+      "types": "./dist/visual.d.ts",
+      "import": "./dist/visual.js"
     }
   },
   "peerDependencies": {
@@ -36,8 +48,8 @@
     "date-fns": ">=3",
     "lucide-react": ">=0.460",
     "sonner": ">=1.7",
-    "@asteby/metacore-websocket": "^0.5.0",
-    "@asteby/metacore-ui": "^2.16.0"
+    "@asteby/metacore-ui": "^2.16.0",
+    "@asteby/metacore-websocket": "^0.5.0"
   },
   "devDependencies": {
     "@tanstack/react-query": "^5.95.0",