From f8b0e946ce9b7c94f433cc6813e12dd042ac2bc0 Mon Sep 17 00:00:00 2001
From: Anish Sarkar <104695310+AnishSarkar22@users.noreply.github.com>
Date: Sat, 7 Mar 2026 04:46:48 +0530
Subject: [PATCH] chore: ran linting

---
 .../app/routes/notifications_routes.py        |  51 +-
 .../[search_space_id]/client-layout.tsx       |   4 +-
 .../(manage)/components/DocumentsFilters.tsx  |  32 +-
 .../components/DocumentsTableShell.tsx        | 491 +++++++++---------
 .../(manage)/components/RowActions.tsx        |   8 +-
 .../new-chat/[[...chat_id]]/page.tsx          |   4 +-
 .../atoms/chat/mentioned-documents.atom.ts    |   4 +-
 .../announcements/AnnouncementCard.tsx        |  11 +-
 .../announcements/AnnouncementsEmptyState.tsx |   1 -
 .../assistant-ui/inline-mention-editor.tsx    | 140 ++---
 .../components/assistant-ui/thread.tsx        |  93 ++--
 .../layout/providers/LayoutDataProvider.tsx   |  17 +-
 .../layout/ui/shell/LayoutShell.tsx           |   6 +-
 .../ui/sidebar/AllPrivateChatsSidebar.tsx     | 132 +++--
 .../ui/sidebar/AllSharedChatsSidebar.tsx      | 132 +++--
 .../ui/sidebar/AnnouncementsSidebar.tsx       |   1 -
 .../layout/ui/sidebar/ChatListItem.tsx        |  14 +-
 .../layout/ui/sidebar/DocumentsSidebar.tsx    |  10 +-
 .../layout/ui/sidebar/InboxSidebar.tsx        | 141 ++---
 .../components/new-chat/chat-share-button.tsx |   7 +-
 .../new-chat/image-config-dialog.tsx          |  45 +-
 .../new-chat/model-config-dialog.tsx          |  32 +-
 .../components/settings/roles-manager.tsx     |   4 +-
 .../components/shared/llm-config-form.tsx     |  31 +-
 surfsense_web/components/ui/calendar.tsx      |   5 +-
 .../components/ui/fixed-toolbar-buttons.tsx   |  38 +-
 surfsense_web/hooks/use-comments.ts           |   4 +-
 .../hooks/use-documents-processing.ts         |   4 +-
 surfsense_web/hooks/use-documents.ts          |   7 +-
 surfsense_web/hooks/use-inbox.ts              |  51 +-
 surfsense_web/lib/electric/baseline.ts        |   2 +-
 31 files changed, 768 insertions(+), 754 deletions(-)

diff --git a/surfsense_backend/app/routes/notifications_routes.py b/surfsense_backend/app/routes/notifications_routes.py
index 1bd186c3e..4fa2026ed 100644
--- a/surfsense_backend/app/routes/notifications_routes.py
+++ b/surfsense_backend/app/routes/notifications_routes.py
@@ -23,15 +23,24 @@ SYNC_WINDOW_DAYS = 14
 
 # Valid notification types - must match frontend InboxItemTypeEnum
 NotificationType = Literal[
-    "connector_indexing", "connector_deletion", "document_processing",
-    "new_mention", "comment_reply", "page_limit_exceeded",
+    "connector_indexing",
+    "connector_deletion",
+    "document_processing",
+    "new_mention",
+    "comment_reply",
+    "page_limit_exceeded",
 ]
 
 # Category-to-types mapping for filtering by tab
 NotificationCategory = Literal["comments", "status"]
 CATEGORY_TYPES: dict[str, tuple[str, ...]] = {
     "comments": ("new_mention", "comment_reply"),
-    "status": ("connector_indexing", "connector_deletion", "document_processing", "page_limit_exceeded"),
+    "status": (
+        "connector_indexing",
+        "connector_deletion",
+        "document_processing",
+        "page_limit_exceeded",
+    ),
 }
 
 
@@ -152,7 +161,10 @@ async def get_notification_source_types(
     document_result = await session.execute(document_query)
 
     sources = []
-    for source_type, category, count in [*connector_result.all(), *document_result.all()]:
+    for source_type, category, count in [
+        *connector_result.all(),
+        *document_result.all(),
+    ]:
         if not source_type:
             continue
         sources.append(
@@ -300,24 +312,20 @@ async def list_notifications(
     # Filter by source type (connector or document type from JSONB metadata)
     if source_type:
         if source_type.startswith("connector:"):
-            connector_val = source_type[len("connector:"):]
-            source_filter = (
-                Notification.type.in_(("connector_indexing", "connector_deletion"))
-                & (
-                    Notification.notification_metadata["connector_type"].astext
-                    == connector_val
-                )
+            connector_val = source_type[len("connector:") :]
+            source_filter = Notification.type.in_(
+                ("connector_indexing", "connector_deletion")
+            ) & (
+                Notification.notification_metadata["connector_type"].astext
+                == connector_val
             )
             query = query.where(source_filter)
             count_query = count_query.where(source_filter)
         elif source_type.startswith("doctype:"):
-            doctype_val = source_type[len("doctype:"):]
-            source_filter = (
-                Notification.type.in_(("document_processing",))
-                & (
-                    Notification.notification_metadata["document_type"].astext
-                    == doctype_val
-                )
+            doctype_val = source_type[len("doctype:") :]
+            source_filter = Notification.type.in_(("document_processing",)) & (
+                Notification.notification_metadata["document_type"].astext
+                == doctype_val
             )
             query = query.where(source_filter)
             count_query = count_query.where(source_filter)
@@ -328,11 +336,8 @@ async def list_notifications(
         query = query.where(unread_filter)
         count_query = count_query.where(unread_filter)
     elif filter == "errors":
-        error_filter = (
-            (Notification.type == "page_limit_exceeded")
-            | (
-                Notification.notification_metadata["status"].astext == "failed"
-            )
+        error_filter = (Notification.type == "page_limit_exceeded") | (
+            Notification.notification_metadata["status"].astext == "failed"
         )
         query = query.where(error_filter)
         count_query = count_query.where(error_filter)
diff --git a/surfsense_web/app/dashboard/[search_space_id]/client-layout.tsx b/surfsense_web/app/dashboard/[search_space_id]/client-layout.tsx
index bf9bad321..25e4e990b 100644
--- a/surfsense_web/app/dashboard/[search_space_id]/client-layout.tsx
+++ b/surfsense_web/app/dashboard/[search_space_id]/client-layout.tsx
@@ -186,9 +186,7 @@ export function DashboardClientLayout({
 	return (
 		<DocumentUploadDialogProvider>
 			<OnboardingTour />
-			<LayoutDataProvider searchSpaceId={searchSpaceId}>
-				{children}
-			</LayoutDataProvider>
+			<LayoutDataProvider searchSpaceId={searchSpaceId}>{children}</LayoutDataProvider>
 		</DocumentUploadDialogProvider>
 	);
 }
diff --git a/surfsense_web/app/dashboard/[search_space_id]/documents/(manage)/components/DocumentsFilters.tsx b/surfsense_web/app/dashboard/[search_space_id]/documents/(manage)/components/DocumentsFilters.tsx
index 6743adc42..f75e1d727 100644
--- a/surfsense_web/app/dashboard/[search_space_id]/documents/(manage)/components/DocumentsFilters.tsx
+++ b/surfsense_web/app/dashboard/[search_space_id]/documents/(manage)/components/DocumentsFilters.tsx
@@ -58,9 +58,7 @@ export function DocumentsFilters({
 	}, [typeCountsRecord]);
 
 	return (
-		<div
-			className="flex select-none"
-		>
+		<div className="flex select-none">
 			<div className="flex items-center gap-2 w-full">
 				{/* Type Filter */}
 				<Popover>
@@ -81,15 +79,15 @@ export function DocumentsFilters({
 					<PopoverContent className="w-64 !p-0 overflow-hidden" align="end">
 						<div>
 							{/* Search input */}
-						<div className="p-2 border-b border-neutral-700">
-							<div className="relative">
-								<Search className="absolute left-0.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
-								<Input
-									placeholder="Search types"
-									value={typeSearchQuery}
-									onChange={(e) => setTypeSearchQuery(e.target.value)}
-									className="h-6 pl-6 text-sm bg-transparent border-0 shadow-none focus-visible:ring-0"
-								/>
+							<div className="p-2 border-b border-neutral-700">
+								<div className="relative">
+									<Search className="absolute left-0.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" />
+									<Input
+										placeholder="Search types"
+										value={typeSearchQuery}
+										onChange={(e) => setTypeSearchQuery(e.target.value)}
+										className="h-6 pl-6 text-sm bg-transparent border-0 shadow-none focus-visible:ring-0"
+									/>
 								</div>
 							</div>
 
@@ -139,11 +137,11 @@ export function DocumentsFilters({
 								)}
 							</div>
 							{activeTypes.length > 0 && (
-							<div className="px-3 pt-1.5 pb-1.5 border-t border-neutral-700">
-								<Button
-									variant="ghost"
-									size="sm"
-									className="w-full h-7 text-[11px] text-muted-foreground hover:text-foreground hover:bg-neutral-700"
+								<div className="px-3 pt-1.5 pb-1.5 border-t border-neutral-700">
+									<Button
+										variant="ghost"
+										size="sm"
+										className="w-full h-7 text-[11px] text-muted-foreground hover:text-foreground hover:bg-neutral-700"
 										onClick={() => {
 											activeTypes.forEach((t) => {
 												onToggleType(t, false);
diff --git a/surfsense_web/app/dashboard/[search_space_id]/documents/(manage)/components/DocumentsTableShell.tsx b/surfsense_web/app/dashboard/[search_space_id]/documents/(manage)/components/DocumentsTableShell.tsx
index 7f6f7404f..a828ee360 100644
--- a/surfsense_web/app/dashboard/[search_space_id]/documents/(manage)/components/DocumentsTableShell.tsx
+++ b/surfsense_web/app/dashboard/[search_space_id]/documents/(manage)/components/DocumentsTableShell.tsx
@@ -452,9 +452,7 @@ export function DocumentsTableShell({
 		selectableDocs.length > 0 &&
 		selectableDocs.every((d) => mentionedDocIds.has(d.id));
 	const someMentionedOnPage =
-		hasChatMode &&
-		selectableDocs.some((d) => mentionedDocIds.has(d.id)) &&
-		!allMentionedOnPage;
+		hasChatMode && selectableDocs.some((d) => mentionedDocIds.has(d.id)) && !allMentionedOnPage;
 
 	const toggleAll = (checked: boolean) => {
 		if (!onToggleChatMention) return;
@@ -471,9 +469,7 @@ export function DocumentsTableShell({
 	const onSortHeader = (key: SortKey) => onSortChange(key);
 
 	return (
-		<div
-			className="bg-sidebar overflow-hidden select-none border-t border-border/50 flex-1 flex flex-col min-h-0"
-		>
+		<div className="bg-sidebar overflow-hidden select-none border-t border-border/50 flex-1 flex flex-col min-h-0">
 			{/* Desktop Table View */}
 			<div className="hidden md:flex md:flex-col flex-1 min-h-0">
 				<Table className="table-fixed w-full">
@@ -548,91 +544,85 @@ export function DocumentsTableShell({
 					</div>
 				) : sorted.length === 0 ? (
 					<div className="flex flex-1 w-full items-center justify-center">
-					<div
-						className="flex flex-col items-center gap-4 max-w-md px-4 text-center"
-					>
-						<div className="rounded-full bg-muted/50 p-4">
-							<FileX className="h-8 w-8 text-muted-foreground" />
+						<div className="flex flex-col items-center gap-4 max-w-md px-4 text-center">
+							<div className="rounded-full bg-muted/50 p-4">
+								<FileX className="h-8 w-8 text-muted-foreground" />
+							</div>
+							<div className="space-y-1.5">
+								<h3 className="text-lg font-semibold">{t("no_documents")}</h3>
+								<p className="text-sm text-muted-foreground">
+									Get started by uploading your first document.
+								</p>
+							</div>
+							<Button onClick={openDialog} className="mt-2">
+								<Plus className="mr-2 h-4 w-4" />
+								Upload Documents
+							</Button>
 						</div>
-						<div className="space-y-1.5">
-							<h3 className="text-lg font-semibold">{t("no_documents")}</h3>
-							<p className="text-sm text-muted-foreground">
-								Get started by uploading your first document.
-							</p>
-						</div>
-						<Button onClick={openDialog} className="mt-2">
-							<Plus className="mr-2 h-4 w-4" />
-							Upload Documents
-						</Button>
 					</div>
-				</div>
 				) : (
 					<div ref={desktopScrollRef} className="flex-1 overflow-auto">
 						<Table className="table-fixed w-full">
 							<TableBody>
-							{sorted.map((doc) => {
-								const isMentioned = mentionedDocIds?.has(doc.id) ?? false;
-								const canInteract = isSelectable(doc);
-								const handleRowClick = () => {
-									if (canInteract && onToggleChatMention) {
-										onToggleChatMention(doc, isMentioned);
-									}
-								};
-								return (
-									<RowContextMenu
-										key={doc.id}
-										doc={doc}
-										onPreview={handleViewDocument}
-										onDelete={setDeleteDoc}
-										searchSpaceId={searchSpaceId}
-									>
-										<tr
-											className={`border-b border-border/50 transition-colors ${
-												isMentioned
-													? "bg-primary/5 hover:bg-primary/8"
-													: "hover:bg-muted/30"
-											} ${canInteract && hasChatMode ? "cursor-pointer" : ""}`}
-											onClick={handleRowClick}
+								{sorted.map((doc) => {
+									const isMentioned = mentionedDocIds?.has(doc.id) ?? false;
+									const canInteract = isSelectable(doc);
+									const handleRowClick = () => {
+										if (canInteract && onToggleChatMention) {
+											onToggleChatMention(doc, isMentioned);
+										}
+									};
+									return (
+										<RowContextMenu
+											key={doc.id}
+											doc={doc}
+											onPreview={handleViewDocument}
+											onDelete={setDeleteDoc}
+											searchSpaceId={searchSpaceId}
 										>
-											<TableCell
-												className="w-10 pl-3 pr-0 py-1.5 text-center"
-												onClick={(e) => e.stopPropagation()}
+											<tr
+												className={`border-b border-border/50 transition-colors ${
+													isMentioned ? "bg-primary/5 hover:bg-primary/8" : "hover:bg-muted/30"
+												} ${canInteract && hasChatMode ? "cursor-pointer" : ""}`}
+												onClick={handleRowClick}
 											>
-												<div className="flex items-center justify-center h-full">
-													<Checkbox
-														checked={isMentioned}
-														onCheckedChange={() => handleRowClick()}
-														disabled={!canInteract}
-														aria-label={
-															isMentioned ? "Remove from chat" : "Add to chat"
-														}
-														className={`border-foreground data-[state=checked]:bg-primary data-[state=checked]:border-primary ${!canInteract ? "opacity-40 cursor-not-allowed" : ""}`}
+												<TableCell
+													className="w-10 pl-3 pr-0 py-1.5 text-center"
+													onClick={(e) => e.stopPropagation()}
+												>
+													<div className="flex items-center justify-center h-full">
+														<Checkbox
+															checked={isMentioned}
+															onCheckedChange={() => handleRowClick()}
+															disabled={!canInteract}
+															aria-label={isMentioned ? "Remove from chat" : "Add to chat"}
+															className={`border-foreground data-[state=checked]:bg-primary data-[state=checked]:border-primary ${!canInteract ? "opacity-40 cursor-not-allowed" : ""}`}
+														/>
+													</div>
+												</TableCell>
+												<TableCell className="px-2 py-1.5 max-w-0">
+													<DocumentNameTooltip
+														doc={doc}
+														className="truncate block text-sm text-foreground cursor-default"
 													/>
-												</div>
-											</TableCell>
-											<TableCell className="px-2 py-1.5 max-w-0">
-												<DocumentNameTooltip
-													doc={doc}
-													className="truncate block text-sm text-foreground cursor-default"
-												/>
-											</TableCell>
-											<TableCell className="w-10 px-0 py-1.5 text-center">
-												<Tooltip>
-													<TooltipTrigger asChild>
-														<span className="flex items-center justify-center">
-															{getDocumentTypeIcon(doc.document_type, "h-4 w-4")}
-														</span>
-													</TooltipTrigger>
-													<TooltipContent side="top">
-														{getDocumentTypeLabel(doc.document_type)}
-													</TooltipContent>
-												</Tooltip>
-											</TableCell>
-											<TableCell className="w-12 pl-0 pr-3 py-1.5 text-center">
-												<StatusIndicator status={doc.status} />
-											</TableCell>
-										</tr>
-									</RowContextMenu>
+												</TableCell>
+												<TableCell className="w-10 px-0 py-1.5 text-center">
+													<Tooltip>
+														<TooltipTrigger asChild>
+															<span className="flex items-center justify-center">
+																{getDocumentTypeIcon(doc.document_type, "h-4 w-4")}
+															</span>
+														</TooltipTrigger>
+														<TooltipContent side="top">
+															{getDocumentTypeLabel(doc.document_type)}
+														</TooltipContent>
+													</Tooltip>
+												</TableCell>
+												<TableCell className="w-12 pl-0 pr-3 py-1.5 text-center">
+													<StatusIndicator status={doc.status} />
+												</TableCell>
+											</tr>
+										</RowContextMenu>
 									);
 								})}
 							</TableBody>
@@ -669,9 +659,7 @@ export function DocumentsTableShell({
 				</div>
 			) : sorted.length === 0 ? (
 				<div className="md:hidden flex flex-1 w-full items-center justify-center">
-					<div
-						className="flex flex-col items-center gap-4 max-w-md px-4 text-center"
-					>
+					<div className="flex flex-col items-center gap-4 max-w-md px-4 text-center">
 						<div className="rounded-full bg-muted/50 p-4">
 							<FileX className="h-8 w-8 text-muted-foreground" />
 						</div>
@@ -692,99 +680,94 @@ export function DocumentsTableShell({
 					ref={mobileScrollRef}
 					className="md:hidden divide-y divide-border/50 flex-1 overflow-auto"
 				>
-				{sorted.map((doc) => {
-					const isMentioned = mentionedDocIds?.has(doc.id) ?? false;
-					const canInteract = isSelectable(doc);
-					const handleCardClick = () => {
-						if (canInteract && onToggleChatMention) {
-							onToggleChatMention(doc, isMentioned);
-						}
-					};
-					return (
-					<MobileCardWrapper
-						key={doc.id}
-						onLongPress={() => setMobileActionDoc(doc)}
-					>
-					<div
-						className={`relative px-3 py-2 transition-colors ${
-							isMentioned
-								? "bg-primary/5"
-								: "hover:bg-muted/20"
-						} ${canInteract && hasChatMode ? "cursor-pointer" : ""}`}
-					>
-							{canInteract && hasChatMode && (
-								<button
-									type="button"
-									className="absolute inset-0 z-0"
-									aria-label={isMentioned ? `Remove ${doc.title} from chat` : `Add ${doc.title} to chat`}
-									onClick={handleCardClick}
-								/>
-							)}
-							<div className="relative z-10 flex items-center gap-3 pointer-events-none">
-								<span className="pointer-events-auto">
-									<Checkbox
-										checked={isMentioned}
-										onCheckedChange={() => handleCardClick()}
-										disabled={!canInteract}
-										aria-label={isMentioned ? "Remove from chat" : "Add to chat"}
-										className={`border-foreground data-[state=checked]:bg-primary data-[state=checked]:border-primary shrink-0 ${!canInteract ? "opacity-40 cursor-not-allowed" : ""}`}
-									/>
-								</span>
-								<div className="flex-1 min-w-0">
-									<span className="truncate block text-sm text-foreground">
-										{doc.title}
-									</span>
+					{sorted.map((doc) => {
+						const isMentioned = mentionedDocIds?.has(doc.id) ?? false;
+						const canInteract = isSelectable(doc);
+						const handleCardClick = () => {
+							if (canInteract && onToggleChatMention) {
+								onToggleChatMention(doc, isMentioned);
+							}
+						};
+						return (
+							<MobileCardWrapper key={doc.id} onLongPress={() => setMobileActionDoc(doc)}>
+								<div
+									className={`relative px-3 py-2 transition-colors ${
+										isMentioned ? "bg-primary/5" : "hover:bg-muted/20"
+									} ${canInteract && hasChatMode ? "cursor-pointer" : ""}`}
+								>
+									{canInteract && hasChatMode && (
+										<button
+											type="button"
+											className="absolute inset-0 z-0"
+											aria-label={
+												isMentioned ? `Remove ${doc.title} from chat` : `Add ${doc.title} to chat`
+											}
+											onClick={handleCardClick}
+										/>
+									)}
+									<div className="relative z-10 flex items-center gap-3 pointer-events-none">
+										<span className="pointer-events-auto">
+											<Checkbox
+												checked={isMentioned}
+												onCheckedChange={() => handleCardClick()}
+												disabled={!canInteract}
+												aria-label={isMentioned ? "Remove from chat" : "Add to chat"}
+												className={`border-foreground data-[state=checked]:bg-primary data-[state=checked]:border-primary shrink-0 ${!canInteract ? "opacity-40 cursor-not-allowed" : ""}`}
+											/>
+										</span>
+										<div className="flex-1 min-w-0">
+											<span className="truncate block text-sm text-foreground">{doc.title}</span>
+										</div>
+										<div className="flex items-center gap-2 shrink-0">
+											<span className="flex items-center justify-center">
+												{getDocumentTypeIcon(doc.document_type, "h-4 w-4")}
+											</span>
+											<StatusIndicator status={doc.status} />
+										</div>
+									</div>
 								</div>
-								<div className="flex items-center gap-2 shrink-0">
-									<span className="flex items-center justify-center">
-										{getDocumentTypeIcon(doc.document_type, "h-4 w-4")}
-									</span>
-									<StatusIndicator status={doc.status} />
-								</div>
-							</div>
-						</div>
-					</MobileCardWrapper>
+							</MobileCardWrapper>
 						);
 					})}
 					{hasMore && <div ref={mobileSentinelRef} className="py-3" />}
 				</div>
 			)}
 
-		{/* Document Content Viewer */}
-		<Dialog open={!!viewingDoc} onOpenChange={(open) => !open && handleCloseViewer()}>
-			<DialogContent className="max-w-4xl max-w-[92%] md:max-w-4xl max-h-[75vh] md:max-h-[80vh] flex flex-col overflow-hidden pb-0 p-3 md:p-6 gap-2 md:gap-4">
-				<DialogHeader className="flex-shrink-0">
-					<DialogTitle className="text-sm md:text-lg leading-tight pr-6">
-						{viewingDoc?.title}
-					</DialogTitle>
-				</DialogHeader>
-				<div
-					onScroll={handlePreviewScroll}
-					className={[
-						"overflow-y-auto flex-1 min-h-0 px-1 md:px-6 select-text",
-						"max-md:text-xs",
-						"max-md:[&_h1]:text-base! max-md:[&_h1]:mt-3!",
-						"max-md:[&_h2]:text-sm! max-md:[&_h2]:mt-2!",
-						"max-md:[&_h3]:text-xs! max-md:[&_h3]:mt-2!",
-						"max-md:[&_h4]:text-xs!",
-						"max-md:[&_td]:text-[11px]! max-md:[&_td]:px-2! max-md:[&_td]:py-1.5!",
-						"max-md:[&_th]:text-[11px]! max-md:[&_th]:px-2! max-md:[&_th]:py-1.5!",
-					].join(" ")}
-					style={{
-						maskImage: `linear-gradient(to bottom, ${previewScrollPos === "top" ? "black" : "transparent"}, black 16px, black calc(100% - 16px), ${previewScrollPos === "bottom" ? "black" : "transparent"})`,
-						WebkitMaskImage: `linear-gradient(to bottom, ${previewScrollPos === "top" ? "black" : "transparent"}, black 16px, black calc(100% - 16px), ${previewScrollPos === "bottom" ? "black" : "transparent"})`,
-					}}
-				>
-					{viewingLoading ? (
-						<div className="flex items-center justify-center py-12">
-							<Spinner size="lg" className="text-muted-foreground" />
-						</div>
-					) : (
-						<MarkdownViewer content={viewingContent} />
-					)}
-				</div>
-			</DialogContent>
-		</Dialog>
+			{/* Document Content Viewer */}
+			<Dialog open={!!viewingDoc} onOpenChange={(open) => !open && handleCloseViewer()}>
+				<DialogContent className="max-w-4xl max-w-[92%] md:max-w-4xl max-h-[75vh] md:max-h-[80vh] flex flex-col overflow-hidden pb-0 p-3 md:p-6 gap-2 md:gap-4">
+					<DialogHeader className="flex-shrink-0">
+						<DialogTitle className="text-sm md:text-lg leading-tight pr-6">
+							{viewingDoc?.title}
+						</DialogTitle>
+					</DialogHeader>
+					<div
+						onScroll={handlePreviewScroll}
+						className={[
+							"overflow-y-auto flex-1 min-h-0 px-1 md:px-6 select-text",
+							"max-md:text-xs",
+							"max-md:[&_h1]:text-base! max-md:[&_h1]:mt-3!",
+							"max-md:[&_h2]:text-sm! max-md:[&_h2]:mt-2!",
+							"max-md:[&_h3]:text-xs! max-md:[&_h3]:mt-2!",
+							"max-md:[&_h4]:text-xs!",
+							"max-md:[&_td]:text-[11px]! max-md:[&_td]:px-2! max-md:[&_td]:py-1.5!",
+							"max-md:[&_th]:text-[11px]! max-md:[&_th]:px-2! max-md:[&_th]:py-1.5!",
+						].join(" ")}
+						style={{
+							maskImage: `linear-gradient(to bottom, ${previewScrollPos === "top" ? "black" : "transparent"}, black 16px, black calc(100% - 16px), ${previewScrollPos === "bottom" ? "black" : "transparent"})`,
+							WebkitMaskImage: `linear-gradient(to bottom, ${previewScrollPos === "top" ? "black" : "transparent"}, black 16px, black calc(100% - 16px), ${previewScrollPos === "bottom" ? "black" : "transparent"})`,
+						}}
+					>
+						{viewingLoading ? (
+							<div className="flex items-center justify-center py-12">
+								<Spinner size="lg" className="text-muted-foreground" />
+							</div>
+						) : (
+							<MarkdownViewer content={viewingContent} />
+						)}
+					</div>
+				</DialogContent>
+			</Dialog>
 
 			{/* Delete Confirmation Dialog */}
 			<AlertDialog open={!!deleteDoc} onOpenChange={(open) => !open && setDeleteDoc(null)}>
@@ -810,94 +793,86 @@ export function DocumentsTableShell({
 						</AlertDialogAction>
 					</AlertDialogFooter>
 				</AlertDialogContent>
-		</AlertDialog>
+			</AlertDialog>
 
-		{/* Mobile Document Actions Drawer */}
-		<Drawer open={!!mobileActionDoc} onOpenChange={(open) => !open && setMobileActionDoc(null)}>
-			<DrawerContent>
-				<DrawerHandle />
-				<DrawerHeader className="text-left">
-					<DrawerTitle className="break-words text-base">
-						{mobileActionDoc?.title}
-					</DrawerTitle>
-					<div className="space-y-0.5 text-xs mt-1">
-						<p>
-							<span className="text-muted-foreground">Owner:</span>{" "}
-							{mobileActionDoc?.created_by_name ||
-								mobileActionDoc?.created_by_email ||
-								"—"}
-						</p>
-						<p>
-							<span className="text-muted-foreground">Created:</span>{" "}
-							{mobileActionDoc
-								? formatAbsoluteDate(mobileActionDoc.created_at)
-								: ""}
-						</p>
+			{/* Mobile Document Actions Drawer */}
+			<Drawer open={!!mobileActionDoc} onOpenChange={(open) => !open && setMobileActionDoc(null)}>
+				<DrawerContent>
+					<DrawerHandle />
+					<DrawerHeader className="text-left">
+						<DrawerTitle className="break-words text-base">{mobileActionDoc?.title}</DrawerTitle>
+						<div className="space-y-0.5 text-xs mt-1">
+							<p>
+								<span className="text-muted-foreground">Owner:</span>{" "}
+								{mobileActionDoc?.created_by_name || mobileActionDoc?.created_by_email || "—"}
+							</p>
+							<p>
+								<span className="text-muted-foreground">Created:</span>{" "}
+								{mobileActionDoc ? formatAbsoluteDate(mobileActionDoc.created_at) : ""}
+							</p>
+						</div>
+					</DrawerHeader>
+					<div className="px-4 pb-6 flex flex-col gap-2">
+						<Button
+							variant="outline"
+							className="justify-start gap-2"
+							onClick={() => {
+								if (mobileActionDoc) handleViewDocument(mobileActionDoc);
+								setMobileActionDoc(null);
+							}}
+						>
+							<Eye className="h-4 w-4" />
+							Preview
+						</Button>
+						{mobileActionDoc &&
+							EDITABLE_DOCUMENT_TYPES.includes(
+								mobileActionDoc.document_type as (typeof EDITABLE_DOCUMENT_TYPES)[number]
+							) && (
+								<Button
+									variant="outline"
+									className="justify-start gap-2"
+									disabled={
+										mobileActionDoc.status?.state === "pending" ||
+										mobileActionDoc.status?.state === "processing" ||
+										(mobileActionDoc.document_type === "FILE" &&
+											mobileActionDoc.status?.state === "failed")
+									}
+									onClick={() => {
+										if (mobileActionDoc) {
+											router.push(`/dashboard/${searchSpaceId}/editor/${mobileActionDoc.id}`);
+											setMobileActionDoc(null);
+										}
+									}}
+								>
+									<PenLine className="h-4 w-4" />
+									Edit
+								</Button>
+							)}
+						{mobileActionDoc &&
+							!NON_DELETABLE_DOCUMENT_TYPES.includes(
+								mobileActionDoc.document_type as (typeof NON_DELETABLE_DOCUMENT_TYPES)[number]
+							) && (
+								<Button
+									variant="destructive"
+									className="justify-start gap-2"
+									disabled={
+										mobileActionDoc.status?.state === "pending" ||
+										mobileActionDoc.status?.state === "processing"
+									}
+									onClick={() => {
+										if (mobileActionDoc) {
+											setDeleteDoc(mobileActionDoc);
+											setMobileActionDoc(null);
+										}
+									}}
+								>
+									<Trash2 className="h-4 w-4" />
+									Delete
+								</Button>
+							)}
 					</div>
-				</DrawerHeader>
-				<div className="px-4 pb-6 flex flex-col gap-2">
-					<Button
-						variant="outline"
-						className="justify-start gap-2"
-						onClick={() => {
-							if (mobileActionDoc) handleViewDocument(mobileActionDoc);
-							setMobileActionDoc(null);
-						}}
-					>
-						<Eye className="h-4 w-4" />
-						Preview
-					</Button>
-					{mobileActionDoc &&
-						EDITABLE_DOCUMENT_TYPES.includes(
-							mobileActionDoc.document_type as (typeof EDITABLE_DOCUMENT_TYPES)[number]
-						) && (
-							<Button
-								variant="outline"
-								className="justify-start gap-2"
-								disabled={
-									mobileActionDoc.status?.state === "pending" ||
-									mobileActionDoc.status?.state === "processing" ||
-									(mobileActionDoc.document_type === "FILE" &&
-										mobileActionDoc.status?.state === "failed")
-								}
-								onClick={() => {
-									if (mobileActionDoc) {
-										router.push(
-											`/dashboard/${searchSpaceId}/editor/${mobileActionDoc.id}`
-										);
-										setMobileActionDoc(null);
-									}
-								}}
-							>
-								<PenLine className="h-4 w-4" />
-								Edit
-							</Button>
-						)}
-					{mobileActionDoc &&
-						!NON_DELETABLE_DOCUMENT_TYPES.includes(
-							mobileActionDoc.document_type as (typeof NON_DELETABLE_DOCUMENT_TYPES)[number]
-						) && (
-							<Button
-								variant="destructive"
-								className="justify-start gap-2"
-								disabled={
-									mobileActionDoc.status?.state === "pending" ||
-									mobileActionDoc.status?.state === "processing"
-								}
-								onClick={() => {
-									if (mobileActionDoc) {
-										setDeleteDoc(mobileActionDoc);
-										setMobileActionDoc(null);
-									}
-								}}
-							>
-								<Trash2 className="h-4 w-4" />
-								Delete
-							</Button>
-						)}
-				</div>
-			</DrawerContent>
-		</Drawer>
-	</div>
+				</DrawerContent>
+			</Drawer>
+		</div>
 	);
 }
diff --git a/surfsense_web/app/dashboard/[search_space_id]/documents/(manage)/components/RowActions.tsx b/surfsense_web/app/dashboard/[search_space_id]/documents/(manage)/components/RowActions.tsx
index ad455b0ea..d44fae373 100644
--- a/surfsense_web/app/dashboard/[search_space_id]/documents/(manage)/components/RowActions.tsx
+++ b/surfsense_web/app/dashboard/[search_space_id]/documents/(manage)/components/RowActions.tsx
@@ -122,9 +122,7 @@ export function RowActions({
 									onClick={() => !isDeleteDisabled && setIsDeleteOpen(true)}
 									disabled={isDeleteDisabled}
 									className={
-										isDeleteDisabled
-											? "text-muted-foreground cursor-not-allowed opacity-50"
-											: ""
+										isDeleteDisabled ? "text-muted-foreground cursor-not-allowed opacity-50" : ""
 									}
 								>
 									<Trash2 className="mr-2 h-4 w-4" />
@@ -175,9 +173,7 @@ export function RowActions({
 									onClick={() => !isDeleteDisabled && setIsDeleteOpen(true)}
 									disabled={isDeleteDisabled}
 									className={
-										isDeleteDisabled
-											? "text-muted-foreground cursor-not-allowed opacity-50"
-											: ""
+										isDeleteDisabled ? "text-muted-foreground cursor-not-allowed opacity-50" : ""
 									}
 								>
 									<Trash2 className="mr-2 h-4 w-4" />
diff --git a/surfsense_web/app/dashboard/[search_space_id]/new-chat/[[...chat_id]]/page.tsx b/surfsense_web/app/dashboard/[search_space_id]/new-chat/[[...chat_id]]/page.tsx
index 1df131cd3..a0e7d7ca8 100644
--- a/surfsense_web/app/dashboard/[search_space_id]/new-chat/[[...chat_id]]/page.tsx
+++ b/surfsense_web/app/dashboard/[search_space_id]/new-chat/[[...chat_id]]/page.tsx
@@ -1670,9 +1670,7 @@ export default function NewChatPage() {
 			{/* <WriteTodosToolUI /> Disabled for now */}
 			<div className="flex h-[calc(100dvh-64px)] overflow-hidden">
 				<div className="flex-1 flex flex-col min-w-0 overflow-hidden">
-				<Thread
-					messageThinkingSteps={messageThinkingSteps}
-				/>
+					<Thread messageThinkingSteps={messageThinkingSteps} />
 				</div>
 				<ReportPanel />
 			</div>
diff --git a/surfsense_web/atoms/chat/mentioned-documents.atom.ts b/surfsense_web/atoms/chat/mentioned-documents.atom.ts
index 7de9af726..ee93a409a 100644
--- a/surfsense_web/atoms/chat/mentioned-documents.atom.ts
+++ b/surfsense_web/atoms/chat/mentioned-documents.atom.ts
@@ -13,7 +13,9 @@ export const mentionedDocumentsAtom = atom<Pick<Document, "id" | "title" | "docu
  * Atom to store documents selected via the sidebar checkboxes / row clicks.
  * These are NOT inserted as chips – the composer shows a count badge instead.
  */
-export const sidebarSelectedDocumentsAtom = atom<Pick<Document, "id" | "title" | "document_type">[]>([]);
+export const sidebarSelectedDocumentsAtom = atom<
+	Pick<Document, "id" | "title" | "document_type">[]
+>([]);
 
 /**
  * Derived read-only atom that merges @-mention chips and sidebar selections
diff --git a/surfsense_web/components/announcements/AnnouncementCard.tsx b/surfsense_web/components/announcements/AnnouncementCard.tsx
index daaecee07..792887e60 100644
--- a/surfsense_web/components/announcements/AnnouncementCard.tsx
+++ b/surfsense_web/components/announcements/AnnouncementCard.tsx
@@ -1,14 +1,6 @@
 "use client";
 
-import {
-	Bell,
-	ExternalLink,
-	Info,
-	type LucideIcon,
-	Rocket,
-	Wrench,
-	Zap,
-} from "lucide-react";
+import { Bell, ExternalLink, Info, type LucideIcon, Rocket, Wrench, Zap } from "lucide-react";
 import Link from "next/link";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
@@ -114,4 +106,3 @@ export function AnnouncementCard({ announcement }: { announcement: AnnouncementW
 		</Card>
 	);
 }
-
diff --git a/surfsense_web/components/announcements/AnnouncementsEmptyState.tsx b/surfsense_web/components/announcements/AnnouncementsEmptyState.tsx
index 2ae926b1f..b4551f56a 100644
--- a/surfsense_web/components/announcements/AnnouncementsEmptyState.tsx
+++ b/surfsense_web/components/announcements/AnnouncementsEmptyState.tsx
@@ -15,4 +15,3 @@ export function AnnouncementsEmptyState() {
 		</div>
 	);
 }
-
diff --git a/surfsense_web/components/assistant-ui/inline-mention-editor.tsx b/surfsense_web/components/assistant-ui/inline-mention-editor.tsx
index 571ab9ae6..dacc845ec 100644
--- a/surfsense_web/components/assistant-ui/inline-mention-editor.tsx
+++ b/surfsense_web/components/assistant-ui/inline-mention-editor.tsx
@@ -170,83 +170,83 @@ export const InlineMentionEditor = forwardRef<InlineMentionEditorRef, InlineMent
 		// Create a chip element for a document
 		const createChipElement = useCallback(
 			(doc: MentionedDocument): HTMLSpanElement => {
-			const chip = document.createElement("span");
-			chip.setAttribute(CHIP_DATA_ATTR, "true");
-			chip.setAttribute(CHIP_ID_ATTR, String(doc.id));
-			chip.setAttribute(CHIP_DOCTYPE_ATTR, doc.document_type ?? "UNKNOWN");
-			chip.contentEditable = "false";
-			chip.className =
-				"inline-flex items-center gap-1 mx-0.5 px-1 py-0.5 rounded bg-primary/10 text-xs font-bold text-primary/60 select-none cursor-default";
-			chip.style.userSelect = "none";
-			chip.style.verticalAlign = "baseline";
+				const chip = document.createElement("span");
+				chip.setAttribute(CHIP_DATA_ATTR, "true");
+				chip.setAttribute(CHIP_ID_ATTR, String(doc.id));
+				chip.setAttribute(CHIP_DOCTYPE_ATTR, doc.document_type ?? "UNKNOWN");
+				chip.contentEditable = "false";
+				chip.className =
+					"inline-flex items-center gap-1 mx-0.5 px-1 py-0.5 rounded bg-primary/10 text-xs font-bold text-primary/60 select-none cursor-default";
+				chip.style.userSelect = "none";
+				chip.style.verticalAlign = "baseline";
 
-			// Container that swaps between icon and remove button on hover
-			const iconContainer = document.createElement("span");
-			iconContainer.className = "shrink-0 flex items-center size-3 relative";
+				// Container that swaps between icon and remove button on hover
+				const iconContainer = document.createElement("span");
+				iconContainer.className = "shrink-0 flex items-center size-3 relative";
 
-			const iconSpan = document.createElement("span");
-			iconSpan.className = "flex items-center text-muted-foreground";
-			iconSpan.innerHTML = ReactDOMServer.renderToString(
-				getConnectorIcon(doc.document_type ?? "UNKNOWN", "h-3 w-3")
-			);
+				const iconSpan = document.createElement("span");
+				iconSpan.className = "flex items-center text-muted-foreground";
+				iconSpan.innerHTML = ReactDOMServer.renderToString(
+					getConnectorIcon(doc.document_type ?? "UNKNOWN", "h-3 w-3")
+				);
 
-			const removeBtn = document.createElement("button");
-			removeBtn.type = "button";
-			removeBtn.className =
-				"size-3 items-center justify-center rounded-full text-muted-foreground transition-colors";
-			removeBtn.style.display = "none";
-			removeBtn.innerHTML = ReactDOMServer.renderToString(
-				createElement(X, { className: "h-3 w-3", strokeWidth: 2.5 })
-			);
-			removeBtn.onclick = (e) => {
-				e.preventDefault();
-				e.stopPropagation();
-				chip.remove();
-				const docKey = `${doc.document_type ?? "UNKNOWN"}:${doc.id}`;
-				setMentionedDocs((prev) => {
-					const next = new Map(prev);
-					next.delete(docKey);
-					return next;
-				});
-				onDocumentRemove?.(doc.id, doc.document_type);
-				focusAtEnd();
-			};
+				const removeBtn = document.createElement("button");
+				removeBtn.type = "button";
+				removeBtn.className =
+					"size-3 items-center justify-center rounded-full text-muted-foreground transition-colors";
+				removeBtn.style.display = "none";
+				removeBtn.innerHTML = ReactDOMServer.renderToString(
+					createElement(X, { className: "h-3 w-3", strokeWidth: 2.5 })
+				);
+				removeBtn.onclick = (e) => {
+					e.preventDefault();
+					e.stopPropagation();
+					chip.remove();
+					const docKey = `${doc.document_type ?? "UNKNOWN"}:${doc.id}`;
+					setMentionedDocs((prev) => {
+						const next = new Map(prev);
+						next.delete(docKey);
+						return next;
+					});
+					onDocumentRemove?.(doc.id, doc.document_type);
+					focusAtEnd();
+				};
 
-			const titleSpan = document.createElement("span");
-			titleSpan.className = "max-w-[120px] truncate";
-			titleSpan.textContent = doc.title;
-			titleSpan.title = doc.title;
-			titleSpan.setAttribute("data-mention-title", "true");
+				const titleSpan = document.createElement("span");
+				titleSpan.className = "max-w-[120px] truncate";
+				titleSpan.textContent = doc.title;
+				titleSpan.title = doc.title;
+				titleSpan.setAttribute("data-mention-title", "true");
 
-			const statusSpan = document.createElement("span");
-			statusSpan.setAttribute(CHIP_STATUS_ATTR, "true");
-			statusSpan.className = "text-[10px] font-semibold opacity-80 hidden";
+				const statusSpan = document.createElement("span");
+				statusSpan.setAttribute(CHIP_STATUS_ATTR, "true");
+				statusSpan.className = "text-[10px] font-semibold opacity-80 hidden";
 
-			const isTouchDevice = window.matchMedia("(hover: none)").matches;
-			if (isTouchDevice) {
-				// Mobile: icon on left, title, X on right
-				chip.appendChild(iconSpan);
-				chip.appendChild(titleSpan);
-				chip.appendChild(statusSpan);
-				removeBtn.style.display = "flex";
-				removeBtn.className += " ml-0.5";
-				chip.appendChild(removeBtn);
-			} else {
-				// Desktop: icon/X swap on hover in the same slot
-				iconContainer.appendChild(iconSpan);
-				iconContainer.appendChild(removeBtn);
-				chip.addEventListener("mouseenter", () => {
-					iconSpan.style.display = "none";
+				const isTouchDevice = window.matchMedia("(hover: none)").matches;
+				if (isTouchDevice) {
+					// Mobile: icon on left, title, X on right
+					chip.appendChild(iconSpan);
+					chip.appendChild(titleSpan);
+					chip.appendChild(statusSpan);
 					removeBtn.style.display = "flex";
-				});
-				chip.addEventListener("mouseleave", () => {
-					iconSpan.style.display = "";
-					removeBtn.style.display = "none";
-				});
-				chip.appendChild(iconContainer);
-				chip.appendChild(titleSpan);
-				chip.appendChild(statusSpan);
-			}
+					removeBtn.className += " ml-0.5";
+					chip.appendChild(removeBtn);
+				} else {
+					// Desktop: icon/X swap on hover in the same slot
+					iconContainer.appendChild(iconSpan);
+					iconContainer.appendChild(removeBtn);
+					chip.addEventListener("mouseenter", () => {
+						iconSpan.style.display = "none";
+						removeBtn.style.display = "flex";
+					});
+					chip.addEventListener("mouseleave", () => {
+						iconSpan.style.display = "";
+						removeBtn.style.display = "none";
+					});
+					chip.appendChild(iconContainer);
+					chip.appendChild(titleSpan);
+					chip.appendChild(statusSpan);
+				}
 
 				return chip;
 			},
diff --git a/surfsense_web/components/assistant-ui/thread.tsx b/surfsense_web/components/assistant-ui/thread.tsx
index dfcda2d9f..43470e228 100644
--- a/surfsense_web/components/assistant-ui/thread.tsx
+++ b/surfsense_web/components/assistant-ui/thread.tsx
@@ -461,9 +461,7 @@ const Composer: FC = () => {
 						/>,
 						document.body
 					)}
-				<ComposerAction
-					isBlockedByOtherUser={isBlockedByOtherUser}
-				/>
+				<ComposerAction isBlockedByOtherUser={isBlockedByOtherUser} />
 			</div>
 		</ComposerPrimitive.Root>
 	);
@@ -473,9 +471,7 @@ interface ComposerActionProps {
 	isBlockedByOtherUser?: boolean;
 }
 
-const ComposerAction: FC<ComposerActionProps> = ({
-	isBlockedByOtherUser = false,
-}) => {
+const ComposerAction: FC<ComposerActionProps> = ({ isBlockedByOtherUser = false }) => {
 	const mentionedDocuments = useAtomValue(mentionedDocumentsAtom);
 	const sidebarDocs = useAtomValue(sidebarSelectedDocumentsAtom);
 	const setDocumentsSidebarOpen = useSetAtom(documentsSidebarOpenAtom);
@@ -502,10 +498,7 @@ const ComposerAction: FC<ComposerActionProps> = ({
 		return userConfigs?.some((c) => c.id === agentLlmId) ?? false;
 	}, [preferences, globalConfigs, userConfigs]);
 
-	const isSendDisabled =
-		isComposerEmpty ||
-		!hasModelConfigured ||
-		isBlockedByOtherUser;
+	const isSendDisabled = isComposerEmpty || !hasModelConfigured || isBlockedByOtherUser;
 
 	return (
 		<div className="aui-composer-action-wrapper relative mx-2 mb-2 flex items-center justify-between">
@@ -542,47 +535,47 @@ const ComposerAction: FC<ComposerActionProps> = ({
 					</button>
 				)}
 
-			<AssistantIf condition={({ thread }) => !thread.isRunning}>
-				<ComposerPrimitive.Send asChild disabled={isSendDisabled}>
-					<TooltipIconButton
-						tooltip={
-							isBlockedByOtherUser
-								? "Wait for AI to finish responding"
-								: !hasModelConfigured
-									? "Please select a model from the header to start chatting"
-									: isComposerEmpty
-										? "Enter a message to send"
-										: "Send message"
-						}
-						side="bottom"
-						type="submit"
-						variant="default"
-						size="icon"
-						className={cn(
-							"aui-composer-send size-8 rounded-full",
-							isSendDisabled && "cursor-not-allowed opacity-50"
-						)}
-						aria-label="Send message"
-						disabled={isSendDisabled}
-					>
-						<ArrowUpIcon className="aui-composer-send-icon size-4" />
-					</TooltipIconButton>
-				</ComposerPrimitive.Send>
-			</AssistantIf>
+				<AssistantIf condition={({ thread }) => !thread.isRunning}>
+					<ComposerPrimitive.Send asChild disabled={isSendDisabled}>
+						<TooltipIconButton
+							tooltip={
+								isBlockedByOtherUser
+									? "Wait for AI to finish responding"
+									: !hasModelConfigured
+										? "Please select a model from the header to start chatting"
+										: isComposerEmpty
+											? "Enter a message to send"
+											: "Send message"
+							}
+							side="bottom"
+							type="submit"
+							variant="default"
+							size="icon"
+							className={cn(
+								"aui-composer-send size-8 rounded-full",
+								isSendDisabled && "cursor-not-allowed opacity-50"
+							)}
+							aria-label="Send message"
+							disabled={isSendDisabled}
+						>
+							<ArrowUpIcon className="aui-composer-send-icon size-4" />
+						</TooltipIconButton>
+					</ComposerPrimitive.Send>
+				</AssistantIf>
 
-			<AssistantIf condition={({ thread }) => thread.isRunning}>
-				<ComposerPrimitive.Cancel asChild>
-					<Button
-						type="button"
-						variant="default"
-						size="icon"
-						className="aui-composer-cancel size-8 rounded-full"
-						aria-label="Stop generating"
-					>
-						<SquareIcon className="aui-composer-cancel-icon size-3 fill-current" />
-					</Button>
-				</ComposerPrimitive.Cancel>
-			</AssistantIf>
+				<AssistantIf condition={({ thread }) => thread.isRunning}>
+					<ComposerPrimitive.Cancel asChild>
+						<Button
+							type="button"
+							variant="default"
+							size="icon"
+							className="aui-composer-cancel size-8 rounded-full"
+							aria-label="Stop generating"
+						>
+							<SquareIcon className="aui-composer-cancel-icon size-3 fill-current" />
+						</Button>
+					</ComposerPrimitive.Cancel>
+				</AssistantIf>
 			</div>
 		</div>
 	);
diff --git a/surfsense_web/components/layout/providers/LayoutDataProvider.tsx b/surfsense_web/components/layout/providers/LayoutDataProvider.tsx
index 3b5e127a8..40e437167 100644
--- a/surfsense_web/components/layout/providers/LayoutDataProvider.tsx
+++ b/surfsense_web/components/layout/providers/LayoutDataProvider.tsx
@@ -2,12 +2,7 @@
 
 import { useQuery, useQueryClient } from "@tanstack/react-query";
 import { useAtom, useAtomValue, useSetAtom } from "jotai";
-import {
-	AlertTriangle,
-	Inbox,
-	Megaphone,
-	SquareLibrary,
-} from "lucide-react";
+import { AlertTriangle, Inbox, Megaphone, SquareLibrary } from "lucide-react";
 import { useParams, usePathname, useRouter } from "next/navigation";
 import { useTranslations } from "next-intl";
 import { useTheme } from "next-themes";
@@ -68,10 +63,7 @@ function formatInboxCount(count: number): string {
 	return `${thousands}k+`;
 }
 
-export function LayoutDataProvider({
-	searchSpaceId,
-	children,
-}: LayoutDataProviderProps) {
+export function LayoutDataProvider({ searchSpaceId, children }: LayoutDataProviderProps) {
 	const t = useTranslations("dashboard");
 	const tCommon = useTranslations("common");
 	const tSidebar = useTranslations("sidebar");
@@ -186,7 +178,6 @@ export function LayoutDataProvider({
 		}
 	}, [statusInbox.inboxItems, statusInbox.loading, searchSpaceId, router]);
 
-
 	// Delete dialogs state
 	const [showDeleteChatDialog, setShowDeleteChatDialog] = useState(false);
 	const [chatToDelete, setChatToDelete] = useState<{ id: number; name: string } | null>(null);
@@ -683,9 +674,7 @@ export function LayoutDataProvider({
 						</AlertDialogDescription>
 					</AlertDialogHeader>
 					<AlertDialogFooter>
-						<AlertDialogCancel disabled={isDeletingChat}>
-							{tCommon("cancel")}
-						</AlertDialogCancel>
+						<AlertDialogCancel disabled={isDeletingChat}>{tCommon("cancel")}</AlertDialogCancel>
 						<AlertDialogAction
 							onClick={(e) => {
 								e.preventDefault();
diff --git a/surfsense_web/components/layout/ui/shell/LayoutShell.tsx b/surfsense_web/components/layout/ui/shell/LayoutShell.tsx
index 4a33e5e27..e872ab84a 100644
--- a/surfsense_web/components/layout/ui/shell/LayoutShell.tsx
+++ b/surfsense_web/components/layout/ui/shell/LayoutShell.tsx
@@ -160,9 +160,9 @@ export function LayoutShell({
 			<SidebarProvider value={sidebarContextValue}>
 				<TooltipProvider delayDuration={0}>
 					<div className={cn("flex h-screen w-full flex-col bg-background", className)}>
-					<Header
-						mobileMenuTrigger={<MobileSidebarTrigger onClick={() => setMobileMenuOpen(true)} />}
-					/>
+						<Header
+							mobileMenuTrigger={<MobileSidebarTrigger onClick={() => setMobileMenuOpen(true)} />}
+						/>
 
 						<MobileSidebar
 							isOpen={mobileMenuOpen}
diff --git a/surfsense_web/components/layout/ui/sidebar/AllPrivateChatsSidebar.tsx b/surfsense_web/components/layout/ui/sidebar/AllPrivateChatsSidebar.tsx
index 28b259bdc..2500d9071 100644
--- a/surfsense_web/components/layout/ui/sidebar/AllPrivateChatsSidebar.tsx
+++ b/surfsense_web/components/layout/ui/sidebar/AllPrivateChatsSidebar.tsx
@@ -364,72 +364,72 @@ export function AllPrivateChatsSidebar({
 										isBusy && "opacity-50 pointer-events-none"
 									)}
 								>
-								{isMobile ? (
-									<button
-										type="button"
-										onClick={() => {
-											if (wasLongPress()) return;
-											handleThreadClick(thread.id);
-										}}
-										onTouchStart={() => {
-											pendingThreadIdRef.current = thread.id;
-											longPressHandlers.onTouchStart();
-										}}
-										onTouchEnd={longPressHandlers.onTouchEnd}
-										onTouchMove={longPressHandlers.onTouchMove}
-										disabled={isBusy}
-										className="flex items-center gap-2 flex-1 min-w-0 text-left overflow-hidden"
-									>
-										<MessageCircleMore className="h-4 w-4 shrink-0 text-muted-foreground" />
-										<span className="truncate">{thread.title || "New Chat"}</span>
-									</button>
-								) : (
-									<Tooltip>
-										<TooltipTrigger asChild>
-											<button
-												type="button"
-												onClick={() => handleThreadClick(thread.id)}
-												disabled={isBusy}
-												className="flex items-center gap-2 flex-1 min-w-0 text-left overflow-hidden"
-											>
-												<MessageCircleMore className="h-4 w-4 shrink-0 text-muted-foreground" />
-												<span className="truncate">{thread.title || "New Chat"}</span>
-											</button>
-										</TooltipTrigger>
-										<TooltipContent side="bottom" align="start">
-											<p>
-												{t("updated") || "Updated"}:{" "}
-												{format(new Date(thread.updatedAt), "MMM d, yyyy 'at' h:mm a")}
-											</p>
-										</TooltipContent>
-									</Tooltip>
-								)}
-
-								<DropdownMenu
-									open={openDropdownId === thread.id}
-									onOpenChange={(isOpen) => setOpenDropdownId(isOpen ? thread.id : null)}
-								>
-									<DropdownMenuTrigger asChild>
-										<Button
-											variant="ghost"
-											size="icon"
-											className={cn(
-												"h-6 w-6 shrink-0",
-												isMobile
-													? "opacity-0 pointer-events-none absolute"
-													: "md:opacity-0 md:group-hover:opacity-100 md:focus:opacity-100",
-												"transition-opacity"
-											)}
+									{isMobile ? (
+										<button
+											type="button"
+											onClick={() => {
+												if (wasLongPress()) return;
+												handleThreadClick(thread.id);
+											}}
+											onTouchStart={() => {
+												pendingThreadIdRef.current = thread.id;
+												longPressHandlers.onTouchStart();
+											}}
+											onTouchEnd={longPressHandlers.onTouchEnd}
+											onTouchMove={longPressHandlers.onTouchMove}
 											disabled={isBusy}
+											className="flex items-center gap-2 flex-1 min-w-0 text-left overflow-hidden"
 										>
-											{isDeleting ? (
-												<Spinner size="xs" />
-											) : (
-												<MoreHorizontal className="h-3.5 w-3.5 text-muted-foreground" />
-											)}
-											<span className="sr-only">{t("more_options") || "More options"}</span>
-										</Button>
-									</DropdownMenuTrigger>
+											<MessageCircleMore className="h-4 w-4 shrink-0 text-muted-foreground" />
+											<span className="truncate">{thread.title || "New Chat"}</span>
+										</button>
+									) : (
+										<Tooltip>
+											<TooltipTrigger asChild>
+												<button
+													type="button"
+													onClick={() => handleThreadClick(thread.id)}
+													disabled={isBusy}
+													className="flex items-center gap-2 flex-1 min-w-0 text-left overflow-hidden"
+												>
+													<MessageCircleMore className="h-4 w-4 shrink-0 text-muted-foreground" />
+													<span className="truncate">{thread.title || "New Chat"}</span>
+												</button>
+											</TooltipTrigger>
+											<TooltipContent side="bottom" align="start">
+												<p>
+													{t("updated") || "Updated"}:{" "}
+													{format(new Date(thread.updatedAt), "MMM d, yyyy 'at' h:mm a")}
+												</p>
+											</TooltipContent>
+										</Tooltip>
+									)}
+
+									<DropdownMenu
+										open={openDropdownId === thread.id}
+										onOpenChange={(isOpen) => setOpenDropdownId(isOpen ? thread.id : null)}
+									>
+										<DropdownMenuTrigger asChild>
+											<Button
+												variant="ghost"
+												size="icon"
+												className={cn(
+													"h-6 w-6 shrink-0",
+													isMobile
+														? "opacity-0 pointer-events-none absolute"
+														: "md:opacity-0 md:group-hover:opacity-100 md:focus:opacity-100",
+													"transition-opacity"
+												)}
+												disabled={isBusy}
+											>
+												{isDeleting ? (
+													<Spinner size="xs" />
+												) : (
+													<MoreHorizontal className="h-3.5 w-3.5 text-muted-foreground" />
+												)}
+												<span className="sr-only">{t("more_options") || "More options"}</span>
+											</Button>
+										</DropdownMenuTrigger>
 										<DropdownMenuContent align="end" className="w-40 z-80">
 											{!thread.archived && (
 												<DropdownMenuItem
@@ -456,9 +456,7 @@ export function AllPrivateChatsSidebar({
 												)}
 											</DropdownMenuItem>
 											<DropdownMenuSeparator />
-											<DropdownMenuItem
-												onClick={() => handleDeleteThread(thread.id)}
-												>
+											<DropdownMenuItem onClick={() => handleDeleteThread(thread.id)}>
 												<Trash2 className="mr-2 h-4 w-4" />
 												<span>{t("delete") || "Delete"}</span>
 											</DropdownMenuItem>
diff --git a/surfsense_web/components/layout/ui/sidebar/AllSharedChatsSidebar.tsx b/surfsense_web/components/layout/ui/sidebar/AllSharedChatsSidebar.tsx
index c45a7952e..fd3d31ffe 100644
--- a/surfsense_web/components/layout/ui/sidebar/AllSharedChatsSidebar.tsx
+++ b/surfsense_web/components/layout/ui/sidebar/AllSharedChatsSidebar.tsx
@@ -364,72 +364,72 @@ export function AllSharedChatsSidebar({
 										isBusy && "opacity-50 pointer-events-none"
 									)}
 								>
-								{isMobile ? (
-									<button
-										type="button"
-										onClick={() => {
-											if (wasLongPress()) return;
-											handleThreadClick(thread.id);
-										}}
-										onTouchStart={() => {
-											pendingThreadIdRef.current = thread.id;
-											longPressHandlers.onTouchStart();
-										}}
-										onTouchEnd={longPressHandlers.onTouchEnd}
-										onTouchMove={longPressHandlers.onTouchMove}
-										disabled={isBusy}
-										className="flex items-center gap-2 flex-1 min-w-0 text-left overflow-hidden"
-									>
-										<MessageCircleMore className="h-4 w-4 shrink-0 text-muted-foreground" />
-										<span className="truncate">{thread.title || "New Chat"}</span>
-									</button>
-								) : (
-									<Tooltip>
-										<TooltipTrigger asChild>
-											<button
-												type="button"
-												onClick={() => handleThreadClick(thread.id)}
-												disabled={isBusy}
-												className="flex items-center gap-2 flex-1 min-w-0 text-left overflow-hidden"
-											>
-												<MessageCircleMore className="h-4 w-4 shrink-0 text-muted-foreground" />
-												<span className="truncate">{thread.title || "New Chat"}</span>
-											</button>
-										</TooltipTrigger>
-										<TooltipContent side="bottom" align="start">
-											<p>
-												{t("updated") || "Updated"}:{" "}
-												{format(new Date(thread.updatedAt), "MMM d, yyyy 'at' h:mm a")}
-											</p>
-										</TooltipContent>
-									</Tooltip>
-								)}
-
-								<DropdownMenu
-									open={openDropdownId === thread.id}
-									onOpenChange={(isOpen) => setOpenDropdownId(isOpen ? thread.id : null)}
-								>
-									<DropdownMenuTrigger asChild>
-										<Button
-											variant="ghost"
-											size="icon"
-											className={cn(
-												"h-6 w-6 shrink-0",
-												isMobile
-													? "opacity-0 pointer-events-none absolute"
-													: "md:opacity-0 md:group-hover:opacity-100 md:focus:opacity-100",
-												"transition-opacity"
-											)}
+									{isMobile ? (
+										<button
+											type="button"
+											onClick={() => {
+												if (wasLongPress()) return;
+												handleThreadClick(thread.id);
+											}}
+											onTouchStart={() => {
+												pendingThreadIdRef.current = thread.id;
+												longPressHandlers.onTouchStart();
+											}}
+											onTouchEnd={longPressHandlers.onTouchEnd}
+											onTouchMove={longPressHandlers.onTouchMove}
 											disabled={isBusy}
+											className="flex items-center gap-2 flex-1 min-w-0 text-left overflow-hidden"
 										>
-											{isDeleting ? (
-												<Spinner size="xs" />
-											) : (
-												<MoreHorizontal className="h-3.5 w-3.5 text-muted-foreground" />
-											)}
-											<span className="sr-only">{t("more_options") || "More options"}</span>
-										</Button>
-									</DropdownMenuTrigger>
+											<MessageCircleMore className="h-4 w-4 shrink-0 text-muted-foreground" />
+											<span className="truncate">{thread.title || "New Chat"}</span>
+										</button>
+									) : (
+										<Tooltip>
+											<TooltipTrigger asChild>
+												<button
+													type="button"
+													onClick={() => handleThreadClick(thread.id)}
+													disabled={isBusy}
+													className="flex items-center gap-2 flex-1 min-w-0 text-left overflow-hidden"
+												>
+													<MessageCircleMore className="h-4 w-4 shrink-0 text-muted-foreground" />
+													<span className="truncate">{thread.title || "New Chat"}</span>
+												</button>
+											</TooltipTrigger>
+											<TooltipContent side="bottom" align="start">
+												<p>
+													{t("updated") || "Updated"}:{" "}
+													{format(new Date(thread.updatedAt), "MMM d, yyyy 'at' h:mm a")}
+												</p>
+											</TooltipContent>
+										</Tooltip>
+									)}
+
+									<DropdownMenu
+										open={openDropdownId === thread.id}
+										onOpenChange={(isOpen) => setOpenDropdownId(isOpen ? thread.id : null)}
+									>
+										<DropdownMenuTrigger asChild>
+											<Button
+												variant="ghost"
+												size="icon"
+												className={cn(
+													"h-6 w-6 shrink-0",
+													isMobile
+														? "opacity-0 pointer-events-none absolute"
+														: "md:opacity-0 md:group-hover:opacity-100 md:focus:opacity-100",
+													"transition-opacity"
+												)}
+												disabled={isBusy}
+											>
+												{isDeleting ? (
+													<Spinner size="xs" />
+												) : (
+													<MoreHorizontal className="h-3.5 w-3.5 text-muted-foreground" />
+												)}
+												<span className="sr-only">{t("more_options") || "More options"}</span>
+											</Button>
+										</DropdownMenuTrigger>
 										<DropdownMenuContent align="end" className="w-40 z-80">
 											{!thread.archived && (
 												<DropdownMenuItem
@@ -456,9 +456,7 @@ export function AllSharedChatsSidebar({
 												)}
 											</DropdownMenuItem>
 											<DropdownMenuSeparator />
-											<DropdownMenuItem
-												onClick={() => handleDeleteThread(thread.id)}
-												>
+											<DropdownMenuItem onClick={() => handleDeleteThread(thread.id)}>
 												<Trash2 className="mr-2 h-4 w-4" />
 												<span>{t("delete") || "Delete"}</span>
 											</DropdownMenuItem>
diff --git a/surfsense_web/components/layout/ui/sidebar/AnnouncementsSidebar.tsx b/surfsense_web/components/layout/ui/sidebar/AnnouncementsSidebar.tsx
index fac600dc0..052d9c633 100644
--- a/surfsense_web/components/layout/ui/sidebar/AnnouncementsSidebar.tsx
+++ b/surfsense_web/components/layout/ui/sidebar/AnnouncementsSidebar.tsx
@@ -72,4 +72,3 @@ export function AnnouncementsSidebar({
 		</SidebarSlideOutPanel>
 	);
 }
-
diff --git a/surfsense_web/components/layout/ui/sidebar/ChatListItem.tsx b/surfsense_web/components/layout/ui/sidebar/ChatListItem.tsx
index 8219441e7..aa0950983 100644
--- a/surfsense_web/components/layout/ui/sidebar/ChatListItem.tsx
+++ b/surfsense_web/components/layout/ui/sidebar/ChatListItem.tsx
@@ -73,12 +73,12 @@ export function ChatListItem({
 			</button>
 
 			{/* Actions dropdown - trigger hidden on mobile, long-press opens it instead */}
-			<div className={cn(
-				"absolute right-1 top-1/2 -translate-y-1/2 transition-opacity",
-				isMobile
-					? "opacity-0 pointer-events-none"
-					: "opacity-0 group-hover/item:opacity-100"
-			)}>
+			<div
+				className={cn(
+					"absolute right-1 top-1/2 -translate-y-1/2 transition-opacity",
+					isMobile ? "opacity-0 pointer-events-none" : "opacity-0 group-hover/item:opacity-100"
+				)}
+			>
 				<DropdownMenu open={dropdownOpen} onOpenChange={setDropdownOpen}>
 					<DropdownMenuTrigger asChild>
 						<Button variant="ghost" size="icon" className="h-6 w-6">
@@ -125,7 +125,7 @@ export function ChatListItem({
 									e.stopPropagation();
 									onDelete();
 								}}
-								>
+							>
 								<Trash2 className="mr-2 h-4 w-4" />
 								<span>{t("delete")}</span>
 							</DropdownMenuItem>
diff --git a/surfsense_web/components/layout/ui/sidebar/DocumentsSidebar.tsx b/surfsense_web/components/layout/ui/sidebar/DocumentsSidebar.tsx
index 2e1158a64..df645a4a2 100644
--- a/surfsense_web/components/layout/ui/sidebar/DocumentsSidebar.tsx
+++ b/surfsense_web/components/layout/ui/sidebar/DocumentsSidebar.tsx
@@ -41,10 +41,7 @@ export function DocumentsSidebar({ open, onOpenChange }: DocumentsSidebarProps)
 	const { mutateAsync: deleteDocumentMutation } = useAtomValue(deleteDocumentMutationAtom);
 
 	const [sidebarDocs, setSidebarDocs] = useAtom(sidebarSelectedDocumentsAtom);
-	const mentionedDocIds = useMemo(
-		() => new Set(sidebarDocs.map((d) => d.id)),
-		[sidebarDocs]
-	);
+	const mentionedDocIds = useMemo(() => new Set(sidebarDocs.map((d) => d.id)), [sidebarDocs]);
 
 	const handleToggleChatMention = useCallback(
 		(doc: { id: number; title: string; document_type: string }, isMentioned: boolean) => {
@@ -53,7 +50,10 @@ export function DocumentsSidebar({ open, onOpenChange }: DocumentsSidebarProps)
 			} else {
 				setSidebarDocs((prev) => {
 					if (prev.some((d) => d.id === doc.id)) return prev;
-					return [...prev, { id: doc.id, title: doc.title, document_type: doc.document_type as DocumentTypeEnum }];
+					return [
+						...prev,
+						{ id: doc.id, title: doc.title, document_type: doc.document_type as DocumentTypeEnum },
+					];
 				});
 			}
 		},
diff --git a/surfsense_web/components/layout/ui/sidebar/InboxSidebar.tsx b/surfsense_web/components/layout/ui/sidebar/InboxSidebar.tsx
index 1ddebee7c..7443bb390 100644
--- a/surfsense_web/components/layout/ui/sidebar/InboxSidebar.tsx
+++ b/surfsense_web/components/layout/ui/sidebar/InboxSidebar.tsx
@@ -638,58 +638,56 @@ export function InboxSidebar({
 													)}
 												</div>
 											</div>
-										{activeTab === "status" && statusSourceOptions.length > 0 && (
-											<div className="space-y-2">
-												<p className="text-xs text-muted-foreground/80 font-medium px-1">
-													{t("sources") || "Sources"}
-												</p>
-												<div className="space-y-1">
-													<button
-														type="button"
-														onClick={() => {
-															setSelectedSource(null);
-															setFilterDrawerOpen(false);
-														}}
-														className={cn(
-															"flex w-full items-center justify-between rounded-lg px-3 py-2.5 text-sm transition-colors",
-															selectedSource === null
-																? "bg-primary/10 text-primary"
-																: "hover:bg-muted"
-														)}
-													>
-														<span className="flex items-center gap-2">
-															<LayoutGrid className="h-4 w-4" />
-															<span>{t("all_sources") || "All sources"}</span>
-														</span>
-														{selectedSource === null && <Check className="h-4 w-4" />}
-													</button>
-													{statusSourceOptions.map((source) => (
+											{activeTab === "status" && statusSourceOptions.length > 0 && (
+												<div className="space-y-2">
+													<p className="text-xs text-muted-foreground/80 font-medium px-1">
+														{t("sources") || "Sources"}
+													</p>
+													<div className="space-y-1">
 														<button
-															key={source.key}
 															type="button"
 															onClick={() => {
-																setSelectedSource(source.key);
+																setSelectedSource(null);
 																setFilterDrawerOpen(false);
 															}}
 															className={cn(
 																"flex w-full items-center justify-between rounded-lg px-3 py-2.5 text-sm transition-colors",
-																selectedSource === source.key
+																selectedSource === null
 																	? "bg-primary/10 text-primary"
 																	: "hover:bg-muted"
 															)}
 														>
 															<span className="flex items-center gap-2">
-																{getConnectorIcon(source.type, "h-4 w-4")}
-																<span>{source.displayName}</span>
+																<LayoutGrid className="h-4 w-4" />
+																<span>{t("all_sources") || "All sources"}</span>
 															</span>
-															{selectedSource === source.key && (
-																<Check className="h-4 w-4" />
-															)}
+															{selectedSource === null && <Check className="h-4 w-4" />}
 														</button>
-													))}
+														{statusSourceOptions.map((source) => (
+															<button
+																key={source.key}
+																type="button"
+																onClick={() => {
+																	setSelectedSource(source.key);
+																	setFilterDrawerOpen(false);
+																}}
+																className={cn(
+																	"flex w-full items-center justify-between rounded-lg px-3 py-2.5 text-sm transition-colors",
+																	selectedSource === source.key
+																		? "bg-primary/10 text-primary"
+																		: "hover:bg-muted"
+																)}
+															>
+																<span className="flex items-center gap-2">
+																	{getConnectorIcon(source.type, "h-4 w-4")}
+																	<span>{source.displayName}</span>
+																</span>
+																{selectedSource === source.key && <Check className="h-4 w-4" />}
+															</button>
+														))}
+													</div>
 												</div>
-											</div>
-										)}
+											)}
 										</div>
 									</DrawerContent>
 								</Drawer>
@@ -712,7 +710,10 @@ export function InboxSidebar({
 								</Tooltip>
 								<DropdownMenuContent
 									align="end"
-									className={cn("z-80 select-none max-h-[60vh] overflow-hidden flex flex-col", activeTab === "status" ? "w-52" : "w-44")}
+									className={cn(
+										"z-80 select-none max-h-[60vh] overflow-hidden flex flex-col",
+										activeTab === "status" ? "w-52" : "w-44"
+									)}
 								>
 									<DropdownMenuLabel className="text-xs text-muted-foreground/80 font-normal">
 										{t("filter") || "Filter"}
@@ -749,45 +750,45 @@ export function InboxSidebar({
 											{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">
-											{t("sources") || "Sources"}
-										</DropdownMenuLabel>
-										<div
-											className="relative max-h-[30vh] overflow-y-auto overflow-x-hidden -mb-1"
-											onScroll={handleConnectorScroll}
-											style={{
-												maskImage: `linear-gradient(to bottom, ${connectorScrollPos === "top" ? "black" : "transparent"}, black 16px, black calc(100% - 16px), ${connectorScrollPos === "bottom" ? "black" : "transparent"})`,
-												WebkitMaskImage: `linear-gradient(to bottom, ${connectorScrollPos === "top" ? "black" : "transparent"}, black 16px, black calc(100% - 16px), ${connectorScrollPos === "bottom" ? "black" : "transparent"})`,
-											}}
-										>
-											<DropdownMenuItem
-												onClick={() => setSelectedSource(null)}
-												className="flex items-center justify-between"
+									{activeTab === "status" && statusSourceOptions.length > 0 && (
+										<>
+											<DropdownMenuLabel className="text-xs text-muted-foreground/80 font-normal mt-2">
+												{t("sources") || "Sources"}
+											</DropdownMenuLabel>
+											<div
+												className="relative max-h-[30vh] overflow-y-auto overflow-x-hidden -mb-1"
+												onScroll={handleConnectorScroll}
+												style={{
+													maskImage: `linear-gradient(to bottom, ${connectorScrollPos === "top" ? "black" : "transparent"}, black 16px, black calc(100% - 16px), ${connectorScrollPos === "bottom" ? "black" : "transparent"})`,
+													WebkitMaskImage: `linear-gradient(to bottom, ${connectorScrollPos === "top" ? "black" : "transparent"}, black 16px, black calc(100% - 16px), ${connectorScrollPos === "bottom" ? "black" : "transparent"})`,
+												}}
 											>
-												<span className="flex items-center gap-2">
-													<LayoutGrid className="h-4 w-4" />
-													<span>{t("all_sources") || "All sources"}</span>
-												</span>
-												{selectedSource === null && <Check className="h-4 w-4" />}
-											</DropdownMenuItem>
-											{statusSourceOptions.map((source) => (
 												<DropdownMenuItem
-													key={source.key}
-													onClick={() => setSelectedSource(source.key)}
+													onClick={() => setSelectedSource(null)}
 													className="flex items-center justify-between"
 												>
 													<span className="flex items-center gap-2">
-														{getConnectorIcon(source.type, "h-4 w-4")}
-														<span>{source.displayName}</span>
+														<LayoutGrid className="h-4 w-4" />
+														<span>{t("all_sources") || "All sources"}</span>
 													</span>
-													{selectedSource === source.key && <Check className="h-4 w-4" />}
+													{selectedSource === null && <Check className="h-4 w-4" />}
 												</DropdownMenuItem>
-											))}
-										</div>
-									</>
-								)}
+												{statusSourceOptions.map((source) => (
+													<DropdownMenuItem
+														key={source.key}
+														onClick={() => setSelectedSource(source.key)}
+														className="flex items-center justify-between"
+													>
+														<span className="flex items-center gap-2">
+															{getConnectorIcon(source.type, "h-4 w-4")}
+															<span>{source.displayName}</span>
+														</span>
+														{selectedSource === source.key && <Check className="h-4 w-4" />}
+													</DropdownMenuItem>
+												))}
+											</div>
+										</>
+									)}
 								</DropdownMenuContent>
 							</DropdownMenu>
 						)}
diff --git a/surfsense_web/components/new-chat/chat-share-button.tsx b/surfsense_web/components/new-chat/chat-share-button.tsx
index fa736da35..33a52a974 100644
--- a/surfsense_web/components/new-chat/chat-share-button.tsx
+++ b/surfsense_web/components/new-chat/chat-share-button.tsx
@@ -215,7 +215,12 @@ export function ChatShareButton({ thread, onVisibilityChange, className }: ChatS
 									</div>
 									<div className="flex-1 text-left min-w-0">
 										<div className="flex items-center gap-1.5">
-											<span className={cn("text-sm font-medium", isSelected && "text-primary dark:text-white")}>
+											<span
+												className={cn(
+													"text-sm font-medium",
+													isSelected && "text-primary dark:text-white"
+												)}
+											>
 												{option.label}
 											</span>
 										</div>
diff --git a/surfsense_web/components/new-chat/image-config-dialog.tsx b/surfsense_web/components/new-chat/image-config-dialog.tsx
index e2b8327fa..d4a4ee7b9 100644
--- a/surfsense_web/components/new-chat/image-config-dialog.tsx
+++ b/surfsense_web/components/new-chat/image-config-dialog.tsx
@@ -143,11 +143,11 @@ export function ImageConfigDialog({
 		setIsSubmitting(true);
 		try {
 			if (mode === "create") {
-			const result = await createConfig({
-				name: formData.name,
-				provider: formData.provider as ImageGenProvider,
-				model_name: formData.model_name,
-				api_key: formData.api_key,
+				const result = await createConfig({
+					name: formData.name,
+					provider: formData.provider as ImageGenProvider,
+					model_name: formData.model_name,
+					api_key: formData.api_key,
 					api_base: formData.api_base || undefined,
 					api_version: formData.api_version || undefined,
 					description: formData.description || undefined,
@@ -162,14 +162,14 @@ export function ImageConfigDialog({
 				toast.success("Image model created and assigned!");
 				onOpenChange(false);
 			} else if (!isGlobal && config) {
-			await updateConfig({
-				id: config.id,
-				data: {
-					name: formData.name,
-					description: formData.description || undefined,
-					provider: formData.provider as ImageGenProvider,
-					model_name: formData.model_name,
-					api_key: formData.api_key,
+				await updateConfig({
+					id: config.id,
+					data: {
+						name: formData.name,
+						description: formData.description || undefined,
+						provider: formData.provider as ImageGenProvider,
+						model_name: formData.model_name,
+						api_key: formData.api_key,
 						api_base: formData.api_base || undefined,
 						api_version: formData.api_version || undefined,
 					},
@@ -248,7 +248,9 @@ export function ImageConfigDialog({
 								"flex flex-col overflow-hidden"
 							)}
 							onClick={(e) => e.stopPropagation()}
-							onKeyDown={(e) => { if (e.key === "Escape") onOpenChange(false); }}
+							onKeyDown={(e) => {
+								if (e.key === "Escape") onOpenChange(false);
+							}}
 						>
 							{/* Header */}
 							<div className="flex items-start justify-between px-6 pt-6 pb-4">
@@ -268,7 +270,9 @@ export function ImageConfigDialog({
 									</div>
 									<p className="text-sm text-muted-foreground">{getSubtitle()}</p>
 									{config && !isAutoMode && mode !== "create" && (
-										<p className="text-xs font-mono text-muted-foreground/70">{config.model_name}</p>
+										<p className="text-xs font-mono text-muted-foreground/70">
+											{config.model_name}
+										</p>
 									)}
 								</div>
 								<Button
@@ -404,7 +408,10 @@ export function ImageConfigDialog({
 															<ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
 														</Button>
 													</PopoverTrigger>
-													<PopoverContent className="w-full p-0 bg-muted dark:border-neutral-700" align="start">
+													<PopoverContent
+														className="w-full p-0 bg-muted dark:border-neutral-700"
+														align="start"
+													>
 														<Command className="bg-transparent">
 															<CommandInput
 																placeholder="Search or type model..."
@@ -505,7 +512,7 @@ export function ImageConfigDialog({
 								>
 									Cancel
 								</Button>
-								{(mode === "create" || (mode === "edit" && !isGlobal)) ? (
+								{mode === "create" || (mode === "edit" && !isGlobal) ? (
 									<Button
 										onClick={handleSubmit}
 										disabled={isSubmitting || !isFormValid}
@@ -516,8 +523,10 @@ export function ImageConfigDialog({
 												<Spinner size="sm" />
 												{mode === "edit" ? "Saving" : "Creating"}
 											</>
+										) : mode === "edit" ? (
+											"Save Changes"
 										) : (
-											mode === "edit" ? "Save Changes" : "Create & Use"
+											"Create & Use"
 										)}
 									</Button>
 								) : isAutoMode ? (
diff --git a/surfsense_web/components/new-chat/model-config-dialog.tsx b/surfsense_web/components/new-chat/model-config-dialog.tsx
index 6b91290c1..6ae023147 100644
--- a/surfsense_web/components/new-chat/model-config-dialog.tsx
+++ b/surfsense_web/components/new-chat/model-config-dialog.tsx
@@ -200,7 +200,9 @@ export function ModelConfigDialog({
 								"flex flex-col overflow-hidden"
 							)}
 							onClick={(e) => e.stopPropagation()}
-							onKeyDown={(e) => { if (e.key === "Escape") onOpenChange(false); }}
+							onKeyDown={(e) => {
+								if (e.key === "Escape") onOpenChange(false);
+							}}
 						>
 							{/* Header */}
 							<div className="flex items-start justify-between px-6 pt-6 pb-4">
@@ -225,7 +227,9 @@ export function ModelConfigDialog({
 									</div>
 									<p className="text-sm text-muted-foreground">{getSubtitle()}</p>
 									{config && !isAutoMode && mode !== "create" && (
-										<p className="text-xs font-mono text-muted-foreground/70">{config.model_name}</p>
+										<p className="text-xs font-mono text-muted-foreground/70">
+											{config.model_name}
+										</p>
 									)}
 								</div>
 								<Button
@@ -330,7 +334,6 @@ export function ModelConfigDialog({
 												</div>
 											</div>
 										</div>
-
 									</div>
 								) : isGlobal && config ? (
 									<div className="space-y-6">
@@ -401,7 +404,6 @@ export function ModelConfigDialog({
 												</>
 											)}
 										</div>
-
 									</div>
 								) : config ? (
 									<LLMConfigForm
@@ -431,16 +433,16 @@ export function ModelConfigDialog({
 
 							{/* Fixed footer */}
 							<div className="shrink-0 px-6 py-4 flex items-center justify-end gap-3">
-							<Button
-								type="button"
-								variant="secondary"
-								onClick={() => onOpenChange(false)}
-								disabled={isSubmitting}
-								className="text-sm h-9"
-							>
-								Cancel
+								<Button
+									type="button"
+									variant="secondary"
+									onClick={() => onOpenChange(false)}
+									disabled={isSubmitting}
+									className="text-sm h-9"
+								>
+									Cancel
 								</Button>
-								{(mode === "create" || (!isGlobal && !isAutoMode && config)) ? (
+								{mode === "create" || (!isGlobal && !isAutoMode && config) ? (
 									<Button
 										type="submit"
 										form="model-config-form"
@@ -452,8 +454,10 @@ export function ModelConfigDialog({
 												<Spinner size="sm" />
 												{mode === "edit" ? "Saving" : "Creating"}
 											</>
+										) : mode === "edit" ? (
+											"Save Changes"
 										) : (
-											mode === "edit" ? "Save Changes" : "Create & Use"
+											"Create & Use"
 										)}
 									</Button>
 								) : isAutoMode ? (
diff --git a/surfsense_web/components/settings/roles-manager.tsx b/surfsense_web/components/settings/roles-manager.tsx
index 11ebcc457..f448c76d0 100644
--- a/surfsense_web/components/settings/roles-manager.tsx
+++ b/surfsense_web/components/settings/roles-manager.tsx
@@ -578,9 +578,7 @@ function RolesContent({
 														<DropdownMenuSeparator />
 														<AlertDialog>
 															<AlertDialogTrigger asChild>
-																<DropdownMenuItem
-																	onSelect={(e) => e.preventDefault()}
-																>
+																<DropdownMenuItem onSelect={(e) => e.preventDefault()}>
 																	<Trash2 className="h-4 w-4 mr-2" />
 																	Delete Role
 																</DropdownMenuItem>
diff --git a/surfsense_web/components/shared/llm-config-form.tsx b/surfsense_web/components/shared/llm-config-form.tsx
index 0d3e67755..42dd5e036 100644
--- a/surfsense_web/components/shared/llm-config-form.tsx
+++ b/surfsense_web/components/shared/llm-config-form.tsx
@@ -173,14 +173,9 @@ export function LLMConfigForm({
 							name="name"
 							render={({ field }) => (
 								<FormItem>
-									<FormLabel className="text-xs sm:text-sm">
-										Configuration Name
-									</FormLabel>
+									<FormLabel className="text-xs sm:text-sm">Configuration Name</FormLabel>
 									<FormControl>
-										<Input
-											placeholder="e.g., My GPT-4 Agent"
-											{...field}
-										/>
+										<Input placeholder="e.g., My GPT-4 Agent" {...field} />
 									</FormControl>
 									<FormMessage />
 								</FormItem>
@@ -280,17 +275,20 @@ export function LLMConfigForm({
 												variant="outline"
 												role="combobox"
 												aria-expanded={modelComboboxOpen}
-											className={cn(
-												"w-full justify-between font-normal bg-transparent",
-												!field.value && "text-muted-foreground"
-											)}
+												className={cn(
+													"w-full justify-between font-normal bg-transparent",
+													!field.value && "text-muted-foreground"
+												)}
 											>
 												{field.value || "Select or type model name"}
 												<ChevronsUpDown className="ml-2 h-4 w-4 shrink-0 opacity-50" />
 											</Button>
 										</FormControl>
 									</PopoverTrigger>
-									<PopoverContent className="w-full p-0 bg-muted dark:border-neutral-700" align="start">
+									<PopoverContent
+										className="w-full p-0 bg-muted dark:border-neutral-700"
+										align="start"
+									>
 										<Command shouldFilter={false} className="bg-transparent">
 											<CommandInput
 												placeholder={selectedProvider?.example || "Type model name..."}
@@ -362,9 +360,7 @@ export function LLMConfigForm({
 							name="api_key"
 							render={({ field }) => (
 								<FormItem>
-									<FormLabel className="text-xs sm:text-sm">
-										API Key
-									</FormLabel>
+									<FormLabel className="text-xs sm:text-sm">API Key</FormLabel>
 									<FormControl>
 										<Input
 											type="password"
@@ -488,7 +484,7 @@ export function LLMConfigForm({
 							type="button"
 							className="flex w-full items-center justify-between py-2 text-xs sm:text-sm font-medium text-muted-foreground hover:text-foreground transition-colors"
 						>
-								<span>System Instructions</span>
+							<span>System Instructions</span>
 							<ChevronDown
 								className={cn(
 									"h-4 w-4 transition-transform duration-200",
@@ -589,7 +585,8 @@ export function LLMConfigForm({
 								</>
 							) : (
 								<>
-									{submitLabel ?? (mode === "edit" ? "Update Configuration" : "Create Configuration")}
+									{submitLabel ??
+										(mode === "edit" ? "Update Configuration" : "Create Configuration")}
 								</>
 							)}
 						</Button>
diff --git a/surfsense_web/components/ui/calendar.tsx b/surfsense_web/components/ui/calendar.tsx
index 11c2ff881..e3e1be301 100644
--- a/surfsense_web/components/ui/calendar.tsx
+++ b/surfsense_web/components/ui/calendar.tsx
@@ -88,7 +88,10 @@ function Calendar({
 					"relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none",
 					defaultClassNames.day
 				),
-				range_start: cn("rounded-l-md bg-accent dark:bg-neutral-700", defaultClassNames.range_start),
+				range_start: cn(
+					"rounded-l-md bg-accent dark:bg-neutral-700",
+					defaultClassNames.range_start
+				),
 				range_middle: cn("rounded-none", defaultClassNames.range_middle),
 				range_end: cn("rounded-r-md bg-accent dark:bg-neutral-700", defaultClassNames.range_end),
 				today: cn(
diff --git a/surfsense_web/components/ui/fixed-toolbar-buttons.tsx b/surfsense_web/components/ui/fixed-toolbar-buttons.tsx
index ec8325b72..d732c392f 100644
--- a/surfsense_web/components/ui/fixed-toolbar-buttons.tsx
+++ b/surfsense_web/components/ui/fixed-toolbar-buttons.tsx
@@ -59,7 +59,9 @@ export function FixedToolbarButtons() {
 							</ToolbarButton>
 
 							<ToolbarButton
-								tooltip={<TooltipWithShortcut label="Redo" keys={shortcutKeys("Mod", "Shift", "Z")} />}
+								tooltip={
+									<TooltipWithShortcut label="Redo" keys={shortcutKeys("Mod", "Shift", "Z")} />
+								}
 								onClick={() => {
 									editor.redo();
 									editor.tf.focus();
@@ -75,11 +77,17 @@ export function FixedToolbarButtons() {
 						</ToolbarGroup>
 
 						<ToolbarGroup>
-							<MarkToolbarButton nodeType={KEYS.bold} tooltip={<TooltipWithShortcut label="Bold" keys={shortcutKeys("Mod", "B")} />}>
+							<MarkToolbarButton
+								nodeType={KEYS.bold}
+								tooltip={<TooltipWithShortcut label="Bold" keys={shortcutKeys("Mod", "B")} />}
+							>
 								<BoldIcon />
 							</MarkToolbarButton>
 
-							<MarkToolbarButton nodeType={KEYS.italic} tooltip={<TooltipWithShortcut label="Italic" keys={shortcutKeys("Mod", "I")} />}>
+							<MarkToolbarButton
+								nodeType={KEYS.italic}
+								tooltip={<TooltipWithShortcut label="Italic" keys={shortcutKeys("Mod", "I")} />}
+							>
 								<ItalicIcon />
 							</MarkToolbarButton>
 
@@ -92,18 +100,28 @@ export function FixedToolbarButtons() {
 
 							<MarkToolbarButton
 								nodeType={KEYS.strikethrough}
-								tooltip={<TooltipWithShortcut label="Strikethrough" keys={shortcutKeys("Mod", "Shift", "X")} />}
+								tooltip={
+									<TooltipWithShortcut
+										label="Strikethrough"
+										keys={shortcutKeys("Mod", "Shift", "X")}
+									/>
+								}
 							>
 								<StrikethroughIcon />
 							</MarkToolbarButton>
 
-							<MarkToolbarButton nodeType={KEYS.code} tooltip={<TooltipWithShortcut label="Code" keys={shortcutKeys("Mod", "E")} />}>
+							<MarkToolbarButton
+								nodeType={KEYS.code}
+								tooltip={<TooltipWithShortcut label="Code" keys={shortcutKeys("Mod", "E")} />}
+							>
 								<Code2Icon />
 							</MarkToolbarButton>
 
 							<MarkToolbarButton
 								nodeType={KEYS.highlight}
-								tooltip={<TooltipWithShortcut label="Highlight" keys={shortcutKeys("Mod", "Shift", "H")} />}
+								tooltip={
+									<TooltipWithShortcut label="Highlight" keys={shortcutKeys("Mod", "Shift", "H")} />
+								}
 							>
 								<HighlighterIcon />
 							</MarkToolbarButton>
@@ -122,7 +140,13 @@ export function FixedToolbarButtons() {
 				{!readOnly && onSave && hasUnsavedChanges && (
 					<ToolbarGroup>
 						<ToolbarButton
-							tooltip={isSaving ? "Saving..." : <TooltipWithShortcut label="Save" keys={shortcutKeys("Mod", "S")} />}
+							tooltip={
+								isSaving ? (
+									"Saving..."
+								) : (
+									<TooltipWithShortcut label="Save" keys={shortcutKeys("Mod", "S")} />
+								)
+							}
 							onClick={onSave}
 							disabled={isSaving}
 							className="bg-primary text-primary-foreground hover:bg-primary/90"
diff --git a/surfsense_web/hooks/use-comments.ts b/surfsense_web/hooks/use-comments.ts
index 2f7128149..797c8b5d7 100644
--- a/surfsense_web/hooks/use-comments.ts
+++ b/surfsense_web/hooks/use-comments.ts
@@ -47,7 +47,9 @@ export function useComments({ messageId, enabled = true }: UseCommentsOptions) {
 
 			if (_batchInflight && _batchTargetIds.has(messageId)) {
 				await _batchInflight;
-				const cached = queryClient.getQueryData<GetCommentsResponse>(cacheKeys.comments.byMessage(messageId));
+				const cached = queryClient.getQueryData<GetCommentsResponse>(
+					cacheKeys.comments.byMessage(messageId)
+				);
 				if (cached) return cached;
 			}
 
diff --git a/surfsense_web/hooks/use-documents-processing.ts b/surfsense_web/hooks/use-documents-processing.ts
index 8d95f65d8..d1788a1b5 100644
--- a/surfsense_web/hooks/use-documents-processing.ts
+++ b/surfsense_web/hooks/use-documents-processing.ts
@@ -66,7 +66,7 @@ export function useDocumentsProcessing(searchSpaceId: number | null): boolean {
 					live?: {
 						query: <T>(
 							sql: string,
-							params?: (number | string)[],
+							params?: (number | string)[]
 						) => Promise<{
 							subscribe: (cb: (result: { rows: T[] }) => void) => void;
 							unsubscribe?: () => void;
@@ -80,7 +80,7 @@ export function useDocumentsProcessing(searchSpaceId: number | null): boolean {
 					`SELECT COUNT(*) as count FROM documents
 					 WHERE search_space_id = $1
 					 AND (status->>'state' = 'pending' OR status->>'state' = 'processing')`,
-					[spaceId],
+					[spaceId]
 				);
 
 				if (!mounted) {
diff --git a/surfsense_web/hooks/use-documents.ts b/surfsense_web/hooks/use-documents.ts
index e0b576de6..7b744d8f2 100644
--- a/surfsense_web/hooks/use-documents.ts
+++ b/surfsense_web/hooks/use-documents.ts
@@ -356,8 +356,11 @@ export function useDocuments(
 						const prevIds = new Set(prev.map((d) => d.id));
 
 						const newItems = filterNewElectricItems(
-							validItems, liveIds, prevIds,
-							electricBaselineIdsRef, newestApiTimestampRef.current,
+							validItems,
+							liveIds,
+							prevIds,
+							electricBaselineIdsRef,
+							newestApiTimestampRef.current
 						).map(electricToDisplayDoc);
 
 						// Update existing docs (status changes, title edits)
diff --git a/surfsense_web/hooks/use-inbox.ts b/surfsense_web/hooks/use-inbox.ts
index 5a991c30d..3a39c4bb9 100644
--- a/surfsense_web/hooks/use-inbox.ts
+++ b/surfsense_web/hooks/use-inbox.ts
@@ -6,7 +6,11 @@ import { notificationsApiService } from "@/lib/apis/notifications-api.service";
 import { filterNewElectricItems, getNewestTimestamp } from "@/lib/electric/baseline";
 import { useElectricClient } from "@/lib/electric/context";
 
-export type { InboxItem, InboxItemTypeEnum, NotificationCategory } from "@/contracts/types/inbox.types";
+export type {
+	InboxItem,
+	InboxItemTypeEnum,
+	NotificationCategory,
+} from "@/contracts/types/inbox.types";
 
 const INITIAL_PAGE_SIZE = 50;
 const SCROLL_PAGE_SIZE = 30;
@@ -14,7 +18,8 @@ const SYNC_WINDOW_DAYS = 4;
 
 const CATEGORY_TYPE_SQL: Record<NotificationCategory, string> = {
 	comments: "AND type IN ('new_mention', 'comment_reply')",
-	status: "AND type IN ('connector_indexing', 'connector_deletion', 'document_processing', 'page_limit_exceeded')",
+	status:
+		"AND type IN ('connector_indexing', 'connector_deletion', 'document_processing', 'page_limit_exceeded')",
 };
 
 /**
@@ -52,7 +57,7 @@ function getSyncCutoffDate(): string {
 export function useInbox(
 	userId: string | null,
 	searchSpaceId: number | null,
-	category: NotificationCategory,
+	category: NotificationCategory
 ) {
 	const electricClient = useElectricClient();
 
@@ -119,7 +124,9 @@ export function useInbox(
 		};
 
 		fetchInitialData();
-		return () => { cancelled = true; };
+		return () => {
+			cancelled = true;
+		};
 	}, [userId, searchSpaceId, category]);
 
 	// EFFECT 2: Electric sync (shared shape) + per-instance type-filtered live queries
@@ -135,11 +142,19 @@ export function useInbox(
 		async function setupElectricRealtime() {
 			// Clean up previous live queries (NOT the sync shape — it's shared)
 			if (liveQueryRef.current) {
-				try { liveQueryRef.current.unsubscribe?.(); } catch { /* PGlite may be closed */ }
+				try {
+					liveQueryRef.current.unsubscribe?.();
+				} catch {
+					/* PGlite may be closed */
+				}
 				liveQueryRef.current = null;
 			}
 			if (unreadLiveQueryRef.current) {
-				try { unreadLiveQueryRef.current.unsubscribe?.(); } catch { /* PGlite may be closed */ }
+				try {
+					unreadLiveQueryRef.current.unsubscribe?.();
+				} catch {
+					/* PGlite may be closed */
+				}
 				unreadLiveQueryRef.current = null;
 			}
 
@@ -207,8 +222,11 @@ export function useInbox(
 						const prevIds = new Set(prev.map((d) => d.id));
 
 						const newItems = filterNewElectricItems(
-							validItems, liveIds, prevIds,
-							electricBaselineIdsRef, newestApiTimestampRef.current,
+							validItems,
+							liveIds,
+							prevIds,
+							electricBaselineIdsRef,
+							newestApiTimestampRef.current
 						);
 
 						let updated = prev.map((item) => {
@@ -267,7 +285,10 @@ export function useInbox(
 					AND read = false
 					${typeFilter}`;
 
-				const countLiveQuery = await db.live.query<{ count: number | string }>(countQuery, [uid, spaceId]);
+				const countLiveQuery = await db.live.query<{ count: number | string }>(countQuery, [
+					uid,
+					spaceId,
+				]);
 
 				if (!mounted) {
 					countLiveQuery.unsubscribe?.();
@@ -293,11 +314,19 @@ export function useInbox(
 			mounted = false;
 			// Only clean up live queries — sync shape is shared across instances
 			if (liveQueryRef.current) {
-				try { liveQueryRef.current.unsubscribe?.(); } catch { /* PGlite may be closed */ }
+				try {
+					liveQueryRef.current.unsubscribe?.();
+				} catch {
+					/* PGlite may be closed */
+				}
 				liveQueryRef.current = null;
 			}
 			if (unreadLiveQueryRef.current) {
-				try { unreadLiveQueryRef.current.unsubscribe?.(); } catch { /* PGlite may be closed */ }
+				try {
+					unreadLiveQueryRef.current.unsubscribe?.();
+				} catch {
+					/* PGlite may be closed */
+				}
 				unreadLiveQueryRef.current = null;
 			}
 		};
diff --git a/surfsense_web/lib/electric/baseline.ts b/surfsense_web/lib/electric/baseline.ts
index 018163f9d..6f819628e 100644
--- a/surfsense_web/lib/electric/baseline.ts
+++ b/surfsense_web/lib/electric/baseline.ts
@@ -38,7 +38,7 @@ export function filterNewElectricItems<T extends { id: number; created_at: strin
 	liveIds: Set<number>,
 	prevIds: Set<number>,
 	baselineRef: MutableRefObject<Set<number> | null>,
-	newestApiTimestamp: string | null,
+	newestApiTimestamp: string | null
 ): T[] {
 	if (baselineRef.current === null) {
 		baselineRef.current = new Set(liveIds);