fix: resolve all svelte lint warnings (state_referenced_locally, a11y, unused ignore)

Author: gary149

src/lib/components/EditConversationModal.svelte

@@ -11,10 +11,10 @@
 
 	let { open = false, title = "", onclose, onsave }: Props = $props();
 
-	let newTitle = $state(title);
+	let newTitle = $state("");
 	let inputEl: HTMLInputElement | undefined = $state();
 
-	$effect(() => {
+	$effect.pre(() => {
 		// keep local input in sync if parent changes title while open
 		if (open) {
 			newTitle = title;

src/lib/components/NavConversationItem.svelte

@@ -66,7 +66,6 @@
 	}}
 >
 	{#if inlineEditing}
-		<!-- svelte-ignore a11y_autofocus -->
 		<input
 			bind:this={inputEl}
 			type="text"

src/lib/components/chat/ChatWindow.svelte

@@ -268,7 +268,7 @@
 
 	// Force scroll to bottom when user sends a new message
 	// Pattern: user message + empty assistant message are added together
-	let prevMessageCount = $state(messages.length);
+	let prevMessageCount = $state(0);
 	let forceReattach = $state(0);
 	$effect(() => {
 		if (messages.length > prevMessageCount) {

src/lib/components/chat/MarkdownRenderer.svelte

@@ -15,21 +15,22 @@
 
 	let { content, sources = [], loading = false }: Props = $props();
 
-	let blocks: BlockToken[] = $state(processBlocksSync(content, sources));
+	// Sync-computed blocks used as fallback and for SSR (where effects don't run)
+	let syncBlocks = $derived(processBlocksSync(content, sources));
+	let workerBlocks: BlockToken[] | null = $state(null);
+	let blocks = $derived(workerBlocks ?? syncBlocks);
+
 	let worker: Worker | null = null;
 	let latestRequestId = 0;
 
 	function handleBlocks(result: BlockToken[], requestId: number) {
 		if (requestId !== latestRequestId) return;
-		blocks = result;
+		workerBlocks = result;
 		updateDebouncer.endRender();
 	}
 
 	$effect(() => {
-		if (!browser) {
-			blocks = processBlocksSync(content, sources);
-			return;
-		}
+		if (!browser) return;
 
 		const requestId = ++latestRequestId;
 
@@ -42,7 +43,6 @@
 		(async () => {
 			updateDebouncer.startRender();
 			const processed = await processBlocks(content, sources);
-			// Only apply if this is still the latest request
 			handleBlocks(processed, requestId);
 		})();
 	});

src/lib/components/chat/ModelSwitch.svelte

@@ -11,9 +11,13 @@
 
 	let { models, currentModel }: Props = $props();
 
-	let selectedModelId = $state(
-		models.map((m) => m.id).includes(currentModel.id) ? currentModel.id : models[0].id
-	);
+	let selectedModelId = $state("");
+
+	$effect.pre(() => {
+		selectedModelId = models.map((m) => m.id).includes(currentModel.id)
+			? currentModel.id
+			: models[0].id;
+	});
 
 	async function handleModelChange() {
 		if (!page.params.id) return;

src/lib/components/mcp/AddServerForm.svelte

@@ -29,9 +29,15 @@
 		submitLabel = "Add Server",
 	}: Props = $props();
 
-	let name = $state(initialName);
-	let url = $state(initialUrl);
-	let headers = $state<KeyValuePair[]>(initialHeaders.length > 0 ? [...initialHeaders] : []);
+	let name = $state("");
+	let url = $state("");
+	let headers = $state<KeyValuePair[]>([]);
+
+	$effect.pre(() => {
+		name = initialName;
+		url = initialUrl;
+		headers = initialHeaders.length > 0 ? [...initialHeaders] : [];
+	});
 	let showHeaderValues = $state<Record<number, boolean>>({});
 	let error = $state<string | null>(null);
 

src/lib/components/players/AudioPlayer.svelte

@@ -65,6 +65,12 @@
 				<span class="text-xs">{format(time)}</span>
 				<div
 					class="relative h-2 flex-1 rounded-full bg-gray-200 dark:bg-gray-700"
+					role="slider"
+					aria-label="Seek"
+					aria-valuenow={time}
+					aria-valuemin={0}
+					aria-valuemax={duration}
+					tabindex="0"
 					onpointerdown={() => {
 						paused = true;
 					}}