Fix lint issues in dashboard.

Author: sbansal1999

apps/dashboard/app/(main)/websites/[id]/_components/tabs/settings-tab.tsx

@@ -1,29 +1,6 @@
 'use client';
 
-import { useMutation, useQueryClient } from '@tanstack/react-query';
-import {
-	Activity,
-	AlertCircle,
-	BarChart,
-	BookOpen,
-	Check,
-	ChevronRight,
-	Clipboard,
-	Code,
-	ExternalLink,
-	FileCode,
-	Globe,
-	HelpCircle,
-	Info,
-	Laptop,
-	Pencil,
-	Server,
-	Settings2,
-	Sliders,
-	TableProperties,
-	Trash2,
-	Zap,
-} from 'lucide-react';
+import { Activity, AlertCircle } from 'lucide-react';
 import Link from 'next/link';
 import { useRouter } from 'next/navigation';
 import { useState } from 'react';
@@ -76,7 +53,6 @@ export function WebsiteSettingsTab({
 	onWebsiteUpdated,
 }: WebsiteDataTabProps) {
 	const router = useRouter();
-	const queryClient = useQueryClient();
 	const [copied, setCopied] = useState(false);
 	const [installMethod, setInstallMethod] = useState<'script' | 'npm'>(
 		'script'
@@ -101,7 +77,7 @@ export function WebsiteSettingsTab({
 		setTrackingOptions((prev) => toggleTrackingOption(prev, option));
 	};
 
-	const handleDeleteWebsite = async () => {
+	const handleDeleteWebsite = () => {
 		toast.promise(deleteWebsiteMutation.mutateAsync({ id: websiteId }), {
 			loading: 'Deleting website...',
 			success: () => {

apps/dashboard/app/(main)/websites/[id]/assistant/components/chat-history-sheet.tsx

@@ -5,7 +5,6 @@ import {
 	ClockIcon,
 	DotsThreeOutlineVerticalIcon,
 	DownloadIcon,
-	ImageSquareIcon,
 	MagnifyingGlassIcon,
 	TrashIcon,
 } from '@phosphor-icons/react';
@@ -32,7 +31,6 @@ import {
 	DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu';
 import { Input } from '@/components/ui/input';
-import { ScrollArea } from '@/components/ui/scroll-area';
 import {
 	Sheet,
 	SheetContent,
@@ -66,10 +64,18 @@ function formatRelativeTime(timestamp: number): string {
 	const hours = Math.floor(diff / (1000 * 60 * 60));
 	const days = Math.floor(diff / (1000 * 60 * 60 * 24));
 
-	if (minutes < 1) return 'Just now';
-	if (minutes < 60) return `${minutes}m ago`;
-	if (hours < 24) return `${hours}h ago`;
-	if (days < 7) return `${days}d ago`;
+	if (minutes < 1) {
+		return 'Just now';
+	}
+	if (minutes < 60) {
+		return `${minutes}m ago`;
+	}
+	if (hours < 24) {
+		return `${hours}h ago`;
+	}
+	if (days < 7) {
+		return `${days}d ago`;
+	}
 	return new Date(timestamp).toLocaleDateString();
 }
 
@@ -90,11 +96,11 @@ export function ChatHistorySheet({ isOpen, onClose }: ChatHistorySheetProps) {
 				const chats = await chatDB.getAllChats();
 
 				const chatsWithPreview = await Promise.all(
-					chats.map(async (chat: any) => {
+					chats.map(async (chat) => {
 						try {
 							const messages = await chatDB.getMessages(chat.websiteId);
 							const lastUserMessage = messages
-								.filter((m: any) => m.type === 'user')
+								.filter((m) => m.type === 'user')
 								.pop();
 
 							return {

apps/dashboard/app/(main)/websites/[id]/assistant/components/chat-section.tsx

@@ -82,7 +82,6 @@ export default function ChatSection() {
 	const [scrollAreaRef] = useAtom(scrollAreaRefAtom);
 	const [selectedModel] = useAtom(modelAtom);
 	const [websiteData] = useAtom(websiteDataAtom);
-	const [websiteId] = useAtom(websiteIdAtom);
 
 	const inputRef = useRef<HTMLInputElement>(null);
 	const bottomRef = useRef<HTMLDivElement>(null);

apps/dashboard/app/(main)/websites/[id]/assistant/components/loading-message.tsx

@@ -1,7 +1,6 @@
 'use client';
 
 import { Robot } from '@phosphor-icons/react';
-import React from 'react';
 
 export function LoadingMessage() {
 	return (

apps/dashboard/app/(main)/websites/[id]/assistant/components/message-bubble.tsx

@@ -11,7 +11,7 @@ import {
 	Robot,
 	User,
 } from '@phosphor-icons/react';
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import {
 	Accordion,
 	AccordionContent,
@@ -44,7 +44,9 @@ function ThinkingStepsPreview({ steps }: { steps: string[] }) {
 	const maxPreviewSteps = 3;
 
 	useEffect(() => {
-		if (steps.length === 0) return;
+		if (steps.length === 0) {
+			return;
+		}
 
 		// Show the latest steps in the preview (sliding window)
 		const latestSteps = steps.slice(-maxPreviewSteps);
@@ -59,7 +61,9 @@ function ThinkingStepsPreview({ steps }: { steps: string[] }) {
 		}
 	}, [steps]);
 
-	if (visibleSteps.length === 0) return null;
+	if (visibleSteps.length === 0) {
+		return null;
+	}
 
 	return (
 		<div className="mt-2 max-h-20 space-y-1 overflow-hidden">
@@ -92,7 +96,9 @@ function ThinkingStepsPreview({ steps }: { steps: string[] }) {
 }
 
 function ThinkingStepsAccordion({ steps }: { steps: string[] }) {
-	if (steps.length === 0) return null;
+	if (steps.length === 0) {
+		return null;
+	}
 
 	return (
 		<Accordion className="w-full" collapsible type="single">

apps/dashboard/app/(main)/websites/[id]/assistant/components/visualization-section.tsx

@@ -47,13 +47,7 @@ import {
 } from '@/components/ui/chart';
 import { ScrollArea } from '@/components/ui/scroll-area';
 import { Skeleton } from '@/components/ui/skeleton';
-import {
-	currentMessageAtom,
-	dateRangeAtom,
-	messagesAtom,
-	websiteDataAtom,
-	websiteIdAtom,
-} from '@/stores/jotai/assistantAtoms';
+import { messagesAtom, websiteDataAtom } from '@/stores/jotai/assistantAtoms';
 import type { Message } from '../types/message';
 
 const CHART_COLORS = ['#2563eb', '#f97316', '#22c55e', '#ef4444', '#8b5cf6'];

apps/dashboard/app/(main)/websites/[id]/assistant/hooks/use-chat.ts

@@ -46,7 +46,6 @@ export function useChat() {
 	const [model] = useAtom(modelAtom);
 	const [websiteId] = useAtom(websiteIdAtom);
 	const [websiteData] = useAtom(websiteDataAtom);
-	const [dateRange] = useAtom(dateRangeAtom);
 	const [messages, setMessages] = useAtom(messagesAtom);
 	const [inputValue, setInputValue] = useAtom(inputValueAtom);
 	const [isLoading, setIsLoading] = useAtom(isLoadingAtom);
@@ -124,9 +123,6 @@ export function useChat() {
 		}, 50);
 	}, [scrollAreaRef]);
 
-	const lastMessage = messages[messages.length - 1];
-	const lastMessageThinkingSteps = lastMessage?.thinkingSteps?.length || 0;
-
 	useEffect(() => {
 		scrollToBottom();
 	}, [scrollToBottom]);
@@ -143,7 +139,9 @@ export function useChat() {
 	const sendMessage = useCallback(
 		async (content?: string) => {
 			const messageContent = content || inputValue.trim();
-			if (!messageContent || isLoading || isRateLimited) return;
+			if (!messageContent || isLoading || isRateLimited) {
+				return;
+			}
 
 			const userMessage: Message = {
 				id: Date.now().toString(),
@@ -238,7 +236,9 @@ export function useChat() {
 				try {
 					while (true) {
 						const { done, value } = await reader.read();
-						if (done) break;
+						if (done) {
+							break;
+						}
 
 						const chunk = new TextDecoder().decode(value);
 						const lines = chunk.split('\n');

apps/dashboard/app/(main)/websites/[id]/errors/_components/error-chart-tooltip.tsx

@@ -1,6 +1,8 @@
 // Enhanced Custom Tooltip for Error Chart
 export const ErrorChartTooltip = ({ active, payload, label }: any) => {
-	if (!(active && payload && payload.length)) return null;
+	if (!(active && payload && payload.length)) {
+		return null;
+	}
 
 	return (
 		<div className="rounded-lg border border-border bg-background p-3 text-xs shadow-lg">

apps/dashboard/app/(main)/websites/[id]/errors/_components/error-icons.tsx

@@ -12,24 +12,31 @@ import {
 
 // Get icon for error type
 export const getErrorTypeIcon = (type: string) => {
-	if (!type) return <BugIcon className="h-4 w-4" size={16} weight="duotone" />;
+	if (!type) {
+		return <BugIcon className="h-4 w-4" size={16} weight="duotone" />;
+	}
 
 	const lowerType = type.toLowerCase();
-	if (lowerType.includes('react'))
+	if (lowerType.includes('react')) {
 		return <CodeIcon className="h-4 w-4" size={16} weight="duotone" />;
-	if (lowerType.includes('network'))
+	}
+	if (lowerType.includes('network')) {
 		return <NetworkIcon className="h-4 w-4" size={16} weight="duotone" />;
-	if (lowerType.includes('script'))
+	}
+	if (lowerType.includes('script')) {
 		return <FileCodeIcon className="h-4 w-4" size={16} weight="duotone" />;
-	if (lowerType.includes('syntax'))
+	}
+	if (lowerType.includes('syntax')) {
 		return <TerminalIcon className="h-4 w-4" size={16} weight="duotone" />;
+	}
 	return <BugIcon className="h-4 w-4" size={16} weight="duotone" />;
 };
 
 // Get device icon
 export const getDeviceIcon = (deviceType: string) => {
-	if (!deviceType)
+	if (!deviceType) {
 		return <MonitorIcon className="h-4 w-4" size={16} weight="duotone" />;
+	}
 
 	switch (deviceType.toLowerCase()) {
 		case 'mobile':

apps/dashboard/app/(main)/websites/[id]/page.tsx

@@ -156,7 +156,9 @@ function WebsiteDetailsPage() {
 			{ enabled: !!id }
 		);
 	const isTrackingSetup = useMemo(() => {
-		if (!data || isTrackingSetupLoading) return null;
+		if (!data || isTrackingSetupLoading) {
+			return null;
+		}
 		return trackingSetupData?.tracking_setup ?? false;
 	}, [data, isTrackingSetupLoading, trackingSetupData?.tracking_setup]);
 
@@ -182,7 +184,9 @@ function WebsiteDetailsPage() {
 
 	const renderTabContent = useCallback(
 		(tabId: TabId) => {
-			if (tabId !== activeTab) return null;
+			if (tabId !== activeTab) {
+				return null;
+			}
 
 			const key = `${tabId}-${id as string}`;
 			const settingsProps: WebsiteDataTabProps = {