Revert "Disable Preview button while assistant message is generating (threaded through ChatMessage -> MarkdownRenderer -> CodeBlock)"

This reverts commit 82fb02c.

Author: gary149

src/lib/components/CodeBlock.svelte

@@ -7,10 +7,9 @@
 	interface Props {
 		code?: string;
 		rawCode?: string;
-		disabled?: boolean;
 	}
 
-	let { code = "", rawCode = "", disabled = false }: Props = $props();
+	let { code = "", rawCode = "" }: Props = $props();
 
 	let previewOpen = $state(false);
 
@@ -33,12 +32,10 @@
 	<div class="absolute right-2 top-2 flex items-center gap-1.5">
 		{#if showPreview}
 			<button
-				class="btn h-7 gap-1 rounded-lg border border-gray-200 px-2 text-xs text-gray-200 shadow-sm transition-all hover:border-gray-300 active:shadow-inner disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-700 dark:text-gray-400 dark:hover:border-gray-500"
+				class="btn h-7 gap-1 rounded-lg border border-gray-200 px-2 text-xs text-gray-200 shadow-sm transition-all hover:border-gray-300 active:shadow-inner dark:border-gray-700 dark:text-gray-400 dark:hover:border-gray-500"
 				onclick={() => (previewOpen = true)}
 				title="Preview HTML"
 				aria-label="Preview HTML"
-				{disabled}
-				aria-disabled={disabled}
 			>
 				<PlayFilledAlt class="text-[0.6rem]" />
 				Preview

src/lib/components/chat/ChatMessage.svelte

@@ -171,15 +171,15 @@
 							<div
 								class="prose max-w-none dark:prose-invert max-sm:prose-sm prose-headings:font-semibold prose-h1:text-lg prose-h2:text-base prose-h3:text-base prose-pre:bg-gray-800 dark:prose-pre:bg-gray-900"
 							>
-								<MarkdownRenderer content={part} generating={generating} />
+								<MarkdownRenderer content={part} />
 							</div>
 						{/if}
 					{/each}
 				{:else}
 					<div
 						class="prose max-w-none dark:prose-invert max-sm:prose-sm prose-headings:font-semibold prose-h1:text-lg prose-h2:text-base prose-h3:text-base prose-pre:bg-gray-800 dark:prose-pre:bg-gray-900"
 					>
-						<MarkdownRenderer content={message.content} generating={generating} />
+						<MarkdownRenderer content={message.content} />
 					</div>
 				{/if}
 			</div>
@@ -325,4 +325,3 @@
 		}
 	}
 </style>
-	let generating = $derived(isLast && loading && message.from === "assistant");

src/lib/components/chat/MarkdownRenderer.svelte

@@ -12,12 +12,11 @@
 	interface Props {
 		content: string;
 		sources?: { title?: string; link: string }[];
-		generating?: boolean;
 	}
 
 	let worker: Worker | null = null;
 
-	let { content, sources = [], generating = false }: Props = $props();
+	let { content, sources = [] }: Props = $props();
 
 	let tokens: Token[] = $state(processTokensSync(content, sources));
 
@@ -83,6 +82,6 @@
 		<!-- eslint-disable-next-line svelte/no-at-html-tags -->
 		{@html token.html}
 	{:else if token.type === "code"}
-		<CodeBlock code={token.code} rawCode={token.rawCode} disabled={generating} />
+		<CodeBlock code={token.code} rawCode={token.rawCode} />
 	{/if}
 {/each}