From e8b3692b546c234964b0fd3a32b39b535a3c796d Mon Sep 17 00:00:00 2001
From: "DESKTOP-RTLN3BA\\$punk" <vermarohanfinal@gmail.com>
Date: Mon, 13 Jul 2026 16:30:37 -0700
Subject: [PATCH] chore: linting

---
 .../playground/components/output-viewer.tsx   | 10 ++-------
 .../components/playground-index.tsx           |  3 ++-
 .../playground/components/run-detail.tsx      |  8 +------
 .../components/run-progress-panel.tsx         |  4 +++-
 .../components/run-status-badge.tsx           |  5 ++++-
 .../playground/components/runs-table.tsx      |  3 ++-
 .../playground/components/schema-form.tsx     | 19 +++--------------
 .../components/assistant-ui/thread.tsx        |  5 +----
 .../components/homepage/hero-chat-demo.tsx    |  3 ++-
 .../components/homepage/hero-section.tsx      |  8 +++----
 .../ui/sidebar/NotificationsDropdown.tsx      |  4 +---
 .../settings/auto-reload-settings.tsx         | 10 ++++++---
 .../settings/workspace-api-access-control.tsx | 21 ++++++++++++++++---
 .../content/docs/connectors/native/meta.json  | 10 ++++++++-
 surfsense_web/hooks/use-run-stream.ts         | 16 +++-----------
 .../lib/apis/scrapers-api.service.ts          |  6 +++---
 .../lib/connectors-marketing/tiktok.tsx       |  3 ++-
 .../lib/playground/code-snippets.selfcheck.ts |  6 +++++-
 surfsense_web/lib/playground/format.ts        |  4 +---
 surfsense_web/lib/playground/json-schema.ts   |  8 +------
 20 files changed, 74 insertions(+), 82 deletions(-)

diff --git a/surfsense_web/app/dashboard/[workspace_id]/playground/components/output-viewer.tsx b/surfsense_web/app/dashboard/[workspace_id]/playground/components/output-viewer.tsx
index e692734d3..72262d440 100644
--- a/surfsense_web/app/dashboard/[workspace_id]/playground/components/output-viewer.tsx
+++ b/surfsense_web/app/dashboard/[workspace_id]/playground/components/output-viewer.tsx
@@ -3,7 +3,6 @@
 import { Check, Copy, Download } from "lucide-react";
 import { useMemo, useState } from "react";
 import { Button } from "@/components/ui/button";
-import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import {
 	Table,
 	TableBody,
@@ -12,6 +11,7 @@ import {
 	TableHeader,
 	TableRow,
 } from "@/components/ui/table";
+import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
 import { downloadCsv, rowsToCsv } from "@/lib/playground/csv";
 
 const MAX_TABLE_ROWS = 200;
@@ -117,13 +117,7 @@ export function OutputViewer({ data, filenameBase }: { data: unknown; filenameBa
 				</Tabs>
 				<div className="flex items-center gap-1">
 					{items && items.length > 0 && (
-						<Button
-							type="button"
-							variant="ghost"
-							size="sm"
-							onClick={exportCsv}
-							className="gap-1.5"
-						>
+						<Button type="button" variant="ghost" size="sm" onClick={exportCsv} className="gap-1.5">
 							<Download className="h-3.5 w-3.5" />
 							Export CSV
 						</Button>
diff --git a/surfsense_web/app/dashboard/[workspace_id]/playground/components/playground-index.tsx b/surfsense_web/app/dashboard/[workspace_id]/playground/components/playground-index.tsx
index 58d56e146..732e1105c 100644
--- a/surfsense_web/app/dashboard/[workspace_id]/playground/components/playground-index.tsx
+++ b/surfsense_web/app/dashboard/[workspace_id]/playground/components/playground-index.tsx
@@ -25,7 +25,8 @@ export function PlaygroundIndex({ workspaceId }: { workspaceId: number }) {
 				<Info />
 				<AlertDescription>
 					<p>
-						Manually run SurfSense's platform-native APIs and inspect their output. To use these APIs outside SurfSense,{" "}
+						Manually run SurfSense's platform-native APIs and inspect their output. To use these
+						APIs outside SurfSense,{" "}
 						<Link
 							href={`${base}/api-keys`}
 							className="font-medium text-foreground underline-offset-4 hover:underline"
diff --git a/surfsense_web/app/dashboard/[workspace_id]/playground/components/run-detail.tsx b/surfsense_web/app/dashboard/[workspace_id]/playground/components/run-detail.tsx
index 2dab447cf..4a128f5d8 100644
--- a/surfsense_web/app/dashboard/[workspace_id]/playground/components/run-detail.tsx
+++ b/surfsense_web/app/dashboard/[workspace_id]/playground/components/run-detail.tsx
@@ -35,13 +35,7 @@ function parseJsonl(text: string | null): { items: unknown[]; total: number } {
 	return { items, total: lines.length };
 }
 
-export function RunDetail({
-	workspaceId,
-	runId,
-}: {
-	workspaceId: number;
-	runId: string;
-}) {
+export function RunDetail({ workspaceId, runId }: { workspaceId: number; runId: string }) {
 	const { data: run, isLoading, error } = useScraperRun(workspaceId, runId);
 
 	const parsed = useMemo(() => parseJsonl(run?.output_text ?? null), [run?.output_text]);
diff --git a/surfsense_web/app/dashboard/[workspace_id]/playground/components/run-progress-panel.tsx b/surfsense_web/app/dashboard/[workspace_id]/playground/components/run-progress-panel.tsx
index 33a88ae76..a4e9f0023 100644
--- a/surfsense_web/app/dashboard/[workspace_id]/playground/components/run-progress-panel.tsx
+++ b/surfsense_web/app/dashboard/[workspace_id]/playground/components/run-progress-panel.tsx
@@ -9,7 +9,9 @@ import { formatDuration } from "@/lib/playground/format";
 function eventLabel(event: ScraperRunEvent): string {
 	const base =
 		event.message ||
-		(event.phase ? event.phase.replace(/_/g, " ").replace(/^\w/, (c) => c.toUpperCase()) : "Working");
+		(event.phase
+			? event.phase.replace(/_/g, " ").replace(/^\w/, (c) => c.toUpperCase())
+			: "Working");
 	if (event.current !== undefined && event.current !== null) {
 		const counter =
 			event.total !== undefined && event.total !== null
diff --git a/surfsense_web/app/dashboard/[workspace_id]/playground/components/run-status-badge.tsx b/surfsense_web/app/dashboard/[workspace_id]/playground/components/run-status-badge.tsx
index cfc75ca8a..9627fb287 100644
--- a/surfsense_web/app/dashboard/[workspace_id]/playground/components/run-status-badge.tsx
+++ b/surfsense_web/app/dashboard/[workspace_id]/playground/components/run-status-badge.tsx
@@ -14,7 +14,10 @@ export function RunStatusBadge({ status }: { status: string }) {
 	}
 	if (normalized === "success") {
 		return (
-			<Badge variant="secondary" className="bg-emerald-500/15 text-emerald-600 dark:text-emerald-400">
+			<Badge
+				variant="secondary"
+				className="bg-emerald-500/15 text-emerald-600 dark:text-emerald-400"
+			>
 				Success
 			</Badge>
 		);
diff --git a/surfsense_web/app/dashboard/[workspace_id]/playground/components/runs-table.tsx b/surfsense_web/app/dashboard/[workspace_id]/playground/components/runs-table.tsx
index 6368a1f76..57b7a547c 100644
--- a/surfsense_web/app/dashboard/[workspace_id]/playground/components/runs-table.tsx
+++ b/surfsense_web/app/dashboard/[workspace_id]/playground/components/runs-table.tsx
@@ -71,7 +71,8 @@ export function RunsTable({ workspaceId }: { workspaceId: number }) {
 			<Alert>
 				<Info />
 				<AlertDescription>
-					View all API runs for this workspace, including runs from the playground, API keys, and agents.
+					View all API runs for this workspace, including runs from the playground, API keys, and
+					agents.
 				</AlertDescription>
 			</Alert>
 
diff --git a/surfsense_web/app/dashboard/[workspace_id]/playground/components/schema-form.tsx b/surfsense_web/app/dashboard/[workspace_id]/playground/components/schema-form.tsx
index 36aee26bb..1d7eec8cf 100644
--- a/surfsense_web/app/dashboard/[workspace_id]/playground/components/schema-form.tsx
+++ b/surfsense_web/app/dashboard/[workspace_id]/playground/components/schema-form.tsx
@@ -43,12 +43,7 @@ function FieldControl({
 
 	if (field.kind === "boolean") {
 		return (
-			<Switch
-				id={id}
-				checked={Boolean(value)}
-				onCheckedChange={onChange}
-				disabled={disabled}
-			/>
+			<Switch id={id} checked={Boolean(value)} onCheckedChange={onChange} disabled={disabled} />
 		);
 	}
 
@@ -141,9 +136,7 @@ function FieldRow({
 					{field.required ? "required" : "optional"}
 				</Badge>
 			</div>
-			{field.description && (
-				<p className="text-xs text-muted-foreground">{field.description}</p>
-			)}
+			{field.description && <p className="text-xs text-muted-foreground">{field.description}</p>}
 			<FieldControl
 				field={field}
 				value={value}
@@ -156,13 +149,7 @@ function FieldRow({
 	);
 }
 
-export function SchemaForm({
-	fields,
-	values,
-	onChange,
-	disabled,
-	fieldErrors,
-}: SchemaFormProps) {
+export function SchemaForm({ fields, values, onChange, disabled, fieldErrors }: SchemaFormProps) {
 	const [showAdvanced, setShowAdvanced] = useState(false);
 
 	const { primary, advanced } = useMemo(() => {
diff --git a/surfsense_web/components/assistant-ui/thread.tsx b/surfsense_web/components/assistant-ui/thread.tsx
index 0cf6ef296..4837c0b99 100644
--- a/surfsense_web/components/assistant-ui/thread.tsx
+++ b/surfsense_web/components/assistant-ui/thread.tsx
@@ -1018,10 +1018,7 @@ const ConnectedScraperIcons: FC<{ workspaceId: number }> = ({ workspaceId }) =>
 					return (
 						<Tooltip key={platform.id}>
 							<TooltipTrigger asChild>
-								<Avatar
-									className="size-5"
-									style={{ zIndex: platforms.length - i }}
-								>
+								<Avatar className="size-5" style={{ zIndex: platforms.length - i }}>
 									<AvatarFallback className="bg-popover text-[10px]">
 										<Icon className="size-3" />
 									</AvatarFallback>
diff --git a/surfsense_web/components/homepage/hero-chat-demo.tsx b/surfsense_web/components/homepage/hero-chat-demo.tsx
index e617cd51e..a4a5ebc2a 100644
--- a/surfsense_web/components/homepage/hero-chat-demo.tsx
+++ b/surfsense_web/components/homepage/hero-chat-demo.tsx
@@ -27,7 +27,8 @@ export type HeroChatDemoScript = {
 
 type Stage = "typing" | "steps" | "answer" | "done";
 
-const PLACEHOLDER = "Track competitors, scrape platforms, automate briefs. Use / for prompts, @ for docs";
+const PLACEHOLDER =
+	"Track competitors, scrape platforms, automate briefs. Use / for prompts, @ for docs";
 
 /** Blinking caret for the typewriter (overlay only, never inside the real input). */
 function Caret() {
diff --git a/surfsense_web/components/homepage/hero-section.tsx b/surfsense_web/components/homepage/hero-section.tsx
index 05db2781f..6e31891bd 100644
--- a/surfsense_web/components/homepage/hero-section.tsx
+++ b/surfsense_web/components/homepage/hero-section.tsx
@@ -717,10 +717,10 @@ export function HeroSection() {
 								"relative mb-8 max-w-2xl text-left text-sm text-neutral-600 antialiased sm:text-base md:text-lg dark:text-neutral-400"
 							)}
 						>
-							SurfSense is an open-source competitive intelligence platform, like NotebookLM but with
-							live scraping connectors. Your AI agents monitor competitors, track rankings, and listen
-							to your market with live data from platforms like Reddit, YouTube, Instagram, TikTok,
-							Google Maps, Google Search, and the open web.
+							SurfSense is an open-source competitive intelligence platform, like NotebookLM but
+							with live scraping connectors. Your AI agents monitor competitors, track rankings, and
+							listen to your market with live data from platforms like Reddit, YouTube, Instagram,
+							TikTok, Google Maps, Google Search, and the open web.
 						</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">
diff --git a/surfsense_web/components/layout/ui/sidebar/NotificationsDropdown.tsx b/surfsense_web/components/layout/ui/sidebar/NotificationsDropdown.tsx
index 4fe035ec2..1e9b1a33e 100644
--- a/surfsense_web/components/layout/ui/sidebar/NotificationsDropdown.tsx
+++ b/surfsense_web/components/layout/ui/sidebar/NotificationsDropdown.tsx
@@ -324,9 +324,7 @@ export function NotificationsDropdown({
 							)}
 						>
 							<span>{tab.label}</span>
-							<span
-								className="inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-muted px-1.5 text-[11px] font-semibold text-muted-foreground"
-							>
+							<span className="inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-muted px-1.5 text-[11px] font-semibold text-muted-foreground">
 								{formatNotificationCount(tab.count)}
 							</span>
 						</button>
diff --git a/surfsense_web/components/settings/auto-reload-settings.tsx b/surfsense_web/components/settings/auto-reload-settings.tsx
index ede826dd0..316c5975d 100644
--- a/surfsense_web/components/settings/auto-reload-settings.tsx
+++ b/surfsense_web/components/settings/auto-reload-settings.tsx
@@ -198,8 +198,8 @@ export function AutoReloadSettings() {
 					<AlertTriangle className="h-4 w-4" />
 					<AlertTitle>Last top-up failed</AlertTitle>
 					<AlertDescription>
-						Your saved card was declined and top-ups were turned off. Update your card and
-						re-enable top-ups below.
+						Your saved card was declined and top-ups were turned off. Update your card and re-enable
+						top-ups below.
 					</AlertDescription>
 				</Alert>
 			)}
@@ -290,7 +290,11 @@ export function AutoReloadSettings() {
 				</div>
 
 				<div className="flex justify-end">
-					<Button className="w-full sm:w-auto" onClick={handleSave} disabled={saveMutation.isPending}>
+					<Button
+						className="w-full sm:w-auto"
+						onClick={handleSave}
+						disabled={saveMutation.isPending}
+					>
 						{saveMutation.isPending ? (
 							<>
 								<Spinner size="xs" />
diff --git a/surfsense_web/components/settings/workspace-api-access-control.tsx b/surfsense_web/components/settings/workspace-api-access-control.tsx
index de74d103a..e5dae1bbe 100644
--- a/surfsense_web/components/settings/workspace-api-access-control.tsx
+++ b/surfsense_web/components/settings/workspace-api-access-control.tsx
@@ -59,7 +59,12 @@ export function WorkspaceApiAccessControl({
 
 	if (isLoading) {
 		return (
-			<div className={cn("flex flex-col gap-3 md:flex-row md:items-center md:justify-between", className)}>
+			<div
+				className={cn(
+					"flex flex-col gap-3 md:flex-row md:items-center md:justify-between",
+					className
+				)}
+			>
 				<div className="space-y-2">
 					<Skeleton className="h-4 w-32" />
 					<Skeleton className="h-3 w-56" />
@@ -71,7 +76,12 @@ export function WorkspaceApiAccessControl({
 
 	if (isError) {
 		return (
-			<div className={cn("flex flex-col gap-3 md:flex-row md:items-center md:justify-between", className)}>
+			<div
+				className={cn(
+					"flex flex-col gap-3 md:flex-row md:items-center md:justify-between",
+					className
+				)}
+			>
 				<div className="space-y-1">
 					<Label>API key access</Label>
 					<p className="text-xs text-destructive">Failed to load workspace API access.</p>
@@ -84,7 +94,12 @@ export function WorkspaceApiAccessControl({
 	}
 
 	return (
-		<div className={cn("flex flex-col gap-3 md:flex-row md:items-center md:justify-between", className)}>
+		<div
+			className={cn(
+				"flex flex-col gap-3 md:flex-row md:items-center md:justify-between",
+				className
+			)}
+		>
 			<div className="space-y-1">
 				<Label htmlFor="api-access-enabled">API key access</Label>
 				<p className="text-xs text-muted-foreground">Allow API keys to access this workspace.</p>
diff --git a/surfsense_web/content/docs/connectors/native/meta.json b/surfsense_web/content/docs/connectors/native/meta.json
index 89c8fad08..824afb980 100644
--- a/surfsense_web/content/docs/connectors/native/meta.json
+++ b/surfsense_web/content/docs/connectors/native/meta.json
@@ -1,5 +1,13 @@
 {
 	"title": "Native Connectors",
-	"pages": ["reddit", "youtube", "instagram", "tiktok", "google-maps", "google-search", "web-crawl"],
+	"pages": [
+		"reddit",
+		"youtube",
+		"instagram",
+		"tiktok",
+		"google-maps",
+		"google-search",
+		"web-crawl"
+	],
 	"defaultOpen": false
 }
diff --git a/surfsense_web/hooks/use-run-stream.ts b/surfsense_web/hooks/use-run-stream.ts
index 6e7f9b766..5d737e059 100644
--- a/surfsense_web/hooks/use-run-stream.ts
+++ b/surfsense_web/hooks/use-run-stream.ts
@@ -89,17 +89,12 @@ export function useRunStream(workspaceId: number) {
 					setState((s) => ({
 						...s,
 						latest: ev,
-						events:
-							ev.type === "run.progress"
-								? [...s.events.slice(-(MAX_LOG - 1)), ev]
-								: s.events,
+						events: ev.type === "run.progress" ? [...s.events.slice(-(MAX_LOG - 1)), ev] : s.events,
 					}));
 				}
 			} catch (e) {
 				if (signal.aborted) return;
-				setState((s) =>
-					s.status === "running" ? { ...s, status: "error", error: e } : s
-				);
+				setState((s) => (s.status === "running" ? { ...s, status: "error", error: e } : s));
 			}
 		},
 		[workspaceId, queryClient]
@@ -113,12 +108,7 @@ export function useRunStream(workspaceId: number) {
 			startedAtRef.current = Date.now();
 			setState({ ...INITIAL, status: "running" });
 			try {
-				const started = await scrapersApiService.runAsync(
-					workspaceId,
-					platform,
-					verb,
-					payload
-				);
+				const started = await scrapersApiService.runAsync(workspaceId, platform, verb, payload);
 				runIdRef.current = started.run_id;
 				trackWeeklyUser("api_run", workspaceId);
 				setState((s) => ({ ...s, runId: started.run_id }));
diff --git a/surfsense_web/lib/apis/scrapers-api.service.ts b/surfsense_web/lib/apis/scrapers-api.service.ts
index 0de3ef720..69b403d5c 100644
--- a/surfsense_web/lib/apis/scrapers-api.service.ts
+++ b/surfsense_web/lib/apis/scrapers-api.service.ts
@@ -1,15 +1,15 @@
 import {
 	type ListScraperRunsParams,
-	type ScraperRunEvent,
-	type StartAsyncRunResponse,
 	listCapabilitiesResponse,
 	listRunsResponse,
+	type ScraperRunEvent,
+	type StartAsyncRunResponse,
 	scraperRunDetail,
 	startAsyncRunResponse,
 } from "@/contracts/types/scraper.types";
+import { authenticatedFetch } from "@/lib/auth-fetch";
 import { readSSEStream } from "@/lib/chat/streaming-state";
 import { buildBackendUrl } from "@/lib/env-config";
-import { authenticatedFetch } from "@/lib/auth-fetch";
 import { baseApiService } from "./base-api.service";
 
 const base = (workspaceId: number | string) => `/api/v1/workspaces/${workspaceId}/scrapers`;
diff --git a/surfsense_web/lib/connectors-marketing/tiktok.tsx b/surfsense_web/lib/connectors-marketing/tiktok.tsx
index f245de92b..8c6bb8b01 100644
--- a/surfsense_web/lib/connectors-marketing/tiktok.tsx
+++ b/surfsense_web/lib/connectors-marketing/tiktok.tsx
@@ -62,7 +62,8 @@ export const tiktok: ConnectorPageContent = {
 	extractFields: [
 		{
 			label: "Videos",
-			description: "Caption text, canonical web URL, duration, and cover image for each TikTok video.",
+			description:
+				"Caption text, canonical web URL, duration, and cover image for each TikTok video.",
 		},
 		{
 			label: "Engagement",
diff --git a/surfsense_web/lib/playground/code-snippets.selfcheck.ts b/surfsense_web/lib/playground/code-snippets.selfcheck.ts
index 33cb82124..c646d1a6c 100644
--- a/surfsense_web/lib/playground/code-snippets.selfcheck.ts
+++ b/surfsense_web/lib/playground/code-snippets.selfcheck.ts
@@ -23,7 +23,11 @@ assert.deepEqual(payload, {
 	query: "<query>",
 });
 
-const snippets = buildSnippets("https://api.example.com", "/api/v1/workspaces/1/scrapers/x/y", payload);
+const snippets = buildSnippets(
+	"https://api.example.com",
+	"/api/v1/workspaces/1/scrapers/x/y",
+	payload
+);
 
 // Every popular language is present.
 assert.deepEqual(
diff --git a/surfsense_web/lib/playground/format.ts b/surfsense_web/lib/playground/format.ts
index 0e9b75d24..fac6ccef6 100644
--- a/surfsense_web/lib/playground/format.ts
+++ b/surfsense_web/lib/playground/format.ts
@@ -11,9 +11,7 @@ export function formatCost(costMicros: number | null | undefined): string {
 /** One meter as a per-1k rate, e.g. 3500 micros/place -> "$3.50 / 1k places". */
 export function formatRate(meter: ScraperPricingMeter): string {
 	const perThousand = (meter.micros_per_unit * 1000) / 1_000_000;
-	const dollars = Number.isInteger(perThousand)
-		? perThousand.toString()
-		: perThousand.toFixed(2);
+	const dollars = Number.isInteger(perThousand) ? perThousand.toString() : perThousand.toFixed(2);
 	return `$${dollars} / 1k ${meter.unit}s`;
 }
 
diff --git a/surfsense_web/lib/playground/json-schema.ts b/surfsense_web/lib/playground/json-schema.ts
index 7cbd83be9..0e1e4544e 100644
--- a/surfsense_web/lib/playground/json-schema.ts
+++ b/surfsense_web/lib/playground/json-schema.ts
@@ -8,13 +8,7 @@
 
 type JsonObject = Record<string, unknown>;
 
-export type FieldKind =
-	| "string"
-	| "string_array"
-	| "integer"
-	| "number"
-	| "boolean"
-	| "enum";
+export type FieldKind = "string" | "string_array" | "integer" | "number" | "boolean" | "enum";
 
 export interface FormField {
 	name: string;