zerogterm 0.2.0-alpha.1 → 0.2.0-alpha.2

package/README.md

@@ -6,6 +6,8 @@ ZeroG Terminal is a Linux-first Electron workspace for persistent `screen` sessi
 - Session sidebar with create, discover, refresh, and attach actions.
 - Visible actions for opening a persistent local terminal and connecting to an SSH target (`host`, `user@host`, or `user@host:port`).
 - xterm.js terminal renderer and a split workspace surface.
+- Pane close button: closing detaches the session and removes the pane from the workspace; screen-backed sessions stay alive and remain discoverable.
+- Newly opened terminal and SSH panes receive keyboard focus so typing works immediately.
 - Persistent dark/light theme with an accessible sun/moon toggle.
 - Safe session-name validation and argument-array `screen` invocation.
 - AI command approval surface; suggestions are visible and require explicit approval before being sent to the terminal.

package/dist/main/main/main.js

@@ -1,9 +1,12 @@
 import { app, BrowserWindow, clipboard, ipcMain, Menu, session } from 'electron';
 import { join } from 'node:path';
 import { fileURLToPath } from 'node:url';
-import { ScreenService } from './session-service.js';
+import { ScreenService, discoverShellBackends, parseWslDistributions } from './session-service.js';
+import { SessionHistoryStore, defaultHistoryPath } from './session-history.js';
+import { buildRemoteScreenAttachArgs, buildRemoteScreenDiscoveryArgs, listKnownConnections, parseRemoteScreenList, validateKnownConnection } from './ssh-inventory.js';
 const __dirname = fileURLToPath(new URL('.', import.meta.url));
-const service = new ScreenService();
+const history = new SessionHistoryStore({ filePath: defaultHistoryPath(app.getPath('userData')) });
+const service = new ScreenService({ onEvent: (event, session, available) => { void history.record(event, session, available); } });
 let win;
 // GPU is unstable under Toolbox/Wayland on this host; allow override.
 if (process.env.ZEROG_ENABLE_GPU !== '1') {
@@ -53,12 +56,28 @@ function isRecord(value) {
     return typeof value === 'object' && value !== null;
 }
 ipcMain.handle('sessions:list', () => service.list());
+ipcMain.handle('sessions:history', () => history.list());
+ipcMain.handle('sessions:historyRemove', (_event, entryId) => history.remove(entryId));
+ipcMain.handle('sessions:backends', () => discoverShellBackends());
+ipcMain.handle('sessions:wslDistributions', async () => {
+    try {
+        const { execFile } = await import('node:child_process');
+        const { promisify } = await import('node:util');
+        const { stdout } = await promisify(execFile)(process.platform === 'win32' ? 'wsl.exe' : 'wsl', ['--list', '--quiet']);
+        return parseWslDistributions(stdout);
+    }
+    catch {
+        return [];
+    }
+});
 ipcMain.handle('sessions:createLocal', async (_event, request) => {
     if (!isRecord(request) || typeof request.name !== 'string') {
         throw new Error('createLocalSession requires { name: string }');
     }
     const cwd = typeof request.cwd === 'string' ? request.cwd : undefined;
-    return service.createLocal(request.name, cwd);
+    const backend = request.backend === 'bash' || request.backend === 'zsh' || request.backend === 'powershell' || request.backend === 'wsl' ? request.backend : undefined;
+    const wslDistribution = typeof request.wslDistribution === 'string' ? request.wslDistribution : undefined;
+    return service.createLocal({ name: request.name, cwd, ...(backend ? { backend } : {}), wslDistribution });
 });
 ipcMain.handle('sessions:createSsh', async (_event, request) => {
     if (!isRecord(request) || typeof request.target !== 'string') {
@@ -67,6 +86,26 @@ ipcMain.handle('sessions:createSsh', async (_event, request) => {
     const name = typeof request.name === 'string' ? request.name : undefined;
     return service.createSsh(request.target, name);
 });
+ipcMain.handle('connections:listKnown', () => listKnownConnections());
+ipcMain.handle('screens:discoverRemote', async (_event, input) => {
+    const connection = validateKnownConnection(input);
+    const command = buildRemoteScreenDiscoveryArgs(connection);
+    const { execFile } = await import('node:child_process');
+    const { promisify } = await import('node:util');
+    try {
+        const { stdout } = await promisify(execFile)(command.file, command.args);
+        return parseRemoteScreenList(stdout, connection.alias);
+    }
+    catch (error) {
+        return { status: 'unavailable', host: connection.alias, reason: error?.code === 'ENOENT' ? 'ssh-unavailable' : 'host-unreachable', sessions: [] };
+    }
+});
+ipcMain.handle('screens:attachRemote', (_event, input, screenName) => {
+    const connection = validateKnownConnection(input);
+    if (typeof screenName !== 'string')
+        throw new Error('screenName is required');
+    return buildRemoteScreenAttachArgs(connection, screenName);
+});
 ipcMain.handle('sessions:attach', (_event, id) => {
     if (typeof id !== 'string' || !id)
         throw new Error('attachSession requires a session id');

package/dist/main/main/preload.cjs

@@ -2,8 +2,15 @@ const { contextBridge, ipcRenderer } = require('electron');
 
 const api = {
   listSessions: () => ipcRenderer.invoke('sessions:list'),
+  listHistory: () => ipcRenderer.invoke('sessions:history'),
+  removeHistory: (entryId) => ipcRenderer.invoke('sessions:historyRemove', entryId),
+  listBackends: () => ipcRenderer.invoke('sessions:backends'),
+  listWslDistributions: () => ipcRenderer.invoke('sessions:wslDistributions'),
   createLocalSession: (request) => ipcRenderer.invoke('sessions:createLocal', request),
   createSshSession: (request) => ipcRenderer.invoke('sessions:createSsh', request),
+  listKnownConnections: () => ipcRenderer.invoke('connections:listKnown'),
+  discoverRemoteScreens: (connection) => ipcRenderer.invoke('screens:discoverRemote', connection),
+  buildRemoteScreenAttach: (connection, screenName) => ipcRenderer.invoke('screens:attachRemote', connection, screenName),
   attachSession: (id) => ipcRenderer.invoke('sessions:attach', id),
   closeSession: (id) => ipcRenderer.invoke('sessions:close', id),
   write: (sessionId, data) => ipcRenderer.send('terminal:write', sessionId, data),

package/dist/main/main/session-history.js

@@ -0,0 +1,105 @@
+import { mkdir, readFile, rename, writeFile } from 'node:fs/promises';
+import { dirname, join } from 'node:path';
+import { randomUUID } from 'node:crypto';
+const SCHEMA_VERSION = 1;
+const DEFAULT_LIMIT = 100;
+/** Main-process-only, best-effort history persistence. Never stores cwd, args, or credentials. */
+export class SessionHistoryStore {
+    filePath;
+    limit;
+    now;
+    entries = [];
+    loaded = false;
+    writeQueue = Promise.resolve();
+    constructor(options) {
+        this.filePath = options.filePath;
+        this.limit = Math.max(1, Math.floor(options.limit ?? DEFAULT_LIMIT));
+        this.now = options.now ?? (() => new Date());
+    }
+    async list() {
+        await this.ensureLoaded();
+        return this.entries.map((entry) => ({ ...entry, session: { ...entry.session } }));
+    }
+    async record(event, session, available) {
+        await this.ensureLoaded();
+        const entry = {
+            id: randomUUID(),
+            timestamp: this.now().toISOString(),
+            event,
+            session: redactSession(session),
+            available: Boolean(available)
+        };
+        this.entries = [entry, ...this.entries].slice(0, this.limit);
+        await this.persist();
+        return entry;
+    }
+    async remove(entryId) {
+        await this.ensureLoaded();
+        const index = this.entries.findIndex((item) => item.id === entryId);
+        if (index < 0)
+            return false;
+        this.entries = this.entries.filter((item) => item.id !== entryId);
+        await this.persist();
+        return true;
+    }
+    async ensureLoaded() {
+        if (this.loaded)
+            return;
+        this.loaded = true;
+        try {
+            const parsed = JSON.parse(await readFile(this.filePath, 'utf8'));
+            if (!isHistoryFile(parsed))
+                return;
+            this.entries = parsed.entries.slice(0, this.limit).map(normalizeEntry).filter((entry) => entry !== undefined);
+        }
+        catch {
+            this.entries = [];
+        }
+    }
+    async persist() {
+        const snapshot = { version: SCHEMA_VERSION, entries: this.entries };
+        this.writeQueue = this.writeQueue.then(async () => {
+            try {
+                await mkdir(dirname(this.filePath), { recursive: true });
+                const temp = join(dirname(this.filePath), `.history.tmp-${process.pid}-${randomUUID()}`);
+                await writeFile(temp, JSON.stringify(snapshot, null, 2), { encoding: 'utf8', mode: 0o600 });
+                await rename(temp, this.filePath);
+            }
+            catch {
+                // History must never affect terminal operation.
+            }
+        });
+        await this.writeQueue;
+    }
+}
+function redactSession(session) {
+    const result = {
+        id: safeText(session.id), name: safeText(session.name), kind: session.kind, host: safeText(session.host), backend: session.backend, scope: session.scope, screenName: session.screenName, sshTarget: session.sshTarget, wslDistribution: session.wslDistribution
+    };
+    if (typeof session.backend === 'string')
+        result.backend = safeText(session.backend);
+    if (typeof session.scope === 'string')
+        result.scope = safeText(session.scope);
+    if (typeof session.screenName === 'string')
+        result.screenName = safeText(session.screenName);
+    if (typeof session.sshTarget === 'string')
+        result.sshTarget = safeText(session.sshTarget);
+    if (typeof session.wslDistribution === 'string')
+        result.wslDistribution = safeText(session.wslDistribution);
+    return result;
+}
+function safeText(value) { return value.replace(/[\u0000-\u001f\u007f]/g, '').slice(0, 256); }
+function isHistoryFile(value) {
+    return typeof value === 'object' && value !== null && value.version === SCHEMA_VERSION && Array.isArray(value.entries);
+}
+function normalizeEntry(value) {
+    if (!value || typeof value !== 'object')
+        return undefined;
+    const item = value;
+    if (typeof item.id !== 'string' || typeof item.timestamp !== 'string' || !['created', 'attached', 'detached', 'closed', 'reconnect-failed'].includes(item.event) || typeof item.available !== 'boolean' || !item.session || typeof item.session !== 'object')
+        return undefined;
+    if (!['local', 'ssh'].includes(item.session.kind) || typeof item.session.id !== 'string' || typeof item.session.name !== 'string' || typeof item.session.host !== 'string')
+        return undefined;
+    return { id: safeText(item.id), timestamp: item.timestamp, event: item.event, available: item.available, session: redactSession(item.session) };
+}
+export function defaultHistoryPath(userDataPath) { return join(userDataPath, 'session-history.json'); }

package/dist/main/main/session-service.js

@@ -35,6 +35,34 @@ export function validateSshTarget(input) {
     args.push(destination);
     return { target: value, args };
 }
+export function parseWslDistributions(output) {
+    return output.split(/\r?\n/).slice(1).map((line) => line.replace(/^\*?\s*/, '').trim())
+        .map((line) => line.split(/\s{2,}/)[0]).filter((name) => /^[A-Za-z0-9][A-Za-z0-9 ._-]{0,63}$/.test(name));
+}
+export function shellBackendArgs(backend, distribution) {
+    if (backend === 'wsl') {
+        if (distribution && !/^[A-Za-z0-9][A-Za-z0-9 ._-]{0,63}$/.test(distribution.trim()))
+            throw new Error('Invalid WSL distribution name.');
+        return { backend, executable: process.platform === 'win32' ? 'wsl.exe' : 'wsl', args: distribution ? ['-d', distribution.trim()] : [], label: distribution ? `WSL · ${distribution.trim()}` : 'WSL', wslDistribution: distribution?.trim() };
+    }
+    if (backend === 'powershell')
+        return { backend, executable: process.platform === 'win32' ? 'pwsh.exe' : 'pwsh', args: [], label: 'PowerShell' };
+    if (backend === 'zsh')
+        return { backend, executable: 'zsh', args: [], label: 'zsh' };
+    return { backend: 'bash', executable: 'bash', args: [], label: 'bash' };
+}
+export async function discoverShellBackends() {
+    const result = [shellBackendArgs('bash')];
+    for (const backend of ['powershell', 'wsl']) {
+        const candidate = shellBackendArgs(backend);
+        try {
+            await execFileAsync(candidate.executable, backend === 'wsl' ? ['--status'] : ['-NoProfile', '-Command', '$PSVersionTable.PSVersion.ToString()']);
+            result.push(candidate);
+        }
+        catch { /* unavailable */ }
+    }
+    return result;
+}
 export function parseScreenList(output) {
     return output
         .split('\n')
@@ -54,7 +82,11 @@ export function parseScreenList(output) {
                 cwd: homedir(),
                 status: attached ? 'connected' : 'detached',
                 lastSeen: new Date().toISOString(),
-                persistence: 'screen'
+                persistence: 'screen',
+                backend: 'screen',
+                scope: 'local',
+                source: 'discovered',
+                screenName: name
             }
         ];
     });
@@ -71,6 +103,8 @@ export class ScreenService {
     ptys = new Map();
     sshSessions = new Map();
     fallbackLocalSessions = new Map();
+    onEvent;
+    constructor(options = {}) { this.onEvent = options.onEvent; }
     async available() {
         try {
             await execFileAsync('screen', ['--version']);
@@ -111,33 +145,24 @@ export class ScreenService {
             return [];
         }
     }
-    async createLocal(name, cwd = homedir()) {
-        const safeName = validateSessionName(name);
+    async createLocal(nameOrRequest, cwd = homedir()) {
+        const request = typeof nameOrRequest === 'string' ? { name: nameOrRequest, cwd } : nameOrRequest;
+        const safeName = validateSessionName(request.name);
+        const backend = request.backend ?? 'bash';
+        const shell = shellBackendArgs(backend, request.wslDistribution);
+        const requestedCwd = request.cwd ?? homedir();
+        if (backend !== 'bash' && !(await executableAvailable(shell.executable)))
+            throw new Error(`${shell.label} is not installed or unavailable.`);
         if (!(await this.available())) {
-            const fallback = {
-                id: `local:${safeName}`,
-                name: safeName,
-                kind: 'local',
-                host: 'local',
-                cwd,
-                status: 'detached',
-                lastSeen: new Date().toISOString(),
-                persistence: 'process'
-            };
+            const fallback = { id: `local:${safeName}`, name: safeName, kind: 'local', host: 'local', cwd: requestedCwd, status: 'detached', lastSeen: new Date().toISOString(), persistence: 'process', backend, scope: 'local', source: 'active', wslDistribution: shell.wslDistribution };
             this.fallbackLocalSessions.set(fallback.id, fallback);
+            this.onEvent?.('created', fallback, true);
             return fallback;
         }
-        await execFileAsync('screen', ['-dmS', safeName, 'bash'], { cwd });
-        return {
-            id: `local:${safeName}`,
-            name: safeName,
-            kind: 'local',
-            host: 'local',
-            cwd,
-            status: 'detached',
-            lastSeen: new Date().toISOString(),
-            persistence: 'screen'
-        };
+        await execFileAsync('screen', ['-dmS', safeName, shell.executable, ...shell.args], { cwd: requestedCwd });
+        const session = { id: `local:${safeName}`, name: safeName, kind: 'local', host: 'local', cwd: requestedCwd, status: 'detached', lastSeen: new Date().toISOString(), persistence: 'screen', backend: 'screen', scope: 'local', source: 'active', screenName: safeName, wslDistribution: shell.wslDistribution };
+        this.onEvent?.('created', session, true);
+        return session;
     }
     async createSsh(targetInput, name) {
         const { target } = validateSshTarget(targetInput);
@@ -150,9 +175,13 @@ export class ScreenService {
             cwd: '~',
             status: 'detached',
             lastSeen: new Date().toISOString(),
-            sshTarget: target
+            sshTarget: target,
+            backend: 'ssh',
+            scope: 'remote',
+            source: 'active'
         };
         this.sshSessions.set(session.id, session);
+        this.onEvent?.('created', session, true);
         return session;
     }
     attach(id, onData, onExit) {
@@ -164,11 +193,14 @@ export class ScreenService {
             if (fallback) {
                 fallback.status = 'connected';
                 fallback.lastSeen = new Date().toISOString();
-                this.spawnCommand(id, 'bash', [], onData, onExit, fallback.cwd);
+                const shell = shellBackendArgs(fallback.backend ?? 'bash', fallback.wslDistribution);
+                this.spawnCommand(id, shell.executable, shell.args, onData, onExit, fallback.cwd);
+                this.onEvent?.('attached', fallback, true);
                 return { ...fallback };
             }
             const name = id.slice('local:'.length);
             this.spawnCommand(id, 'screen', ['-x', name], onData, onExit);
+            this.onEvent?.('attached', existing, true);
             return { ...existing, status: 'connected', persistence: 'screen' };
         }
         const session = this.sshSessions.get(id);
@@ -178,7 +210,15 @@ export class ScreenService {
         const { args } = validateSshTarget(session.sshTarget);
         session.status = 'connected';
         session.lastSeen = new Date().toISOString();
-        this.spawnCommand(id, 'ssh', args, onData, onExit);
+        try {
+            this.spawnCommand(id, 'ssh', args, onData, onExit);
+        }
+        catch (error) {
+            session.status = 'error';
+            this.onEvent?.('reconnect-failed', session, false);
+            throw error;
+        }
+        this.onEvent?.('attached', session, true);
         return { ...session };
     }
     getSession(id) {
@@ -229,11 +269,15 @@ export class ScreenService {
         proc.onExit(() => {
             this.ptys.delete(sessionId);
             const fallback = this.fallbackLocalSessions.get(sessionId);
-            if (fallback)
+            if (fallback) {
                 fallback.status = 'detached';
+                this.onEvent?.('detached', fallback, false);
+            }
             const ssh = this.sshSessions.get(sessionId);
-            if (ssh)
+            if (ssh) {
                 ssh.status = 'detached';
+                this.onEvent?.('detached', ssh, false);
+            }
             onExit(fallback
                 ? 'Terminal detached. This process-only local session will not survive app exit; install screen for persistence.'
                 : 'Terminal detached. Local screen sessions remain alive; SSH sessions end with the connection.');
@@ -259,8 +303,17 @@ export class ScreenService {
      * discoverable via `screen -ls`; SSH and process-only sessions end.
      */
     close(sessionId) {
+        const session = this.getSession(sessionId);
         this.detach(sessionId);
         this.sshSessions.delete(sessionId);
         this.fallbackLocalSessions.delete(sessionId);
+        this.onEvent?.('closed', session, false);
     }
 }
+async function executableAvailable(executable) { try {
+    await execFileAsync(executable, ['--version']);
+    return true;
+}
+catch {
+    return false;
+} }

package/dist/main/main/ssh-inventory.js

@@ -0,0 +1,116 @@
+import { homedir } from 'node:os';
+import { readFile } from 'node:fs/promises';
+const TOKEN = /^[A-Za-z0-9][A-Za-z0-9._-]{0,63}$/;
+const HOST = /^[A-Za-z0-9][A-Za-z0-9._:-]{0,253}$/;
+const USER = /^[A-Za-z0-9._-]{1,64}$/;
+const SCREEN = /^[A-Za-z0-9][A-Za-z0-9_.-]{0,48}$/;
+function words(value) {
+    const result = [];
+    const re = /"([^"\\]*(?:\\.[^"\\]*)*)"|'([^']*)'|(\S+)/g;
+    for (let match; (match = re.exec(value));)
+        result.push((match[1] ?? match[2] ?? match[3]).replace(/\\([\\"'])/g, '$1'));
+    return result;
+}
+export function parseSshConfig(text, source) {
+    const entries = [];
+    let current = [];
+    const flush = () => { entries.push(...current); current = []; };
+    for (const raw of text.split(/\r?\n/)) {
+        const line = raw.replace(/\s+#.*$/, '').trim();
+        if (!line || line.startsWith('#'))
+            continue;
+        const match = line.match(/^([^\s=]+)\s*(?:=\s*|\s+)(.*)$/);
+        if (!match)
+            continue;
+        const key = match[1].toLowerCase();
+        const args = words(match[2].trim());
+        if (key === 'host') {
+            flush();
+            const aliases = args.filter((alias) => !alias.includes('*') && !alias.includes('?') && TOKEN.test(alias));
+            current = aliases.map((alias) => ({ alias, source }));
+            continue;
+        }
+        if (!current.length || !args[0])
+            continue;
+        const value = args[0];
+        for (const entry of current) {
+            if (key === 'hostname' && !entry.hostName)
+                entry.hostName = value;
+            else if (key === 'user' && !entry.user && USER.test(value))
+                entry.user = value;
+            else if (key === 'port' && !entry.port && /^\d+$/.test(value) && Number(value) >= 1 && Number(value) <= 65535)
+                entry.port = Number(value);
+            else if (key === 'identityfile' && !entry.identityFile)
+                entry.identityFile = value;
+        }
+    }
+    flush();
+    return entries;
+}
+export async function listKnownConnections(path = `${homedir()}/.ssh/config`) {
+    try {
+        return parseSshConfig(await readFile(path, 'utf8'), path);
+    }
+    catch {
+        return [];
+    }
+}
+export function validateKnownConnection(input) {
+    if (!input || typeof input !== 'object')
+        throw new Error('Invalid SSH connection.');
+    const value = input;
+    if (typeof value.alias !== 'string' || !TOKEN.test(value.alias))
+        throw new Error('Invalid SSH alias.');
+    const result = { alias: value.alias };
+    if (value.hostName !== undefined) {
+        if (typeof value.hostName !== 'string' || !HOST.test(value.hostName))
+            throw new Error('Invalid SSH hostname.');
+        result.hostName = value.hostName;
+    }
+    if (value.user !== undefined) {
+        if (typeof value.user !== 'string' || !USER.test(value.user))
+            throw new Error('Invalid SSH user.');
+        result.user = value.user;
+    }
+    if (value.port !== undefined) {
+        if (!Number.isInteger(value.port) || value.port < 1 || value.port > 65535)
+            throw new Error('Invalid SSH port.');
+        result.port = value.port;
+    }
+    if (value.identityFile !== undefined) {
+        if (typeof value.identityFile !== 'string' || value.identityFile.length > 4096 || /[\0\r\n]/.test(value.identityFile))
+            throw new Error('Invalid identity file metadata.');
+        result.identityFile = value.identityFile;
+    }
+    if (value.source !== undefined && typeof value.source === 'string')
+        result.source = value.source;
+    return result;
+}
+function sshArgs(connection) {
+    const c = validateKnownConnection(connection);
+    const destination = c.user ? `${c.user}@${c.hostName ?? c.alias}` : (c.hostName ?? c.alias);
+    const args = [];
+    if (c.port)
+        args.push('-p', String(c.port));
+    args.push(destination, '--');
+    return args;
+}
+export function buildRemoteScreenDiscoveryArgs(connection) {
+    return { file: 'ssh', args: [...sshArgs(connection), 'screen', '-ls'] };
+}
+export function buildRemoteScreenAttachArgs(connection, screenName) {
+    if (!SCREEN.test(screenName))
+        throw new Error('Invalid screen session name.');
+    return { file: 'ssh', args: [...sshArgs(connection), 'screen', '-x', screenName] };
+}
+export function parseRemoteScreenList(output, host) {
+    if (!TOKEN.test(host))
+        throw new Error('Invalid remote host identity.');
+    return output.split(/\r?\n/).flatMap((line) => {
+        const match = line.trim().match(/^\d+\.(\S+)\s+\(([^)]+)\)/);
+        if (!match || !SCREEN.test(match[1]))
+            return [];
+        const name = match[1];
+        return [{ id: `remote:${host}:${name}`, name, kind: 'ssh', host, cwd: '~', status: /attached/i.test(match[2]) ? 'connected' : 'detached', lastSeen: new Date().toISOString(), persistence: 'screen', sshTarget: host, backend: 'screen', scope: 'remote', source: 'discovered', screenName: name }];
+    });
+}

package/dist/renderer/assets/index-5pgRaxBt.css

@@ -0,0 +1 @@
+.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;inset:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility:not(.debug),.xterm .xterm-message{position:absolute;inset:0;z-index:10;color:transparent;pointer-events:none}.xterm .xterm-accessibility-tree:not(.debug) *::selection{color:transparent}.xterm .xterm-accessibility-tree{-webkit-user-select:text;user-select:text;white-space:pre}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#d8dee9;background:#0a0c10;font-size:13px;line-height:1.4;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:980px;overflow:hidden;background:#0a0c10}button,input{font:inherit}button{color:inherit;border:0;cursor:pointer}button:focus-visible,input:focus-visible{outline:1px solid #7aa2f7;outline-offset:2px}.app-shell{height:100vh;background:#0a0c10}.window-bar{height:48px;display:flex;align-items:center;border-bottom:1px solid #202630;background:#0f1218;padding:0 12px;gap:14px}.window-brand{width:120px;display:flex;align-items:center;gap:9px;flex:none}.brand-mark{display:grid;place-items:center;width:25px;height:25px;border:1px solid #3b82f6;border-radius:5px;color:#7aa2f7;font:700 9px JetBrains Mono,monospace}.brand-name{font-size:13px;font-weight:650;letter-spacing:.01em}.workspace-tabs{display:flex;align-items:center;gap:6px;min-width:0;overflow:auto}.workspace-tab{height:32px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid transparent;border-radius:5px;color:#8b93a3;background:transparent;white-space:nowrap}.workspace-tab.active{background:#151a22;border-color:#252d39;color:#d8dee9}.tab-dot,.connection-dot,.pane-live{width:6px;height:6px;border-radius:50%;background:#9ece6a;display:inline-block;flex:none}.tab-meta{font:11px JetBrains Mono,monospace;color:#697386;margin-left:2px}.window-actions{margin-left:auto;display:flex;align-items:center;gap:4px;flex:none}.bar-button,.avatar{height:30px;display:flex;align-items:center;gap:7px;padding:0 9px;border-radius:4px;color:#8b93a3;background:transparent}.bar-button:hover{background:#1a202a;color:#d8dee9}.icon{font-size:14px;line-height:1;color:currentColor}.icon-svg{width:14px;height:14px;display:block;flex:none}.square-button .icon-svg,.rail-button .icon-svg,.layout-button .icon-svg,.inline-restore .icon-svg{width:15px;height:15px}.avatar{width:28px;justify-content:center;border:1px solid #2a3340;color:#9ece6a;padding:0;font-size:11px;margin-left:6px}.body-shell{height:calc(100vh - 48px);display:flex}.rail{width:48px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 0;border-right:1px solid #202630;background:#0d1015;flex:none}.rail-button{width:32px;height:32px;display:grid;place-items:center;border-radius:5px;color:#697386;background:transparent}.rail-button:hover,.rail-button.active{background:#1a202a;color:#d8dee9}.rail-button.active{box-shadow:inset 2px 0 #7aa2f7}.rail-spacer{flex:1}.session-drawer{width:238px;display:flex;flex-direction:column;border-right:1px solid #202630;background:#0f1218;flex:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 14px 12px;gap:8px}.drawer-head-actions{display:flex;align-items:center;gap:6px}.eyebrow{display:block;color:#697386;font-size:10px;font-weight:700;letter-spacing:.1em}.drawer-head h1{margin:3px 0 0;font-size:16px;font-weight:600;letter-spacing:-.01em}.square-button{width:27px;height:27px;display:grid;place-items:center;border:1px solid #2a3340;border-radius:4px;background:#151a22;color:#9aa4b2}.square-button:hover{border-color:#7aa2f7;color:#d8dee9}.drawer-tools{display:flex;gap:2px;padding:0 10px 10px;border-bottom:1px solid #202630}.drawer-tool{padding:5px 7px;border-radius:4px;color:#697386;background:transparent;font-size:11px}.drawer-tool span{margin-left:5px;color:#4e5969}.drawer-tool:hover,.drawer-tool.active{background:#1a202a;color:#d8dee9}.session-list{padding:8px 7px;overflow:auto;flex:1}.session-row{width:100%;display:flex;align-items:center;gap:9px;padding:9px 8px;text-align:left;border-radius:5px;background:transparent;color:#8b93a3}.session-row:hover{background:#151a22}.session-row.active{background:#1c2531;color:#d8dee9;box-shadow:inset 2px 0 #7aa2f7}.status-dot{width:6px;height:6px;border-radius:50%;background:#4e5969;flex:none}.status-dot.connected{background:#9ece6a}.status-dot.detached{background:#e0af68}.status-dot.error{background:#f7768e}.session-copy{min-width:0;display:flex;flex-direction:column;gap:2px;flex:1}.session-copy b{font-size:12px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-copy small{font:10px JetBrains Mono,monospace;color:#697386;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-state{font:11px JetBrains Mono,monospace;color:#697386}.session-empty{display:flex;flex-direction:column;gap:6px;padding:18px 10px;color:#697386}.session-empty b{color:#8b93a3;font-size:12px;font-weight:550}.session-empty small{font-size:11px;line-height:1.45}.session-group-label{padding:8px 10px 4px;color:#697386;font:10px JetBrains Mono,monospace;letter-spacing:.04em}.drawer-bottom{margin-top:auto;padding:10px 9px;border-top:1px solid #202630}.drawer-action{width:100%;display:flex;align-items:center;gap:8px;padding:7px 5px;color:#8b93a3;background:transparent;text-align:left;border-radius:4px;font-size:11px}.drawer-action:hover{background:#151a22;color:#d8dee9}.drawer-action kbd{margin-left:auto;color:#4e5969;font:9px JetBrains Mono,monospace}.drawer-status{display:flex;align-items:center;gap:8px;margin-top:13px;padding:5px;color:#697386;font:10px JetBrains Mono,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workspace{display:flex;flex:1;flex-direction:column;min-width:0;background:#0a0c10}.workspace-head{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #202630;background:#0d1015}.location{display:flex;align-items:center;gap:8px;color:#8b93a3;font:11px JetBrains Mono,monospace;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inline-restore{width:24px;height:24px;display:grid;place-items:center;border-radius:4px;color:#8b93a3;background:#151a22;border:1px solid #2a3340}.inline-restore:hover{color:#d8dee9;border-color:#7aa2f7}.slash{color:#3d4654}.muted-text{color:#697386}.layout-controls{display:flex;align-items:center;gap:2px}.control-label{font-size:9px;color:#4e5969;letter-spacing:.08em;margin-right:6px}.layout-button{width:26px;height:25px;display:grid;place-items:center;border-radius:4px;background:transparent;color:#697386}.layout-button:hover,.layout-button.active{background:#1a202a;color:#9ece6a}.layout-button .icon-svg{width:15px;height:15px}.pane-grid{display:grid;flex:1;min-height:0;gap:1px;background:#202630;padding:0}.pane-grid.split-v{grid-template-columns:1fr 1fr}.pane-grid.split-h{grid-template-rows:1fr 1fr}.pane-grid.grid{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.pane-grid.maximized-pane-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr)}.pane-grid:not(.maximized-pane-grid) .overflow-pane,.pane-grid.maximized-pane-grid .pane:not(.maximized-pane){display:none}.pane{min-width:0;min-height:0;display:flex;flex-direction:column;background:#0a0c10}.terminal-pane{outline:1px solid #202630;outline-offset:-1px}.terminal-pane.focused{outline:1px solid #7aa2f7;outline-offset:-1px}.pane-title{height:29px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;border-bottom:1px solid #202630;color:#8b93a3;font:10px JetBrains Mono,monospace}.pane-actions,.pane-dim{color:#4e5969;font-size:9px}.pane-actions{display:flex;align-items:center;gap:5px}.pane-nav,.pane-maximize,.pane-close,.pane-mic{width:19px;height:19px;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:3px;color:#697386;background:transparent}.pane-nav:hover,.pane-maximize:hover,.pane-mic:hover{color:#d8dee9;background:#1a202a;border-color:#2a3340}.pane-close:hover{color:#f7768e;background:#f7768e24;border-color:#f7768e66}.pane-mic:disabled{opacity:.4;cursor:default}.pane-mic.listening{color:#f7768e;background:#f7768e29;border-color:#f7768e8c;animation:mic-pulse 1.2s ease-in-out infinite}.pane-mic.transcribing{color:#e0af68;background:#e0af6824;border-color:#e0af6880;animation:mic-pulse .8s ease-in-out infinite}@keyframes mic-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.pane-nav .icon-svg,.pane-maximize .icon-svg,.pane-close .icon-svg,.pane-mic .icon-svg{width:13px;height:13px}.pane-live{width:5px;height:5px;margin-right:5px}.terminal{flex:1;min-height:0;min-width:0;padding:0;overflow:visible;position:relative;background:#0a0c10;line-height:1.2;font-variant-ligatures:none}.terminal .xterm{position:absolute;inset:0;height:100%!important;width:100%!important;padding:0;box-sizing:border-box}.terminal .xterm-viewport{overflow-y:auto!important}.terminal .xterm-screen{position:relative}.terminal .xterm-rows{line-height:inherit}.empty-pane{background:#0d1015}.empty-pane-body{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;height:100%;color:#697386}.empty-glyph{display:grid;place-items:center;width:30px;height:30px;border:1px dashed #344050;border-radius:5px;color:#697386;font-size:18px}.empty-pane-body strong{font-size:11px;color:#8b93a3;font-weight:550}.empty-pane-body small{font-size:10px}.empty-pane-body button{margin-top:8px;padding:6px 9px;border:1px solid #2a3340;border-radius:4px;background:#151a22;color:#8b93a3;font-size:10px}.empty-pane-body button:hover{border-color:#7aa2f7;color:#d8dee9}.status-bar{height:25px;display:flex;align-items:center;gap:8px;padding:0 10px;border-top:1px solid #202630;background:#0f1218;color:#697386;font:10px JetBrains Mono,monospace}.status-separator{width:1px;height:11px;background:#2a3340}.status-spacer{flex:1}.overview-layer,.modal-layer{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#07090dcc}.overview{width:min(780px,calc(100vw - 100px));background:#11161e;border:1px solid #303b4b;border-radius:8px;box-shadow:0 20px 80px #0009}.overview-head,.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 20px 14px;border-bottom:1px solid #202630}.overview-head h2,.modal-head h2{margin:4px 0 0;font-size:17px;font-weight:600}.close-button{padding:4px 7px;border:1px solid #2a3340;border-radius:4px;background:#151a22;color:#697386;font:10px JetBrains Mono,monospace}.close-button:hover{color:#d8dee9;border-color:#7aa2f7}.thumbnail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 20px}.thumbnail{padding:0;text-align:left;background:#0d1015;border:1px solid #252f3c;border-radius:6px;overflow:hidden}.thumbnail:hover,.thumbnail.active{border-color:#7aa2f7}.thumbnail.active{box-shadow:0 0 0 1px #7aa2f733}.thumbnail-preview{height:100px;padding:13px;background:#0a0c10;border-bottom:1px solid #202630;display:flex;flex-direction:column;gap:6px;position:relative}.thumbnail-line{height:3px;width:70%;background:#4e5969;border-radius:2px}.thumbnail-line.short{width:43%}.thumbnail-line.cyan{background:#7dcfff}.thumbnail-line.green{background:#9ece6a;width:56%}.thumbnail-cursor{position:absolute;left:13px;bottom:15px;width:5px;height:9px;background:#9ece6a}.thumbnail-label{display:flex;flex-direction:column;gap:3px;padding:9px 10px}.thumbnail-label b{font-size:11px;font-weight:550;color:#d8dee9}.thumbnail-label small{font:10px JetBrains Mono,monospace;color:#697386}.overview-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:7px;padding:36px;color:#697386}.overview-empty span{font-size:24px}.overview-empty b{color:#d8dee9;font-size:12px}.overview-empty small{font-size:11px}.overview-foot{display:flex;align-items:center;gap:8px;padding:12px 20px;border-top:1px solid #202630}.overview-foot button{padding:7px 9px;border:1px solid #2a3340;border-radius:4px;background:#151a22;color:#8b93a3;font-size:10px}.overview-foot button:hover{color:#d8dee9;border-color:#7aa2f7}.overview-hint{margin-left:auto;color:#4e5969;font:10px JetBrains Mono,monospace}.modal-card{width:390px;padding:0 20px 18px;background:#11161e;border:1px solid #303b4b;border-radius:8px;box-shadow:0 20px 80px #0009}.modal-card p{color:#8b93a3;font-size:12px;line-height:1.5;margin:17px 0}.modal-card label{display:block;margin-top:14px;color:#8b93a3;font-size:11px}.modal-card input{display:block;width:100%;margin-top:6px;padding:9px 10px;border:1px solid #2a3340;border-radius:4px;background:#0a0c10;color:#d8dee9;font:12px JetBrains Mono,monospace}.modal-card input:focus{border-color:#7aa2f7;outline:0}.modal-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:20px}.modal-actions button{padding:8px 11px;border:1px solid #2a3340;border-radius:4px;background:#151a22;color:#8b93a3;font-size:11px}.modal-actions button:hover{color:#d8dee9;border-color:#7aa2f7}.primary-button{background:#9ece6a!important;border-color:#9ece6a!important;color:#0a0c10!important;font-weight:600}.primary-button:disabled{opacity:.55;cursor:wait}.approval-card code{display:block;padding:11px;border:1px solid #2a3340;border-radius:4px;background:#0a0c10;color:#7dcfff;font:12px JetBrains Mono,monospace}.warning-text{color:#e0af68}@media(max-width:1100px){.session-drawer{width:210px}.window-brand{width:90px}.brand-name,.bar-button span{display:none}.thumbnail-grid{grid-template-columns:repeat(2,1fr)}}.history-button{color:#7aa2f7}.session-ghosted{opacity:.58;border:1px dashed #344050}.session-ghosted:hover{opacity:.9}.session-error b{color:#f7768e}.session-empty button{align-self:flex-start;padding:5px 8px;border:1px solid #2a3340;border-radius:4px;background:#151a22;color:#8b93a3;font-size:10px}.history-empty button:hover{border-color:#7aa2f7;color:#d8dee9}.history-popover{position:fixed;z-index:30;top:58px;left:245px;width:285px;max-height:min(440px,calc(100vh - 76px));overflow:auto;padding:10px;border:1px solid #303b4b;border-radius:7px;background:#11161e;box-shadow:0 18px 55px #0009}.history-layer{position:fixed;inset:0;z-index:25}.history-head{display:flex;justify-content:space-between;align-items:center;padding:3px 4px 9px;color:#d8dee9}.history-head button{background:transparent;color:#697386;font-size:18px}.history-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:9px;padding:8px 5px;text-align:left;border-top:1px solid #202630;background:transparent;color:#8b93a3}.history-main{display:flex;align-items:center;gap:9px;min-width:0}.history-text{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.history-remove{margin-left:8px;background:transparent;color:#536176;border:none;cursor:pointer;font-size:16px;line-height:1}.history-item:hover .history-remove{color:#253044}:root[data-theme=light] .history-remove{color:#68768a}.history-item:hover{background:#1a202a;color:#d8dee9}.history-item b,.history-item small{display:block}.history-item small,.history-note,.history-empty{color:#697386;font-size:10px}.history-kind{min-width:43px;color:#7aa2f7;font:9px JetBrains Mono,monospace}.history-empty{padding:13px 5px}.history-note{display:block;padding:9px 4px 2px;line-height:1.4}:root[data-theme=light] .history-popover{background:#fff;border-color:#c7d2e1;color:#253044}:root[data-theme=light] .history-head{color:#253044}:root[data-theme=light] .history-head button{color:#536176}:root[data-theme=light] .history-item{border-top-color:#dbe2ec;color:#536176;background:transparent}:root[data-theme=light] .history-item:hover{background:#e1e9f4;color:#253044}:root[data-theme=light] .history-item small,:root[data-theme=light] .history-note,:root[data-theme=light] .history-empty{color:#68768a}:root[data-theme=light] .history-kind{color:#2459a6}:root[data-theme=light]{color:#253044;background:#f7f9fc;color-scheme:light}:root[data-theme=light] body,:root[data-theme=light] .app-shell,:root[data-theme=light] .workspace,:root[data-theme=light] .pane,:root[data-theme=light] .terminal,:root[data-theme=light] .thumbnail-preview{background:#f7f9fc}:root[data-theme=light] .window-bar,:root[data-theme=light] .session-drawer,:root[data-theme=light] .status-bar{background:#fff;border-color:#dbe2ec}:root[data-theme=light] .rail,:root[data-theme=light] .workspace-head,:root[data-theme=light] .empty-pane{background:#eef2f7;border-color:#dbe2ec}:root[data-theme=light] .pane-grid{background:#dbe2ec}:root[data-theme=light] .workspace-tab,:root[data-theme=light] .bar-button,:root[data-theme=light] .avatar,:root[data-theme=light] .rail-button,:root[data-theme=light] .drawer-tool,:root[data-theme=light] .drawer-action,:root[data-theme=light] .location,:root[data-theme=light] .layout-button{color:#5c687b}:root[data-theme=light] .workspace-tab.active,:root[data-theme=light] .bar-button:hover,:root[data-theme=light] .rail-button:hover,:root[data-theme=light] .rail-button.active,:root[data-theme=light] .drawer-tool:hover,:root[data-theme=light] .drawer-tool.active,:root[data-theme=light] .session-row:hover,:root[data-theme=light] .inline-restore,:root[data-theme=light] .layout-button:hover,:root[data-theme=light] .layout-button.active{background:#e1e9f4;color:#253044}:root[data-theme=light] .workspace-tab.active,:root[data-theme=light] .session-row.active{border-color:#c7d5e8;background:#dbe7f5;color:#253044}:root[data-theme=light] .session-row,:root[data-theme=light] .pane-title,:root[data-theme=light] .drawer-head h1,:root[data-theme=light] .empty-pane-body strong,:root[data-theme=light] .thumbnail-label b,:root[data-theme=light] .overview-empty b{color:#253044}:root[data-theme=light] .eyebrow,:root[data-theme=light] .tab-meta,:root[data-theme=light] .session-copy small,:root[data-theme=light] .session-state,:root[data-theme=light] .session-empty,:root[data-theme=light] .drawer-status,:root[data-theme=light] .muted-text,:root[data-theme=light] .pane-actions,:root[data-theme=light] .pane-dim,:root[data-theme=light] .status-bar,:root[data-theme=light] .overview-hint,:root[data-theme=light] .thumbnail-label small,:root[data-theme=light] .overview-empty,:root[data-theme=light] .modal-card p,:root[data-theme=light] .modal-card label{color:#68768a}:root[data-theme=light] .brand-mark{color:#2459a6;border-color:#6d9bd6}:root[data-theme=light] .avatar,:root[data-theme=light] .square-button,:root[data-theme=light] .inline-restore,:root[data-theme=light] .empty-pane-body button,:root[data-theme=light] .overview-foot button,:root[data-theme=light] .close-button,:root[data-theme=light] .modal-actions button,:root[data-theme=light] .modal-card input,:root[data-theme=light] .approval-card code{background:#fff;border-color:#c7d2e1;color:#536176}:root[data-theme=light] .session-row.active{box-shadow:inset 2px 0 #2459a6}:root[data-theme=light] .rail-button.active{box-shadow:inset 2px 0 #2459a6}:root[data-theme=light] .layout-button.active{color:#16803c}:root[data-theme=light] .pane-close:hover{color:#c53030}:root[data-theme=light] .pane-mic.listening{color:#c53030}:root[data-theme=light] .pane-mic.transcribing{color:#b7791f}:root[data-theme=light] .overview,:root[data-theme=light] .modal-card{background:#fff;border-color:#c7d2e1;box-shadow:0 20px 80px #53617633}:root[data-theme=light] .overview-head,:root[data-theme=light] .modal-head,:root[data-theme=light] .overview-foot,:root[data-theme=light] .pane-title{border-color:#dbe2ec}:root[data-theme=light] .thumbnail{background:#eef2f7;border-color:#c7d2e1}:root[data-theme=light] .thumbnail-preview,:root[data-theme=light] .approval-card code,:root[data-theme=light] .modal-card input{background:#f7f9fc;border-color:#dbe2ec}:root[data-theme=light] .modal-layer,:root[data-theme=light] .overview-layer{background:#25304433}:root[data-theme=light] .empty-glyph{border-color:#b8c6d8}:root[data-theme=light] .primary-button{background:#16803c!important;border-color:#16803c!important;color:#fff!important}