feat(web): mobile UX parity with desktop interface

src/__tests__/main/web-server/web-server-factory.test.ts

@@ -41,6 +41,35 @@ vi.mock('../../../main/web-server/WebServer', () => {
 			setRefreshFileTreeCallback = vi.fn();
 			setRefreshAutoRunDocsCallback = vi.fn();
 			setConfigureAutoRunCallback = vi.fn();
+			setGetAutoRunDocsCallback = vi.fn();
+			setGetAutoRunDocContentCallback = vi.fn();
+			setSaveAutoRunDocCallback = vi.fn();
+			setStopAutoRunCallback = vi.fn();
+			setGetSettingsCallback = vi.fn();
+			setSetSettingCallback = vi.fn();
+			setGetGroupsCallback = vi.fn();
+			setCreateGroupCallback = vi.fn();
+			setRenameGroupCallback = vi.fn();
+			setDeleteGroupCallback = vi.fn();
+			setMoveSessionToGroupCallback = vi.fn();
+			setCreateSessionCallback = vi.fn();
+			setDeleteSessionCallback = vi.fn();
+			setRenameSessionCallback = vi.fn();
+			setGetGitStatusCallback = vi.fn();
+			setGetGitDiffCallback = vi.fn();
+			setGetGroupChatsCallback = vi.fn();
+			setStartGroupChatCallback = vi.fn();
+			setGetGroupChatStateCallback = vi.fn();
+			setStopGroupChatCallback = vi.fn();
+			setSendGroupChatMessageCallback = vi.fn();
+			setMergeContextCallback = vi.fn();
+			setTransferContextCallback = vi.fn();
+			setSummarizeContextCallback = vi.fn();
+			setGetCueSubscriptionsCallback = vi.fn();
+			setToggleCueSubscriptionCallback = vi.fn();
+			setGetCueActivityCallback = vi.fn();
+			setGetUsageDashboardCallback = vi.fn();
+			setGetAchievementsCallback = vi.fn();
 
 			constructor(port: number, securityToken?: string) {
 				this.port = port;

src/__tests__/renderer/hooks/useRemoteIntegration.test.ts

@@ -135,6 +135,59 @@ describe('useRemoteIntegration', () => {
 		}),
 		sendRemoteNewTabResponse: vi.fn(),
 		sendRemoteConfigureAutoRunResponse: vi.fn(),
+		onRemoteGetAutoRunDocs: vi.fn().mockImplementation(() => {
+			return () => {};
+		}),
+		onRemoteGetAutoRunDocContent: vi.fn().mockImplementation(() => {
+			return () => {};
+		}),
+		onRemoteSaveAutoRunDoc: vi.fn().mockImplementation(() => {
+			return () => {};
+		}),
+		sendRemoteSaveAutoRunDocResponse: vi.fn(),
+		sendRemoteGetAutoRunDocsResponse: vi.fn(),
+		sendRemoteGetAutoRunDocContentResponse: vi.fn(),
+		onRemoteStopAutoRun: vi.fn().mockImplementation(() => {
+			return () => {};
+		}),
+		onRemoteSetSetting: vi.fn().mockImplementation(() => {
+			return () => {};
+		}),
+		sendRemoteSetSettingResponse: vi.fn(),
+		onRemoteCreateSession: vi.fn().mockImplementation(() => {
+			return () => {};
+		}),
+		sendRemoteCreateSessionResponse: vi.fn(),
+		onRemoteDeleteSession: vi.fn().mockImplementation(() => {
+			return () => {};
+		}),
+		onRemoteRenameSession: vi.fn().mockImplementation(() => {
+			return () => {};
+		}),
+		sendRemoteRenameSessionResponse: vi.fn(),
+		onRemoteCreateGroup: vi.fn().mockImplementation(() => {
+			return () => {};
+		}),
+		sendRemoteCreateGroupResponse: vi.fn(),
+		onRemoteRenameGroup: vi.fn().mockImplementation(() => {
+			return () => {};
+		}),
+		sendRemoteRenameGroupResponse: vi.fn(),
+		onRemoteDeleteGroup: vi.fn().mockImplementation(() => {
+			return () => {};
+		}),
+		onRemoteMoveSessionToGroup: vi.fn().mockImplementation(() => {
+			return () => {};
+		}),
+		sendRemoteMoveSessionToGroupResponse: vi.fn(),
+		onRemoteGetGitStatus: vi.fn().mockImplementation(() => {
+			return () => {};
+		}),
+		sendRemoteGetGitStatusResponse: vi.fn(),
+		onRemoteGetGitDiff: vi.fn().mockImplementation(() => {
+			return () => {};
+		}),
+		sendRemoteGetGitDiffResponse: vi.fn(),
 	};
 
 	const mockLive = {

src/__tests__/web/hooks/useLongPressMenu.test.ts

@@ -31,24 +31,15 @@ describe('useLongPressMenu', () => {
 		vi.restoreAllMocks();
 	});
 
-	it('opens the menu after long press', () => {
+	it('triggers onOpenCommandPalette after long press', () => {
+		const onOpenCommandPalette = vi.fn();
 		const button = document.createElement('button');
-		button.getBoundingClientRect = vi.fn(() => ({
-			left: 10,
-			top: 20,
-			width: 30,
-			height: 40,
-			right: 40,
-			bottom: 60,
-			x: 10,
-			y: 20,
-			toJSON: () => {},
-		})) as unknown as () => DOMRect;
 
 		const { result } = renderHook(() =>
 			useLongPressMenu({
 				inputMode: 'ai',
 				value: 'hello',
+				onOpenCommandPalette,
 			})
 		);
 
@@ -61,28 +52,18 @@ describe('useLongPressMenu', () => {
 			vi.advanceTimersByTime(500);
 		});
 
-		expect(result.current.isMenuOpen).toBe(true);
-		expect(result.current.menuAnchor).toEqual({ x: 25, y: 20 });
+		expect(onOpenCommandPalette).toHaveBeenCalledTimes(1);
 	});
 
 	it('cancels long press on touch move', () => {
+		const onOpenCommandPalette = vi.fn();
 		const button = document.createElement('button');
-		button.getBoundingClientRect = vi.fn(() => ({
-			left: 0,
-			top: 0,
-			width: 10,
-			height: 10,
-			right: 10,
-			bottom: 10,
-			x: 0,
-			y: 0,
-			toJSON: () => {},
-		})) as unknown as () => DOMRect;
 
 		const { result } = renderHook(() =>
 			useLongPressMenu({
 				inputMode: 'ai',
 				value: 'hello',
+				onOpenCommandPalette,
 			})
 		);
 
@@ -96,44 +77,18 @@ describe('useLongPressMenu', () => {
 			vi.advanceTimersByTime(500);
 		});
 
-		expect(result.current.isMenuOpen).toBe(false);
+		expect(onOpenCommandPalette).not.toHaveBeenCalled();
 	});
 
-	it('handles quick action selection', () => {
-		const onModeToggle = vi.fn();
-		const { result } = renderHook(() =>
-			useLongPressMenu({
-				inputMode: 'ai',
-				onModeToggle,
-				value: 'hello',
-			})
-		);
-
-		act(() => {
-			result.current.handleQuickAction('switch_mode');
-		});
-
-		expect(onModeToggle).toHaveBeenCalledWith('terminal');
-	});
-
-	it('closes the menu when requested', () => {
+	it('does not trigger onOpenCommandPalette when touch ends before duration', () => {
+		const onOpenCommandPalette = vi.fn();
 		const button = document.createElement('button');
-		button.getBoundingClientRect = vi.fn(() => ({
-			left: 0,
-			top: 0,
-			width: 10,
-			height: 10,
-			right: 10,
-			bottom: 10,
-			x: 0,
-			y: 0,
-			toJSON: () => {},
-		})) as unknown as () => DOMRect;
 
 		const { result } = renderHook(() =>
 			useLongPressMenu({
 				inputMode: 'ai',
 				value: 'hello',
+				onOpenCommandPalette,
 			})
 		);
 
@@ -143,15 +98,24 @@ describe('useLongPressMenu', () => {
 
 		act(() => {
 			result.current.handleTouchStart(createTouchEvent(button));
+			result.current.handleTouchEnd(createTouchEvent(button));
 			vi.advanceTimersByTime(500);
 		});
 
-		expect(result.current.isMenuOpen).toBe(true);
+		expect(onOpenCommandPalette).not.toHaveBeenCalled();
+	});
 
-		act(() => {
-			result.current.closeMenu();
-		});
+	it('returns expected handler functions', () => {
+		const { result } = renderHook(() =>
+			useLongPressMenu({
+				inputMode: 'ai',
+				value: 'hello',
+			})
+		);
 
-		expect(result.current.isMenuOpen).toBe(false);
+		expect(typeof result.current.handleTouchStart).toBe('function');
+		expect(typeof result.current.handleTouchEnd).toBe('function');
+		expect(typeof result.current.handleTouchMove).toBe('function');
+		expect(result.current.sendButtonRef).toBeDefined();
 	});
 });

src/__tests__/web/mobile/AllSessionsView.test.tsx

@@ -299,15 +299,18 @@ describe('AllSessionsView', () => {
 		});
 
 		describe('session card interaction', () => {
-			it('calls onSelectSession and onClose when card is clicked', async () => {
+			it('calls onSelectSession and onClose when card is tapped', async () => {
 				const onSelectSession = vi.fn();
 				const onClose = vi.fn();
 				const sessions = [createMockSession({ id: 'session-1', name: 'Click Me' })];
 
 				render(<AllSessionsView {...createDefaultProps({ sessions, onSelectSession, onClose })} />);
 
 				const sessionCard = screen.getByRole('button', { name: /Click Me/i });
-				fireEvent.click(sessionCard);
+				// JSDOM has ontouchstart in window, so the click handler is bypassed.
+				// Use touch events to simulate a tap (as the source uses handleTouchEnd for selection).
+				fireEvent.touchStart(sessionCard, { touches: [{ clientX: 0, clientY: 0 }] });
+				fireEvent.touchEnd(sessionCard);
 
 				expect(mockTriggerHaptic).toHaveBeenCalledWith([10]); // HAPTIC_PATTERNS.tap
 				expect(onSelectSession).toHaveBeenCalledWith('session-1');
@@ -957,8 +960,11 @@ describe('AllSessionsView', () => {
 			});
 
 			// 3. Select Backend
+			// JSDOM has ontouchstart in window, so the click handler is bypassed.
+			// Use touch events to simulate a tap (as the source uses handleTouchEnd for selection).
 			const backendCard = screen.getByRole('button', { name: /Backend session/i });
-			fireEvent.click(backendCard);
+			fireEvent.touchStart(backendCard, { touches: [{ clientX: 0, clientY: 0 }] });
+			fireEvent.touchEnd(backendCard);
 
 			expect(onSelectSession).toHaveBeenCalledWith('s2');
 			expect(onClose).toHaveBeenCalled();