@ttt-productions/notification-core 0.15.15 → 0.15.17

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-export type { NotificationDoc, PendingNotification, NotificationCategoryConfig, NotificationTypeConfig, NotificationSystemConfig, UseActiveNotificationsOptions, UseNotificationHistoryOptions, NotificationHistoryItem, UseUnreadCountOptions, UseArchiveNotificationOptions, UseArchiveAllNotificationsOptions, ArchiveAllJobStatus, EnqueueArchiveAllResult, ArchiveAllJobSnapshot, ArchiveAllPollResult, NotificationRowActions, NotificationArchiveResult, NotificationArchiveFn, NotificationListErrorState, NotificationListProps, NotificationHistoryListProps, NotificationEmptyStateProps, NotificationUnreadBadgeProps, } from './types.js';
+export type { NotificationDoc, PendingNotification, NotificationCategoryConfig, NotificationTypeConfig, NotificationSystemConfig, UseActiveNotificationsOptions, UseNotificationHistoryOptions, NotificationHistoryItem, UseUnreadCountOptions, UseArchiveNotificationOptions, UseArchiveAllNotificationsOptions, ArchiveAllJobStatus, EnqueueArchiveAllResult, ArchiveAllJobSnapshot, ArchiveAllPollResult, NotificationRowActions, NotificationArchiveResult, NotificationArchiveFn, NotificationListErrorState, NotificationEmptyStateProps, NotificationUnreadBadgeProps, } from './types.js';
 export { NotificationDocSchema, PendingNotificationSchema } from './schemas.js';
 //# 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,YAAY,EACV,eAAe,EACf,mBAAmB,EACnB,0BAA0B,EAC1B,sBAAsB,EACtB,wBAAwB,EACxB,6BAA6B,EAC7B,6BAA6B,EAC7B,uBAAuB,EACvB,qBAAqB,EACrB,6BAA6B,EAC7B,iCAAiC,EACjC,mBAAmB,EACnB,uBAAuB,EACvB,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,EACtB,yBAAyB,EACzB,qBAAqB,EACrB,0BAA0B,EAC1B,qBAAqB,EACrB,4BAA4B,EAC5B,2BAA2B,EAC3B,4BAA4B,GAC7B,MAAM,YAAY,CAAC;AAKpB,OAAO,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,eAAe,EACf,mBAAmB,EACnB,0BAA0B,EAC1B,sBAAsB,EACtB,wBAAwB,EACxB,6BAA6B,EAC7B,6BAA6B,EAC7B,uBAAuB,EACvB,qBAAqB,EACrB,6BAA6B,EAC7B,iCAAiC,EACjC,mBAAmB,EACnB,uBAAuB,EACvB,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,EACtB,yBAAyB,EACzB,qBAAqB,EACrB,0BAA0B,EAC1B,2BAA2B,EAC3B,4BAA4B,GAC7B,MAAM,YAAY,CAAC;AAKpB,OAAO,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAC"}

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AA0BA,kFAAkF;AAClF,6EAA6E;AAC7E,yCAAyC;AACzC,OAAO,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export type {\n  NotificationDoc,\n  PendingNotification,\n  NotificationCategoryConfig,\n  NotificationTypeConfig,\n  NotificationSystemConfig,\n  UseActiveNotificationsOptions,\n  UseNotificationHistoryOptions,\n  NotificationHistoryItem,\n  UseUnreadCountOptions,\n  UseArchiveNotificationOptions,\n  UseArchiveAllNotificationsOptions,\n  ArchiveAllJobStatus,\n  EnqueueArchiveAllResult,\n  ArchiveAllJobSnapshot,\n  ArchiveAllPollResult,\n  NotificationRowActions,\n  NotificationArchiveResult,\n  NotificationArchiveFn,\n  NotificationListErrorState,\n  NotificationListProps,\n  NotificationHistoryListProps,\n  NotificationEmptyStateProps,\n  NotificationUnreadBadgeProps,\n} from './types.js';\n\n// Runtime schemas for the generic notification doc shapes (notification-core owns\n// these; consuming apps compose them instead of hand-mirroring). Server- and\n// UI-safe (zod only, no React/firebase).\nexport { NotificationDocSchema, PendingNotificationSchema } from './schemas.js';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAwBA,kFAAkF;AAClF,6EAA6E;AAC7E,yCAAyC;AACzC,OAAO,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,cAAc,CAAC","sourcesContent":["export type {\n  NotificationDoc,\n  PendingNotification,\n  NotificationCategoryConfig,\n  NotificationTypeConfig,\n  NotificationSystemConfig,\n  UseActiveNotificationsOptions,\n  UseNotificationHistoryOptions,\n  NotificationHistoryItem,\n  UseUnreadCountOptions,\n  UseArchiveNotificationOptions,\n  UseArchiveAllNotificationsOptions,\n  ArchiveAllJobStatus,\n  EnqueueArchiveAllResult,\n  ArchiveAllJobSnapshot,\n  ArchiveAllPollResult,\n  NotificationRowActions,\n  NotificationArchiveResult,\n  NotificationArchiveFn,\n  NotificationListErrorState,\n  NotificationEmptyStateProps,\n  NotificationUnreadBadgeProps,\n} from './types.js';\n\n// Runtime schemas for the generic notification doc shapes (notification-core owns\n// these; consuming apps compose them instead of hand-mirroring). Server- and\n// UI-safe (zod only, no React/firebase).\nexport { NotificationDocSchema, PendingNotificationSchema } from './schemas.js';\n"]}

package/dist/react/components/NotificationHistoryList.d.ts

@@ -1,4 +1,4 @@
-import type { NotificationHistoryListProps } from '../../types.js';
+import type { NotificationHistoryListProps } from '../types.js';
 /**
  * Read-only, paginated list of ARCHIVED notifications (the history tier). Rows are
  * inert and read-only — archive is one-way, there is no re-archive, so the row

package/dist/react/components/NotificationHistoryList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationHistoryList.d.ts","sourceRoot":"","sources":["../../../src/react/components/NotificationHistoryList.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAA2B,4BAA4B,EAAE,MAAM,gBAAgB,CAAC;AAE5F;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,WAAW,EACX,KAAK,EACL,eAAe,GAChB,EAAE,4BAA4B,+BAqG9B"}
+{"version":3,"file":"NotificationHistoryList.d.ts","sourceRoot":"","sources":["../../../src/react/components/NotificationHistoryList.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,aAAa,CAAC;AAEhE;;;;;GAKG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,WAAW,EACX,KAAK,EACL,eAAe,GAChB,EAAE,4BAA4B,+BAgG9B"}

package/dist/react/components/NotificationHistoryList.js

@@ -22,7 +22,10 @@ export function NotificationHistoryList({ config, userId, category, pageSize, st
     const hasRows = !!notifications && notifications.length > 0;
     // A later page that came back empty keeps its pager so the user can step back; the
     // empty state is the answer for page 1 only.
-    const showEmptyState = retryState.error === null && notifications !== undefined && notifications.length === 0 && page === 1;
+    const showEmptyState = retryState.error === null &&
+        notifications !== undefined &&
+        notifications.length === 0 &&
+        page === 1;
     const getTypeIcon = useCallback((type) => config.types[type]?.icon ?? '🔔', [config]);
     return (_jsxs("div", { className: "ntf-list ntf-list-history", children: [title != null && (_jsxs(_Fragment, { children: [_jsx("div", { className: "ntf-list-header ntf-list-header-read-only", children: _jsx("div", { className: "ntf-list-title", children: title }) }), _jsx(Separator, {})] })), _jsx("div", { className: "ntf-list-body", children: retryState.isLoading ? (_jsx("div", { className: "ntf-loading", children: _jsx(Spinner, { size: "md", label: "Loading notifications" }) })) : (_jsxs(_Fragment, { children: [(notifications ?? []).map((notification) => {
                             return (_jsxs("div", { className: "ntf-item ntf-item-archived", children: [_jsx("div", { className: "ntf-item-icon", children: getTypeIcon(notification.type) }), _jsxs("div", { className: "ntf-item-content", children: [_jsx("div", { className: "ntf-item-title", children: notification.title }), _jsx("div", { className: "ntf-item-message", children: notification.message }), _jsx("div", { className: "ntf-item-timestamp", children: formatRelativeTime(notification.archivedAt) })] }), notification.count > 1 && (_jsx("div", { className: "ntf-item-count", children: _jsxs(Badge, { variant: "secondary", children: ["\u00D7", notification.count] }) })), renderRowAction && (_jsx("div", { className: "ntf-item-row-action", children: renderRowAction(notification, {}) }))] }, notification.archiveOccurrenceId));

package/dist/react/components/NotificationHistoryList.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationHistoryList.js","sourceRoot":"","sources":["../../../src/react/components/NotificationHistoryList.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAC3F,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAGxD;;;;;GAKG;AACH,MAAM,UAAU,uBAAuB,CAAC,EACtC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,WAAW,EACX,KAAK,EACL,eAAe,GACc;IAC7B,MAAM,EACJ,IAAI,EAAE,aAAa,EACnB,UAAU,EACV,UAAU,EACV,OAAO,EACP,IAAI,EACJ,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,GACT,GAAG,sBAAsB,CAAC;QACzB,MAAM;QACN,MAAM;QACN,QAAQ;QACR,QAAQ;QACR,SAAS;KACV,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,CAAC,CAAC,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;IAC5D,mFAAmF;IACnF,6CAA6C;IAC7C,MAAM,cAAc,GAClB,UAAU,CAAC,KAAK,KAAK,IAAI,IAAI,aAAa,KAAK,SAAS,IAAI,aAAa,CAAC,MAAM,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,CAAC;IAEvG,MAAM,WAAW,GAAG,WAAW,CAC7B,CAAC,IAAY,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,IAAI,IAAI,EAClD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAC,2BAA2B,aACvC,KAAK,IAAI,IAAI,IAAI,CAChB,8BACE,cAAK,SAAS,EAAC,2CAA2C,YACxD,cAAK,SAAS,EAAC,gBAAgB,YAAE,KAAK,GAAO,GACzC,EACN,KAAC,SAAS,KAAG,IACZ,CACJ,EACD,cAAK,SAAS,EAAC,eAAe,YAC3B,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CACtB,cAAK,SAAS,EAAC,aAAa,YAC1B,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,uBAAuB,GAAG,GAC/C,CACP,CAAC,CAAC,CAAC,CACF,8BACG,CAAC,aAAa,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,YAAqC,EAAE,EAAE;4BACnE,OAAO,CACL,eAEE,SAAS,EAAC,4BAA4B,aAEtC,cAAK,SAAS,EAAC,eAAe,YAAE,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,GAAO,EACrE,eAAK,SAAS,EAAC,kBAAkB,aAC/B,cAAK,SAAS,EAAC,gBAAgB,YAAE,YAAY,CAAC,KAAK,GAAO,EAC1D,cAAK,SAAS,EAAC,kBAAkB,YAAE,YAAY,CAAC,OAAO,GAAO,EAC9D,cAAK,SAAS,EAAC,oBAAoB,YAChC,kBAAkB,CAAC,YAAY,CAAC,UAAU,CAAC,GACxC,IACF,EACL,YAAY,CAAC,KAAK,GAAG,CAAC,IAAI,CACzB,cAAK,SAAS,EAAC,gBAAgB,YAC7B,MAAC,KAAK,IAAC,OAAO,EAAC,WAAW,uBAAG,YAAY,CAAC,KAAK,IAAS,GACpD,CACP,EACA,eAAe,IAAI,CAClB,cAAK,SAAS,EAAC,qBAAqB,YACjC,eAAe,CAAC,YAAY,EAAE,EAAE,CAAC,GAC9B,CACP,KApBI,YAAY,CAAC,mBAAmB,CAqBjC,CACP,CAAC;wBACJ,CAAC,CAAC,EACD,UAAU,CAAC,KAAK,KAAK,IAAI;4BACxB,CAAC,CAAC,WAAW,CAAC;gCACV,KAAK,EAAE,UAAU,CAAC,KAAK;gCACvB,KAAK,EAAE,GAAG,EAAE;oCACV,KAAK,OAAO,EAAE,CAAC;gCACjB,CAAC;gCACD,QAAQ,EAAE,UAAU,CAAC,UAAU;gCAC/B,OAAO;6BACR,CAAC;4BACJ,CAAC,CAAC,IAAI,EACP,cAAc,IAAI,KAAC,sBAAsB,IAAC,IAAI,EAAE,SAAS,GAAI,EAC9D,KAAC,cAAc,IACb,UAAU,EAAE;gCACV,WAAW,EAAE,IAAI;gCACjB,eAAe,EAAE,WAAW;gCAC5B,WAAW,EAAE,WAAW;gCACxB,gBAAgB,EAAE,QAAQ;gCAC1B,YAAY,EAAE,QAAQ;6BACvB,EACD,IAAI,EAAE,UAAU,EAChB,SAAS,EAAC,sBAAsB,GAChC,IACD,CACJ,GACG,IACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport { useCallback } from 'react';\nimport { Badge, ListPagination, Separator, Spinner } from '@ttt-productions/ui-core/react';\nimport { useNotificationHistory } from '../hooks/useNotificationHistory.js';\nimport { NotificationEmptyState } from './NotificationEmptyState.js';\nimport { formatRelativeTime } from './relative-time.js';\nimport type { NotificationHistoryItem, NotificationHistoryListProps } from '../../types.js';\n\n/**\n * Read-only, paginated list of ARCHIVED notifications (the history tier). Rows are\n * inert and read-only — archive is one-way, there is no re-archive, so the row\n * exposes no `archive` action. Any per-row control (e.g. an\n * ArrowRight \"go to\") is rendered by the consumer via `renderRowAction`.\n */\nexport function NotificationHistoryList({\n  config,\n  userId,\n  category,\n  pageSize,\n  staleTime,\n  emptyText,\n  renderError,\n  title,\n  renderRowAction,\n}: NotificationHistoryListProps) {\n  const {\n    data: notifications,\n    isFetching,\n    retryState,\n    refetch,\n    page,\n    hasNextPage,\n    hasPrevPage,\n    nextPage,\n    prevPage,\n  } = useNotificationHistory({\n    config,\n    userId,\n    category,\n    pageSize,\n    staleTime,\n  });\n\n  const hasRows = !!notifications && notifications.length > 0;\n  // A later page that came back empty keeps its pager so the user can step back; the\n  // empty state is the answer for page 1 only.\n  const showEmptyState =\n    retryState.error === null && notifications !== undefined && notifications.length === 0 && page === 1;\n\n  const getTypeIcon = useCallback(\n    (type: string) => config.types[type]?.icon ?? '🔔',\n    [config],\n  );\n\n  return (\n    <div className=\"ntf-list ntf-list-history\">\n      {title != null && (\n        <>\n          <div className=\"ntf-list-header ntf-list-header-read-only\">\n            <div className=\"ntf-list-title\">{title}</div>\n          </div>\n          <Separator />\n        </>\n      )}\n      <div className=\"ntf-list-body\">\n        {retryState.isLoading ? (\n          <div className=\"ntf-loading\">\n            <Spinner size=\"md\" label=\"Loading notifications\" />\n          </div>\n        ) : (\n          <>\n            {(notifications ?? []).map((notification: NotificationHistoryItem) => {\n              return (\n                <div\n                  key={notification.archiveOccurrenceId}\n                  className=\"ntf-item ntf-item-archived\"\n                >\n                  <div className=\"ntf-item-icon\">{getTypeIcon(notification.type)}</div>\n                  <div className=\"ntf-item-content\">\n                    <div className=\"ntf-item-title\">{notification.title}</div>\n                    <div className=\"ntf-item-message\">{notification.message}</div>\n                    <div className=\"ntf-item-timestamp\">\n                      {formatRelativeTime(notification.archivedAt)}\n                    </div>\n                  </div>\n                  {notification.count > 1 && (\n                    <div className=\"ntf-item-count\">\n                      <Badge variant=\"secondary\">×{notification.count}</Badge>\n                    </div>\n                  )}\n                  {renderRowAction && (\n                    <div className=\"ntf-item-row-action\">\n                      {renderRowAction(notification, {})}\n                    </div>\n                  )}\n                </div>\n              );\n            })}\n            {retryState.error !== null\n              ? renderError({\n                  error: retryState.error,\n                  retry: () => {\n                    void refetch();\n                  },\n                  retrying: retryState.isRetrying,\n                  hasRows,\n                })\n              : null}\n            {showEmptyState && <NotificationEmptyState text={emptyText} />}\n            <ListPagination\n              pagination={{\n                currentPage: page,\n                canPreviousPage: hasPrevPage,\n                canNextPage: hasNextPage,\n                goToPreviousPage: prevPage,\n                goToNextPage: nextPage,\n              }}\n              busy={isFetching}\n              className=\"ntf-list-footer mt-0\"\n            />\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"NotificationHistoryList.js","sourceRoot":"","sources":["../../../src/react/components/NotificationHistoryList.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAC3F,OAAO,EAAE,sBAAsB,EAAE,MAAM,oCAAoC,CAAC;AAC5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAIxD;;;;;GAKG;AACH,MAAM,UAAU,uBAAuB,CAAC,EACtC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,WAAW,EACX,KAAK,EACL,eAAe,GACc;IAC7B,MAAM,EACJ,IAAI,EAAE,aAAa,EACnB,UAAU,EACV,UAAU,EACV,OAAO,EACP,IAAI,EACJ,WAAW,EACX,WAAW,EACX,QAAQ,EACR,QAAQ,GACT,GAAG,sBAAsB,CAAC;QACzB,MAAM;QACN,MAAM;QACN,QAAQ;QACR,QAAQ;QACR,SAAS;KACV,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,CAAC,CAAC,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;IAC5D,mFAAmF;IACnF,6CAA6C;IAC7C,MAAM,cAAc,GAClB,UAAU,CAAC,KAAK,KAAK,IAAI;QACzB,aAAa,KAAK,SAAS;QAC3B,aAAa,CAAC,MAAM,KAAK,CAAC;QAC1B,IAAI,KAAK,CAAC,CAAC;IAEb,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,IAAI,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAE9F,OAAO,CACL,eAAK,SAAS,EAAC,2BAA2B,aACvC,KAAK,IAAI,IAAI,IAAI,CAChB,8BACE,cAAK,SAAS,EAAC,2CAA2C,YACxD,cAAK,SAAS,EAAC,gBAAgB,YAAE,KAAK,GAAO,GACzC,EACN,KAAC,SAAS,KAAG,IACZ,CACJ,EACD,cAAK,SAAS,EAAC,eAAe,YAC3B,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,CACtB,cAAK,SAAS,EAAC,aAAa,YAC1B,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,uBAAuB,GAAG,GAC/C,CACP,CAAC,CAAC,CAAC,CACF,8BACG,CAAC,aAAa,IAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,YAAqC,EAAE,EAAE;4BACnE,OAAO,CACL,eAA4C,SAAS,EAAC,4BAA4B,aAChF,cAAK,SAAS,EAAC,eAAe,YAAE,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,GAAO,EACrE,eAAK,SAAS,EAAC,kBAAkB,aAC/B,cAAK,SAAS,EAAC,gBAAgB,YAAE,YAAY,CAAC,KAAK,GAAO,EAC1D,cAAK,SAAS,EAAC,kBAAkB,YAAE,YAAY,CAAC,OAAO,GAAO,EAC9D,cAAK,SAAS,EAAC,oBAAoB,YAChC,kBAAkB,CAAC,YAAY,CAAC,UAAU,CAAC,GACxC,IACF,EACL,YAAY,CAAC,KAAK,GAAG,CAAC,IAAI,CACzB,cAAK,SAAS,EAAC,gBAAgB,YAC7B,MAAC,KAAK,IAAC,OAAO,EAAC,WAAW,uBAAG,YAAY,CAAC,KAAK,IAAS,GACpD,CACP,EACA,eAAe,IAAI,CAClB,cAAK,SAAS,EAAC,qBAAqB,YAAE,eAAe,CAAC,YAAY,EAAE,EAAE,CAAC,GAAO,CAC/E,KAhBO,YAAY,CAAC,mBAAmB,CAiBpC,CACP,CAAC;wBACJ,CAAC,CAAC,EACD,UAAU,CAAC,KAAK,KAAK,IAAI;4BACxB,CAAC,CAAC,WAAW,CAAC;gCACV,KAAK,EAAE,UAAU,CAAC,KAAK;gCACvB,KAAK,EAAE,GAAG,EAAE;oCACV,KAAK,OAAO,EAAE,CAAC;gCACjB,CAAC;gCACD,QAAQ,EAAE,UAAU,CAAC,UAAU;gCAC/B,OAAO;6BACR,CAAC;4BACJ,CAAC,CAAC,IAAI,EACP,cAAc,IAAI,KAAC,sBAAsB,IAAC,IAAI,EAAE,SAAS,GAAI,EAC9D,KAAC,cAAc,IACb,UAAU,EAAE;gCACV,WAAW,EAAE,IAAI;gCACjB,eAAe,EAAE,WAAW;gCAC5B,WAAW,EAAE,WAAW;gCACxB,gBAAgB,EAAE,QAAQ;gCAC1B,YAAY,EAAE,QAAQ;6BACvB,EACD,IAAI,EAAE,UAAU,EAChB,SAAS,EAAC,sBAAsB,GAChC,IACD,CACJ,GACG,IACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport { useCallback } from 'react';\nimport { Badge, ListPagination, Separator, Spinner } from '@ttt-productions/ui-core/react';\nimport { useNotificationHistory } from '../hooks/useNotificationHistory.js';\nimport { NotificationEmptyState } from './NotificationEmptyState.js';\nimport { formatRelativeTime } from './relative-time.js';\nimport type { NotificationHistoryItem } from '../../types.js';\nimport type { NotificationHistoryListProps } from '../types.js';\n\n/**\n * Read-only, paginated list of ARCHIVED notifications (the history tier). Rows are\n * inert and read-only — archive is one-way, there is no re-archive, so the row\n * exposes no `archive` action. Any per-row control (e.g. an\n * ArrowRight \"go to\") is rendered by the consumer via `renderRowAction`.\n */\nexport function NotificationHistoryList({\n  config,\n  userId,\n  category,\n  pageSize,\n  staleTime,\n  emptyText,\n  renderError,\n  title,\n  renderRowAction,\n}: NotificationHistoryListProps) {\n  const {\n    data: notifications,\n    isFetching,\n    retryState,\n    refetch,\n    page,\n    hasNextPage,\n    hasPrevPage,\n    nextPage,\n    prevPage,\n  } = useNotificationHistory({\n    config,\n    userId,\n    category,\n    pageSize,\n    staleTime,\n  });\n\n  const hasRows = !!notifications && notifications.length > 0;\n  // A later page that came back empty keeps its pager so the user can step back; the\n  // empty state is the answer for page 1 only.\n  const showEmptyState =\n    retryState.error === null &&\n    notifications !== undefined &&\n    notifications.length === 0 &&\n    page === 1;\n\n  const getTypeIcon = useCallback((type: string) => config.types[type]?.icon ?? '🔔', [config]);\n\n  return (\n    <div className=\"ntf-list ntf-list-history\">\n      {title != null && (\n        <>\n          <div className=\"ntf-list-header ntf-list-header-read-only\">\n            <div className=\"ntf-list-title\">{title}</div>\n          </div>\n          <Separator />\n        </>\n      )}\n      <div className=\"ntf-list-body\">\n        {retryState.isLoading ? (\n          <div className=\"ntf-loading\">\n            <Spinner size=\"md\" label=\"Loading notifications\" />\n          </div>\n        ) : (\n          <>\n            {(notifications ?? []).map((notification: NotificationHistoryItem) => {\n              return (\n                <div key={notification.archiveOccurrenceId} className=\"ntf-item ntf-item-archived\">\n                  <div className=\"ntf-item-icon\">{getTypeIcon(notification.type)}</div>\n                  <div className=\"ntf-item-content\">\n                    <div className=\"ntf-item-title\">{notification.title}</div>\n                    <div className=\"ntf-item-message\">{notification.message}</div>\n                    <div className=\"ntf-item-timestamp\">\n                      {formatRelativeTime(notification.archivedAt)}\n                    </div>\n                  </div>\n                  {notification.count > 1 && (\n                    <div className=\"ntf-item-count\">\n                      <Badge variant=\"secondary\">×{notification.count}</Badge>\n                    </div>\n                  )}\n                  {renderRowAction && (\n                    <div className=\"ntf-item-row-action\">{renderRowAction(notification, {})}</div>\n                  )}\n                </div>\n              );\n            })}\n            {retryState.error !== null\n              ? renderError({\n                  error: retryState.error,\n                  retry: () => {\n                    void refetch();\n                  },\n                  retrying: retryState.isRetrying,\n                  hasRows,\n                })\n              : null}\n            {showEmptyState && <NotificationEmptyState text={emptyText} />}\n            <ListPagination\n              pagination={{\n                currentPage: page,\n                canPreviousPage: hasPrevPage,\n                canNextPage: hasNextPage,\n                goToPreviousPage: prevPage,\n                goToNextPage: nextPage,\n              }}\n              busy={isFetching}\n              className=\"ntf-list-footer mt-0\"\n            />\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/react/components/NotificationList.d.ts

@@ -1,4 +1,4 @@
-import type { NotificationListProps } from '../../types.js';
+import type { NotificationListProps } from '../types.js';
 /**
  * Scrollable list of active notifications with click-to-archive and clear-all.
  */

package/dist/react/components/NotificationList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationList.d.ts","sourceRoot":"","sources":["../../../src/react/components/NotificationList.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAmB,qBAAqB,EAAE,MAAM,gBAAgB,CAAC;AAK7E;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,MAAM,EACN,QAAQ,EACR,SAAS,EACT,mBAAmB,EACnB,qBAAqB,EACrB,KAAK,EACL,UAAU,EACV,eAAe,EACf,SAAS,EACT,SAAS,EACT,WAAW,EACX,oBAAoB,EACpB,eAAe,GAChB,EAAE,qBAAqB,+BAsQvB"}
+{"version":3,"file":"NotificationList.d.ts","sourceRoot":"","sources":["../../../src/react/components/NotificationList.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAoBzD;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,MAAM,EACN,QAAQ,EACR,SAAS,EACT,mBAAmB,EACnB,qBAAqB,EACrB,KAAK,EACL,UAAU,EACV,eAAe,EACf,SAAS,EACT,SAAS,EACT,WAAW,EACX,oBAAoB,EACpB,eAAe,GAChB,EAAE,qBAAqB,+BAuSvB"}

package/dist/react/components/NotificationList.js

@@ -7,6 +7,14 @@ import { useArchiveNotification } from '../hooks/useArchiveNotification.js';
 import { useArchiveAllNotifications } from '../hooks/useArchiveAllNotifications.js';
 import { NotificationEmptyState } from './NotificationEmptyState.js';
 import { formatRelativeTime } from './relative-time.js';
+const NO_PENDING = new Map();
+/**
+ * An archive belongs to the card generation it was sent for. A card relit on the same id gets a new
+ * generation, which the archive never covered, so it is not pending for that card.
+ */
+function isPendingFor(pending, notification) {
+    return (pending.has(notification.id) && pending.get(notification.id) === notification.activityGeneration);
+}
 const FOCUSABLE = 'button:not([disabled]), a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
 /**
  * Scrollable list of active notifications with click-to-archive and clear-all.
@@ -36,8 +44,8 @@ export function NotificationList({ config, userId, category, archiveFn, enqueueA
     // with an explicit terminal result (`complete` | `incomplete` | `failed`) and only rejects on a
     // hard enqueue/poll throw.
     const [clearIncomplete, setClearIncomplete] = useState(false);
-    const [pendingArchiveIds, setPendingArchiveIds] = useState(() => new Set());
-    const [pendingClearAllIds, setPendingClearAllIds] = useState(() => new Set());
+    const [pendingArchives, setPendingArchives] = useState(NO_PENDING);
+    const [pendingClearAll, setPendingClearAll] = useState(NO_PENDING);
     const renderedRowsRef = useRef(onRenderedRowsChange);
     renderedRowsRef.current = onRenderedRowsChange;
     useEffect(() => {
@@ -46,17 +54,18 @@ export function NotificationList({ config, userId, category, archiveFn, enqueueA
     }, [notifications]);
     // An archive the server confirmed stays visibly pending until the authoritative
     // active-notification query removes the row: the callable's answer alone does not
-    // prove the read has caught up.
+    // prove the read has caught up. A row the read lists at a newer generation was relit
+    // after the archive, so the archive no longer holds it.
     useEffect(() => {
         if (!notifications)
             return;
-        const activeIds = new Set(notifications.map((notification) => notification.id));
+        const activeGenerations = new Map(notifications.map((notification) => [notification.id, notification.activityGeneration]));
         const keepActive = (current) => {
-            const next = new Set([...current].filter((id) => activeIds.has(id)));
+            const next = new Map([...current].filter(([id, generation]) => activeGenerations.has(id) && activeGenerations.get(id) === generation));
             return next.size === current.size ? current : next;
         };
-        setPendingArchiveIds(keepActive);
-        setPendingClearAllIds(keepActive);
+        setPendingArchives(keepActive);
+        setPendingClearAll(keepActive);
     }, [notifications]);
     // A row that leaves the list while focus is inside it takes the focused control with it, so focus
     // moves to the control of the row that followed it, or to the list itself (FRONTEND-203). A row's
@@ -67,7 +76,9 @@ export function NotificationList({ config, userId, category, archiveFn, enqueueA
     const focusedRowId = useRef(null);
     const renderedIds = useRef([]);
     useLayoutEffect(() => {
-        const ids = retryState.isLoading ? [] : (notifications ?? []).map((notification) => notification.id);
+        const ids = retryState.isLoading
+            ? []
+            : (notifications ?? []).map((notification) => notification.id);
         const previousIds = renderedIds.current;
         renderedIds.current = ids;
         const leftId = focusedRowId.current;
@@ -78,23 +89,27 @@ export function NotificationList({ config, userId, category, archiveFn, enqueueA
         if (active !== null && active !== document.body && active.isConnected)
             return;
         const remaining = new Set(ids);
-        const followers = previousIds.slice(previousIds.indexOf(leftId) + 1).filter((id) => remaining.has(id));
+        const followers = previousIds
+            .slice(previousIds.indexOf(leftId) + 1)
+            .filter((id) => remaining.has(id));
         const nextControl = followers
-            .map((id) => rowRefs.current.get(id)?.querySelector('.ntf-item-row-action')?.querySelector(FOCUSABLE))
+            .map((id) => rowRefs.current
+            .get(id)
+            ?.querySelector('.ntf-item-row-action')
+            ?.querySelector(FOCUSABLE))
             .find((control) => control != null);
         (nextControl ?? listRef.current)?.focus();
     }, [notifications, retryState.isLoading]);
     const archiveOne = useCallback(async (notification) => {
-        const clearPending = () => setPendingArchiveIds((current) => {
-            const next = new Set(current);
+        const generation = notification.activityGeneration;
+        const clearPending = () => setPendingArchives((current) => {
+            if (!current.has(notification.id) || current.get(notification.id) !== generation)
+                return current;
+            const next = new Map(current);
             next.delete(notification.id);
             return next;
         });
-        setPendingArchiveIds((current) => {
-            const next = new Set(current);
-            next.add(notification.id);
-            return next;
-        });
+        setPendingArchives((current) => new Map(current).set(notification.id, generation));
         try {
             const result = await archiveMutation.mutateAsync(notification);
             // Nothing was archived (the card changed after it was rendered): the row stays
@@ -112,25 +127,32 @@ export function NotificationList({ config, userId, category, archiveFn, enqueueA
         if (!hasNotifications)
             return;
         setClearIncomplete(false);
-        setPendingClearAllIds(new Set((notifications ?? []).map((notification) => notification.id)));
+        setPendingClearAll(new Map((notifications ?? []).map((notification) => [
+            notification.id,
+            notification.activityGeneration,
+        ])));
         let result;
         try {
             result = await archiveAllMutation.mutateAsync();
         }
         catch {
             // Hard failure (enqueue/poll threw): do not fire onClearAll; surface the retry affordance.
-            setPendingClearAllIds(new Set());
+            setPendingClearAll(NO_PENDING);
             setClearIncomplete(true);
             return;
         }
         if (!result.complete) {
             // Job terminated without fully draining the category (incomplete/failed) — keep the
             // notifications and prompt a retry.
-            setPendingClearAllIds(new Set());
+            setPendingClearAll(NO_PENDING);
             setClearIncomplete(true);
             return;
         }
-        onClearAll?.();
+        // The cards a complete drain left behind stay in the list and never leave the read, so their
+        // pending is released here rather than waiting on a read that will keep listing them.
+        if (result.notArchived > 0)
+            setPendingClearAll(NO_PENDING);
+        onClearAll?.(result);
     }, [archiveAllMutation, hasNotifications, notifications, onClearAll]);
     const getTypeIcon = useCallback((type) => {
         const typeConfig = config.types[type];
@@ -138,10 +160,14 @@ export function NotificationList({ config, userId, category, archiveFn, enqueueA
     }, [config]);
     // A later page that came back empty keeps its pager so the user can step back; the
     // empty state is the answer for page 1 only.
-    const showEmptyState = retryState.error === null && notifications !== undefined && notifications.length === 0 && page === 1;
-    const isClearAllPending = archiveAllMutation.isPending || pendingClearAllIds.size > 0;
+    const showEmptyState = retryState.error === null &&
+        notifications !== undefined &&
+        notifications.length === 0 &&
+        page === 1;
+    const isClearAllPending = archiveAllMutation.isPending ||
+        (notifications ?? []).some((notification) => isPendingFor(pendingClearAll, notification));
     const titleId = useId();
-    return (_jsxs("div", { ref: listRef, className: "ntf-list", role: "group", "aria-labelledby": title != null ? titleId : undefined, tabIndex: -1, children: [_jsxs("div", { className: "ntf-list-header", children: [title != null && _jsx("div", { id: titleId, className: "ntf-list-title", children: title }), _jsx(Button, { type: "button", className: "ntf-list-clear-all", variant: "ghost", size: "sm", onClick: handleClearAll, "aria-disabled": !hasNotifications || undefined, pending: isClearAllPending, children: isClearAllPending ? 'Clearing...' : 'Clear All' }), clearIncomplete && !isClearAllPending && (_jsx("div", { className: "ntf-list-clear-error", role: "status", children: "Some notifications remain \u2014 try again." }))] }), _jsx(Separator, {}), _jsx("div", { className: "ntf-list-body", children: retryState.isLoading ? (_jsx("div", { className: "ntf-loading", children: _jsx(Spinner, { size: "md", label: "Loading notifications" }) })) : (_jsxs(_Fragment, { children: [(notifications ?? []).map((notification) => (_jsxs("div", { ref: (row) => {
+    return (_jsxs("div", { ref: listRef, className: "ntf-list", role: "group", "aria-labelledby": title != null ? titleId : undefined, tabIndex: -1, children: [_jsxs("div", { className: "ntf-list-header", children: [title != null && (_jsx("div", { id: titleId, className: "ntf-list-title", children: title })), _jsx(Button, { type: "button", className: "ntf-list-clear-all", variant: "ghost", size: "sm", onClick: handleClearAll, "aria-disabled": !hasNotifications || undefined, pending: isClearAllPending, children: isClearAllPending ? 'Clearing...' : 'Clear All' }), clearIncomplete && !isClearAllPending && (_jsx("div", { className: "ntf-list-clear-error", role: "status", children: "Some notifications remain \u2014 try again." }))] }), _jsx(Separator, {}), _jsx("div", { className: "ntf-list-body", children: retryState.isLoading ? (_jsx("div", { className: "ntf-loading", children: _jsx(Spinner, { size: "md", label: "Loading notifications" }) })) : (_jsxs(_Fragment, { children: [(notifications ?? []).map((notification) => (_jsxs("div", { ref: (row) => {
                                 if (row)
                                     rowRefs.current.set(notification.id, row);
                                 else
@@ -154,7 +180,8 @@ export function NotificationList({ config, userId, category, archiveFn, enqueueA
                                 }
                             }, children: [_jsx("div", { className: "ntf-item-icon", children: getTypeIcon(notification.type) }), _jsxs("div", { className: "ntf-item-content", children: [_jsx("div", { className: "ntf-item-title", children: notification.title }), _jsx("div", { className: "ntf-item-message", children: notification.message }), _jsx("div", { className: "ntf-item-timestamp", children: formatRelativeTime(notification.updatedAt) })] }), notification.count > 1 && (_jsx("div", { className: "ntf-item-count", children: _jsxs(Badge, { variant: "secondary", children: ["\u00D7", notification.count] }) })), renderRowAction && (_jsx("div", { className: "ntf-item-row-action", children: renderRowAction(notification, {
                                         archive: () => archiveOne(notification),
-                                        isArchivePending: pendingClearAllIds.has(notification.id) || pendingArchiveIds.has(notification.id),
+                                        isArchivePending: isPendingFor(pendingClearAll, notification) ||
+                                            isPendingFor(pendingArchives, notification),
                                     }) }))] }, notification.id))), retryState.error !== null
                             ? renderError({
                                 error: retryState.error,

package/dist/react/components/NotificationList.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationList.js","sourceRoot":"","sources":["../../../src/react/components/NotificationList.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useId, useLayoutEffect, useRef, useState } from 'react';\nimport { Badge, Button, ListPagination, Separator, Spinner } from '@ttt-productions/ui-core/react';\nimport { useActiveNotifications } from '../hooks/useActiveNotifications.js';\nimport { useArchiveNotification } from '../hooks/useArchiveNotification.js';\nimport { useArchiveAllNotifications } from '../hooks/useArchiveAllNotifications.js';\nimport { NotificationEmptyState } from './NotificationEmptyState.js';\nimport { formatRelativeTime } from './relative-time.js';\nimport type { NotificationDoc, NotificationListProps } from '../../types.js';\n\nconst FOCUSABLE =\n  'button:not([disabled]), a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\n/**\n * Scrollable list of active notifications with click-to-archive and clear-all.\n */\nexport function NotificationList({\n  config,\n  userId,\n  category,\n  archiveFn,\n  enqueueArchiveAllFn,\n  getArchiveAllStatusFn,\n  title,\n  onClearAll,\n  refetchInterval,\n  staleTime,\n  emptyText,\n  renderError,\n  onRenderedRowsChange,\n  renderRowAction,\n}: NotificationListProps) {\n  const {\n    data: notifications,\n    isFetching,\n    retryState,\n    refetch,\n    page,\n    hasNextPage,\n    hasPrevPage,\n    nextPage,\n    prevPage,\n  } = useActiveNotifications({\n    config,\n    userId,\n    category,\n    refetchInterval,\n    staleTime,\n  });\n\n  const archiveMutation = useArchiveNotification({\n    userId,\n    category,\n    archiveFn,\n  });\n\n  const archiveAllMutation = useArchiveAllNotifications({\n    userId,\n    category,\n    enqueueArchiveAllFn,\n    getArchiveAllStatusFn,\n  });\n\n  // Surface a failed/incomplete clear instead of swallowing it. `onClearAll` (and the tray-closing\n  // side effects the app wires to it) fires ONLY when the server job fully drained the category —\n  // otherwise the user keeps the \"notifications remain — try again\" affordance. The poller resolves\n  // with an explicit terminal result (`complete` | `incomplete` | `failed`) and only rejects on a\n  // hard enqueue/poll throw.\n  const [clearIncomplete, setClearIncomplete] = useState(false);\n  const [pendingArchiveIds, setPendingArchiveIds] = useState<ReadonlySet<string>>(\n    () => new Set(),\n  );\n  const [pendingClearAllIds, setPendingClearAllIds] = useState<ReadonlySet<string>>(\n    () => new Set(),\n  );\n\n  const renderedRowsRef = useRef(onRenderedRowsChange);\n  renderedRowsRef.current = onRenderedRowsChange;\n  useEffect(() => {\n    if (notifications) renderedRowsRef.current?.(notifications);\n  }, [notifications]);\n\n  // An archive the server confirmed stays visibly pending until the authoritative\n  // active-notification query removes the row: the callable's answer alone does not\n  // prove the read has caught up.\n  useEffect(() => {\n    if (!notifications) return;\n    const activeIds = new Set(notifications.map((notification) => notification.id));\n    const keepActive = (current: ReadonlySet<string>) => {\n      const next = new Set([...current].filter((id) => activeIds.has(id)));\n      return next.size === current.size ? current : next;\n    };\n    setPendingArchiveIds(keepActive);\n    setPendingClearAllIds(keepActive);\n  }, [notifications]);\n\n  // A row that leaves the list while focus is inside it takes the focused control with it, so focus\n  // moves to the control of the row that followed it, or to the list itself (FRONTEND-203). A row's\n  // removal fires no blur, so the row still recorded as focused when the rows change is the row that\n  // held focus as it left.\n  const listRef = useRef<HTMLDivElement>(null);\n  const rowRefs = useRef(new Map<string, HTMLDivElement>());\n  const focusedRowId = useRef<string | null>(null);\n  const renderedIds = useRef<readonly string[]>([]);\n  useLayoutEffect(() => {\n    const ids = retryState.isLoading ? [] : (notifications ?? []).map((notification) => notification.id);\n    const previousIds = renderedIds.current;\n    renderedIds.current = ids;\n    const leftId = focusedRowId.current;\n    if (leftId === null || ids.includes(leftId)) return;\n    focusedRowId.current = null;\n    const active = document.activeElement;\n    if (active !== null && active !== document.body && active.isConnected) return;\n\n    const remaining = new Set(ids);\n    const followers = previousIds.slice(previousIds.indexOf(leftId) + 1).filter((id) => remaining.has(id));\n    const nextControl = followers\n      .map((id) => rowRefs.current.get(id)?.querySelector('.ntf-item-row-action')?.querySelector<HTMLElement>(FOCUSABLE))\n      .find((control) => control != null);\n    (nextControl ?? listRef.current)?.focus();\n  }, [notifications, retryState.isLoading]);\n\n  const archiveOne = useCallback(async (notification: NotificationDoc) => {\n    const clearPending = () =>\n      setPendingArchiveIds((current) => {\n        const next = new Set(current);\n        next.delete(notification.id);\n        return next;\n      });\n    setPendingArchiveIds((current) => {\n      const next = new Set(current);\n      next.add(notification.id);\n      return next;\n    });\n    try {\n      const result = await archiveMutation.mutateAsync(notification);\n      // Nothing was archived (the card changed after it was rendered): the row stays\n      // active, so it is not left looking like it is clearing.\n      if (!result.archived) clearPending();\n    } catch (archiveError) {\n      clearPending();\n      throw archiveError;\n    }\n  }, [archiveMutation]);\n\n  const hasNotifications = !!notifications && notifications.length > 0;\n\n  const handleClearAll = useCallback(async () => {\n    if (!hasNotifications) return;\n    setClearIncomplete(false);\n    setPendingClearAllIds(new Set((notifications ?? []).map((notification) => notification.id)));\n    let result;\n    try {\n      result = await archiveAllMutation.mutateAsync();\n    } catch {\n      // Hard failure (enqueue/poll threw): do not fire onClearAll; surface the retry affordance.\n      setPendingClearAllIds(new Set());\n      setClearIncomplete(true);\n      return;\n    }\n    if (!result.complete) {\n      // Job terminated without fully draining the category (incomplete/failed) — keep the\n      // notifications and prompt a retry.\n      setPendingClearAllIds(new Set());\n      setClearIncomplete(true);\n      return;\n    }\n    onClearAll?.();\n  }, [archiveAllMutation, hasNotifications, notifications, onClearAll]);\n\n  const getTypeIcon = useCallback(\n    (type: string) => {\n      const typeConfig = config.types[type];\n      return typeConfig?.icon ?? '🔔';\n    },\n    [config],\n  );\n\n  // A later page that came back empty keeps its pager so the user can step back; the\n  // empty state is the answer for page 1 only.\n  const showEmptyState =\n    retryState.error === null && notifications !== undefined && notifications.length === 0 && page === 1;\n  const isClearAllPending = archiveAllMutation.isPending || pendingClearAllIds.size > 0;\n  const titleId = useId();\n\n  return (\n    <div\n      ref={listRef}\n      className=\"ntf-list\"\n      role=\"group\"\n      aria-labelledby={title != null ? titleId : undefined}\n      tabIndex={-1}\n    >\n      <div className=\"ntf-list-header\">\n        {title != null && <div id={titleId} className=\"ntf-list-title\">{title}</div>}\n        {/* Unavailable with nothing to clear, but never natively disabled: the list empties under\n            a Clear All that still holds focus, and focus must keep a destination (FRONTEND-203). */}\n        <Button\n          type=\"button\"\n          className=\"ntf-list-clear-all\"\n          variant=\"ghost\"\n          size=\"sm\"\n          onClick={handleClearAll}\n          aria-disabled={!hasNotifications || undefined}\n          pending={isClearAllPending}\n        >\n          {isClearAllPending ? 'Clearing...' : 'Clear All'}\n        </Button>\n        {clearIncomplete && !isClearAllPending && (\n          <div className=\"ntf-list-clear-error\" role=\"status\">\n            Some notifications remain — try again.\n          </div>\n        )}\n      </div>\n      <Separator />\n\n      <div className=\"ntf-list-body\">\n      {retryState.isLoading ? (\n        <div className=\"ntf-loading\">\n          <Spinner size=\"md\" label=\"Loading notifications\" />\n        </div>\n      ) : (\n        <>\n          {(notifications ?? []).map((notification: NotificationDoc) => (\n            <div\n              key={notification.id}\n              ref={(row) => {\n                if (row) rowRefs.current.set(notification.id, row);\n                else rowRefs.current.delete(notification.id);\n              }}\n              className=\"ntf-item\"\n              onFocus={() => {\n                focusedRowId.current = notification.id;\n              }}\n              onBlur={(event) => {\n                if (!event.currentTarget.contains(event.relatedTarget as Node | null)) {\n                  focusedRowId.current = null;\n                }\n              }}\n            >\n              <div className=\"ntf-item-icon\">\n                {getTypeIcon(notification.type)}\n              </div>\n              <div className=\"ntf-item-content\">\n                <div className=\"ntf-item-title\">{notification.title}</div>\n                <div className=\"ntf-item-message\">{notification.message}</div>\n                <div className=\"ntf-item-timestamp\">\n                  {formatRelativeTime(notification.updatedAt)}\n                </div>\n              </div>\n              {notification.count > 1 && (\n                <div className=\"ntf-item-count\">\n                  <Badge variant=\"secondary\">×{notification.count}</Badge>\n                </div>\n              )}\n              {renderRowAction && (\n                <div className=\"ntf-item-row-action\">\n                  {renderRowAction(notification, {\n                    archive: () => archiveOne(notification),\n                    isArchivePending:\n                      pendingClearAllIds.has(notification.id) || pendingArchiveIds.has(notification.id),\n                  })}\n                </div>\n              )}\n            </div>\n          ))}\n          {retryState.error !== null\n            ? renderError({\n                error: retryState.error,\n                retry: () => {\n                  void refetch();\n                },\n                retrying: retryState.isRetrying,\n                hasRows: hasNotifications,\n              })\n            : null}\n          {showEmptyState && <NotificationEmptyState text={emptyText} />}\n          <ListPagination\n            pagination={{\n              currentPage: page,\n              canPreviousPage: hasPrevPage,\n              canNextPage: hasNextPage,\n              goToPreviousPage: prevPage,\n              goToNextPage: nextPage,\n            }}\n            busy={isFetching}\n            className=\"ntf-list-footer mt-0\"\n          />\n        </>\n      )}\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"NotificationList.js","sourceRoot":"","sources":["../../../src/react/components/NotificationList.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport { useCallback, useEffect, useId, useLayoutEffect, useRef, useState } from 'react';\nimport { Badge, Button, ListPagination, Separator, Spinner } from '@ttt-productions/ui-core/react';\nimport { useActiveNotifications } from '../hooks/useActiveNotifications.js';\nimport { useArchiveNotification } from '../hooks/useArchiveNotification.js';\nimport { useArchiveAllNotifications } from '../hooks/useArchiveAllNotifications.js';\nimport { NotificationEmptyState } from './NotificationEmptyState.js';\nimport { formatRelativeTime } from './relative-time.js';\nimport type { NotificationDoc } from '../../types.js';\nimport type { NotificationListProps } from '../types.js';\n\n/** Pending archives keyed by card id, holding the activity generation the archive was sent for. */\ntype PendingArchives = ReadonlyMap<string, string | undefined>;\n\nconst NO_PENDING: PendingArchives = new Map();\n\n/**\n * An archive belongs to the card generation it was sent for. A card relit on the same id gets a new\n * generation, which the archive never covered, so it is not pending for that card.\n */\nfunction isPendingFor(pending: PendingArchives, notification: NotificationDoc): boolean {\n  return (\n    pending.has(notification.id) && pending.get(notification.id) === notification.activityGeneration\n  );\n}\n\nconst FOCUSABLE =\n  'button:not([disabled]), a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\n/**\n * Scrollable list of active notifications with click-to-archive and clear-all.\n */\nexport function NotificationList({\n  config,\n  userId,\n  category,\n  archiveFn,\n  enqueueArchiveAllFn,\n  getArchiveAllStatusFn,\n  title,\n  onClearAll,\n  refetchInterval,\n  staleTime,\n  emptyText,\n  renderError,\n  onRenderedRowsChange,\n  renderRowAction,\n}: NotificationListProps) {\n  const {\n    data: notifications,\n    isFetching,\n    retryState,\n    refetch,\n    page,\n    hasNextPage,\n    hasPrevPage,\n    nextPage,\n    prevPage,\n  } = useActiveNotifications({\n    config,\n    userId,\n    category,\n    refetchInterval,\n    staleTime,\n  });\n\n  const archiveMutation = useArchiveNotification({\n    userId,\n    category,\n    archiveFn,\n  });\n\n  const archiveAllMutation = useArchiveAllNotifications({\n    userId,\n    category,\n    enqueueArchiveAllFn,\n    getArchiveAllStatusFn,\n  });\n\n  // Surface a failed/incomplete clear instead of swallowing it. `onClearAll` (and the tray-closing\n  // side effects the app wires to it) fires ONLY when the server job fully drained the category —\n  // otherwise the user keeps the \"notifications remain — try again\" affordance. The poller resolves\n  // with an explicit terminal result (`complete` | `incomplete` | `failed`) and only rejects on a\n  // hard enqueue/poll throw.\n  const [clearIncomplete, setClearIncomplete] = useState(false);\n  const [pendingArchives, setPendingArchives] = useState<PendingArchives>(NO_PENDING);\n  const [pendingClearAll, setPendingClearAll] = useState<PendingArchives>(NO_PENDING);\n\n  const renderedRowsRef = useRef(onRenderedRowsChange);\n  renderedRowsRef.current = onRenderedRowsChange;\n  useEffect(() => {\n    if (notifications) renderedRowsRef.current?.(notifications);\n  }, [notifications]);\n\n  // An archive the server confirmed stays visibly pending until the authoritative\n  // active-notification query removes the row: the callable's answer alone does not\n  // prove the read has caught up. A row the read lists at a newer generation was relit\n  // after the archive, so the archive no longer holds it.\n  useEffect(() => {\n    if (!notifications) return;\n    const activeGenerations = new Map(\n      notifications.map((notification) => [notification.id, notification.activityGeneration]),\n    );\n    const keepActive = (current: PendingArchives): PendingArchives => {\n      const next = new Map(\n        [...current].filter(\n          ([id, generation]) =>\n            activeGenerations.has(id) && activeGenerations.get(id) === generation,\n        ),\n      );\n      return next.size === current.size ? current : next;\n    };\n    setPendingArchives(keepActive);\n    setPendingClearAll(keepActive);\n  }, [notifications]);\n\n  // A row that leaves the list while focus is inside it takes the focused control with it, so focus\n  // moves to the control of the row that followed it, or to the list itself (FRONTEND-203). A row's\n  // removal fires no blur, so the row still recorded as focused when the rows change is the row that\n  // held focus as it left.\n  const listRef = useRef<HTMLDivElement>(null);\n  const rowRefs = useRef(new Map<string, HTMLDivElement>());\n  const focusedRowId = useRef<string | null>(null);\n  const renderedIds = useRef<readonly string[]>([]);\n  useLayoutEffect(() => {\n    const ids = retryState.isLoading\n      ? []\n      : (notifications ?? []).map((notification) => notification.id);\n    const previousIds = renderedIds.current;\n    renderedIds.current = ids;\n    const leftId = focusedRowId.current;\n    if (leftId === null || ids.includes(leftId)) return;\n    focusedRowId.current = null;\n    const active = document.activeElement;\n    if (active !== null && active !== document.body && active.isConnected) return;\n\n    const remaining = new Set(ids);\n    const followers = previousIds\n      .slice(previousIds.indexOf(leftId) + 1)\n      .filter((id) => remaining.has(id));\n    const nextControl = followers\n      .map((id) =>\n        rowRefs.current\n          .get(id)\n          ?.querySelector('.ntf-item-row-action')\n          ?.querySelector<HTMLElement>(FOCUSABLE),\n      )\n      .find((control) => control != null);\n    (nextControl ?? listRef.current)?.focus();\n  }, [notifications, retryState.isLoading]);\n\n  const archiveOne = useCallback(\n    async (notification: NotificationDoc) => {\n      const generation = notification.activityGeneration;\n      const clearPending = () =>\n        setPendingArchives((current) => {\n          if (!current.has(notification.id) || current.get(notification.id) !== generation)\n            return current;\n          const next = new Map(current);\n          next.delete(notification.id);\n          return next;\n        });\n      setPendingArchives((current) => new Map(current).set(notification.id, generation));\n      try {\n        const result = await archiveMutation.mutateAsync(notification);\n        // Nothing was archived (the card changed after it was rendered): the row stays\n        // active, so it is not left looking like it is clearing.\n        if (!result.archived) clearPending();\n      } catch (archiveError) {\n        clearPending();\n        throw archiveError;\n      }\n    },\n    [archiveMutation],\n  );\n\n  const hasNotifications = !!notifications && notifications.length > 0;\n\n  const handleClearAll = useCallback(async () => {\n    if (!hasNotifications) return;\n    setClearIncomplete(false);\n    setPendingClearAll(\n      new Map(\n        (notifications ?? []).map((notification) => [\n          notification.id,\n          notification.activityGeneration,\n        ]),\n      ),\n    );\n    let result;\n    try {\n      result = await archiveAllMutation.mutateAsync();\n    } catch {\n      // Hard failure (enqueue/poll threw): do not fire onClearAll; surface the retry affordance.\n      setPendingClearAll(NO_PENDING);\n      setClearIncomplete(true);\n      return;\n    }\n    if (!result.complete) {\n      // Job terminated without fully draining the category (incomplete/failed) — keep the\n      // notifications and prompt a retry.\n      setPendingClearAll(NO_PENDING);\n      setClearIncomplete(true);\n      return;\n    }\n    // The cards a complete drain left behind stay in the list and never leave the read, so their\n    // pending is released here rather than waiting on a read that will keep listing them.\n    if (result.notArchived > 0) setPendingClearAll(NO_PENDING);\n    onClearAll?.(result);\n  }, [archiveAllMutation, hasNotifications, notifications, onClearAll]);\n\n  const getTypeIcon = useCallback(\n    (type: string) => {\n      const typeConfig = config.types[type];\n      return typeConfig?.icon ?? '🔔';\n    },\n    [config],\n  );\n\n  // A later page that came back empty keeps its pager so the user can step back; the\n  // empty state is the answer for page 1 only.\n  const showEmptyState =\n    retryState.error === null &&\n    notifications !== undefined &&\n    notifications.length === 0 &&\n    page === 1;\n  const isClearAllPending =\n    archiveAllMutation.isPending ||\n    (notifications ?? []).some((notification) => isPendingFor(pendingClearAll, notification));\n  const titleId = useId();\n\n  return (\n    <div\n      ref={listRef}\n      className=\"ntf-list\"\n      role=\"group\"\n      aria-labelledby={title != null ? titleId : undefined}\n      tabIndex={-1}\n    >\n      <div className=\"ntf-list-header\">\n        {title != null && (\n          <div id={titleId} className=\"ntf-list-title\">\n            {title}\n          </div>\n        )}\n        {/* Unavailable with nothing to clear, but never natively disabled: the list empties under\n            a Clear All that still holds focus, and focus must keep a destination (FRONTEND-203). */}\n        <Button\n          type=\"button\"\n          className=\"ntf-list-clear-all\"\n          variant=\"ghost\"\n          size=\"sm\"\n          onClick={handleClearAll}\n          aria-disabled={!hasNotifications || undefined}\n          pending={isClearAllPending}\n        >\n          {isClearAllPending ? 'Clearing...' : 'Clear All'}\n        </Button>\n        {clearIncomplete && !isClearAllPending && (\n          <div className=\"ntf-list-clear-error\" role=\"status\">\n            Some notifications remain — try again.\n          </div>\n        )}\n      </div>\n      <Separator />\n\n      <div className=\"ntf-list-body\">\n        {retryState.isLoading ? (\n          <div className=\"ntf-loading\">\n            <Spinner size=\"md\" label=\"Loading notifications\" />\n          </div>\n        ) : (\n          <>\n            {(notifications ?? []).map((notification: NotificationDoc) => (\n              <div\n                key={notification.id}\n                ref={(row) => {\n                  if (row) rowRefs.current.set(notification.id, row);\n                  else rowRefs.current.delete(notification.id);\n                }}\n                className=\"ntf-item\"\n                onFocus={() => {\n                  focusedRowId.current = notification.id;\n                }}\n                onBlur={(event) => {\n                  if (!event.currentTarget.contains(event.relatedTarget as Node | null)) {\n                    focusedRowId.current = null;\n                  }\n                }}\n              >\n                <div className=\"ntf-item-icon\">{getTypeIcon(notification.type)}</div>\n                <div className=\"ntf-item-content\">\n                  <div className=\"ntf-item-title\">{notification.title}</div>\n                  <div className=\"ntf-item-message\">{notification.message}</div>\n                  <div className=\"ntf-item-timestamp\">\n                    {formatRelativeTime(notification.updatedAt)}\n                  </div>\n                </div>\n                {notification.count > 1 && (\n                  <div className=\"ntf-item-count\">\n                    <Badge variant=\"secondary\">×{notification.count}</Badge>\n                  </div>\n                )}\n                {renderRowAction && (\n                  <div className=\"ntf-item-row-action\">\n                    {renderRowAction(notification, {\n                      archive: () => archiveOne(notification),\n                      isArchivePending:\n                        isPendingFor(pendingClearAll, notification) ||\n                        isPendingFor(pendingArchives, notification),\n                    })}\n                  </div>\n                )}\n              </div>\n            ))}\n            {retryState.error !== null\n              ? renderError({\n                  error: retryState.error,\n                  retry: () => {\n                    void refetch();\n                  },\n                  retrying: retryState.isRetrying,\n                  hasRows: hasNotifications,\n                })\n              : null}\n            {showEmptyState && <NotificationEmptyState text={emptyText} />}\n            <ListPagination\n              pagination={{\n                currentPage: page,\n                canPreviousPage: hasPrevPage,\n                canNextPage: hasNextPage,\n                goToPreviousPage: prevPage,\n                goToNextPage: nextPage,\n              }}\n              busy={isFetching}\n              className=\"ntf-list-footer mt-0\"\n            />\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/react/components/NotificationUnreadBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationUnreadBadge.d.ts","sourceRoot":"","sources":["../../../src/react/components/NotificationUnreadBadge.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,gBAAgB,CAAC;AAEnE;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,eAAe,GAChB,EAAE,4BAA4B,sCAe9B"}
+{"version":3,"file":"NotificationUnreadBadge.d.ts","sourceRoot":"","sources":["../../../src/react/components/NotificationUnreadBadge.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,gBAAgB,CAAC;AAEnE;;;;GAIG;AACH,wBAAgB,uBAAuB,CAAC,EACtC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,eAAe,GAChB,EAAE,4BAA4B,sCAa9B"}

package/dist/react/components/NotificationUnreadBadge.js

@@ -16,6 +16,6 @@ export function NotificationUnreadBadge({ config, userId, category, refetchInter
     if (count === 0)
         return null;
     const displayCount = hasMore ? '99+' : count > 9 ? '9+' : String(count);
-    return (_jsx("span", { className: "ntf-badge", children: displayCount }));
+    return _jsx("span", { className: "ntf-badge", children: displayCount });
 }
 //# sourceMappingURL=NotificationUnreadBadge.js.map

package/dist/react/components/NotificationUnreadBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationUnreadBadge.js","sourceRoot":"","sources":["../../../src/react/components/NotificationUnreadBadge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAG5D;;;;GAIG;AACH,MAAM,UAAU,uBAAuB,CAAC,EACtC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,eAAe,GACc;IAC7B,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,cAAc,CAAC;QACxC,MAAM;QACN,MAAM;QACN,QAAQ;QACR,eAAe;KAChB,CAAC,CAAC;IAEH,IAAI,KAAK,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAE7B,MAAM,YAAY,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAExE,OAAO,CACL,eAAM,SAAS,EAAC,WAAW,YAAE,YAAY,GAAQ,CAClD,CAAC;AACJ,CAAC","sourcesContent":["'use client';\n\nimport { useUnreadCount } from '../hooks/useUnreadCount.js';\nimport type { NotificationUnreadBadgeProps } from '../../types.js';\n\n/**\n * Unread count badge (red circle with number).\n * Renders nothing when count is 0.\n * Apps wrap this around whatever trigger element they want.\n */\nexport function NotificationUnreadBadge({\n  config,\n  userId,\n  category,\n  refetchInterval,\n}: NotificationUnreadBadgeProps) {\n  const { count, hasMore } = useUnreadCount({\n    config,\n    userId,\n    category,\n    refetchInterval,\n  });\n\n  if (count === 0) return null;\n\n  const displayCount = hasMore ? '99+' : count > 9 ? '9+' : String(count);\n\n  return (\n    <span className=\"ntf-badge\">{displayCount}</span>\n  );\n}\n"]}
+{"version":3,"file":"NotificationUnreadBadge.js","sourceRoot":"","sources":["../../../src/react/components/NotificationUnreadBadge.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAG5D;;;;GAIG;AACH,MAAM,UAAU,uBAAuB,CAAC,EACtC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,eAAe,GACc;IAC7B,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,cAAc,CAAC;QACxC,MAAM;QACN,MAAM;QACN,QAAQ;QACR,eAAe;KAChB,CAAC,CAAC;IAEH,IAAI,KAAK,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAE7B,MAAM,YAAY,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IAExE,OAAO,eAAM,SAAS,EAAC,WAAW,YAAE,YAAY,GAAQ,CAAC;AAC3D,CAAC","sourcesContent":["'use client';\n\nimport { useUnreadCount } from '../hooks/useUnreadCount.js';\nimport type { NotificationUnreadBadgeProps } from '../../types.js';\n\n/**\n * Unread count badge (red circle with number).\n * Renders nothing when count is 0.\n * Apps wrap this around whatever trigger element they want.\n */\nexport function NotificationUnreadBadge({\n  config,\n  userId,\n  category,\n  refetchInterval,\n}: NotificationUnreadBadgeProps) {\n  const { count, hasMore } = useUnreadCount({\n    config,\n    userId,\n    category,\n    refetchInterval,\n  });\n\n  if (count === 0) return null;\n\n  const displayCount = hasMore ? '99+' : count > 9 ? '9+' : String(count);\n\n  return <span className=\"ntf-badge\">{displayCount}</span>;\n}\n"]}

package/dist/react/hooks/useActiveNotifications.d.ts

@@ -5,7 +5,7 @@ import type { NotificationDoc, UseActiveNotificationsOptions } from '../../types
  */
 export declare function useActiveNotifications({ config, userId, category, enabled, pageSize, refetchInterval, staleTime, }: UseActiveNotificationsOptions): {
     retryState: import("@ttt-productions/query-core/react").ReadRetryState<Error>;
-    promise: Promise<import("@ttt-productions/query-core").PaginatedPage<import("@ttt-productions/query-core").WithId<NotificationDoc>>>;
+    promise: Promise<import("@ttt-productions/query-core/react").PaginatedPage<import("@ttt-productions/query-core/types").WithId<NotificationDoc>>>;
     error: Error | null;
     isError: boolean;
     isPending: boolean;
@@ -28,9 +28,9 @@ export declare function useActiveNotifications({ config, userId, category, enabl
     isRefetching: boolean;
     isStale: boolean;
     isEnabled: boolean;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@ttt-productions/query-core").PaginatedPage<import("@ttt-productions/query-core").WithId<NotificationDoc>>, Error>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@ttt-productions/query-core/react").PaginatedPage<import("@ttt-productions/query-core/types").WithId<NotificationDoc>>, Error>>;
     fetchStatus: import("@tanstack/query-core").FetchStatus;
-    data: import("@ttt-productions/query-core").WithId<NotificationDoc>[] | undefined;
+    data: import("@ttt-productions/query-core/types").WithId<NotificationDoc>[] | undefined;
     page: number;
     pageSize: number;
     hasNextPage: boolean;

package/dist/react/hooks/useActiveNotifications.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useActiveNotifications.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/useActiveNotifications.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,6BAA6B,EAAE,MAAM,gBAAgB,CAAC;AAMrF;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAc,EACd,QAA4B,EAC5B,eAA0C,EAC1C,SAA8B,GAC/B,EAAE,6BAA6B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2B/B"}
+{"version":3,"file":"useActiveNotifications.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/useActiveNotifications.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,eAAe,EAAE,6BAA6B,EAAE,MAAM,gBAAgB,CAAC;AAMrF;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAc,EACd,QAA4B,EAC5B,eAA0C,EAC1C,SAA8B,GAC/B,EAAE,6BAA6B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2B/B"}

package/dist/react/hooks/useActiveNotifications.js

@@ -1,6 +1,5 @@
 'use client';
-import { paginatedPageKey } from '@ttt-productions/query-core';
-import { useFirestorePaginated, useReadRetryState } from '@ttt-productions/query-core/react';
+import { paginatedPageKey, useFirestorePaginated, useReadRetryState, } from '@ttt-productions/query-core/react';
 import { orderBy, where } from 'firebase/firestore';
 const DEFAULT_PAGE_SIZE = 20;
 const DEFAULT_REFETCH_INTERVAL = 30_000;

package/dist/react/hooks/useActiveNotifications.js.map

@@ -1 +1 @@
-{"version":3,"file":"useActiveNotifications.js","sourceRoot":"","sources":["../../../src/react/hooks/useActiveNotifications.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAC7F,OAAO,EAAE,OAAO,EAAE,KAAK,EAAwB,MAAM,oBAAoB,CAAC;AAG1E,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAC7B,MAAM,wBAAwB,GAAG,MAAM,CAAC;AACxC,MAAM,kBAAkB,GAAG,MAAM,CAAC;AAElC;;;GAGG;AACH,MAAM,UAAU,sBAAsB,CAAC,EACrC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,GAAG,IAAI,EACd,QAAQ,GAAG,iBAAiB,EAC5B,eAAe,GAAG,wBAAwB,EAC1C,SAAS,GAAG,kBAAkB,GACA;IAC9B,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IACnD,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,MAAM,IAAI,KAAK,CAAC,yCAAyC,QAAQ,EAAE,CAAC,CAAC;IACvE,CAAC;IAED,MAAM,cAAc,GAAG,cAAc,CAAC,UAAU,CAAC;IACjD,MAAM,UAAU,GAAG,cAAc,CAAC,YAAY,KAAK,UAAU,CAAC;IAE9D,MAAM,WAAW,GAAsB;QACrC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC5D,OAAO,CAAC,WAAW,EAAE,MAAM,CAAC;KAC7B,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,eAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC7E,MAAM,IAAI,GAAG,qBAAqB,CAAkB;QAClD,cAAc;QACd,QAAQ;QACR,WAAW;QACX,QAAQ;QACR,OAAO,EAAE,OAAO,IAAI,CAAC,CAAC,MAAM;QAC5B,eAAe;QACf,SAAS;KACV,CAAC,CAAC;IACH,kGAAkG;IAClG,gGAAgG;IAChG,OAAO,EAAE,GAAG,IAAI,EAAE,UAAU,EAAE,iBAAiB,CAAC,IAAI,EAAE,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;AACjG,CAAC","sourcesContent":["'use client';\n\nimport { paginatedPageKey } from '@ttt-productions/query-core';\nimport { useFirestorePaginated, useReadRetryState } from '@ttt-productions/query-core/react';\nimport { orderBy, where, type QueryConstraint } from 'firebase/firestore';\nimport type { NotificationDoc, UseActiveNotificationsOptions } from '../../types.js';\n\nconst DEFAULT_PAGE_SIZE = 20;\nconst DEFAULT_REFETCH_INTERVAL = 30_000;\nconst DEFAULT_STALE_TIME = 30_000;\n\n/**\n * Paginated read of active notifications. The displayed page is re-read every\n * `refetchInterval` ms while mounted — polling, not a realtime listener, for cost.\n */\nexport function useActiveNotifications({\n  config,\n  userId,\n  category,\n  enabled = true,\n  pageSize = DEFAULT_PAGE_SIZE,\n  refetchInterval = DEFAULT_REFETCH_INTERVAL,\n  staleTime = DEFAULT_STALE_TIME,\n}: UseActiveNotificationsOptions) {\n  const categoryConfig = config.categories[category];\n  if (!categoryConfig) {\n    throw new Error(`[notification-core] Unknown category: ${category}`);\n  }\n\n  const collectionPath = categoryConfig.activePath;\n  const isPersonal = categoryConfig.audienceType === 'personal';\n\n  const constraints: QueryConstraint[] = [\n    ...(isPersonal ? [where('targetUserId', '==', userId)] : []),\n    orderBy('updatedAt', 'desc'),\n  ];\n\n  const queryKey = ['notifications', 'active', category, userId, { pageSize }];\n  const read = useFirestorePaginated<NotificationDoc>({\n    collectionPath,\n    queryKey,\n    constraints,\n    pageSize,\n    enabled: enabled && !!userId,\n    refetchInterval,\n    staleTime,\n  });\n  // The displayed page's failure held through its retry: a refetch of a never-succeeded page clears\n  // `error` while it runs, so the list would drop its failure under the retry the person pressed.\n  return { ...read, retryState: useReadRetryState(read, paginatedPageKey(queryKey, read.page)) };\n}\n"]}
+{"version":3,"file":"useActiveNotifications.js","sourceRoot":"","sources":["../../../src/react/hooks/useActiveNotifications.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EACL,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,GAClB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,KAAK,EAAwB,MAAM,oBAAoB,CAAC;AAG1E,MAAM,iBAAiB,GAAG,EAAE,CAAC;AAC7B,MAAM,wBAAwB,GAAG,MAAM,CAAC;AACxC,MAAM,kBAAkB,GAAG,MAAM,CAAC;AAElC;;;GAGG;AACH,MAAM,UAAU,sBAAsB,CAAC,EACrC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAO,GAAG,IAAI,EACd,QAAQ,GAAG,iBAAiB,EAC5B,eAAe,GAAG,wBAAwB,EAC1C,SAAS,GAAG,kBAAkB,GACA;IAC9B,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IACnD,IAAI,CAAC,cAAc,EAAE,CAAC;QACpB,MAAM,IAAI,KAAK,CAAC,yCAAyC,QAAQ,EAAE,CAAC,CAAC;IACvE,CAAC;IAED,MAAM,cAAc,GAAG,cAAc,CAAC,UAAU,CAAC;IACjD,MAAM,UAAU,GAAG,cAAc,CAAC,YAAY,KAAK,UAAU,CAAC;IAE9D,MAAM,WAAW,GAAsB;QACrC,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC5D,OAAO,CAAC,WAAW,EAAE,MAAM,CAAC;KAC7B,CAAC;IAEF,MAAM,QAAQ,GAAG,CAAC,eAAe,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC7E,MAAM,IAAI,GAAG,qBAAqB,CAAkB;QAClD,cAAc;QACd,QAAQ;QACR,WAAW;QACX,QAAQ;QACR,OAAO,EAAE,OAAO,IAAI,CAAC,CAAC,MAAM;QAC5B,eAAe;QACf,SAAS;KACV,CAAC,CAAC;IACH,kGAAkG;IAClG,gGAAgG;IAChG,OAAO,EAAE,GAAG,IAAI,EAAE,UAAU,EAAE,iBAAiB,CAAC,IAAI,EAAE,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;AACjG,CAAC","sourcesContent":["'use client';\n\nimport {\n  paginatedPageKey,\n  useFirestorePaginated,\n  useReadRetryState,\n} from '@ttt-productions/query-core/react';\nimport { orderBy, where, type QueryConstraint } from 'firebase/firestore';\nimport type { NotificationDoc, UseActiveNotificationsOptions } from '../../types.js';\n\nconst DEFAULT_PAGE_SIZE = 20;\nconst DEFAULT_REFETCH_INTERVAL = 30_000;\nconst DEFAULT_STALE_TIME = 30_000;\n\n/**\n * Paginated read of active notifications. The displayed page is re-read every\n * `refetchInterval` ms while mounted — polling, not a realtime listener, for cost.\n */\nexport function useActiveNotifications({\n  config,\n  userId,\n  category,\n  enabled = true,\n  pageSize = DEFAULT_PAGE_SIZE,\n  refetchInterval = DEFAULT_REFETCH_INTERVAL,\n  staleTime = DEFAULT_STALE_TIME,\n}: UseActiveNotificationsOptions) {\n  const categoryConfig = config.categories[category];\n  if (!categoryConfig) {\n    throw new Error(`[notification-core] Unknown category: ${category}`);\n  }\n\n  const collectionPath = categoryConfig.activePath;\n  const isPersonal = categoryConfig.audienceType === 'personal';\n\n  const constraints: QueryConstraint[] = [\n    ...(isPersonal ? [where('targetUserId', '==', userId)] : []),\n    orderBy('updatedAt', 'desc'),\n  ];\n\n  const queryKey = ['notifications', 'active', category, userId, { pageSize }];\n  const read = useFirestorePaginated<NotificationDoc>({\n    collectionPath,\n    queryKey,\n    constraints,\n    pageSize,\n    enabled: enabled && !!userId,\n    refetchInterval,\n    staleTime,\n  });\n  // The displayed page's failure held through its retry: a refetch of a never-succeeded page clears\n  // `error` while it runs, so the list would drop its failure under the retry the person pressed.\n  return { ...read, retryState: useReadRetryState(read, paginatedPageKey(queryKey, read.page)) };\n}\n"]}

package/dist/react/hooks/useArchiveAllNotifications.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useArchiveAllNotifications.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/useArchiveAllNotifications.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,oBAAoB,EACpB,iCAAiC,EAClC,MAAM,gBAAgB,CAAC;AASxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,MAAM,EACN,QAAQ,EACR,mBAAmB,EACnB,qBAAqB,EACrB,cAAyC,EACzC,QAA4B,EAC5B,cAAc,GACf,EAAE,iCAAiC,iGAqDnC"}
+{"version":3,"file":"useArchiveAllNotifications.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/useArchiveAllNotifications.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,iCAAiC,EAAE,MAAM,gBAAgB,CAAC;AAS9F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,MAAM,EACN,QAAQ,EACR,mBAAmB,EACnB,qBAAqB,EACrB,cAAyC,EACzC,QAA4B,EAC5B,cAAc,GACf,EAAE,iCAAiC,iGA8EnC"}

package/dist/react/hooks/useArchiveAllNotifications.js

@@ -57,20 +57,45 @@ export function useArchiveAllNotifications({ userId, category, enqueueArchiveAll
                 const snap = await getArchiveAllStatusFn(jobId);
                 lastArchived = snap.archived ?? 0;
                 if (snap.state === 'complete') {
-                    return { status: 'complete', category, archived: lastArchived, complete: true };
+                    return {
+                        status: 'complete',
+                        category,
+                        archived: lastArchived,
+                        notArchived: snap.notArchived ?? 0,
+                        complete: true,
+                    };
                 }
                 if (snap.state === 'incomplete') {
-                    return { status: 'incomplete', category, archived: lastArchived, complete: false };
+                    return {
+                        status: 'incomplete',
+                        category,
+                        archived: lastArchived,
+                        notArchived: 0,
+                        complete: false,
+                    };
                 }
                 if (snap.state === 'failed') {
-                    return { status: 'failed', category, archived: lastArchived, complete: false, error: snap.error };
+                    return {
+                        status: 'failed',
+                        category,
+                        archived: lastArchived,
+                        notArchived: 0,
+                        complete: false,
+                        error: snap.error,
+                    };
                 }
                 // Still in-progress — wait before the next poll unless this was the last allowed poll.
                 if (poll < maxPolls - 1)
                     await sleep(pollIntervalMs);
             }
             // Guard: the job never reached a terminal state within the poll budget — report incomplete.
-            return { status: 'incomplete', category, archived: lastArchived, complete: false };
+            return {
+                status: 'incomplete',
+                category,
+                archived: lastArchived,
+                notArchived: 0,
+                complete: false,
+            };
         },
         onSuccess: (result) => {
             // Only a completed drain changed the active set; still invalidate on an incomplete drain since

package/dist/react/hooks/useArchiveAllNotifications.js.map

@@ -1 +1 @@
-{"version":3,"file":"useArchiveAllNotifications.js","sourceRoot":"","sources":["../../../src/react/hooks/useArchiveAllNotifications.ts"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport { useMutation, useQueryClient } from '@tanstack/react-query';\nimport type {\n  ArchiveAllPollResult,\n  UseArchiveAllNotificationsOptions,\n} from '../../types.js';\n\nconst DEFAULT_POLL_INTERVAL_MS = 1500;\nconst DEFAULT_MAX_POLLS = 120; // ~3 min at the default interval\n\nfunction sleep(ms: number): Promise<void> {\n  return new Promise((resolve) => setTimeout(resolve, ms));\n}\n\n/**\n * Trigger + poll a SERVER-OWNED archive-all job for one notification category.\n *\n * This is a THIN STATUS POLLER, not a client loop. It:\n *   1. enqueues ONE server job via `enqueueArchiveAllFn(category)` (the category — the tab the tray\n *      was invoked on — flows into the job, preserving per-tab scoping: the worker archives ONLY\n *      that category's active cards, never all tabs);\n *   2. polls `getArchiveAllStatusFn(jobId)` until the job reaches a terminal state\n *      (`complete` | `incomplete` | `failed`);\n *   3. resolves an {@link ArchiveAllPollResult} the caller gates side effects on, and invalidates\n *      the read keys on a completed drain.\n *\n * All paging + ownership-checked per-card deletion happen server-side. The hook performs no client\n * Firestore writes and never chains archive calls. The generic package hardcodes no callable name —\n * the app injects both adapters.\n *\n * @example\n * ```tsx\n * const enqueue = httpsCallable(functions, 'enqueueArchiveAll');\n * const getStatus = httpsCallable(functions, 'getArchiveAllStatus');\n * const archiveAll = useArchiveAllNotifications({\n *   userId: user.uid,\n *   category: 'user',\n *   enqueueArchiveAllFn: (category) => enqueue({ category }).then((r) => r.data),\n *   getArchiveAllStatusFn: (jobId) => getStatus({ jobId }).then((r) => r.data),\n * });\n *\n * archiveAll.mutate();\n * ```\n */\nexport function useArchiveAllNotifications({\n  userId,\n  category,\n  enqueueArchiveAllFn,\n  getArchiveAllStatusFn,\n  pollIntervalMs = DEFAULT_POLL_INTERVAL_MS,\n  maxPolls = DEFAULT_MAX_POLLS,\n  invalidateKeys,\n}: UseArchiveAllNotificationsOptions) {\n  const queryClient = useQueryClient();\n\n  const defaultInvalidateKeys = [\n    ['notifications', 'active', category, userId],\n    ['notifications', 'unread-count', category, userId],\n    ['notifications', 'history', category, userId],\n  ];\n\n  return useMutation({\n    // Server-owned archive-all: enqueue ONE job scoped to `category`, then poll its status until it\n    // reaches a terminal state. No browser loop, no chain of archive transactions. The mutation\n    // resolves with an explicit terminal result (never throws for an incomplete drain) — `complete`\n    // is the load-bearing flag callers gate post-clear side effects on.\n    mutationFn: async (): Promise<ArchiveAllPollResult> => {\n      const { jobId } = await enqueueArchiveAllFn(category);\n\n      // Poll until terminal or until the guard bound is hit. A job that never terminates resolves\n      // `incomplete` (mirrors the old loop's honest \"some remain\" result) rather than hanging. The\n      // first poll happens immediately so a fast/already-complete job resolves without a delay.\n      let lastArchived = 0;\n      for (let poll = 0; poll < maxPolls; poll += 1) {\n        const snap = await getArchiveAllStatusFn(jobId);\n        lastArchived = snap.archived ?? 0;\n\n        if (snap.state === 'complete') {\n          return { status: 'complete', category, archived: lastArchived, complete: true };\n        }\n        if (snap.state === 'incomplete') {\n          return { status: 'incomplete', category, archived: lastArchived, complete: false };\n        }\n        if (snap.state === 'failed') {\n          return { status: 'failed', category, archived: lastArchived, complete: false, error: snap.error };\n        }\n\n        // Still in-progress — wait before the next poll unless this was the last allowed poll.\n        if (poll < maxPolls - 1) await sleep(pollIntervalMs);\n      }\n\n      // Guard: the job never reached a terminal state within the poll budget — report incomplete.\n      return { status: 'incomplete', category, archived: lastArchived, complete: false };\n    },\n    onSuccess: (result) => {\n      // Only a completed drain changed the active set; still invalidate on an incomplete drain since\n      // SOME cards were archived. A hard enqueue/poll failure rejects the mutation (onError), so this\n      // never runs for `failed`.\n      const keysToInvalidate = invalidateKeys ?? defaultInvalidateKeys;\n      keysToInvalidate.forEach((key) => {\n        queryClient.invalidateQueries({ queryKey: [...key], exact: false });\n      });\n      void result;\n    },\n  });\n}\n"]}
+{"version":3,"file":"useArchiveAllNotifications.js","sourceRoot":"","sources":["../../../src/react/hooks/useArchiveAllNotifications.ts"],"names":[],"mappings":"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","sourcesContent":["'use client';\n\nimport { useMutation, useQueryClient } from '@tanstack/react-query';\nimport type { ArchiveAllPollResult, UseArchiveAllNotificationsOptions } from '../../types.js';\n\nconst DEFAULT_POLL_INTERVAL_MS = 1500;\nconst DEFAULT_MAX_POLLS = 120; // ~3 min at the default interval\n\nfunction sleep(ms: number): Promise<void> {\n  return new Promise((resolve) => setTimeout(resolve, ms));\n}\n\n/**\n * Trigger + poll a SERVER-OWNED archive-all job for one notification category.\n *\n * This is a THIN STATUS POLLER, not a client loop. It:\n *   1. enqueues ONE server job via `enqueueArchiveAllFn(category)` (the category — the tab the tray\n *      was invoked on — flows into the job, preserving per-tab scoping: the worker archives ONLY\n *      that category's active cards, never all tabs);\n *   2. polls `getArchiveAllStatusFn(jobId)` until the job reaches a terminal state\n *      (`complete` | `incomplete` | `failed`);\n *   3. resolves an {@link ArchiveAllPollResult} the caller gates side effects on, and invalidates\n *      the read keys on a completed drain.\n *\n * All paging + ownership-checked per-card deletion happen server-side. The hook performs no client\n * Firestore writes and never chains archive calls. The generic package hardcodes no callable name —\n * the app injects both adapters.\n *\n * @example\n * ```tsx\n * const enqueue = httpsCallable(functions, 'enqueueArchiveAll');\n * const getStatus = httpsCallable(functions, 'getArchiveAllStatus');\n * const archiveAll = useArchiveAllNotifications({\n *   userId: user.uid,\n *   category: 'user',\n *   enqueueArchiveAllFn: (category) => enqueue({ category }).then((r) => r.data),\n *   getArchiveAllStatusFn: (jobId) => getStatus({ jobId }).then((r) => r.data),\n * });\n *\n * archiveAll.mutate();\n * ```\n */\nexport function useArchiveAllNotifications({\n  userId,\n  category,\n  enqueueArchiveAllFn,\n  getArchiveAllStatusFn,\n  pollIntervalMs = DEFAULT_POLL_INTERVAL_MS,\n  maxPolls = DEFAULT_MAX_POLLS,\n  invalidateKeys,\n}: UseArchiveAllNotificationsOptions) {\n  const queryClient = useQueryClient();\n\n  const defaultInvalidateKeys = [\n    ['notifications', 'active', category, userId],\n    ['notifications', 'unread-count', category, userId],\n    ['notifications', 'history', category, userId],\n  ];\n\n  return useMutation({\n    // Server-owned archive-all: enqueue ONE job scoped to `category`, then poll its status until it\n    // reaches a terminal state. No browser loop, no chain of archive transactions. The mutation\n    // resolves with an explicit terminal result (never throws for an incomplete drain) — `complete`\n    // is the load-bearing flag callers gate post-clear side effects on.\n    mutationFn: async (): Promise<ArchiveAllPollResult> => {\n      const { jobId } = await enqueueArchiveAllFn(category);\n\n      // Poll until terminal or until the guard bound is hit. A job that never terminates resolves\n      // `incomplete` (mirrors the old loop's honest \"some remain\" result) rather than hanging. The\n      // first poll happens immediately so a fast/already-complete job resolves without a delay.\n      let lastArchived = 0;\n      for (let poll = 0; poll < maxPolls; poll += 1) {\n        const snap = await getArchiveAllStatusFn(jobId);\n        lastArchived = snap.archived ?? 0;\n\n        if (snap.state === 'complete') {\n          return {\n            status: 'complete',\n            category,\n            archived: lastArchived,\n            notArchived: snap.notArchived ?? 0,\n            complete: true,\n          };\n        }\n        if (snap.state === 'incomplete') {\n          return {\n            status: 'incomplete',\n            category,\n            archived: lastArchived,\n            notArchived: 0,\n            complete: false,\n          };\n        }\n        if (snap.state === 'failed') {\n          return {\n            status: 'failed',\n            category,\n            archived: lastArchived,\n            notArchived: 0,\n            complete: false,\n            error: snap.error,\n          };\n        }\n\n        // Still in-progress — wait before the next poll unless this was the last allowed poll.\n        if (poll < maxPolls - 1) await sleep(pollIntervalMs);\n      }\n\n      // Guard: the job never reached a terminal state within the poll budget — report incomplete.\n      return {\n        status: 'incomplete',\n        category,\n        archived: lastArchived,\n        notArchived: 0,\n        complete: false,\n      };\n    },\n    onSuccess: (result) => {\n      // Only a completed drain changed the active set; still invalidate on an incomplete drain since\n      // SOME cards were archived. A hard enqueue/poll failure rejects the mutation (onError), so this\n      // never runs for `failed`.\n      const keysToInvalidate = invalidateKeys ?? defaultInvalidateKeys;\n      keysToInvalidate.forEach((key) => {\n        queryClient.invalidateQueries({ queryKey: [...key], exact: false });\n      });\n      void result;\n    },\n  });\n}\n"]}

package/dist/react/hooks/useNotificationHistory.d.ts

@@ -15,7 +15,7 @@ import type { NotificationHistoryItem, UseNotificationHistoryOptions } from '../
  */
 export declare function useNotificationHistory({ config, userId, category, enabled, pageSize, staleTime, }: UseNotificationHistoryOptions): {
     retryState: import("@ttt-productions/query-core/react").ReadRetryState<Error>;
-    promise: Promise<import("@ttt-productions/query-core").PaginatedPage<import("@ttt-productions/query-core").WithId<NotificationHistoryItem>>>;
+    promise: Promise<import("@ttt-productions/query-core/react").PaginatedPage<import("@ttt-productions/query-core/types").WithId<NotificationHistoryItem>>>;
     error: Error | null;
     isError: boolean;
     isPending: boolean;
@@ -38,9 +38,9 @@ export declare function useNotificationHistory({ config, userId, category, enabl
     isRefetching: boolean;
     isStale: boolean;
     isEnabled: boolean;
-    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@ttt-productions/query-core").PaginatedPage<import("@ttt-productions/query-core").WithId<NotificationHistoryItem>>, Error>>;
+    refetch: (options?: import("@tanstack/query-core").RefetchOptions) => Promise<import("@tanstack/query-core").QueryObserverResult<import("@ttt-productions/query-core/react").PaginatedPage<import("@ttt-productions/query-core/types").WithId<NotificationHistoryItem>>, Error>>;
     fetchStatus: import("@tanstack/query-core").FetchStatus;
-    data: import("@ttt-productions/query-core").WithId<NotificationHistoryItem>[] | undefined;
+    data: import("@ttt-productions/query-core/types").WithId<NotificationHistoryItem>[] | undefined;
     page: number;
     pageSize: number;
     hasNextPage: boolean;

package/dist/react/hooks/useNotificationHistory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useNotificationHistory.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/useNotificationHistory.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAEV,uBAAuB,EACvB,6BAA6B,EAC9B,MAAM,gBAAgB,CAAC;AAKxB;;;;;;;;;;;;;GAaG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAc,EACd,QAA4B,EAC5B,SAA8B,GAC/B,EAAE,6BAA6B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgC/B"}
+{"version":3,"file":"useNotificationHistory.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/useNotificationHistory.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAEV,uBAAuB,EACvB,6BAA6B,EAC9B,MAAM,gBAAgB,CAAC;AAKxB;;;;;;;;;;;;;GAaG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,MAAM,EACN,QAAQ,EACR,OAAc,EACd,QAA4B,EAC5B,SAA8B,GAC/B,EAAE,6BAA6B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgC/B"}

package/dist/react/hooks/useNotificationHistory.js

@@ -1,6 +1,5 @@
 'use client';
-import { paginatedPageKey } from '@ttt-productions/query-core';
-import { useFirestorePaginated, useReadRetryState } from '@ttt-productions/query-core/react';
+import { paginatedPageKey, useFirestorePaginated, useReadRetryState, } from '@ttt-productions/query-core/react';
 import { orderBy } from 'firebase/firestore';
 const DEFAULT_PAGE_SIZE = 20;
 const DEFAULT_STALE_TIME = 60_000;