feat: add processing mode support for document uploads and ETL pipeline, improded error handling ux

- Introduced a `ProcessingMode` enum to differentiate between basic and premium processing modes. - Updated `EtlRequest` to include a `processing_mode` field, defaulting to basic. - Enhanced ETL pipeline services to utilize the selected processing mode for Azure Document Intelligence and LlamaCloud parsing. - Modified various routes and services to handle processing mode, affecting document upload and indexing tasks. - Improved error handling and logging to include processing mode details. - Added tests to validate processing mode functionality and its impact on ETL operations.
2026-06-20 21:18:13 +02:00 · 2026-04-14 21:26:00 -07:00 · 2026-04-14 21:26:00 -07:00 · 656e061f84
commit 656e061f84
parent b659f41bab
104 changed files with 1900 additions and 909 deletions
--- a/surfsense_web/components/announcements/AnnouncementCard.tsx
+++ b/surfsense_web/components/announcements/AnnouncementCard.tsx
@ -4,13 +4,7 @@ import { Bell, ExternalLink, Info, type LucideIcon, Rocket, Wrench, Zap } from "
 import Link from "next/link";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
-import {
-	Card,
-	CardContent,
-	CardDescription,
-	CardFooter,
-	CardHeader,
-} from "@/components/ui/card";
+import { Card, CardContent, CardDescription, CardFooter, CardHeader } from "@/components/ui/card";
 import type { AnnouncementCategory } from "@/contracts/types/announcement.types";
 import type { AnnouncementWithState } from "@/hooks/use-announcements";
 import { formatRelativeDate } from "@/lib/format-date";
@ -66,7 +60,9 @@ export function AnnouncementCard({ announcement }: { announcement: AnnouncementW
 						</div>
 						<div className="min-w-0 flex-1">
 							<div className="flex items-center gap-2 flex-wrap">
-								<h2 className="text-base font-semibold leading-tight tracking-tight">{announcement.title}</h2>
+								<h2 className="text-base font-semibold leading-tight tracking-tight">
+									{announcement.title}
+								</h2>
 								<Badge variant={config.badgeVariant} className="text-[10px] px-1.5 py-0">
 									{config.label}
 								</Badge>
--- a/surfsense_web/components/assistant-ui/assistant-message.tsx
+++ b/surfsense_web/components/assistant-ui/assistant-message.tsx
@ -33,11 +33,17 @@ import {
 	useAllCitationMetadata,
 } from "@/components/assistant-ui/citation-metadata-context";
 import { MarkdownText } from "@/components/assistant-ui/markdown-text";
+import { useTokenUsage } from "@/components/assistant-ui/token-usage-context";
 import { ToolFallback } from "@/components/assistant-ui/tool-fallback";
 import { TooltipIconButton } from "@/components/assistant-ui/tooltip-icon-button";
 import { CommentPanelContainer } from "@/components/chat-comments/comment-panel-container/comment-panel-container";
 import { CommentSheet } from "@/components/chat-comments/comment-sheet/comment-sheet";
 import type { SerializableCitation } from "@/components/tool-ui/citation";
+import {
+	openSafeNavigationHref,
+	resolveSafeNavigationHref,
+} from "@/components/tool-ui/shared/media";
+import { Button } from "@/components/ui/button";
 import {
 	Drawer,
 	DrawerContent,
@ -46,14 +52,11 @@ import {
 	DrawerTitle,
 } from "@/components/ui/drawer";
 import { DropdownMenuLabel } from "@/components/ui/dropdown-menu";
-import { Button } from "@/components/ui/button";
 import { useComments } from "@/hooks/use-comments";
 import { useMediaQuery } from "@/hooks/use-media-query";
 import { useElectronAPI } from "@/hooks/use-platform";
-import { useTokenUsage } from "@/components/assistant-ui/token-usage-context";
 import { getProviderIcon } from "@/lib/provider-icons";
 import { cn } from "@/lib/utils";
-import { openSafeNavigationHref, resolveSafeNavigationHref } from "@/components/tool-ui/shared/media";

 // Captured once at module load — survives client-side navigations that strip the query param.
 const IS_QUICK_ASSIST_WINDOW =
@ -440,7 +443,11 @@ const MessageInfoDropdown: FC = () => {
 							models.map(([model, counts]) => {
 								const { name, icon } = resolveModel(model);
 								return (
-									<ActionBarMorePrimitive.Item key={model} className="focus:bg-neutral-200 dark:focus:bg-neutral-700 relative flex cursor-default flex-col items-start gap-0.5 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none" onSelect={(e) => e.preventDefault()}>
+									<ActionBarMorePrimitive.Item
+										key={model}
+										className="focus:bg-neutral-200 dark:focus:bg-neutral-700 relative flex cursor-default flex-col items-start gap-0.5 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none"
+										onSelect={(e) => e.preventDefault()}
+									>
 										<span className="flex items-center gap-1.5 text-xs font-medium">
 											{icon}
 											{name}
@ -452,7 +459,10 @@ const MessageInfoDropdown: FC = () => {
 								);
 							})
 						) : (
-							<ActionBarMorePrimitive.Item className="focus:bg-neutral-200 dark:focus:bg-neutral-700 relative flex cursor-default flex-col items-start gap-0.5 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none" onSelect={(e) => e.preventDefault()}>
+							<ActionBarMorePrimitive.Item
+								className="focus:bg-neutral-200 dark:focus:bg-neutral-700 relative flex cursor-default flex-col items-start gap-0.5 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none"
+								onSelect={(e) => e.preventDefault()}
+							>
 								<span className="text-xs text-muted-foreground">
 									{usage.total_tokens.toLocaleString()} tokens
 								</span>
--- a/surfsense_web/components/assistant-ui/connector-popup/connector-configs/views/connector-edit-view.tsx
+++ b/surfsense_web/components/assistant-ui/connector-popup/connector-configs/views/connector-edit-view.tsx
@ -282,7 +282,10 @@ export const ConnectorEditView: FC<ConnectorEditViewProps> = ({
 									connector.connector_type === "COMPOSIO_GOOGLE_DRIVE_CONNECTOR" ||
 									connector.connector_type === "DROPBOX_CONNECTOR" ||
 									connector.connector_type === "ONEDRIVE_CONNECTOR") && (
-									<VisionLLMConfig enabled={enableVisionLlm} onEnabledChange={onEnableVisionLlmChange} />
+									<VisionLLMConfig
+										enabled={enableVisionLlm}
+										onEnabledChange={onEnableVisionLlmChange}
+									/>
 								)}

 								{/* Date range selector - not shown for file-based connectors (Drive, Dropbox, OneDrive), Webcrawler, GitHub, or Local Folder */}
--- a/surfsense_web/components/assistant-ui/connector-popup/connector-configs/views/indexing-configuration-view.tsx
+++ b/surfsense_web/components/assistant-ui/connector-popup/connector-configs/views/indexing-configuration-view.tsx
@ -168,7 +168,10 @@ export const IndexingConfigurationView: FC<IndexingConfigurationViewProps> = ({
 									config.connectorType === "COMPOSIO_GOOGLE_DRIVE_CONNECTOR" ||
 									config.connectorType === "DROPBOX_CONNECTOR" ||
 									config.connectorType === "ONEDRIVE_CONNECTOR") && (
-									<VisionLLMConfig enabled={enableVisionLlm} onEnabledChange={onEnableVisionLlmChange} />
+									<VisionLLMConfig
+										enabled={enableVisionLlm}
+										onEnabledChange={onEnableVisionLlmChange}
+									/>
 								)}

 								{/* Date range selector - not shown for file-based connectors (Drive, Dropbox, OneDrive), Webcrawler, GitHub, or Local Folder */}
--- a/surfsense_web/components/assistant-ui/connector-popup/hooks/use-connector-dialog.ts
+++ b/surfsense_web/components/assistant-ui/connector-popup/hooks/use-connector-dialog.ts
@ -10,11 +10,17 @@ import {
 	updateConnectorMutationAtom,
 } from "@/atoms/connectors/connector-mutation.atoms";
 import { connectorsAtom } from "@/atoms/connectors/connector-query.atoms";
+import {
+	folderWatchDialogOpenAtom,
+	folderWatchInitialFolderAtom,
+} from "@/atoms/folder-sync/folder-sync.atoms";
 import { activeSearchSpaceIdAtom } from "@/atoms/search-spaces/search-space-query.atoms";
 import { EnumConnectorName } from "@/contracts/enums/connector";
 import type { SearchSourceConnector } from "@/contracts/types/connector.types";
 import { searchSourceConnector } from "@/contracts/types/connector.types";
+import { usePlatform } from "@/hooks/use-platform";
 import { authenticatedFetch } from "@/lib/auth-utils";
+import { isSelfHosted } from "@/lib/env-config";
 import {
 	trackConnectorConnected,
 	trackConnectorDeleted,
@ -33,12 +39,6 @@ import {
 	OAUTH_CONNECTORS,
 	OTHER_CONNECTORS,
 } from "../constants/connector-constants";
-import { usePlatform } from "@/hooks/use-platform";
-import { isSelfHosted } from "@/lib/env-config";
-import {
-	folderWatchDialogOpenAtom,
-	folderWatchInitialFolderAtom,
-} from "@/atoms/folder-sync/folder-sync.atoms";

 import {
 	dateRangeSchema,
@ -73,7 +73,6 @@ export const useConnectorDialog = () => {
 	const { isDesktop } = usePlatform();
 	const selfHosted = isSelfHosted();

-
 	// Use global atom for dialog open state so it can be controlled from anywhere
 	const [isOpen, setIsOpen] = useAtom(connectorDialogOpenAtom);
 	const [activeTab, setActiveTab] = useState("all");
@ -463,10 +462,16 @@ export const useConnectorDialog = () => {

 			setConnectingConnectorType(connectorType);
 		},
-		[searchSpaceId, selfHosted, isDesktop, setIsOpen, setFolderWatchOpen, setFolderWatchInitialFolder]
+		[
+			searchSpaceId,
+			selfHosted,
+			isDesktop,
+			setIsOpen,
+			setFolderWatchOpen,
+			setFolderWatchInitialFolder,
+		]
 	);

-
 	// Handle submitting connect form
 	const handleSubmitConnectForm = useCallback(
 		async (
@ -787,8 +792,8 @@ export const useConnectorDialog = () => {
 				const endDateStr = endDate ? format(endDate, "yyyy-MM-dd") : undefined;

 				// Update connector with summary, periodic sync settings, and config changes
-			if (enableSummary || enableVisionLlm || periodicEnabled || indexingConnectorConfig) {
-				const frequency = periodicEnabled ? parseInt(frequencyMinutes, 10) : undefined;
+				if (enableSummary || enableVisionLlm || periodicEnabled || indexingConnectorConfig) {
+					const frequency = periodicEnabled ? parseInt(frequencyMinutes, 10) : undefined;
 					await updateConnector({
 						id: indexingConfig.connectorId,
 						data: {
--- a/surfsense_web/components/assistant-ui/connector-popup/tabs/active-connectors-tab.tsx
+++ b/surfsense_web/components/assistant-ui/connector-popup/tabs/active-connectors-tab.tsx
@ -2,12 +2,12 @@

 import { Search, Unplug } from "lucide-react";
 import type { FC } from "react";
-import { getDocumentTypeLabel } from "@/lib/documents/document-type-labels";
 import { Button } from "@/components/ui/button";
 import { Spinner } from "@/components/ui/spinner";
 import { TabsContent } from "@/components/ui/tabs";
 import { getConnectorIcon } from "@/contracts/enums/connectorIcons";
 import type { SearchSourceConnector } from "@/contracts/types/connector.types";
+import { getDocumentTypeLabel } from "@/lib/documents/document-type-labels";
 import { cn } from "@/lib/utils";
 import { COMPOSIO_CONNECTORS, OAUTH_CONNECTORS } from "../constants/connector-constants";
 import { getDocumentCountForConnector } from "../utils/connector-document-mapping";
--- a/surfsense_web/components/assistant-ui/thread.tsx
+++ b/surfsense_web/components/assistant-ui/thread.tsx
@ -60,7 +60,6 @@ import {
 } from "@/components/assistant-ui/inline-mention-editor";
 import { TooltipIconButton } from "@/components/assistant-ui/tooltip-icon-button";
 import { UserMessage } from "@/components/assistant-ui/user-message";
-import { SLIDEOUT_PANEL_OPENED_EVENT } from "@/lib/layout-events";
 import {
 	DocumentMentionPicker,
 	type DocumentMentionPickerRef,
@ -90,6 +89,7 @@ import { useBatchCommentsPreload } from "@/hooks/use-comments";
 import { useCommentsSync } from "@/hooks/use-comments-sync";
 import { useMediaQuery } from "@/hooks/use-media-query";
 import { useElectronAPI } from "@/hooks/use-platform";
+import { SLIDEOUT_PANEL_OPENED_EVENT } from "@/lib/layout-events";
 import { cn } from "@/lib/utils";

 const COMPOSER_PLACEHOLDER = "Ask anything, type / for prompts, type @ to mention docs";
@ -132,9 +132,9 @@ const ThreadContent: FC = () => {
 					style={{ paddingBottom: "max(1rem, env(safe-area-inset-bottom))" }}
 				>
 					<ThreadScrollToBottom />
-				<AuiIf condition={({ thread }) => !thread.isEmpty}>
-					<Composer />
-				</AuiIf>
+					<AuiIf condition={({ thread }) => !thread.isEmpty}>
+						<Composer />
+					</AuiIf>
 				</ThreadPrimitive.ViewportFooter>
 			</ThreadPrimitive.Viewport>
 		</ThreadPrimitive.Root>
--- a/surfsense_web/components/assistant-ui/token-usage-context.tsx
+++ b/surfsense_web/components/assistant-ui/token-usage-context.tsx
@ -1,13 +1,26 @@
 "use client";

-import { createContext, useContext, useCallback, useSyncExternalStore, type FC, type ReactNode } from "react";
+import {
+	createContext,
+	type FC,
+	type ReactNode,
+	useCallback,
+	useContext,
+	useSyncExternalStore,
+} from "react";

 export interface TokenUsageData {
 	prompt_tokens: number;
 	completion_tokens: number;
 	total_tokens: number;
-	usage?: Record<string, { prompt_tokens: number; completion_tokens: number; total_tokens: number }>;
-	model_breakdown?: Record<string, { prompt_tokens: number; completion_tokens: number; total_tokens: number }>;
+	usage?: Record<
+		string,
+		{ prompt_tokens: number; completion_tokens: number; total_tokens: number }
+	>;
+	model_breakdown?: Record<
+		string,
+		{ prompt_tokens: number; completion_tokens: number; total_tokens: number }
+	>;
 }

 type Listener = () => void;
@ -51,9 +64,10 @@ class TokenUsageStore {

 const TokenUsageContext = createContext<TokenUsageStore | null>(null);

-export const TokenUsageProvider: FC<{ store: TokenUsageStore; children: ReactNode }> = ({ store, children }) => (
-	<TokenUsageContext.Provider value={store}>{children}</TokenUsageContext.Provider>
-);
+export const TokenUsageProvider: FC<{ store: TokenUsageStore; children: ReactNode }> = ({
+	store,
+	children,
+}) => <TokenUsageContext.Provider value={store}>{children}</TokenUsageContext.Provider>;

 export function useTokenUsageStore(): TokenUsageStore {
 	const store = useContext(TokenUsageContext);
@ -65,11 +79,11 @@ export function useTokenUsage(messageId: string | undefined): TokenUsageData | u
 	const store = useContext(TokenUsageContext);
 	const getSnapshot = useCallback(
 		() => (store && messageId ? store.get(messageId) : undefined),
-		[store, messageId],
+		[store, messageId]
 	);
 	const subscribe = useCallback(
 		(onStoreChange: () => void) => (store ? store.subscribe(onStoreChange) : () => {}),
-		[store],
+		[store]
 	);
 	return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
 }
--- a/surfsense_web/components/chat-comments/comment-item/comment-item.tsx
+++ b/surfsense_web/components/chat-comments/comment-item/comment-item.tsx
@ -6,10 +6,10 @@ import { useEffect, useRef, useState } from "react";
 import { clearTargetCommentIdAtom, targetCommentIdAtom } from "@/atoms/chat/current-thread.atom";
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
 import { Button } from "@/components/ui/button";
+import { convertRenderedToDisplay } from "@/lib/comments/utils";
 import { cn } from "@/lib/utils";
 import { CommentComposer } from "../comment-composer/comment-composer";
 import { CommentActions } from "./comment-actions";
-import { convertRenderedToDisplay } from "@/lib/comments/utils";
 import type { CommentItemProps } from "./types";

 function getInitials(name: string | null, email: string): string {
@ -70,7 +70,6 @@ function formatTimestamp(dateString: string): string {
 	);
 }

-
 function renderMentions(content: string): React.ReactNode {
 	// Match @{DisplayName} format from backend
 	const mentionPattern = /@\{([^}]+)\}/g;
--- a/surfsense_web/components/contact/contact-form.tsx
+++ b/surfsense_web/components/contact/contact-form.tsx
@ -16,9 +16,9 @@ export function ContactFormGridWithDetails() {
 						<IconMailFilled className="h-6 w-6 text-blue-500" />
 					</FeatureIconContainer>
 				</div>
-			<h1 className="mt-9 bg-gradient-to-b from-neutral-800 to-neutral-900 bg-clip-text text-center text-xl font-bold text-transparent md:text-3xl lg:text-5xl dark:from-neutral-200 dark:to-neutral-300">
-				Contact
-			</h1>
+				<h1 className="mt-9 bg-gradient-to-b from-neutral-800 to-neutral-900 bg-clip-text text-center text-xl font-bold text-transparent md:text-3xl lg:text-5xl dark:from-neutral-200 dark:to-neutral-300">
+					Contact
+				</h1>
 				<p className="mt-8 max-w-lg text-center text-base text-neutral-600 dark:text-neutral-400">
 					We'd love to hear from you!
 				</p>
--- a/surfsense_web/components/documents/DocumentNode.tsx
+++ b/surfsense_web/components/documents/DocumentNode.tsx
@ -86,8 +86,7 @@ export const DocumentNode = React.memo(function DocumentNode({
 	const isProcessing = statusState === "pending" || statusState === "processing";
 	const isUnavailable = isProcessing || isFailed;
 	const isSelectable = !isUnavailable;
-	const isEditable =
-		EDITABLE_DOCUMENT_TYPES.has(doc.document_type) && !isUnavailable;
+	const isEditable = EDITABLE_DOCUMENT_TYPES.has(doc.document_type) && !isUnavailable;

 	const handleCheckChange = useCallback(() => {
 		if (isSelectable) {
@ -261,38 +260,38 @@ export const DocumentNode = React.memo(function DocumentNode({
 								className="w-40"
 								onClick={(e) => e.stopPropagation()}
 							>
-							<DropdownMenuItem onClick={() => onPreview(doc)} disabled={isUnavailable}>
-								<Eye className="mr-2 h-4 w-4" />
-								Open
-							</DropdownMenuItem>
-							{isEditable && (
-								<DropdownMenuItem onClick={() => onEdit(doc)}>
-									<PenLine className="mr-2 h-4 w-4" />
-									Edit
+								<DropdownMenuItem onClick={() => onPreview(doc)} disabled={isUnavailable}>
+									<Eye className="mr-2 h-4 w-4" />
+									Open
 								</DropdownMenuItem>
-							)}
-							<DropdownMenuItem onClick={() => onMove(doc)}>
-								<Move className="mr-2 h-4 w-4" />
-								Move to...
-							</DropdownMenuItem>
-							{onExport && (
-								<DropdownMenuSub>
-									<DropdownMenuSubTrigger disabled={isUnavailable}>
-										<Download className="mr-2 h-4 w-4" />
-										Export
-									</DropdownMenuSubTrigger>
-									<DropdownMenuSubContent className="min-w-[180px]">
-										<ExportDropdownItems onExport={handleExport} exporting={exporting} />
-									</DropdownMenuSubContent>
-								</DropdownMenuSub>
-							)}
-							{onVersionHistory && isVersionableType(doc.document_type) && (
-								<DropdownMenuItem disabled={isUnavailable} onClick={() => onVersionHistory(doc)}>
-									<History className="mr-2 h-4 w-4" />
-									Versions
+								{isEditable && (
+									<DropdownMenuItem onClick={() => onEdit(doc)}>
+										<PenLine className="mr-2 h-4 w-4" />
+										Edit
+									</DropdownMenuItem>
+								)}
+								<DropdownMenuItem onClick={() => onMove(doc)}>
+									<Move className="mr-2 h-4 w-4" />
+									Move to...
 								</DropdownMenuItem>
-							)}
-							<DropdownMenuItem disabled={isProcessing} onClick={() => onDelete(doc)}>
+								{onExport && (
+									<DropdownMenuSub>
+										<DropdownMenuSubTrigger disabled={isUnavailable}>
+											<Download className="mr-2 h-4 w-4" />
+											Export
+										</DropdownMenuSubTrigger>
+										<DropdownMenuSubContent className="min-w-[180px]">
+											<ExportDropdownItems onExport={handleExport} exporting={exporting} />
+										</DropdownMenuSubContent>
+									</DropdownMenuSub>
+								)}
+								{onVersionHistory && isVersionableType(doc.document_type) && (
+									<DropdownMenuItem disabled={isUnavailable} onClick={() => onVersionHistory(doc)}>
+										<History className="mr-2 h-4 w-4" />
+										Versions
+									</DropdownMenuItem>
+								)}
+								<DropdownMenuItem disabled={isProcessing} onClick={() => onDelete(doc)}>
 									<Trash2 className="mr-2 h-4 w-4" />
 									Delete
 								</DropdownMenuItem>
@ -304,38 +303,38 @@ export const DocumentNode = React.memo(function DocumentNode({

 			{contextMenuOpen && (
 				<ContextMenuContent className="w-40" onClick={(e) => e.stopPropagation()}>
-				<ContextMenuItem onClick={() => onPreview(doc)} disabled={isUnavailable}>
-					<Eye className="mr-2 h-4 w-4" />
-					Open
-				</ContextMenuItem>
-				{isEditable && (
-					<ContextMenuItem onClick={() => onEdit(doc)}>
-						<PenLine className="mr-2 h-4 w-4" />
-						Edit
+					<ContextMenuItem onClick={() => onPreview(doc)} disabled={isUnavailable}>
+						<Eye className="mr-2 h-4 w-4" />
+						Open
 					</ContextMenuItem>
-				)}
-				<ContextMenuItem onClick={() => onMove(doc)}>
-					<Move className="mr-2 h-4 w-4" />
-					Move to...
-				</ContextMenuItem>
-				{onExport && (
-					<ContextMenuSub>
-						<ContextMenuSubTrigger disabled={isUnavailable}>
-							<Download className="mr-2 h-4 w-4" />
-							Export
-						</ContextMenuSubTrigger>
-						<ContextMenuSubContent className="min-w-[180px]">
-							<ExportContextItems onExport={handleExport} exporting={exporting} />
-						</ContextMenuSubContent>
-					</ContextMenuSub>
-				)}
-				{onVersionHistory && isVersionableType(doc.document_type) && (
-					<ContextMenuItem disabled={isUnavailable} onClick={() => onVersionHistory(doc)}>
-						<History className="mr-2 h-4 w-4" />
-						Versions
+					{isEditable && (
+						<ContextMenuItem onClick={() => onEdit(doc)}>
+							<PenLine className="mr-2 h-4 w-4" />
+							Edit
+						</ContextMenuItem>
+					)}
+					<ContextMenuItem onClick={() => onMove(doc)}>
+						<Move className="mr-2 h-4 w-4" />
+						Move to...
 					</ContextMenuItem>
-				)}
-				<ContextMenuItem disabled={isProcessing} onClick={() => onDelete(doc)}>
+					{onExport && (
+						<ContextMenuSub>
+							<ContextMenuSubTrigger disabled={isUnavailable}>
+								<Download className="mr-2 h-4 w-4" />
+								Export
+							</ContextMenuSubTrigger>
+							<ContextMenuSubContent className="min-w-[180px]">
+								<ExportContextItems onExport={handleExport} exporting={exporting} />
+							</ContextMenuSubContent>
+						</ContextMenuSub>
+					)}
+					{onVersionHistory && isVersionableType(doc.document_type) && (
+						<ContextMenuItem disabled={isUnavailable} onClick={() => onVersionHistory(doc)}>
+							<History className="mr-2 h-4 w-4" />
+							Versions
+						</ContextMenuItem>
+					)}
+					<ContextMenuItem disabled={isProcessing} onClick={() => onDelete(doc)}>
 						<Trash2 className="mr-2 h-4 w-4" />
 						Delete
 					</ContextMenuItem>
--- a/surfsense_web/components/documents/DocumentTypeIcon.tsx
+++ b/surfsense_web/components/documents/DocumentTypeIcon.tsx
@ -10,7 +10,6 @@ export function getDocumentTypeIcon(type: string, className?: string): React.Rea
 	return getConnectorIcon(type, className);
 }

-
 export function DocumentTypeChip({ type, className }: { type: string; className?: string }) {
 	const icon = getDocumentTypeIcon(type, "h-4 w-4");
 	const fullLabel = getDocumentTypeLabel(type);
--- a/surfsense_web/components/documents/DocumentsFilters.tsx
+++ b/surfsense_web/components/documents/DocumentsFilters.tsx
@ -12,10 +12,10 @@ import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover
 import { Spinner } from "@/components/ui/spinner";
 import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip";
-import { cn } from "@/lib/utils";
 import type { DocumentTypeEnum } from "@/contracts/types/document.types";
-import { getDocumentTypeIcon } from "./DocumentTypeIcon";
 import { getDocumentTypeLabel } from "@/lib/documents/document-type-labels";
+import { cn } from "@/lib/utils";
+import { getDocumentTypeIcon } from "./DocumentTypeIcon";

 export function DocumentsFilters({
 	typeCounts: typeCountsRecord,
@ -81,18 +81,18 @@ export function DocumentsFilters({
 							<TooltipTrigger asChild>
 								<ToggleGroupItem
 									value="folder"
-								className="h-9 w-9 shrink-0 border-sidebar-border text-muted-foreground hover:text-foreground hover:border-sidebar-border bg-sidebar"
-								onClick={(e) => {
-									e.preventDefault();
-									onCreateFolder();
+									className="h-9 w-9 shrink-0 border-sidebar-border text-muted-foreground hover:text-foreground hover:border-sidebar-border bg-sidebar"
+									onClick={(e) => {
+										e.preventDefault();
+										onCreateFolder();
 									}}
 								>
 									<FolderPlus size={14} />
 								</ToggleGroupItem>
 							</TooltipTrigger>
 							<TooltipContent>New folder</TooltipContent>
-					</Tooltip>
-				)}
+						</Tooltip>
+					)}

 					{onToggleAiSort && (
 						<Tooltip>
@ -114,9 +114,9 @@ export function DocumentsFilters({
 									aria-label={aiSortEnabled ? "Disable AI sort" : "Enable AI sort"}
 									aria-pressed={aiSortEnabled}
 								>
-								{aiSortBusy ? (
-									<Spinner size="xs" />
-								) : aiSortEnabled ? (
+									{aiSortBusy ? (
+										<Spinner size="xs" />
+									) : aiSortEnabled ? (
 										<IconBinaryTreeFilled size={16} />
 									) : (
 										<IconBinaryTree size={16} />
--- a/surfsense_web/components/documents/FolderTreeView.tsx
+++ b/surfsense_web/components/documents/FolderTreeView.tsx
@ -247,10 +247,8 @@ export function FolderTreeView({
 	function renderLevel(parentId: number | null, depth: number): React.ReactNode[] {
 		const key = parentId ?? "root";
 		const childFolders = (foldersByParent[key] ?? []).slice().sort((a, b) => {
-			const aIsDate =
-				a.metadata?.ai_sort === true && a.metadata?.ai_sort_level === 2;
-			const bIsDate =
-				b.metadata?.ai_sort === true && b.metadata?.ai_sort_level === 2;
+			const aIsDate = a.metadata?.ai_sort === true && a.metadata?.ai_sort_level === 2;
+			const bIsDate = b.metadata?.ai_sort === true && b.metadata?.ai_sort_level === 2;
 			if (aIsDate && bIsDate) {
 				return b.name.localeCompare(a.name);
 			}
--- a/surfsense_web/components/editor/utils/escape-mdx.ts
+++ b/surfsense_web/components/editor/utils/escape-mdx.ts
@ -16,9 +16,7 @@ const FENCED_OR_INLINE_CODE = /(```[\s\S]*?```|`[^`\n]+`)/g;
 // - <!-- PageBreak --> becomes a thematic break (---)
 // - All other HTML comments are removed
 function stripHtmlComments(md: string): string {
-	return md
-		.replace(/<!--\s*PageBreak\s*-->/gi, "\n---\n")
-		.replace(/<!--[\s\S]*?-->/g, "");
+	return md.replace(/<!--\s*PageBreak\s*-->/gi, "\n---\n").replace(/<!--[\s\S]*?-->/g, "");
 }

 // Convert <figure>...</figure> blocks to plain text blockquotes.
--- a/surfsense_web/components/homepage/github-stars-badge.tsx
+++ b/surfsense_web/components/homepage/github-stars-badge.tsx
@ -5,8 +5,8 @@ import { useQuery } from "@tanstack/react-query";
 import { motion, useMotionValue, useSpring } from "motion/react";
 import * as React from "react";
 import { Skeleton } from "@/components/ui/skeleton";
-import { cn } from "@/lib/utils";
 import { cacheKeys } from "@/lib/query-client/cache-keys";
+import { cn } from "@/lib/utils";

 // ---------------------------------------------------------------------------
 // Per-digit scrolling wheel
@ -249,10 +249,7 @@ function NavbarGitHubStars({
 	const { data: stars = 0, isLoading } = useQuery({
 		queryKey: cacheKeys.github.repoStars(username, repo),
 		queryFn: async ({ signal }) => {
-			const res = await fetch(
-				`https://api.github.com/repos/${username}/${repo}`,
-				{ signal },
-			);
+			const res = await fetch(`https://api.github.com/repos/${username}/${repo}`, { signal });
 			const data = await res.json();
 			if (data && typeof data.stargazers_count === "number") {
 				return data.stargazers_count as number;
--- a/surfsense_web/components/homepage/hero-section.tsx
+++ b/surfsense_web/components/homepage/hero-section.tsx
@ -153,13 +153,14 @@ export function HeroSection() {
 				</h1>
 				<div className="mt-4 flex w-full flex-col items-start justify-between gap-4 md:mt-12 md:flex-row md:items-end md:gap-10">
 					<div>
-					<p
-						className={cn(
-							"relative mb-8 max-w-2xl text-left text-sm tracking-wide text-neutral-600 antialiased sm:text-base md:text-xl dark:text-neutral-400"
-						)}
-					>
-						A free, open source NotebookLM alternative for teams with no data limits. Use ChatGPT, Claude AI, and any AI model for free.
-					</p>
+						<p
+							className={cn(
+								"relative mb-8 max-w-2xl text-left text-sm tracking-wide text-neutral-600 antialiased sm:text-base md:text-xl dark:text-neutral-400"
+							)}
+						>
+							A free, open source NotebookLM alternative for teams with no data limits. Use ChatGPT,
+							Claude AI, and any AI model for free.
+						</p>

 						<div className="relative mb-4 flex w-full flex-col justify-center gap-y-2 sm:flex-row sm:justify-start sm:space-y-0 sm:space-x-4">
 							<DownloadButton />
--- a/surfsense_web/components/homepage/navbar.tsx
+++ b/surfsense_web/components/homepage/navbar.tsx
@ -10,8 +10,8 @@ import { ThemeTogglerComponent } from "@/components/theme/theme-toggle";
 import { cn } from "@/lib/utils";

 interface NavItem {
-    name: string;
-    link: string;
+	name: string;
+	link: string;
 }

 interface NavbarProps {
@ -20,15 +20,15 @@ interface NavbarProps {
 }

 interface DesktopNavProps {
-    navItems: NavItem[];
-    isScrolled: boolean;
-    scrolledBgClassName?: string;
+	navItems: NavItem[];
+	isScrolled: boolean;
+	scrolledBgClassName?: string;
 }

 interface MobileNavProps {
-    navItems: NavItem[];
-    isScrolled: boolean;
-    scrolledBgClassName?: string;
+	navItems: NavItem[];
+	isScrolled: boolean;
+	scrolledBgClassName?: string;
 }

 export const Navbar = ({ scrolledBgClassName }: NavbarProps = {}) => {
--- a/surfsense_web/components/layout/ui/sidebar/DocumentsSidebar.tsx
+++ b/surfsense_web/components/layout/ui/sidebar/DocumentsSidebar.tsx
@ -167,7 +167,6 @@ export function DocumentsSidebar({
 		setFolderWatchOpen(true);
 	}, [setWatchInitialFolder, setFolderWatchOpen]);

-
 	const refreshWatchedIds = useCallback(async () => {
 		if (!electronAPI?.getWatchedFolders) return;
 		const api = electronAPI;
@ -675,10 +674,10 @@ export function DocumentsSidebar({
 			function collectSubtreeDocs(parentId: number): DocumentNodeDoc[] {
 				const directDocs = (treeDocuments ?? []).filter(
 					(d) =>
-					d.folderId === parentId &&
-					d.status?.state !== "pending" &&
-					d.status?.state !== "processing" &&
-					d.status?.state !== "failed"
+						d.folderId === parentId &&
+						d.status?.state !== "pending" &&
+						d.status?.state !== "processing" &&
+						d.status?.state !== "failed"
 				);
 				const childFolders = foldersByParent[String(parentId)] ?? [];
 				const descendantDocs = childFolders.flatMap((cf) => collectSubtreeDocs(cf.id));
@ -1123,16 +1122,14 @@ export function DocumentsSidebar({
 					<AlertDialogHeader>
 						<AlertDialogTitle>Enable AI File Sorting?</AlertDialogTitle>
 						<AlertDialogDescription>
-							All documents in this search space will be organized into folders by
-							connector type, date, and AI-generated categories. New documents will
-							also be sorted automatically. You can disable this at any time.
+							All documents in this search space will be organized into folders by connector type,
+							date, and AI-generated categories. New documents will also be sorted automatically.
+							You can disable this at any time.
 						</AlertDialogDescription>
 					</AlertDialogHeader>
 					<AlertDialogFooter>
 						<AlertDialogCancel>Cancel</AlertDialogCancel>
-						<AlertDialogAction onClick={handleConfirmEnableAiSort}>
-							Enable
-						</AlertDialogAction>
+						<AlertDialogAction onClick={handleConfirmEnableAiSort}>Enable</AlertDialogAction>
 					</AlertDialogFooter>
 				</AlertDialogContent>
 			</AlertDialog>
--- a/surfsense_web/components/layout/ui/sidebar/InboxSidebar.tsx
+++ b/surfsense_web/components/layout/ui/sidebar/InboxSidebar.tsx
@ -22,8 +22,6 @@ import { useParams, useRouter } from "next/navigation";
 import { useTranslations } from "next-intl";
 import { useCallback, useDeferredValue, useEffect, useMemo, useRef, useState } from "react";
 import { setTargetCommentIdAtom } from "@/atoms/chat/current-thread.atom";
-import { convertRenderedToDisplay } from "@/lib/comments/utils";
-import { getDocumentTypeLabel } from "@/lib/documents/document-type-labels";
 import { Tabs, TabsList, TabsTrigger } from "@/components/ui/animated-tabs";
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar";
 import { Button } from "@/components/ui/button";
@ -57,6 +55,8 @@ import { useDebouncedValue } from "@/hooks/use-debounced-value";
 import type { InboxItem } from "@/hooks/use-inbox";
 import { useMediaQuery } from "@/hooks/use-media-query";
 import { notificationsApiService } from "@/lib/apis/notifications-api.service";
+import { convertRenderedToDisplay } from "@/lib/comments/utils";
+import { getDocumentTypeLabel } from "@/lib/documents/document-type-labels";
 import { cacheKeys } from "@/lib/query-client/cache-keys";
 import { cn } from "@/lib/utils";
 import { SidebarSlideOutPanel } from "./SidebarSlideOutPanel";
--- a/surfsense_web/components/layout/ui/sidebar/SidebarSlideOutPanel.tsx
+++ b/surfsense_web/components/layout/ui/sidebar/SidebarSlideOutPanel.tsx
@ -5,7 +5,6 @@ import { useCallback, useEffect } from "react";
 import { useMediaQuery } from "@/hooks/use-media-query";
 import { SLIDEOUT_PANEL_OPENED_EVENT } from "@/lib/layout-events";

-
 interface SidebarSlideOutPanelProps {
 	open: boolean;
 	onOpenChange: (open: boolean) => void;
--- a/surfsense_web/components/new-chat/document-mention-picker.tsx
+++ b/surfsense_web/components/new-chat/document-mention-picker.tsx
@ -67,13 +67,7 @@ export const DocumentMentionPicker = forwardRef<
 	DocumentMentionPickerRef,
 	DocumentMentionPickerProps
 >(function DocumentMentionPicker(
-	{
-		searchSpaceId,
-		onSelectionChange,
-		onDone,
-		initialSelectedDocuments = [],
-		externalSearch = "",
-	},
+	{ searchSpaceId, onSelectionChange, onDone, initialSelectedDocuments = [], externalSearch = "" },
 	ref
 ) {
 	// Debounced search value to minimize API calls and prevent race conditions
--- a/surfsense_web/components/new-chat/model-selector.tsx
+++ b/surfsense_web/components/new-chat/model-selector.tsx
@ -1,6 +1,5 @@
 "use client";

-import type React from "react";
 import { useAtomValue } from "jotai";
 import {
 	Bot,
@ -11,12 +10,13 @@ import {
 	ChevronUp,
 	Edit3,
 	ImageIcon,
-	ScanEye,
 	Layers,
 	Plus,
+	ScanEye,
 	Search,
 	Zap,
 } from "lucide-react";
+import type React from "react";
 import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { toast } from "sonner";
 import {
@ -178,8 +178,7 @@ function formatProviderName(provider: string): string {
 	const key = provider.toUpperCase();
 	return (
 		PROVIDER_NAMES[key] ??
-		provider.charAt(0).toUpperCase() +
-			provider.slice(1).toLowerCase().replace(/_/g, " ")
+		provider.charAt(0).toUpperCase() + provider.slice(1).toLowerCase().replace(/_/g, " ")
 	);
 }

@ -202,14 +201,12 @@ interface ConfigBase {
 function filterAndScore<T extends ConfigBase>(
 	configs: T[],
 	selectedProvider: string,
-	searchQuery: string,
+	searchQuery: string
 ): T[] {
 	let result = configs;

 	if (selectedProvider !== "all") {
-		result = result.filter(
-			(c) => c.provider.toUpperCase() === selectedProvider,
-		);
+		result = result.filter((c) => c.provider.toUpperCase() === selectedProvider);
 	}

 	if (!searchQuery.trim()) return result;
@ -218,9 +215,7 @@ function filterAndScore<T extends ConfigBase>(
 	const tokens = normalized.split(/\s+/).filter(Boolean);

 	const scored = result.map((c) => {
-		const aggregate = normalizeText(
-			[c.name, c.model_name, c.provider].join(" "),
-		);
+		const aggregate = normalizeText([c.name, c.model_name, c.provider].join(" "));
 		let score = 0;
 		if (aggregate.includes(normalized)) score += 5;
 		for (const token of tokens) {
@ -244,20 +239,11 @@ interface DisplayItem {
 // ─── Component ──────────────────────────────────────────────────────

 interface ModelSelectorProps {
-	onEditLLM: (
-		config: NewLLMConfigPublic | GlobalNewLLMConfig,
-		isGlobal: boolean,
-	) => void;
+	onEditLLM: (config: NewLLMConfigPublic | GlobalNewLLMConfig, isGlobal: boolean) => void;
 	onAddNewLLM: (provider?: string) => void;
-	onEditImage?: (
-		config: ImageGenerationConfig | GlobalImageGenConfig,
-		isGlobal: boolean,
-	) => void;
+	onEditImage?: (config: ImageGenerationConfig | GlobalImageGenConfig, isGlobal: boolean) => void;
 	onAddNewImage?: (provider?: string) => void;
-	onEditVision?: (
-		config: VisionLLMConfig | GlobalVisionLLMConfig,
-		isGlobal: boolean,
-	) => void;
+	onEditVision?: (config: VisionLLMConfig | GlobalVisionLLMConfig, isGlobal: boolean) => void;
 	onAddNewVision?: (provider?: string) => void;
 	className?: string;
 }
@ -272,9 +258,7 @@ export function ModelSelector({
 	className,
 }: ModelSelectorProps) {
 	const [open, setOpen] = useState(false);
-	const [activeTab, setActiveTab] = useState<"llm" | "image" | "vision">(
-		"llm",
-	);
+	const [activeTab, setActiveTab] = useState<"llm" | "image" | "vision">("llm");
 	const [searchQuery, setSearchQuery] = useState("");
 	const [selectedProvider, setSelectedProvider] = useState<string>("all");
 	const [focusedIndex, setFocusedIndex] = useState(-1);
@ -292,18 +276,21 @@ export function ModelSelector({
 		setModelScrollPos(atTop ? "top" : atBottom ? "bottom" : "middle");
 	}, []);

-	const handleSidebarScroll = useCallback((e: React.UIEvent<HTMLDivElement>) => {
-		const el = e.currentTarget;
-		if (isMobile) {
-			const atStart = el.scrollLeft <= 2;
-			const atEnd = el.scrollWidth - el.scrollLeft - el.clientWidth <= 2;
-			setSidebarScrollPos(atStart ? "top" : atEnd ? "bottom" : "middle");
-		} else {
-			const atTop = el.scrollTop <= 2;
-			const atBottom = el.scrollHeight - el.scrollTop - el.clientHeight <= 2;
-			setSidebarScrollPos(atTop ? "top" : atBottom ? "bottom" : "middle");
-		}
-	}, [isMobile]);
+	const handleSidebarScroll = useCallback(
+		(e: React.UIEvent<HTMLDivElement>) => {
+			const el = e.currentTarget;
+			if (isMobile) {
+				const atStart = el.scrollLeft <= 2;
+				const atEnd = el.scrollWidth - el.scrollLeft - el.clientWidth <= 2;
+				setSidebarScrollPos(atStart ? "top" : atEnd ? "bottom" : "middle");
+			} else {
+				const atTop = el.scrollTop <= 2;
+				const atBottom = el.scrollHeight - el.scrollTop - el.clientHeight <= 2;
+				setSidebarScrollPos(atTop ? "top" : atBottom ? "bottom" : "middle");
+			}
+		},
+		[isMobile]
+	);

 	// Reset search + provider when tab changes
 	// biome-ignore lint/correctness/useExhaustiveDependencies: activeTab is intentionally used as a trigger
@ -344,22 +331,18 @@ export function ModelSelector({
 	}, [open, isMobile, activeTab]);

 	// ─── Data ───
-	const { data: llmUserConfigs, isLoading: llmUserLoading } =
-		useAtomValue(newLLMConfigsAtom);
+	const { data: llmUserConfigs, isLoading: llmUserLoading } = useAtomValue(newLLMConfigsAtom);
 	const { data: llmGlobalConfigs, isLoading: llmGlobalLoading } =
 		useAtomValue(globalNewLLMConfigsAtom);
-	const { data: preferences, isLoading: prefsLoading } =
-		useAtomValue(llmPreferencesAtom);
+	const { data: preferences, isLoading: prefsLoading } = useAtomValue(llmPreferencesAtom);
 	const searchSpaceId = useAtomValue(activeSearchSpaceIdAtom);
-	const { mutateAsync: updatePreferences } = useAtomValue(
-		updateLLMPreferencesMutationAtom,
-	);
+	const { mutateAsync: updatePreferences } = useAtomValue(updateLLMPreferencesMutationAtom);
 	const { data: imageGlobalConfigs, isLoading: imageGlobalLoading } =
 		useAtomValue(globalImageGenConfigsAtom);
-	const { data: imageUserConfigs, isLoading: imageUserLoading } =
-		useAtomValue(imageGenConfigsAtom);
-	const { data: visionGlobalConfigs, isLoading: visionGlobalLoading } =
-		useAtomValue(globalVisionLLMConfigsAtom);
+	const { data: imageUserConfigs, isLoading: imageUserLoading } = useAtomValue(imageGenConfigsAtom);
+	const { data: visionGlobalConfigs, isLoading: visionGlobalLoading } = useAtomValue(
+		globalVisionLLMConfigsAtom
+	);
 	const { data: visionUserConfigs, isLoading: visionUserLoading } =
 		useAtomValue(visionLLMConfigsAtom);

@ -382,9 +365,7 @@ export function ModelSelector({
 	}, [preferences, llmGlobalConfigs, llmUserConfigs]);

 	const isLLMAutoMode =
-		currentLLMConfig &&
-		"is_auto_mode" in currentLLMConfig &&
-		currentLLMConfig.is_auto_mode;
+		currentLLMConfig && "is_auto_mode" in currentLLMConfig && currentLLMConfig.is_auto_mode;

 	const currentImageConfig = useMemo(() => {
 		if (!preferences) return null;
@ -398,9 +379,7 @@ export function ModelSelector({
 	}, [preferences, imageGlobalConfigs, imageUserConfigs]);

 	const isImageAutoMode =
-		currentImageConfig &&
-		"is_auto_mode" in currentImageConfig &&
-		currentImageConfig.is_auto_mode;
+		currentImageConfig && "is_auto_mode" in currentImageConfig && currentImageConfig.is_auto_mode;

 	const currentVisionConfig = useMemo(() => {
 		if (!preferences) return null;
@ -420,83 +399,47 @@ export function ModelSelector({

 	// ─── Filtered configs (separate global / user for section headers) ───
 	const filteredLLMGlobal = useMemo(
-		() =>
-			filterAndScore(llmGlobalConfigs ?? [], selectedProvider, searchQuery),
-		[llmGlobalConfigs, selectedProvider, searchQuery],
+		() => filterAndScore(llmGlobalConfigs ?? [], selectedProvider, searchQuery),
+		[llmGlobalConfigs, selectedProvider, searchQuery]
 	);
 	const filteredLLMUser = useMemo(
-		() =>
-			filterAndScore(llmUserConfigs ?? [], selectedProvider, searchQuery),
-		[llmUserConfigs, selectedProvider, searchQuery],
+		() => filterAndScore(llmUserConfigs ?? [], selectedProvider, searchQuery),
+		[llmUserConfigs, selectedProvider, searchQuery]
 	);
 	const filteredImageGlobal = useMemo(
-		() =>
-			filterAndScore(
-				imageGlobalConfigs ?? [],
-				selectedProvider,
-				searchQuery,
-			),
-		[imageGlobalConfigs, selectedProvider, searchQuery],
+		() => filterAndScore(imageGlobalConfigs ?? [], selectedProvider, searchQuery),
+		[imageGlobalConfigs, selectedProvider, searchQuery]
 	);
 	const filteredImageUser = useMemo(
-		() =>
-			filterAndScore(
-				imageUserConfigs ?? [],
-				selectedProvider,
-				searchQuery,
-			),
-		[imageUserConfigs, selectedProvider, searchQuery],
+		() => filterAndScore(imageUserConfigs ?? [], selectedProvider, searchQuery),
+		[imageUserConfigs, selectedProvider, searchQuery]
 	);
 	const filteredVisionGlobal = useMemo(
-		() =>
-			filterAndScore(
-				visionGlobalConfigs ?? [],
-				selectedProvider,
-				searchQuery,
-			),
-		[visionGlobalConfigs, selectedProvider, searchQuery],
+		() => filterAndScore(visionGlobalConfigs ?? [], selectedProvider, searchQuery),
+		[visionGlobalConfigs, selectedProvider, searchQuery]
 	);
 	const filteredVisionUser = useMemo(
-		() =>
-			filterAndScore(
-				visionUserConfigs ?? [],
-				selectedProvider,
-				searchQuery,
-			),
-		[visionUserConfigs, selectedProvider, searchQuery],
+		() => filterAndScore(visionUserConfigs ?? [], selectedProvider, searchQuery),
+		[visionUserConfigs, selectedProvider, searchQuery]
 	);

 	// Combined display list for keyboard navigation
 	const currentDisplayItems: DisplayItem[] = useMemo(() => {
-		const toItems = (
-			configs: ConfigBase[],
-			isGlobal: boolean,
-		): DisplayItem[] =>
+		const toItems = (configs: ConfigBase[], isGlobal: boolean): DisplayItem[] =>
 			configs.map((c) => ({
 				config: c as ConfigBase & Record<string, unknown>,
 				isGlobal,
 				isAutoMode:
-					isGlobal &&
-					"is_auto_mode" in c &&
-					!!(c as Record<string, unknown>).is_auto_mode,
+					isGlobal && "is_auto_mode" in c && !!(c as Record<string, unknown>).is_auto_mode,
 			}));

 		switch (activeTab) {
 			case "llm":
-				return [
-					...toItems(filteredLLMGlobal, true),
-					...toItems(filteredLLMUser, false),
-				];
+				return [...toItems(filteredLLMGlobal, true), ...toItems(filteredLLMUser, false)];
 			case "image":
-				return [
-					...toItems(filteredImageGlobal, true),
-					...toItems(filteredImageUser, false),
-				];
+				return [...toItems(filteredImageGlobal, true), ...toItems(filteredImageUser, false)];
 			case "vision":
-				return [
-					...toItems(filteredVisionGlobal, true),
-					...toItems(filteredVisionUser, false),
-				];
+				return [...toItems(filteredVisionGlobal, true), ...toItems(filteredVisionUser, false)];
 		}
 	}, [
 		activeTab,
@ -513,19 +456,10 @@ export function ModelSelector({
 	const configuredProviderSet = useMemo(() => {
 		const configs =
 			activeTab === "llm"
-				? [
-						...(llmGlobalConfigs ?? []),
-						...(llmUserConfigs ?? []),
-					]
+				? [...(llmGlobalConfigs ?? []), ...(llmUserConfigs ?? [])]
 				: activeTab === "image"
-					? [
-							...(imageGlobalConfigs ?? []),
-							...(imageUserConfigs ?? []),
-						]
-					: [
-							...(visionGlobalConfigs ?? []),
-							...(visionUserConfigs ?? []),
-						];
+					? [...(imageGlobalConfigs ?? []), ...(imageUserConfigs ?? [])]
+					: [...(visionGlobalConfigs ?? []), ...(visionUserConfigs ?? [])];
 		const set = new Set<string>();
 		for (const c of configs) {
 			if (c.provider) set.add(c.provider.toUpperCase());
@ -544,31 +478,18 @@ export function ModelSelector({
 	// Show only providers valid for the active tab; configured ones first
 	const activeProviders = useMemo(() => {
 		const tabKeys = PROVIDER_KEYS_BY_TAB[activeTab] ?? LLM_PROVIDER_KEYS;
-		const configured = tabKeys.filter((p) =>
-			configuredProviderSet.has(p),
-		);
-		const unconfigured = tabKeys.filter(
-			(p) => !configuredProviderSet.has(p),
-		);
+		const configured = tabKeys.filter((p) => configuredProviderSet.has(p));
+		const unconfigured = tabKeys.filter((p) => !configuredProviderSet.has(p));
 		return ["all", ...configured, ...unconfigured];
 	}, [activeTab, configuredProviderSet]);

 	const providerModelCounts = useMemo(() => {
 		const allConfigs =
 			activeTab === "llm"
-				? [
-						...(llmGlobalConfigs ?? []),
-						...(llmUserConfigs ?? []),
-					]
+				? [...(llmGlobalConfigs ?? []), ...(llmUserConfigs ?? [])]
 				: activeTab === "image"
-					? [
-							...(imageGlobalConfigs ?? []),
-							...(imageUserConfigs ?? []),
-						]
-					: [
-							...(visionGlobalConfigs ?? []),
-							...(visionUserConfigs ?? []),
-						];
+					? [...(imageGlobalConfigs ?? []), ...(imageUserConfigs ?? [])]
+					: [...(visionGlobalConfigs ?? []), ...(visionUserConfigs ?? [])];
 		const counts: Record<string, number> = { all: allConfigs.length };
 		for (const c of allConfigs) {
 			const p = c.provider.toUpperCase();
@ -607,7 +528,7 @@ export function ModelSelector({
 				toast.error("Failed to switch model");
 			}
 		},
-		[currentLLMConfig, searchSpaceId, updatePreferences],
+		[currentLLMConfig, searchSpaceId, updatePreferences]
 	);

 	const handleSelectImage = useCallback(
@ -631,7 +552,7 @@ export function ModelSelector({
 				toast.error("Failed to switch image model");
 			}
 		},
-		[currentImageConfig, searchSpaceId, updatePreferences],
+		[currentImageConfig, searchSpaceId, updatePreferences]
 	);

 	const handleSelectVision = useCallback(
@ -655,16 +576,14 @@ export function ModelSelector({
 				toast.error("Failed to switch vision model");
 			}
 		},
-		[currentVisionConfig, searchSpaceId, updatePreferences],
+		[currentVisionConfig, searchSpaceId, updatePreferences]
 	);

 	const handleSelectItem = useCallback(
 		(item: DisplayItem) => {
 			switch (activeTab) {
 				case "llm":
-					handleSelectLLM(
-						item.config as NewLLMConfigPublic | GlobalNewLLMConfig,
-					);
+					handleSelectLLM(item.config as NewLLMConfigPublic | GlobalNewLLMConfig);
 					break;
 				case "image":
 					handleSelectImage(item.config.id);
@ -674,7 +593,7 @@ export function ModelSelector({
 					break;
 			}
 		},
-		[activeTab, handleSelectLLM, handleSelectImage, handleSelectVision],
+		[activeTab, handleSelectLLM, handleSelectImage, handleSelectVision]
 	);

 	const handleEditItem = useCallback(
@ -683,26 +602,17 @@ export function ModelSelector({
 			setOpen(false);
 			switch (activeTab) {
 				case "llm":
-					onEditLLM(
-						item.config as NewLLMConfigPublic | GlobalNewLLMConfig,
-						item.isGlobal,
-					);
+					onEditLLM(item.config as NewLLMConfigPublic | GlobalNewLLMConfig, item.isGlobal);
 					break;
 				case "image":
-					onEditImage?.(
-						item.config as ImageGenerationConfig | GlobalImageGenConfig,
-						item.isGlobal,
-					);
+					onEditImage?.(item.config as ImageGenerationConfig | GlobalImageGenConfig, item.isGlobal);
 					break;
 				case "vision":
-					onEditVision?.(
-						item.config as VisionLLMConfig | GlobalVisionLLMConfig,
-						item.isGlobal,
-					);
+					onEditVision?.(item.config as VisionLLMConfig | GlobalVisionLLMConfig, item.isGlobal);
 					break;
 			}
 		},
-		[activeTab, onEditLLM, onEditImage, onEditVision],
+		[activeTab, onEditLLM, onEditImage, onEditVision]
 	);

 	// ─── Keyboard navigation ───
@ -713,8 +623,7 @@ export function ModelSelector({

 	useEffect(() => {
 		if (focusedIndex < 0 || !modelListRef.current) return;
-		const items =
-			modelListRef.current.querySelectorAll("[data-model-index]");
+		const items = modelListRef.current.querySelectorAll("[data-model-index]");
 		items[focusedIndex]?.scrollIntoView({
 			block: "nearest",
 			behavior: "smooth",
@ -734,13 +643,11 @@ export function ModelSelector({
 				if (e.key === "ArrowLeft") {
 					next = idx > 0 ? idx - 1 : providers.length - 1;
 				} else {
-					next =
-						idx < providers.length - 1 ? idx + 1 : 0;
+					next = idx < providers.length - 1 ? idx + 1 : 0;
 				}
 				setSelectedProvider(providers[next]);
 				if (providerSidebarRef.current) {
-					const buttons =
-						providerSidebarRef.current.querySelectorAll("button");
+					const buttons = providerSidebarRef.current.querySelectorAll("button");
 					buttons[next]?.scrollIntoView({
 						block: "nearest",
 						inline: "nearest",
@ -755,15 +662,11 @@ export function ModelSelector({
 			switch (e.key) {
 				case "ArrowDown":
 					e.preventDefault();
-					setFocusedIndex((prev) =>
-						prev < count - 1 ? prev + 1 : 0,
-					);
+					setFocusedIndex((prev) => (prev < count - 1 ? prev + 1 : 0));
 					break;
 				case "ArrowUp":
 					e.preventDefault();
-					setFocusedIndex((prev) =>
-						prev > 0 ? prev - 1 : count - 1,
-					);
+					setFocusedIndex((prev) => (prev > 0 ? prev - 1 : count - 1));
 					break;
 				case "Enter":
 					e.preventDefault();
@ -781,13 +684,7 @@ export function ModelSelector({
 					break;
 			}
 		},
-		[
-			currentDisplayItems,
-			focusedIndex,
-			activeProviders,
-			selectedProvider,
-			handleSelectItem,
-		],
+		[currentDisplayItems, focusedIndex, activeProviders, selectedProvider, handleSelectItem]
 	);

 	// ─── Render: Provider sidebar ───
@ -798,7 +695,7 @@ export function ModelSelector({
 			<div
 				className={cn(
 					"shrink-0 border-border/50 flex",
-					isMobile ? "flex-row items-center border-b border-border/40" : "flex-col w-10 border-r",
+					isMobile ? "flex-row items-center border-b border-border/40" : "flex-col w-10 border-r"
 				)}
 			>
 				{!isMobile && sidebarScrollPos !== "top" && (
@ -817,29 +714,29 @@ export function ModelSelector({
 					className={cn(
 						isMobile
 							? "flex flex-row gap-0.5 px-1 py-1.5 overflow-x-auto [&::-webkit-scrollbar]:h-0 [&::-webkit-scrollbar-track]:bg-transparent"
-							: "flex flex-col gap-0.5 p-1 overflow-y-auto flex-1 [&::-webkit-scrollbar]:w-0 [&::-webkit-scrollbar-track]:bg-transparent",
+							: "flex flex-col gap-0.5 p-1 overflow-y-auto flex-1 [&::-webkit-scrollbar]:w-0 [&::-webkit-scrollbar-track]:bg-transparent"
 					)}
-					style={isMobile ? {
-						maskImage: `linear-gradient(to right, ${sidebarScrollPos === "top" ? "black" : "transparent"}, black 24px, black calc(100% - 24px), ${sidebarScrollPos === "bottom" ? "black" : "transparent"})`,
-						WebkitMaskImage: `linear-gradient(to right, ${sidebarScrollPos === "top" ? "black" : "transparent"}, black 24px, black calc(100% - 24px), ${sidebarScrollPos === "bottom" ? "black" : "transparent"})`,
-					} : {
-						maskImage: `linear-gradient(to bottom, ${sidebarScrollPos === "top" ? "black" : "transparent"}, black 32px, black calc(100% - 32px), ${sidebarScrollPos === "bottom" ? "black" : "transparent"})`,
-						WebkitMaskImage: `linear-gradient(to bottom, ${sidebarScrollPos === "top" ? "black" : "transparent"}, black 32px, black calc(100% - 32px), ${sidebarScrollPos === "bottom" ? "black" : "transparent"})`,
-					}}
+					style={
+						isMobile
+							? {
+									maskImage: `linear-gradient(to right, ${sidebarScrollPos === "top" ? "black" : "transparent"}, black 24px, black calc(100% - 24px), ${sidebarScrollPos === "bottom" ? "black" : "transparent"})`,
+									WebkitMaskImage: `linear-gradient(to right, ${sidebarScrollPos === "top" ? "black" : "transparent"}, black 24px, black calc(100% - 24px), ${sidebarScrollPos === "bottom" ? "black" : "transparent"})`,
+								}
+							: {
+									maskImage: `linear-gradient(to bottom, ${sidebarScrollPos === "top" ? "black" : "transparent"}, black 32px, black calc(100% - 32px), ${sidebarScrollPos === "bottom" ? "black" : "transparent"})`,
+									WebkitMaskImage: `linear-gradient(to bottom, ${sidebarScrollPos === "top" ? "black" : "transparent"}, black 32px, black calc(100% - 32px), ${sidebarScrollPos === "bottom" ? "black" : "transparent"})`,
+								}
+					}
 				>
 					{activeProviders.map((provider, idx) => {
 						const isAll = provider === "all";
 						const isActive = selectedProvider === provider;
 						const count = providerModelCounts[provider] || 0;
-						const isConfigured =
-							isAll || configuredProviderSet.has(provider);
+						const isConfigured = isAll || configuredProviderSet.has(provider);

 						// Separator between configured and unconfigured providers
 						// idx 0 is "all", configured run from 1..configuredCount, unconfigured start at configuredCount+1
-						const showSeparator =
-							!isAll &&
-							idx === configuredCount + 1 &&
-							configuredCount > 0;
+						const showSeparator = !isAll && idx === configuredCount + 1 && configuredCount > 0;

 						return (
 							<Fragment key={provider}>
@ -853,20 +750,16 @@ export function ModelSelector({
 									<TooltipTrigger asChild>
 										<button
 											type="button"
-											onClick={() =>
-												setSelectedProvider(provider)
-											}
+											onClick={() => setSelectedProvider(provider)}
 											tabIndex={-1}
 											className={cn(
 												"relative flex items-center justify-center rounded-md transition-all duration-150",
-												isMobile
-													? "p-2 shrink-0"
-													: "p-1.5 w-full",
+												isMobile ? "p-2 shrink-0" : "p-1.5 w-full",
 												isActive
 													? "bg-primary/10 text-primary"
 													: isConfigured
 														? "hover:bg-accent/60 text-muted-foreground hover:text-foreground"
-														: "opacity-50 hover:opacity-80 hover:bg-accent/40 text-muted-foreground",
+														: "opacity-50 hover:opacity-80 hover:bg-accent/40 text-muted-foreground"
 											)}
 										>
 											{isAll ? (
@ -878,19 +771,9 @@ export function ModelSelector({
 											)}
 										</button>
 									</TooltipTrigger>
-									<TooltipContent
-										side={
-											isMobile ? "bottom" : "right"
-										}
-									>
-										{isAll
-											? "All Models"
-											: formatProviderName(
-													provider,
-												)}
-										{isConfigured
-											? ` (${count})`
-											: " (not configured)"}
+									<TooltipContent side={isMobile ? "bottom" : "right"}>
+										{isAll ? "All Models" : formatProviderName(provider)}
+										{isConfigured ? ` (${count})` : " (not configured)"}
 									</TooltipContent>
 								</Tooltip>
 							</Fragment>
@ -927,8 +810,7 @@ export function ModelSelector({
 		const { config, isAutoMode } = item;
 		const isSelected = getSelectedId() === config.id;
 		const isFocused = focusedIndex === index;
-		const hasCitations =
-			"citations_enabled" in config && !!config.citations_enabled;
+		const hasCitations = "citations_enabled" in config && !!config.citations_enabled;

 		return (
 			<div
@ -938,19 +820,23 @@ export function ModelSelector({
 				tabIndex={isMobile ? -1 : 0}
 				aria-selected={isSelected}
 				onClick={() => handleSelectItem(item)}
-				onKeyDown={isMobile ? undefined : (e) => {
-					if (e.key === "Enter" || e.key === " ") {
-						e.preventDefault();
-						handleSelectItem(item);
-					}
-				}}
+				onKeyDown={
+					isMobile
+						? undefined
+						: (e) => {
+								if (e.key === "Enter" || e.key === " ") {
+									e.preventDefault();
+									handleSelectItem(item);
+								}
+							}
+				}
 				onMouseEnter={() => setFocusedIndex(index)}
 				className={cn(
 					"group flex items-center gap-2.5 px-3 py-2 rounded-xl cursor-pointer",
 					"transition-all duration-150 mx-2",
 					"hover:bg-accent/40",
 					isSelected && "bg-primary/6 dark:bg-primary/8",
-					isFocused && "bg-accent/50",
+					isFocused && "bg-accent/50"
 				)}
 			>
 				{/* Provider icon */}
@ -964,9 +850,7 @@ export function ModelSelector({
 				{/* Model info */}
 				<div className="flex-1 min-w-0">
 					<div className="flex items-center gap-1.5">
-						<span className="font-medium text-sm truncate">
-							{config.name}
-						</span>
+						<span className="font-medium text-sm truncate">{config.name}</span>
 						{isAutoMode && (
 							<Badge
 								variant="secondary"
@ -978,9 +862,7 @@ export function ModelSelector({
 					</div>
 					<div className="flex items-center gap-1.5 mt-0.5">
 						<span className="text-xs text-muted-foreground truncate">
-							{isAutoMode
-								? "Auto Mode"
-								: (config.model_name as string)}
+							{isAutoMode ? "Auto Mode" : (config.model_name as string)}
 						</span>
 						{!isAutoMode && hasCitations && (
 							<Badge
@ -1005,9 +887,7 @@ export function ModelSelector({
 							<Edit3 className="size-3.5 text-muted-foreground" />
 						</Button>
 					)}
-					{isSelected && (
-						<Check className="size-4 text-primary shrink-0" />
-					)}
+					{isSelected && <Check className="size-4 text-primary shrink-0" />}
 				</div>
 			</div>
 		);
@ -1021,11 +901,7 @@ export function ModelSelector({
 		const userStartIdx = globalItems.length;

 		const addHandler =
-			activeTab === "llm"
-				? onAddNewLLM
-				: activeTab === "image"
-					? onAddNewImage
-					: onAddNewVision;
+			activeTab === "llm" ? onAddNewLLM : activeTab === "image" ? onAddNewImage : onAddNewVision;
 		const addLabel =
 			activeTab === "llm"
 				? "Add Model"
@ -1065,7 +941,7 @@ export function ModelSelector({
 									"flex items-center justify-center gap-1.5 text-sm font-medium transition-all duration-200 border-b-[1.5px]",
 									activeTab === value
 										? "border-foreground dark:border-white text-foreground"
-										: "border-transparent text-muted-foreground hover:text-foreground/70",
+										: "border-transparent text-muted-foreground hover:text-foreground/70"
 								)}
 							>
 								<Icon className="size-3.5" />
@ -1076,14 +952,7 @@ export function ModelSelector({
 				</div>

 				{/* Two-pane layout */}
-				<div
-					className={cn(
-						"flex",
-						isMobile
-							? "flex-col h-[60vh]"
-							: "flex-row h-[380px]",
-					)}
-				>
+				<div className={cn("flex", isMobile ? "flex-col h-[60vh]" : "flex-row h-[380px]")}>
 					{/* Provider sidebar */}
 					{renderProviderSidebar()}

@ -1096,9 +965,7 @@ export function ModelSelector({
 								ref={searchInputRef}
 								placeholder="Search models"
 								value={searchQuery}
-								onChange={(e) =>
-									setSearchQuery(e.target.value)
-								}
+								onChange={(e) => setSearchQuery(e.target.value)}
 								onKeyDown={isMobile ? undefined : handleKeyDown}
 								role="combobox"
 								aria-expanded={true}
@ -1106,7 +973,7 @@ export function ModelSelector({
 								className={cn(
 									"w-full pl-8 pr-3 py-2.5 text-sm bg-transparent",
 									"focus:outline-none",
-									"placeholder:text-muted-foreground",
+									"placeholder:text-muted-foreground"
 								)}
 							/>
 						</div>
@ -1117,13 +984,9 @@ export function ModelSelector({
 								{getProviderIcon(selectedProvider, {
 									className: "size-4",
 								})}
-								<span className="text-sm font-medium">
-									{formatProviderName(selectedProvider)}
-								</span>
+								<span className="text-sm font-medium">{formatProviderName(selectedProvider)}</span>
 								<span className="text-xs text-muted-foreground ml-auto">
-									{configuredProviderSet.has(
-										selectedProvider,
-									)
+									{configuredProviderSet.has(selectedProvider)
 										? `${providerModelCounts[selectedProvider] || 0} models`
 										: "Not configured"}
 								</span>
@ -1144,30 +1007,18 @@ export function ModelSelector({
 						>
 							{currentDisplayItems.length === 0 ? (
 								<div className="flex-1 flex flex-col items-center justify-center gap-3 px-4">
-									{selectedProvider !== "all" &&
-									!configuredProviderSet.has(
-										selectedProvider,
-									) ? (
+									{selectedProvider !== "all" && !configuredProviderSet.has(selectedProvider) ? (
 										<>
 											<div className="opacity-40">
-												{getProviderIcon(
-													selectedProvider,
-													{
-														className:
-															"size-10",
-													},
-												)}
+												{getProviderIcon(selectedProvider, {
+													className: "size-10",
+												})}
 											</div>
 											<p className="text-sm font-medium text-muted-foreground">
-												No{" "}
-												{formatProviderName(
-													selectedProvider,
-												)}{" "}
-												models configured
+												No {formatProviderName(selectedProvider)} models configured
 											</p>
 											<p className="text-xs text-muted-foreground/60 text-center">
-												Add a model with this
-												provider to get started
+												Add a model with this provider to get started
 											</p>
 											{addHandler && (
 												<Button
@ -1186,12 +1037,9 @@ export function ModelSelector({
 									) : searchQuery ? (
 										<>
 											<Search className="size-8 text-muted-foreground" />
-											<p className="text-sm text-muted-foreground">
-												No models found
-											</p>
+											<p className="text-sm text-muted-foreground">No models found</p>
 											<p className="text-xs text-muted-foreground/60">
-												Try a different search
-												term
+												Try a different search term
 											</p>
 										</>
 									) : (
@ -1212,29 +1060,18 @@ export function ModelSelector({
 											<div className="flex items-center gap-2 px-3 py-1.5 text-[12px] font-semibold text-muted-foreground tracking-wider">
 												Global Models
 											</div>
-											{globalItems.map((item, i) =>
-												renderModelCard(
-													item,
-													globalStartIdx + i,
-												),
-											)}
+											{globalItems.map((item, i) => renderModelCard(item, globalStartIdx + i))}
 										</>
 									)}
-									{globalItems.length > 0 &&
-										userItems.length > 0 && (
-											<div className="my-1.5 mx-4 h-px bg-border/60" />
-										)}
+									{globalItems.length > 0 && userItems.length > 0 && (
+										<div className="my-1.5 mx-4 h-px bg-border/60" />
+									)}
 									{userItems.length > 0 && (
 										<>
 											<div className="flex items-center gap-2 px-3 py-1.5 text-[12px] font-semibold text-muted-foreground tracking-wider">
 												Your Configurations
 											</div>
-											{userItems.map((item, i) =>
-												renderModelCard(
-													item,
-													userStartIdx + i,
-												),
-											)}
+											{userItems.map((item, i) => renderModelCard(item, userStartIdx + i))}
 										</>
 									)}
 								</>
@ -1254,9 +1091,7 @@ export function ModelSelector({
 									}}
 								>
 									<Plus className="size-4 text-primary" />
-									<span className="text-sm font-medium">
-										{addLabel}
-									</span>
+									<span className="text-sm font-medium">{addLabel}</span>
 								</Button>
 							</div>
 						)}
@ -1275,18 +1110,13 @@ export function ModelSelector({
 			aria-expanded={open}
 			className={cn(
 				"h-8 gap-2 px-3 text-sm bg-main-panel hover:bg-accent/50 dark:hover:bg-white/[0.06] border border-border/40 select-none",
-				className,
+				className
 			)}
 		>
 			{isLoading ? (
 				<>
-					<Spinner
-						size="sm"
-						className="text-muted-foreground"
-					/>
-					<span className="text-muted-foreground hidden md:inline">
-						Loading
-					</span>
+					<Spinner size="sm" className="text-muted-foreground" />
+					<span className="text-muted-foreground hidden md:inline">Loading</span>
 				</>
 			) : (
 				<>
@ -1303,9 +1133,7 @@ export function ModelSelector({
 					) : (
 						<>
 							<Bot className="size-4 text-muted-foreground" />
-							<span className="text-muted-foreground hidden md:inline">
-								Select Model
-							</span>
+							<span className="text-muted-foreground hidden md:inline">Select Model</span>
 						</>
 					)}
 					<div className="h-4 w-px bg-border/60 dark:bg-white/10 mx-0.5" />
@ -1352,9 +1180,7 @@ export function ModelSelector({
 					<DrawerHeader className="pb-0">
 						<DrawerTitle>Select Model</DrawerTitle>
 					</DrawerHeader>
-					<div className="flex-1 overflow-hidden">
-						{renderContent()}
-					</div>
+					<div className="flex-1 overflow-hidden">{renderContent()}</div>
 				</DrawerContent>
 			</Drawer>
 		);
--- a/surfsense_web/components/new-chat/prompt-picker.tsx
+++ b/surfsense_web/components/new-chat/prompt-picker.tsx
@ -182,7 +182,9 @@ export const PromptPicker = forwardRef<PromptPickerRef, PromptPickerProps>(funct
 							onMouseEnter={() => setHighlightedIndex(createPromptIndex)}
 							className={cn(
 								"w-full flex items-center gap-2 px-3 py-2 text-left text-sm transition-colors rounded-md cursor-pointer text-muted-foreground",
-								highlightedIndex === createPromptIndex ? "bg-accent text-foreground" : "hover:text-foreground hover:bg-accent/50"
+								highlightedIndex === createPromptIndex
+									? "bg-accent text-foreground"
+									: "hover:text-foreground hover:bg-accent/50"
 							)}
 						>
 							<span className="shrink-0">
--- a/surfsense_web/components/pricing/pricing-section.tsx
+++ b/surfsense_web/components/pricing/pricing-section.tsx
@ -1,7 +1,8 @@
 "use client";
-import React, { useRef, useEffect, useState } from "react";
-import { AnimatePresence, motion } from "motion/react";
 import { IconPlus } from "@tabler/icons-react";
+import { AnimatePresence, motion } from "motion/react";
+import type React from "react";
+import { useEffect, useRef, useState } from "react";
 import { Pricing } from "@/components/pricing";
 import { cn } from "@/lib/utils";

@ -79,10 +80,15 @@ const faqData: FAQSection[] = [
 		title: "Pages & Billing",
 		items: [
 			{
-				question: "What exactly is a \"page\" in SurfSense?",
+				question: 'What exactly is a "page" in SurfSense?',
 				answer:
 					"A page is a simple billing unit that measures how much content you add to your knowledge base. For PDFs, one page equals one real PDF page. For other document types like Word, PowerPoint, and Excel files, pages are automatically estimated based on the file. Every file uses at least 1 page.",
 			},
+			{
+				question: "What are Basic and Premium processing modes?",
+				answer:
+					"When uploading documents, you can choose between two processing modes. Basic mode uses standard extraction and costs 1 page credit per page, great for most documents. Premium mode uses advanced extraction optimized for complex financial, medical, and legal documents with intricate tables, layouts, and formatting. Premium costs 10 page credits per page but delivers significantly higher fidelity output for these specialized document types.",
+			},
 			{
 				question: "How does the Pay As You Go plan work?",
 				answer:
@ -111,7 +117,7 @@ const faqData: FAQSection[] = [
 			{
 				question: "How are pages consumed?",
 				answer:
-					"Pages are deducted whenever a document file is successfully indexed into your knowledge base, whether through direct uploads or file-based connector syncs (Google Drive, OneDrive, Dropbox, Local Folder). SurfSense checks your remaining pages before processing and only charges you after the file is indexed. Duplicate documents are automatically detected and won't cost you extra pages.",
+					"Pages are deducted whenever a document file is successfully indexed into your knowledge base, whether through direct uploads or file-based connector syncs (Google Drive, OneDrive, Dropbox, Local Folder). In Basic mode, each page costs 1 page credit; in Premium mode, each page costs 10 page credits. SurfSense checks your remaining credits before processing and only charges you after the file is indexed. Duplicate documents are automatically detected and won't cost you extra pages.",
 			},
 			{
 				question: "Do connectors like Slack, Notion, or Gmail use pages?",
@ -132,13 +138,7 @@ const faqData: FAQSection[] = [
 	},
 ];

-const GridLineHorizontal = ({
-	className,
-	offset,
-}: {
-	className?: string;
-	offset?: string;
-}) => {
+const GridLineHorizontal = ({ className, offset }: { className?: string; offset?: string }) => {
 	return (
 		<div
 			style={
@ -162,19 +162,13 @@ const GridLineHorizontal = ({
 				"mask-exclude",
 				"z-30",
 				"dark:bg-[linear-gradient(to_right,var(--color-dark),var(--color-dark)_50%,transparent_0,transparent)]",
-				className,
+				className
 			)}
 		/>
 	);
 };

-const GridLineVertical = ({
-	className,
-	offset,
-}: {
-	className?: string;
-	offset?: string;
-}) => {
+const GridLineVertical = ({ className, offset }: { className?: string; offset?: string }) => {
 	return (
 		<div
 			style={
@ -197,7 +191,7 @@ const GridLineVertical = ({
 				"mask-exclude",
 				"z-30",
 				"dark:bg-[linear-gradient(to_bottom,var(--color-dark),var(--color-dark)_50%,transparent_0,transparent)]",
-				className,
+				className
 			)}
 		/>
 	);
@ -209,10 +203,7 @@ function PricingFAQ() {

 	useEffect(() => {
 		function handleClickOutside(event: MouseEvent) {
-			if (
-				containerRef.current &&
-				!containerRef.current.contains(event.target as Node)
-			) {
+			if (containerRef.current && !containerRef.current.contains(event.target as Node)) {
 				setActiveId(null);
 			}
 		}
@ -232,21 +223,15 @@ function PricingFAQ() {
 					Frequently Asked Questions
 				</h2>
 				<p className="mx-auto mt-4 max-w-2xl text-lg text-muted-foreground">
-					Everything you need to know about SurfSense pages and billing.
-					Can&apos;t find what you need? Reach out at{" "}
-					<a
-						href="mailto:rohan@surfsense.com"
-						className="text-blue-500 underline"
-					>
+					Everything you need to know about SurfSense pages and billing. Can&apos;t find what you
+					need? Reach out at{" "}
+					<a href="mailto:rohan@surfsense.com" className="text-blue-500 underline">
 						rohan@surfsense.com
 					</a>
 				</p>
 			</div>

-			<div
-				ref={containerRef}
-				className="relative mt-16 flex w-full flex-col gap-12 px-4 md:px-8"
-			>
+			<div ref={containerRef} className="relative mt-16 flex w-full flex-col gap-12 px-4 md:px-8">
 				{faqData.map((section) => (
 					<div key={section.title + "faq"}>
 						<h3 className="mb-6 text-lg font-medium text-neutral-800 dark:text-neutral-200">
@ -264,30 +249,19 @@ function PricingFAQ() {
 											"relative rounded-lg transition-all duration-200",
 											isActive
 												? "bg-white shadow-sm ring-1 shadow-black/10 ring-black/10 dark:bg-neutral-900 dark:shadow-white/5 dark:ring-white/10"
-												: "hover:bg-neutral-50 dark:hover:bg-neutral-900",
+												: "hover:bg-neutral-50 dark:hover:bg-neutral-900"
 										)}
 									>
 										{isActive && (
 											<div className="absolute inset-0">
-												<GridLineHorizontal
-													className="-top-[2px]"
-													offset="100px"
-												/>
-												<GridLineHorizontal
-													className="-bottom-[2px]"
-													offset="100px"
-												/>
-												<GridLineVertical
-													className="-left-[2px]"
-													offset="100px"
-												/>
-												<GridLineVertical
-													className="-right-[2px] left-auto"
-													offset="100px"
-												/>
+												<GridLineHorizontal className="-top-[2px]" offset="100px" />
+												<GridLineHorizontal className="-bottom-[2px]" offset="100px" />
+												<GridLineVertical className="-left-[2px]" offset="100px" />
+												<GridLineVertical className="-right-[2px] left-auto" offset="100px" />
 											</div>
 										)}
 										<button
+											type="button"
 											onClick={() => toggleQuestion(id)}
 											className="flex w-full items-center justify-between px-4 py-4 text-left"
 										>
--- a/surfsense_web/components/public-chat-snapshots/public-chat-snapshot-row.tsx
+++ b/surfsense_web/components/public-chat-snapshots/public-chat-snapshot-row.tsx
@ -80,9 +80,7 @@ export function PublicChatSnapshotRow({
 								size="icon"
 								className={cn(
 									"absolute right-0 h-6 w-6 shrink-0 hover:bg-transparent",
-									dropdownOpen
-										? "opacity-100"
-										: "sm:opacity-0 sm:group-hover:opacity-100"
+									dropdownOpen ? "opacity-100" : "sm:opacity-0 sm:group-hover:opacity-100"
 								)}
 							>
 								<MoreHorizontal className="h-3.5 w-3.5 text-muted-foreground" />
@ -100,10 +98,7 @@ export function PublicChatSnapshotRow({
 								</a>
 							</DropdownMenuItem>
 							{canDelete && (
-								<DropdownMenuItem
-									onClick={() => onDelete(snapshot)}
-									disabled={isDeleting}
-								>
+								<DropdownMenuItem onClick={() => onDelete(snapshot)} disabled={isDeleting}>
 									<Trash2 className="mr-2 h-4 w-4" />
 									Delete
 								</DropdownMenuItem>
--- a/surfsense_web/components/seo/breadcrumb-nav.tsx
+++ b/surfsense_web/components/seo/breadcrumb-nav.tsx
@ -27,18 +27,13 @@ export function BreadcrumbNav({ items, className }: BreadcrumbNavProps) {
 						const isLast = index === items.length - 1;
 						return (
 							<li key={item.href} className="flex items-center gap-1.5">
-								{index > 0 && (
-									<ChevronRight className="h-3.5 w-3.5 shrink-0" aria-hidden />
-								)}
+								{index > 0 && <ChevronRight className="h-3.5 w-3.5 shrink-0" aria-hidden />}
 								{isLast ? (
 									<span className="font-medium text-foreground" aria-current="page">
 										{item.name}
 									</span>
 								) : (
-									<Link
-										href={item.href}
-										className="transition-colors hover:text-foreground"
-									>
+									<Link href={item.href} className="transition-colors hover:text-foreground">
 										{item.name}
 									</Link>
 								)}
--- a/surfsense_web/components/seo/json-ld.tsx
+++ b/surfsense_web/components/seo/json-ld.tsx
@ -4,10 +4,8 @@ interface JsonLdProps {

 export function JsonLd({ data }: JsonLdProps) {
 	return (
-		<script
-			type="application/ld+json"
-			dangerouslySetInnerHTML={{ __html: JSON.stringify(data) }}
-		/>
+		// biome-ignore lint/security/noDangerouslySetInnerHtml: JSON-LD structured data requires dangerouslySetInnerHTML for script injection
+		<script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(data) }} />
 	);
 }

@ -20,12 +18,9 @@ export function OrganizationJsonLd() {
 				name: "SurfSense",
 				url: "https://surfsense.com",
 				logo: "https://surfsense.com/logo.png",
-			description:
-				"Open source NotebookLM alternative for teams with no data limits. Use ChatGPT, Claude AI, and any AI model for free.",
-				sameAs: [
-					"https://github.com/MODSetter/SurfSense",
-					"https://discord.gg/Cg2M4GUJ",
-				],
+				description:
+					"Open source NotebookLM alternative for teams with no data limits. Use ChatGPT, Claude AI, and any AI model for free.",
+				sameAs: ["https://github.com/MODSetter/SurfSense", "https://discord.gg/Cg2M4GUJ"],
 				contactPoint: {
 					"@type": "ContactPoint",
 					email: "rohan@surfsense.com",
@ -44,8 +39,8 @@ export function WebSiteJsonLd() {
 				"@type": "WebSite",
 				name: "SurfSense",
 				url: "https://surfsense.com",
-			description:
-				"Open source NotebookLM alternative for teams with no data limits. Free ChatGPT, Claude AI, and any AI model.",
+				description:
+					"Open source NotebookLM alternative for teams with no data limits. Free ChatGPT, Claude AI, and any AI model.",
 				potentialAction: {
 					"@type": "SearchAction",
 					target: {
@ -74,22 +69,22 @@ export function SoftwareApplicationJsonLd() {
 					priceCurrency: "USD",
 					description: "Free plan with 500 pages included",
 				},
-			description:
-				"Open source NotebookLM alternative with free access to ChatGPT, Claude AI, and any model. Connect Slack, Google Drive, Notion, Confluence, GitHub, and dozens more data sources.",
+				description:
+					"Open source NotebookLM alternative with free access to ChatGPT, Claude AI, and any model. Connect Slack, Google Drive, Notion, Confluence, GitHub, and dozens more data sources.",
 				url: "https://surfsense.com",
 				downloadUrl: "https://github.com/MODSetter/SurfSense/releases",
-			featureList: [
-				"Free access to ChatGPT, Claude AI, and any AI model",
-				"AI-powered semantic search across all connected tools",
-				"Federated search across Slack, Google Drive, Notion, Confluence, GitHub",
-				"No data limits with open source self-hosting",
-				"Real-time collaborative team chats",
-				"Document Q&A with citations",
-				"Report generation",
-				"Podcast and video generation from sources",
-				"Enterprise knowledge management",
-				"Self-hostable and privacy-focused",
-			],
+				featureList: [
+					"Free access to ChatGPT, Claude AI, and any AI model",
+					"AI-powered semantic search across all connected tools",
+					"Federated search across Slack, Google Drive, Notion, Confluence, GitHub",
+					"No data limits with open source self-hosting",
+					"Real-time collaborative team chats",
+					"Document Q&A with citations",
+					"Report generation",
+					"Podcast and video generation from sources",
+					"Enterprise knowledge management",
+					"Self-hostable and privacy-focused",
+				],
 			}}
 		/>
 	);
@ -141,11 +136,7 @@ export function ArticleJsonLd({
 	);
 }

-export function BreadcrumbJsonLd({
-	items,
-}: {
-	items: { name: string; url: string }[];
-}) {
+export function BreadcrumbJsonLd({ items }: { items: { name: string; url: string }[] }) {
 	return (
 		<JsonLd
 			data={{
@ -162,11 +153,7 @@ export function BreadcrumbJsonLd({
 	);
 }

-export function FAQJsonLd({
-	questions,
-}: {
-	questions: { question: string; answer: string }[];
-}) {
+export function FAQJsonLd({ questions }: { questions: { question: string; answer: string }[] }) {
 	return (
 		<JsonLd
 			data={{
--- a/surfsense_web/components/settings/general-settings-manager.tsx
+++ b/surfsense_web/components/settings/general-settings-manager.tsx
@ -145,18 +145,14 @@ export function GeneralSettingsManager({ searchSpaceId }: GeneralSettingsManager
 			<form onSubmit={onSubmit} className="space-y-6">
 				<div className="flex flex-col gap-6">
 					<div className="space-y-2">
-						<Label htmlFor="search-space-name">
-							{t("general_name_label")}
-						</Label>
+						<Label htmlFor="search-space-name">{t("general_name_label")}</Label>
 						<Input
 							id="search-space-name"
 							placeholder={t("general_name_placeholder")}
 							value={name}
 							onChange={(e) => setName(e.target.value)}
 						/>
-						<p className="text-xs text-muted-foreground">
-							{t("general_name_description")}
-						</p>
+						<p className="text-xs text-muted-foreground">{t("general_name_description")}</p>
 					</div>

 					<div className="space-y-2">
@ -170,9 +166,7 @@ export function GeneralSettingsManager({ searchSpaceId }: GeneralSettingsManager
 							value={description}
 							onChange={(e) => setDescription(e.target.value)}
 						/>
-						<p className="text-xs text-muted-foreground">
-							{t("general_description_description")}
-						</p>
+						<p className="text-xs text-muted-foreground">{t("general_description_description")}</p>
 					</div>
 				</div>

@ -189,28 +183,28 @@ export function GeneralSettingsManager({ searchSpaceId }: GeneralSettingsManager
 				</div>
 			</form>

-		<div className="border-t pt-6 flex flex-col gap-3 md:flex-row md:items-center md:justify-between">
-			<div className="space-y-1">
-				<Label>Export knowledge base</Label>
-				<p className="text-xs text-muted-foreground">
-					Download all documents in this search space as a ZIP of markdown files.
-				</p>
+			<div className="border-t pt-6 flex flex-col gap-3 md:flex-row md:items-center md:justify-between">
+				<div className="space-y-1">
+					<Label>Export knowledge base</Label>
+					<p className="text-xs text-muted-foreground">
+						Download all documents in this search space as a ZIP of markdown files.
+					</p>
+				</div>
+				<Button
+					type="button"
+					variant="secondary"
+					size="sm"
+					disabled={isExporting}
+					onClick={handleExportKB}
+					className="relative w-fit shrink-0"
+				>
+					<span className={isExporting ? "opacity-0" : ""}>
+						<FolderArchive className="h-3 w-3 opacity-60" />
+					</span>
+					<span className={isExporting ? "opacity-0" : ""}>Export</span>
+					{isExporting && <Spinner size="sm" className="absolute" />}
+				</Button>
 			</div>
-			<Button
-				type="button"
-				variant="secondary"
-				size="sm"
-				disabled={isExporting}
-				onClick={handleExportKB}
-				className="relative w-fit shrink-0"
-			>
-				<span className={isExporting ? "opacity-0" : ""}>
-					<FolderArchive className="h-3 w-3 opacity-60" />
-				</span>
-				<span className={isExporting ? "opacity-0" : ""}>Export</span>
-				{isExporting && <Spinner size="sm" className="absolute" />}
-			</Button>
-		</div>
 		</div>
 	);
 }
--- a/surfsense_web/components/settings/llm-role-manager.tsx
+++ b/surfsense_web/components/settings/llm-role-manager.tsx
@ -6,10 +6,10 @@ import {
 	Bot,
 	CircleCheck,
 	CircleDashed,
-	ScanEye,
 	FileText,
 	ImageIcon,
 	RefreshCw,
+	ScanEye,
 } from "lucide-react";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { toast } from "sonner";
--- a/surfsense_web/components/settings/roles-manager.tsx
+++ b/surfsense_web/components/settings/roles-manager.tsx
@ -554,9 +554,7 @@ function RolesContent({
 													>
 														<div className="flex items-center gap-2 shrink-0">
 															<IconComponent className="h-3.5 w-3.5 text-muted-foreground" />
-															<span className="text-sm text-muted-foreground">
-																{config.label}
-															</span>
+															<span className="text-sm text-muted-foreground">{config.label}</span>
 														</div>
 														<div className="flex flex-wrap justify-end gap-1">
 															{actions.map((action) => (
@ -685,7 +683,10 @@ function PermissionsEditor({
 										onClick={() => toggleCategoryExpanded(category)}
 									>
 										<div
-											className={cn("transition-transform duration-200", isExpanded && "rotate-180")}
+											className={cn(
+												"transition-transform duration-200",
+												isExpanded && "rotate-180"
+											)}
 										>
 											<svg
 												className="h-4 w-4 text-muted-foreground"
--- a/surfsense_web/components/settings/search-space-settings-dialog.tsx
+++ b/surfsense_web/components/settings/search-space-settings-dialog.tsx
@ -7,9 +7,9 @@ import {
 	Brain,
 	CircleUser,
 	Earth,
-	ScanEye,
 	ImageIcon,
 	ListChecks,
+	ScanEye,
 	UserKey,
 } from "lucide-react";
 import dynamic from "next/dynamic";
--- a/surfsense_web/components/shared/model-config-dialog.tsx
+++ b/surfsense_web/components/shared/model-config-dialog.tsx
@ -201,7 +201,9 @@ export function ModelConfigDialog({
 							onSubmit={handleSubmit}
 							mode="create"
 							formId="model-config-form"
-							initialData={defaultProvider ? { provider: defaultProvider as LiteLLMProvider } : undefined}
+							initialData={
+								defaultProvider ? { provider: defaultProvider as LiteLLMProvider } : undefined
+							}
 						/>
 					) : isGlobal && config ? (
 						<div className="space-y-6">
--- a/surfsense_web/components/sources/DocumentUploadTab.tsx
+++ b/surfsense_web/components/sources/DocumentUploadTab.tsx
@ -1,7 +1,16 @@
 "use client";

 import { useAtom } from "jotai";
-import { ChevronDown, Dot, File as FileIcon, FolderOpen, Upload, X } from "lucide-react";
+import {
+	ChevronDown,
+	Crown,
+	Dot,
+	File as FileIcon,
+	FolderOpen,
+	Upload,
+	X,
+	Zap,
+} from "lucide-react";

 import { useTranslations } from "next-intl";
 import { type ChangeEvent, useCallback, useEffect, useMemo, useRef, useState } from "react";
@ -25,6 +34,7 @@ import {
 import { Progress } from "@/components/ui/progress";
 import { Spinner } from "@/components/ui/spinner";
 import { Switch } from "@/components/ui/switch";
+import type { ProcessingMode } from "@/contracts/types/document.types";
 import { useElectronAPI } from "@/hooks/use-platform";
 import { documentsApiService } from "@/lib/apis/documents-api.service";
 import {
@ -137,6 +147,7 @@ export function DocumentUploadTab({
 	const [accordionValue, setAccordionValue] = useState<string>("");
 	const [shouldSummarize, setShouldSummarize] = useState(false);
 	const [useVisionLlm, setUseVisionLlm] = useState(false);
+	const [processingMode, setProcessingMode] = useState<ProcessingMode>("basic");
 	const [uploadDocumentMutation] = useAtom(uploadDocumentMutationAtom);
 	const { mutate: uploadDocuments, isPending: isUploading } = uploadDocumentMutation;
 	const fileInputRef = useRef<HTMLInputElement>(null);
@ -363,6 +374,7 @@ export function DocumentUploadTab({
 						root_folder_id: rootFolderId,
 						enable_summary: shouldSummarize,
 						use_vision_llm: useVisionLlm,
+						processing_mode: processingMode,
 					}
 				);

@ -410,6 +422,7 @@ export function DocumentUploadTab({
 				search_space_id: Number(searchSpaceId),
 				should_summarize: shouldSummarize,
 				use_vision_llm: useVisionLlm,
+				processing_mode: processingMode,
 			},
 			{
 				onSuccess: () => {
@ -533,35 +546,29 @@ export function DocumentUploadTab({
 						</button>
 					)
 				) : (
-				<div
-					role="button"
-					tabIndex={0}
-					className="flex flex-col items-center gap-4 py-12 px-4 cursor-pointer w-full bg-transparent outline-none select-none"
-					onClick={() => {
-						if (!isElectron) fileInputRef.current?.click();
-					}}
-					onKeyDown={(e) => {
-						if (e.key === "Enter" || e.key === " ") {
-							e.preventDefault();
+					<button
+						type="button"
+						tabIndex={0}
+						className="flex flex-col items-center gap-4 py-12 px-4 cursor-pointer w-full bg-transparent outline-none select-none"
+						onClick={() => {
 							if (!isElectron) fileInputRef.current?.click();
-						}
-					}}
-				>
-					<Upload className="h-10 w-10 text-muted-foreground" />
-					<div className="text-center space-y-1.5">
-						<p className="text-base font-medium">
-							{isElectron ? t("select_files_or_folder") : t("tap_select_files_or_folder")}
-						</p>
-						<p className="text-sm text-muted-foreground">{t("file_size_limit")}</p>
-					</div>
-					<fieldset
-						className="w-full mt-1 border-none p-0 m-0"
-						onClick={(e) => e.stopPropagation()}
-						onKeyDown={(e) => e.stopPropagation()}
+						}}
 					>
-						{renderBrowseButton({ fullWidth: true })}
-					</fieldset>
-				</div>
+						<Upload className="h-10 w-10 text-muted-foreground" />
+						<div className="text-center space-y-1.5">
+							<p className="text-base font-medium">
+								{isElectron ? t("select_files_or_folder") : t("tap_select_files_or_folder")}
+							</p>
+							<p className="text-sm text-muted-foreground">{t("file_size_limit")}</p>
+						</div>
+						<fieldset
+							className="w-full mt-1 border-none p-0 m-0"
+							onClick={(e) => e.stopPropagation()}
+							onKeyDown={(e) => e.stopPropagation()}
+						>
+							{renderBrowseButton({ fullWidth: true })}
+						</fieldset>
+					</button>
 				)}
 			</div>

@ -709,6 +716,46 @@ export function DocumentUploadTab({
 						<Switch checked={useVisionLlm} onCheckedChange={setUseVisionLlm} />
 					</div>

+					<div className="space-y-1.5">
+						<p className="font-medium text-sm px-1">{t("processing_mode")}</p>
+						<div className="grid grid-cols-2 gap-2">
+							<button
+								type="button"
+								onClick={() => setProcessingMode("basic")}
+								className={`flex items-start gap-2.5 rounded-lg border p-3 text-left transition-colors ${
+									processingMode === "basic"
+										? "border-primary bg-primary/5"
+										: "border-border hover:border-muted-foreground/50"
+								}`}
+							>
+								<Zap
+									className={`h-4 w-4 mt-0.5 shrink-0 ${processingMode === "basic" ? "text-primary" : "text-muted-foreground"}`}
+								/>
+								<div className="space-y-0.5 min-w-0">
+									<p className="font-medium text-sm">{t("basic_mode")}</p>
+									<p className="text-xs text-muted-foreground">{t("basic_mode_desc")}</p>
+								</div>
+							</button>
+							<button
+								type="button"
+								onClick={() => setProcessingMode("premium")}
+								className={`flex items-start gap-2.5 rounded-lg border p-3 text-left transition-colors ${
+									processingMode === "premium"
+										? "border-amber-500 bg-amber-500/5"
+										: "border-border hover:border-muted-foreground/50"
+								}`}
+							>
+								<Crown
+									className={`h-4 w-4 mt-0.5 shrink-0 ${processingMode === "premium" ? "text-amber-500" : "text-muted-foreground"}`}
+								/>
+								<div className="space-y-0.5 min-w-0">
+									<p className="font-medium text-sm">{t("premium_mode")}</p>
+									<p className="text-xs text-muted-foreground">{t("premium_mode_desc")}</p>
+								</div>
+							</button>
+						</div>
+					</div>
+
 					<Button
 						className="w-full"
 						onClick={handleUpload}
--- a/surfsense_web/components/tool-ui/confluence/create-confluence-page.tsx
+++ b/surfsense_web/components/tool-ui/confluence/create-confluence-page.tsx
@ -15,9 +15,9 @@ import {
 	SelectTrigger,
 	SelectValue,
 } from "@/components/ui/select";
-import { isInterruptResult, useHitlDecision } from "@/lib/hitl";
-import type { InterruptResult, HitlDecision } from "@/lib/hitl";
 import { useHitlPhase } from "@/hooks/use-hitl-phase";
+import type { HitlDecision, InterruptResult } from "@/lib/hitl";
+import { isInterruptResult, useHitlDecision } from "@/lib/hitl";

 interface ConfluenceAccount {
 	id: number;
@ -36,7 +36,7 @@ type CreateConfluencePageInterruptContext = {
 	accounts?: ConfluenceAccount[];
 	spaces?: ConfluenceSpace[];
 	error?: string;
-}
+};

 interface SuccessResult {
 	status: "success";
--- a/surfsense_web/components/tool-ui/confluence/delete-confluence-page.tsx
+++ b/surfsense_web/components/tool-ui/confluence/delete-confluence-page.tsx
@ -6,9 +6,9 @@ import { useCallback, useEffect, useState } from "react";
 import { TextShimmerLoader } from "@/components/prompt-kit/loader";
 import { Button } from "@/components/ui/button";
 import { Checkbox } from "@/components/ui/checkbox";
-import { isInterruptResult, useHitlDecision } from "@/lib/hitl";
-import type { InterruptResult, HitlDecision } from "@/lib/hitl";
 import { useHitlPhase } from "@/hooks/use-hitl-phase";
+import type { HitlDecision, InterruptResult } from "@/lib/hitl";
+import { isInterruptResult, useHitlDecision } from "@/lib/hitl";

 type DeleteConfluencePageInterruptContext = {
 	account?: {
@ -26,7 +26,7 @@ type DeleteConfluencePageInterruptContext = {
 		indexed_at?: string;
 	};
 	error?: string;
-}
+};

 interface SuccessResult {
 	status: "success";
--- a/surfsense_web/components/tool-ui/confluence/update-confluence-page.tsx
+++ b/surfsense_web/components/tool-ui/confluence/update-confluence-page.tsx
@ -8,9 +8,9 @@ import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom";
 import { PlateEditor } from "@/components/editor/plate-editor";
 import { TextShimmerLoader } from "@/components/prompt-kit/loader";
 import { Button } from "@/components/ui/button";
-import { isInterruptResult, useHitlDecision } from "@/lib/hitl";
-import type { InterruptResult, HitlDecision } from "@/lib/hitl";
 import { useHitlPhase } from "@/hooks/use-hitl-phase";
+import type { HitlDecision, InterruptResult } from "@/lib/hitl";
+import { isInterruptResult, useHitlDecision } from "@/lib/hitl";

 type UpdateConfluencePageInterruptContext = {
 	account?: {
@ -29,7 +29,7 @@ type UpdateConfluencePageInterruptContext = {
 		indexed_at?: string;
 	};
 	error?: string;
-}
+};

 interface SuccessResult {
 	status: "success";
--- a/surfsense_web/components/tool-ui/dropbox/create-file.tsx
+++ b/surfsense_web/components/tool-ui/dropbox/create-file.tsx
@ -16,8 +16,8 @@ import {
 	SelectValue,
 } from "@/components/ui/select";
 import { useHitlPhase } from "@/hooks/use-hitl-phase";
+import type { HitlDecision, InterruptResult } from "@/lib/hitl";
 import { isInterruptResult, useHitlDecision } from "@/lib/hitl";
-import type { InterruptResult, HitlDecision } from "@/lib/hitl";

 interface DropboxAccount {
 	id: number;
@ -36,7 +36,7 @@ type DropboxCreateFileContext = {
 	parent_folders?: Record<number, Array<{ folder_path: string; name: string }>>;
 	supported_types?: SupportedType[];
 	error?: string;
-}
+};

 interface SuccessResult {
 	status: "success";
@ -57,7 +57,11 @@ interface AuthErrorResult {
 	connector_type?: string;
 }

-type CreateDropboxFileResult = InterruptResult<DropboxCreateFileContext> | SuccessResult | ErrorResult | AuthErrorResult;
+type CreateDropboxFileResult =
+	| InterruptResult<DropboxCreateFileContext>
+	| SuccessResult
+	| ErrorResult
+	| AuthErrorResult;

 function isErrorResult(result: unknown): result is ErrorResult {
 	return (
--- a/surfsense_web/components/tool-ui/dropbox/trash-file.tsx
+++ b/surfsense_web/components/tool-ui/dropbox/trash-file.tsx
@ -7,8 +7,8 @@ import { TextShimmerLoader } from "@/components/prompt-kit/loader";
 import { Button } from "@/components/ui/button";
 import { Checkbox } from "@/components/ui/checkbox";
 import { useHitlPhase } from "@/hooks/use-hitl-phase";
+import type { HitlDecision, InterruptResult } from "@/lib/hitl";
 import { isInterruptResult, useHitlDecision } from "@/lib/hitl";
-import type { InterruptResult, HitlDecision } from "@/lib/hitl";

 interface DropboxAccount {
 	id: number;
@ -28,7 +28,7 @@ type DropboxTrashFileContext = {
 	account?: DropboxAccount;
 	file?: DropboxFile;
 	error?: string;
-}
+};

 interface SuccessResult {
 	status: "success";
--- a/surfsense_web/components/tool-ui/generic-hitl-approval.tsx
+++ b/surfsense_web/components/tool-ui/generic-hitl-approval.tsx
@ -9,8 +9,8 @@ import { Input } from "@/components/ui/input";
 import { Textarea } from "@/components/ui/textarea";
 import { useHitlPhase } from "@/hooks/use-hitl-phase";
 import { connectorsApiService } from "@/lib/apis/connectors-api.service";
-import { isInterruptResult, useHitlDecision } from "@/lib/hitl";
 import type { HitlDecision, InterruptResult } from "@/lib/hitl";
+import { isInterruptResult, useHitlDecision } from "@/lib/hitl";

 function ParamEditor({
 	params,
@ -216,11 +216,7 @@ function GenericApprovalCard({
 							</Button>
 						)}
 						{isMCPTool && (
-							<Button
-								size="sm"
-								className="rounded-lg"
-								onClick={handleAlwaysAllow}
-							>
+							<Button size="sm" className="rounded-lg" onClick={handleAlwaysAllow}>
 								Always Allow
 							</Button>
 						)}
--- a/surfsense_web/components/tool-ui/gmail/create-draft.tsx
+++ b/surfsense_web/components/tool-ui/gmail/create-draft.tsx
@ -16,9 +16,9 @@ import {
 	SelectTrigger,
 	SelectValue,
 } from "@/components/ui/select";
-import { isInterruptResult, useHitlDecision } from "@/lib/hitl";
-import type { HitlDecision, InterruptResult } from "@/lib/hitl";
 import { useHitlPhase } from "@/hooks/use-hitl-phase";
+import type { HitlDecision, InterruptResult } from "@/lib/hitl";
+import { isInterruptResult, useHitlDecision } from "@/lib/hitl";

 interface GmailAccount {
 	id: number;
@ -30,7 +30,7 @@ interface GmailAccount {
 type GmailCreateDraftContext = {
 	accounts?: GmailAccount[];
 	error?: string;
-}
+};

 interface SuccessResult {
 	status: "success";
--- a/surfsense_web/components/tool-ui/gmail/send-email.tsx
+++ b/surfsense_web/components/tool-ui/gmail/send-email.tsx
@ -16,9 +16,9 @@ import {
 	SelectTrigger,
 	SelectValue,
 } from "@/components/ui/select";
-import { isInterruptResult, useHitlDecision } from "@/lib/hitl";
-import type { HitlDecision, InterruptResult } from "@/lib/hitl";
 import { useHitlPhase } from "@/hooks/use-hitl-phase";
+import type { HitlDecision, InterruptResult } from "@/lib/hitl";
+import { isInterruptResult, useHitlDecision } from "@/lib/hitl";

 interface GmailAccount {
 	id: number;
@ -30,7 +30,7 @@ interface GmailAccount {
 type GmailSendEmailContext = {
 	accounts?: GmailAccount[];
 	error?: string;
-}
+};

 interface SuccessResult {
 	status: "success";
--- a/surfsense_web/components/tool-ui/gmail/trash-email.tsx
+++ b/surfsense_web/components/tool-ui/gmail/trash-email.tsx
@ -6,9 +6,9 @@ import { useCallback, useEffect, useState } from "react";
 import { TextShimmerLoader } from "@/components/prompt-kit/loader";
 import { Button } from "@/components/ui/button";
 import { Checkbox } from "@/components/ui/checkbox";
-import { isInterruptResult, useHitlDecision } from "@/lib/hitl";
-import type { HitlDecision, InterruptResult } from "@/lib/hitl";
 import { useHitlPhase } from "@/hooks/use-hitl-phase";
+import type { HitlDecision, InterruptResult } from "@/lib/hitl";
+import { isInterruptResult, useHitlDecision } from "@/lib/hitl";

 interface GmailAccount {
 	id: number;
@ -31,7 +31,7 @@ type GmailTrashEmailContext = {
 	account?: GmailAccount;
 	email?: GmailMessage;
 	error?: string;
-}
+};

 interface SuccessResult {
 	status: "success";
--- a/surfsense_web/components/tool-ui/gmail/update-draft.tsx
+++ b/surfsense_web/components/tool-ui/gmail/update-draft.tsx
@ -9,9 +9,9 @@ import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom";
 import { PlateEditor } from "@/components/editor/plate-editor";
 import { TextShimmerLoader } from "@/components/prompt-kit/loader";
 import { Button } from "@/components/ui/button";
-import { isInterruptResult, useHitlDecision } from "@/lib/hitl";
-import type { HitlDecision, InterruptResult } from "@/lib/hitl";
 import { useHitlPhase } from "@/hooks/use-hitl-phase";
+import type { HitlDecision, InterruptResult } from "@/lib/hitl";
+import { isInterruptResult, useHitlDecision } from "@/lib/hitl";

 interface GmailAccount {
 	id: number;
@ -36,7 +36,7 @@ type GmailUpdateDraftContext = {
 	draft_id?: string;
 	existing_body?: string;
 	error?: string;
-}
+};

 interface SuccessResult {
 	status: "success";
--- a/surfsense_web/components/tool-ui/google-calendar/create-event.tsx
+++ b/surfsense_web/components/tool-ui/google-calendar/create-event.tsx
@ -16,9 +16,9 @@ import {
 	SelectTrigger,
 	SelectValue,
 } from "@/components/ui/select";
-import { isInterruptResult, useHitlDecision } from "@/lib/hitl";
-import type { HitlDecision, InterruptResult } from "@/lib/hitl";
 import { useHitlPhase } from "@/hooks/use-hitl-phase";
+import type { HitlDecision, InterruptResult } from "@/lib/hitl";
+import { isInterruptResult, useHitlDecision } from "@/lib/hitl";

 interface GoogleCalendarAccount {
 	id: number;
@ -37,7 +37,7 @@ type CalendarCreateEventContext = {
 	calendars?: CalendarEntry[];
 	timezone?: string;
 	error?: string;
-}
+};

 interface SuccessResult {
 	status: "success";
--- a/surfsense_web/components/tool-ui/google-calendar/delete-event.tsx
+++ b/surfsense_web/components/tool-ui/google-calendar/delete-event.tsx
@ -6,9 +6,9 @@ import { useCallback, useEffect, useState } from "react";
 import { TextShimmerLoader } from "@/components/prompt-kit/loader";
 import { Button } from "@/components/ui/button";
 import { Checkbox } from "@/components/ui/checkbox";
-import { isInterruptResult, useHitlDecision } from "@/lib/hitl";
-import type { HitlDecision, InterruptResult } from "@/lib/hitl";
 import { useHitlPhase } from "@/hooks/use-hitl-phase";
+import type { HitlDecision, InterruptResult } from "@/lib/hitl";
+import { isInterruptResult, useHitlDecision } from "@/lib/hitl";

 interface GoogleCalendarAccount {
 	id: number;
@ -33,7 +33,7 @@ type CalendarDeleteEventContext = {
 	account?: GoogleCalendarAccount;
 	event?: CalendarEvent;
 	error?: string;
-}
+};

 interface SuccessResult {
 	status: "success";
--- a/surfsense_web/components/tool-ui/google-calendar/update-event.tsx
+++ b/surfsense_web/components/tool-ui/google-calendar/update-event.tsx
@ -16,9 +16,9 @@ import { openHitlEditPanelAtom } from "@/atoms/chat/hitl-edit-panel.atom";
 import { PlateEditor } from "@/components/editor/plate-editor";
 import { TextShimmerLoader } from "@/components/prompt-kit/loader";
 import { Button } from "@/components/ui/button";
-import { isInterruptResult, useHitlDecision } from "@/lib/hitl";
-import type { HitlDecision, InterruptResult } from "@/lib/hitl";
 import { useHitlPhase } from "@/hooks/use-hitl-phase";
+import type { HitlDecision, InterruptResult } from "@/lib/hitl";
+import { isInterruptResult, useHitlDecision } from "@/lib/hitl";

 interface GoogleCalendarAccount {
 	id: number;
@ -43,7 +43,7 @@ type CalendarUpdateEventContext = {
 	account?: GoogleCalendarAccount;
 	event?: CalendarEvent;
 	error?: string;
-}
+};

 interface SuccessResult {
 	status: "success";
--- a/surfsense_web/components/tool-ui/google-drive/create-file.tsx
+++ b/surfsense_web/components/tool-ui/google-drive/create-file.tsx
@ -16,8 +16,8 @@ import {
 	SelectValue,
 } from "@/components/ui/select";
 import { useHitlPhase } from "@/hooks/use-hitl-phase";
+import type { HitlDecision, InterruptResult } from "@/lib/hitl";
 import { isInterruptResult, useHitlDecision } from "@/lib/hitl";
-import type { InterruptResult, HitlDecision } from "@/lib/hitl";

 interface GoogleDriveAccount {
 	id: number;
@ -30,7 +30,7 @@ type DriveCreateFileContext = {
 	supported_types?: string[];
 	parent_folders?: Record<number, Array<{ folder_id: string; name: string }>>;
 	error?: string;
-}
+};

 interface SuccessResult {
 	status: "success";
--- a/surfsense_web/components/tool-ui/google-drive/trash-file.tsx
+++ b/surfsense_web/components/tool-ui/google-drive/trash-file.tsx
@ -7,8 +7,8 @@ import { TextShimmerLoader } from "@/components/prompt-kit/loader";
 import { Button } from "@/components/ui/button";
 import { Checkbox } from "@/components/ui/checkbox";
 import { useHitlPhase } from "@/hooks/use-hitl-phase";
+import type { HitlDecision, InterruptResult } from "@/lib/hitl";
 import { isInterruptResult, useHitlDecision } from "@/lib/hitl";
-import type { InterruptResult, HitlDecision } from "@/lib/hitl";

 interface GoogleDriveAccount {
 	id: number;
@ -27,7 +27,7 @@ type DriveTrashFileContext = {
 	account?: GoogleDriveAccount;
 	file?: GoogleDriveFile;
 	error?: string;
-}
+};

 interface SuccessResult {
 	status: "success";
--- a/surfsense_web/components/tool-ui/jira/create-jira-issue.tsx
+++ b/surfsense_web/components/tool-ui/jira/create-jira-issue.tsx
@ -15,9 +15,9 @@ import {
 	SelectTrigger,
 	SelectValue,
 } from "@/components/ui/select";
-import { isInterruptResult, useHitlDecision } from "@/lib/hitl";
-import type { InterruptResult, HitlDecision } from "@/lib/hitl";
 import { useHitlPhase } from "@/hooks/use-hitl-phase";
+import type { HitlDecision, InterruptResult } from "@/lib/hitl";
+import { isInterruptResult, useHitlDecision } from "@/lib/hitl";

 interface JiraAccount {
 	id: number;
@ -48,7 +48,7 @@ type CreateJiraIssueInterruptContext = {
 	issue_types?: JiraIssueType[];
 	priorities?: JiraPriority[];
 	error?: string;
-}
+};

 interface SuccessResult {
 	status: "success";
--- a/surfsense_web/components/tool-ui/jira/delete-jira-issue.tsx
+++ b/surfsense_web/components/tool-ui/jira/delete-jira-issue.tsx
@ -6,9 +6,9 @@ import { useCallback, useEffect, useState } from "react";
 import { TextShimmerLoader } from "@/components/prompt-kit/loader";
 import { Button } from "@/components/ui/button";
 import { Checkbox } from "@/components/ui/checkbox";
-import { isInterruptResult, useHitlDecision } from "@/lib/hitl";
-import type { InterruptResult, HitlDecision } from "@/lib/hitl";
 import { useHitlPhase } from "@/hooks/use-hitl-phase";
+import type { HitlDecision, InterruptResult } from "@/lib/hitl";
+import { isInterruptResult, useHitlDecision } from "@/lib/hitl";

 interface JiraAccount {
 	id: number;
@ -29,7 +29,7 @@ type DeleteJiraIssueInterruptContext = {
 	account?: JiraAccount;
 	issue?: JiraIssue;
 	error?: string;
-}
+};

 interface SuccessResult {
 	status: "success";
--- a/surfsense_web/components/tool-ui/jira/update-jira-issue.tsx
+++ b/surfsense_web/components/tool-ui/jira/update-jira-issue.tsx
@ -16,9 +16,9 @@ import {
 	SelectTrigger,
 	SelectValue,
 } from "@/components/ui/select";
-import { isInterruptResult, useHitlDecision } from "@/lib/hitl";
-import type { InterruptResult, HitlDecision } from "@/lib/hitl";
 import { useHitlPhase } from "@/hooks/use-hitl-phase";
+import type { HitlDecision, InterruptResult } from "@/lib/hitl";
+import { isInterruptResult, useHitlDecision } from "@/lib/hitl";

 interface JiraIssue {
 	issue_id: string;
@ -50,7 +50,7 @@ type UpdateJiraIssueInterruptContext = {
 	issue?: JiraIssue;
 	priorities?: JiraPriority[];
 	error?: string;
-}
+};

 interface SuccessResult {
 	status: "success";
--- a/surfsense_web/components/tool-ui/linear/create-linear-issue.tsx
+++ b/surfsense_web/components/tool-ui/linear/create-linear-issue.tsx
@ -18,8 +18,8 @@ import {
 } from "@/components/ui/select";
 import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
 import { useHitlPhase } from "@/hooks/use-hitl-phase";
+import type { HitlDecision, InterruptResult } from "@/lib/hitl";
 import { isInterruptResult, useHitlDecision } from "@/lib/hitl";
-import type { InterruptResult, HitlDecision } from "@/lib/hitl";

 interface LinearLabel {
 	id: string;
@ -69,7 +69,7 @@ interface LinearWorkspace {
 type LinearCreateIssueContext = {
 	workspaces?: LinearWorkspace[];
 	error?: string;
-}
+};

 interface SuccessResult {
 	status: "success";
@ -91,7 +91,11 @@ interface AuthErrorResult {
 	connector_type: string;
 }

-type CreateLinearIssueResult = InterruptResult<LinearCreateIssueContext> | SuccessResult | ErrorResult | AuthErrorResult;
+type CreateLinearIssueResult =
+	| InterruptResult<LinearCreateIssueContext>
+	| SuccessResult
+	| ErrorResult
+	| AuthErrorResult;

 function isErrorResult(result: unknown): result is ErrorResult {
 	return (
--- a/surfsense_web/components/tool-ui/linear/delete-linear-issue.tsx
+++ b/surfsense_web/components/tool-ui/linear/delete-linear-issue.tsx
@ -7,8 +7,8 @@ import { TextShimmerLoader } from "@/components/prompt-kit/loader";
 import { Button } from "@/components/ui/button";
 import { Checkbox } from "@/components/ui/checkbox";
 import { useHitlPhase } from "@/hooks/use-hitl-phase";
+import type { HitlDecision, InterruptResult } from "@/lib/hitl";
 import { isInterruptResult, useHitlDecision } from "@/lib/hitl";
-import type { InterruptResult, HitlDecision } from "@/lib/hitl";

 type LinearDeleteIssueContext = {
 	workspace?: { id: number; organization_name: string };
@ -21,7 +21,7 @@ type LinearDeleteIssueContext = {
 		indexed_at?: string;
 	};
 	error?: string;
-}
+};

 interface SuccessResult {
 	status: "success";
--- a/surfsense_web/components/tool-ui/linear/update-linear-issue.tsx
+++ b/surfsense_web/components/tool-ui/linear/update-linear-issue.tsx
@ -18,8 +18,8 @@ import {
 } from "@/components/ui/select";
 import { ToggleGroup, ToggleGroupItem } from "@/components/ui/toggle-group";
 import { useHitlPhase } from "@/hooks/use-hitl-phase";
+import type { HitlDecision, InterruptResult } from "@/lib/hitl";
 import { isInterruptResult, useHitlDecision } from "@/lib/hitl";
-import type { InterruptResult, HitlDecision } from "@/lib/hitl";

 interface LinearLabel {
 	id: string;
@ -72,7 +72,7 @@ type LinearUpdateIssueContext = {
 		labels: LinearLabel[];
 	};
 	error?: string;
-}
+};

 interface SuccessResult {
 	status: "success";
--- a/surfsense_web/components/tool-ui/notion/create-notion-page.tsx
+++ b/surfsense_web/components/tool-ui/notion/create-notion-page.tsx
@ -16,8 +16,8 @@ import {
 	SelectValue,
 } from "@/components/ui/select";
 import { useHitlPhase } from "@/hooks/use-hitl-phase";
+import type { HitlDecision, InterruptResult } from "@/lib/hitl";
 import { isInterruptResult, useHitlDecision } from "@/lib/hitl";
-import type { InterruptResult, HitlDecision } from "@/lib/hitl";

 type NotionCreatePageContext = {
 	accounts?: Array<{
@ -37,7 +37,7 @@ type NotionCreatePageContext = {
 		}>
 	>;
 	error?: string;
-}
+};

 interface SuccessResult {
 	status: "success";
@ -61,7 +61,11 @@ interface AuthErrorResult {
 	connector_type: string;
 }

-type CreateNotionPageResult = InterruptResult<NotionCreatePageContext> | SuccessResult | ErrorResult | AuthErrorResult;
+type CreateNotionPageResult =
+	| InterruptResult<NotionCreatePageContext>
+	| SuccessResult
+	| ErrorResult
+	| AuthErrorResult;

 function isAuthErrorResult(result: unknown): result is AuthErrorResult {
 	return (
--- a/surfsense_web/components/tool-ui/notion/delete-notion-page.tsx
+++ b/surfsense_web/components/tool-ui/notion/delete-notion-page.tsx
@ -7,8 +7,8 @@ import { TextShimmerLoader } from "@/components/prompt-kit/loader";
 import { Button } from "@/components/ui/button";
 import { Checkbox } from "@/components/ui/checkbox";
 import { useHitlPhase } from "@/hooks/use-hitl-phase";
+import type { HitlDecision, InterruptResult } from "@/lib/hitl";
 import { isInterruptResult, useHitlDecision } from "@/lib/hitl";
-import type { InterruptResult, HitlDecision } from "@/lib/hitl";

 type NotionDeletePageContext = {
 	account?: {
@ -23,7 +23,7 @@ type NotionDeletePageContext = {
 	document_id?: number;
 	indexed_at?: string;
 	error?: string;
-}
+};

 interface SuccessResult {
 	status: "success";
--- a/surfsense_web/components/tool-ui/notion/update-notion-page.tsx
+++ b/surfsense_web/components/tool-ui/notion/update-notion-page.tsx
@ -9,8 +9,8 @@ import { PlateEditor } from "@/components/editor/plate-editor";
 import { TextShimmerLoader } from "@/components/prompt-kit/loader";
 import { Button } from "@/components/ui/button";
 import { useHitlPhase } from "@/hooks/use-hitl-phase";
+import type { HitlDecision, InterruptResult } from "@/lib/hitl";
 import { isInterruptResult, useHitlDecision } from "@/lib/hitl";
-import type { InterruptResult, HitlDecision } from "@/lib/hitl";

 type NotionUpdatePageContext = {
 	account?: {
@ -25,7 +25,7 @@ type NotionUpdatePageContext = {
 	document_id?: number;
 	indexed_at?: string;
 	error?: string;
-}
+};

 interface SuccessResult {
 	status: "success";
--- a/surfsense_web/components/tool-ui/onedrive/create-file.tsx
+++ b/surfsense_web/components/tool-ui/onedrive/create-file.tsx
@ -16,8 +16,8 @@ import {
 	SelectValue,
 } from "@/components/ui/select";
 import { useHitlPhase } from "@/hooks/use-hitl-phase";
+import type { HitlDecision, InterruptResult } from "@/lib/hitl";
 import { isInterruptResult, useHitlDecision } from "@/lib/hitl";
-import type { InterruptResult, HitlDecision } from "@/lib/hitl";

 interface OneDriveAccount {
 	id: number;
@ -30,7 +30,7 @@ type OneDriveCreateFileContext = {
 	accounts?: OneDriveAccount[];
 	parent_folders?: Record<number, Array<{ folder_id: string; name: string }>>;
 	error?: string;
-}
+};

 interface SuccessResult {
 	status: "success";
@ -51,7 +51,11 @@ interface AuthErrorResult {
 	connector_type?: string;
 }

-type CreateOneDriveFileResult = InterruptResult<OneDriveCreateFileContext> | SuccessResult | ErrorResult | AuthErrorResult;
+type CreateOneDriveFileResult =
+	| InterruptResult<OneDriveCreateFileContext>
+	| SuccessResult
+	| ErrorResult
+	| AuthErrorResult;

 function isErrorResult(result: unknown): result is ErrorResult {
 	return (
--- a/surfsense_web/components/tool-ui/onedrive/trash-file.tsx
+++ b/surfsense_web/components/tool-ui/onedrive/trash-file.tsx
@ -7,8 +7,8 @@ import { TextShimmerLoader } from "@/components/prompt-kit/loader";
 import { Button } from "@/components/ui/button";
 import { Checkbox } from "@/components/ui/checkbox";
 import { useHitlPhase } from "@/hooks/use-hitl-phase";
+import type { HitlDecision, InterruptResult } from "@/lib/hitl";
 import { isInterruptResult, useHitlDecision } from "@/lib/hitl";
-import type { InterruptResult, HitlDecision } from "@/lib/hitl";

 interface OneDriveAccount {
 	id: number;
@ -28,7 +28,7 @@ type OneDriveTrashFileContext = {
 	account?: OneDriveAccount;
 	file?: OneDriveFile;
 	error?: string;
-}
+};

 interface SuccessResult {
 	status: "success";