sliccy 1.4.0 → 1.4.1

package/dist/cli/electron-controller.d.ts

@@ -21,6 +21,7 @@ export declare class ElectronOverlayInjector {
     private readonly cdpPort;
     private readonly bootstrapScript;
     private readonly connections;
+    private readonly cspBypassedTargets;
     private syncTimer;
     private syncing;
     private constructor();
@@ -33,6 +34,11 @@ export declare class ElectronOverlayInjector {
     start(): Promise<void>;
     stop(): void;
     private syncTargets;
+    /**
+     * Check if the overlay iframe loaded successfully by evaluating a probe script.
+     * Returns true if the iframe element exists and has started loading content.
+     */
+    private probeOverlayIframeLoaded;
     private connectToTarget;
 }
 export {};

package/dist/cli/electron-controller.js

@@ -1,9 +1,11 @@
 import { execFile as nodeExecFile, spawn } from 'child_process';
 import { existsSync } from 'fs';
 import { readFile } from 'fs/promises';
+import * as http from 'http';
+import * as https from 'https';
 import { promisify } from 'util';
 import { WebSocket } from 'ws';
-import { buildElectronAppLaunchSpec, buildElectronOverlayAppUrl, buildElectronOverlayBootstrapScript, buildElectronOverlayEntryUrl, getElectronOverlayEntryDistPath, getElectronServeOrigin, shouldInjectElectronOverlayTarget, } from './electron-runtime.js';
+import { buildElectronAppLaunchSpec, buildElectronOverlayAppUrl, buildElectronOverlayBootstrapScript, buildElectronOverlayEntryUrl, getElectronOverlayEntryDistPath, getElectronServeOrigin, selectBestOverlayTargets, } from './electron-runtime.js';
 const execFile = promisify(nodeExecFile);
 const ELECTRON_OVERLAY_SYNC_INTERVAL_MS = 1500;
 function commandLineExecutableMatchesPattern(commandLine, pattern) {
@@ -183,6 +185,7 @@ export class ElectronOverlayInjector {
     cdpPort;
     bootstrapScript;
     connections = new Map();
+    cspBypassedTargets = new Set();
     syncTimer = null;
     syncing = false;
     constructor(cdpPort, bootstrapScript) {
@@ -228,7 +231,14 @@ export class ElectronOverlayInjector {
                 throw new Error(`CDP target listing failed with ${response.status} ${response.statusText}`);
             }
             const targets = (await response.json());
-            const injectableTargets = targets.filter(shouldInjectElectronOverlayTarget);
+            const pageCount = targets.filter(t => t.type === 'page').length;
+            const injectableTargets = selectBestOverlayTargets(targets);
+            if (injectableTargets.length < pageCount) {
+                console.log(`[electron-float] Selected ${injectableTargets.length}/${pageCount} page targets for overlay injection`);
+                for (const t of injectableTargets) {
+                    console.log(`[electron-float]   → ${t.title || '(untitled)'} @ ${t.url.substring(0, 80)}`);
+                }
+            }
             const liveConnectionIds = new Set(injectableTargets.map((target) => target.webSocketDebuggerUrl));
             for (const [targetId, connection] of this.connections.entries()) {
                 if (liveConnectionIds.has(targetId))
@@ -256,20 +266,232 @@ export class ElectronOverlayInjector {
             this.syncing = false;
         }
     }
+    /**
+     * Check if the overlay iframe loaded successfully by evaluating a probe script.
+     * Returns true if the iframe element exists and has started loading content.
+     */
+    async probeOverlayIframeLoaded(ws, send) {
+        return new Promise((resolve) => {
+            const probeId = send('Runtime.evaluate', {
+                expression: `(function() {
+          var host = document.getElementById('slicc-electron-overlay-root');
+          if (!host || !host.shadowRoot) return 'no-host';
+          var sidebar = host.shadowRoot.querySelector('slicc-electron-sidebar');
+          if (!sidebar || !sidebar.shadowRoot) return 'no-sidebar';
+          var iframe = sidebar.shadowRoot.querySelector('iframe');
+          if (!iframe) return 'no-iframe';
+          if (!iframe.src) return 'no-src';
+          return 'ok';
+        })()`,
+                awaitPromise: false,
+                returnByValue: true,
+            });
+            const timeout = setTimeout(() => {
+                cleanup();
+                resolve(false);
+            }, 3000);
+            const onMessage = (data) => {
+                try {
+                    const msg = JSON.parse(data.toString());
+                    if (msg.id === probeId) {
+                        cleanup();
+                        const value = msg.result?.result?.value;
+                        resolve(value === 'ok');
+                    }
+                }
+                catch { /* ignore */ }
+            };
+            const cleanup = () => {
+                clearTimeout(timeout);
+                ws.off('message', onMessage);
+            };
+            ws.on('message', onMessage);
+        });
+    }
     connectToTarget(target) {
         const targetId = target.webSocketDebuggerUrl;
         const ws = new WebSocket(targetId);
         this.connections.set(targetId, ws);
         let messageId = 1;
         const send = (method, params) => {
-            ws.send(JSON.stringify({ id: messageId++, method, params }));
+            const id = messageId++;
+            ws.send(JSON.stringify({ id, method, params }));
+            return id;
         };
+        const cspBypassedTargets = this.cspBypassedTargets;
+        const bootstrapScript = this.bootstrapScript;
+        let pendingReload = false;
+        let pendingCspEscalation = false;
+        let fetchProxyActive = false;
         ws.on('open', () => {
-            send('Page.enable');
+            const isWebContent = target.url.startsWith('https://');
+            const alreadyBypassed = cspBypassedTargets.has(target.url);
+            console.log(`[electron-float] Connected to target, web=${isWebContent}, bypassed=${alreadyBypassed}, url=${target.url}`);
             send('Runtime.enable');
-            send('Page.addScriptToEvaluateOnNewDocument', { source: this.bootstrapScript });
-            send('Runtime.evaluate', { expression: this.bootstrapScript, awaitPromise: false });
-            console.log(`[electron-float] Overlay injector attached to ${target.url}`);
+            send('Page.enable');
+            // Set CSP bypass — affects future resource loads on the current page
+            send('Page.setBypassCSP', { enabled: true });
+            if (alreadyBypassed) {
+                // Already reloaded with CSP bypass previously — just inject
+                console.log(`[electron-float] Injecting overlay (CSP already bypassed)...`);
+                send('Runtime.evaluate', { expression: bootstrapScript, awaitPromise: false });
+                return;
+            }
+            // First connection to this target URL: inject overlay immediately, then
+            // check if the iframe loaded. If CSP blocked it, fall back to reload+proxy.
+            console.log(`[electron-float] Injecting overlay (first attempt)...`);
+            send('Runtime.evaluate', { expression: bootstrapScript, awaitPromise: false });
+            if (!isWebContent) {
+                // Local content (file://, app protocol) — CSP is not an issue
+                return;
+            }
+            // After a short delay, probe whether the overlay iframe loaded.
+            // If CSP blocked it, reload the page so Page.setBypassCSP takes effect.
+            // If that still doesn't work, escalate to the Fetch proxy.
+            setTimeout(async () => {
+                if (ws.readyState !== WebSocket.OPEN)
+                    return;
+                const loaded = await this.probeOverlayIframeLoaded(ws, send);
+                if (loaded) {
+                    console.log(`[electron-float] Overlay iframe loaded successfully — no CSP reload needed`);
+                    cspBypassedTargets.add(target.url);
+                    return;
+                }
+                // Phase 2: Page.setBypassCSP was already set — a simple reload should
+                // make the browser ignore CSP headers on the fresh navigation.
+                console.log(`[electron-float] Overlay iframe blocked by CSP, reloading with bypass: ${target.url}`);
+                cspBypassedTargets.add(target.url);
+                pendingReload = true;
+                pendingCspEscalation = true;
+                send('Page.reload', { ignoreCache: true });
+            }, 1500);
+        });
+        // Handle CDP events: lifecycle events and Fetch interception
+        ws.on('message', (data) => {
+            try {
+                const msg = JSON.parse(data.toString());
+                // Inject overlay after page load completes (after CSP-bypass reload)
+                if (msg.method === 'Page.loadEventFired' && pendingReload) {
+                    pendingReload = false;
+                    console.log(`[electron-float] Page loaded after CSP reload, injecting overlay...`);
+                    if (ws.readyState !== WebSocket.OPEN)
+                        return;
+                    send('Runtime.evaluate', { expression: bootstrapScript, awaitPromise: false });
+                    // If this was a simple reload (no proxy), check if the iframe loads now.
+                    // If it still doesn't, escalate to the Fetch proxy as a last resort.
+                    if (pendingCspEscalation) {
+                        pendingCspEscalation = false;
+                        setTimeout(async () => {
+                            if (ws.readyState !== WebSocket.OPEN)
+                                return;
+                            const loaded = await this.probeOverlayIframeLoaded(ws, send);
+                            if (loaded) {
+                                console.log(`[electron-float] Overlay iframe loaded after CSP reload — no proxy needed`);
+                                return;
+                            }
+                            console.log(`[electron-float] CSP reload insufficient, escalating to Fetch proxy: ${target.url}`);
+                            fetchProxyActive = true;
+                            const urlOrigin = new URL(target.url).origin;
+                            send('Fetch.enable', {
+                                patterns: [{ urlPattern: `${urlOrigin}/*`, requestStage: 'Request' }],
+                            });
+                            pendingReload = true;
+                            send('Page.reload', { ignoreCache: true });
+                        }, 1500);
+                    }
+                }
+                if (msg.method === 'Fetch.requestPaused' && fetchProxyActive) {
+                    const requestId = msg.params?.requestId;
+                    if (!requestId) {
+                        console.warn('[electron-float] Fetch.requestPaused without requestId, skipping');
+                        return;
+                    }
+                    const url = msg.params?.request?.url || '';
+                    const method = msg.params?.request?.method || 'GET';
+                    const requestHeaders = msg.params?.request?.headers || {};
+                    const postData = msg.params?.request?.postData;
+                    // Only proxy HTML document requests (Accept header contains text/html)
+                    const acceptHeader = requestHeaders['Accept'] || requestHeaders['accept'] || '';
+                    if (!acceptHeader.includes('text/html')) {
+                        send('Fetch.continueRequest', { requestId });
+                        return;
+                    }
+                    console.log(`[electron-float] Proxying request to strip CSP: ${url.substring(0, 60)}`);
+                    // Make the request ourselves using Node.js http/https
+                    const parsedUrl = new URL(url);
+                    const transport = parsedUrl.protocol === 'https:' ? https : http;
+                    const options = {
+                        hostname: parsedUrl.hostname,
+                        port: parsedUrl.port || (parsedUrl.protocol === 'https:' ? 443 : 80),
+                        path: parsedUrl.pathname + parsedUrl.search,
+                        method: method,
+                        headers: requestHeaders,
+                    };
+                    const proxyReq = transport.request(options, (proxyRes) => {
+                        const bodyChunks = [];
+                        proxyRes.on('data', (chunk) => bodyChunks.push(chunk));
+                        proxyRes.on('end', () => {
+                            if (ws.readyState !== WebSocket.OPEN)
+                                return;
+                            const fullBody = Buffer.concat(bodyChunks);
+                            // Build response headers, stripping CSP and hop-by-hop headers
+                            // that are invalid in Fetch.fulfillRequest responses
+                            const HOP_BY_HOP = new Set([
+                                'content-security-policy',
+                                'content-security-policy-report-only',
+                                'transfer-encoding',
+                                'connection',
+                                'keep-alive',
+                            ]);
+                            const responseHeaders = [];
+                            let strippedCSP = false;
+                            for (const [name, value] of Object.entries(proxyRes.headers)) {
+                                const lower = name.toLowerCase();
+                                if (lower.includes('content-security-policy')) {
+                                    strippedCSP = true;
+                                    continue;
+                                }
+                                if (HOP_BY_HOP.has(lower))
+                                    continue;
+                                // Update content-length to match actual body size
+                                if (lower === 'content-length') {
+                                    responseHeaders.push({ name, value: String(fullBody.length) });
+                                    continue;
+                                }
+                                if (Array.isArray(value)) {
+                                    value.forEach(v => responseHeaders.push({ name, value: v }));
+                                }
+                                else if (value) {
+                                    responseHeaders.push({ name, value });
+                                }
+                            }
+                            if (strippedCSP) {
+                                console.log(`[electron-float] Stripped CSP from: ${url.substring(0, 60)}`);
+                            }
+                            send('Fetch.fulfillRequest', {
+                                requestId,
+                                responseCode: proxyRes.statusCode || 200,
+                                responseHeaders,
+                                body: fullBody.toString('base64'),
+                            });
+                        });
+                    });
+                    proxyReq.on('error', (err) => {
+                        console.error(`[electron-float] Proxy request failed for ${url.substring(0, 60)}:`, err.message);
+                        if (ws.readyState === WebSocket.OPEN) {
+                            send('Fetch.failRequest', { requestId, errorReason: 'Failed' });
+                        }
+                    });
+                    // Forward request body if present (for POST/PUT requests)
+                    if (postData) {
+                        proxyReq.write(postData);
+                    }
+                    proxyReq.end();
+                }
+            }
+            catch {
+                // Ignore parse errors for non-JSON messages
+            }
         });
         ws.on('close', () => {
             if (this.connections.get(targetId) === ws) {

package/dist/cli/electron-runtime.d.ts

@@ -17,6 +17,7 @@ export interface ElectronAppLaunchSpec {
 }
 export interface ElectronInspectableTarget {
     type: string;
+    title?: string;
     url: string;
     webSocketDebuggerUrl?: string;
 }
@@ -26,6 +27,25 @@ export declare const DEFAULT_ELECTRON_CDP_PORT = 9223;
 export declare const DEFAULT_ELECTRON_TARGET_URL = "about:blank";
 export declare const DEFAULT_ELECTRON_OVERLAY_TAB = "chat";
 export declare const ELECTRON_OVERLAY_APP_PATH = "/electron";
+export declare const PORT_HASH_RANGE = 40;
+/**
+ * Simple string hash function that returns a value between 0 and max-1.
+ * Exported for testing.
+ */
+export declare function hashString(str: string, max: number): number;
+/**
+ * Get a port for an Electron app based on its path.
+ * Uses hash-based offset from base port, with fallback to next available port
+ * starting from the preferred port (to stay in the app's "slot" range).
+ */
+export declare function getElectronAppPort(appPath: string, basePort: number): Promise<number>;
+/**
+ * Get both CDP and serve ports for an Electron app.
+ */
+export declare function getElectronAppPorts(appPath: string): Promise<{
+    cdpPort: number;
+    servePort: number;
+}>;
 export declare function getElectronAppDisplayName(appPath: string): string;
 export declare function resolveElectronAppExecutablePath(appPath: string, platform?: NodeJS.Platform): string;
 export declare function buildElectronAppProcessMatchPatterns(appPath: string, platform?: NodeJS.Platform): string[];
@@ -56,3 +76,9 @@ export declare function buildElectronOverlayBootstrapScript(options: {
     activeTab?: string;
 }): string;
 export declare function shouldInjectElectronOverlayTarget(target: ElectronInspectableTarget): boolean;
+/**
+ * From a list of injectable targets, select the best target per origin.
+ * Multi-window apps (like Teams) expose several page targets for the same origin;
+ * we only want to inject the overlay into the primary content window.
+ */
+export declare function selectBestOverlayTargets(targets: ElectronInspectableTarget[]): ElectronInspectableTarget[];

package/dist/cli/electron-runtime.js

@@ -1,10 +1,97 @@
 import { basename, join, resolve } from 'path';
+import { accessSync, constants, readdirSync, statSync } from 'fs';
 export const DEFAULT_ELECTRON_SERVE_PORT = 5710;
 export const DEFAULT_ELECTRON_SERVE_HOST = 'localhost';
 export const DEFAULT_ELECTRON_CDP_PORT = 9223;
 export const DEFAULT_ELECTRON_TARGET_URL = 'about:blank';
 export const DEFAULT_ELECTRON_OVERLAY_TAB = 'chat';
 export const ELECTRON_OVERLAY_APP_PATH = '/electron';
+// Port allocation constants
+export const PORT_HASH_RANGE = 40;
+/**
+ * Simple string hash function that returns a value between 0 and max-1.
+ * Exported for testing.
+ */
+export function hashString(str, max) {
+    let hash = 0;
+    for (let i = 0; i < str.length; i++) {
+        const char = str.charCodeAt(i);
+        hash = ((hash << 5) - hash) + char;
+        hash = hash & hash; // Convert to 32-bit integer
+    }
+    return Math.abs(hash) % max;
+}
+/**
+ * Try to listen on a specific port and host, returning the assigned port.
+ */
+async function tryListenOnPort(port, host) {
+    const { createServer } = await import('net');
+    return new Promise((resolve, reject) => {
+        const server = createServer();
+        server.on('error', reject);
+        server.listen(port, host, () => {
+            const addr = server.address();
+            const assignedPort = addr && typeof addr === 'object' ? addr.port : port;
+            server.close(() => resolve(assignedPort));
+        });
+    });
+}
+/**
+ * Check if a port is available on both IPv4 (127.0.0.1) and IPv6 (::1).
+ * On macOS, `localhost` resolves to `::1`, so we need to check both.
+ */
+async function isPortAvailable(port) {
+    try {
+        await tryListenOnPort(port, '127.0.0.1');
+        try {
+            await tryListenOnPort(port, '::1');
+        }
+        catch (err) {
+            // ::1 may not be available on some systems — only fail on EADDRINUSE
+            if (err.code === 'EADDRINUSE') {
+                return false;
+            }
+        }
+        return true;
+    }
+    catch {
+        return false;
+    }
+}
+/**
+ * Find an available port starting from the given port.
+ */
+async function findAvailablePort(startPort, maxAttempts = 100) {
+    for (let i = 0; i < maxAttempts; i++) {
+        const port = startPort + i;
+        if (await isPortAvailable(port)) {
+            return port;
+        }
+    }
+    throw new Error(`Could not find available port starting from ${startPort}`);
+}
+/**
+ * Get a port for an Electron app based on its path.
+ * Uses hash-based offset from base port, with fallback to next available port
+ * starting from the preferred port (to stay in the app's "slot" range).
+ */
+export async function getElectronAppPort(appPath, basePort) {
+    const offset = hashString(appPath, PORT_HASH_RANGE);
+    const preferredPort = basePort + offset;
+    if (await isPortAvailable(preferredPort)) {
+        return preferredPort;
+    }
+    // Fallback: find next available port starting from preferred (stay in slot range)
+    return findAvailablePort(preferredPort + 1);
+}
+/**
+ * Get both CDP and serve ports for an Electron app.
+ */
+export async function getElectronAppPorts(appPath) {
+    const cdpPort = await getElectronAppPort(appPath, DEFAULT_ELECTRON_CDP_PORT);
+    const servePort = await getElectronAppPort(appPath, DEFAULT_ELECTRON_SERVE_PORT);
+    return { cdpPort, servePort };
+}
 export function getElectronAppDisplayName(appPath) {
     const trimmedPath = appPath.replace(/[\\/]+$/, '');
     const fileName = basename(trimmedPath);
@@ -16,7 +103,80 @@ export function getElectronAppDisplayName(appPath) {
 export function resolveElectronAppExecutablePath(appPath, platform = process.platform) {
     const resolvedAppPath = resolve(appPath);
     if (platform === 'darwin' && resolvedAppPath.toLowerCase().endsWith('.app')) {
-        return join(resolvedAppPath, 'Contents', 'MacOS', getElectronAppDisplayName(resolvedAppPath));
+        const macOSDir = join(resolvedAppPath, 'Contents', 'MacOS');
+        // First try the expected name (app name without .app)
+        const expectedName = getElectronAppDisplayName(resolvedAppPath);
+        const expectedPath = join(macOSDir, expectedName);
+        try {
+            const stat = statSync(expectedPath);
+            if (stat.isFile()) {
+                return expectedPath;
+            }
+        }
+        catch {
+            // Expected path doesn't exist, scan the directory
+        }
+        // Scan MacOS directory for the main executable
+        // Many Electron apps use "Electron" as the executable name
+        // Prefer known main executable names, filter out helper processes
+        const helperPatterns = [
+            /helper/i,
+            /crash/i,
+            /gpu/i,
+            /renderer/i,
+            /plugin/i,
+            /utility/i,
+        ];
+        try {
+            const entries = readdirSync(macOSDir);
+            // Helper to check if a file is executable
+            const isExecutable = (path) => {
+                try {
+                    accessSync(path, constants.X_OK);
+                    return true;
+                }
+                catch {
+                    return false;
+                }
+            };
+            // First pass: look for "Electron" executable (common in Electron apps)
+            if (entries.includes('Electron')) {
+                const electronPath = join(macOSDir, 'Electron');
+                try {
+                    const stat = statSync(electronPath);
+                    if (stat.isFile() && isExecutable(electronPath)) {
+                        return electronPath;
+                    }
+                }
+                catch {
+                    // Continue to next fallback
+                }
+            }
+            // Second pass: find first non-helper executable with execute permission
+            for (const entry of entries) {
+                // Skip hidden files, scripts, and helper executables
+                if (entry.startsWith('.') || entry.endsWith('.sh'))
+                    continue;
+                if (helperPatterns.some((p) => p.test(entry)))
+                    continue;
+                const entryPath = join(macOSDir, entry);
+                try {
+                    const stat = statSync(entryPath);
+                    if (stat.isFile() && isExecutable(entryPath)) {
+                        return entryPath;
+                    }
+                }
+                catch {
+                    continue;
+                }
+            }
+        }
+        catch {
+            // Can't read directory, fall back to expected path
+        }
+        // Fall back to expected path even if it doesn't exist
+        // (error will be caught later)
+        return expectedPath;
     }
     return resolvedAppPath;
 }
@@ -135,3 +295,67 @@ export function shouldInjectElectronOverlayTarget(target) {
         return false;
     return true;
 }
+/**
+ * Extract the origin from a URL, or return the URL as-is for non-standard schemes.
+ */
+function safeOrigin(url) {
+    try {
+        return new URL(url).origin;
+    }
+    catch {
+        return url;
+    }
+}
+/**
+ * Score a target for "primary window" ranking within a group of same-origin pages.
+ * Higher score = more likely the main content window.
+ */
+function scoreOverlayTarget(target) {
+    let score = 0;
+    const title = target.title ?? '';
+    const url = target.url;
+    // Longer, more descriptive titles indicate content windows (e.g.
+    // "Calendar | Adobe | Microsoft Teams" vs generic "Microsoft Teams")
+    score += Math.min(title.length, 120);
+    // Penalize URLs with hash fragments that suggest hidden/auxiliary windows
+    // (e.g. Teams uses #deepLink=default&isMinimized=false for background windows)
+    if (url.includes('isMinimized=') || url.includes('deepLink=')) {
+        score -= 200;
+    }
+    // Prefer clean URLs without large hash fragments (shell pages often have them)
+    const hashLength = url.includes('#') ? url.length - url.indexOf('#') : 0;
+    score -= Math.min(hashLength, 100);
+    return score;
+}
+/**
+ * From a list of injectable targets, select the best target per origin.
+ * Multi-window apps (like Teams) expose several page targets for the same origin;
+ * we only want to inject the overlay into the primary content window.
+ */
+export function selectBestOverlayTargets(targets) {
+    const injectable = targets.filter(shouldInjectElectronOverlayTarget);
+    // Group by origin
+    const byOrigin = new Map();
+    for (const target of injectable) {
+        const origin = safeOrigin(target.url);
+        const group = byOrigin.get(origin);
+        if (group) {
+            group.push(target);
+        }
+        else {
+            byOrigin.set(origin, [target]);
+        }
+    }
+    // Pick the best target from each origin group
+    const result = [];
+    for (const group of byOrigin.values()) {
+        if (group.length === 1) {
+            result.push(group[0]);
+            continue;
+        }
+        // Sort by score descending and pick the winner
+        group.sort((a, b) => scoreOverlayTarget(b) - scoreOverlayTarget(a));
+        result.push(group[0]);
+    }
+    return result;
+}

package/dist/cli/index.js

@@ -8,6 +8,7 @@ import { fileURLToPath } from 'url';
 import express from 'express';
 import { WebSocketServer, WebSocket } from 'ws';
 import { ElectronAppAlreadyRunningError, ElectronOverlayInjector, launchElectronApp, } from './electron-controller.js';
+import { getElectronAppPorts } from './electron-runtime.js';
 import { buildChromeLaunchArgs, ensureQaProfileScaffold, findChromeExecutable, resolveChromeLaunchProfile, waitForCdpPortFromStderr, } from './chrome-launch.js';
 import { resolveCliBrowserLaunchUrl } from './launch-url.js';
 import { parseCliRuntimeFlags } from './runtime-flags.js';
@@ -249,16 +250,33 @@ const PREFERRED_HMR_PORT = 24679;
 async function main() {
     // Resolve available ports before anything else — serve port must be known
     // before Chrome launches (the launch URL contains it).
-    const SERVE_PORT = await findAvailablePort(PREFERRED_SERVE_PORT);
-    // For Chrome CDP, we pass port 0 to let Chrome pick any available port,
-    // then parse the actual port from its stderr. This avoids race conditions
-    // where Node's port probe succeeds but Chrome still can't bind the port.
-    // Electron mode keeps the preferred port (external CDP, not launched by us).
-    const REQUESTED_CDP_PORT = ELECTRON_MODE ? PREFERRED_CDP_PORT : 0;
-    let CDP_PORT = ELECTRON_MODE ? PREFERRED_CDP_PORT : 0;
+    let SERVE_PORT;
+    let CDP_PORT;
+    let REQUESTED_CDP_PORT;
+    let usingDynamicElectronPorts = false;
+    if (ELECTRON_MODE && ELECTRON_APP && !RUNTIME_FLAGS.explicitCdpPort) {
+        // Dynamic port allocation for Electron apps (hash-based with fallback)
+        const ports = await getElectronAppPorts(ELECTRON_APP);
+        CDP_PORT = ports.cdpPort;
+        SERVE_PORT = ports.servePort;
+        REQUESTED_CDP_PORT = CDP_PORT;
+        usingDynamicElectronPorts = true;
+    }
+    else {
+        SERVE_PORT = await findAvailablePort(PREFERRED_SERVE_PORT);
+        // For Chrome CDP, we pass port 0 to let Chrome pick any available port,
+        // then parse the actual port from its stderr. This avoids race conditions
+        // where Node's port probe succeeds but Chrome still can't bind the port.
+        // Electron mode keeps the preferred port (external CDP, not launched by us).
+        REQUESTED_CDP_PORT = ELECTRON_MODE ? PREFERRED_CDP_PORT : 0;
+        CDP_PORT = ELECTRON_MODE ? PREFERRED_CDP_PORT : 0;
+    }
     const HMR_PORT = DEV_MODE ? await findAvailablePort(PREFERRED_HMR_PORT) : PREFERRED_HMR_PORT;
     const SERVE_ORIGIN = `http://localhost:${SERVE_PORT}`;
-    if (SERVE_PORT !== PREFERRED_SERVE_PORT) {
+    if (usingDynamicElectronPorts) {
+        console.log(`Dynamic port allocation for Electron app: CDP=${CDP_PORT}, serve=${SERVE_PORT}`);
+    }
+    else if (SERVE_PORT !== PREFERRED_SERVE_PORT) {
         console.log(`Port ${PREFERRED_SERVE_PORT} in use, serving on port ${SERVE_PORT}`);
     }
     if (DEV_MODE && HMR_PORT !== PREFERRED_HMR_PORT) {
@@ -295,14 +313,49 @@ async function main() {
             launchedBrowserProcess = child;
             launchedBrowserLabel = displayName;
             pipeChildOutput(child, 'electron-app');
+            // Track when app exits - quick exits before CDP connects indicate a problem
+            let cdpConnected = false;
+            let exitCode = null;
+            let exitResolve = null;
+            const exitPromise = new Promise((resolve) => {
+                exitResolve = resolve;
+            });
             child.on('exit', (code) => {
+                exitCode = code;
+                exitResolve?.();
                 if (shuttingDown)
                     return;
-                console.log(`${displayName} exited with code ${code}`);
-                process.exit(0);
+                if (cdpConnected) {
+                    // Normal exit after we connected
+                    console.log(`${displayName} exited with code ${code}`);
+                    process.exit(0);
+                }
+                // If CDP not yet connected, don't exit - let waitForCDP handle it
             });
             console.log(`Waiting for ${displayName} CDP on port ${CDP_PORT}...`);
-            await waitForCDP(CDP_PORT, 40, 500);
+            try {
+                // Race between CDP connection and app exit
+                await Promise.race([
+                    waitForCDP(CDP_PORT, 40, 500).then(() => {
+                        cdpConnected = true;
+                    }),
+                    exitPromise.then(() => {
+                        if (!cdpConnected) {
+                            throw new Error('app-exited');
+                        }
+                    }),
+                ]);
+            }
+            catch (err) {
+                // Check if app exited quickly (likely due to disabled remote debugging fuse)
+                if (exitCode !== null) {
+                    console.error(`\n${displayName} exited with code ${exitCode} before remote debugging was available.`);
+                    console.error('This usually means the app has disabled remote debugging (EnableNodeCliInspectArguments fuse).');
+                    console.error('Some Electron apps disable this for security. Check if there is a developer/debug build available.\n');
+                    process.exit(1);
+                }
+                throw new Error(`Could not connect to ${displayName} CDP on port ${CDP_PORT}`);
+            }
             console.log(`Connected to ${displayName} on CDP port ${CDP_PORT}`);
             // Auto-discover leader's tray join URL when another instance runs on the preferred port.
             // The leader may still be creating its tray session, so retry a few times.

package/dist/cli/runtime-flags.d.ts

@@ -3,6 +3,8 @@ export interface CliRuntimeFlags {
     dev: boolean;
     serveOnly: boolean;
     cdpPort: number;
+    /** Whether --cdp-port was explicitly specified */
+    explicitCdpPort: boolean;
     electron: boolean;
     electronApp: string | null;
     kill: boolean;

package/dist/cli/runtime-flags.js

@@ -139,6 +139,7 @@ export function parseCliRuntimeFlags(argv) {
         dev,
         serveOnly,
         cdpPort,
+        explicitCdpPort,
         electron,
         electronApp,
         kill,

package/dist/ui/electron-overlay-entry.js

@@ -1,4 +1,4 @@
-"use strict";(()=>{var k=[{id:"chat",label:"Chat"},{id:"terminal",label:"Terminal"},{id:"files",label:"Files"},{id:"memory",label:"Memory"}],j="slicc-hidden-tabs",R=["terminal","memory"];function F(){try{let r=localStorage.getItem(j);return r?new Set(JSON.parse(r)):new Set(R)}catch{return new Set(R)}}var N=k.filter(r=>!F().has(r.id)),v="chat",et=new Set(k.map(r=>r.id));function i(r,t=v){return r&&r.length>0?r:t}var q=["top-left","top-right","bottom-left","bottom-right"],W="top-right",K=6,G=12,J=.6;function l(r,t=W){return q.includes(r)?r:t}function g(r={}){return{open:r.open??!1,activeTab:i(r.activeTab,v),corner:l(r.corner)}}function P(r){return{...r,open:!r.open}}function y(r,t){return r.open===t?r:{...r,open:t}}function m(r,t){let e=i(t,r.activeTab);return r.activeTab===e?r:{...r,activeTab:e}}function x(r,t){let e=l(t,r.corner);return r.corner===e?r:{...r,corner:e}}function S(r,t){return r>=K||r>=G&&t>=J}function Y({clientX:r,clientY:t,viewportWidth:e,viewportHeight:n,velocityXPxPerMs:a=0,velocityYPxPerMs:s=0,flickProjectionMs:u=180}){let b=U(r+a*u,0,e),h=U(t+s*u,0,n),f=b<e/2?"left":"right";return`${h<n/2?"top":"bottom"}-${f}`}function U(r,t,e){return Math.min(Math.max(r,t),e)}var M="slicc-electron-overlay:set-tab";var _="slicc-electron-overlay-root",L="slicc-electron-overlay",c="slicc-electron-launcher",d="slicc-electron-sidebar",p="",o=18,V="slicc-electron-overlay-launcher-corner",w=`
+"use strict";(()=>{var B=[{id:"chat",label:"Chat"},{id:"terminal",label:"Terminal"},{id:"files",label:"Files"},{id:"memory",label:"Memory"}],Z="slicc-hidden-tabs",V=["terminal","memory"];function tt(){try{let r=localStorage.getItem(Z);return r?new Set(JSON.parse(r)):new Set(V)}catch{return new Set(V)}}var H=B.filter(r=>!tt().has(r.id)),C="chat",lt=new Set(B.map(r=>r.id));function l(r,t=C){return r&&r.length>0?r:t}var et=["top-left","top-right","bottom-left","bottom-right"],rt="top-right",nt=6,at=12,ot=.6;function b(r,t=rt){return et.includes(r)?r:t}function T(r={}){return{open:r.open??!1,activeTab:l(r.activeTab,C),corner:b(r.corner)}}function z(r){return{...r,open:!r.open}}function _(r,t){return r.open===t?r:{...r,open:t}}function w(r,t){let e=l(t,r.activeTab);return r.activeTab===e?r:{...r,activeTab:e}}function I(r,t){let e=b(t,r.corner);return r.corner===e?r:{...r,corner:e}}function R(r,t){return r>=nt||r>=at&&t>=ot}function j({clientX:r,clientY:t,viewportWidth:e,viewportHeight:n,velocityXPxPerMs:a=0,velocityYPxPerMs:o=0,flickProjectionMs:i=180}){let s=$(r+a*i,0,e),d=$(t+o*i,0,n),u=s<e/2?"left":"right";return`${d<n/2?"top":"bottom"}-${u}`}function $(r,t,e){return Math.min(Math.max(r,t),e)}var F="slicc-electron-overlay:set-tab";var k="slicc-electron-overlay-root",U="slicc-electron-overlay",L="slicc-electron-launcher",O="slicc-electron-sidebar",v="",h=18,G="slicc-electron-overlay-launcher-corner";function X(r,t){let e=r.createElement("style");return e.textContent=t,e}function K(r){let t=r.createElementNS("http://www.w3.org/2000/svg","svg");t.setAttribute("viewBox","0 0 24 24"),t.setAttribute("aria-hidden","true");let e=[{cx:"9",cy:"7.2",r:"4.1"},{cx:"15.2",cy:"8.1",r:"4"}];for(let{cx:a,cy:o,r:i}of e){let s=r.createElementNS("http://www.w3.org/2000/svg","circle");s.setAttribute("cx",a),s.setAttribute("cy",o),s.setAttribute("r",i),t.appendChild(s)}let n=r.createElementNS("http://www.w3.org/2000/svg","path");return n.setAttribute("d","M9.8 12.4h5.1L12.4 21z"),t.appendChild(n),t}var D=`
   :host {
     color-scheme: dark light;
     --s2-gray-25: #1a1a1a;
@@ -47,314 +47,93 @@
       --s2-shadow-elevated: 0 10px 32px rgba(0, 0, 0, 0.14), 0 2px 10px rgba(0, 0, 0, 0.08);
     }
   }
-`;function D(){return`
-    <svg viewBox="0 0 24 24" aria-hidden="true">
-      <circle cx="9" cy="7.2" r="4.1"></circle>
-      <circle cx="15.2" cy="8.1" r="4"></circle>
-      <path d="M9.8 12.4h5.1L12.4 21z"></path>
-    </svg>
-  `}function Q(r){return N.map(({id:t,label:e})=>{let n=t===r;return`
-      <button
-        type="button"
-        class="tab-bar__tab${n?" tab-bar__tab--active":""}"
-        role="tab"
-        aria-selected="${String(n)}"
-        data-tab="${t}"
-      >${e}</button>
-    `}).join("")}function Z(r,t){try{let e=new URL(r,window.location.href);return e.searchParams.set("tab",t),e.toString()}catch{return r}}var O=class extends HTMLElement{static observedAttributes=["open","corner"];button=null;pointerState=null;suppressClick=!1;connectedCallback(){this.shadowRoot||this.render(),this.sync()}attributeChangedCallback(){this.sync()}render(){let t=this.attachShadow({mode:"open"});t.innerHTML=`
-      <style>
-        ${w}
-        :host {
-          all: initial;
-          position: fixed;
-          top: ${o}px;
-          right: ${o}px;
-          z-index: 1;
-          pointer-events: auto;
-          display: block;
-          font-family: var(--s2-font-family);
-          transition: top var(--s2-transition-default), right var(--s2-transition-default), bottom var(--s2-transition-default), left var(--s2-transition-default);
-        }
-        :host([corner="top-left"]) {
-          top: ${o}px;
-          right: auto;
-          bottom: auto;
-          left: ${o}px;
-        }
-        :host([corner="top-right"]) {
-          top: ${o}px;
-          right: ${o}px;
-          bottom: auto;
-          left: auto;
-        }
-        :host([corner="bottom-left"]) {
-          top: auto;
-          right: auto;
-          bottom: ${o}px;
-          left: ${o}px;
-        }
-        :host([corner="bottom-right"]) {
-          top: auto;
-          right: ${o}px;
-          bottom: ${o}px;
-          left: auto;
-        }
-        :host([dragging]) {
-          transition: none;
-        }
-        *, *::before, *::after { box-sizing: border-box; }
-        button {
-          width: 44px;
-          height: 44px;
-          position: relative;
-          border: 1px solid rgba(255, 255, 255, 0.62);
-          border-radius: var(--s2-radius-pill);
-          background:
-            radial-gradient(circle at 30% 28%, rgba(255, 255, 255, 0.34), transparent 34%),
-            linear-gradient(160deg, #ffb15c 0%, color-mix(in srgb, var(--slicc-cone) 92%, #ffb15c) 34%, #a34b00 72%, #38220f 100%);
-          color: #fff;
-          box-shadow:
-            0 0 0 1px rgba(255, 255, 255, 0.18) inset,
-            0 0 0 4px rgba(0, 0, 0, 0.28),
-            0 12px 30px rgba(0, 0, 0, 0.4),
-            0 2px 10px rgba(0, 0, 0, 0.24);
-          cursor: grab;
-          display: inline-flex;
-          align-items: center;
-          justify-content: center;
-          transition:
-            transform var(--s2-transition-default),
-            background var(--s2-transition-default),
-            border-color var(--s2-transition-default),
-            box-shadow var(--s2-transition-default);
-          backdrop-filter: blur(12px) saturate(1.05);
-          touch-action: none;
-          user-select: none;
-          -webkit-user-select: none;
-        }
-        button::before {
-          content: '';
-          position: absolute;
-          inset: -5px;
-          border-radius: inherit;
-          border: 1px solid rgba(255, 255, 255, 0.32);
-          box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18);
-          pointer-events: none;
-        }
-        :host([dragging]) button { cursor: grabbing; }
-        button:hover {
-          transform: translateY(-1px);
-          border-color: rgba(255, 255, 255, 0.78);
-          box-shadow:
-            0 0 0 1px rgba(255, 255, 255, 0.24) inset,
-            0 0 0 4px rgba(0, 0, 0, 0.34),
-            0 16px 34px rgba(0, 0, 0, 0.44),
-            0 0 18px color-mix(in srgb, var(--slicc-cone) 40%, transparent);
-        }
-        button:active { transform: scale(0.96); }
-        button[aria-pressed="true"] {
-          border-color: rgba(255, 255, 255, 0.84);
-          box-shadow:
-            0 0 0 1px rgba(255, 255, 255, 0.24) inset,
-            0 0 0 4px rgba(0, 0, 0, 0.36),
-            0 16px 38px rgba(0, 0, 0, 0.46),
-            0 0 22px color-mix(in srgb, var(--slicc-cone) 52%, transparent);
-        }
-        svg {
-          width: 20px;
-          height: 20px;
-          fill: currentColor;
-          filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.55));
-        }
-      </style>
-      <button type="button" aria-label="Toggle SLICC overlay">
-        ${D()}
-      </button>
-    `,this.button=t.querySelector("button"),this.button?.addEventListener("click",e=>{if(this.suppressClick){this.suppressClick=!1,e.preventDefault(),e.stopImmediatePropagation();return}this.dispatchEvent(new CustomEvent("slicc-overlay-toggle",{bubbles:!0,composed:!0}))}),this.button?.addEventListener("pointerdown",this.onPointerDown),this.button?.addEventListener("pointermove",this.onPointerMove),this.button?.addEventListener("pointerup",this.onPointerUp),this.button?.addEventListener("pointercancel",this.onPointerCancel)}sync(){this.button?.setAttribute("aria-pressed",String(this.hasAttribute("open")))}onPointerDown=t=>{if(!t.isPrimary||t.button!==0||!this.button)return;let e=this.getBoundingClientRect();this.pointerState={pointerId:t.pointerId,startX:t.clientX,startY:t.clientY,startLeft:e.left,startTop:e.top,width:e.width,height:e.height,lastX:t.clientX,lastY:t.clientY,lastTimestamp:t.timeStamp,velocityX:0,velocityY:0,dragging:!1},this.suppressClick=!1,this.button.setPointerCapture(t.pointerId),t.preventDefault()};onPointerMove=t=>{let e=this.pointerState;if(!e||t.pointerId!==e.pointerId)return;let n=t.clientX-e.startX,a=t.clientY-e.startY,s=Math.hypot(n,a);!e.dragging&&S(s,0)&&(e.dragging=!0,this.setAttribute("dragging",""));let u=Math.max(t.timeStamp-e.lastTimestamp,1),b=(t.clientX-e.lastX)/u,h=(t.clientY-e.lastY)/u;if(e.velocityX=e.velocityX===0?b:e.velocityX*.35+b*.65,e.velocityY=e.velocityY===0?h:e.velocityY*.35+h*.65,e.lastX=t.clientX,e.lastY=t.clientY,e.lastTimestamp=t.timeStamp,!e.dragging)return;let f=Math.max(o,window.innerWidth-e.width-o),I=Math.max(o,window.innerHeight-e.height-o),B=X(e.startLeft+n,o,f),z=X(e.startTop+a,o,I);this.style.left=`${B}px`,this.style.top=`${z}px`,this.style.right="auto",this.style.bottom="auto",t.preventDefault()};onPointerUp=t=>{this.finishPointerInteraction(t)};onPointerCancel=t=>{this.finishPointerInteraction(t,!1)};finishPointerInteraction(t,e=!0){let n=this.pointerState;if(!n||t.pointerId!==n.pointerId||!this.button)return;let a=Math.hypot(t.clientX-n.startX,t.clientY-n.startY),s=Math.hypot(n.velocityX,n.velocityY);if(e&&(n.dragging||S(a,s))){let b=Y({clientX:t.clientX,clientY:t.clientY,viewportWidth:window.innerWidth,viewportHeight:window.innerHeight,velocityXPxPerMs:n.velocityX,velocityYPxPerMs:n.velocityY});this.dispatchEvent(new CustomEvent("slicc-overlay-move",{bubbles:!0,composed:!0,detail:{corner:b}})),this.suppressClick=!0,t.preventDefault()}this.button.hasPointerCapture(t.pointerId)&&this.button.releasePointerCapture(t.pointerId),this.pointerState=null,this.removeAttribute("dragging"),this.resetDragStyles()}resetDragStyles(){this.style.left="",this.style.top="",this.style.right="",this.style.bottom=""}},C=class extends HTMLElement{static observedAttributes=["open","active-tab","app-url"];tabButtons=new Map;iframe=null;emptyState=null;currentAppUrl=p;frameLoaded=!1;lastPostedTab=null;connectedCallback(){this.shadowRoot||this.render(),this.sync()}attributeChangedCallback(){this.sync()}render(){let t=this.attachShadow({mode:"open"}),e=i(this.getAttribute("active-tab"));t.innerHTML=`
-      <style>
-        ${w}
-        :host {
-          all: initial;
-          position: fixed;
-          inset: 0;
-          display: block;
-          pointer-events: none;
-          font-family: var(--s2-font-family);
-        }
-        :host([open]) {
-          pointer-events: auto;
-        }
-        *, *::before, *::after { box-sizing: border-box; }
-        .backdrop {
-          position: absolute;
-          inset: 0;
-          background: rgba(0, 0, 0, 0.18);
-          opacity: 0;
-          transition: opacity var(--s2-transition-default);
-        }
-        :host([open]) .backdrop {
-          opacity: 1;
-        }
-        .sidebar {
-          position: absolute;
-          top: 12px;
-          right: 12px;
-          bottom: 12px;
-          width: min(440px, calc(100vw - 24px));
-          display: flex;
-          flex-direction: column;
-          overflow: hidden;
-          background: color-mix(in srgb, var(--s2-bg-base) 96%, transparent);
-          color: var(--s2-content-default);
-          border: 1px solid var(--s2-border-subtle);
-          border-radius: var(--s2-radius-xl);
-          box-shadow: var(--s2-shadow-elevated);
-          transform: translateX(calc(100% + 28px));
-          transition: transform var(--s2-transition-default);
-          backdrop-filter: blur(16px);
-        }
-        :host([open]) .sidebar {
-          transform: translateX(0);
-        }
-        .header {
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-          gap: 12px;
-          padding: 14px 16px 12px;
-          border-bottom: 1px solid var(--s2-border-subtle);
-          background: color-mix(in srgb, var(--s2-bg-layer-1) 92%, transparent);
-        }
-        .header__brand {
-          display: flex;
-          align-items: center;
-          gap: 12px;
-          min-width: 0;
-        }
-        .header__logo {
-          width: 34px;
-          height: 34px;
-          border-radius: 50%;
-          display: inline-flex;
-          align-items: center;
-          justify-content: center;
-          background: linear-gradient(180deg, rgba(239, 112, 0, 0.9), rgba(239, 112, 0, 0.7));
-          color: #fff;
-          box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
-        }
-        .header__logo svg {
-          width: 18px;
-          height: 18px;
-          fill: currentColor;
-        }
-        .header__title {
-          font-size: 15px;
-          font-weight: 700;
-          letter-spacing: 0.01em;
-        }
-        .header__subtitle {
-          font-size: 11px;
-          color: var(--s2-content-secondary);
-        }
-        .header__close {
-          appearance: none;
-          border: 1px solid var(--s2-border-subtle);
-          background: var(--s2-bg-layer-2);
-          color: var(--s2-content-default);
-          width: 32px;
-          height: 32px;
-          border-radius: 50%;
-          cursor: pointer;
-          font-size: 18px;
-          line-height: 1;
-        }
-        .tab-bar {
-          display: grid;
-          grid-template-columns: repeat(4, minmax(0, 1fr));
-          gap: 8px;
-          padding: 12px 16px;
-          border-bottom: 1px solid var(--s2-border-subtle);
-          background: color-mix(in srgb, var(--s2-bg-layer-1) 96%, transparent);
-        }
-        .tab-bar__tab {
-          appearance: none;
-          border: 1px solid var(--s2-border-subtle);
-          border-radius: var(--s2-radius-default);
-          background: var(--s2-bg-layer-2);
-          color: var(--s2-content-secondary);
-          padding: 9px 8px;
-          font-size: 12px;
-          font-weight: 600;
-          cursor: pointer;
-          transition: background var(--s2-transition-default), color var(--s2-transition-default), border-color var(--s2-transition-default);
-        }
-        .tab-bar__tab--active {
-          background: color-mix(in srgb, var(--s2-accent) 18%, var(--s2-bg-layer-2));
-          color: var(--s2-content-default);
-          border-color: color-mix(in srgb, var(--s2-accent) 45%, var(--s2-border-default));
-        }
-        .viewport {
-          position: relative;
-          flex: 1;
-          min-height: 0;
-          background: var(--s2-bg-sunken);
-        }
-        iframe {
-          border: 0;
-          width: 100%;
-          height: 100%;
-          display: block;
-          background: var(--s2-bg-base);
-        }
-        .empty-state {
-          position: absolute;
-          inset: 0;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          padding: 24px;
-          text-align: center;
-          color: var(--s2-content-secondary);
-          font-size: 13px;
-          line-height: 1.5;
-        }
-        .empty-state[hidden] {
-          display: none;
-        }
-      </style>
-      <div class="backdrop" part="backdrop"></div>
-      <aside class="sidebar" part="sidebar" aria-label="SLICC overlay sidebar">
-        <header class="header">
-          <div class="header__brand">
-            <span class="header__logo">${D()}</span>
-            <div>
-              <div class="header__title">slicc</div>
-              <div class="header__subtitle">electron float</div>
-            </div>
-          </div>
-          <button type="button" class="header__close" aria-label="Close SLICC overlay">\xD7</button>
-        </header>
-        <div class="tab-bar" role="tablist" aria-label="SLICC overlay tabs">
-          ${Q(e)}
-        </div>
-        <div class="viewport">
-          <iframe title="SLICC electron float"></iframe>
-          <div class="empty-state">Starting the local SLICC runtime\u2026</div>
-        </div>
-      </aside>
-    `,t.querySelector(".backdrop")?.addEventListener("click",()=>{this.dispatchEvent(new CustomEvent("slicc-overlay-close",{bubbles:!0,composed:!0}))}),t.querySelector(".header__close")?.addEventListener("click",()=>{this.dispatchEvent(new CustomEvent("slicc-overlay-close",{bubbles:!0,composed:!0}))}),t.querySelectorAll("[data-tab]").forEach(n=>{let a=i(n.dataset.tab);this.tabButtons.set(a,n),n.addEventListener("click",()=>{this.dispatchEvent(new CustomEvent("slicc-overlay-select-tab",{bubbles:!0,composed:!0,detail:{tab:a}}))})}),this.iframe=t.querySelector("iframe"),this.emptyState=t.querySelector(".empty-state"),this.iframe?.addEventListener("load",()=>{this.frameLoaded=!0,this.postActiveTab()})}sync(){let t=i(this.getAttribute("active-tab")),e=this.getAttribute("app-url")?.trim()??p;for(let[n,a]of this.tabButtons){let s=n===t;a.classList.toggle("tab-bar__tab--active",s),a.setAttribute("aria-selected",String(s))}this.emptyState?.toggleAttribute("hidden",!!e),this.syncFrameUrl(e,t),this.postActiveTab()}syncFrameUrl(t,e){if(this.iframe){if(!t){this.currentAppUrl&&(this.currentAppUrl=p,this.frameLoaded=!1,this.lastPostedTab=null,this.iframe.removeAttribute("src"));return}t!==this.currentAppUrl&&(this.currentAppUrl=t,this.frameLoaded=!1,this.lastPostedTab=null,this.iframe.src=Z(t,e))}}postActiveTab(){if(!this.frameLoaded||!this.iframe?.contentWindow)return;let t=i(this.getAttribute("active-tab"));this.lastPostedTab!==t&&(this.iframe.contentWindow.postMessage({type:M,tab:t},"*"),this.lastPostedTab=t)}},E=class extends HTMLElement{static observedAttributes=["open","active-tab","app-url","corner"];state=g();appUrlValue=p;syncingAttributes=!1;connectedCallback(){this.state=g({open:this.hasAttribute("open"),activeTab:i(this.getAttribute("active-tab")),corner:l(this.getAttribute("corner")??A(this.ownerDocument.defaultView))}),this.appUrlValue=this.getAttribute("app-url")?.trim()??p,this.shadowRoot||this.render(),this.syncChildren(),T(this.ownerDocument.defaultView,this.state.corner),this.ownerDocument.addEventListener("keydown",this.onKeyDown,!0)}disconnectedCallback(){this.ownerDocument.removeEventListener("keydown",this.onKeyDown,!0)}attributeChangedCallback(){this.syncingAttributes||(this.state=g({open:this.hasAttribute("open"),activeTab:i(this.getAttribute("active-tab")),corner:l(this.getAttribute("corner")??A(this.ownerDocument.defaultView))}),this.appUrlValue=this.getAttribute("app-url")?.trim()??p,this.syncChildren(),T(this.ownerDocument.defaultView,this.state.corner))}get open(){return this.state.open}set open(t){this.applyState(y(this.state,t))}get activeTab(){return this.state.activeTab}set activeTab(t){this.applyState(m(this.state,t))}get corner(){return this.state.corner}set corner(t){this.applyState(x(this.state,t))}get appUrl(){return this.appUrlValue}set appUrl(t){let e=t.trim();e!==this.appUrlValue&&(this.appUrlValue=e,this.syncingAttributes=!0,e?this.setAttribute("app-url",e):this.removeAttribute("app-url"),this.syncingAttributes=!1,this.syncChildren())}toggle(){this.applyState(P(this.state))}showSidebar(){this.applyState(y(this.state,!0))}hideSidebar(){this.applyState(y(this.state,!1))}applyState(t){t.open===this.state.open&&t.activeTab===this.state.activeTab&&t.corner===this.state.corner||(this.state=t,this.syncingAttributes=!0,this.toggleAttribute("open",t.open),this.setAttribute("active-tab",t.activeTab),this.setAttribute("corner",t.corner),this.syncingAttributes=!1,this.syncChildren(),T(this.ownerDocument.defaultView,this.state.corner))}onKeyDown=t=>{t.key!=="Escape"||!this.state.open||this.hideSidebar()};render(){let t=this.attachShadow({mode:"open"});t.innerHTML=`
-      <style>
-        ${w}
-        :host {
-          all: initial;
-          position: fixed;
-          inset: 0;
-          display: block;
-          pointer-events: none;
-          z-index: 2147483647;
-          contain: layout style paint;
-        }
-      </style>
-      <${c}></${c}>
-      <${d}></${d}>
-    `,t.querySelector(c)?.addEventListener("slicc-overlay-toggle",()=>this.toggle()),t.querySelector(c)?.addEventListener("slicc-overlay-move",e=>{let n=e.detail?.corner;this.applyState(x(this.state,n))}),t.querySelector(d)?.addEventListener("slicc-overlay-close",()=>this.hideSidebar()),t.querySelector(d)?.addEventListener("slicc-overlay-select-tab",e=>{let n=e.detail?.tab;this.applyState(m(this.state,n))})}syncChildren(){let t=this.shadowRoot;if(!t)return;let e=t.querySelector(c),n=t.querySelector(d);!e||!n||(e.toggleAttribute("open",this.state.open),e.setAttribute("corner",this.state.corner),n.toggleAttribute("open",this.state.open),n.setAttribute("active-tab",this.state.activeTab),this.appUrlValue?n.setAttribute("app-url",this.appUrlValue):n.removeAttribute("app-url"))}};function tt(r=customElements){r.get(c)||r.define(c,O),r.get(d)||r.define(d,C),r.get(L)||r.define(L,E)}function $(r=document,t={}){tt(r.defaultView?.customElements??customElements);let e=r.getElementById(_),n;return e instanceof E?n=e:(e?.remove(),n=r.createElement(L)),n.id=_,n.isConnected||(r.body??r.documentElement).appendChild(n),typeof t.open=="boolean"&&(n.open=t.open),t.activeTab!==void 0&&(n.activeTab=i(t.activeTab)),t.appUrl!==void 0&&(n.appUrl=t.appUrl??p),t.corner!==void 0&&(n.corner=t.corner??A(r.defaultView)),n}function H(r=document){r.getElementById(_)?.remove()}function A(r){try{return l(r?.sessionStorage.getItem(V))}catch{return l(null)}}function T(r,t){try{r?.sessionStorage.setItem(V,t)}catch{}}function X(r,t,e){return Math.min(Math.max(r,t),e)}window.__SLICC_ELECTRON_OVERLAY__={inject(r={}){$(document,r)},remove(){H(document)}};})();
+`;function it(r,t){try{let e=new URL(r,window.location.href);return e.searchParams.set("tab",t),e.toString()}catch{return r}}var P=class extends HTMLElement{static observedAttributes=["open","corner"];button=null;pointerState=null;suppressClick=!1;connectedCallback(){this.shadowRoot||this.render(),this.sync()}attributeChangedCallback(){this.sync()}render(){let t=this.attachShadow({mode:"open"}),e=this.ownerDocument,n=h;t.appendChild(X(e,`
+      ${D}
+      :host {
+        all: initial;
+        position: fixed;
+        top: ${n}px;
+        right: ${n}px;
+        z-index: 1;
+        pointer-events: auto;
+        display: block;
+        font-family: var(--s2-font-family);
+        transition: top var(--s2-transition-default), right var(--s2-transition-default), bottom var(--s2-transition-default), left var(--s2-transition-default);
+      }
+      :host([corner="top-left"]) { top: ${n}px; right: auto; bottom: auto; left: ${n}px; }
+      :host([corner="top-right"]) { top: ${n}px; right: ${n}px; bottom: auto; left: auto; }
+      :host([corner="bottom-left"]) { top: auto; right: auto; bottom: ${n}px; left: ${n}px; }
+      :host([corner="bottom-right"]) { top: auto; right: ${n}px; bottom: ${n}px; left: auto; }
+      :host([dragging]) { transition: none; }
+      *, *::before, *::after { box-sizing: border-box; }
+      button {
+        width: 44px; height: 44px; position: relative;
+        border: 1px solid rgba(255, 255, 255, 0.62);
+        border-radius: var(--s2-radius-pill);
+        background: radial-gradient(circle at 30% 28%, rgba(255, 255, 255, 0.34), transparent 34%),
+          linear-gradient(160deg, #ffb15c 0%, color-mix(in srgb, var(--slicc-cone) 92%, #ffb15c) 34%, #a34b00 72%, #38220f 100%);
+        color: #fff;
+        box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.18) inset, 0 0 0 4px rgba(0, 0, 0, 0.28), 0 12px 30px rgba(0, 0, 0, 0.4), 0 2px 10px rgba(0, 0, 0, 0.24);
+        cursor: grab;
+        display: inline-flex; align-items: center; justify-content: center;
+        transition: transform var(--s2-transition-default), background var(--s2-transition-default), border-color var(--s2-transition-default), box-shadow var(--s2-transition-default);
+        backdrop-filter: blur(12px) saturate(1.05);
+        touch-action: none; user-select: none; -webkit-user-select: none;
+      }
+      button::before {
+        content: ''; position: absolute; inset: -5px; border-radius: inherit;
+        border: 1px solid rgba(255, 255, 255, 0.32); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.18); pointer-events: none;
+      }
+      :host([dragging]) button { cursor: grabbing; }
+      button:hover {
+        transform: translateY(-1px); border-color: rgba(255, 255, 255, 0.78);
+        box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.24) inset, 0 0 0 4px rgba(0, 0, 0, 0.34), 0 16px 34px rgba(0, 0, 0, 0.44), 0 0 18px color-mix(in srgb, var(--slicc-cone) 40%, transparent);
+      }
+      button:active { transform: scale(0.96); }
+      button[aria-pressed="true"] {
+        border-color: rgba(255, 255, 255, 0.84);
+        box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.24) inset, 0 0 0 4px rgba(0, 0, 0, 0.36), 0 16px 38px rgba(0, 0, 0, 0.46), 0 0 22px color-mix(in srgb, var(--slicc-cone) 52%, transparent);
+      }
+      svg { width: 20px; height: 20px; fill: currentColor; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.55)); }
+    `));let a=e.createElement("button");a.type="button",a.setAttribute("aria-label","Toggle SLICC overlay"),a.appendChild(K(e)),t.appendChild(a),this.button=a,this.button?.addEventListener("click",o=>{if(this.suppressClick){this.suppressClick=!1,o.preventDefault(),o.stopImmediatePropagation();return}this.dispatchEvent(new CustomEvent("slicc-overlay-toggle",{bubbles:!0,composed:!0}))}),this.button?.addEventListener("pointerdown",this.onPointerDown),this.button?.addEventListener("pointermove",this.onPointerMove),this.button?.addEventListener("pointerup",this.onPointerUp),this.button?.addEventListener("pointercancel",this.onPointerCancel)}sync(){this.button?.setAttribute("aria-pressed",String(this.hasAttribute("open")))}onPointerDown=t=>{if(!t.isPrimary||t.button!==0||!this.button)return;let e=this.getBoundingClientRect();this.pointerState={pointerId:t.pointerId,startX:t.clientX,startY:t.clientY,startLeft:e.left,startTop:e.top,width:e.width,height:e.height,lastX:t.clientX,lastY:t.clientY,lastTimestamp:t.timeStamp,velocityX:0,velocityY:0,dragging:!1},this.suppressClick=!1,this.button.setPointerCapture(t.pointerId),t.preventDefault()};onPointerMove=t=>{let e=this.pointerState;if(!e||t.pointerId!==e.pointerId)return;let n=t.clientX-e.startX,a=t.clientY-e.startY,o=Math.hypot(n,a);!e.dragging&&R(o,0)&&(e.dragging=!0,this.setAttribute("dragging",""));let i=Math.max(t.timeStamp-e.lastTimestamp,1),s=(t.clientX-e.lastX)/i,d=(t.clientY-e.lastY)/i;if(e.velocityX=e.velocityX===0?s:e.velocityX*.35+s*.65,e.velocityY=e.velocityY===0?d:e.velocityY*.35+d*.65,e.lastX=t.clientX,e.lastY=t.clientY,e.lastTimestamp=t.timeStamp,!e.dragging)return;let u=Math.max(h,window.innerWidth-e.width-h),g=Math.max(h,window.innerHeight-e.height-h),E=W(e.startLeft+n,h,u),p=W(e.startTop+a,h,g);this.style.left=`${E}px`,this.style.top=`${p}px`,this.style.right="auto",this.style.bottom="auto",t.preventDefault()};onPointerUp=t=>{this.finishPointerInteraction(t)};onPointerCancel=t=>{this.finishPointerInteraction(t,!1)};finishPointerInteraction(t,e=!0){let n=this.pointerState;if(!n||t.pointerId!==n.pointerId||!this.button)return;let a=Math.hypot(t.clientX-n.startX,t.clientY-n.startY),o=Math.hypot(n.velocityX,n.velocityY);if(e&&(n.dragging||R(a,o))){let s=j({clientX:t.clientX,clientY:t.clientY,viewportWidth:window.innerWidth,viewportHeight:window.innerHeight,velocityXPxPerMs:n.velocityX,velocityYPxPerMs:n.velocityY});this.dispatchEvent(new CustomEvent("slicc-overlay-move",{bubbles:!0,composed:!0,detail:{corner:s}})),this.suppressClick=!0,t.preventDefault()}this.button.hasPointerCapture(t.pointerId)&&this.button.releasePointerCapture(t.pointerId),this.pointerState=null,this.removeAttribute("dragging"),this.resetDragStyles()}resetDragStyles(){this.style.left="",this.style.top="",this.style.right="",this.style.bottom=""}},Y=class extends HTMLElement{static observedAttributes=["open","active-tab","app-url"];tabButtons=new Map;iframe=null;emptyState=null;currentAppUrl=v;frameLoaded=!1;lastPostedTab=null;connectedCallback(){this.shadowRoot||this.render(),this.sync()}attributeChangedCallback(){this.sync()}render(){let t=this.attachShadow({mode:"open"}),e=this.ownerDocument,n=l(this.getAttribute("active-tab"));t.appendChild(X(e,`
+      ${D}
+      :host { all: initial; position: fixed; inset: 0; display: block; pointer-events: none; font-family: var(--s2-font-family); }
+      :host([open]) { pointer-events: auto; }
+      *, *::before, *::after { box-sizing: border-box; }
+      .backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.18); opacity: 0; transition: opacity var(--s2-transition-default); }
+      :host([open]) .backdrop { opacity: 1; }
+      .sidebar {
+        position: absolute; top: 12px; right: 12px; bottom: 12px; width: min(440px, calc(100vw - 24px));
+        display: flex; flex-direction: column; overflow: hidden;
+        background: color-mix(in srgb, var(--s2-bg-base) 96%, transparent); color: var(--s2-content-default);
+        border: 1px solid var(--s2-border-subtle); border-radius: var(--s2-radius-xl);
+        box-shadow: var(--s2-shadow-elevated); transform: translateX(calc(100% + 28px));
+        transition: transform var(--s2-transition-default); backdrop-filter: blur(16px);
+      }
+      :host([open]) .sidebar { transform: translateX(0); }
+      .header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px 12px; border-bottom: 1px solid var(--s2-border-subtle); background: color-mix(in srgb, var(--s2-bg-layer-1) 92%, transparent); }
+      .header__brand { display: flex; align-items: center; gap: 12px; min-width: 0; }
+      .header__logo { width: 34px; height: 34px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(180deg, rgba(239, 112, 0, 0.9), rgba(239, 112, 0, 0.7)); color: #fff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18); }
+      .header__logo svg { width: 18px; height: 18px; fill: currentColor; }
+      .header__title { font-size: 15px; font-weight: 700; letter-spacing: 0.01em; }
+      .header__subtitle { font-size: 11px; color: var(--s2-content-secondary); }
+      .header__close { appearance: none; border: 1px solid var(--s2-border-subtle); background: var(--s2-bg-layer-2); color: var(--s2-content-default); width: 32px; height: 32px; border-radius: 50%; cursor: pointer; font-size: 18px; line-height: 1; }
+      .tab-bar { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; padding: 12px 16px; border-bottom: 1px solid var(--s2-border-subtle); background: color-mix(in srgb, var(--s2-bg-layer-1) 96%, transparent); }
+      .tab-bar__tab { appearance: none; border: 1px solid var(--s2-border-subtle); border-radius: var(--s2-radius-default); background: var(--s2-bg-layer-2); color: var(--s2-content-secondary); padding: 9px 8px; font-size: 12px; font-weight: 600; cursor: pointer; transition: background var(--s2-transition-default), color var(--s2-transition-default), border-color var(--s2-transition-default); }
+      .tab-bar__tab--active { background: color-mix(in srgb, var(--s2-accent) 18%, var(--s2-bg-layer-2)); color: var(--s2-content-default); border-color: color-mix(in srgb, var(--s2-accent) 45%, var(--s2-border-default)); }
+      .viewport { position: relative; flex: 1; min-height: 0; background: var(--s2-bg-sunken); }
+      iframe { border: 0; width: 100%; height: 100%; display: block; background: var(--s2-bg-base); }
+      .empty-state { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 24px; text-align: center; color: var(--s2-content-secondary); font-size: 13px; line-height: 1.5; }
+      .empty-state[hidden] { display: none; }
+    `));let a=e.createElement("div");a.className="backdrop",a.setAttribute("part","backdrop"),a.addEventListener("click",()=>{this.dispatchEvent(new CustomEvent("slicc-overlay-close",{bubbles:!0,composed:!0}))}),t.appendChild(a);let o=e.createElement("aside");o.className="sidebar",o.setAttribute("part","sidebar"),o.setAttribute("aria-label","SLICC overlay sidebar");let i=e.createElement("header");i.className="header";let s=e.createElement("div");s.className="header__brand";let d=e.createElement("span");d.className="header__logo",d.appendChild(K(e)),s.appendChild(d);let u=e.createElement("div"),g=e.createElement("div");g.className="header__title",g.textContent="slicc";let E=e.createElement("div");E.className="header__subtitle",E.textContent="electron float",u.appendChild(g),u.appendChild(E),s.appendChild(u),i.appendChild(s);let p=e.createElement("button");p.type="button",p.className="header__close",p.setAttribute("aria-label","Close SLICC overlay"),p.textContent="\xD7",p.addEventListener("click",()=>{this.dispatchEvent(new CustomEvent("slicc-overlay-close",{bubbles:!0,composed:!0}))}),i.appendChild(p),o.appendChild(i);let m=e.createElement("div");m.className="tab-bar",m.setAttribute("role","tablist"),m.setAttribute("aria-label","SLICC overlay tabs");for(let{id:f,label:Q}of H){let c=e.createElement("button");c.type="button",c.className="tab-bar__tab"+(f===n?" tab-bar__tab--active":""),c.setAttribute("role","tab"),c.setAttribute("aria-selected",String(f===n)),c.dataset.tab=f,c.textContent=Q,this.tabButtons.set(f,c),c.addEventListener("click",()=>{this.dispatchEvent(new CustomEvent("slicc-overlay-select-tab",{bubbles:!0,composed:!0,detail:{tab:f}}))}),m.appendChild(c)}o.appendChild(m);let y=e.createElement("div");y.className="viewport";let x=e.createElement("iframe");x.title="SLICC electron float",this.iframe=x,x.addEventListener("load",()=>{this.frameLoaded=!0,this.postActiveTab()}),y.appendChild(x);let S=e.createElement("div");S.className="empty-state",S.textContent="Starting the local SLICC runtime\u2026",this.emptyState=S,y.appendChild(S),o.appendChild(y),t.appendChild(o),this.iframe?.addEventListener("load",()=>{this.frameLoaded=!0,this.postActiveTab()})}sync(){let t=l(this.getAttribute("active-tab")),e=this.getAttribute("app-url")?.trim()??v;for(let[n,a]of this.tabButtons){let o=n===t;a.classList.toggle("tab-bar__tab--active",o),a.setAttribute("aria-selected",String(o))}this.emptyState?.toggleAttribute("hidden",!!e),this.syncFrameUrl(e,t),this.postActiveTab()}syncFrameUrl(t,e){if(this.iframe){if(!t){this.currentAppUrl&&(this.currentAppUrl=v,this.frameLoaded=!1,this.lastPostedTab=null,this.iframe.removeAttribute("src"));return}t!==this.currentAppUrl&&(this.currentAppUrl=t,this.frameLoaded=!1,this.lastPostedTab=null,this.iframe.src=it(t,e))}}postActiveTab(){if(!this.frameLoaded||!this.iframe?.contentWindow)return;let t=l(this.getAttribute("active-tab"));this.lastPostedTab!==t&&(this.iframe.contentWindow.postMessage({type:F,tab:t},"*"),this.lastPostedTab=t)}},A=class extends HTMLElement{static observedAttributes=["open","active-tab","app-url","corner"];state=T();appUrlValue=v;syncingAttributes=!1;connectedCallback(){this.state=T({open:this.hasAttribute("open"),activeTab:l(this.getAttribute("active-tab")),corner:b(this.getAttribute("corner")??M(this.ownerDocument.defaultView))}),this.appUrlValue=this.getAttribute("app-url")?.trim()??v,this.shadowRoot||this.render(),this.syncChildren(),N(this.ownerDocument.defaultView,this.state.corner),this.ownerDocument.addEventListener("keydown",this.onKeyDown,!0)}disconnectedCallback(){this.ownerDocument.removeEventListener("keydown",this.onKeyDown,!0)}attributeChangedCallback(){this.syncingAttributes||(this.state=T({open:this.hasAttribute("open"),activeTab:l(this.getAttribute("active-tab")),corner:b(this.getAttribute("corner")??M(this.ownerDocument.defaultView))}),this.appUrlValue=this.getAttribute("app-url")?.trim()??v,this.syncChildren(),N(this.ownerDocument.defaultView,this.state.corner))}get open(){return this.state.open}set open(t){this.applyState(_(this.state,t))}get activeTab(){return this.state.activeTab}set activeTab(t){this.applyState(w(this.state,t))}get corner(){return this.state.corner}set corner(t){this.applyState(I(this.state,t))}get appUrl(){return this.appUrlValue}set appUrl(t){let e=t.trim();e!==this.appUrlValue&&(this.appUrlValue=e,this.syncingAttributes=!0,e?this.setAttribute("app-url",e):this.removeAttribute("app-url"),this.syncingAttributes=!1,this.syncChildren())}toggle(){this.applyState(z(this.state))}showSidebar(){this.applyState(_(this.state,!0))}hideSidebar(){this.applyState(_(this.state,!1))}applyState(t){t.open===this.state.open&&t.activeTab===this.state.activeTab&&t.corner===this.state.corner||(this.state=t,this.syncingAttributes=!0,this.toggleAttribute("open",t.open),this.setAttribute("active-tab",t.activeTab),this.setAttribute("corner",t.corner),this.syncingAttributes=!1,this.syncChildren(),N(this.ownerDocument.defaultView,this.state.corner))}onKeyDown=t=>{t.key!=="Escape"||!this.state.open||this.hideSidebar()};render(){let t=this.attachShadow({mode:"open"}),e=this.ownerDocument;t.appendChild(X(e,`
+      ${D}
+      :host {
+        all: initial;
+        position: fixed;
+        inset: 0;
+        display: block;
+        pointer-events: none;
+        z-index: 2147483647;
+        contain: layout style paint;
+      }
+    `));let n=e.createElement(L);n.addEventListener("slicc-overlay-toggle",()=>this.toggle()),n.addEventListener("slicc-overlay-move",o=>{let i=o.detail?.corner;this.applyState(I(this.state,i))}),t.appendChild(n);let a=e.createElement(O);a.addEventListener("slicc-overlay-close",()=>this.hideSidebar()),a.addEventListener("slicc-overlay-select-tab",o=>{let i=o.detail?.tab;this.applyState(w(this.state,i))}),t.appendChild(a)}syncChildren(){let t=this.shadowRoot;if(!t)return;let e=t.querySelector(L),n=t.querySelector(O);!e||!n||(e.toggleAttribute("open",this.state.open),e.setAttribute("corner",this.state.corner),n.toggleAttribute("open",this.state.open),n.setAttribute("active-tab",this.state.activeTab),this.appUrlValue?n.setAttribute("app-url",this.appUrlValue):n.removeAttribute("app-url"))}};function st(r=customElements){r.get(L)||r.define(L,P),r.get(O)||r.define(O,Y),r.get(U)||r.define(U,A)}function q(r=document,t={}){st(r.defaultView?.customElements??customElements);let e=r.getElementById(k),n;return e instanceof A?n=e:(e?.remove(),n=r.createElement(U)),n.id=k,n.isConnected||(r.body??r.documentElement).appendChild(n),typeof t.open=="boolean"&&(n.open=t.open),t.activeTab!==void 0&&(n.activeTab=l(t.activeTab)),t.appUrl!==void 0&&(n.appUrl=t.appUrl??v),t.corner!==void 0&&(n.corner=t.corner??M(r.defaultView)),n}function J(r=document){r.getElementById(k)?.remove()}function M(r){try{return b(r?.sessionStorage.getItem(G))}catch{return b(null)}}function N(r,t){try{r?.sessionStorage.setItem(G,t)}catch{}}function W(r,t,e){return Math.min(Math.max(r,t),e)}window.__SLICC_ELECTRON_OVERLAY__={inject(r={}){try{q(document,r)}catch(t){console.error("[slicc-overlay] Injection failed:",t)}},remove(){try{J(document)}catch(r){console.error("[slicc-overlay] Removal failed:",r)}}};})();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sliccy",
-  "version": "1.4.0",
+  "version": "1.4.1",
   "description": "Browser-based coding agent with thin CLI server",
   "license": "Apache-2.0",
   "type": "module",