@nocturnium/svelte-ide 1.0.0 → 1.0.1

package/dist/components/vfs/LockOverlay.svelte

@@ -1,58 +1,58 @@
 <script lang="ts">
-/**
- * LockOverlay Component
- *
- * Displays a read-only overlay when a file is locked by another user/agent.
- * Shows lock holder info, time remaining, and options to request access.
- */
-
-import type { VFSFileLock } from '../../types';
-
-interface Props {
-	lock: VFSFileLock;
-	onRequestAccess?: () => void;
-	onOpenReadOnly?: () => void;
-	onClose?: () => void;
-	showActions?: boolean;
-}
-
-let { lock, onRequestAccess, onOpenReadOnly, onClose, showActions = true }: Props = $props();
-
-// Calculate time remaining
-let timeRemaining = $derived.by(() => {
-	const expires = new Date(lock.expiresAt).getTime();
-	const now = Date.now();
-	const remaining = Math.max(0, expires - now);
-
-	if (remaining === 0) return 'Expired';
-
-	const minutes = Math.floor(remaining / 60000);
-	const seconds = Math.floor((remaining % 60000) / 1000);
-
-	if (minutes > 0) {
-		return `${minutes}m ${seconds}s remaining`;
+	/**
+	 * LockOverlay Component
+	 *
+	 * Displays a read-only overlay when a file is locked by another user/agent.
+	 * Shows lock holder info, time remaining, and options to request access.
+	 */
+
+	import type { VFSFileLock } from '../../types';
+
+	interface Props {
+		lock: VFSFileLock;
+		onRequestAccess?: () => void;
+		onOpenReadOnly?: () => void;
+		onClose?: () => void;
+		showActions?: boolean;
 	}
-	return `${seconds}s remaining`;
-});
-
-// Lock holder display name
-let holderDisplay = $derived(lock.holderType === 'agent' ? `AI: ${lock.holder}` : lock.holder);
-
-// Lock purpose display
-let purposeDisplay = $derived.by(() => {
-	switch (lock.purpose) {
-		case 'edit':
-			return 'Editing';
-		case 'refactor':
-			return 'Refactoring';
-		case 'delete':
-			return 'Deleting';
-		case 'rename':
-			return 'Renaming';
-		default:
-			return 'Modifying';
-	}
-});
+
+	let { lock, onRequestAccess, onOpenReadOnly, onClose, showActions = true }: Props = $props();
+
+	// Calculate time remaining
+	let timeRemaining = $derived.by(() => {
+		const expires = new Date(lock.expiresAt).getTime();
+		const now = Date.now();
+		const remaining = Math.max(0, expires - now);
+
+		if (remaining === 0) return 'Expired';
+
+		const minutes = Math.floor(remaining / 60000);
+		const seconds = Math.floor((remaining % 60000) / 1000);
+
+		if (minutes > 0) {
+			return `${minutes}m ${seconds}s remaining`;
+		}
+		return `${seconds}s remaining`;
+	});
+
+	// Lock holder display name
+	let holderDisplay = $derived(lock.holderType === 'agent' ? `AI: ${lock.holder}` : lock.holder);
+
+	// Lock purpose display
+	let purposeDisplay = $derived.by(() => {
+		switch (lock.purpose) {
+			case 'edit':
+				return 'Editing';
+			case 'refactor':
+				return 'Refactoring';
+			case 'delete':
+				return 'Deleting';
+			case 'rename':
+				return 'Renaming';
+			default:
+				return 'Modifying';
+		}
+	});
 </script>
 
 <div class="lock-overlay">

package/dist/components/vfs/LockOverlay.svelte.d.ts

@@ -1,9 +1,9 @@
 /**
- * LockOverlay Component
- *
- * Displays a read-only overlay when a file is locked by another user/agent.
- * Shows lock holder info, time remaining, and options to request access.
- */
+     * LockOverlay Component
+     *
+     * Displays a read-only overlay when a file is locked by another user/agent.
+     * Shows lock holder info, time remaining, and options to request access.
+     */
 import type { VFSFileLock } from '../../types';
 interface Props {
     lock: VFSFileLock;

package/dist/components/vfs/VersionConflictDialog.svelte

@@ -1,67 +1,67 @@
 <script lang="ts">
-/**
- * VersionConflictDialog Component
- *
- * Displays when a file version conflict is detected, allowing the user
- * to choose how to resolve the conflict (merge, overwrite, or discard).
- */
-
-interface ConflictDetails {
-	path: string;
-	localVersion: number;
-	serverVersion: number;
-	localContent: string;
-	serverContent: string;
-	baseContent?: string;
-	lastModifiedBy?: string;
-	lastModifiedAt?: string;
-}
-
-interface Props {
-	conflict: ConflictDetails;
-	onResolve: (resolution: 'merge' | 'overwrite' | 'discard', mergedContent?: string) => void;
-	onCancel: () => void;
-}
-
-let { conflict, onResolve, onCancel }: Props = $props();
-
-// View state
-let activeView = $state<'side-by-side' | 'unified' | 'local' | 'server'>('side-by-side');
-// Editable merge buffer is intentionally seeded once from the prop: the dialog is
-// mounted per-conflict, so resetting the user's edits if `conflict` changed would be wrong.
-// svelte-ignore state_referenced_locally
-let mergedContent = $state(conflict.localContent);
-let showMergeEditor = $state(false);
-
-// Computed
-let fileName = $derived(conflict.path.split('/').pop() ?? conflict.path);
-let hasChanges = $derived(mergedContent !== conflict.localContent);
-
-// Line diff (simplified)
-let localLines = $derived(conflict.localContent.split('\n'));
-let serverLines = $derived(conflict.serverContent.split('\n'));
-
-function handleOverwrite() {
-	onResolve('overwrite', conflict.localContent);
-}
-
-function handleDiscard() {
-	onResolve('discard');
-}
-
-function handleMerge() {
-	if (showMergeEditor) {
-		onResolve('merge', mergedContent);
-	} else {
-		showMergeEditor = true;
-	}
-}
-
-function handleKeydown(event: KeyboardEvent) {
-	if (event.key === 'Escape') {
-		onCancel();
-	}
-}
+	/**
+	 * VersionConflictDialog Component
+	 *
+	 * Displays when a file version conflict is detected, allowing the user
+	 * to choose how to resolve the conflict (merge, overwrite, or discard).
+	 */
+
+	interface ConflictDetails {
+		path: string;
+		localVersion: number;
+		serverVersion: number;
+		localContent: string;
+		serverContent: string;
+		baseContent?: string;
+		lastModifiedBy?: string;
+		lastModifiedAt?: string;
+	}
+
+	interface Props {
+		conflict: ConflictDetails;
+		onResolve: (resolution: 'merge' | 'overwrite' | 'discard', mergedContent?: string) => void;
+		onCancel: () => void;
+	}
+
+	let { conflict, onResolve, onCancel }: Props = $props();
+
+	// View state
+	let activeView = $state<'side-by-side' | 'unified' | 'local' | 'server'>('side-by-side');
+	// Editable merge buffer is intentionally seeded once from the prop: the dialog is
+	// mounted per-conflict, so resetting the user's edits if `conflict` changed would be wrong.
+	// svelte-ignore state_referenced_locally
+	let mergedContent = $state(conflict.localContent);
+	let showMergeEditor = $state(false);
+
+	// Computed
+	let fileName = $derived(conflict.path.split('/').pop() ?? conflict.path);
+	let hasChanges = $derived(mergedContent !== conflict.localContent);
+
+	// Line diff (simplified)
+	let localLines = $derived(conflict.localContent.split('\n'));
+	let serverLines = $derived(conflict.serverContent.split('\n'));
+
+	function handleOverwrite() {
+		onResolve('overwrite', conflict.localContent);
+	}
+
+	function handleDiscard() {
+		onResolve('discard');
+	}
+
+	function handleMerge() {
+		if (showMergeEditor) {
+			onResolve('merge', mergedContent);
+		} else {
+			showMergeEditor = true;
+		}
+	}
+
+	function handleKeydown(event: KeyboardEvent) {
+		if (event.key === 'Escape') {
+			onCancel();
+		}
+	}
 </script>
 
 <svelte:window onkeydown={handleKeydown} />
@@ -82,14 +82,24 @@ function handleKeydown(event: KeyboardEvent) {
 					stroke-linecap="round"
 					stroke-linejoin="round"
 				>
-					<path d="M10.29 3.86 1.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" />
+					<path
+						d="M10.29 3.86 1.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"
+					/>
 					<line x1="12" y1="9" x2="12" y2="13" />
 					<line x1="12" y1="17" x2="12.01" y2="17" />
 				</svg>
 				<h2 id="conflict-title">Version Conflict</h2>
 			</div>
 			<button class="close-btn" onclick={onCancel} aria-label="Close">
-				<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+				<svg
+					xmlns="http://www.w3.org/2000/svg"
+					width="20"
+					height="20"
+					viewBox="0 0 24 24"
+					fill="none"
+					stroke="currentColor"
+					stroke-width="2"
+				>
 					<path d="M18 6 6 18M6 6l12 12" />
 				</svg>
 			</button>
@@ -196,30 +206,42 @@ function handleKeydown(event: KeyboardEvent) {
 							<span class="modified-indicator">Modified</span>
 						{/if}
 					</div>
-					<textarea
-						class="merge-textarea"
-						bind:value={mergedContent}
-						spellcheck="false"
-					></textarea>
+					<textarea class="merge-textarea" bind:value={mergedContent} spellcheck="false"></textarea>
 				</div>
 			{/if}
 		</div>
 
 		<footer class="conflict-footer">
 			<div class="action-group secondary">
-				<button class="action-btn cancel" onclick={onCancel}>
-					Cancel
-				</button>
+				<button class="action-btn cancel" onclick={onCancel}> Cancel </button>
 			</div>
 			<div class="action-group primary">
 				<button class="action-btn discard" onclick={handleDiscard}>
-					<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
-						<path d="M3 6h18M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2" />
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						width="16"
+						height="16"
+						viewBox="0 0 24 24"
+						fill="none"
+						stroke="currentColor"
+						stroke-width="2"
+					>
+						<path
+							d="M3 6h18M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2v2"
+						/>
 					</svg>
 					Use Server Version
 				</button>
 				<button class="action-btn merge" onclick={handleMerge}>
-					<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						width="16"
+						height="16"
+						viewBox="0 0 24 24"
+						fill="none"
+						stroke="currentColor"
+						stroke-width="2"
+					>
 						<circle cx="18" cy="18" r="3" />
 						<circle cx="6" cy="6" r="3" />
 						<path d="M6 21V9a9 9 0 0 0 9 9" />
@@ -227,7 +249,15 @@ function handleKeydown(event: KeyboardEvent) {
 					{showMergeEditor ? 'Save Merge' : 'Merge Changes'}
 				</button>
 				<button class="action-btn overwrite" onclick={handleOverwrite}>
-					<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						width="16"
+						height="16"
+						viewBox="0 0 24 24"
+						fill="none"
+						stroke="currentColor"
+						stroke-width="2"
+					>
 						<path d="M17 3a2.85 2.83 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5Z" />
 					</svg>
 					Overwrite with Mine

package/dist/services/error-handling.js

@@ -103,13 +103,7 @@ export function isVFSError(error) {
  * Check if error code is retryable
  */
 function isRetryableError(code) {
-    return [
-        'NETWORK_ERROR',
-        'CONNECTION_LOST',
-        'TIMEOUT',
-        'SERVER_ERROR',
-        'RATE_LIMITED'
-    ].includes(code);
+    return ['NETWORK_ERROR', 'CONNECTION_LOST', 'TIMEOUT', 'SERVER_ERROR', 'RATE_LIMITED'].includes(code);
 }
 /**
  * Check if error is a conflict that needs user resolution

package/dist/services/mock-ai.js

@@ -280,12 +280,14 @@ export function createMockMessage(role, content, options = {}) {
         content,
         timestamp: new Date(),
         ...options,
-        metadata: role === 'assistant' ? {
-            model: 'claude-3-5-sonnet-mock',
-            tokensUsed: Math.floor(content.length / 4),
-            latencyMs: Math.floor(500 + Math.random() * 1500),
-            ...options.metadata
-        } : options.metadata
+        metadata: role === 'assistant'
+            ? {
+                model: 'claude-3-5-sonnet-mock',
+                tokensUsed: Math.floor(content.length / 4),
+                latencyMs: Math.floor(500 + Math.random() * 1500),
+                ...options.metadata
+            }
+            : options.metadata
     };
 }
 /**
@@ -314,5 +316,5 @@ export function generateMockConversation(turns = 3) {
 }
 // Helper
 function sleep(ms) {
-    return new Promise(resolve => setTimeout(resolve, ms));
+    return new Promise((resolve) => setTimeout(resolve, ms));
 }

package/dist/stores/agents.svelte.js

@@ -105,16 +105,56 @@ export function getOnlineCount() {
     return getOnlineAgents().length;
 }
 // Legacy aliases for backward compatibility
-export const agents = { get current() { return getAgents(); } };
-export const onlineAgents = { get current() { return getOnlineAgents(); } };
-export const busyAgents = { get current() { return getBusyAgents(); } };
-export const events = { get current() { return getEvents(); } };
-export const activities = { get current() { return getActivities(); } };
-export const cursors = { get current() { return getCursors(); } };
-export const selectedAgent = { get current() { return getSelectedAgent(); } };
-export const filter = { get current() { return getFilter(); } };
-export const connected = { get current() { return getConnected(); } };
-export const error = { get current() { return getError(); } };
+export const agents = {
+    get current() {
+        return getAgents();
+    }
+};
+export const onlineAgents = {
+    get current() {
+        return getOnlineAgents();
+    }
+};
+export const busyAgents = {
+    get current() {
+        return getBusyAgents();
+    }
+};
+export const events = {
+    get current() {
+        return getEvents();
+    }
+};
+export const activities = {
+    get current() {
+        return getActivities();
+    }
+};
+export const cursors = {
+    get current() {
+        return getCursors();
+    }
+};
+export const selectedAgent = {
+    get current() {
+        return getSelectedAgent();
+    }
+};
+export const filter = {
+    get current() {
+        return getFilter();
+    }
+};
+export const connected = {
+    get current() {
+        return getConnected();
+    }
+};
+export const error = {
+    get current() {
+        return getError();
+    }
+};
 // ============================================================================
 // Agent Operations
 // ============================================================================

package/dist/stores/ai.svelte.js

@@ -66,18 +66,66 @@ export function getError() {
     return state.error;
 }
 // Legacy aliases for backward compatibility
-export const conversations = { get current() { return getConversations(); } };
-export const activeConversationId = { get current() { return getActiveConversationId(); } };
-export const activeConversation = { get current() { return getActiveConversation(); } };
-export const messages = { get current() { return getMessages(); } };
-export const tools = { get current() { return getTools(); } };
-export const config = { get current() { return getConfig(); } };
-export const editSessions = { get current() { return getEditSessions(); } };
-export const activeEditSessions = { get current() { return getActiveEditSessions(); } };
-export const suggestions = { get current() { return getSuggestions(); } };
-export const isStreaming = { get current() { return getIsStreaming(); } };
-export const isPanelOpen = { get current() { return getIsPanelOpen(); } };
-export const error = { get current() { return getError(); } };
+export const conversations = {
+    get current() {
+        return getConversations();
+    }
+};
+export const activeConversationId = {
+    get current() {
+        return getActiveConversationId();
+    }
+};
+export const activeConversation = {
+    get current() {
+        return getActiveConversation();
+    }
+};
+export const messages = {
+    get current() {
+        return getMessages();
+    }
+};
+export const tools = {
+    get current() {
+        return getTools();
+    }
+};
+export const config = {
+    get current() {
+        return getConfig();
+    }
+};
+export const editSessions = {
+    get current() {
+        return getEditSessions();
+    }
+};
+export const activeEditSessions = {
+    get current() {
+        return getActiveEditSessions();
+    }
+};
+export const suggestions = {
+    get current() {
+        return getSuggestions();
+    }
+};
+export const isStreaming = {
+    get current() {
+        return getIsStreaming();
+    }
+};
+export const isPanelOpen = {
+    get current() {
+        return getIsPanelOpen();
+    }
+};
+export const error = {
+    get current() {
+        return getError();
+    }
+};
 /**
  * Create a new conversation
  */
@@ -129,8 +177,8 @@ export function addMessage(message) {
         timestamp: new Date()
     };
     state.conversations = state.conversations.map((c) => c.id === state.activeConversationId
-        // eslint-disable-next-line svelte/prefer-svelte-reactivity -- timestamp snapshot on plain AIConversation object; type expects Date, not SvelteDate
-        ? { ...c, messages: [...c.messages, newMessage], updatedAt: new Date() }
+        ? // eslint-disable-next-line svelte/prefer-svelte-reactivity -- timestamp snapshot on plain AIConversation object; type expects Date, not SvelteDate
+            { ...c, messages: [...c.messages, newMessage], updatedAt: new Date() }
         : c);
     return id;
 }
@@ -342,8 +390,8 @@ export function updateEditSession(sessionId, updates) {
  */
 export function completeEditSession(sessionId, proposedContent, diff) {
     state.editSessions = state.editSessions.map((s) => s.id === sessionId
-        // eslint-disable-next-line svelte/prefer-svelte-reactivity -- timestamp snapshot on plain AIEditSession object; type expects Date, not SvelteDate
-        ? { ...s, status: 'reviewing', proposedContent, diff, completedAt: new Date() }
+        ? // eslint-disable-next-line svelte/prefer-svelte-reactivity -- timestamp snapshot on plain AIEditSession object; type expects Date, not SvelteDate
+            { ...s, status: 'reviewing', proposedContent, diff, completedAt: new Date() }
         : s);
 }
 /**
@@ -379,8 +427,8 @@ export function updateContext(context) {
     if (!state.activeConversationId)
         return;
     state.conversations = state.conversations.map((c) => c.id === state.activeConversationId
-        // eslint-disable-next-line svelte/prefer-svelte-reactivity -- timestamp snapshot on plain AIConversation object; type expects Date, not SvelteDate
-        ? { ...c, context: { ...c.context, ...context }, updatedAt: new Date() }
+        ? // eslint-disable-next-line svelte/prefer-svelte-reactivity -- timestamp snapshot on plain AIConversation object; type expects Date, not SvelteDate
+            { ...c, context: { ...c.context, ...context }, updatedAt: new Date() }
         : c);
 }
 /**

package/dist/stores/collaboration.svelte.js

@@ -66,20 +66,76 @@ export function getOtherUsers() {
     return state.users.filter((u) => u.id !== state.localUser?.id);
 }
 // Legacy aliases for backward compatibility
-export const config = { get current() { return getConfig(); } };
-export const status = { get current() { return getStatus(); } };
-export const error = { get current() { return getError(); } };
-export const synced = { get current() { return getSynced(); } };
-export const users = { get current() { return getUsers(); } };
-export const cursors = { get current() { return getCursors(); } };
-export const awareness = { get current() { return getAwareness(); } };
-export const aiSessions = { get current() { return getAISessions(); } };
-export const activeAISessions = { get current() { return getActiveAISessions(); } };
-export const pendingChanges = { get current() { return getPendingChanges(); } };
-export const snapshots = { get current() { return getSnapshots(); } };
-export const localUser = { get current() { return getLocalUser(); } };
-export const isConnected = { get current() { return getIsConnected(); } };
-export const otherUsers = { get current() { return getOtherUsers(); } };
+export const config = {
+    get current() {
+        return getConfig();
+    }
+};
+export const status = {
+    get current() {
+        return getStatus();
+    }
+};
+export const error = {
+    get current() {
+        return getError();
+    }
+};
+export const synced = {
+    get current() {
+        return getSynced();
+    }
+};
+export const users = {
+    get current() {
+        return getUsers();
+    }
+};
+export const cursors = {
+    get current() {
+        return getCursors();
+    }
+};
+export const awareness = {
+    get current() {
+        return getAwareness();
+    }
+};
+export const aiSessions = {
+    get current() {
+        return getAISessions();
+    }
+};
+export const activeAISessions = {
+    get current() {
+        return getActiveAISessions();
+    }
+};
+export const pendingChanges = {
+    get current() {
+        return getPendingChanges();
+    }
+};
+export const snapshots = {
+    get current() {
+        return getSnapshots();
+    }
+};
+export const localUser = {
+    get current() {
+        return getLocalUser();
+    }
+};
+export const isConnected = {
+    get current() {
+        return getIsConnected();
+    }
+};
+export const otherUsers = {
+    get current() {
+        return getOtherUsers();
+    }
+};
 // Collaboration colors for cursors
 const CURSOR_COLORS = [
     'var(--ide-collab-cursor-1)',