loadtoagent 1.1.0 → 1.3.2

package/renderer/terminal-workbench.js

@@ -2,6 +2,7 @@
 
 /** Own xterm views, terminal/tmux selection, capture, and management actions. */
 window.LoadToAgentTerminalWorkbench = function createModule(context) {
+  const t = (key, params) => window.LoadToAgentI18n.t(key, params);
   const {
     $, state, notice, setConnectionState, currentSession, currentTmux, saveCurrentDraft, restoreCurrentDraft,
     renderHistoryPanel, terminalTypeMark, terminalTypeLabel, xtermOptions, preferredWorkspace, firstDistro, guarded,
@@ -9,7 +10,7 @@ window.LoadToAgentTerminalWorkbench = function createModule(context) {
   } = context;
 
   function createXtermHost(key, readOnly = false) {
-    if (!window.Terminal || !window.FitAddon || !window.FitAddon.FitAddon) throw new Error('명령창 화면을 불러오지 못했습니다.');
+    if (!window.Terminal || !window.FitAddon || !window.FitAddon.FitAddon) throw new Error(t('terminal.error.screen_unavailable'));
     const host = document.createElement('div');
     host.className = 'terminal-screen hidden';
     host.dataset.terminalScreen = key;
@@ -18,48 +19,60 @@ 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,
+      writeQueue: Promise.resolve(), pendingResize: null, resizePromise: null,
+    };
     const syncScrollState = viewportY => {
-      host.dataset.viewportY = String(Number(viewportY) || 0);
-      host.dataset.baseY = String(Number(terminal.buffer.active.baseY) || 0);
+      const normalizedViewport = Number(viewportY) || 0;
+      const baseY = Number(terminal.buffer.active.baseY) || 0;
+      host.dataset.viewportY = String(normalizedViewport);
+      host.dataset.baseY = String(baseY);
+      // Xterm may consume wheel events before they bubble to the host. Its
+      // scroll event is the reliable source for mouse, keyboard and scrollbar
+      // viewport changes.
+      if (readOnly && !state.remoteCaptureApplying) {
+        state.remoteViewportAnchor = normalizedViewport;
+        state.remoteViewportAtBottom = normalizedViewport >= baseY;
+      }
     };
     terminal.onScroll(syncScrollState);
     syncScrollState(0);
-    const entry = { terminal, fit, host, readOnly };
-    if (readOnly) {
-      const rememberUserViewport = () => requestAnimationFrame(() => {
-        const buffer = terminal.buffer.active;
-        state.remoteViewportAnchor = Number(buffer.viewportY) || 0;
-        state.remoteViewportAtBottom = state.remoteViewportAnchor >= Number(buffer.baseY || 0);
-      });
-      host.addEventListener('wheel', rememberUserViewport, { passive: true });
-      host.addEventListener('pointerup', rememberUserViewport);
-      host.addEventListener('keyup', event => {
-        if (['PageUp', 'PageDown', 'Home', 'End', 'ArrowUp', 'ArrowDown'].includes(event.key)) rememberUserViewport();
-      });
-    }
     if (!readOnly) {
+      const rememberUserScroll = () => { entry.userScrollRevision += 1; };
+      host.addEventListener('wheel', rememberUserScroll, { capture: true, passive: true });
+      host.addEventListener('pointerup', rememberUserScroll, true);
+      host.addEventListener('keyup', event => {
+        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);
       }
@@ -88,49 +101,110 @@ window.LoadToAgentTerminalWorkbench = function createModule(context) {
     $('#terminalEmpty').classList.add('hidden');
   }
 
+  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 || '');
+    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('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') };
+    if (session?.status === 'running' || session?.status === 'starting') return { tone: 'running', label: STATUS_LABELS[session.status] || session.status };
+    return { tone: session?.status || 'idle', label: STATUS_LABELS[session?.status] || session?.status || t('ui.idle') };
+  }
+
   function renderSessions() {
     const general = modeSessions('general');
     const running = general.filter(item => item.status === 'running').length;
     const background = general.filter(item => item.background && item.status === 'running').length;
+    const attention = general.filter(item => terminalPresentation(item).tone === 'attention').length;
     $('#navTerminalCount').textContent = running;
+    const terminalNav = document.querySelector('.nav-item[data-view="terminal"]');
+    if (terminalNav) terminalNav.setAttribute('aria-label', t('quality.nav_count_detailed', { label: t('app.nav.session_terminal'), count: running, unit: t('quality.unit.sessions') }));
+    const advancedCount = ['navRuntimeCount', 'navTerminalCount', 'navTmuxCount']
+      .reduce((total, id) => total + Number(document.getElementById(id)?.textContent || 0), 0);
+    const advancedCounter = document.getElementById('advancedToolsCount');
+    if (advancedCounter) advancedCounter.textContent = String(advancedCount);
+    document.querySelector('#advancedToolsNav > summary')?.setAttribute('aria-label', t('quality.nav_count_detailed', {
+      label: t('management.advanced_tools'), count: advancedCount, unit: t('quality.unit.items'),
+    }));
     $('#terminalSessionSummary').textContent = [
       window.LoadToAgentI18n.t('common.active', { count: running }),
+      attention ? t('terminal.monitor.attention_count', { count: attention }) : '',
       background ? window.LoadToAgentI18n.t('session.background_count', { count: background }) : '',
       window.LoadToAgentI18n.t('session.total_count', { count: general.length }),
     ].filter(Boolean).join(' · ');
-    $('#terminalSessionList').innerHTML = general.length ? general.map((session, index) => `
+    const renderKey = JSON.stringify([
+      state.selectedId,
+      general.map(session => {
+        const presentation = terminalPresentation(session);
+        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;
+    state.sessionRenderKey = renderKey;
+    $('#terminalSessionList').innerHTML = general.length ? general.map((session, index) => {
+      const presentation = terminalPresentation(session);
+      return `
       <div class="terminal-session-row">
         <button type="button" draggable="true"
           class="terminal-session-item ${state.selectedId === session.id ? 'active' : ''}"
+          data-status="${esc(presentation.tone)}"
           data-terminal-id="${esc(session.id)}"
+          role="option"
+          aria-selected="${state.selectedId === session.id ? 'true' : 'false'}"
+          tabindex="${state.selectedId === session.id || (!state.selectedId && index === 0) ? '0' : '-1'}"
+          aria-pressed="${state.selectedId === session.id ? 'true' : 'false'}"
           aria-grabbed="false"
           aria-describedby="terminalReorderHelp"
-          title="${esc(window.LoadToAgentI18n.t('terminal.reorder_hint'))}">
+          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 ? ' · 백그라운드 유지' : ''} · ${esc(STATUS_LABELS[session.status] || session.status)}</small><em>${esc(session.cwd || session.distro || `PID ${session.pid || '--'}`)}</em><span class="sr-only">${index + 1}/${general.length}</span></span>
-          <i class="${session.status === 'running' ? 'live' : ''}"></i>
+          <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 }))}">
           <button type="button" data-session-move="-1" data-session-move-id="${esc(session.id)}" aria-label="${esc(window.LoadToAgentI18n.t('terminal.move_up', { title: session.title }))}" ${index === 0 ? 'disabled' : ''}>↑</button>
           <button type="button" data-session-move="1" data-session-move-id="${esc(session.id)}" aria-label="${esc(window.LoadToAgentI18n.t('terminal.move_down', { title: session.title }))}" ${index === general.length - 1 ? 'disabled' : ''}>↓</button>
         </span>
-      </div>`).join('') : '<div class="terminal-resource-empty">열어 둔 일반 명령창이 없습니다.</div>';
+      </div>`;
+    }).join('') : `<div class="terminal-resource-empty">${t('terminal.empty.general')}</div>`;
   }
 
   function renderTmuxResources() {
     const distros = state.snapshot && state.snapshot.tmux && state.snapshot.tmux.distros || [];
     if (!distros.length) {
-      $('#terminalTmuxList').innerHTML = '<div class="terminal-resource-empty">Linux에서 나눠 실행 중인 작업이 없습니다.</div>';
+      $('#terminalTmuxList').innerHTML = `<div class="terminal-resource-empty">${t('terminal.empty.tmux')}</div>`;
       return;
     }
+    let paneIndex = 0;
     $('#terminalTmuxList').innerHTML = distros.map(distro => `
       <section class="terminal-tmux-group">
-        <header><b>${esc(distro.name)}</b><span>작업 묶음 ${(distro.sessions || []).length}개</span></header>
+        <header><b>${esc(distro.name)}</b><span>${t('terminal.tmux.workspace_count', { count: (distro.sessions || []).length })}</span></header>
         ${(distro.sessions || []).map(session => `
-          <div class="terminal-tmux-session"><strong>${esc(session.name)}</strong><small>${session.attached ? '화면에 연결됨' : '뒤에서 실행 중'}</small></div>
+          <div class="terminal-tmux-session"><strong>${esc(session.name)}</strong><small>${session.attached ? t('terminal.tmux.attached') : t('terminal.tmux.running_background')}</small></div>
           ${(session.windows || []).flatMap(windowItem => (windowItem.panes || []).map(pane => `
-            <button type="button" class="terminal-tmux-pane ${state.selectedTmux && state.selectedTmux.distro.name === distro.name && state.selectedTmux.pane.nativeId === pane.nativeId ? 'active' : ''}" data-tmux-distro="${esc(distro.name)}" data-tmux-pane="${esc(pane.nativeId)}">
-              <span><b>${esc(pane.nativeId)} · ${esc(windowItem.index)}:${esc(windowItem.name)}</b><small>${esc(pane.command || 'shell')} · ${esc(pane.cwd || '경로 미보고')}</small></span>
+            <button type="button" role="option" class="terminal-tmux-pane ${state.selectedTmux && state.selectedTmux.distro.name === distro.name && state.selectedTmux.pane.nativeId === pane.nativeId ? 'active' : ''}" data-tmux-distro="${esc(distro.name)}" data-tmux-pane="${esc(pane.nativeId)}" aria-selected="${state.selectedTmux && state.selectedTmux.distro.name === distro.name && state.selectedTmux.pane.nativeId === pane.nativeId ? 'true' : 'false'}" aria-pressed="${state.selectedTmux && state.selectedTmux.distro.name === distro.name && state.selectedTmux.pane.nativeId === pane.nativeId ? 'true' : 'false'}" tabindex="${state.selectedTmux && state.selectedTmux.distro.name === distro.name && state.selectedTmux.pane.nativeId === pane.nativeId || (!state.selectedTmux && paneIndex === 0) ? '0' : '-1'}" data-pane-index="${paneIndex++}">
+              <span><b>${esc(pane.nativeId)} · ${esc(windowItem.index)}:${esc(windowItem.name)}</b><small>${esc(pane.command || 'shell')} · ${esc(pane.cwd || t('terminal.path_unreported'))}</small></span>
               <i class="${pane.agent ? 'agent' : (pane.active ? 'live' : '')}">${pane.agent ? 'AI' : (pane.active ? 'ON' : '')}</i>
             </button>`)).join('')}`).join('')}
       </section>`).join('');
@@ -140,33 +214,45 @@ 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 ? '선택 해제' : window.LoadToAgentI18n.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;
     const commandForm = $('#terminalCommandForm');
-    const commandButton = commandForm.querySelector('button');
+    const commandButton = commandForm.querySelector('button[type="submit"]');
     commandButton.disabled = !canInput || state.commandSending;
+    commandButton.toggleAttribute('aria-busy', state.commandSending);
     commandForm.toggleAttribute('aria-busy', state.commandSending);
     const commandButtonLabel = commandButton.querySelector('span');
-    if (commandButtonLabel) commandButtonLabel.textContent = state.commandSending ? '보내는 중' : window.LoadToAgentI18n.t("common.send");
+    if (commandButtonLabel) commandButtonLabel.textContent = state.commandSending ? t('terminal.sending') : t('common.send');
     document.querySelectorAll('[data-terminal-signal]').forEach(button => { button.disabled = !canInput; });
     $('#terminalAttachBtn').classList.toggle('hidden', !remote || Boolean(session));
     $('#terminalTmuxTools').classList.toggle('hidden', !remote || Boolean(session));
     if (session) {
-      setConnectionState(STATUS_LABELS[session.status] || session.status, session.status);
+      const presentation = terminalPresentation(session);
+      setConnectionState(presentation.label, presentation.tone);
       $('#terminalTargetIcon').textContent = terminalTypeMark(session);
-      $('#terminalTargetMeta').innerHTML = `<b>${esc(session.title)}</b><span>${bound ? '● 기존 AI 세션 유지 중 · ' : ''}${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 = canInput ? window.LoadToAgentI18n.t("ui.direct_input_available") : window.LoadToAgentI18n.t("ui.ended_session");
-      $('#terminalConsoleState').dataset.status = session.status;
+      $('#terminalConsoleState').textContent = presentation.tone === 'attention' || presentation.tone === 'completed'
+        ? presentation.label
+        : canInput ? window.LoadToAgentI18n.t("ui.direct_input_available") : window.LoadToAgentI18n.t("ui.ended_session");
+      $('#terminalConsoleState').dataset.status = presentation.tone;
     } else if (remote) {
-      setConnectionState(remote.pane.dead ? '종료된 tmux 칸' : 'tmux 연결됨', remote.pane.dead ? 'exited' : 'running');
+      setConnectionState(remote.pane.dead ? t('terminal.tmux.ended_pane') : t('terminal.tmux.connected'), remote.pane.dead ? 'exited' : 'running');
       $('#terminalTargetIcon').textContent = 'tm';
       $('#terminalTargetMeta').innerHTML = `<b>${esc(remote.distro.name)} · ${esc(remote.session.name)} · ${esc(remote.pane.nativeId)}</b><span>${esc(remote.window.index)}:${esc(remote.window.name)} · ${esc(remote.pane.command || 'shell')} · ${esc(remote.pane.cwd || '')}</span>`;
       $('#terminalConsoleCaption').textContent = `${remote.window.index}:${remote.window.name} · ${remote.pane.command || 'shell'}`;
@@ -176,7 +262,7 @@ window.LoadToAgentTerminalWorkbench = function createModule(context) {
       setConnectionState(window.LoadToAgentI18n.t("ui.waiting_for_selection"));
       $('#terminalTargetIcon').textContent = '›_';
       $('#terminalTargetMeta').innerHTML = state.mode === 'tmux'
-        ? '<b>아직 선택한 tmux 명령창이 없습니다</b><span>왼쪽 tmux 목록이나 위 지도에서 조작할 칸을 선택하세요.</span>'
+        ? `<b>${t('terminal.tmux.no_selection_title')}</b><span>${t('terminal.tmux.no_selection_description')}</span>`
         : `<b>${window.LoadToAgentI18n.t("ui.select_a_session")}</b><span>${window.LoadToAgentI18n.t("ui.choose_a_session_on_the_left_or_create_a_new")}</span>`;
       $('#terminalConsoleCaption').textContent = window.LoadToAgentI18n.t("ui.select_a_session_to_show_its_output_here");
       $('#terminalConsoleState').textContent = window.LoadToAgentI18n.t("ui.waiting_for_selection");
@@ -187,25 +273,40 @@ window.LoadToAgentTerminalWorkbench = function createModule(context) {
     if (commandLabel) commandLabel.textContent = bound ? window.LoadToAgentI18n.t("ui.continue_instructing_ai") : (remote ? window.LoadToAgentI18n.t("ui.send_to_tmux_terminal") : window.LoadToAgentI18n.t("ui.send_command_to_terminal"));
     if (commandInput) commandInput.placeholder = !hasTarget
       ? window.LoadToAgentI18n.t("ui.select_a_session_on_the_left_first")
-      : (bound ? '이전 대화에 이어서 AI에게 지시할 내용을 입력하세요' : window.LoadToAgentI18n.t("ui.enter_a_command_to_run"));
+      : (bound ? t('terminal.command.continue_ai_placeholder') : t('ui.enter_a_command_to_run'));
+    if (commandInput) {
+      $('#terminalCommandCount').textContent = `${commandInput.value.length.toLocaleString()} / 8,000`;
+      $('#terminalCommandClearBtn')?.classList.toggle('hidden', !commandInput.value);
+    }
     renderHistoryPanel();
   }
 
   async function showSelection() {
+    const generation = state.captureGeneration;
+    const expectedMode = state.mode;
+    const expectedSessionId = state.selectedId;
+    const expectedTmuxId = state.selectedTmux?.pane?.id || state.selectedTmux?.pane?.nativeId || '';
+    const selectionIsCurrent = () => generation === state.captureGeneration
+      && expectedMode === state.mode
+      && expectedSessionId === state.selectedId
+      && expectedTmuxId === (state.selectedTmux?.pane?.id || state.selectedTmux?.pane?.nativeId || '');
     hideScreens();
     const session = currentSession();
     const remote = currentTmux();
     if (session) {
       const entry = await ensureSessionTerminal(session);
+      if (!selectionIsCurrent()) return;
       entry.host.classList.remove('hidden');
       fitEntry(entry, session.id);
       stopCapture();
     } else if (remote) {
+      if (!selectionIsCurrent()) return;
       const entry = ensureRemoteTerminal();
       entry.host.classList.remove('hidden');
       fitEntry(entry);
       startCapture();
     } else {
+      if (!selectionIsCurrent()) return;
       $('#terminalEmpty').classList.remove('hidden');
       stopCapture();
     }
@@ -214,20 +315,22 @@ window.LoadToAgentTerminalWorkbench = function createModule(context) {
 
   async function selectSession(id) {
     saveCurrentDraft();
-    state.captureGeneration += 1;
+    const generation = ++state.captureGeneration;
     state.selectedId = id;
     state.selectedTmux = null;
     renderSessions();
     renderTmuxResources();
     await showSelection();
+    if (!state.active || state.captureGeneration !== generation || state.selectedId !== id || state.mode !== 'general') return;
     restoreCurrentDraft();
+    if (!$('#terminalCommandInput')?.disabled) $('#terminalCommandInput').focus({ preventScroll: true });
   }
 
   async function selectTmux(distroName, paneId) {
     const row = tmuxRows().find(item => item.distro.name === distroName && item.pane.nativeId === paneId);
-    if (!row) return notice('선택한 나눠진 명령창을 찾을 수 없습니다.', 'error');
+    if (!row) return notice(t('terminal.error.selected_split_missing'), 'error');
     saveCurrentDraft();
-    state.captureGeneration += 1;
+    const generation = ++state.captureGeneration;
     state.selectedId = null;
     state.selectedTmux = row;
     state.remoteCapture = '';
@@ -237,12 +340,15 @@ window.LoadToAgentTerminalWorkbench = function createModule(context) {
     renderSessions();
     renderTmuxResources();
     await showSelection();
+    if (!state.active || state.captureGeneration !== generation || state.selectedId || state.mode !== 'tmux'
+      || state.selectedTmux?.distro?.name !== distroName || state.selectedTmux?.pane?.nativeId !== paneId) return;
     restoreCurrentDraft();
+    if (!$('#terminalCommandInput')?.disabled) $('#terminalCommandInput').focus({ preventScroll: true });
   }
 
   async function selectTmuxById(paneId) {
     const row = tmuxRows().find(item => item.pane.id === paneId || item.pane.nativeId === paneId);
-    if (!row) return notice('선택한 tmux 명령창을 찾을 수 없습니다.', 'error');
+    if (!row) return notice(t('terminal.error.selected_tmux_missing'), 'error');
     state.mode = 'tmux';
     moveWorkbench('tmux');
     return selectTmux(row.distro.name, row.pane.nativeId);
@@ -258,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);
@@ -272,15 +379,15 @@ window.LoadToAgentTerminalWorkbench = function createModule(context) {
 
   async function createTerminal(type) {
     const distro = type === 'wsl' ? firstDistro() : null;
-    if (type === 'wsl' && !distro) return notice('사용 가능한 Linux 환경이 없습니다.', 'error');
+    if (type === 'wsl' && !distro) return notice(t('terminal.error.no_linux_environment'), 'error');
     const created = await guarded(() => window.loadtoagent.terminalCreate({
       type,
       cwd: (type === 'powershell' || type === 'shell') ? (preferredWorkspace() || undefined) : undefined,
       distro: distro && distro.name,
-      title: type === 'powershell' ? 'PowerShell' : (type === 'shell' ? state.platform.localShellLabel : `${distro.name} 셸`),
+      title: type === 'powershell' ? 'PowerShell' : (type === 'shell' ? state.platform.localShellLabel : t('terminal.linux_shell_title', { distro: distro.name })),
       cols: 120,
       rows: 32,
-    }), `${type === 'powershell' ? 'Windows' : (type === 'shell' ? state.platform.label : 'Linux')} 명령창을 열었습니다.`);
+    }), t('terminal.opened', { platform: type === 'powershell' ? 'Windows' : (type === 'shell' ? state.platform.label : 'Linux') }), `terminal-create:${type}`);
     if (!created) return;
     await refreshSessions();
     await selectSession(created.id);
@@ -308,6 +415,7 @@ window.LoadToAgentTerminalWorkbench = function createModule(context) {
       const wasAtBottom = state.remoteViewportAnchor == null
         ? Boolean(buffer && buffer.viewportY >= buffer.baseY)
         : state.remoteViewportAtBottom;
+      state.remoteCaptureApplying = true;
       entry.terminal.reset();
       await new Promise(resolve => entry.terminal.write(result.output.replace(/\n/g, '\r\n'), resolve));
       const selected = currentTmux();
@@ -317,19 +425,26 @@ window.LoadToAgentTerminalWorkbench = function createModule(context) {
         setTimeout(captureRemote, 0);
         return;
       }
-      requestAnimationFrame(() => {
-        const latest = currentTmux();
-        if (captureGeneration !== state.captureGeneration || !latest || `${latest.distro.name}:${latest.pane.nativeId}` !== captureKey) return;
-        if (firstCapture) {
-          entry.terminal.scrollToTop();
-          state.remoteViewportAnchor = 0;
-          state.remoteViewportAtBottom = false;
-        } else if (state.remoteViewportAnchor == null ? wasAtBottom : state.remoteViewportAtBottom) entry.terminal.scrollToBottom();
-        else entry.terminal.scrollToLine(state.remoteViewportAnchor == null ? previousViewport : state.remoteViewportAnchor);
-        state.captureRevision += 1;
-        entry.host.dataset.captureRevision = String(state.captureRevision);
-      });
+      await new Promise(resolve => requestAnimationFrame(() => {
+        try {
+          const latest = currentTmux();
+          if (captureGeneration !== state.captureGeneration || !latest || `${latest.distro.name}:${latest.pane.nativeId}` !== captureKey) return;
+          if (firstCapture) entry.terminal.scrollToTop();
+          else if (state.remoteViewportAnchor == null ? wasAtBottom : state.remoteViewportAtBottom) entry.terminal.scrollToBottom();
+          else entry.terminal.scrollToLine(state.remoteViewportAnchor == null ? previousViewport : state.remoteViewportAnchor);
+          const restoredBuffer = entry.terminal.buffer.active;
+          state.remoteViewportAnchor = Number(restoredBuffer.viewportY) || 0;
+          state.remoteViewportAtBottom = !firstCapture && state.remoteViewportAnchor >= Number(restoredBuffer.baseY || 0);
+          state.captureRevision += 1;
+          entry.host.dataset.captureRevision = String(state.captureRevision);
+        } catch (error) {
+          window.LoadToAgentRendererUtils.reportRecoverableError('tmux-capture-render', error);
+        } finally {
+          resolve();
+        }
+      }));
     } finally {
+      state.remoteCaptureApplying = false;
       state.captureInFlight = false;
     }
   }
@@ -349,21 +464,21 @@ window.LoadToAgentTerminalWorkbench = function createModule(context) {
     const text = String(command || '');
     if (state.commandSending) return false;
     if (!text.trim()) {
-      notice('보낼 명령을 입력하세요.', 'error');
+      notice(t('terminal.command.required'), 'error');
       return false;
     }
     const session = currentSession();
     const remote = currentTmux();
     if (!session && !remote) {
-      notice('사용할 명령창을 먼저 선택하세요.', 'error');
+      notice(t('terminal.command.select_first'), 'error');
       return false;
     }
     state.commandSending = true;
     renderTarget();
     try {
       const result = session
-        ? await guarded(() => window.loadtoagent.terminalCommand(session.id, text), '명령을 전송했습니다.')
-        : await guarded(() => window.loadtoagent.tmuxSendText({ distro: remote.distro.name, target: remote.pane.nativeId, text, enter: true }), '선택한 나눠진 명령창에서 실행했습니다.');
+        ? await guarded(() => window.loadtoagent.terminalCommand(session.id, text), t('terminal.command.sent'))
+        : await guarded(() => window.loadtoagent.tmuxSendText({ distro: remote.distro.name, target: remote.pane.nativeId, text, enter: true }), t('terminal.command.executed_in_split'));
       if (result && remote) setTimeout(captureRemote, 160);
       return Boolean(result);
     } finally {
@@ -375,12 +490,12 @@ window.LoadToAgentTerminalWorkbench = function createModule(context) {
   async function sendSignal(signal) {
     const session = currentSession();
     const remote = currentTmux();
-    if (session) return guarded(() => window.loadtoagent.terminalSignal(session.id, signal), signal === 'interrupt' ? 'Ctrl+C를 보냈습니다.' : '화면을 정리했습니다.');
+    if (session) return guarded(() => window.loadtoagent.terminalSignal(session.id, signal), signal === 'interrupt' ? t('terminal.signal.interrupt_sent') : t('terminal.signal.cleared'));
     if (remote) {
       const key = signal === 'interrupt' ? 'C-c' : 'C-l';
-      return guarded(() => window.loadtoagent.tmuxSendKey({ distro: remote.distro.name, target: remote.pane.nativeId, key }), `${key}를 보냈습니다.`);
+      return guarded(() => window.loadtoagent.tmuxSendKey({ distro: remote.distro.name, target: remote.pane.nativeId, key }), t('terminal.signal.key_sent', { key }));
     }
-    notice('사용할 명령창을 먼저 선택하세요.', 'error');
+    notice(t('terminal.command.select_first'), 'error');
   }
 
   function openTmuxModal() {
@@ -388,18 +503,22 @@ window.LoadToAgentTerminalWorkbench = function createModule(context) {
     const distros = state.snapshot && state.snapshot.tmux && state.snapshot.tmux.distros || [];
     $('#tmuxCreateDistro').innerHTML = distros.map(item => `<option value="${esc(item.name)}">${esc(item.name)}</option>`).join('');
     $('#tmuxCreateError').classList.add('hidden');
+    window.LoadToAgentA11y?.setDialogOpenState($('#tmuxCreateModal'), true);
     $('#tmuxCreateModal').classList.remove('hidden');
     $('#tmuxCreateName').focus();
   }
 
-  function closeTmuxModal() {
+  function closeTmuxModal(force = false) {
+    if (force !== true && $('#tmuxCreateForm [type="submit"]').dataset.busy === 'true') return;
     $('#tmuxCreateModal').classList.add('hidden');
+    window.LoadToAgentA11y?.setDialogOpenState($('#tmuxCreateModal'), false);
     $('#tmuxCreateForm').reset();
+    $('#tmuxCreateForm').querySelectorAll('[aria-invalid="true"]').forEach(element => element.removeAttribute('aria-invalid'));
     window.LoadToAgentA11y?.restoreDialogTrigger();
   }
 
   async function refreshSnapshot() {
-    const snapshot = await guarded(() => window.loadtoagent.snapshot(), '여러 창 작업을 새로고침했습니다.');
+    const snapshot = await guarded(() => window.loadtoagent.snapshot(), t('terminal.tmux.refreshed'), 'tmux-refresh');
     if (snapshot) updateSnapshot(snapshot, state.workspaces);
   }
 
@@ -414,7 +533,7 @@ window.LoadToAgentTerminalWorkbench = function createModule(context) {
       title: `tmux · ${remote.session.name} · ${remote.pane.nativeId}`,
       cols: 120,
       rows: 32,
-    }), '키보드로 직접 조작할 수 있게 연결했습니다.');
+    }), t('terminal.tmux.attached_for_input'), `tmux-attach:${remote.distro.name}:${remote.pane.nativeId}`);
     if (!created) return;
     await refreshSessions();
     await selectSession(created.id);
@@ -427,33 +546,33 @@ window.LoadToAgentTerminalWorkbench = function createModule(context) {
     let operation = null;
     let message = '';
     if (action === 'rename-session') {
-      const name = window.prompt('새 작업 묶음 이름', remote.session.name);
+      const name = window.prompt(t('terminal.tmux.prompt_workspace_name'), remote.session.name);
       if (!name || name === remote.session.name) return;
       operation = () => window.loadtoagent.tmuxRenameSession({ ...base, target: remote.session.nativeId, name });
-      message = '작업 묶음 이름을 변경했습니다.';
+      message = t('terminal.tmux.workspace_renamed');
     } else if (action === 'new-window') {
-      const name = window.prompt('새 창 이름', 'window');
+      const name = window.prompt(t('terminal.tmux.prompt_window_name'), 'window');
       if (!name) return;
       operation = () => window.loadtoagent.tmuxNewWindow({ ...base, target: remote.session.nativeId, name, cwd: remote.pane.cwd });
-      message = '새 창을 만들었습니다.';
+      message = t('terminal.tmux.window_created');
     } else if (action === 'split-horizontal' || action === 'split-vertical') {
       operation = () => window.loadtoagent.tmuxSplitPane({ ...base, target: remote.pane.nativeId, direction: action === 'split-horizontal' ? 'horizontal' : 'vertical', cwd: remote.pane.cwd });
-      message = '선택한 명령창을 나눴습니다.';
+      message = t('terminal.tmux.pane_split');
     } else if (action === 'kill-pane') {
-      if (!window.confirm(`${remote.pane.nativeId} 명령창을 닫을까요?`)) return;
+      if (!window.confirm(t('terminal.tmux.confirm_close_pane', { pane: remote.pane.nativeId }))) return;
       operation = () => window.loadtoagent.tmuxKillPane({ ...base, target: remote.pane.nativeId });
-      message = '선택한 명령창을 닫았습니다.';
+      message = t('terminal.tmux.pane_closed');
     } else if (action === 'kill-window') {
-      if (!window.confirm(`${remote.window.index}:${remote.window.name} 창과 안에 있는 명령창을 모두 닫을까요?`)) return;
+      if (!window.confirm(t('terminal.tmux.confirm_close_window', { window: `${remote.window.index}:${remote.window.name}` }))) return;
       operation = () => window.loadtoagent.tmuxKillWindow({ ...base, target: remote.window.nativeId });
-      message = '창 전체를 닫았습니다.';
+      message = t('terminal.tmux.window_closed');
     } else if (action === 'kill-session') {
-      if (!window.confirm(`${remote.session.name} 작업 묶음을 모두 끝낼까요?`)) return;
+      if (!window.confirm(t('terminal.tmux.confirm_end_workspace', { workspace: remote.session.name }))) return;
       operation = () => window.loadtoagent.tmuxKillSession({ ...base, target: remote.session.nativeId });
-      message = '작업 묶음을 끝냈습니다.';
+      message = t('terminal.tmux.workspace_ended');
     }
     if (!operation) return;
-    const result = await guarded(operation, message);
+    const result = await guarded(operation, message, `tmux-manage:${action}`);
     if (result) {
       if (action.startsWith('kill-')) {
         stopCapture();
@@ -470,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 };
 };