@myrialabs/clopen 0.2.6 → 0.2.8

package/backend/ws/chat/stream.ts

@@ -470,7 +470,7 @@ export const streamHandler = createRouter()
 				return;
 			}
 
-			const cancelled = await streamManager.cancelStream(streamState.streamId);
+			await streamManager.cancelStream(streamState.streamId);
 			// Always send cancelled to chat session room to clear UI
 			ws.emit.chatSession(chatSessionId, 'chat:cancelled', {
 				status: 'cancelled',

package/backend/ws/preview/browser/tab-info.ts

@@ -7,6 +7,7 @@
 import { t } from 'elysia';
 import { createRouter } from '$shared/utils/ws-server';
 import { browserPreviewServiceManager } from '../../../preview/index';
+import { browserMcpControl } from '../../../preview/browser/browser-mcp-control';
 import { ws } from '$backend/utils/ws';
 import { debug } from '$shared/utils/logger';
 
@@ -62,7 +63,8 @@ export const tabInfoPreviewHandler = createRouter()
 				isStreaming: t.Boolean(),
 				deviceSize: t.String(),
 				rotation: t.String(),
-				isActive: t.Boolean()
+				isActive: t.Boolean(),
+				isMcpControlled: t.Boolean()
 			})),
 			activeTabId: t.Union([t.String(), t.Null()]),
 			count: t.Number()
@@ -87,7 +89,8 @@ export const tabInfoPreviewHandler = createRouter()
 				isStreaming: tab.isStreaming,
 				deviceSize: tab.deviceSize,
 				rotation: tab.rotation,
-				isActive: tab.isActive
+				isActive: tab.isActive,
+				isMcpControlled: browserMcpControl.isTabControlled(tab.id, projectId)
 			})),
 			activeTabId: activeTab?.id || null,
 			count: allTabsInfo.length

package/backend/ws/preview/index.ts

@@ -117,12 +117,12 @@ export const previewRouter = createRouter()
 	}))
 	// MCP control events
 	.emit('preview:browser-mcp-control-start', t.Object({
-		browserSessionId: t.String(),
-		mcpSessionId: t.Optional(t.String()),
+		browserTabId: t.String(),
+		chatSessionId: t.Optional(t.String()),
 		timestamp: t.Number()
 	}))
 	.emit('preview:browser-mcp-control-end', t.Object({
-		browserSessionId: t.String(),
+		browserTabId: t.String(),
 		timestamp: t.Number()
 	}))
 	.emit('preview:browser-mcp-cursor-position', t.Object({

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

@@ -66,9 +66,6 @@
 
 	// Chat actions params
 	const chatActionsParams = {
-		get messageText() {
-			return messageText;
-		},
 		get attachedFiles() {
 			return fileHandling.attachedFiles;
 		},

package/frontend/components/chat/input/composables/use-chat-actions.svelte.ts

@@ -10,7 +10,6 @@ import { debug } from '$shared/utils/logger';
 import type { FileAttachment } from './use-file-handling.svelte';
 
 interface ChatActionsParams {
-	messageText: string;
 	attachedFiles: FileAttachment[];
 	clearAllAttachments: () => void;
 	adjustTextareaHeight: () => void;
@@ -27,7 +26,6 @@ export function useChatActions(params: ChatActionsParams) {
 	function handleCancelEdit() {
 		cancelEdit();
 		clearInput();
-		params.messageText = ''; // This won't work directly, need to pass setter
 		params.clearAllAttachments();
 		params.adjustTextareaHeight();
 	}
@@ -52,6 +50,12 @@ export function useChatActions(params: ChatActionsParams) {
 					await snapshotService.restore(restoreTargetId, sessionState.currentSession.id);
 				}
 
+				// Set skip and clear draft BEFORE reloading messages — editing the first message
+				// causes messages to become empty (welcome state), which remounts ChatInput.
+				// Without this, the new instance restores stale server state into the input.
+				setSkipNextRestore(true);
+				params.clearDraft();
+
 				// Reload messages from database to update UI
 				if (sessionState.currentSession?.id) {
 					await loadMessagesForSession(sessionState.currentSession.id);

package/frontend/components/chat/message/MessageBubble.svelte

@@ -52,7 +52,7 @@
 
 	// Auto-scroll reasoning/system content to bottom while receiving partial text
 	$effect(() => {
-		if (roleCategory !== 'reasoning' && roleCategory !== 'system') return;
+		if (roleCategory !== 'reasoning' && roleCategory !== 'system' && roleCategory !== 'compact') return;
 		if (!scrollContainer) return;
 		// Track message content changes (partialText for streaming, message for final)
 		const _track = message.type === 'stream_event' && 'partialText' in message
@@ -93,7 +93,7 @@
 		<!-- Message Content -->
 		<div
 			bind:this={scrollContainer}
-			class="p-3 md:p-4 {roleCategory === 'reasoning' || roleCategory === 'system' ? 'max-h-80 overflow-y-auto' : ''}"
+			class="p-3 md:p-4 {roleCategory === 'reasoning' || roleCategory === 'system' || roleCategory === 'compact' ? 'max-h-80 overflow-y-auto' : ''}"
 		>
 			<div class="max-w-none space-y-4">
 				<!-- Content rendering using MessageFormatter component -->

package/frontend/components/history/HistoryModal.svelte

@@ -428,7 +428,7 @@
 									<span
 										class="absolute -bottom-0.5 -right-0.5 w-2.5 h-2.5 rounded-full border-2 border-white dark:border-slate-900 {isSessionWaitingInput(session.id, projectState.currentProject?.id) ? 'bg-amber-500' : 'bg-emerald-500'}"
 									></span>
-								{:else if isSessionUnread(session.id)}
+								{:else if isSessionUnread(session.id) && session.id !== sessionState.currentSession?.id}
 									<span
 										class="absolute -bottom-0.5 -right-0.5 w-2.5 h-2.5 rounded-full border-2 border-white dark:border-slate-900 bg-blue-500"
 									></span>

package/frontend/components/preview/browser/BrowserPreview.svelte

@@ -61,6 +61,9 @@
 	// Flag to prevent URL watcher from double-launching during MCP session creation
 	const mcpLaunchInProgress = $state(false);
 
+	// Touch interaction mode for canvas
+	let touchMode = $state<'scroll' | 'cursor'>('scroll');
+
 	// Flag to track if sessions were recovered (prevents creating empty tab on mount)
 	let sessionsRecovered = $state(false);
 
@@ -417,6 +420,14 @@
 		return mcpHandler.isCurrentTabMcpControlled();
 	}
 
+	// Hide MCP virtual cursor when switching to a non-MCP-controlled tab
+	$effect(() => {
+		void activeTabId; // track activeTabId changes
+		if (!isCurrentTabMcpControlled()) {
+			mcpVirtualCursor = { x: 0, y: 0, visible: false, clicking: false };
+		}
+	});
+
 	// Stream message handling
 	$effect(() => {
 		if (activeTabId && sessionId) {
@@ -426,6 +437,8 @@
 
 	// Expose methods for parent (PreviewPanel)
 	export const browserActions = {
+		getTouchMode: () => touchMode,
+		setTouchMode: (mode: 'scroll' | 'cursor') => { touchMode = mode; },
 		changeDeviceSize: (size: DeviceSize) => {
 			coordinator.changeDeviceSize(size, previewDimensions?.scale);
 		},
@@ -460,7 +473,7 @@
 			bind:isConsoleOpen
 			{tabs}
 			{activeTabId}
-			mcpControlledTabId={mcpHandler.mcpControlState.controlledTabId}
+			mcpControlledTabIds={mcpHandler.getControlledTabIds()}
 			onGoClick={handleGoClick}
 			onRefresh={refreshPreview}
 			onOpenInExternalBrowser={() => {}}
@@ -494,6 +507,7 @@
 				bind:canvasAPI
 				bind:previewDimensions
 				bind:lastFrameData={currentTabLastFrameData}
+				bind:touchMode
 				isMcpControlled={isCurrentTabMcpControlled()}
 				onInteraction={handleCanvasInteraction}
 				onRetry={handleGoClick}