loadtoagent 1.3.1 → 1.3.3

package/renderer/styles-workflows.css

@@ -109,7 +109,7 @@
   border-radius: 999px;
   color: #09140f;
   background: #63dba0;
-  font-size: 11px;
+  font-size: 12px;
   font-variant-numeric: tabular-nums;
 }
 
@@ -213,7 +213,7 @@
 .agent-node-top .provider-mark {
   width: 40px;
   height: 40px;
-  font-size: 11px;
+  font-size: 12px;
 }
 
 .agent-identity {
@@ -237,11 +237,11 @@
   white-space: nowrap;
   margin-top: 4px;
   color: #7c899c;
-  font-size: 10px;
+  font-size: 12px;
 }
 
 .agent-node .status-pill {
-  font-size: 9px;
+  font-size: 12px;
   padding: 5px 8px;
 }
 
@@ -249,7 +249,7 @@
   display: block;
   margin-top: 17px;
   color: var(--provider);
-  font-size: 10px;
+  font-size: 12px;
   font-weight: 750;
   letter-spacing: .13em;
 }
@@ -290,13 +290,13 @@
   border-radius: 6px;
   background: rgba(76,227,154,.1);
   color: #67e9a6;
-  font-size: 10px;
+  font-size: 12px;
   font-style: normal;
 }
 
 .agent-current b {
   color: #76e8ac;
-  font-size: 11px;
+  font-size: 12px;
 }
 
 .agent-current>strong {
@@ -325,7 +325,7 @@
 .agent-node-metrics small {
   display: block;
   color: #6f7c8f;
-  font-size: 9px;
+  font-size: 12px;
 }
 
 .agent-node-metrics b {
@@ -359,7 +359,7 @@
   border-top: 1px solid #192230;
   background: rgba(5,8,13,.5);
   color: #748195;
-  font-size: 10px;
+  font-size: 12px;
 }
 
 .agent-node-footer button {
@@ -369,7 +369,7 @@
   border-radius: 7px;
   background: transparent;
   color: #aab7c7;
-  font-size: 10px;
+  font-size: 12px;
   cursor: pointer;
 }
 
@@ -428,7 +428,7 @@
 .agent-flow-lane-head .provider-mark {
   width: 32px;
   height: 32px;
-  font-size: 8px;
+  font-size: 12px;
 }
 
 .agent-flow-lane-head>span:nth-child(2) {
@@ -540,7 +540,7 @@
   white-space: nowrap;
   margin-top: 3px;
   color: #667587;
-  font-size: 11px;
+  font-size: 12px;
 }
 
 .agent-flow-lane-head em {
@@ -550,7 +550,7 @@
   color: #65dba9;
   font-style: normal;
   font-weight: 750;
-  font-size: 11px;
+  font-size: 12px;
 }
 
 .agent-flow-copy small {
@@ -562,7 +562,7 @@
   color: var(--provider);
   font-weight: 700;
   letter-spacing: .05em;
-  font-size: 10px;
+  font-size: 12px;
 }
 
 .agent-flow-copy b {
@@ -583,7 +583,7 @@
   margin-top: 4px;
   color: #5f6f82;
   font-style: normal;
-  font-size: 11px;
+  font-size: 12px;
 }
 
 .agent-flow-provider small {
@@ -592,7 +592,7 @@
   color: #718092;
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-size: 11px;
+  font-size: 12px;
 }
 
 .agent-flow-provider i {
@@ -605,7 +605,7 @@
   font-weight: 800;
   width: 27px;
   height: 23px;
-  font-size: 9px;
+  font-size: 12px;
 }
 
 .agent-flow-more {
@@ -616,7 +616,7 @@
   color: #7894a1;
   cursor: pointer;
   height: 40px;
-  font-size: 11px;
+  font-size: 12px;
 }
 
 .agent-relation-block>header b {
@@ -626,7 +626,7 @@
 
 .agent-relation-block>header span {
   color: #657587;
-  font-size: 11px;
+  font-size: 12px;
 }
 
 .agent-relation-empty {
@@ -636,7 +636,7 @@
   padding: 14px;
   color: #596a7d;
   text-align: center;
-  font-size: 11px;
+  font-size: 12px;
 }
 
 .agent-relation-block .agent-flow-copy b {
@@ -644,7 +644,7 @@
 }
 
 .agent-relation-block .agent-flow-copy em {
-  font-size: 11px;
+  font-size: 12px;
 }
 
 .workflow-origin-icon {
@@ -739,7 +739,7 @@
   background: color-mix(in srgb,var(--command-accent) 10%,#111c22);
   color: var(--command-accent);
   font-family: "Cascadia Code",Consolas,monospace;
-  font-size: 11px;
+  font-size: 12px;
   font-weight: 800;
 }
 
@@ -758,7 +758,7 @@
   white-space: nowrap;
   margin-top: 4px;
   color: #7f918f;
-  font-size: 10px;
+  font-size: 12px;
 }
 
 .agent-command-panel header>i {
@@ -822,7 +822,7 @@
 
 .agent-command-target>span {
   color: #849493;
-  font-size: 10px;
+  font-size: 12px;
 }
 
 .agent-command-target select {
@@ -833,7 +833,7 @@
   border-radius: 8px;
   background: #0b1518;
   color: #b8ccc8;
-  font-size: 10px;
+  font-size: 12px;
   outline: none;
 }
 
@@ -853,7 +853,7 @@
   border-radius: 10px;
   background: #071013;
   color: #dbe9e6;
-  font-size: 11px;
+  font-size: 12px;
   line-height: 1.5;
   outline: none;
   transition: border-color var(--motion-fast) ease,box-shadow var(--motion-medium) ease;
@@ -884,7 +884,7 @@
   min-width: 0;
   margin-right: auto;
   color: #647672;
-  font-size: 9px;
+  font-size: 12px;
   line-height: 1.4;
 }
 
@@ -895,7 +895,7 @@
   border-radius: 8px;
   background: #111d1f;
   color: #9cc9bd;
-  font-size: 10px;
+  font-size: 12px;
   font-weight: 650;
   cursor: pointer;
   transition: transform var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) ease,background-color var(--motion-fast) ease,color var(--motion-fast) ease;
@@ -931,7 +931,7 @@
   display: block;
   margin-top: 5px;
   color: #6f9f91;
-  font-size: 8px;
+  font-size: 12px;
   letter-spacing: .01em;
 }
 
@@ -942,7 +942,7 @@
   text-overflow: ellipsis;
   white-space: nowrap;
   color: #71879a;
-  font-size: 8px;
+  font-size: 12px;
 }
 
 .agent-flow-copy .agent-flow-outcome {
@@ -954,14 +954,14 @@
   padding-top: 5px;
   border-top: 1px solid rgba(92,132,145,.12);
   color: #9fb1bf;
-  font-size: 9px;
+  font-size: 12px;
 }
 
 .agent-flow-copy .agent-flow-outcome b {
   display: inline;
   margin-right: 6px;
   color: #67dfb0;
-  font-size: 8px;
+  font-size: 12px;
 }
 
 .agent-flow-copy .agent-flow-outcome.done b {
@@ -990,7 +990,7 @@
 .child-session .agent-flow-kicker small {
   margin: 0;
   color: var(--provider);
-  font-size: 9px;
+  font-size: 12px;
   font-weight: 800;
   letter-spacing: .08em;
 }
@@ -998,7 +998,7 @@
 .child-session .agent-flow-kicker time {
   flex: 0 0 auto;
   color: #60727e;
-  font-size: 8px;
+  font-size: 12px;
 }
 
 .child-session .agent-flow-agent {
@@ -1018,7 +1018,7 @@
   border-radius: 5px;
   background: color-mix(in srgb,var(--provider) 13%,#17212b);
   color: var(--provider);
-  font-size: 6px;
+  font-size: 12px;
   font-style: normal;
   font-weight: 850;
 }
@@ -1026,7 +1026,7 @@
 .child-session .agent-flow-agent strong {
   flex: 0 0 auto;
   color: #b9c7cf;
-  font-size: 9px;
+  font-size: 12px;
 }
 
 .child-session .agent-flow-agent small {
@@ -1034,7 +1034,7 @@
   margin: 0;
   overflow: hidden;
   color: #627581;
-  font-size: 8px;
+  font-size: 12px;
   font-weight: 500;
   letter-spacing: 0;
   text-overflow: ellipsis;
@@ -1052,7 +1052,7 @@
 .child-session .agent-flow-assignment small {
   margin: 0 0 4px;
   color: #6e8791;
-  font-size: 8px;
+  font-size: 12px;
   letter-spacing: .04em;
 }
 
@@ -1060,7 +1060,7 @@
   display: -webkit-box;
   overflow: hidden;
   color: #aebdc5;
-  font-size: 9px;
+  font-size: 12px;
   font-weight: 520;
   line-height: 1.45;
   white-space: normal;
@@ -1079,7 +1079,7 @@
   border-radius: 8px;
   background: rgba(109,174,204,.055);
   color: #c1d0d8;
-  font-size: 10px;
+  font-size: 12px;
   white-space: normal;
 }
 
@@ -1088,7 +1088,7 @@
   flex: 0 0 auto;
   margin: 0;
   color: #79dfb6;
-  font-size: 8px;
+  font-size: 12px;
 }
 
 .child-session .agent-flow-outcome.done b {
@@ -1102,7 +1102,7 @@
 .child-session .agent-flow-provider .status-pill {
   margin: 0;
   padding: 4px 6px;
-  font-size: 8px;
+  font-size: 12px;
   letter-spacing: 0;
   text-transform: none;
 }
@@ -1130,7 +1130,7 @@
   display: block;
   overflow: hidden;
   color: #7b9099;
-  font-size: 8px;
+  font-size: 12px;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
@@ -1146,7 +1146,7 @@
 .workflow-metric-grid em {
   margin-left: 3px;
   color: #73918d;
-  font-size: 8px;
+  font-size: 12px;
   font-style: normal;
 }
 
@@ -1181,7 +1181,7 @@
 .child-session .agent-flow-provider em {
   max-width: 76px;
   color: #607884;
-  font-size: 7px;
+  font-size: 12px;
   font-style: normal;
   line-height: 1.3;
   text-align: right;
@@ -1191,7 +1191,7 @@
   display: block;
   margin-top: 9px;
   color: #6f9f9a;
-  font-size: 8px;
+  font-size: 12px;
   font-weight: 750;
   text-align: right;
 }
@@ -1224,7 +1224,7 @@
 .agent-flow-provider .execution-mode-badge {
   margin-bottom: 2px;
   padding: 3px 5px;
-  font-size: 7px;
+  font-size: 12px;
 }
 
 .agent-node-top .execution-mode-badge {
@@ -1241,7 +1241,7 @@
   gap: 6px;
   margin-top: 7px;
   color: #728695;
-  font-size: 9px;
+  font-size: 12px;
   line-height: 1.4;
 }
 

package/renderer/styles.css

@@ -162,13 +162,13 @@ body[data-current-view="settings"] .sidebar>.workspace-section {
   color: #657187;
   font-weight: 700;
   letter-spacing: .18em;
-  font-size: 9px;
+  font-size: 12px;
 }
 
 .nav-group-label {
   margin: 18px 10px 6px;
   color: #718096;
-  font-size: 11px;
+  font-size: 12px;
   font-weight: 700;
   letter-spacing: .08em;
 }
@@ -195,7 +195,7 @@ body {
   background: #101923;
   color: #7f929d;
   font-family: "Geist Mono","Cascadia Code",Consolas,monospace;
-  font-size: 8px;
+  font-size: 12px;
   font-weight: 700;
   letter-spacing: .02em;
   white-space: nowrap;
@@ -242,7 +242,7 @@ html {
   font-weight: 760;
   letter-spacing: .17em;
   color: #8d9bad;
-  font-size: 11px;
+  font-size: 12px;
 }
 
 .nav-item b {
@@ -252,20 +252,20 @@ html {
   border-radius: 10px;
   background: #1c2431;
   color: #aeb9c7;
-  font-size: 11px;
+  font-size: 12px;
 }
 
 .sidebar-footer strong {
   display: block;
   color: #aeb9c7;
-  font-size: 11px;
+  font-size: 12px;
 }
 
 .sidebar-footer small {
   display: block;
   margin-top: 3px;
   color: #8795a6;
-  font-size: 10px;
+  font-size: 12px;
 }
 
 .app-shell {

package/renderer/terminal-events.js

@@ -9,6 +9,7 @@ window.LoadToAgentTerminalEvents = function bindTerminalEvents(context) {
     refreshSessions, renderHistoryPanel, fitEntry, attachTmux, currentTmux, manageTmux,
     closeTmuxModal, errorMessage, notice, reorderSession, moveSessionByOffset,
     setTerminalFontSize, toggleTerminalFocusMode,
+    isAiTerminalSession,
   } = context;
 
   const runBusy = async (button, action) => {
@@ -283,17 +284,13 @@ window.LoadToAgentTerminalEvents = function bindTerminalEvents(context) {
       });
       renderAll();
     });
-    $('#terminalCloseBtn').addEventListener('click', async event => {
-      const session = currentSession();
-      if (!session) {
-        state.selectedTmux = null;
-        renderAll();
-        showSelection();
-        return;
-      }
-      if (session.status === 'running' && !window.confirm(t('terminal.session.confirm_end', { title: session.title }))) return;
-      await runBusy(event.currentTarget, async () => {
-        const closed = await guarded(() => window.loadtoagent.terminalClose(session.id), t('terminal.session.ended'), `terminal-close:${session.id}`);
+    const endTerminalSession = async (button, session) => {
+      if (!session) return;
+      const confirmation = isAiTerminalSession(session) ? 'terminal.session.confirm_end_ai' : 'terminal.session.confirm_end';
+      if (session.type !== 'tmux' && session.status === 'running' && !window.confirm(t(confirmation, { title: session.title }))) return;
+      await runBusy(button, async () => {
+        const message = session.type === 'tmux' ? t('terminal.tmux.detached_input') : t('terminal.session.ended');
+        const closed = await guarded(() => window.loadtoagent.terminalClose(session.id), message, `terminal-close:${session.id}`);
         if (!closed) return;
         const entry = state.terminals.get(session.id);
         if (entry) {
@@ -310,7 +307,29 @@ window.LoadToAgentTerminalEvents = function bindTerminalEvents(context) {
         await refreshSessions();
       });
       renderAll();
+    };
+    $('#terminalCloseBtn').addEventListener('click', async event => {
+      const session = currentSession();
+      if (!session) {
+        state.selectedTmux = null;
+        renderAll();
+        await showSelection();
+        return;
+      }
+      if (isAiTerminalSession(session)) {
+        state.captureGeneration += 1;
+        state.selectedId = null;
+        state.boundAgent = null;
+        state.boundTargetId = '';
+        renderAll();
+        renderHistoryPanel();
+        await showSelection();
+        notice(t('terminal.view_closed_ai_kept'), 'success');
+        return;
+      }
+      await endTerminalSession(event.currentTarget, session);
     });
+    $('#terminalEndSessionBtn').addEventListener('click', event => endTerminalSession(event.currentTarget, currentSession()));
     $('#terminalHistoryToggle').addEventListener('click', () => {
       state.historyCollapsed = !state.historyCollapsed;
       renderHistoryPanel();
@@ -415,5 +434,9 @@ window.LoadToAgentTerminalEvents = function bindTerminalEvents(context) {
     });
     window.loadtoagent.onTerminalState(payload => refreshSessions(payload));
     window.loadtoagent.onTerminalError(payload => notice(payload && payload.message || t('terminal.error.input_failed'), 'error'));
+    window.loadtoagent.onTerminalConnection?.(payload => {
+      const tone = payload?.state === 'failed' ? 'error' : payload?.state === 'connected' ? 'success' : 'info';
+      notice(payload?.message || t('terminal.error.input_failed'), tone);
+    });
   }
 };

package/renderer/terminal-workbench.js

@@ -19,7 +19,10 @@ window.LoadToAgentTerminalWorkbench = function createModule(context) {
     const fit = new window.FitAddon.FitAddon();
     terminal.loadAddon(fit);
     terminal.open(host);
-    const entry = { terminal, fit, host, readOnly, userScrollRevision: 0, outputWritePending: 0 };
+    const entry = {
+      terminal, fit, host, readOnly, userScrollRevision: 0, outputWritePending: 0,
+      writeQueue: Promise.resolve(), pendingResize: null, resizePromise: null,
+    };
     const syncScrollState = viewportY => {
       const normalizedViewport = Number(viewportY) || 0;
       const baseY = Number(terminal.buffer.active.baseY) || 0;
@@ -43,27 +46,33 @@ window.LoadToAgentTerminalWorkbench = function createModule(context) {
         if (['PageUp', 'PageDown', 'Home', 'End', 'ArrowUp', 'ArrowDown'].includes(event.key)) rememberUserScroll();
       }, true);
       terminal.onData(data => {
-        if (state.selectedId === key) Promise.resolve(window.loadtoagent.terminalWrite(key, data)).catch(error => notice(errorMessage(error), 'error'));
+        if (state.selectedId !== key) return;
+        entry.writeQueue = entry.writeQueue
+          .then(() => window.loadtoagent.terminalWrite(key, data))
+          .catch(error => notice(errorMessage(error), 'error'));
       });
       terminal.onResize(size => {
-        Promise.resolve(window.loadtoagent.terminalResize(key, size.cols, size.rows)).catch(error => {
+        entry.pendingResize = { cols: size.cols, rows: size.rows };
+        if (entry.resizePromise) return;
+        entry.resizePromise = (async () => {
+          while (entry.pendingResize) {
+            const pending = entry.pendingResize;
+            entry.pendingResize = null;
+            await window.loadtoagent.terminalResize(key, pending.cols, pending.rows);
+          }
+        })().catch(error => {
           window.LoadToAgentRendererUtils.reportRecoverableError('terminal-resize', error);
-        });
+        }).finally(() => { entry.resizePromise = null; });
       });
     }
     return entry;
   }
 
-  function fitEntry(entry, sessionId = '') {
+  function fitEntry(entry, _sessionId = '') {
     if (!entry || entry.host.classList.contains('hidden')) return;
     requestAnimationFrame(() => {
       try {
         entry.fit.fit();
-        if (sessionId) {
-          Promise.resolve(window.loadtoagent.terminalResize(sessionId, entry.terminal.cols, entry.terminal.rows)).catch(error => {
-            window.LoadToAgentRendererUtils.reportRecoverableError('terminal-fit-resize', error);
-          });
-        }
       } catch (error) {
         window.LoadToAgentRendererUtils.reportRecoverableError('terminal-fit', error);
       }
@@ -95,15 +104,25 @@ window.LoadToAgentTerminalWorkbench = function createModule(context) {
   function linkedAgentSession(session) {
     if (!session) return null;
     if (state.boundTargetId === session.id && state.boundAgent) return state.boundAgent;
+    const agents = Array.isArray(state.snapshot?.sessions) ? state.snapshot.sessions : [];
     const bridgeId = String(session.bridgeId || '');
-    return bridgeId && Array.isArray(state.snapshot?.sessions)
-      ? state.snapshot.sessions.find(item => item.id === bridgeId) || null
-      : null;
+    const bridged = bridgeId ? agents.find(item => item.id === bridgeId) : null;
+    if (bridged) return bridged;
+    const terminalPid = Number(session.pid || 0);
+    return agents.find(agent => (Array.isArray(agent.runtimePresence) ? agent.runtimePresence : []).some(item => (
+      item.terminalId === session.id
+      || (terminalPid > 0 && Number(item.pid || 0) === terminalPid)
+      || (terminalPid > 0 && Number(item.parentPid || 0) === terminalPid)
+    ))) || null;
+  }
+
+  function isAiTerminalSession(session) {
+    return Boolean(session && (session.type === 'agent' || linkedAgentSession(session)));
   }
 
   function terminalPresentation(session) {
     const agent = linkedAgentSession(session);
-    if (agent?.attention?.required || agent?.status === 'waiting') return { tone: 'attention', label: t('app.nav.needs_review') };
+    if (agent?.attention?.required || agent?.status === 'waiting') return { tone: 'attention', label: t('ui.waiting_for_review') };
     if (agent?.status === 'failed' || session?.status === 'failed') return { tone: 'failed', label: t('terminal.status.failed') };
     if (agent?.status === 'completed') return { tone: 'completed', label: t('ui.completed') };
     if (agent && ['running', 'starting'].includes(agent.status)) return { tone: 'running', label: t('ui.working') };
@@ -136,7 +155,10 @@ window.LoadToAgentTerminalWorkbench = function createModule(context) {
       state.selectedId,
       general.map(session => {
         const presentation = terminalPresentation(session);
-        return [session.id, session.title, session.type, session.status, session.cwd, session.background, presentation.tone, presentation.label];
+        return [
+          session.id, session.title, session.type, session.status, session.pid, session.cwd, session.background,
+          session.recoveredAfterHostRestart, session.recoverySkippedReason, presentation.tone, presentation.label,
+        ];
       }),
     ]);
     if (renderKey === state.sessionRenderKey) return;
@@ -157,7 +179,7 @@ window.LoadToAgentTerminalWorkbench = function createModule(context) {
           aria-describedby="terminalReorderHelp"
           title="${esc(session.cwd || window.LoadToAgentI18n.t('terminal.reorder_hint'))}">
           <span class="terminal-session-icon">${esc(terminalTypeMark(session))}</span>
-          <span><b>${esc(session.title)}</b><small>${esc(terminalTypeLabel(session))}${session.background ? ` · ${t('terminal.background_kept')}` : ''}</small><em>${esc(session.cwd || session.distro || `PID ${session.pid || '--'}`)}</em><span class="sr-only">${index + 1}/${general.length}</span></span>
+          <span><b>${esc(session.title)}</b><small>${esc(terminalTypeLabel(session))}${session.background ? ` · ${t('terminal.background_kept')}` : ''}${session.recoveredAfterHostRestart ? ` · ${t('terminal.recovered_after_host_restart')}` : ''}</small><em>${esc(session.cwd || session.distro || `PID ${session.pid || '--'}`)}</em><span class="sr-only">${index + 1}/${general.length}</span></span>
           <span class="terminal-session-status" data-status="${esc(presentation.tone)}"><i></i>${esc(presentation.label)}</span>
         </button>
         <span class="terminal-reorder-actions" aria-label="${esc(window.LoadToAgentI18n.t('terminal.reorder_group', { title: session.title }))}">
@@ -192,12 +214,20 @@ window.LoadToAgentTerminalWorkbench = function createModule(context) {
     const session = currentSession();
     const remote = currentTmux();
     const bound = visibleBoundAgent();
+    const aiTerminal = isAiTerminalSession(session);
     const hasTarget = Boolean(session || remote);
     const canInput = Boolean((remote && !remote.pane.dead) || (session && session.status === 'running'));
     const closeButton = $('#terminalCloseBtn');
     closeButton.disabled = !hasTarget;
-    closeButton.textContent = remote && !session ? t('terminal.clear_selection') : t('ui.end_session');
-    closeButton.classList.toggle('terminal-danger-button', Boolean(session));
+    closeButton.textContent = remote && !session
+      ? t('terminal.clear_selection')
+      : session?.type === 'tmux'
+        ? t('terminal.detach_tmux_input')
+        : aiTerminal ? t('terminal.close_view') : t('ui.end_session');
+    closeButton.classList.toggle('terminal-danger-button', Boolean(session && !aiTerminal && session.type !== 'tmux'));
+    const endSessionButton = $('#terminalEndSessionBtn');
+    endSessionButton.classList.toggle('hidden', !aiTerminal);
+    endSessionButton.disabled = !aiTerminal;
     $('#terminalRestartBtn').classList.toggle('hidden', !session || session.status === 'running' || session.type === 'agent');
     $('#terminalRestartBtn').disabled = !session || session.status === 'running';
     $('#terminalCommandInput').disabled = !canInput;
@@ -215,7 +245,7 @@ window.LoadToAgentTerminalWorkbench = function createModule(context) {
       const presentation = terminalPresentation(session);
       setConnectionState(presentation.label, presentation.tone);
       $('#terminalTargetIcon').textContent = terminalTypeMark(session);
-      $('#terminalTargetMeta').innerHTML = `<b>${esc(session.title)}</b><span>${bound ? `● ${t('terminal.bound_ai_session')} · ` : ''}${esc(session.type.toUpperCase())} · PID ${session.pid || '--'} · ${esc(session.cwd || session.distro || '')}</span>`;
+      $('#terminalTargetMeta').innerHTML = `<b>${esc(session.title)}</b><span>${bound ? `● ${t('terminal.bound_ai_session')} · ` : ''}${session.recoveredAfterHostRestart ? `${t('terminal.recovered_after_host_restart')} · ` : ''}${esc(session.type.toUpperCase())} · PID ${session.pid || '--'} · ${esc(session.cwd || session.distro || '')}</span>`;
       $('#terminalConsoleCaption').textContent = `${terminalTypeLabel(session)} · PID ${session.pid || '--'}`;
       $('#terminalConsoleState').textContent = presentation.tone === 'attention' || presentation.tone === 'completed'
         ? presentation.label
@@ -334,8 +364,9 @@ window.LoadToAgentTerminalWorkbench = function createModule(context) {
     const nextSessions = payload && Array.isArray(payload.sessions) ? payload.sessions : await window.loadtoagent.terminalList();
     state.sessions = Array.isArray(nextSessions) ? nextSessions : [];
     const activeIds = new Set(state.sessions.map(session => session.id));
+    const rehydratedIds = new Set(payload?.change === 'reconnected' ? activeIds : []);
     for (const [id, entry] of state.terminals) {
-      if (activeIds.has(id)) continue;
+      if (activeIds.has(id) && !rehydratedIds.has(id)) continue;
       entry.terminal.dispose();
       entry.host.remove();
       state.terminals.delete(id);
@@ -558,5 +589,5 @@ window.LoadToAgentTerminalWorkbench = function createModule(context) {
     }
   }
 
-  return { createXtermHost, fitEntry, ensureSessionTerminal, ensureRemoteTerminal, hideScreens, renderSessions, renderTmuxResources, renderTarget, showSelection, selectSession, selectTmux, selectTmuxById, renderAll, refreshSessions, createTerminal, captureRemote, startCapture, stopCapture, sendCommand, sendSignal, openTmuxModal, closeTmuxModal, refreshSnapshot, attachTmux, manageTmux };
+  return { createXtermHost, fitEntry, ensureSessionTerminal, ensureRemoteTerminal, hideScreens, linkedAgentSession, isAiTerminalSession, renderSessions, renderTmuxResources, renderTarget, showSelection, selectSession, selectTmux, selectTmuxById, renderAll, refreshSessions, createTerminal, captureRemote, startCapture, stopCapture, sendCommand, sendSignal, openTmuxModal, closeTmuxModal, refreshSnapshot, attachTmux, manageTmux };
 };