ai-agent-session-center 2.0.2 → 2.0.3

package/public/js/quickActions.js

@@ -10,6 +10,38 @@ import * as terminalManager from './terminalManager.js';
 import { escapeHtml, debugWarn } from './utils.js';
 import { STORAGE_KEYS, LABELS } from './constants.js';
 
+/**
+ * After creating a terminal, open the detail panel on the Terminal tab.
+ * The session may not exist in the frontend map yet (WebSocket broadcast is async),
+ * so we poll briefly until the session appears, then select + attach.
+ */
+function openTerminalPanel(terminalId) {
+  const maxAttempts = 20;
+  let attempt = 0;
+  const interval = setInterval(async () => {
+    attempt++;
+    const { selectSession } = await import('./detailPanel.js');
+    const { getSessionsData } = await import('./sessionPanel.js');
+    const sessions = getSessionsData();
+    const session = sessions.get(terminalId);
+    if (session || attempt >= maxAttempts) {
+      clearInterval(interval);
+      if (!session) return;
+      // Switch to terminal tab before selecting so initTerminal gets real dimensions
+      const tabBtn = document.querySelector('.detail-tabs .tab[data-tab="terminal"]');
+      if (tabBtn) {
+        document.querySelectorAll('.detail-tabs .tab').forEach(t => t.classList.remove('active'));
+        tabBtn.classList.add('active');
+        document.querySelectorAll('.tab-content').forEach(tc => tc.classList.remove('active'));
+        const tabContent = document.getElementById('tab-terminal');
+        if (tabContent) tabContent.classList.add('active');
+      }
+      selectSession(terminalId);
+      terminalManager.attachToSession(terminalId, terminalId);
+    }
+  }, 100);
+}
+
 // ---- Working Directory History ----
 function getWorkdirHistory() {
   try {
@@ -304,18 +336,13 @@ function initQuickSessionModal() {
       try { return JSON.parse(localStorage.getItem(STORAGE_KEYS.LAST_SESSION) || '{}'); } catch { return {}; }
     })();
 
-    if (!saved.username) {
-      showToast('ERROR', 'No saved session config. Use "+ NEW SESSION" first.');
-      return;
-    }
-
     launchBtn.disabled = true;
     launchBtn.textContent = 'LAUNCHING...';
     try {
       const body = {
         host: saved.host || window.location.hostname || 'localhost',
         port: saved.port || 22,
-        username: saved.username,
+        username: saved.username || undefined,
         authMethod: saved.authMethod || 'key',
         privateKeyPath: saved.privateKeyPath,
         workingDir: workingDir,
@@ -360,6 +387,7 @@ function initQuickSessionModal() {
       } else {
         showToast('CONNECTED', 'Quick session launched');
       }
+      openTerminalPanel(result.terminalId);
     } catch (e) {
       showToast('ERROR', e.message);
     } finally {
@@ -486,19 +514,7 @@ function initNewSessionModal() {
         label: labelVal,
       };
 
-      if (currentSshMode === 'tmux-attach') {
-        body.tmuxSession = selectedTmuxSession;
-      } else if (currentSshMode === 'tmux-wrap') {
-        body.useTmux = true;
-      }
-      const resp = await fetch('/api/terminals', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify(body),
-      });
-      const result = await resp.json();
-      if (!resp.ok) throw new Error(result.error || 'Connection failed');
-
+      // Save config before connecting so quick buttons can use it even if connection fails
       try {
         localStorage.setItem(STORAGE_KEYS.LAST_SESSION, JSON.stringify({
           host: body.host,
@@ -512,6 +528,19 @@ function initNewSessionModal() {
         }));
       } catch (_) {}
 
+      if (currentSshMode === 'tmux-attach') {
+        body.tmuxSession = selectedTmuxSession;
+      } else if (currentSshMode === 'tmux-wrap') {
+        body.useTmux = true;
+      }
+      const resp = await fetch('/api/terminals', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(body),
+      });
+      const result = await resp.json();
+      if (!resp.ok) throw new Error(result.error || 'Connection failed');
+
       if (labelVal) saveLabel(labelVal);
       saveWorkdir(body.workingDir);
 
@@ -520,6 +549,7 @@ function initNewSessionModal() {
 
       const theme = document.getElementById('ssh-terminal-theme')?.value || getDefaultTerminalTheme();
       terminalManager.setTerminalTheme(result.terminalId, theme);
+      openTerminalPanel(result.terminalId);
     } catch (e) {
       showToast('ERROR', e.message);
     } finally {
@@ -529,6 +559,87 @@ function initNewSessionModal() {
   });
 }
 
+async function directLaunchSession(label) {
+  // Read from New Session modal form fields first (user may have filled them in)
+  const formHost = document.getElementById('ssh-host')?.value?.trim();
+  const formUsername = document.getElementById('ssh-username')?.value?.trim();
+  const formPort = document.getElementById('ssh-port')?.value;
+  const formAuthMethod = document.getElementById('ssh-auth-method')?.value;
+  const formKeyPath = document.getElementById('ssh-key-select')?.value;
+  const formWorkDir = document.getElementById('ssh-workdir')?.value?.trim();
+  const formTheme = document.getElementById('ssh-terminal-theme')?.value;
+  const formCommand = (() => {
+    const preset = document.getElementById('ssh-command-preset')?.value;
+    if (preset === 'custom') return document.getElementById('ssh-custom-command')?.value || 'claude';
+    return preset;
+  })();
+
+  // Fall back to saved config from localStorage
+  const saved = (() => {
+    try { return JSON.parse(localStorage.getItem(STORAGE_KEYS.LAST_SESSION) || '{}'); } catch { return {}; }
+  })();
+
+  const username = formUsername || saved.username || undefined;
+
+  const body = {
+    host: formHost || saved.host || window.location.hostname || 'localhost',
+    port: parseInt(formPort || saved.port) || 22,
+    username,
+    authMethod: formAuthMethod || saved.authMethod || 'key',
+    privateKeyPath: formKeyPath || saved.privateKeyPath,
+    workingDir: formWorkDir || saved.workingDir || '~',
+    command: formCommand || saved.command || 'claude',
+    terminalTheme: formTheme || saved.terminalTheme || getDefaultTerminalTheme(),
+    label: label || undefined,
+  };
+
+  const globalKey = getApiKeyForCommand(body.command);
+  if (globalKey) body.apiKey = globalKey;
+
+  try {
+    const resp = await fetch('/api/terminals', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify(body),
+    });
+    const result = await resp.json();
+    if (!resp.ok) throw new Error(result.error || 'Connection failed');
+
+    // Save config for future use
+    try {
+      localStorage.setItem(STORAGE_KEYS.LAST_SESSION, JSON.stringify({
+        host: body.host,
+        port: body.port,
+        username: body.username,
+        authMethod: body.authMethod,
+        privateKeyPath: body.privateKeyPath,
+        workingDir: body.workingDir,
+        command: body.command,
+        terminalTheme: body.terminalTheme,
+      }));
+    } catch (_) {}
+
+    if (label) saveLabel(label);
+
+    terminalManager.setTerminalTheme(result.terminalId, body.terminalTheme);
+
+    if (label === LABELS.HEAVY) {
+      setTimeout(() => pinSession(result.terminalId), 500);
+      showToast('HEAVY SESSION', 'High-priority session launched & pinned');
+    } else if (label === LABELS.IMPORTANT) {
+      setTimeout(() => pinSession(result.terminalId), 500);
+      showToast('IMPORTANT SESSION', 'Important session launched & pinned');
+    } else if (label === LABELS.ONEOFF) {
+      showToast('ONEOFF SESSION', 'One-off session launched');
+    } else {
+      showToast('CONNECTED', 'Quick session launched');
+    }
+    openTerminalPanel(result.terminalId);
+  } catch (e) {
+    showToast('ERROR', e.message);
+  }
+}
+
 function openQuickModalWithLabel(label) {
   const modal = document.getElementById('quick-session-modal');
   modal.classList.remove('hidden');
@@ -586,25 +697,7 @@ export function initQuickActions() {
   // QUICK SESSION button
   const quickBtn = document.getElementById('qa-quick-session');
   if (quickBtn) {
-    quickBtn.addEventListener('click', () => openQuickModalWithLabel(''));
-  }
-
-  // ONEOFF button
-  const oneoffBtn = document.getElementById('qa-oneoff');
-  if (oneoffBtn) {
-    oneoffBtn.addEventListener('click', () => openQuickModalWithLabel(LABELS.ONEOFF));
-  }
-
-  // HEAVY button
-  const heavyBtn = document.getElementById('qa-heavy');
-  if (heavyBtn) {
-    heavyBtn.addEventListener('click', () => openQuickModalWithLabel(LABELS.HEAVY));
-  }
-
-  // IMPORTANT button
-  const importantBtn = document.getElementById('qa-important');
-  if (importantBtn) {
-    importantBtn.addEventListener('click', () => openQuickModalWithLabel(LABELS.IMPORTANT));
+    quickBtn.addEventListener('click', () => directLaunchSession(''));
   }
 
   // Quick Session modal buttons
@@ -661,16 +754,7 @@ export function initQuickActions() {
           openNewSessionModal();
           break;
         case 'quick-session':
-          openQuickModalWithLabel('');
-          break;
-        case 'oneoff':
-          openQuickModalWithLabel(LABELS.ONEOFF);
-          break;
-        case 'heavy':
-          openQuickModalWithLabel(LABELS.HEAVY);
-          break;
-        case 'important':
-          openQuickModalWithLabel(LABELS.IMPORTANT);
+          directLaunchSession('');
           break;
         case 'new-group':
           // Trigger new group creation

package/public/js/sessionCard.js

@@ -278,13 +278,11 @@ function _applyCardUpdate(session) {
       if (sess && sess.terminalId) {
         fetch(`/api/terminals/${sess.terminalId}`, { method: 'DELETE' }).catch(() => {});
       }
-      db.get('sessions', sid).then(record => {
-        if (record && record.status !== 'ended') {
-          record.status = 'ended';
-          record.endedAt = record.endedAt || Date.now();
-          db.put('sessions', record);
-        }
-      }).catch(() => {});
+      // Delete from IndexedDB immediately — don't race with the server's
+      // session_removed broadcast which also calls del('sessions', sid).
+      // Previously this did a get→put (mark as ended) which could re-create
+      // the record AFTER the session_removed handler already deleted it.
+      db.del('sessions', sid).catch(() => {});
       fetch(`/api/sessions/${sid}`, { method: 'DELETE' }).catch(() => {});
       mutedSessions.delete(sid);
       saveMuted(mutedSessions);
@@ -595,19 +593,6 @@ function _applyCardUpdate(session) {
   const isImportant = (session.label || '').toUpperCase() === 'IMPORTANT';
   card.classList.toggle('important-session', isImportant);
 
-  const labelUpper = (session.label || '').toUpperCase();
-  if (labelUpper === 'ONEOFF' || labelUpper === 'HEAVY' || labelUpper === 'IMPORTANT') {
-    const labelCfg = settingsManager.getLabelSettings();
-    const frameName = labelCfg[labelUpper]?.frame || 'none';
-    if (frameName && frameName !== 'none') {
-      card.dataset.frame = frameName;
-    } else {
-      delete card.dataset.frame;
-    }
-  } else {
-    delete card.dataset.frame;
-  }
-
   const sourceBadge = card.querySelector('.source-badge');
   if (sourceBadge) {
     const src = session.source || 'ssh';

package/public/js/sessionControls.js

@@ -710,6 +710,14 @@ export function initControlHandlers() {
         detailTitleInput.blur();
       }
     });
+
+    const titleEditBtn = document.getElementById('detail-title-edit-btn');
+    if (titleEditBtn) {
+      titleEditBtn.addEventListener('click', () => {
+        detailTitleInput.focus();
+        detailTitleInput.select();
+      });
+    }
   }
 
   // Session Label Save (blur/Enter)

package/public/js/settingsManager.js

@@ -19,11 +19,6 @@ const defaults = {
   movementActions: '',
   autoSendQueue: 'false',
   hookDensity: 'off',
-  labelSettings: JSON.stringify({
-    ONEOFF:    { sound: 'alarm',       movement: 'shake',  frame: 'none' },
-    HEAVY:     { sound: 'urgentAlarm', movement: 'flash',  frame: 'electric' },
-    IMPORTANT: { sound: 'fanfare',     movement: 'bounce', frame: 'liquid' },
-  })
 };
 
 let settings = { ...defaults };
@@ -561,9 +556,6 @@ export function initSettingsUI() {
   // Build per-action movement effect grid
   initMovementGrid();
 
-  // Build label completion alerts grid
-  initLabelGrid();
-
   // Build summary prompt template management
   initSummaryPromptSettings();
 }
@@ -822,138 +814,4 @@ async function initSummaryPromptSettings() {
   loadAndRender();
 }
 
-// ---- Label Settings (per-label completion alerts) ----
-
-export function getLabelSettings() {
-  const raw = get('labelSettings');
-  try {
-    return JSON.parse(raw);
-  } catch {
-    return JSON.parse(defaults.labelSettings);
-  }
-}
-
-export async function setLabelSetting(label, field, value) {
-  const current = getLabelSettings();
-  if (!current[label]) current[label] = { sound: 'none', movement: 'none' };
-  current[label] = { ...current[label], [field]: value };
-  await set('labelSettings', JSON.stringify(current));
-}
-
-// Frame effect library for label cards
-const FRAME_EFFECTS = {
-  none:     'None',
-  fire:     'Burning Fire',
-  electric: 'Electric Current',
-  chains:   'Golden Chains',
-  liquid:   'Liquid Flow',
-  plasma:   'Plasma Ring',
-};
-
-export function getFrameEffects() {
-  return { ...FRAME_EFFECTS };
-}
-
-async function initLabelGrid() {
-  const container = document.getElementById('label-settings-grid');
-  if (!container) return;
-
-  const soundManager = await import('./soundManager.js');
-  const movementManager = await import('./movementManager.js');
-
-  const sounds = soundManager.getSoundLibrary(); // string[]
-  const effects = movementManager.getEffectLibrary(); // { key: label }
-  const labelConfig = getLabelSettings();
-
-  const LABELS = ['ONEOFF', 'HEAVY', 'IMPORTANT'];
-  const LABEL_COLORS = { ONEOFF: '#ff9100', HEAVY: '#ff3355', IMPORTANT: '#aa66ff' };
-  const LABEL_ICONS = { ONEOFF: '🔥', HEAVY: '★', IMPORTANT: '⚠' };
-
-  let html = '';
-  for (const label of LABELS) {
-    const cfg = labelConfig[label] || { sound: 'none', movement: 'none', frame: 'none' };
-    const color = LABEL_COLORS[label];
-
-    const soundOpts = sounds.map(s =>
-      `<option value="${s}"${s === cfg.sound ? ' selected' : ''}>${s}</option>`
-    ).join('');
-
-    const effectOpts = Object.entries(effects).map(([key, name]) =>
-      `<option value="${key}"${key === cfg.movement ? ' selected' : ''}>${name}</option>`
-    ).join('');
-
-    const frameOpts = Object.entries(FRAME_EFFECTS).map(([key, name]) =>
-      `<option value="${key}"${key === (cfg.frame || 'none') ? ' selected' : ''}>${name}</option>`
-    ).join('');
-
-    html += `
-      <div class="label-config-card" style="--label-color: ${color}" data-frame="${cfg.frame || 'none'}">
-        <div class="label-config-header">
-          <span class="label-config-icon">${LABEL_ICONS[label]}</span>
-          <span class="label-config-name">${label}</span>
-        </div>
-        <div class="label-config-row">
-          <span class="label-config-field">Card Frame</span>
-          <select class="label-config-select" data-label="${label}" data-field="frame">${frameOpts}</select>
-        </div>
-        <div class="label-config-row">
-          <span class="label-config-field">Sound</span>
-          <select class="label-config-select" data-label="${label}" data-field="sound">${soundOpts}</select>
-          <button class="sound-preview-btn label-preview-btn" data-label="${label}" data-field="sound" title="Preview">&#9654;</button>
-        </div>
-        <div class="label-config-row">
-          <span class="label-config-field">Movement</span>
-          <select class="label-config-select" data-label="${label}" data-field="movement">${effectOpts}</select>
-          <button class="sound-preview-btn label-preview-btn" data-label="${label}" data-field="movement" title="Preview">&#9654;</button>
-        </div>
-      </div>`;
-  }
-  container.innerHTML = html;
-
-  // Change handler
-  container.addEventListener('change', (e) => {
-    const sel = e.target.closest('.label-config-select');
-    if (!sel) return;
-    const field = sel.dataset.field;
-    const label = sel.dataset.label;
-    setLabelSetting(label, field, sel.value);
-
-    // Live-preview frame effect on the config card itself
-    if (field === 'frame') {
-      const configCard = sel.closest('.label-config-card');
-      if (configCard) configCard.dataset.frame = sel.value;
-      // Also update any live session cards with this label
-      document.querySelectorAll(`.session-card.${label.toLowerCase()}-session`).forEach(card => {
-        if (sel.value && sel.value !== 'none') {
-          card.dataset.frame = sel.value;
-        } else {
-          delete card.dataset.frame;
-        }
-      });
-    }
-  });
-
-  // Preview handler
-  container.addEventListener('click', (e) => {
-    const btn = e.target.closest('.label-preview-btn');
-    if (!btn) return;
-    const label = btn.dataset.label;
-    const field = btn.dataset.field;
-    const sel = container.querySelector(`.label-config-select[data-label="${label}"][data-field="${field}"]`);
-    if (!sel) return;
-    if (field === 'sound') {
-      soundManager.previewSound(sel.value);
-    } else {
-      // Preview movement on the first session card character
-      const card = document.querySelector('.session-card .css-robot');
-      if (card && sel.value !== 'none') {
-        card.removeAttribute('data-movement');
-        void card.offsetWidth;
-        card.setAttribute('data-movement', sel.value);
-        setTimeout(() => card.removeAttribute('data-movement'), 3500);
-      }
-    }
-  });
-}
-
 const escapeHtml = _escapeHtml;

package/server/apiRouter.js

@@ -1,8 +1,8 @@
 // @ts-check
 // apiRouter.js — Express router for all API endpoints
 import { Router } from 'express';
-import { findClaudeProcess, killSession, archiveSession, setSessionTitle, setSessionLabel, setSummary, getSession, detectSessionSource, createTerminalSession, deleteSessionFromMemory, resumeSession, reconnectSessionTerminal } from './sessionStore.js';
-import { createTerminal, closeTerminal, getTerminals, listSshKeys, listTmuxSessions, writeToTerminal, attachToTmuxPane } from './sshManager.js';
+import { findClaudeProcess, killSession, archiveSession, setSessionTitle, setSessionLabel, setSessionAccentColor, setSummary, getSession, detectSessionSource, createTerminalSession, deleteSessionFromMemory, resumeSession, reconnectSessionTerminal } from './sessionStore.js';
+import { createTerminal, closeTerminal, getTerminals, listSshKeys, listTmuxSessions, writeToTerminal, writeWhenReady, attachToTmuxPane, consumePendingLink } from './sshManager.js';
 import { getTeam, readTeamConfig } from './teamManager.js';
 import { getStats as getHookStats, resetStats as resetHookStats } from './hookStats.js';
 import * as db from './db.js';
@@ -10,7 +10,7 @@ import { getMqStats } from './mqReader.js';
 import { execFile } from 'child_process';
 import { readFileSync, writeFileSync } from 'fs';
 import { join, dirname } from 'path';
-import { homedir } from 'os';
+import { homedir, userInfo } from 'os';
 import { fileURLToPath } from 'url';
 import { ALL_CLAUDE_HOOK_EVENTS, DENSITY_EVENTS, SESSION_STATUS, WS_TYPES } from './constants.js';
 import log from './logger.js';
@@ -19,6 +19,23 @@ const __apiDirname = dirname(fileURLToPath(import.meta.url));
 
 const router = Router();
 
+// ---- Last-used Username Persistence ----
+
+let _lastUsedUsername = null;
+
+function getDefaultUsername() {
+  if (_lastUsedUsername) return _lastUsedUsername;
+  try { return userInfo().username; } catch { return null; }
+}
+
+function saveLastUsername(username) {
+  if (username) _lastUsedUsername = username;
+}
+
+function isLocalHost(host) {
+  return !host || host === 'localhost' || host === '127.0.0.1' || host === '::1';
+}
+
 // ---- Input Validation Helpers ----
 
 const SHELL_META_RE = /[;|&$`\\!><()\n\r{}[\]]/;
@@ -245,17 +262,26 @@ router.post('/sessions/:id/resume', async (req, res) => {
       : { host: 'localhost', workingDir: session.projectPath || '~', command: '' };
     const newTerminalId = await createTerminal(newConfig, null);
 
+    // Immediately consume the pendingLink that createTerminal registered.
+    // The resume flow uses pendingResume (not pendingLinks) for session matching.
+    // If we leave the pendingLink alive, ANY other Claude session in the same
+    // working directory could match it via Priority 2 (tryLinkByWorkDir),
+    // stealing the terminal and creating a duplicate card.
+    consumePendingLink(newConfig.workingDir || session.projectPath || '');
+
     // Update the REAL session and register pendingResume (no duplicate session)
     const result = reconnectSessionTerminal(sessionId, newTerminalId);
     if (result.error) return res.status(500).json({ error: result.error });
 
-    // Write the resume command after the shell has initialized.
-    // For remote sessions, cd to workDir first.
-    const delay = isRemote ? 600 : 200;
-    setTimeout(() => {
-      const prefix = isRemote && cfg.workingDir ? `cd '${cfg.workingDir}' && ` : '';
-      writeToTerminal(newTerminalId, `${prefix}${resumeCmd}\r`);
-    }, delay);
+    // Write the resume command once the shell is ready (prompt detected).
+    // For remote sessions, export AGENT_MANAGER_TERMINAL_ID (SSH doesn't
+    // forward env vars) and cd to workDir first.
+    let prefix = '';
+    if (isRemote) {
+      prefix += `export AGENT_MANAGER_TERMINAL_ID='${newTerminalId}' && `;
+      if (cfg.workingDir) prefix += `cd '${cfg.workingDir}' && `;
+    }
+    writeWhenReady(newTerminalId, `${prefix}${resumeCmd}\r`);
 
     const { broadcast } = await import('./wsManager.js');
     broadcast({ type: WS_TYPES.SESSION_UPDATE, session: result.session });
@@ -353,6 +379,16 @@ router.put('/sessions/:id/label', (req, res) => {
   res.json({ ok: true });
 });
 
+// Update session accent color
+router.put('/sessions/:id/accent-color', (req, res) => {
+  const { color } = req.body;
+  if (!color || typeof color !== 'string' || color.length > 50) {
+    return res.status(400).json({ error: 'color must be a string (max 50 chars)' });
+  }
+  setSessionAccentColor(req.params.id, color);
+  res.json({ ok: true });
+});
+
 /**
  * Summarize session using Claude CLI.
  * The frontend sends { context, promptTemplate } from IndexedDB data.
@@ -429,10 +465,12 @@ router.get('/ssh-keys', (req, res) => {
 
 router.post('/tmux-sessions', async (req, res) => {
   try {
-    const { host, port, username, password, privateKeyPath, authMethod, passphrase } = req.body;
+    const { host, port, username: rawUsername, password, privateKeyPath, authMethod, passphrase } = req.body;
+    const resolvedHost = host || 'localhost';
+    const username = rawUsername || getDefaultUsername() || (isLocalHost(resolvedHost) ? 'local' : null);
     if (!username) return res.status(400).json({ error: 'username required' });
     const config = {
-      host: host || 'localhost',
+      host: resolvedHost,
       port: port || 22,
       username,
       authMethod: authMethod || 'key',
@@ -458,10 +496,14 @@ router.post('/terminals', async (req, res) => {
   }
 
   try {
-    const { host, port, username, password, privateKeyPath, authMethod, workingDir, command, apiKey, tmuxSession, useTmux, sessionTitle, label } = req.body;
+    const { host, port, username: rawUsername, password, privateKeyPath, authMethod, workingDir, command, apiKey, tmuxSession, useTmux, sessionTitle, label } = req.body;
+
+    // Resolve username: provided > last-used > OS user (local only)
+    const resolvedHost = host || 'localhost';
+    const username = rawUsername || getDefaultUsername() || (isLocalHost(resolvedHost) ? 'local' : null);
 
     // Input validation
-    if (!username) return res.status(400).json({ success: false, error: 'username required' });
+    if (!username) return res.status(400).json({ success: false, error: 'username required — set it once in "+ NEW SESSION" and it will be reused' });
     if (!isValidUsername(username)) {
       return res.status(400).json({ success: false, error: 'username contains invalid characters' });
     }
@@ -484,8 +526,11 @@ router.post('/terminals', async (req, res) => {
       return res.status(400).json({ success: false, error: 'sessionTitle must be a string (max 500 chars)' });
     }
 
+    // Remember this username for future sessions
+    saveLastUsername(username);
+
     const config = {
-      host: host || 'localhost',
+      host: resolvedHost,
       port: port || 22,
       username,
       authMethod: authMethod || 'key',