feat: add error filtering option to InboxSidebar, allowing users to filter notifications by error types, and update translations for new filter option in multiple languages

surfsense_web/components/layout/ui/sidebar/InboxSidebar.tsx

@@ -137,7 +137,7 @@ function getConnectorTypeDisplayName(connectorType: string): string {
 }
 
 type InboxTab = "comments" | "status";
-type InboxFilter = "all" | "unread";
+type InboxFilter = "all" | "unread" | "errors";
 
 // Tab-specific data source with independent pagination
 interface TabDataSource {
@@ -399,6 +399,12 @@ export function InboxSidebar({
 
 		if (activeFilter === "unread") {
 			items = items.filter((item) => !item.read);
+		} else if (activeFilter === "errors") {
+			items = items.filter((item) => {
+				if (item.type === "page_limit_exceeded") return true;
+				const meta = item.metadata as Record<string, unknown> | undefined;
+				return typeof meta?.status === "string" && meta.status === "failed";
+			});
 		}
 
 		return items;
@@ -712,6 +718,27 @@ export function InboxSidebar({
 														</span>
 														{activeFilter === "unread" && <Check className="h-4 w-4" />}
 													</button>
+													{activeTab === "status" && (
+														<button
+															type="button"
+															onClick={() => {
+																setActiveFilter("errors");
+																setFilterDrawerOpen(false);
+															}}
+															className={cn(
+																"flex w-full items-center justify-between rounded-lg px-3 py-2.5 text-sm transition-colors",
+																activeFilter === "errors"
+																	? "bg-primary/10 text-primary"
+																	: "hover:bg-muted"
+															)}
+														>
+															<span className="flex items-center gap-2">
+																<AlertCircle className="h-4 w-4" />
+																<span>{t("errors_only") || "Errors only"}</span>
+															</span>
+															{activeFilter === "errors" && <Check className="h-4 w-4" />}
+														</button>
+													)}
 												</div>
 											</div>
 										{/* Sources section - only for status tab */}
@@ -815,6 +842,18 @@ export function InboxSidebar({
 										</span>
 										{activeFilter === "unread" && <Check className="h-4 w-4" />}
 									</DropdownMenuItem>
+									{activeTab === "status" && (
+										<DropdownMenuItem
+											onClick={() => setActiveFilter("errors")}
+											className="flex items-center justify-between"
+										>
+											<span className="flex items-center gap-2">
+												<AlertCircle className="h-4 w-4" />
+												<span>{t("errors_only") || "Errors only"}</span>
+											</span>
+											{activeFilter === "errors" && <Check className="h-4 w-4" />}
+										</DropdownMenuItem>
+									)}
 								{activeTab === "status" && statusSourceOptions.length > 0 && (
 									<>
 										<DropdownMenuLabel className="text-xs text-muted-foreground/80 font-normal mt-2">
@@ -949,7 +988,13 @@ export function InboxSidebar({
 
 			<Tabs
 				value={activeTab}
-				onValueChange={(value) => setActiveTab(value as InboxTab)}
+				onValueChange={(value) => {
+					const tab = value as InboxTab;
+					setActiveTab(tab);
+					if (tab !== "status" && activeFilter === "errors") {
+						setActiveFilter("all");
+					}
+				}}
 				className="shrink-0 mx-4"
 			>
 				<TabsList className="w-full h-auto p-0 bg-transparent rounded-none border-b">

surfsense_web/messages/en.json

@@ -719,6 +719,7 @@
 		"filter": "Filter",
 		"all": "All",
 		"unread": "Unread",
+		"errors_only": "Errors only",
 		"connectors": "Connectors",
 		"all_connectors": "All connectors",
 		"sources": "Sources",

surfsense_web/messages/es.json

@@ -719,6 +719,7 @@
 		"filter": "Filtrar",
 		"all": "Todo",
 		"unread": "No leído",
+		"errors_only": "Solo errores",
 		"connectors": "Conectores",
 		"all_connectors": "Todos los conectores",
 		"sources": "Fuentes",

surfsense_web/messages/hi.json

@@ -719,6 +719,7 @@
 		"filter": "फ़िल्टर",
 		"all": "सभी",
 		"unread": "अपठित",
+		"errors_only": "केवल त्रुटियाँ",
 		"connectors": "कनेक्टर",
 		"all_connectors": "सभी कनेक्टर",
 		"sources": "स्रोत",

surfsense_web/messages/pt.json

@@ -719,6 +719,7 @@
 		"filter": "Filtrar",
 		"all": "Tudo",
 		"unread": "Não lido",
+		"errors_only": "Apenas erros",
 		"connectors": "Conectores",
 		"all_connectors": "Todos os conectores",
 		"sources": "Fontes",

surfsense_web/messages/zh.json

@@ -703,6 +703,7 @@
 		"filter": "筛选",
 		"all": "全部",
 		"unread": "未读",
+		"errors_only": "仅错误",
 		"connectors": "连接器",
 		"all_connectors": "所有连接器",
 		"sources": "来源",