- {loading ? (
-
-
- ) : filteredItems.length > 0 ? (
-
- {filteredItems.map((item, index) => {
- const isMarkingAsRead = markingAsReadId === item.id;
- // Place prefetch trigger on 5th item from end (only if not searching)
- const isPrefetchTrigger =
- !searchQuery && hasMore && index === filteredItems.length - 5;
+
setActiveTab(value as InboxTab)}
+ className="shrink-0 mx-4"
+ >
+
+
+
+ {t("mentions") || "Mentions"}
+
+ {formatInboxCount(unreadMentionsCount)}
+
+
+
+
+
+ {t("status") || "Status"}
+
+ {formatInboxCount(unreadStatusCount)}
+
+
+
+
+
- return (
-
+ {loading ? (
+
+
+ ) : filteredItems.length > 0 ? (
+
+ {filteredItems.map((item, index) => {
+ const isMarkingAsRead = markingAsReadId === item.id;
+ // Place prefetch trigger on 5th item from end (only if not searching)
+ const isPrefetchTrigger =
+ !searchQuery && hasMore && index === filteredItems.length - 5;
+
+ return (
+
+
+
+ handleItemClick(item)}
+ disabled={isMarkingAsRead}
+ className="flex items-center gap-3 flex-1 min-w-0 text-left overflow-hidden"
>
-
-
- handleItemClick(item)}
- disabled={isMarkingAsRead}
- className="flex items-center gap-3 flex-1 min-w-0 text-left overflow-hidden"
- >
- {getStatusIcon(item)}
-
-
- {item.title}
-
-
- {convertRenderedToDisplay(item.message)}
-
-
-
-
- {item.title}
-
- {convertRenderedToDisplay(item.message)}
-
-
-
-
- {/* Time and unread dot - fixed width to prevent content shift */}
-
-
- {formatTime(item.created_at)}
-
- {!item.read && (
-
- )}
+
{getStatusIcon(item)}
+
+
+ {item.title}
+
+
+ {convertRenderedToDisplay(item.message)}
+
-
- )}
+
+
+
+ {item.title}
+
+ {convertRenderedToDisplay(item.message)}
+
+
+
+
+ {/* Time and unread dot - fixed width to prevent content shift */}
+
+
+ {formatTime(item.created_at)}
+
+ {!item.read &&
- ) : searchQuery ? (
-
-
-
- {t("no_results_found") || "No results found"}
-
-
- {t("try_different_search") || "Try a different search term"}
-
-
- ) : (
-
- {activeTab === "mentions" ? (
-
- ) : (
-
- )}
-
{getEmptyStateMessage().title}
-
- {getEmptyStateMessage().hint}
-
-
- )}
+ );
+ })}
+ {/* Fallback trigger at the very end if less than 5 items and not searching */}
+ {!searchQuery && filteredItems.length < 5 && hasMore && (
+
+ )}
+
+ ) : searchQuery ? (
+
+
+
+ {t("no_results_found") || "No results found"}
+
+
+ {t("try_different_search") || "Try a different search term"}
+
+
+ ) : (
+
+ {activeTab === "mentions" ? (
+
+ ) : (
+
+ )}
+
{getEmptyStateMessage().title}
+
{getEmptyStateMessage().hint}
+
+ )}
);
@@ -967,10 +954,7 @@ export function InboxSidebar({
left: isMobile ? 0 : sidebarWidth,
width: isMobile ? "100%" : 360,
}}
- className={cn(
- "absolute z-10 overflow-hidden pointer-events-none",
- "inset-y-0"
- )}
+ className={cn("absolute z-10 overflow-hidden pointer-events-none", "inset-y-0")}
>
{title}
{description && (
- {description}
+
+ {description}
+
)}
@@ -243,7 +245,11 @@ export function Audio({ id, src, title, description, artwork, durationMs, classN
{/* Volume control */}
- {isMuted ?
{/* Custom volume bar - visually distinct from progress slider */}
@@ -268,7 +274,12 @@ export function Audio({ id, src, title, description, artwork, durationMs, classN
{/* Download button */}
-
+
diff --git a/surfsense_web/components/tool-ui/generate-podcast.tsx b/surfsense_web/components/tool-ui/generate-podcast.tsx
index 513853c1a..d40024b7c 100644
--- a/surfsense_web/components/tool-ui/generate-podcast.tsx
+++ b/surfsense_web/components/tool-ui/generate-podcast.tsx
@@ -96,10 +96,14 @@ function PodcastGeneratingState({ title }: { title: string }) {
-
{title}
+
+ {title}
+
Generating podcast. This may take a few minutes.
+
+ Generating podcast. This may take a few minutes.
+
@@ -123,7 +127,9 @@ function PodcastErrorState({ title, error }: { title: string; error: string }) {
-
{title}
+
+ {title}
+
Failed to generate podcast
{error}
@@ -143,7 +149,9 @@ function AudioLoadingState({ title }: { title: string }) {
-
{title}
+
+ {title}
+
Loading audio...
diff --git a/surfsense_web/hooks/use-inbox.ts b/surfsense_web/hooks/use-inbox.ts
index 4c26ddcb9..362feb747 100644
--- a/surfsense_web/hooks/use-inbox.ts
+++ b/surfsense_web/hooks/use-inbox.ts
@@ -318,9 +318,13 @@ export function useInbox(
try {
// STEP 1: Fetch server counts (total and recent) - guaranteed accurate
- console.log("[useInbox] Fetching unread count from server");
+ console.log(
+ "[useInbox] Fetching unread count from server",
+ typeFilter ? `for type: ${typeFilter}` : "for all types"
+ );
const serverCounts = await notificationsApiService.getUnreadCount(
- searchSpaceId ?? undefined
+ searchSpaceId ?? undefined,
+ typeFilter ?? undefined
);
if (mounted) {
diff --git a/surfsense_web/lib/apis/notifications-api.service.ts b/surfsense_web/lib/apis/notifications-api.service.ts
index a9e81a81f..941a347db 100644
--- a/surfsense_web/lib/apis/notifications-api.service.ts
+++ b/surfsense_web/lib/apis/notifications-api.service.ts
@@ -2,6 +2,7 @@ import {
type GetNotificationsRequest,
type GetNotificationsResponse,
type GetUnreadCountResponse,
+ type InboxItemTypeEnum,
getNotificationsRequest,
getNotificationsResponse,
getUnreadCountResponse,
@@ -92,12 +93,20 @@ class NotificationsApiService {
* Get unread notification count with split between total and recent
* - total_unread: All unread notifications
* - recent_unread: Unread within sync window (last 14 days)
+ * @param searchSpaceId - Optional search space ID to filter by
+ * @param type - Optional notification type to filter by (type-safe enum)
*/
- getUnreadCount = async (searchSpaceId?: number): Promise => {
+ getUnreadCount = async (
+ searchSpaceId?: number,
+ type?: InboxItemTypeEnum
+ ): Promise => {
const params = new URLSearchParams();
if (searchSpaceId !== undefined) {
params.append("search_space_id", String(searchSpaceId));
}
+ if (type) {
+ params.append("type", type);
+ }
const queryString = params.toString();
return baseApiService.get(