@surenkid/acli-hub 1.0.5 → 1.0.6

package/server/public/index.html

@@ -10,8 +10,8 @@
     <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" />
     <link rel="manifest" href="/site.webmanifest" />
     <title>ACLI Hub</title>
-    <script type="module" crossorigin src="/assets/index-DjL_u17Y.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-CtbQEC9E.css">
+    <script type="module" crossorigin src="/assets/index-DhBFQikm.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-C_n2nSEM.css">
   </head>
   <body>
     <div id="app"></div>

package/server/services/session-activity.test.js

@@ -0,0 +1,298 @@
+const test = require('node:test');
+const assert = require('node:assert/strict');
+const fs = require('node:fs/promises');
+const path = require('node:path');
+const os = require('node:os');
+const childProcess = require('node:child_process');
+
+const NOW = 1800000000000;
+
+function pollingManager(t, getOutput, getNow = () => NOW) {
+  t.mock.method(childProcess, 'execSync', command => {
+    assert.match(command, /^tmux list-panes -a -F /);
+    assert.match(command, /#\{pane_last_output_time\}/);
+    return Buffer.from(getOutput());
+  });
+  t.mock.method(Date, 'now', getNow);
+  delete require.cache[require.resolve('./session-manager')];
+  const SessionManager = require('./session-manager');
+  const manager = new SessionManager();
+  manager.sessions.set('demo', {
+    name: 'demo', status: 'running', outputActive: false,
+    title: 'Working title', command: 'node', process: null
+  });
+  return manager;
+}
+
+test('three consecutive output updates turn active, with the same eight-second expiry', t => {
+  let now = NOW + 1000;
+  let lastOutput = NOW / 1000;
+  let queries = 0;
+  const manager = pollingManager(t, () => {
+    queries++;
+    return `demo\t1\t1\t%1\tnode\t${lastOutput}\tWorking\ttitle\n`;
+  }, () => now);
+  const events = [];
+  manager.on('session:title', value => events.push(value));
+
+  manager.pollPaneInfo();
+  assert.equal(manager.getSession('demo').outputActive, false, 'the first sample only establishes a baseline');
+  assert.equal(events.length, 0);
+  for (let sample = 1; sample <= 3; sample++) {
+    now += 2000;
+    lastOutput += 2;
+    manager.pollPaneInfo();
+    assert.equal(manager.getSession('demo').outputActive, sample === 3);
+    assert.equal(events.length, sample === 3 ? 1 : 0);
+  }
+  assert.equal(events.length, 1);
+  assert.equal(events[0].title, 'Working title');
+  assert.equal(events[0].status, 'running');
+  assert.equal('process' in events[0], false);
+
+  now += 2000;
+  lastOutput += 2;
+  manager.pollPaneInfo();
+  assert.equal(events.length, 1, 'continued output does not need another activity message');
+
+  now = lastOutput * 1000 + 7999;
+  manager.pollPaneInfo();
+  assert.equal(manager.getSession('demo').outputActive, true);
+  assert.equal(events.length, 1);
+
+  now++;
+  manager.pollPaneInfo();
+  assert.equal(manager.getSession('demo').outputActive, false);
+  assert.equal(events.length, 2, 'activity-only changes use the existing title event');
+  manager.pollPaneInfo();
+  assert.equal(events.length, 2);
+
+  for (let sample = 1; sample <= 3; sample++) {
+    now += 2000;
+    lastOutput = Math.floor(now / 1000);
+    manager.pollPaneInfo();
+    assert.equal(manager.getSession('demo').outputActive, sample === 3, 'idle sessions must qualify again');
+  }
+  assert.equal(manager.getSession('demo').outputActive, true);
+  assert.equal(events.length, 3);
+  assert.equal(manager.getSession('demo').status, 'running');
+  assert.equal(queries, 11, 'each poll still makes exactly one tmux query');
+  assert.equal(manager.titleTimer, null, 'activity detection does not add a timer');
+});
+
+test('one-off redraws and repeated recent timestamps never turn active', t => {
+  let now = NOW;
+  let lastOutput = NOW / 1000;
+  const manager = pollingManager(t,
+    () => `demo\t1\t1\t%1\tnode\t${lastOutput}\tWorking title\n`, () => now);
+  const events = [];
+  manager.on('session:title', value => events.push(value));
+  manager.pollPaneInfo();
+  now += 2000;
+  lastOutput += 2;
+  manager.pollPaneInfo();
+  for (let sample = 0; sample < 5; sample++) {
+    now += 2000;
+    manager.pollPaneInfo();
+    assert.equal(manager.getSession('demo').outputActive, false);
+  }
+  assert.equal(events.length, 0, 'a short switch-triggered redraw causes no activity event');
+});
+
+test('a quiet sample breaks the consecutive output streak', t => {
+  let now = NOW;
+  let lastOutput = NOW / 1000;
+  const manager = pollingManager(t,
+    () => `demo\t1\t1\t%1\tnode\t${lastOutput}\tWorking title\n`, () => now);
+  const sample = changed => {
+    now += 2000;
+    if (changed) lastOutput = now / 1000;
+    manager.pollPaneInfo();
+  };
+  manager.pollPaneInfo();
+  sample(true);
+  sample(true);
+  assert.equal(manager.getSession('demo').outputActive, false);
+  sample(false);
+  for (let update = 1; update <= 3; update++) {
+    sample(true);
+    assert.equal(manager.getSession('demo').outputActive, update === 3);
+  }
+});
+
+test('switching tmux panes establishes a new baseline instead of carrying activity across', t => {
+  let now = NOW;
+  let lastOutput = NOW / 1000;
+  let paneId = '%1';
+  const manager = pollingManager(t,
+    () => `demo\t1\t1\t${paneId}\tnode\t${lastOutput}\tWorking title\n`, () => now);
+  const sample = () => {
+    now += 2000;
+    lastOutput = now / 1000;
+    manager.pollPaneInfo();
+  };
+  manager.pollPaneInfo();
+  sample();
+  sample();
+  paneId = '%2';
+  sample();
+  assert.equal(manager.getSession('demo').outputActive, false);
+  for (let update = 1; update <= 3; update++) {
+    sample();
+    assert.equal(manager.getSession('demo').outputActive, update === 3);
+  }
+  paneId = '%1';
+  sample();
+  assert.equal(manager.getSession('demo').outputActive, false, 'a previously active pane also needs a fresh baseline');
+});
+
+test('unsupported, invalid, old or future output timestamps fall back to inactive', t => {
+  let timestamp = '';
+  const manager = pollingManager(t, () => `demo\t1\t1\t%1\tnode\t${timestamp}\tWorking title\n`);
+  for (timestamp of ['', '0', '-1', 'invalid', 'Infinity', '1800000001', '1799999992']) {
+    manager.getSession('demo').outputActive = true;
+    manager.pollPaneInfo();
+    assert.equal(manager.getSession('demo').outputActive, false, `timestamp: ${timestamp}`);
+    assert.equal(manager.getSession('demo').status, 'running');
+    assert.equal(manager.getSession('demo').title, 'Working title');
+  }
+});
+
+test('only the active pane counts and stopped or missing sessions cannot be active', t => {
+  const manager = pollingManager(t, () => [
+    'demo\t1\t1\t%1\tnode\t1799999990\tWorking title',
+    'demo\t1\t0\t%2\tnode\t1800000000\tInactive pane',
+    'demo\t0\t1\t%3\tnode\t1800000000\tInactive window',
+    'stopped\t1\t1\t%4\tnode\t1800000000\tStopped title',
+    'other\t1\t1\t%5\tnode\t1800000000\tUnmanaged title'
+  ].join('\n'));
+  manager.sessions.set('stopped', {
+    name: 'stopped', status: 'stopped', outputActive: true, title: null, command: null
+  });
+  manager.sessions.set('missing', {
+    name: 'missing', status: 'running', outputActive: true, title: null, command: null
+  });
+  manager.pollPaneInfo();
+  assert.equal(manager.getSession('demo').outputActive, false);
+  assert.equal(manager.getSession('demo').title, 'Working title');
+  assert.equal(manager.getSession('stopped').outputActive, false);
+  assert.equal(manager.getSession('stopped').status, 'stopped');
+  assert.equal(manager.getSession('missing').outputActive, false);
+  assert.equal(manager.sessions.has('other'), false);
+});
+
+test('tmux query failures clear stale activity without losing existing titles', t => {
+  let unavailable = true;
+  let now = NOW;
+  let lastOutput = NOW / 1000;
+  const manager = pollingManager(t, () => {
+    if (unavailable) throw new Error('tmux unavailable');
+    return `demo\t1\t1\t%1\tnode\t${lastOutput}\tWorking title\n`;
+  }, () => now);
+  manager.getSession('demo').outputActive = true;
+  manager.outputSamples.set('demo', { paneId: '%1', lastOutputTime: NOW - 2000, consecutive: 3 });
+  const events = [];
+  manager.on('session:title', value => events.push(value));
+  manager.pollPaneInfo();
+  assert.equal(manager.getSession('demo').outputActive, false);
+  assert.equal(manager.getSession('demo').title, 'Working title');
+  assert.equal(manager.getSession('demo').command, 'node');
+  assert.equal(manager.getSession('demo').status, 'running');
+  assert.equal(manager.outputSamples.size, 0);
+  assert.equal(events.length, 1);
+  manager.pollPaneInfo();
+  assert.equal(events.length, 1);
+  unavailable = false;
+  manager.pollPaneInfo();
+  assert.equal(manager.getSession('demo').outputActive, false, 'recovery only establishes a new baseline');
+  assert.equal(events.length, 1);
+  for (let sample = 0; sample < 3; sample++) {
+    now += 2000;
+    lastOutput += 2;
+    manager.pollPaneInfo();
+  }
+  assert.equal(manager.getSession('demo').outputActive, true);
+  assert.equal(events.length, 2);
+});
+
+test('stopping ttyd immediately clears output activity', t => {
+  const manager = pollingManager(t, () => '');
+  const session = manager.getSession('demo');
+  const kill = t.mock.fn();
+  Object.assign(session, { outputActive: true, process: { kill }, port: 7681, pid: 42 });
+  manager.outputSamples.set('demo', { paneId: '%1', lastOutputTime: NOW, consecutive: 3 });
+  manager.portManager.usedPorts.add(7681);
+  const stopped = manager.stop('demo');
+  assert.equal(stopped.status, 'stopped');
+  assert.equal(stopped.outputActive, false);
+  assert.equal(stopped.pid, null);
+  assert.equal(stopped.port, null);
+  assert.equal(manager.portManager.usedPorts.has(7681), false);
+  assert.equal(manager.outputSamples.has('demo'), false);
+  assert.deepEqual(kill.mock.calls[0].arguments, ['SIGTERM']);
+});
+
+test('real tmux requires sustained output before turning active and retains eight-second expiry', async t => {
+  const runFile = childProcess.execFileSync;
+  const runShell = childProcess.execSync;
+  const realNow = Date.now;
+  try { runFile('tmux', ['-V'], { stdio: 'ignore' }); } catch (err) {
+    if (err.code === 'ENOENT') return t.skip('tmux is not installed');
+    throw err;
+  }
+  const directory = await fs.realpath(await fs.mkdtemp(path.join(os.tmpdir(), 'hub-activity-test-')));
+  const socket = path.join(directory, 'tmux.sock');
+  const tmux = (...args) => runFile('tmux', ['-S', socket, '-f', '/dev/null', ...args], {
+    encoding: 'utf8', timeout: 5000
+  });
+  t.after(async () => {
+    try { tmux('kill-server'); } catch (_) { /* already stopped */ }
+    await fs.rm(directory, { recursive: true, force: true });
+  });
+  tmux('new-session', '-d', '-s', 'demo', '/bin/sh');
+  tmux('send-keys', '-t', '=demo:', "printf 'activity\\r'", 'Enter');
+  let lastOutput;
+  for (let attempt = 0; attempt < 20; attempt++) {
+    lastOutput = tmux('display-message', '-p', '-t', '=demo:', '#{pane_last_output_time}').trim();
+    if (Number(lastOutput) > 0) break;
+    await new Promise(resolve => setTimeout(resolve, 20));
+  }
+  if (!lastOutput) return t.skip('tmux does not expose pane_last_output_time');
+  assert.ok(Number(lastOutput) > 0, 'tmux returns the last output timestamp in seconds');
+
+  t.mock.method(childProcess, 'execSync', (command, options) =>
+    runShell(command.replace(/^tmux /, `tmux -S ${socket} -f /dev/null `), options));
+  let now = Number(lastOutput) * 1000 + 1000;
+  t.mock.method(Date, 'now', () => now);
+  delete require.cache[require.resolve('./session-manager')];
+  const SessionManager = require('./session-manager');
+  const manager = new SessionManager();
+  manager.sessions.set('demo', { name: 'demo', status: 'running', outputActive: false });
+  manager.pollPaneInfo();
+  assert.equal(manager.getSession('demo').outputActive, false, 'opening a pane does not immediately turn it active');
+  for (let sample = 1; sample <= 3; sample++) {
+    const previous = Number(lastOutput);
+    // tmux timestamps have second precision; produce each update in a new second.
+    while (Math.floor(realNow() / 1000) <= previous) {
+      await new Promise(resolve => setTimeout(resolve, 20));
+    }
+    tmux('send-keys', '-t', '=demo:', "printf 'activity\\r'", 'Enter');
+    for (let attempt = 0; attempt < 25; attempt++) {
+      lastOutput = tmux('display-message', '-p', '-t', '=demo:', '#{pane_last_output_time}').trim();
+      if (Number(lastOutput) > previous) break;
+      await new Promise(resolve => setTimeout(resolve, 20));
+    }
+    assert.ok(Number(lastOutput) > previous);
+    now = Number(lastOutput) * 1000 + 1000;
+    manager.pollPaneInfo();
+    assert.equal(manager.getSession('demo').outputActive, sample === 3);
+  }
+  assert.equal(manager.getSession('demo').status, 'running');
+  now = Number(lastOutput) * 1000 + 7999;
+  manager.pollPaneInfo();
+  assert.equal(manager.getSession('demo').outputActive, true);
+  now++;
+  manager.pollPaneInfo();
+  assert.equal(manager.getSession('demo').outputActive, false);
+  assert.equal(manager.getSession('demo').status, 'running');
+});

package/server/services/session-manager.js

@@ -4,6 +4,8 @@ const EventEmitter = require('events');
 const PortManager = require('./port-manager');
 
 const SESSION_NAME_RE = /^[a-zA-Z0-9_-]+$/;
+const OUTPUT_ACTIVE_WINDOW_MS = 8000;
+const OUTPUT_ACTIVE_MIN_SAMPLES = 3;
 
 const KNOWN_SHELLS = [
   { id: 'zsh', name: 'Zsh', paths: ['/bin/zsh', '/usr/bin/zsh', '/usr/local/bin/zsh', '/opt/homebrew/bin/zsh'] },
@@ -58,6 +60,7 @@ class SessionManager extends EventEmitter {
     this.shells = detectShells();
     this.nameCounter = 0;
     this.titleTimer = null;
+    this.outputSamples = new Map();
   }
 
   generateName(shell) {
@@ -120,11 +123,15 @@ class SessionManager extends EventEmitter {
     session.port = port;
     session.pid = proc.pid;
     session.status = 'running';
+    session.outputActive = false;
+    this.outputSamples.delete(session.name);
     session.process = proc;
 
     proc.on('exit', (code) => {
       if (session.status === 'running') {
         session.status = 'stopped';
+        session.outputActive = false;
+        this.outputSamples.delete(session.name);
         session.pid = null;
         session.process = null;
         this.portManager.release(port);
@@ -141,6 +148,8 @@ class SessionManager extends EventEmitter {
       // The exit handler may already have cleaned up if ttyd died early.
       if (session.process === proc) {
         session.status = 'stopped';
+        session.outputActive = false;
+        this.outputSamples.delete(session.name);
         session.pid = null;
         session.process = null;
         this.portManager.release(port);
@@ -214,6 +223,8 @@ class SessionManager extends EventEmitter {
     }
     session.process.kill('SIGTERM');
     session.status = 'stopped';
+    session.outputActive = false;
+    this.outputSamples.delete(session.name);
     session.pid = null;
     session.process = null;
     this.portManager.release(session.port);
@@ -235,6 +246,7 @@ class SessionManager extends EventEmitter {
       // tmux session may not exist
     }
     this.sessions.delete(name);
+    this.outputSamples.delete(name);
     this.emit('session:deleted', { name });
     return { name };
   }
@@ -363,40 +375,72 @@ class SessionManager extends EventEmitter {
     return rest;
   }
 
-  // Refresh pane info (terminal title set by the running CLI + current
-  // command) for all known sessions from tmux. One call covers every session,
-  // works with the browser closed or ttyd stopped, and only broadcasts
-  // sessions whose info actually changed. Titles are the status channel CLIs
-  // maintain (OSC 0/2); the command name is the fallback when a CLI does not
-  // set one.
+  // Read titles, commands and recent output activity in one tmux query.
+  // Reuse session:title for changes, including activity-only transitions.
+  // Output activity is only a visual hint, not a task-completion signal.
   pollPaneInfo() {
     let output;
     try {
       output = execSync(
-        `tmux list-panes -a -F '#{session_name}\t#{window_active}\t#{pane_active}\t#{pane_current_command}\t#{pane_title}'`,
+        `tmux list-panes -a -F '#{session_name}\t#{window_active}\t#{pane_active}\t#{pane_id}\t#{pane_current_command}\t#{pane_last_output_time}\t#{pane_title}'`,
         { stdio: ['ignore', 'pipe', 'ignore'], env: SPAWN_ENV }
       ).toString();
     } catch (_) {
+      this.outputSamples.clear();
+      // Keep the existing title, but do not leave a stale yellow indicator.
+      for (const session of this.sessions.values()) {
+        if (!session.outputActive) continue;
+        session.outputActive = false;
+        this.emit('session:title', this.serialize(session));
+      }
       return; // no tmux server running
     }
 
     const active = new Map();
     for (const line of output.trim().split('\n')) {
       if (!line) continue;
-      const [name, windowActive, paneActive, command, ...title] = line.split('\t');
+      const [name, windowActive, paneActive, paneId, command, lastOutputTime, ...title] = line.split('\t');
       if (windowActive !== '1' || paneActive !== '1') continue;
-      active.set(name, { command: command || null, title: title.join('\t') || null });
+      active.set(name, {
+        paneId,
+        command: command || null,
+        title: title.join('\t') || null,
+        lastOutputTime: Number(lastOutputTime) * 1000
+      });
     }
 
+    const now = Date.now();
     for (const session of this.sessions.values()) {
       const info = active.get(session.name);
       const title = info?.title
         ? info.title.replace(/[\t\r\n]+/g, ' ').trim().slice(0, 200)
         : null;
       const command = info?.command || null;
-      if (session.title !== title || session.command !== command) {
+      // Unsupported or missing tmux metadata falls back to the green dot.
+      let outputActive = false;
+      if (session.status === 'running' && info?.paneId
+        && Number.isFinite(info.lastOutputTime)
+        && info.lastOutputTime >= 0 && info.lastOutputTime <= now) {
+        const previous = this.outputSamples.get(session.name);
+        const samePane = previous?.paneId === info.paneId;
+        const recent = info.lastOutputTime > 0 && now - info.lastOutputTime < OUTPUT_ACTIVE_WINDOW_MS;
+        // The first sample is only a baseline. Repeatedly seeing the same
+        // timestamp does not count as continued output, even while recent.
+        const consecutive = recent && samePane && info.lastOutputTime > previous.lastOutputTime
+          ? Math.min(previous.consecutive + 1, OUTPUT_ACTIVE_MIN_SAMPLES)
+          : 0;
+        this.outputSamples.set(session.name, {
+          paneId: info.paneId, lastOutputTime: info.lastOutputTime, consecutive
+        });
+        outputActive = recent && samePane
+          && (session.outputActive || consecutive >= OUTPUT_ACTIVE_MIN_SAMPLES);
+      } else {
+        this.outputSamples.delete(session.name);
+      }
+      if (session.title !== title || session.command !== command || session.outputActive !== outputActive) {
         session.title = title;
         session.command = command;
+        session.outputActive = outputActive;
         this.emit('session:title', this.serialize(session));
       }
     }
@@ -409,6 +453,7 @@ class SessionManager extends EventEmitter {
   }
 
   stopTitlePolling() {
+    this.outputSamples.clear();
     if (this.titleTimer) {
       clearInterval(this.titleTimer);
       this.titleTimer = null;

package/server/public/assets/index-CtbQEC9E.css

@@ -1 +0,0 @@
-:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-card: #1e293b;--bg-card-hover: #334155;--border-color: #334155;--border-color-hover: #475569;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-tertiary: #64748b;--accent-primary: #3b82f6;--accent-hover: #2563eb;--accent-dim: rgba(59, 130, 246, .15);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--sidebar-width: 260px;--sidebar-collapsed-width: 0px;--toolbar-height: 56px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;background:var(--bg-primary);color:var(--text-primary);overflow:hidden;height:100vh;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}#app{height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.glass{background:#1e293bb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .2s;border:1px solid transparent;outline:none}.btn-primary{background:var(--accent-primary);color:#fff}.btn-primary:hover{background:var(--accent-hover)}input{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:8px 12px;border-radius:var(--radius-md);outline:none;transition:border-color .2s}input:focus{border-color:var(--accent-primary)}.session-card[data-v-c39ba5d7]{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-md);cursor:pointer;transition:all .2s;border:1px solid transparent;color:var(--text-secondary)}.session-card[data-v-c39ba5d7]:hover{background:var(--bg-card-hover);color:var(--text-primary)}.session-card.active[data-v-c39ba5d7]{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-color)}.status-indicator[data-v-c39ba5d7]{width:8px;height:8px;border-radius:50%;background:var(--text-tertiary);flex-shrink:0}.status-indicator.running[data-v-c39ba5d7]{background:var(--success);box-shadow:0 0 8px #10b98166}.card-content[data-v-c39ba5d7]{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.card-top[data-v-c39ba5d7]{display:flex;align-items:center;gap:4px}.session-name[data-v-c39ba5d7]{font-size:14px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0;display:flex;align-items:baseline;gap:6px}.alias-text[data-v-c39ba5d7]{overflow:hidden;text-overflow:ellipsis}.real-name[data-v-c39ba5d7]{flex-shrink:1;max-width:45%;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:400;color:var(--text-tertiary)}.alias-input[data-v-c39ba5d7]{flex:1;min-width:0;padding:2px 6px;font-size:13px;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:4px;outline:none}.alias-input[data-v-c39ba5d7]:focus{border-color:var(--accent-primary, #3b82f6)}.close-btn[data-v-c39ba5d7]{display:none;align-items:center;justify-content:center;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px;border-radius:4px;flex-shrink:0}.session-card:hover .close-btn[data-v-c39ba5d7]{display:flex}.close-btn[data-v-c39ba5d7]:hover{background:var(--bg-tertiary);color:var(--danger)}.session-info[data-v-c39ba5d7]{display:flex;align-items:baseline;gap:8px;font-size:11px;color:var(--text-tertiary)}.pane-title[data-v-c39ba5d7]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.confirm-bar[data-v-c39ba5d7]{display:flex;align-items:center;gap:6px;font-size:12px}.confirm-text[data-v-c39ba5d7]{color:var(--danger);font-weight:500}.confirm-yes[data-v-c39ba5d7],.confirm-no[data-v-c39ba5d7]{background:none;border:1px solid var(--border-color);border-radius:4px;padding:1px 8px;font-size:11px;cursor:pointer;color:var(--text-secondary)}.confirm-yes[data-v-c39ba5d7]:hover{background:var(--danger);border-color:var(--danger);color:#fff}.confirm-no[data-v-c39ba5d7]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.session-card.collapsed[data-v-c39ba5d7]{justify-content:center;padding:12px}.session-card.collapsed .status-indicator[data-v-c39ba5d7]{width:10px;height:10px}li[data-v-7822209d]{list-style:none}.tree-row[data-v-7822209d]{display:flex;align-items:center;gap:5px;min-height:31px;padding:2px 6px;cursor:pointer;border-radius:3px;outline-offset:-2px}.tree-row[data-v-7822209d]:hover,.tree-row[data-v-7822209d]:focus-visible{background:var(--bg-tertiary)}.chevron[data-v-7822209d]{flex:0 0 10px;color:var(--text-secondary)}.file-icon[data-v-7822209d]{color:var(--text-secondary);font-size:18px;width:15px}.filename[data-v-7822209d]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:13px}.dotfile[data-v-7822209d]{opacity:.55}.more[data-v-7822209d]{background:transparent;color:var(--text-secondary);border:none;cursor:pointer;padding:0 4px;font-size:18px;opacity:0}.tree-row:hover .more[data-v-7822209d],.tree-row:focus-within .more[data-v-7822209d]{opacity:1}.tree-children[data-v-7822209d]{margin-left:14px;padding-left:5px;border-left:1px solid var(--border-color)}.tree-status[data-v-7822209d]{padding:5px 10px;color:var(--text-secondary);font-size:12px;overflow-wrap:anywhere}.tree-status button[data-v-7822209d]{background:none;color:var(--text-primary);border:none;cursor:pointer;text-decoration:underline}.error[data-v-7822209d]{color:var(--danger)}@media(hover:none){.more[data-v-7822209d]{opacity:1}}.file-dialog[data-v-5ceee09a]{margin:auto;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:24px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.file-dialog[data-v-5ceee09a]::backdrop{background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}p[data-v-5ceee09a]{margin:12px 0;color:var(--text-secondary)}.operation-path[data-v-5ceee09a]{overflow-wrap:anywhere;font:12px/1.6 monospace}label[data-v-5ceee09a]{display:flex;flex-direction:column;gap:8px}.dialog-actions[data-v-5ceee09a]{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.btn[data-v-5ceee09a]{background:var(--bg-tertiary);color:var(--text-primary)}.btn-primary[data-v-5ceee09a]{background:var(--accent-primary)}.delete-btn[data-v-5ceee09a]{background:var(--danger);color:#fff}.error[data-v-5ceee09a]{color:var(--danger)}button[data-v-5ceee09a]:disabled{opacity:.5;cursor:default}.clipboard-overlay[data-v-317cb3e2]{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.clipboard-dialog[data-v-317cb3e2]{width:min(520px,calc(100vw - 32px));padding:20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}h3[data-v-317cb3e2]{font-size:16px}p[data-v-317cb3e2]{margin:12px 0;color:var(--text-secondary)}textarea[data-v-317cb3e2]{width:100%;height:180px;resize:vertical;padding:12px;background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);font:13px/1.5 monospace}textarea[data-v-317cb3e2]:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.clipboard-actions[data-v-317cb3e2]{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}button[type=button][data-v-317cb3e2]{color:var(--text-primary);background:var(--bg-tertiary)}button[data-v-317cb3e2]:disabled{opacity:.5;cursor:default}.file-panel[data-v-b1b08d94]{display:flex;flex-direction:column;min-height:0;flex:1}.file-toolbar[data-v-b1b08d94]{display:flex;align-items:center;gap:4px;padding:10px 12px 4px}.project-name[data-v-b1b08d94]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600}.file-toolbar button[data-v-b1b08d94],.panel-hint button[data-v-b1b08d94]{border:none;background:transparent;color:var(--text-secondary);padding:3px 5px;cursor:pointer;font-size:17px}.file-toolbar button[data-v-b1b08d94]:hover{background:var(--bg-tertiary);border-radius:4px}button[data-v-b1b08d94]:disabled{opacity:.4;cursor:default}.root-path[data-v-b1b08d94]{color:var(--text-secondary);font:11px/1.6 monospace;overflow-wrap:anywhere;padding:0 12px 10px;border-bottom:1px solid var(--border-color)}.file-tree[data-v-b1b08d94]{overflow:auto;padding:6px;flex:1;min-height:0}.panel-hint[data-v-b1b08d94]{padding:12px;color:var(--text-secondary);font-size:12px;list-style:none;overflow-wrap:anywhere}.error[data-v-b1b08d94]{color:var(--danger)}.file-menu[data-v-b1b08d94]{position:fixed;z-index:110;width:min(230px,calc(100vw - 16px));padding:6px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.file-menu button[data-v-b1b08d94]{display:flex;justify-content:space-between;width:100%;text-align:left;padding:8px 10px;background:none;color:var(--text-primary);border:none;border-radius:4px;cursor:pointer}.file-menu button[data-v-b1b08d94]:hover:not(:disabled),.file-menu button[data-v-b1b08d94]:focus-visible{background:var(--bg-tertiary)}.file-menu span[data-v-b1b08d94]{color:var(--text-secondary)}.file-menu .danger[data-v-b1b08d94]{color:var(--danger)}.sidebar[data-v-b8faf56e]{width:var(--sidebar-width);border-right:1px solid var(--border-color);background:var(--bg-secondary);display:flex;flex-direction:column;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;height:100%;z-index:20}.sidebar.collapsed[data-v-b8faf56e]{width:72px}.sidebar-tabs[data-v-b8faf56e]{display:flex;flex-shrink:0;border-bottom:1px solid var(--border-color)}.sidebar-tabs button[data-v-b8faf56e]{flex:1;padding:12px 4px;border:none;border-bottom:2px solid transparent;background:none;color:var(--text-secondary);cursor:pointer;font:inherit;font-size:12px}.sidebar-tabs button[aria-selected=true][data-v-b8faf56e]{border-bottom-color:var(--accent-primary);color:var(--text-primary);background:var(--bg-primary)}.sessions-panel[data-v-b8faf56e],.files-panel[data-v-b8faf56e]{display:flex;flex-direction:column;min-height:0;flex:1}.sidebar-header[data-v-b8faf56e]{padding:16px;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:12px}.sidebar-title[data-v-b8faf56e]{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);font-weight:600}.new-session-btn[data-v-b8faf56e]{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:var(--accent-primary);color:#fff;border:none;border-radius:var(--radius-md);padding:10px;cursor:pointer;font-weight:500;transition:all .2s}.new-session-btn[data-v-b8faf56e]:hover{background:var(--accent-hover)}.sidebar.collapsed .new-session-btn[data-v-b8faf56e]{padding:10px 0}.session-list[data-v-b8faf56e]{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:4px}.empty-hint[data-v-b8faf56e]{text-align:center;padding:40px 10px;color:var(--text-tertiary)}.empty-hint p[data-v-b8faf56e]{font-size:14px;margin-bottom:4px}.empty-hint .sub-hint[data-v-b8faf56e]{font-size:12px;opacity:.7}@media(max-width:768px){.sidebar[data-v-b8faf56e]{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);transform:translate(0);box-shadow:var(--shadow-md);z-index:50}.sidebar.collapsed[data-v-b8faf56e]{transform:translate(-100%);width:var(--sidebar-width)}}.brand-mark[data-v-f54af403]{display:block;flex-shrink:0;object-fit:contain}.terminal-area[data-v-95819edf]{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#000;position:relative}.terminal-frame[data-v-95819edf]{flex:1;width:100%;min-height:0;border:none;background:#000}.terminal-tools[data-v-95819edf]{display:flex;align-items:center;flex-shrink:0;gap:8px;padding:6px 12px;background:var(--bg-primary);border-bottom:1px solid var(--border-color);flex-wrap:wrap}.upload-progress[data-v-95819edf]{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.upload-progress progress[data-v-95819edf]{width:64px;height:4px;accent-color:var(--accent-primary)}.clipboard-btn[data-v-95819edf]{padding:4px 10px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer}.clipboard-btn[data-v-95819edf]:hover:not(:disabled){background:var(--bg-tertiary)}.clipboard-btn[data-v-95819edf]:disabled,.clipboard-menu button[data-v-95819edf]:disabled{opacity:.45;cursor:default}.selection-hint[data-v-95819edf]{color:var(--text-secondary);font-size:12px}.clipboard-menu[data-v-95819edf]{position:fixed;z-index:100;width:min(280px,calc(100vw - 16px));padding:6px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.clipboard-menu button[data-v-95819edf]{display:flex;justify-content:space-between;width:100%;padding:8px 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-primary);text-align:left;cursor:pointer}.clipboard-menu button[data-v-95819edf]:hover:not(:disabled),.clipboard-menu button[data-v-95819edf]:focus-visible{background:var(--bg-tertiary)}.clipboard-menu span[data-v-95819edf],.clipboard-menu p[data-v-95819edf]{color:var(--text-secondary);font-size:12px}.clipboard-menu p[data-v-95819edf]{padding:8px 10px 4px;border-top:1px solid var(--border-color)}@media(max-width:600px){.selection-hint[data-v-95819edf]{display:none}}.welcome__container[data-v-95819edf]{flex:1;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);background-image:radial-gradient(circle at center,var(--bg-secondary) 0%,var(--bg-primary) 100%)}.welcome__content[data-v-95819edf]{text-align:center;max-width:400px;padding:40px}.welcome-brand[data-v-95819edf]{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px}.logo-text[data-v-95819edf]{font-size:32px;font-weight:700;color:var(--text-primary);letter-spacing:-1px}.welcome__text[data-v-95819edf]{color:var(--text-secondary);font-size:16px;margin-bottom:24px}.highlight[data-v-95819edf]{color:var(--text-primary);font-weight:600}.sub-text[data-v-95819edf]{color:var(--text-tertiary);font-size:14px}.modal-overlay[data-v-f9ae44fb]{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn-f9ae44fb .2s ease}.modal-content[data-v-f9ae44fb]{width:100%;max-width:400px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:16px;overflow:hidden;animation:slideUp-f9ae44fb .3s cubic-bezier(.16,1,.3,1)}.modal-header[data-v-f9ae44fb]{padding:16px 20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h3[data-v-f9ae44fb]{font-size:16px;font-weight:600;color:var(--text-primary)}.close-btn[data-v-f9ae44fb]{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:18px;padding:4px;border-radius:4px}.close-btn[data-v-f9ae44fb]:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body[data-v-f9ae44fb]{padding:20px;display:flex;flex-direction:column;gap:16px}.form-group[data-v-f9ae44fb]{display:flex;flex-direction:column;gap:8px}.label-text[data-v-f9ae44fb]{font-size:13px;font-weight:500;color:var(--text-secondary)}select[data-v-f9ae44fb],input[data-v-f9ae44fb]{width:100%;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);padding:10px;border-radius:var(--radius-md);outline:none;font-size:14px;appearance:none}select[data-v-f9ae44fb]:focus,input[data-v-f9ae44fb]:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-dim)}.modal-footer[data-v-f9ae44fb]{padding:16px 20px;background:var(--bg-primary);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}@keyframes fadeIn-f9ae44fb{0%{opacity:0}to{opacity:1}}@keyframes slideUp-f9ae44fb{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.login-screen[data-v-86b6b672]{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.login-card[data-v-86b6b672]{width:min(360px,calc(100vw - 48px));padding:32px;display:flex;flex-direction:column;align-items:center;gap:12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.login-logo[data-v-86b6b672]{display:flex;align-items:center;justify-content:center;width:72px;height:72px}h1[data-v-86b6b672]{font-size:22px;font-weight:600;color:var(--text-primary);letter-spacing:-.5px}.login-hint[data-v-86b6b672]{margin:-4px 0 8px;font-size:13px;color:var(--text-secondary)}input[data-v-86b6b672]{width:100%;padding:10px 12px;font-size:14px;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);outline:none}input[data-v-86b6b672]:focus{border-color:var(--accent-primary, #3b82f6)}.login-error[data-v-86b6b672]{width:100%;margin:0;font-size:13px;color:var(--danger)}.login-btn[data-v-86b6b672]{width:100%;margin-top:4px;padding:10px 12px;font-size:14px;font-weight:500;color:#fff;background:var(--accent-primary, #3b82f6);border:none;border-radius:var(--radius-md);cursor:pointer}.login-btn[data-v-86b6b672]:disabled{opacity:.5;cursor:default}.login-btn[data-v-86b6b672]:not(:disabled):hover{filter:brightness(1.1)}.toast-container[data-v-6bea03ca]{position:fixed;top:60px;right:16px;z-index:200;display:flex;flex-direction:column;gap:8px;max-width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 80px);overflow:auto}.toast[data-v-6bea03ca]{padding:10px 16px;border-radius:8px;font-size:13px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);min-width:200px;background:var(--bg-secondary);display:flex;align-items:flex-start;gap:12px}.toast-message[data-v-6bea03ca]{white-space:pre-wrap;overflow-wrap:anywhere;max-height:35vh;overflow:auto;flex:1}.toast-actions[data-v-6bea03ca]{display:flex;gap:8px;flex-shrink:0}.toast-actions button[data-v-6bea03ca]{border:none;background:transparent;color:inherit;cursor:pointer;font:inherit}.toast.info[data-v-6bea03ca]{background:var(--bg-secondary);color:var(--text-primary)}.toast.error[data-v-6bea03ca]{background:var(--bg-secondary);color:var(--danger)}.toast.success[data-v-6bea03ca]{background:#4ade8026;color:#4ade80}.toast-enter-active[data-v-6bea03ca]{animation:slideIn-6bea03ca .3s ease}.toast-leave-active[data-v-6bea03ca]{animation:slideOut-6bea03ca .3s ease}@keyframes slideIn-6bea03ca{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut-6bea03ca{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.app-layout[data-v-1baffbd3]{height:100vh;display:flex;flex-direction:column}.toolbar[data-v-1baffbd3]{height:var(--toolbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--border-color);flex-shrink:0;z-index:30;background:var(--bg-primary)}.toolbar-left[data-v-1baffbd3]{display:flex;align-items:center;gap:12px}.toggle-btn[data-v-1baffbd3]{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.toggle-btn[data-v-1baffbd3]:hover{color:var(--text-primary);background:var(--bg-tertiary)}.logo-wrapper[data-v-1baffbd3]{display:flex;align-items:center;justify-content:center;flex-shrink:0}.toolbar-title[data-v-1baffbd3]{font-size:16px;font-weight:600;color:var(--text-primary);letter-spacing:-.5px}.main-area[data-v-1baffbd3]{flex:1;display:flex;overflow:hidden;position:relative}.sidebar-overlay[data-v-1baffbd3]{display:none;position:absolute;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:15;opacity:0;transition:opacity .3s ease;pointer-events:none}@media(max-width:768px){.sidebar-overlay[data-v-1baffbd3]{display:block}.sidebar-overlay.show[data-v-1baffbd3]{opacity:1;pointer-events:auto}}