zerogterm 0.1.0-alpha.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Stephen Phillips
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,69 @@
+# ZeroG Terminal
+
+ZeroG Terminal is a Linux-first Electron workspace for persistent `screen` sessions. This first vertical slice includes:
+
+- Electron security boundary: sandboxed renderer, context isolation, disabled Node integration, narrow typed preload API.
+- 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.
+- 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.
+
+## Release status
+
+ZeroG Terminal is currently a public alpha. The initial npm release is `0.1.0-alpha.1` and is configured for the `alpha` dist-tag. The version history is tracked in [versions.txt](versions.txt).
+
+The npm package contains the built Electron application and project documentation. It is intended for early adopters and testing rather than production use.
+
+## Terminal shortcuts
+
+- `Ctrl+Shift+C` — copy selected terminal text
+- `Ctrl+Shift+V` — paste into the active terminal
+- `Ctrl+C` remains the interrupt signal (not copy)
+- `Ctrl+Shift+N` — new workspace
+- `Ctrl+Shift+T` — new local terminal in the current workspace
+- `Ctrl+Shift+O` — session overview
+- `Ctrl+Shift+B` — toggle sessions sidebar
+- `Esc` — close overview / dialogs
+
+## Development
+
+```bash
+npm install
+npm run typecheck
+npm test
+npm run build
+npm start
+```
+
+Runtime prerequisites on the host:
+
+```bash
+sudo dnf install screen make gcc-c++ python3
+npm install node-pty
+```
+
+`node-pty` is required for terminal I/O. When `screen` is installed, local sessions are persistent and discoverable after relaunch. Without `screen`, ZeroG now falls back to a direct `bash` PTY and labels the session as process-only; that shell is lost when the application exits and the dependency warning remains visible. Install `screen` for full persistence:
+
+```bash
+sudo dnf install screen
+```
+
+## Current verification
+
+- `npm run typecheck`: passes.
+- `npm test`: passes (3 tests covering name validation, `screen -ls` parsing, and SSH argument validation).
+- `npm run build`: passes and writes `dist/main` plus `dist/renderer`.
+- Electron is configured to disable hardware acceleration by default for the Fedora Toolbox/Wayland runtime; set `ZEROG_ENABLE_GPU=1` only when GPU launch is stable on the host.
+- `npm audit --omit=dev`: reports no known production vulnerabilities.
+
+The live screen + node-pty smoke test creates a temporary named session, writes a marker through the PTY, observes it, and cleans up the session.
+
+## License
+
+ZeroG Terminal is released under the MIT License. See [LICENSE](LICENSE).
+
+## Contributing and security
+
+See [CONTRIBUTING.md](CONTRIBUTING.md) for development, testing, and pull-request guidance. Please report security vulnerabilities privately through GitHub; see [SECURITY.md](SECURITY.md).

package/dist/main/main/main.js

@@ -0,0 +1,107 @@
+import { app, BrowserWindow, clipboard, ipcMain, Menu } from 'electron';
+import { join } from 'node:path';
+import { fileURLToPath } from 'node:url';
+import { ScreenService } from './session-service.js';
+const __dirname = fileURLToPath(new URL('.', import.meta.url));
+const service = new ScreenService();
+let win;
+// GPU is unstable under Toolbox/Wayland on this host; allow override.
+if (process.env.ZEROG_ENABLE_GPU !== '1') {
+    app.disableHardwareAcceleration();
+}
+function createWindow() {
+    win = new BrowserWindow({
+        width: 1440,
+        height: 900,
+        minWidth: 900,
+        minHeight: 560,
+        backgroundColor: '#0B0F14',
+        // Do not gate visibility on ready-to-show: that event is unreliable with
+        // Electron sandbox + Toolbox/Wayland and otherwise leaves a live hidden app.
+        show: true,
+        webPreferences: {
+            // CommonJS preload is required; ESM preload fails under sandbox.
+            preload: join(__dirname, 'preload.cjs'),
+            contextIsolation: true,
+            nodeIntegration: false,
+            sandbox: true
+        }
+    });
+    win.webContents.on('did-fail-load', (_event, code, desc, url) => {
+        console.error('[zerog] did-fail-load', { code, desc, url });
+    });
+    win.webContents.on('preload-error', (_event, path, error) => {
+        console.error('[zerog] preload-error', path, error);
+    });
+    win.webContents.on('console-message', (_event, _level, message) => {
+        console.log('[renderer]', message);
+    });
+    const devUrl = process.env.VITE_DEV_SERVER_URL;
+    if (devUrl) {
+        void win.loadURL(devUrl);
+    }
+    else {
+        const indexPath = join(__dirname, '../../renderer/index.html');
+        void win.loadFile(indexPath);
+    }
+    win.on('closed', () => {
+        win = undefined;
+        service.detachAll();
+    });
+}
+function isRecord(value) {
+    return typeof value === 'object' && value !== null;
+}
+ipcMain.handle('sessions:list', () => service.list());
+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);
+});
+ipcMain.handle('sessions:createSsh', async (_event, request) => {
+    if (!isRecord(request) || typeof request.target !== 'string') {
+        throw new Error('createSshSession requires { target: string }');
+    }
+    const name = typeof request.name === 'string' ? request.name : undefined;
+    return service.createSsh(request.target, name);
+});
+ipcMain.handle('sessions:attach', (_event, id) => {
+    if (typeof id !== 'string' || !id)
+        throw new Error('attachSession requires a session id');
+    return service.attach(id, (data) => win?.webContents.send('terminal:data', id, data), (message) => win?.webContents.send('terminal:status', id, message));
+});
+ipcMain.on('terminal:write', (_event, sessionId, data) => {
+    if (typeof sessionId === 'string' && typeof data === 'string')
+        service.write(sessionId, data);
+});
+ipcMain.on('terminal:resize', (_event, sessionId, cols, rows) => {
+    if (typeof sessionId === 'string' && Number.isInteger(cols) && Number.isInteger(rows)) {
+        service.resize(sessionId, cols, rows);
+    }
+});
+ipcMain.handle('clipboard:writeText', (_event, text) => {
+    if (typeof text !== 'string')
+        throw new Error('clipboard:writeText requires a string');
+    clipboard.writeText(text);
+});
+ipcMain.handle('clipboard:readText', () => clipboard.readText());
+ipcMain.handle('ai:suggest', () => ({
+    command: 'git status --short',
+    explanation: 'Read-only preview of changed files in the active workspace.'
+}));
+app.whenReady().then(() => {
+    // Keep the normal window chrome, but let the ZeroG UI occupy the full
+    // client area instead of showing Electron's default File/Edit/etc. menu.
+    Menu.setApplicationMenu(null);
+    createWindow();
+    app.on('activate', () => {
+        if (!BrowserWindow.getAllWindows().length)
+            createWindow();
+    });
+});
+app.on('window-all-closed', () => {
+    if (process.platform !== 'darwin')
+        app.quit();
+});

package/dist/main/main/preload.cjs

@@ -0,0 +1,25 @@
+const { contextBridge, ipcRenderer } = require('electron');
+
+const api = {
+  listSessions: () => ipcRenderer.invoke('sessions:list'),
+  createLocalSession: (request) => ipcRenderer.invoke('sessions:createLocal', request),
+  createSshSession: (request) => ipcRenderer.invoke('sessions:createSsh', request),
+  attachSession: (id) => ipcRenderer.invoke('sessions:attach', id),
+  write: (sessionId, data) => ipcRenderer.send('terminal:write', sessionId, data),
+  resize: (sessionId, cols, rows) => ipcRenderer.send('terminal:resize', sessionId, cols, rows),
+  copyText: (text) => ipcRenderer.invoke('clipboard:writeText', text),
+  readText: () => ipcRenderer.invoke('clipboard:readText'),
+  onData: (callback) => {
+    const listener = (_event, sessionId, data) => callback(sessionId, data);
+    ipcRenderer.on('terminal:data', listener);
+    return () => ipcRenderer.removeListener('terminal:data', listener);
+  },
+  onStatus: (callback) => {
+    const listener = (_event, sessionId, message) => callback(sessionId, message);
+    ipcRenderer.on('terminal:status', listener);
+    return () => ipcRenderer.removeListener('terminal:status', listener);
+  },
+  requestAiCommand: () => ipcRenderer.invoke('ai:suggest')
+};
+
+contextBridge.exposeInMainWorld('zerog', api);

package/dist/main/main/preload.js

@@ -0,0 +1,12 @@
+import { contextBridge, ipcRenderer } from 'electron';
+const api = {
+    listSessions: () => ipcRenderer.invoke('sessions:list'),
+    createSession: (name, cwd) => ipcRenderer.invoke('sessions:create', name, cwd),
+    attachSession: (id) => ipcRenderer.invoke('sessions:attach', id),
+    write: (data) => ipcRenderer.send('terminal:write', data),
+    resize: (cols, rows) => ipcRenderer.send('terminal:resize', cols, rows),
+    onData: (callback) => { const listener = (_event, data) => callback(data); ipcRenderer.on('terminal:data', listener); return () => ipcRenderer.removeListener('terminal:data', listener); },
+    onStatus: (callback) => { const listener = (_event, message) => callback(message); ipcRenderer.on('terminal:status', listener); return () => ipcRenderer.removeListener('terminal:status', listener); },
+    requestAiCommand: () => ipcRenderer.invoke('ai:suggest')
+};
+contextBridge.exposeInMainWorld('zerog', api);

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

@@ -0,0 +1,256 @@
+import { execFile } from 'node:child_process';
+import { randomUUID } from 'node:crypto';
+import { createRequire } from 'node:module';
+import { homedir } from 'node:os';
+import { promisify } from 'node:util';
+const execFileAsync = promisify(execFile);
+const require = createRequire(import.meta.url);
+const NAME = /^[a-zA-Z0-9][a-zA-Z0-9_.-]{0,48}$/;
+/** host, user@host, host:port, user@host:port — no shell metacharacters. */
+const SSH_TARGET = /^(?:([A-Za-z0-9._-]+)@)?([A-Za-z0-9.-]+)(?::(\d{1,5}))?$/;
+export function validateSessionName(name) {
+    const value = name.trim();
+    if (!NAME.test(value)) {
+        throw new Error('Session names may contain letters, numbers, _, ., and - only.');
+    }
+    return value;
+}
+export function validateSshTarget(input) {
+    const value = input.trim();
+    const match = value.match(SSH_TARGET);
+    if (!match) {
+        throw new Error('SSH target must look like host, user@host, or user@host:port.');
+    }
+    const [, user, host, portText] = match;
+    if (portText) {
+        const port = Number(portText);
+        if (!Number.isInteger(port) || port < 1 || port > 65535) {
+            throw new Error('SSH port must be between 1 and 65535.');
+        }
+    }
+    const destination = user ? `${user}@${host}` : host;
+    const args = ['-tt'];
+    if (portText)
+        args.push('-p', portText);
+    args.push(destination);
+    return { target: value, args };
+}
+export function parseScreenList(output) {
+    return output
+        .split('\n')
+        .map((line) => line.trim())
+        .flatMap((line) => {
+        const match = line.match(/^(\d+)\.(\S+)\s+\(([^)]+)\)/);
+        if (!match)
+            return [];
+        const [, , name, state] = match;
+        const attached = /attached/i.test(state);
+        return [
+            {
+                id: `local:${name}`,
+                name,
+                kind: 'local',
+                host: 'local',
+                cwd: homedir(),
+                status: attached ? 'connected' : 'detached',
+                lastSeen: new Date().toISOString(),
+                persistence: 'screen'
+            }
+        ];
+    });
+}
+function loadPty() {
+    try {
+        return require('node-pty');
+    }
+    catch {
+        throw new Error('PTY support is not installed. Run: npm install node-pty (needs make/gcc-c++).');
+    }
+}
+export class ScreenService {
+    ptys = new Map();
+    sshSessions = new Map();
+    fallbackLocalSessions = new Map();
+    async available() {
+        try {
+            await execFileAsync('screen', ['--version']);
+            return true;
+        }
+        catch {
+            return false;
+        }
+    }
+    async list() {
+        const local = (await this.available()) ? await this.listLocal() : [];
+        const fallback = [...this.fallbackLocalSessions.values()];
+        const ssh = [...this.sshSessions.values()];
+        return [
+            ...local.map((session) => ({
+                ...session,
+                status: this.ptys.has(session.id) ? 'connected' : session.status
+            })),
+            ...fallback.map((session) => ({
+                ...session,
+                status: this.ptys.has(session.id) ? 'connected' : session.status
+            })),
+            ...ssh.map((session) => ({
+                ...session,
+                status: this.ptys.has(session.id) ? 'connected' : session.status
+            }))
+        ];
+    }
+    async listLocal() {
+        try {
+            const { stdout } = await execFileAsync('screen', ['-ls']);
+            return parseScreenList(stdout);
+        }
+        catch (error) {
+            if (typeof error?.stdout === 'string' && error.stdout.trim()) {
+                return parseScreenList(error.stdout);
+            }
+            return [];
+        }
+    }
+    async createLocal(name, cwd = homedir()) {
+        const safeName = validateSessionName(name);
+        if (!(await this.available())) {
+            const fallback = {
+                id: `local:${safeName}`,
+                name: safeName,
+                kind: 'local',
+                host: 'local',
+                cwd,
+                status: 'detached',
+                lastSeen: new Date().toISOString(),
+                persistence: 'process'
+            };
+            this.fallbackLocalSessions.set(fallback.id, fallback);
+            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'
+        };
+    }
+    async createSsh(targetInput, name) {
+        const { target } = validateSshTarget(targetInput);
+        const safeName = validateSessionName(name?.trim() || target.replace(/[^a-zA-Z0-9_.-]+/g, '-').slice(0, 40));
+        const session = {
+            id: `ssh:${randomUUID()}`,
+            name: safeName,
+            kind: 'ssh',
+            host: target,
+            cwd: '~',
+            status: 'detached',
+            lastSeen: new Date().toISOString(),
+            sshTarget: target
+        };
+        this.sshSessions.set(session.id, session);
+        return session;
+    }
+    attach(id, onData, onExit) {
+        const existing = this.getSession(id);
+        if (this.ptys.has(id))
+            return { ...existing, status: 'connected' };
+        if (id.startsWith('local:')) {
+            const fallback = this.fallbackLocalSessions.get(id);
+            if (fallback) {
+                fallback.status = 'connected';
+                fallback.lastSeen = new Date().toISOString();
+                this.spawnCommand(id, 'bash', [], onData, onExit, fallback.cwd);
+                return { ...fallback };
+            }
+            const name = id.slice('local:'.length);
+            this.spawnCommand(id, 'screen', ['-x', name], onData, onExit);
+            return { ...existing, status: 'connected', persistence: 'screen' };
+        }
+        const session = this.sshSessions.get(id);
+        if (!session?.sshTarget) {
+            throw new Error(`Unknown session: ${id}`);
+        }
+        const { args } = validateSshTarget(session.sshTarget);
+        session.status = 'connected';
+        session.lastSeen = new Date().toISOString();
+        this.spawnCommand(id, 'ssh', args, onData, onExit);
+        return { ...session };
+    }
+    getSession(id) {
+        if (id.startsWith('local:')) {
+            const fallback = this.fallbackLocalSessions.get(id);
+            if (fallback)
+                return fallback;
+            const name = id.slice('local:'.length);
+            return {
+                id,
+                name,
+                kind: 'local',
+                host: 'local',
+                cwd: homedir(),
+                status: 'detached',
+                lastSeen: new Date().toISOString(),
+                persistence: 'screen'
+            };
+        }
+        const session = this.sshSessions.get(id);
+        if (!session)
+            throw new Error(`Unknown session: ${id}`);
+        return session;
+    }
+    spawnCommand(sessionId, file, args, onData, onExit, cwd = homedir()) {
+        const pty = loadPty();
+        const proc = pty.spawn(file, args, {
+            name: 'xterm-256color',
+            cols: 120,
+            rows: 32,
+            cwd,
+            env: process.env
+        });
+        const handle = {
+            write: (data) => proc.write(data),
+            resize: (cols, rows) => proc.resize(cols, rows),
+            kill: () => {
+                try {
+                    proc.kill();
+                }
+                catch {
+                    /* ignore */
+                }
+            }
+        };
+        this.ptys.set(sessionId, { handle, kind: sessionId.startsWith('ssh:') ? 'ssh' : 'local' });
+        proc.onData(onData);
+        proc.onExit(() => {
+            this.ptys.delete(sessionId);
+            const fallback = this.fallbackLocalSessions.get(sessionId);
+            if (fallback)
+                fallback.status = 'detached';
+            const ssh = this.sshSessions.get(sessionId);
+            if (ssh)
+                ssh.status = 'detached';
+            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.');
+        });
+    }
+    write(sessionId, data) {
+        this.ptys.get(sessionId)?.handle.write(data);
+    }
+    resize(sessionId, cols, rows) {
+        this.ptys.get(sessionId)?.handle.resize(cols, rows);
+    }
+    detach(sessionId) {
+        this.ptys.get(sessionId)?.handle.kill();
+        this.ptys.delete(sessionId);
+    }
+    detachAll() {
+        for (const sessionId of this.ptys.keys())
+            this.detach(sessionId);
+    }
+}

package/dist/main/shared/types.js

@@ -0,0 +1 @@
+export {};

package/dist/renderer/assets/index-BouOz_9d.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}.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{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{color:#d8dee9;background:#1a202a;border-color:#2a3340}.pane-nav .icon-svg,.pane-maximize .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:hidden;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)}}: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] .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}