@nocturnium/svelte-ide 1.0.0 → 1.0.1

package/dist/components/ai/AIMessageContent.svelte

@@ -121,20 +121,22 @@
 	// Format text with basic markdown. Input is escaped FIRST, then a small set of
 	// safe inline elements is re-introduced — so the only HTML emitted is ours.
 	function formatText(text: string): string {
-		return escapeHtml(text)
-			// Bold
-			.replace(/\*\*([^*]+)\*\*/g, '<strong>$1</strong>')
-			// Italic
-			.replace(/\*([^*]+)\*/g, '<em>$1</em>')
-			// Links (href is validated; unsafe schemes degrade to plain text)
-			.replace(/\[([^\]]+)\]\(([^)]+)\)/g, (_match, label: string, href: string) => {
-				const url = safeUrl(href);
-				return url
-					? `<a href="${url}" target="_blank" rel="noopener noreferrer">${label}</a>`
-					: label;
-			})
-			// Line breaks
-			.replace(/\n/g, '<br>');
+		return (
+			escapeHtml(text)
+				// Bold
+				.replace(/\*\*([^*]+)\*\*/g, '<strong>$1</strong>')
+				// Italic
+				.replace(/\*([^*]+)\*/g, '<em>$1</em>')
+				// Links (href is validated; unsafe schemes degrade to plain text)
+				.replace(/\[([^\]]+)\]\(([^)]+)\)/g, (_match, label: string, href: string) => {
+					const url = safeUrl(href);
+					return url
+						? `<a href="${url}" target="_blank" rel="noopener noreferrer">${label}</a>`
+						: label;
+				})
+				// Line breaks
+				.replace(/\n/g, '<br>')
+		);
 	}
 
 	// Copy code to clipboard
@@ -159,11 +161,7 @@
 			<div class="code-block">
 				<div class="code-header">
 					<span class="code-language">{block.language}</span>
-					<button
-						class="code-copy"
-						onclick={() => copyCode(block.content, i)}
-						title="Copy code"
-					>
+					<button class="code-copy" onclick={() => copyCode(block.content, i)} title="Copy code">
 						{#if copiedIndex === i}
 							<Icon name="check" size={14} />
 							<span>Copied!</span>
@@ -173,7 +171,11 @@
 						{/if}
 					</button>
 				</div>
-				<pre class="code-content"><code>{#each tokenizeCode(block.content, block.language || 'plaintext') as token, ti (ti)}<span class="token-{token.type}">{token.text}</span>{/each}</code></pre>
+				<pre class="code-content"><code
+						>{#each tokenizeCode(block.content, block.language || 'plaintext') as token, ti (ti)}<span
+								class="token-{token.type}">{token.text}</span
+							>{/each}</code
+					></pre>
 			</div>
 		{:else if block.type === 'inline-code'}
 			<code class="inline-code">{block.content}</code>

package/dist/components/ai/AIPanel.svelte

@@ -133,8 +133,11 @@
 	}
 
 	function handleExportConversation(conv: AIConversation, format: 'json' | 'md') {
-		const content = format === 'md' ? exportConversationMarkdown(conv) : exportConversationJSON(conv);
-		const blob = new Blob([content], { type: format === 'md' ? 'text/markdown' : 'application/json' });
+		const content =
+			format === 'md' ? exportConversationMarkdown(conv) : exportConversationJSON(conv);
+		const blob = new Blob([content], {
+			type: format === 'md' ? 'text/markdown' : 'application/json'
+		});
 		const url = URL.createObjectURL(blob);
 		const a = document.createElement('a');
 		a.href = url;
@@ -214,7 +217,13 @@
 		</div>
 
 		<!-- Messages -->
-		<div class="ai-panel__messages" bind:this={messagesContainer} role="log" aria-live="polite" aria-label="Conversation messages">
+		<div
+			class="ai-panel__messages"
+			bind:this={messagesContainer}
+			role="log"
+			aria-live="polite"
+			aria-label="Conversation messages"
+		>
 			{#if getMessages().length === 0}
 				<div class="ai-panel__empty">
 					<div class="ai-panel__empty-icon">
@@ -229,18 +238,17 @@
 						<button class="suggestion-chip" onclick={() => (inputValue = 'Find bugs in this file')}>
 							Find bugs
 						</button>
-						<button class="suggestion-chip" onclick={() => (inputValue = 'Write tests for this function')}>
+						<button
+							class="suggestion-chip"
+							onclick={() => (inputValue = 'Write tests for this function')}
+						>
 							Write tests
 						</button>
 					</div>
 				</div>
 			{:else}
 				{#each getMessages() as message (message.id)}
-					<AIMessage
-						{message}
-						onCopy={handleCopyMessage}
-						onRetry={handleRetryMessage}
-					/>
+					<AIMessage {message} onCopy={handleCopyMessage} onRetry={handleRetryMessage} />
 				{/each}
 				{#if getIsStreaming()}
 					<div class="ai-panel__typing">

package/dist/components/ai/AISuggestionWidget.svelte

@@ -62,9 +62,7 @@
 	</div>
 
 	<div class="ai-suggestion__actions">
-		<Button variant="ghost" size="xs" onclick={onDismiss}>
-			Dismiss
-		</Button>
+		<Button variant="ghost" size="xs" onclick={onDismiss}>Dismiss</Button>
 		<Button variant="primary" size="xs" onclick={onAccept}>
 			{#snippet icon()}<Icon name="check" size={12} />{/snippet}
 			Accept

package/dist/components/ai/AIToolCallDisplay.svelte

@@ -11,14 +11,7 @@
 		startedAt?: Date;
 	}
 
-	let {
-		toolCall,
-		status = 'completed',
-		result,
-		error,
-		duration,
-		startedAt
-	}: Props = $props();
+	let { toolCall, status = 'completed', result, error, duration, startedAt }: Props = $props();
 
 	let expanded = $state(false);
 	let showResult = $state(false);
@@ -74,7 +67,10 @@
 	}
 
 	// Truncate long results
-	function truncateResult(r: string, maxLength: number = 500): { text: string; truncated: boolean } {
+	function truncateResult(
+		r: string,
+		maxLength: number = 500
+	): { text: string; truncated: boolean } {
 		if (r.length <= maxLength) return { text: r, truncated: false };
 		return { text: r.slice(0, maxLength), truncated: true };
 	}
@@ -139,15 +135,15 @@
 						<Icon name="arrow-left" size={12} />
 						<span>Result</span>
 						{#if truncatedResult?.truncated}
-							<button
-								class="tool-call__toggle"
-								onclick={() => (showResult = !showResult)}
-							>
+							<button class="tool-call__toggle" onclick={() => (showResult = !showResult)}>
 								{showResult ? 'Show less' : 'Show full'}
 							</button>
 						{/if}
 					</div>
-					<pre class="tool-call__code tool-call__code--result">{showResult || !truncatedResult?.truncated ? formattedResult : truncatedResult?.text + '...'}</pre>
+					<pre class="tool-call__code tool-call__code--result">{showResult ||
+						!truncatedResult?.truncated
+							? formattedResult
+							: truncatedResult?.text + '...'}</pre>
 				</div>
 			{/if}
 

package/dist/components/core/Badge.svelte

@@ -2,7 +2,15 @@
 	import type { Snippet } from 'svelte';
 
 	interface Props {
-		variant?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'danger' | 'info';
+		variant?:
+			| 'default'
+			| 'primary'
+			| 'secondary'
+			| 'success'
+			| 'warning'
+			| 'error'
+			| 'danger'
+			| 'info';
 		size?: 'sm' | 'md';
 		dot?: boolean;
 		class?: string;

package/dist/components/core/ConnectionStatus.svelte

@@ -1,79 +1,84 @@
 <script lang="ts">
-/**
- * ConnectionStatus Component
- *
- * Displays the current connection status with the VFS server.
- * Shows connected, disconnected, and reconnecting states.
- */
+	/**
+	 * ConnectionStatus Component
+	 *
+	 * Displays the current connection status with the VFS server.
+	 * Shows connected, disconnected, and reconnecting states.
+	 */
 
-export type ConnectionState = 'connected' | 'disconnected' | 'connecting' | 'reconnecting' | 'error';
+	export type ConnectionState =
+		| 'connected'
+		| 'disconnected'
+		| 'connecting'
+		| 'reconnecting'
+		| 'error';
 
-interface Props {
-	state: ConnectionState;
-	reconnectAttempts?: number;
-	maxReconnectAttempts?: number;
-	lastEventTime?: string | null;
-	errorMessage?: string | null;
-	onRetry?: () => void;
-	compact?: boolean;
-	showLabel?: boolean;
-}
+	interface Props {
+		state: ConnectionState;
+		reconnectAttempts?: number;
+		maxReconnectAttempts?: number;
+		lastEventTime?: string | null;
+		errorMessage?: string | null;
+		onRetry?: () => void;
+		compact?: boolean;
+		showLabel?: boolean;
+	}
 
-let {
-	state,
-	reconnectAttempts = 0,
-	maxReconnectAttempts = 10,
-	lastEventTime = null,
-	errorMessage = null,
-	onRetry,
-	compact = false,
-	showLabel = true
-}: Props = $props();
+	let {
+		state,
+		reconnectAttempts = 0,
+		maxReconnectAttempts = 10,
+		lastEventTime = null,
+		errorMessage = null,
+		onRetry,
+		compact = false,
+		showLabel = true
+	}: Props = $props();
 
-// Computed display values
-let statusLabel = $derived.by(() => {
-	switch (state) {
-		case 'connected':
-			return 'Connected';
-		case 'disconnected':
-			return 'Disconnected';
-		case 'connecting':
-			return 'Connecting...';
-		case 'reconnecting':
-			return `Reconnecting (${reconnectAttempts}/${maxReconnectAttempts})`;
-		case 'error':
-			return 'Connection Error';
-		default:
-			return 'Unknown';
-	}
-});
+	// Computed display values
+	let statusLabel = $derived.by(() => {
+		switch (state) {
+			case 'connected':
+				return 'Connected';
+			case 'disconnected':
+				return 'Disconnected';
+			case 'connecting':
+				return 'Connecting...';
+			case 'reconnecting':
+				return `Reconnecting (${reconnectAttempts}/${maxReconnectAttempts})`;
+			case 'error':
+				return 'Connection Error';
+			default:
+				return 'Unknown';
+		}
+	});
 
-let statusIcon = $derived.by(() => {
-	switch (state) {
-		case 'connected':
-			return 'check';
-		case 'disconnected':
-		case 'error':
-			return 'x';
-		case 'connecting':
-		case 'reconnecting':
-			return 'loader';
-		default:
-			return 'circle';
-	}
-});
+	let statusIcon = $derived.by(() => {
+		switch (state) {
+			case 'connected':
+				return 'check';
+			case 'disconnected':
+			case 'error':
+				return 'x';
+			case 'connecting':
+			case 'reconnecting':
+				return 'loader';
+			default:
+				return 'circle';
+		}
+	});
 
-let lastSyncDisplay = $derived.by(() => {
-	if (!lastEventTime) return null;
-	const date = new Date(lastEventTime);
-	const now = new Date();
-	const diff = now.getTime() - date.getTime();
+	let lastSyncDisplay = $derived.by(() => {
+		if (!lastEventTime) return null;
+		const date = new Date(lastEventTime);
+		const now = new Date();
+		const diff = now.getTime() - date.getTime();
 
-	if (diff < 60000) return 'Just now';
-	if (diff < 3600000) return `${Math.floor(diff / 60000)}m ago`;
-	if (diff < 86400000) return `${Math.floor(diff / 3600000)}h ago`;
-	return date.toLocaleDateString();
-});
+		if (diff < 60000) return 'Just now';
+		if (diff < 3600000) return `${Math.floor(diff / 60000)}m ago`;
+		if (diff < 86400000) return `${Math.floor(diff / 3600000)}h ago`;
+		return date.toLocaleDateString();
+	});
 </script>
 
 <div

package/dist/components/core/ErrorBoundary.svelte

@@ -1,60 +1,62 @@
 <script lang="ts">
-/**
- * ErrorBoundary Component
- *
- * Catches errors in child components and displays a fallback UI.
- * Provides retry and recovery options.
- */
-
-import type { Snippet } from 'svelte';
-import type { VFSError, RecoveryOption } from '../../services/error-handling';
-import { isVFSError } from '../../services/error-handling';
-
-interface Props {
-	children: Snippet;
-	fallback?: Snippet<[{ error: Error; reset: () => void }]>;
-	onError?: (error: Error) => void;
-	onReset?: () => void;
-	showDetails?: boolean;
-}
-
-let { children, fallback, onError, onReset, showDetails = false }: Props = $props();
-
-let error = $state<Error | null>(null);
-let showTechnicalDetails = $state(false);
-
-// Derived error info
-let vfsError = $derived(error && isVFSError(error) ? (error as VFSError) : null);
-let errorTitle = $derived(vfsError?.code ?? 'Error');
-let errorMessage = $derived(vfsError?.userMessage ?? error?.message ?? 'An unexpected error occurred');
-let recoveryOptions = $derived(vfsError?.recoveryOptions ?? []);
-
-function handleError(e: Error) {
-	error = e;
-	onError?.(e);
-}
-
-function reset() {
-	error = null;
-	showTechnicalDetails = false;
-	onReset?.();
-}
-
-function handleRecovery(option: RecoveryOption) {
-	if (option.action === 'retry' || option.action === 'refresh') {
-		reset();
+	/**
+	 * ErrorBoundary Component
+	 *
+	 * Catches errors in child components and displays a fallback UI.
+	 * Provides retry and recovery options.
+	 */
+
+	import type { Snippet } from 'svelte';
+	import type { VFSError, RecoveryOption } from '../../services/error-handling';
+	import { isVFSError } from '../../services/error-handling';
+
+	interface Props {
+		children: Snippet;
+		fallback?: Snippet<[{ error: Error; reset: () => void }]>;
+		onError?: (error: Error) => void;
+		onReset?: () => void;
+		showDetails?: boolean;
 	}
-	// Other actions would be handled by parent via onError
-}
 
-// Expose error handler for programmatic use
-export function setError(e: Error) {
-	handleError(e);
-}
+	let { children, fallback, onError, onReset, showDetails = false }: Props = $props();
+
+	let error = $state<Error | null>(null);
+	let showTechnicalDetails = $state(false);
+
+	// Derived error info
+	let vfsError = $derived(error && isVFSError(error) ? (error as VFSError) : null);
+	let errorTitle = $derived(vfsError?.code ?? 'Error');
+	let errorMessage = $derived(
+		vfsError?.userMessage ?? error?.message ?? 'An unexpected error occurred'
+	);
+	let recoveryOptions = $derived(vfsError?.recoveryOptions ?? []);
+
+	function handleError(e: Error) {
+		error = e;
+		onError?.(e);
+	}
+
+	function reset() {
+		error = null;
+		showTechnicalDetails = false;
+		onReset?.();
+	}
 
-export function clearError() {
-	reset();
-}
+	function handleRecovery(option: RecoveryOption) {
+		if (option.action === 'retry' || option.action === 'refresh') {
+			reset();
+		}
+		// Other actions would be handled by parent via onError
+	}
+
+	// Expose error handler for programmatic use
+	export function setError(e: Error) {
+		handleError(e);
+	}
+
+	export function clearError() {
+		reset();
+	}
 </script>
 
 {#if error}
@@ -99,9 +101,7 @@ export function clearError() {
 					</div>
 				{:else}
 					<div class="recovery-options">
-						<button class="recovery-btn recommended" onclick={reset}>
-							Try Again
-						</button>
+						<button class="recovery-btn recommended" onclick={reset}> Try Again </button>
 					</div>
 				{/if}
 

package/dist/components/core/ErrorBoundary.svelte.d.ts

@@ -1,9 +1,9 @@
 /**
- * ErrorBoundary Component
- *
- * Catches errors in child components and displays a fallback UI.
- * Provides retry and recovery options.
- */
+     * ErrorBoundary Component
+     *
+     * Catches errors in child components and displays a fallback UI.
+     * Provides retry and recovery options.
+     */
 import type { Snippet } from 'svelte';
 interface Props {
     children: Snippet;

package/dist/components/core/Icon.svelte

@@ -22,8 +22,10 @@
 		check: 'M20 6L9 17l-5-5',
 		x: 'M18 6L6 18M6 6l12 12',
 		search: 'M21 21l-6-6m2-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0z',
-		settings: 'M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6z M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z',
-		refresh: 'M23 4v6h-6M1 20v-6h6M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15',
+		settings:
+			'M12 15a3 3 0 1 0 0-6 3 3 0 0 0 0 6z M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z',
+		refresh:
+			'M23 4v6h-6M1 20v-6h6M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15',
 		save: 'M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2zM17 21v-8H7v8M7 3v5h8',
 		copy: 'M20 9h-9a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2v-9a2 2 0 0 0-2-2zM5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1',
 		trash: 'M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2',
@@ -43,8 +45,10 @@
 		terminal: 'M4 17l6-6-6-6M12 19h8',
 		code: 'M16 18l6-6-6-6M8 6l-6 6 6 6',
 		split: 'M12 3v18M3 3h18v18H3z',
-		maximize: 'M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3',
-		minimize: 'M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3',
+		maximize:
+			'M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3',
+		minimize:
+			'M8 3v3a2 2 0 0 1-2 2H3m18 0h-3a2 2 0 0 1-2-2V3m0 18v-3a2 2 0 0 1 2-2h3M3 16h3a2 2 0 0 1 2 2v3',
 
 		// AI
 		sparkles: 'M12 2l2.4 7.2L22 12l-7.6 2.8L12 22l-2.4-7.2L2 12l7.6-2.8L12 2z',
@@ -54,19 +58,25 @@
 
 		// Status
 		info: 'M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zM12 16v-4M12 8h.01',
-		warning: 'M12 9v4M12 17h.01M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z',
-		error: 'M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zM15 9l-6 6M9 9l6 6',
+		warning:
+			'M12 9v4M12 17h.01M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z',
+		error:
+			'M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zM15 9l-6 6M9 9l6 6',
 		success: 'M22 11.08V12a10 10 0 1 1-5.93-9.14M22 4L12 14.01l-3-3',
-		loading: 'M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83',
+		loading:
+			'M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83',
 
 		// Users
 		user: 'M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2M12 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8z',
-		users: 'M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75M9 7a4 4 0 1 0 0-8 4 4 0 0 0 0 8z',
+		users:
+			'M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75M9 7a4 4 0 1 0 0-8 4 4 0 0 0 0 8z',
 
 		// Git
-		'git-branch': 'M6 3v12M18 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM6 21a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM18 9a9 9 0 0 1-9 9',
+		'git-branch':
+			'M6 3v12M18 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM6 21a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM18 9a9 9 0 0 1-9 9',
 		'git-commit': 'M12 16a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM1.05 12H8M16 12h6.95',
-		'git-merge': 'M18 21a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM6 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM6 21V9a9 9 0 0 0 9 9M6 21h12',
+		'git-merge':
+			'M18 21a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM6 9a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM6 21V9a9 9 0 0 0 9 9M6 21h12',
 
 		// Misc
 		play: 'M5 3l14 9-14 9V3z',
@@ -76,7 +86,8 @@
 		external: 'M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6M15 3h6v6M10 14L21 3',
 		clock: 'M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10zM12 6v6l4 2',
 		zap: 'M13 2L3 14h9l-1 8 10-12h-9l1-8z',
-		plugin: 'M12 2v6M12 18v4M4.93 4.93l4.24 4.24M14.83 14.83l4.24 4.24M2 12h6M18 12h4M4.93 19.07l4.24-4.24M14.83 9.17l4.24-4.24'
+		plugin:
+			'M12 2v6M12 18v4M4.93 4.93l4.24 4.24M14.83 14.83l4.24 4.24M2 12h6M18 12h4M4.93 19.07l4.24-4.24M14.83 9.17l4.24-4.24'
 	};
 
 	const path = $derived(icons[name] ?? icons.file);

package/dist/components/core/ResizeHandle.svelte

@@ -197,4 +197,4 @@
 		outline: 2px solid var(--ide-interactive, #4a8db7);
 		outline-offset: -2px;
 	}
-</style>
+</style>

package/dist/components/core/Tooltip.svelte

@@ -9,13 +9,7 @@
 		children: Snippet;
 	}
 
-	let {
-		content,
-		position = 'top',
-		delay = 300,
-		class: className = '',
-		children
-	}: Props = $props();
+	let { content, position = 'top', delay = 300, class: className = '', children }: Props = $props();
 
 	let visible = $state(false);
 	let timeout: ReturnType<typeof setTimeout> | null = null;

package/dist/components/editor/AIFocusLayer.svelte

@@ -44,7 +44,9 @@
 
 	// Filter to active agents with cursors
 	let visibleAgents = $derived(
-		enabled ? agents.filter((a) => a.isActive && (a.cursor?.visible || a.focusRegions.length > 0)) : []
+		enabled
+			? agents.filter((a) => a.isActive && (a.cursor?.visible || a.focusRegions.length > 0))
+			: []
 	);
 
 	/**
@@ -218,7 +220,8 @@
 			rgba(var(--ai-color-rgb, 59, 130, 246), calc(var(--ai-intensity) * 0.05)) 50%,
 			transparent 100%
 		);
-		box-shadow: inset 0 0 20px rgba(var(--ai-color-rgb, 59, 130, 246), calc(var(--ai-intensity) * 0.1));
+		box-shadow: inset 0 0 20px
+			rgba(var(--ai-color-rgb, 59, 130, 246), calc(var(--ai-intensity) * 0.1));
 	}
 
 	/* Thinking - pulsing purple glow */
@@ -255,7 +258,8 @@
 	}
 
 	@keyframes region-think-pulse {
-		0%, 100% {
+		0%,
+		100% {
 			opacity: 0.7;
 		}
 		50% {
@@ -333,7 +337,8 @@
 	}
 
 	@keyframes cursor-idle-pulse {
-		0%, 100% {
+		0%,
+		100% {
 			opacity: 0.8;
 		}
 		50% {
@@ -353,7 +358,8 @@
 	}
 
 	@keyframes cursor-type-flash {
-		0%, 100% {
+		0%,
+		100% {
 			opacity: 1;
 		}
 		50% {
@@ -362,7 +368,8 @@
 	}
 
 	@keyframes cursor-think-glow {
-		0%, 100% {
+		0%,
+		100% {
 			filter: brightness(1);
 		}
 		50% {
@@ -375,7 +382,8 @@
 	}
 
 	@keyframes glow-expand {
-		0%, 100% {
+		0%,
+		100% {
 			transform: scale(1);
 			opacity: 0.4;
 		}