feat: add SSH vs Local indicator in System Process Viewer

Session rows show an SSH/Local badge between the running count and
session ID. SSH sessions display "SSH: {name}" with host tooltip;
local sessions show "Local". Process rows show a compact "SSH" badge
after the Running status for remote sessions.

Author: pedramamini

src/__tests__/renderer/components/ProcessMonitor.test.tsx

@@ -769,6 +769,69 @@ describe('ProcessMonitor', () => {
 		});
 	});
 
+	describe('SSH/Local indicator', () => {
+		it('should show "Local" badge on session row for local sessions', async () => {
+			const process = createActiveProcess({ sessionId: 'session-1-ai-tab-1' });
+			getActiveProcessesMock().mockResolvedValue([process]);
+
+			const session = createSession();
+			render(<ProcessMonitor theme={theme} sessions={[session]} groups={[]} onClose={onClose} />);
+
+			await waitFor(() => {
+				expect(screen.getByTitle('Running locally')).toBeInTheDocument();
+				expect(screen.getByText('Local')).toBeInTheDocument();
+			});
+		});
+
+		it('should show SSH badge on session row for SSH sessions', async () => {
+			const process = createActiveProcess({ sessionId: 'session-1-ai-tab-1' });
+			getActiveProcessesMock().mockResolvedValue([process]);
+
+			const session = createSession({
+				sshRemote: { id: 'remote-1', name: 'dev-box', host: '192.168.1.100' },
+			});
+			render(<ProcessMonitor theme={theme} sessions={[session]} groups={[]} onClose={onClose} />);
+
+			await waitFor(() => {
+				expect(screen.getByText('SSH: dev-box')).toBeInTheDocument();
+				// Both session row and process row have SSH badges with this title
+				const sshTitles = screen.getAllByTitle('SSH: dev-box (192.168.1.100)');
+				expect(sshTitles.length).toBeGreaterThanOrEqual(1);
+			});
+		});
+
+		it('should show SSH badge on process row for SSH sessions', async () => {
+			const process = createActiveProcess({ sessionId: 'session-1-ai-tab-1' });
+			getActiveProcessesMock().mockResolvedValue([process]);
+
+			const session = createSession({
+				sshRemote: { id: 'remote-1', name: 'prod-server', host: '10.0.0.5' },
+			});
+			render(<ProcessMonitor theme={theme} sessions={[session]} groups={[]} onClose={onClose} />);
+
+			await waitFor(() => {
+				// Process row should have the SSH badge
+				const sshBadges = screen.getAllByText('SSH');
+				expect(sshBadges.length).toBeGreaterThanOrEqual(1);
+			});
+		});
+
+		it('should not show SSH badge on process row for local sessions', async () => {
+			const process = createActiveProcess({ sessionId: 'session-1-ai-tab-1' });
+			getActiveProcessesMock().mockResolvedValue([process]);
+
+			const session = createSession();
+			render(<ProcessMonitor theme={theme} sessions={[session]} groups={[]} onClose={onClose} />);
+
+			await waitFor(() => {
+				expect(screen.getByText('Test Session - AI Agent (claude-code)')).toBeInTheDocument();
+			});
+
+			// No SSH badge should appear on process rows
+			expect(screen.queryByText('SSH')).not.toBeInTheDocument();
+		});
+	});
+
 	describe('Expand/collapse', () => {
 		it('should auto-expand all nodes on initial load', async () => {
 			const process = createActiveProcess();

src/renderer/components/ProcessMonitor.tsx

@@ -72,6 +72,7 @@ interface ProcessNode {
 	participantName?: string; // For group chat participant processes
 	command?: string; // The command used to spawn this process
 	args?: string[]; // The arguments passed to the command
+	sshRemote?: { name: string; host: string }; // SSH remote info if running remotely
 }
 
 // Format runtime in human readable format (e.g., "2m 30s", "1h 5m", "3d 2h")
@@ -358,13 +359,18 @@ export function ProcessMonitor(props: ProcessMonitorProps) {
 
 		// Build session node with active processes
 		const buildSessionNode = (session: Session): ProcessNode => {
+			const sshRemote = session.sshRemote
+				? { name: session.sshRemote.name, host: session.sshRemote.host }
+				: undefined;
+
 			const sessionNode: ProcessNode = {
 				id: `session-${session.id}`,
 				type: 'session',
 				label: session.name,
 				sessionId: session.id,
 				expanded: expandedNodes.has(`session-${session.id}`),
 				children: [],
+				sshRemote,
 			};
 
 			// Get active processes for this session
@@ -430,6 +436,7 @@ export function ProcessMonitor(props: ProcessMonitorProps) {
 					isAutoRun,
 					command: proc.command,
 					args: proc.args,
+					sshRemote,
 				});
 			});
 
@@ -908,6 +915,22 @@ export function ProcessMonitor(props: ProcessMonitorProps) {
 									{activeCount} running
 								</span>
 							)}
+							<span
+								className="px-1.5 py-0.5 rounded text-xs"
+								style={{
+									backgroundColor: node.sshRemote
+										? `${theme.colors.accent}20`
+										: `${theme.colors.textDim}15`,
+									color: node.sshRemote ? theme.colors.accent : theme.colors.textDim,
+								}}
+								title={
+									node.sshRemote
+										? `SSH: ${node.sshRemote.name} (${node.sshRemote.host})`
+										: 'Running locally'
+								}
+							>
+								{node.sshRemote ? `SSH: ${node.sshRemote.name}` : 'Local'}
+							</span>
 							<span>Session: {node.sessionId?.substring(0, 8)}...</span>
 						</span>
 						{node.sessionId && onNavigateToSession && (
@@ -1131,6 +1154,18 @@ export function ProcessMonitor(props: ProcessMonitorProps) {
 						>
 							Running
 						</span>
+						{node.sshRemote && (
+							<span
+								className="text-xs px-1.5 py-0.5 rounded"
+								style={{
+									backgroundColor: `${theme.colors.accent}20`,
+									color: theme.colors.accent,
+								}}
+								title={`SSH: ${node.sshRemote.name} (${node.sshRemote.host})`}
+							>
+								SSH
+							</span>
+						)}
 					</div>
 				</div>
 			);