@myrialabs/clopen 0.2.10 → 0.2.12

package/backend/ws/engine/claude/accounts.ts

@@ -33,15 +33,13 @@ function stripAnsi(str: string): string {
 		.replace(/\x1B(?:[@-Z\\-_]|\[[0-?]*[ -/]*[@-~])/g, '');
 }
 
+// Extracts the first https:// URL from PTY output.
+// Known formats (may change across Claude Code versions):
+//   - https://claude.ai/oauth/authorize?...
+//   - https://claude.com/cai/oauth/authorize?...
 function extractAuthUrl(clean: string): string | null {
-	const urlPrefix = 'https://claude.ai/oauth/authorize?';
-	const urlStart = clean.indexOf(urlPrefix);
-	if (urlStart === -1) return null;
-
-	const pasteIdx = clean.indexOf('Paste', urlStart);
-	if (pasteIdx === -1) return null;
-
-	return clean.substring(urlStart, pasteIdx).replace(/\s/g, '');
+	const match = clean.match(/https:\/\/\S+/);
+	return match ? match[0] : null;
 }
 
 function extractOAuthToken(clean: string): string | null {

package/backend/ws/preview/browser/interact.ts

@@ -12,6 +12,9 @@ import type { KeyInput } from 'puppeteer';
 import { debug } from '$shared/utils/logger';
 import { sleep } from '$shared/utils/async';
 
+// Throttle cursor detection evaluate calls per session (100ms = ~10/sec is plenty)
+const lastCursorEvalTime = new Map<string, number>();
+
 // Helper function to check if error is navigation-related
 function isNavigationError(error: Error): boolean {
 	const msg = error.message.toLowerCase();
@@ -108,8 +111,9 @@ export const interactPreviewHandler = createRouter()
 				switch (action.type) {
 					case 'mousedown':
 						try {
-							// Reset mouse state first to ensure clean state
-							try { await session.page.mouse.up(); } catch { }
+							// Fire-and-forget reset — CDP processes commands in FIFO order so
+							// this completes before move/down even though we skip the await.
+							session.page.mouse.up().catch(() => {});
 							// Move to position and press button
 							await session.page.mouse.move(action.x!, action.y!, { steps: 1 });
 							await session.page.mouse.down({ button: action.button === 'right' ? 'right' : 'left' });
@@ -140,14 +144,10 @@ export const interactPreviewHandler = createRouter()
 
 					case 'click':
 						try {
-							// Reset mouse state before click to prevent "already pressed" errors
-							// This ensures a clean state for each click operation
-							try {
-								await session.page.mouse.up();
-							} catch { /* Ignore - mouse might not be pressed */ }
-
-							// IMPORTANT: Check for select element BEFORE clicking
-							// If it's a select, we'll emit event to frontend instead of clicking
+							// Check for select element BEFORE clicking.
+							// Skip the mouse.up() reset: page.mouse.click() is atomic (down+up),
+							// and Canvas.svelte always sends mouseup before sending click, so the
+							// mouse state is already clean at this point.
 							const selectInfo = await previewService.checkForSelectElement(session.id, action.x!, action.y!);
 							if (selectInfo) {
 								// Select element detected - event emitted by checkForSelectElement
@@ -243,37 +243,40 @@ export const interactPreviewHandler = createRouter()
 							await session.page.mouse.move(action.x!, action.y!, {
 								steps: action.steps || 1 // Reduced from 5 to 1 for faster response
 							});
-							// Update cursor position and detect cursor type in browser context (fire-and-forget, don't await)
-							// This replaces the disabled cursor-tracking script (blocked by CloudFlare)
-							session.page.evaluate((data) => {
-								const { x, y } = data;
-								// Detect cursor type from element under mouse
-								let cursor = 'default';
-								try {
-									const el = document.elementFromPoint(x, y);
-									if (el) {
-										cursor = window.getComputedStyle(el).cursor || 'default';
+							// Cursor detection via page.evaluate — throttled to ~10/sec per session.
+							// Running it on every mousemove queues extra CDP commands that delay clicks/keypresses.
+							const nowMs = Date.now();
+							const lastEval = lastCursorEvalTime.get(session.id) ?? 0;
+							if (nowMs - lastEval >= 100) {
+								lastCursorEvalTime.set(session.id, nowMs);
+								session.page.evaluate((data) => {
+									const { x, y } = data;
+									let cursor = 'default';
+									try {
+										const el = document.elementFromPoint(x, y);
+										if (el) {
+											cursor = window.getComputedStyle(el).cursor || 'default';
+										}
+									} catch {}
+
+									const existing = (window as any).__cursorInfo;
+									if (existing) {
+										existing.cursor = cursor;
+										existing.x = x;
+										existing.y = y;
+										existing.timestamp = Date.now();
+										existing.hasRecentInteraction = true;
+									} else {
+										(window as any).__cursorInfo = {
+											cursor,
+											x,
+											y,
+											timestamp: Date.now(),
+											hasRecentInteraction: true
+										};
 									}
-								} catch {}
-
-								// Initialize or update __cursorInfo
-								const existing = (window as any).__cursorInfo;
-								if (existing) {
-									existing.cursor = cursor;
-									existing.x = x;
-									existing.y = y;
-									existing.timestamp = Date.now();
-									existing.hasRecentInteraction = true;
-								} else {
-									(window as any).__cursorInfo = {
-										cursor,
-										x,
-										y,
-										timestamp: Date.now(),
-										hasRecentInteraction: true
-									};
-								}
-							}, { x: action.x!, y: action.y! }).catch(() => { /* Ignore evaluation errors */ });
+								}, { x: action.x!, y: action.y! }).catch(() => { /* Ignore evaluation errors */ });
+							}
 						} catch (error) {
 							if (error instanceof Error && isNavigationError(error)) {
 								ws.emit.user(userId, 'preview:browser-interacted', { action: action.type, message: 'Action deferred (navigation)', deferred: true });
@@ -297,8 +300,6 @@ export const interactPreviewHandler = createRouter()
 
 					case 'doubleclick':
 						try {
-							// Reset mouse state first
-							try { await session.page.mouse.up(); } catch { }
 							await session.page.mouse.click(action.x!, action.y!, { clickCount: 2 });
 						} catch (error) {
 							if (error instanceof Error) {
@@ -314,8 +315,8 @@ export const interactPreviewHandler = createRouter()
 
 					case 'rightclick':
 						try {
-							// Reset mouse state first
-							try { await session.page.mouse.up(); } catch { }
+							// Fire-and-forget reset (see mousedown comment for rationale)
+							session.page.mouse.up().catch(() => {});
 
 							// IMPORTANT: Check for context menu
 							// We'll emit context menu event to frontend for custom overlay
@@ -385,12 +386,7 @@ export const interactPreviewHandler = createRouter()
 								await session.page.keyboard.press(action.key as KeyInput);
 							}
 
-							if (['ArrowDown', 'ArrowUp'].includes(action.key)) {
-								try {
-									await sleep(50);
-								} catch { }
-							}
-						}
+					}
 						break;
 
 					case 'checkselectoptions':

package/backend/ws/preview/browser/webcodecs.ts

@@ -16,7 +16,9 @@ export const streamPreviewHandler = createRouter()
 	.http(
 		'preview:browser-stream-start',
 		{
-			data: t.Object({}),
+			data: t.Object({
+				tabId: t.Optional(t.String())
+			}),
 			response: t.Object({
 				success: t.Boolean(),
 				message: t.Optional(t.String()),
@@ -34,9 +36,10 @@ export const streamPreviewHandler = createRouter()
 			// Get project-specific preview service
 			const previewService = browserPreviewServiceManager.getService(projectId);
 
-			const tab = previewService.getActiveTab();
+			// Use explicit tabId if provided, otherwise fall back to active tab
+			const tab = data.tabId ? previewService.getTab(data.tabId) : previewService.getActiveTab();
 			if (!tab) {
-				throw new Error('No active tab');
+				throw new Error(data.tabId ? `Tab not found: ${data.tabId}` : 'No active tab');
 			}
 
 			const sessionId = tab.id;
@@ -73,7 +76,9 @@ export const streamPreviewHandler = createRouter()
 	.http(
 		'preview:browser-stream-offer',
 		{
-			data: t.Object({}),
+			data: t.Object({
+				tabId: t.Optional(t.String())
+			}),
 			response: t.Object({
 				success: t.Boolean(),
 				offer: t.Optional(
@@ -90,9 +95,9 @@ export const streamPreviewHandler = createRouter()
 			// Get project-specific preview service
 			const previewService = browserPreviewServiceManager.getService(projectId);
 
-			const tab = previewService.getActiveTab();
+			const tab = data.tabId ? previewService.getTab(data.tabId) : previewService.getActiveTab();
 			if (!tab) {
-				throw new Error('No active tab');
+				throw new Error(data.tabId ? `Tab not found: ${data.tabId}` : 'No active tab');
 			}
 
 			const offer = await previewService.getWebCodecsOffer(tab.id);
@@ -117,7 +122,8 @@ export const streamPreviewHandler = createRouter()
 				answer: t.Object({
 					type: t.String(),
 					sdp: t.Optional(t.String())
-				})
+				}),
+				tabId: t.Optional(t.String())
 			}),
 			response: t.Object({
 				success: t.Boolean()
@@ -129,9 +135,9 @@ export const streamPreviewHandler = createRouter()
 			// Get project-specific preview service
 			const previewService = browserPreviewServiceManager.getService(projectId);
 
-			const tab = previewService.getActiveTab();
+			const tab = data.tabId ? previewService.getTab(data.tabId) : previewService.getActiveTab();
 			if (!tab) {
-				throw new Error('No active tab');
+				throw new Error(data.tabId ? `Tab not found: ${data.tabId}` : 'No active tab');
 			}
 
 			const { answer } = data;
@@ -150,7 +156,8 @@ export const streamPreviewHandler = createRouter()
 					candidate: t.Optional(t.String()),
 					sdpMid: t.Optional(t.Union([t.String(), t.Null()])),
 					sdpMLineIndex: t.Optional(t.Union([t.Number(), t.Null()]))
-				})
+				}),
+				tabId: t.Optional(t.String())
 			}),
 			response: t.Object({
 				success: t.Boolean()
@@ -162,9 +169,9 @@ export const streamPreviewHandler = createRouter()
 			// Get project-specific preview service
 			const previewService = browserPreviewServiceManager.getService(projectId);
 
-			const tab = previewService.getActiveTab();
+			const tab = data.tabId ? previewService.getTab(data.tabId) : previewService.getActiveTab();
 			if (!tab) {
-				throw new Error('No active tab');
+				throw new Error(data.tabId ? `Tab not found: ${data.tabId}` : 'No active tab');
 			}
 
 			const { candidate } = data;
@@ -178,7 +185,9 @@ export const streamPreviewHandler = createRouter()
 	.http(
 		'preview:browser-stream-stop',
 		{
-			data: t.Object({}),
+			data: t.Object({
+				tabId: t.Optional(t.String())
+			}),
 			response: t.Object({
 				success: t.Boolean()
 			})
@@ -189,9 +198,9 @@ export const streamPreviewHandler = createRouter()
 			// Get project-specific preview service
 			const previewService = browserPreviewServiceManager.getService(projectId);
 
-			const tab = previewService.getActiveTab();
+			const tab = data.tabId ? previewService.getTab(data.tabId) : previewService.getActiveTab();
 			if (!tab) {
-				throw new Error('No active tab');
+				throw new Error(data.tabId ? `Tab not found: ${data.tabId}` : 'No active tab');
 			}
 
 			await previewService.stopWebCodecsStreaming(tab.id);

package/backend/ws/projects/crud.ts

@@ -12,8 +12,14 @@
 import { t } from 'elysia';
 import { createRouter } from '$shared/utils/ws-server';
 import { initializeDatabase } from '../../database';
-import { projectQueries } from '../../database/queries';
+import { projectQueries, sessionQueries, snapshotQueries } from '../../database/queries';
 import { ws } from '$backend/utils/ws';
+import { snapshotService } from '../../snapshot/snapshot-service';
+import { blobStore } from '../../snapshot/blob-store';
+import { streamManager } from '../../chat/stream-manager';
+import { terminalStreamManager } from '../../terminal/stream-manager';
+import { broadcastPresence } from '../projects/status';
+import { debug } from '$shared/utils/logger';
 
 export const crudHandler = createRouter()
 	// List all projects for the current user
@@ -81,10 +87,11 @@ export const crudHandler = createRouter()
 		return updatedProject;
 	})
 
-	// Delete project (remove user association, cleanup if orphaned)
+	// Delete project (remove from list or full delete with sessions)
 	.http('projects:delete', {
 		data: t.Object({
-			id: t.String({ minLength: 1 })
+			id: t.String({ minLength: 1 }),
+			mode: t.Optional(t.Union([t.Literal('remove'), t.Literal('full')]))
 		}),
 		response: t.Object({
 			id: t.String(),
@@ -97,15 +104,73 @@ export const crudHandler = createRouter()
 			throw new Error('Project not found');
 		}
 
+		const mode = data.mode ?? 'remove';
+
+		// Clean up terminal cache for this project
+		const cachedTerminals = terminalStreamManager.cleanupProjectCache(data.id);
+		debug.log('project', `Cleaned up ${cachedTerminals} terminal cache files for project ${data.id}`);
+
+		if (mode === 'full') {
+			// Full delete: remove sessions with blob cleanup, then the project itself
+			const sessions = sessionQueries.getByProjectId(data.id);
+
+			if (sessions.length > 0) {
+				// Cancel active chat streams
+				await Promise.all(
+					sessions.map(s => streamManager.cleanupSessionStreams(s.id).catch(() => {}))
+				);
+
+				// Collect blob hashes before deleting
+				const baselineHashes = new Set<string>();
+				for (const s of sessions) {
+					for (const h of snapshotService.getSessionBaselineHashes(s.id)) {
+						baselineHashes.add(h);
+					}
+				}
+				const allSnapshots = snapshotQueries.getAllByProjectId(data.id);
+				const deltaHashes = snapshotQueries.collectBlobHashes(allSnapshots);
+
+				// Clear in-memory baselines
+				for (const s of sessions) {
+					snapshotService.clearSessionBaseline(s.id);
+				}
+
+				// Delete all sessions and related DB data
+				const deletedIds = sessionQueries.deleteAllByProjectId(data.id);
+
+				// GC orphaned blobs
+				const allBlobsOnDisk = await blobStore.scanAllBlobHashes();
+				const stillReferencedByDB = snapshotQueries.getAllReferencedBlobHashes();
+				const stillReferencedByMemory = snapshotService.getAllBaselineHashes();
+				const blobsToDelete = [...allBlobsOnDisk].filter(
+					h => !stillReferencedByDB.has(h) && !stillReferencedByMemory.has(h)
+				);
+				if (blobsToDelete.length > 0) {
+					const deleted = await blobStore.deleteBlobs(blobsToDelete);
+					debug.log('project', `Cleaned up ${deleted}/${blobsToDelete.length} orphaned blobs`);
+				}
+
+				// Broadcast session deletions
+				for (const sessionId of deletedIds) {
+					ws.emit.project(data.id, 'sessions:session-deleted', { sessionId, projectId: data.id });
+				}
+			}
+		}
+
 		// Remove user's association with the project
 		projectQueries.removeUserProject(userId, data.id);
 
-		// If no more users are associated, delete the project entirely
-		const remainingUsers = projectQueries.getUserCountForProject(data.id);
-		if (remainingUsers === 0) {
-			projectQueries.delete(data.id);
+		// In full mode, delete the project record if no users remain
+		// In remove mode, keep the project record so sessions can be restored
+		if (mode === 'full') {
+			const remainingUsers = projectQueries.getUserCountForProject(data.id);
+			if (remainingUsers === 0) {
+				projectQueries.deleteProject(data.id);
+			}
 		}
 
+		broadcastPresence().catch(() => {});
+
 		return {
 			id: data.id,
 			deleted: true

package/backend/ws/sessions/crud.ts

@@ -13,8 +13,12 @@
 import { t } from 'elysia';
 import { createRouter } from '$shared/utils/ws-server';
 import type { EngineType } from '$shared/types/engine';
-import { sessionQueries, messageQueries, projectQueries } from '../../database/queries';
+import { sessionQueries, messageQueries, projectQueries, snapshotQueries } from '../../database/queries';
 import { ws } from '$backend/utils/ws';
+import { streamManager } from '../../chat/stream-manager';
+import { snapshotService } from '../../snapshot/snapshot-service';
+import { blobStore } from '../../snapshot/blob-store';
+import { broadcastPresence } from '../projects/status';
 import { debug } from '$shared/utils/logger';
 
 export const crudHandler = createRouter()
@@ -293,7 +297,7 @@ export const crudHandler = createRouter()
 		};
 	})
 
-	// Delete session
+	// Delete session (with full related data cleanup)
 	.http('sessions:delete', {
 		data: t.Object({
 			id: t.String({ minLength: 1 })
@@ -309,8 +313,40 @@ export const crudHandler = createRouter()
 		}
 
 		const projectId = session.project_id;
+
+		// Cancel and clean up any active/completed streams for this session
+		await streamManager.cleanupSessionStreams(data.id);
+
+		// Collect ALL blob hashes before deleting anything:
+		// 1. In-memory baseline hashes (all project files hashed at session start)
+		const baselineHashes = snapshotService.getSessionBaselineHashes(data.id);
+		// 2. DB snapshot delta hashes (including soft-deleted snapshots)
+		const allSnapshots = snapshotQueries.getAllBySessionId(data.id);
+		const deltaHashes = snapshotQueries.collectBlobHashes(allSnapshots);
+		// Combine both sources
+		const hashesToCheck = new Set([...baselineHashes, ...deltaHashes]);
+
+		debug.log('session', `Session ${data.id}: ${baselineHashes.size} baseline hashes, ${deltaHashes.size} delta hashes, ${hashesToCheck.size} total unique`);
+
+		// Clear in-memory snapshot baseline
+		snapshotService.clearSessionBaseline(data.id);
+
+		// Delete session and all related DB data (messages, snapshots, branches, relationships, unread)
 		sessionQueries.delete(data.id);
 
+		// Clean up orphaned blobs — protect hashes still used by other active sessions
+		if (hashesToCheck.size > 0) {
+			const stillReferencedByDB = snapshotQueries.getAllReferencedBlobHashes();
+			const stillReferencedByMemory = snapshotService.getAllBaselineHashes();
+			const orphanHashes = [...hashesToCheck].filter(
+				h => !stillReferencedByDB.has(h) && !stillReferencedByMemory.has(h)
+			);
+			if (orphanHashes.length > 0) {
+				const deleted = await blobStore.deleteBlobs(orphanHashes);
+				debug.log('session', `Cleaned up ${deleted}/${orphanHashes.length} orphaned blobs`);
+			}
+		}
+
 		// Broadcast to all project members so other users see the deletion
 		debug.log('session', `Broadcasting session deleted: ${data.id} in project: ${projectId}`);
 		ws.emit.project(projectId, 'sessions:session-deleted', {
@@ -318,11 +354,92 @@ export const crudHandler = createRouter()
 			projectId
 		});
 
+		// Broadcast updated presence so status indicators reflect the deletion
+		broadcastPresence().catch(() => {});
+
 		return {
 			message: 'Session deleted successfully'
 		};
 	})
 
+	// Delete all sessions for the current project (with full cleanup)
+	.http('sessions:delete-all', {
+		data: t.Object({}),
+		response: t.Object({
+			message: t.String(),
+			deletedCount: t.Number()
+		})
+	}, async ({ conn }) => {
+		const projectId = ws.getProjectId(conn);
+
+		// Get all sessions for this project to clean up streams
+		const sessions = sessionQueries.getByProjectId(projectId);
+		if (sessions.length === 0) {
+			return { message: 'No sessions to delete', deletedCount: 0 };
+		}
+
+		// Cancel and clean up active streams for all sessions
+		await Promise.all(
+			sessions.map(s => streamManager.cleanupSessionStreams(s.id).catch(() => {}))
+		);
+
+		// Collect ALL blob hashes before deleting anything:
+		// 1. In-memory baseline hashes from all sessions
+		const baselineHashes = new Set<string>();
+		for (const s of sessions) {
+			for (const h of snapshotService.getSessionBaselineHashes(s.id)) {
+				baselineHashes.add(h);
+			}
+		}
+		// 2. DB snapshot delta hashes (including soft-deleted)
+		const allSnapshots = snapshotQueries.getAllByProjectId(projectId);
+		const deltaHashes = snapshotQueries.collectBlobHashes(allSnapshots);
+		// Combine both sources
+		const hashesToCheck = new Set([...baselineHashes, ...deltaHashes]);
+
+		debug.log('session', `Project ${projectId}: ${baselineHashes.size} baseline hashes, ${deltaHashes.size} delta hashes, ${hashesToCheck.size} total unique`);
+
+		// Clear in-memory snapshot baselines for all sessions
+		for (const s of sessions) {
+			snapshotService.clearSessionBaseline(s.id);
+		}
+
+		// Delete all sessions and related DB data (messages, snapshots, branches, relationships, unread)
+		const deletedIds = sessionQueries.deleteAllByProjectId(projectId);
+
+		// Clean up orphaned blobs using mark-and-sweep GC:
+		// Scan ALL blobs on disk, keep those still referenced by remaining DB snapshots
+		// or by in-memory baselines of other active sessions (other projects)
+		const allBlobsOnDisk = await blobStore.scanAllBlobHashes();
+		const stillReferencedByDB = snapshotQueries.getAllReferencedBlobHashes();
+		const stillReferencedByMemory = snapshotService.getAllBaselineHashes();
+
+		const blobsToDelete = [...allBlobsOnDisk].filter(
+			h => !stillReferencedByDB.has(h) && !stillReferencedByMemory.has(h)
+		);
+
+		if (blobsToDelete.length > 0) {
+			const deleted = await blobStore.deleteBlobs(blobsToDelete);
+			debug.log('session', `Cleaned up ${deleted}/${blobsToDelete.length} orphaned blobs (full GC after bulk delete)`);
+		}
+
+		// Broadcast deletion for each session so all connected users update their state
+		for (const sessionId of deletedIds) {
+			ws.emit.project(projectId, 'sessions:session-deleted', {
+				sessionId,
+				projectId
+			});
+		}
+
+		broadcastPresence().catch(() => {});
+
+		debug.log('session', `Deleted all ${deletedIds.length} sessions in project: ${projectId}`);
+		return {
+			message: `Deleted ${deletedIds.length} sessions`,
+			deletedCount: deletedIds.length
+		};
+	})
+
 	// Persist user's current session choice (for refresh restore)
 	.on('sessions:set-current', {
 		data: t.Object({

package/backend/ws/system/operations.ts

@@ -12,7 +12,7 @@ import { join } from 'node:path';
 import { readFileSync } from 'node:fs';
 import fs from 'node:fs/promises';
 import { createRouter } from '$shared/utils/ws-server';
-import { initializeDatabase, getDatabase } from '../../database';
+import { closeDatabase, initializeDatabase } from '../../database';
 import { debug } from '$shared/utils/logger';
 import { ws } from '$backend/utils/ws';
 import { getClopenDir } from '$backend/utils/index';
@@ -143,51 +143,26 @@ export const operationsHandler = createRouter()
 			tablesCount: t.Number()
 		})
 	}, async () => {
-		debug.log('server', 'Clearing all database data...');
+		debug.log('server', 'Clearing all data...');
 
-		// Initialize database first to ensure it exists
-		await initializeDatabase();
-
-		// Get database connection
-		const db = getDatabase();
-
-		// Get all table names
-		const tables = db.prepare(`
-			SELECT name FROM sqlite_master
-			WHERE type='table'
-			AND name NOT LIKE 'sqlite_%'
-		`).all() as { name: string }[];
+		// Close database connection
+		closeDatabase();
 
-		// Delete all data from each table
-		for (const table of tables) {
-			db.prepare(`DELETE FROM ${table.name}`).run();
-			debug.log('server', `Cleared table: ${table.name}`);
-		}
+		// Delete entire clopen directory
+		const clopenDir = getClopenDir();
+		await fs.rm(clopenDir, { recursive: true, force: true });
+		debug.log('server', 'Deleted clopen directory:', clopenDir);
 
-		debug.log('server', 'Database cleared successfully');
+		// Reset environment state
+		resetEnvironment();
 
-		// Delete snapshots directory
-		const clopenDir = getClopenDir();
-		const snapshotsDir = join(clopenDir, 'snapshots');
-		try {
-			await fs.rm(snapshotsDir, { recursive: true, force: true });
-			debug.log('server', 'Snapshots directory cleared');
-		} catch (err) {
-			debug.warn('server', 'Failed to clear snapshots directory:', err);
-		}
+		// Reinitialize database from scratch (creates dir, db, migrations, seeders)
+		await initializeDatabase();
 
-		// Delete Claude config directory and reset environment state
-		const claudeDir = join(clopenDir, 'claude');
-		try {
-			await fs.rm(claudeDir, { recursive: true, force: true });
-			resetEnvironment();
-			debug.log('server', 'Claude config directory cleared');
-		} catch (err) {
-			debug.warn('server', 'Failed to clear Claude config directory:', err);
-		}
+		debug.log('server', 'All data cleared successfully');
 
 		return {
 			cleared: true,
-			tablesCount: tables.length
+			tablesCount: 0
 		};
 	});

package/frontend/components/auth/SetupPage.svelte

@@ -702,7 +702,7 @@
 													class="flex items-center gap-1 px-2.5 py-1.5 text-2xs font-medium rounded-md bg-violet-100 dark:bg-violet-900/30 text-violet-700 dark:text-violet-300 hover:bg-violet-200 dark:hover:bg-violet-800/40 transition-colors"
 												>
 													<Icon name="lucide:external-link" class="w-3 h-3" />
-													Open
+													Open in Browser
 												</a>
 											</div>
 

package/frontend/components/chat/input/ChatInput.svelte

@@ -25,7 +25,7 @@
 	import { editModeState } from '$frontend/stores/ui/edit-mode.svelte';
 	import { claudeAccountsStore } from '$frontend/stores/features/claude-accounts.svelte';
 	import type { IconName } from '$shared/types/ui/icons';
-	import ws from '$frontend/utils/ws';
+	import ws, { onWsReconnect } from '$frontend/utils/ws';
 	import { debug } from '$shared/utils/logger';
 
 	// Components
@@ -182,6 +182,19 @@
 	// Also fetch partial text and reconnect to stream for late-joining users / refresh
 	let lastCatchupProjectId: string | undefined;
 	let lastPresenceProjectId: string | undefined;
+
+	// Reset catchup tracking on WS reconnect so catchupActiveStream re-runs.
+	// When WS briefly disconnects, the server-side cleanup removes the stream
+	// EventEmitter subscription. Without resetting, catchup won't fire again
+	// (guarded by lastCatchupProjectId) and the stream subscription is never
+	// re-established — causing stream output to silently stop in the UI.
+	onWsReconnect(() => {
+		if (lastCatchupProjectId) {
+			debug.log('chat', 'WS reconnected — resetting stream catchup tracking');
+			lastCatchupProjectId = undefined;
+		}
+	});
+
 	$effect(() => {
 		const projectId = projectState.currentProject?.id;
 		const sessionId = sessionState.currentSession?.id; // Reactive dep: retry catchup when session loads