loadtoagent 1.3.10 → 1.3.11

package/renderer/app-drawer.js

@@ -22,7 +22,59 @@ window.LoadToAgentAppFactories.createDrawer = function createDrawer(context = {}
     failed: "control.delivery_failed",
   })[phase] || "control.delivery_confirming";
 
-  function openDrawer(id) {
+  function scheduleFlowConnections() {
+    requestAnimationFrame(() => {
+      window.LoadToAgentApp?.scheduleAgentWorkflowConnections?.();
+      window.LoadToAgentApp?.drawAgentWorkflowConnections?.();
+    });
+  }
+
+  function resolvedPresentation(options = {}) {
+    const requested = options.presentation || (options.context ? "context" : "modal");
+    if (requested !== "context") return "modal";
+    return state.view === "all" && window.matchMedia("(min-width: 1280px)").matches
+      ? "context"
+      : "modal";
+  }
+
+  function setDrawerPresentation(presentation) {
+    const drawer = $("#detailDrawer");
+    const contextual = presentation === "context";
+    state.drawerPresentation = presentation;
+    drawer.dataset.presentation = presentation;
+    drawer.setAttribute("role", contextual ? "complementary" : "dialog");
+    if (contextual) drawer.removeAttribute("aria-modal");
+    else drawer.setAttribute("aria-modal", "true");
+    $("#drawerBackToFlowBtn").classList.toggle("hidden", !contextual);
+    $("#drawerResizeHandle").classList.toggle("hidden", !contextual);
+    document.body.classList.toggle("conversation-context-open", contextual);
+    const currentWidth = Math.round(drawer.getBoundingClientRect().width || 640);
+    $("#drawerResizeHandle").setAttribute("aria-valuenow", String(currentWidth));
+    if (contextual) {
+      $("#drawerBackdrop").classList.add("hidden");
+      $("#drawerBackdrop").classList.remove("closing");
+    } else {
+      $("#drawerBackdrop").classList.remove("hidden");
+      $("#drawerBackdrop").classList.remove("closing");
+    }
+    scheduleFlowConnections();
+  }
+
+  function openDrawerSurface(presentation) {
+    clearTimeout(motionState.drawerTimer);
+    setDrawerPresentation(presentation);
+    $("#detailDrawer").classList.add("open");
+    if (presentation === "modal") {
+      setDialogOpenState($("#detailDrawer"), true);
+    } else {
+      $("#detailDrawer").removeAttribute("inert");
+      $("#detailDrawer").setAttribute("aria-hidden", "false");
+      $("#appShell")?.removeAttribute("inert");
+      document.body.classList.remove("dialog-open");
+    }
+  }
+
+  function openDrawer(id, options = {}) {
     rememberDialogTrigger();
     markGuideStep("detail");
     state.selectedId = id;
@@ -30,19 +82,18 @@ window.LoadToAgentAppFactories.createDrawer = function createDrawer(context = {}
     state.drawerExecutionId = null;
     state.drawerTab = "chat";
     state.drawerForceLatest = true;
-    clearTimeout(motionState.drawerTimer);
-    $("#drawerBackdrop").classList.remove("hidden");
-    $("#drawerBackdrop").classList.remove("closing");
-    $("#detailDrawer").classList.add("open");
-    setDialogOpenState($("#detailDrawer"), true);
+    openDrawerSurface(resolvedPresentation(options));
     renderDrawer();
     loadSessionDetail(id, true);
-    setTimeout(() => $("#closeDrawerBtn").focus({ preventScroll: true }), 0);
+    setTimeout(
+      () => (state.drawerPresentation === "modal" ? $("#closeDrawerBtn") : $("#drawerBackToFlowBtn")).focus({ preventScroll: true }),
+      0,
+    );
   }
 
-  function openSubagentConversation(id) {
+  function openSubagentConversation(id, options = {}) {
     const child = snapshotSession(id) || state.details.get(id);
-    if (!child || !child.parentId) return openDrawer(id);
+    if (!child || !child.parentId) return openDrawer(id, options);
     rememberDialogTrigger();
     markGuideStep("detail");
     state.selectedId = id;
@@ -51,15 +102,14 @@ window.LoadToAgentAppFactories.createDrawer = function createDrawer(context = {}
     state.drawerTab = "chat";
     state.agentCommandRoutes.delete(id);
     state.drawerForceLatest = true;
-    clearTimeout(motionState.drawerTimer);
-    $("#drawerBackdrop").classList.remove("hidden");
-    $("#drawerBackdrop").classList.remove("closing");
-    $("#detailDrawer").classList.add("open");
-    setDialogOpenState($("#detailDrawer"), true);
+    openDrawerSurface(resolvedPresentation(options));
     renderDrawer();
     loadSessionDetail(id);
     loadSubagentParentDetail(child);
-    setTimeout(() => $("#closeDrawerBtn").focus({ preventScroll: true }), 0);
+    setTimeout(
+      () => (state.drawerPresentation === "modal" ? $("#closeDrawerBtn") : $("#drawerBackToFlowBtn")).focus({ preventScroll: true }),
+      0,
+    );
   }
 
   function openExecutionActivity(ownerId, executionId) {
@@ -72,11 +122,7 @@ window.LoadToAgentAppFactories.createDrawer = function createDrawer(context = {}
     state.drawerExecutionId = executionId;
     state.drawerTab = "chat";
     state.drawerForceLatest = false;
-    clearTimeout(motionState.drawerTimer);
-    $("#drawerBackdrop").classList.remove("hidden");
-    $("#drawerBackdrop").classList.remove("closing");
-    $("#detailDrawer").classList.add("open");
-    setDialogOpenState($("#detailDrawer"), true);
+    openDrawerSurface("modal");
     renderDrawer();
     loadSessionDetail(ownerId);
     if (owner.parentId) loadSubagentParentDetail(owner);
@@ -85,15 +131,27 @@ window.LoadToAgentAppFactories.createDrawer = function createDrawer(context = {}
 
   function closeDrawer(restoreFocus = true) {
     if (!$("#detailDrawer").classList.contains("open")) return;
+    const presentation = state.drawerPresentation;
     const drawerGeneration = motionState.dialogGeneration;
     $("#detailDrawer").classList.remove("open");
-    setDialogOpenState($("#detailDrawer"), false);
-    $("#drawerBackdrop").classList.add("closing");
+    if (presentation === "modal") {
+      setDialogOpenState($("#detailDrawer"), false);
+      $("#drawerBackdrop").classList.add("closing");
+    } else {
+      $("#detailDrawer").setAttribute("inert", "");
+      $("#detailDrawer").setAttribute("aria-hidden", "true");
+      $("#drawerBackdrop").classList.add("hidden");
+      $("#drawerBackdrop").classList.remove("closing");
+      document.body.classList.remove("conversation-context-open");
+      scheduleFlowConnections();
+    }
     clearTimeout(motionState.drawerTimer);
     motionState.drawerTimer = setTimeout(
       () => {
         $("#drawerBackdrop").classList.add("hidden");
         $("#drawerBackdrop").classList.remove("closing");
+        setDrawerPresentation("modal");
+        $("#drawerBackdrop").classList.add("hidden");
         if (drawerGeneration !== motionState.dialogGeneration) return;
         if (restoreFocus) restoreDialogTrigger(drawerGeneration);
         else motionState.activeDialogTrigger = null;
@@ -102,6 +160,10 @@ window.LoadToAgentAppFactories.createDrawer = function createDrawer(context = {}
     );
   }
 
+  function backToAgentFlow() {
+    closeDrawer();
+  }
+
   function renderDrawer() {
     const session = selectedSession();
     if (!session) return closeDrawer();
@@ -124,7 +186,9 @@ window.LoadToAgentAppFactories.createDrawer = function createDrawer(context = {}
     $("#detailDrawer").style.setProperty("--drawer-provider", provider.accent);
     $("#drawerProviderMark").style.setProperty("--provider", provider.accent);
     $("#drawerProviderMark").textContent = executionMode && activity?.kind === "shell" ? ">_" : provider.mark;
-    $("#drawerProvider").textContent = executionMode
+    $("#drawerProvider").textContent = state.drawerPresentation !== "modal" && !executionMode
+      ? `${t("drawer.agent_flow")} · ${presentationLabel}`
+      : executionMode
       ? `${activity?.runtime || activity?.tool || t("drawer.execution_unit")} · ${activity ? context.executionActivityStatus(activity) : t("drawer.unknown")}`
       : subagentMode
       ? `${t("control.subagent")} · ${presentationLabel}`
@@ -185,8 +249,14 @@ window.LoadToAgentAppFactories.createDrawer = function createDrawer(context = {}
       tab.tabIndex = active ? 0 : -1;
     });
     const activeTab = $(`.drawer-tab[data-tab="${state.drawerTab}"]`);
-    if (activeTab) $("#drawerContent").setAttribute("aria-labelledby", activeTab.id);
     const content = $("#drawerContent");
+    if (subagentMode && state.drawerPresentation === "context") {
+      content.removeAttribute("aria-labelledby");
+      content.setAttribute("aria-label", t("control.subagent_conversation"));
+    } else {
+      content.removeAttribute("aria-label");
+      if (activeTab) content.setAttribute("aria-labelledby", activeTab.id);
+    }
     rememberDisclosureStates(content);
     const previousTop = content.scrollTop;
     const wasAtBottom = window.LoadToAgentRendererUtils.isScrolledToEnd(content);
@@ -223,7 +293,11 @@ window.LoadToAgentAppFactories.createDrawer = function createDrawer(context = {}
     const composer = $("#drawerComposer");
     const showComposer = !executionMode && !detailLoading && !detailError && state.drawerTab === "chat" && typeof agentCommandComposer === "function";
     composer.classList.toggle("hidden", !showComposer);
-    const nextComposerHtml = showComposer ? agentCommandComposer(session, { conversation: true }) : "";
+    const nextComposerHtml = showComposer ? agentCommandComposer(session, {
+      conversation: true,
+      delivery,
+      deliveryLabel: delivery ? t(deliveryLabelKey(delivery.phase)) : "",
+    }) : "";
     const focusedDraft = document.activeElement?.matches?.("[data-agent-command-draft]")
       && composer.contains(document.activeElement)
       && document.activeElement.dataset.agentCommandDraft === session.id;
@@ -272,5 +346,12 @@ window.LoadToAgentAppFactories.createDrawer = function createDrawer(context = {}
     }
   }
 
-  return { openDrawer, openSubagentConversation, openExecutionActivity, closeDrawer, renderDrawer };
+  return {
+    openDrawer,
+    openSubagentConversation,
+    openExecutionActivity,
+    closeDrawer,
+    backToAgentFlow,
+    renderDrawer,
+  };
 };

package/renderer/app-events-dialogs.js

@@ -6,10 +6,10 @@ window.LoadToAgentAppFactories.createDialogEventBindings = function createDialog
   const t = (key, params) => window.LoadToAgentI18n.t(key, params);
   const {
     $, $$, state, providerInfo, visibleProviders = () => state.providers, renderProviderRail, scheduleAgentWorkflowConnections, resumeAgentTerminal, loadSessionDetail,
-    closeDrawer, renderDrawer, providerPickerHtml, syncRunComposer, openRunModal, closeRunModal, toast, performUiAction,
+    closeDrawer, backToAgentFlow, renderDrawer, providerPickerHtml, syncRunComposer, openRunModal, closeRunModal, toast, performUiAction,
     handleRun, trapDialogFocus, currentDialog, selectView, saveRunDraft = () => {}, safeBackdrop = null,
     copyText = async () => false,
-    dispatchAgentCommand, controlManagedRun, quickRespond, prepareReassignment, openSubagentConversation,
+    dispatchAgentCommand, openAgentTerminal, controlManagedRun, quickRespond, prepareReassignment, openSubagentConversation,
   } = context;
 
   function bindRunComposerEvents() {
@@ -133,8 +133,49 @@ window.LoadToAgentAppFactories.createDialogEventBindings = function createDialog
 
   function bindDrawerAndGlobalEvents() {
     $("#closeDrawerBtn").addEventListener("click", closeDrawer);
+    $("#drawerBackToFlowBtn").addEventListener("click", backToAgentFlow);
     if (safeBackdrop) safeBackdrop($("#drawerBackdrop"), closeDrawer, $("#detailDrawer"));
     else $("#drawerBackdrop").addEventListener("click", closeDrawer);
+    const resizeHandle = $("#drawerResizeHandle");
+    const setConversationPanelWidth = (nextWidth) => {
+      const maximum = Math.max(560, Math.min(860, window.innerWidth - 700));
+      const width = Math.max(560, Math.min(maximum, Math.round(nextWidth)));
+      document.documentElement.style.setProperty("--conversation-panel-width", `${width}px`);
+      resizeHandle.setAttribute("aria-valuemax", String(maximum));
+      resizeHandle.setAttribute("aria-valuenow", String(width));
+      scheduleAgentWorkflowConnections();
+    };
+    resizeHandle.addEventListener("pointerdown", (event) => {
+      if (state.drawerPresentation !== "context" || event.button !== 0) return;
+      event.preventDefault();
+      resizeHandle.setPointerCapture?.(event.pointerId);
+      document.body.classList.add("conversation-panel-resizing");
+      setConversationPanelWidth(window.innerWidth - event.clientX);
+    });
+    resizeHandle.addEventListener("pointermove", (event) => {
+      if (!document.body.classList.contains("conversation-panel-resizing")) return;
+      setConversationPanelWidth(window.innerWidth - event.clientX);
+    });
+    const finishPanelResize = (event) => {
+      if (!document.body.classList.contains("conversation-panel-resizing")) return;
+      document.body.classList.remove("conversation-panel-resizing");
+      try { resizeHandle.releasePointerCapture?.(event.pointerId); } catch {}
+      scheduleAgentWorkflowConnections();
+    };
+    resizeHandle.addEventListener("pointerup", finishPanelResize);
+    resizeHandle.addEventListener("pointercancel", finishPanelResize);
+    resizeHandle.addEventListener("keydown", (event) => {
+      if (state.drawerPresentation !== "context" || !["ArrowLeft", "ArrowRight", "Home", "End"].includes(event.key)) return;
+      event.preventDefault();
+      const current = Number.parseFloat(getComputedStyle(document.documentElement).getPropertyValue("--conversation-panel-width"))
+        || $("#detailDrawer").getBoundingClientRect().width;
+      const next = event.key === "Home"
+        ? 560
+        : event.key === "End"
+          ? 860
+          : current + (event.key === "ArrowLeft" ? 32 : -32);
+      setConversationPanelWidth(next);
+    });
     $(".drawer-tabs").addEventListener("click", (event) => {
       const tab = event.target.closest("[data-tab]");
       if (tab) {
@@ -163,14 +204,23 @@ window.LoadToAgentAppFactories.createDialogEventBindings = function createDialog
     $("#detailDrawer").addEventListener("click", async (event) => {
       const subagent = event.target.closest("[data-open-subagent-chat]");
       if (subagent) {
-        openSubagentConversation(subagent.dataset.openSubagentChat);
+        openSubagentConversation(subagent.dataset.openSubagentChat, { presentation: state.drawerPresentation });
         return;
       }
-      const route = event.target.closest("[data-agent-command-route]");
-      if (route) {
-        state.agentCommandRoutes.set(route.dataset.agentCommandSession, route.dataset.agentCommandRoute);
+      const inputMode = event.target.closest("[data-agent-command-input-mode]");
+      if (inputMode) {
+        const sessionId = inputMode.dataset.agentCommandSession;
+        const nextMode = inputMode.dataset.agentCommandInputMode;
+        state.agentCommandInputModes.set(sessionId, nextMode);
         renderDrawer();
-        requestAnimationFrame(() => $("#detailDrawer")?.querySelector(`[data-agent-command-session="${CSS.escape(route.dataset.agentCommandSession)}"][data-agent-command-route="${CSS.escape(route.dataset.agentCommandRoute)}"]`)?.focus({ preventScroll: true }));
+        requestAnimationFrame(() => {
+          const target = nextMode === "terminal"
+            ? $("#detailDrawer")?.querySelector(`[data-agent-command-draft="${CSS.escape(sessionId)}"]`)
+            : $("#detailDrawer")?.querySelector(
+              `[data-agent-command-session="${CSS.escape(sessionId)}"][data-agent-command-input-mode="terminal"]`,
+            );
+          target?.focus({ preventScroll: true });
+        });
         return;
       }
       const copy = event.target.closest("[data-copy-text]");
@@ -178,6 +228,11 @@ window.LoadToAgentAppFactories.createDialogEventBindings = function createDialog
         await copyText(copy.dataset.copyText);
         return;
       }
+      const terminal = event.target.closest("[data-agent-terminal-open]");
+      if (terminal) {
+        await openAgentTerminal(terminal.dataset.agentTerminalOpen);
+        return;
+      }
       const resume = event.target.closest("[data-resume-agent]");
       if (resume) {
         if (resume.dataset.busy === "true") return;
@@ -278,7 +333,10 @@ window.LoadToAgentAppFactories.createDialogEventBindings = function createDialog
       } else if (!$("#runModal").classList.contains("hidden")) closeRunModal();
       else closeDrawer();
     });
-    window.addEventListener("resize", scheduleAgentWorkflowConnections);
+    window.addEventListener("resize", () => {
+      scheduleAgentWorkflowConnections();
+      if (window.innerWidth < 1280 && state.drawerPresentation === "context") closeDrawer(false);
+    });
   }
 
   function bindDialogAndGlobalEvents() {

package/renderer/app-events-sessions.js

@@ -218,12 +218,6 @@ window.LoadToAgentAppFactories.createSessionEventBindings = function createSessi
 
   function bindManagementEvents() {
     $("#operationsOverview").addEventListener("click", async (event) => {
-      const route = event.target.closest("[data-agent-command-route]");
-      if (route) {
-        state.agentCommandRoutes.set(route.dataset.agentCommandSession, route.dataset.agentCommandRoute);
-        renderSessions("route");
-        return;
-      }
       const intervention = event.target.closest("[data-supervision-intervention-open]");
       if (intervention) {
         const details = $("#operationsOverview")?.querySelector(`.supervision-intervention[data-disclosure-key="supervision:command:${CSS.escape(intervention.dataset.supervisionInterventionOpen)}"]`);
@@ -290,12 +284,6 @@ window.LoadToAgentAppFactories.createSessionEventBindings = function createSessi
       dispatchAgentCommand(form.dataset.agentCommandForm, form);
     });
     $("#attentionInbox").addEventListener("click", async (event) => {
-      const route = event.target.closest("[data-agent-command-route]");
-      if (route) {
-        state.agentCommandRoutes.set(route.dataset.agentCommandSession, route.dataset.agentCommandRoute);
-        renderSessions("route");
-        return;
-      }
       const filter = event.target.closest("[data-management-inbox-filter]");
       if (filter) {
         state.managementFilter = filter.dataset.managementInboxFilter;
@@ -446,14 +434,6 @@ window.LoadToAgentAppFactories.createSessionEventBindings = function createSessi
         }
         return;
       }
-      const route = event.target.closest("[data-agent-command-route]");
-      if (route) {
-        event.stopPropagation();
-        state.agentCommandRoutes.set(route.dataset.agentCommandSession, route.dataset.agentCommandRoute);
-        renderSessions("route");
-        requestAnimationFrame(() => $("#liveSessionGrid")?.querySelector(`[data-agent-command-session="${CSS.escape(route.dataset.agentCommandSession)}"][data-agent-command-route="${CSS.escape(route.dataset.agentCommandRoute)}"]`)?.focus({ preventScroll: true }));
-        return;
-      }
       const copy = event.target.closest("[data-copy-text]");
       if (copy) {
         event.stopPropagation();
@@ -520,18 +500,18 @@ window.LoadToAgentAppFactories.createSessionEventBindings = function createSessi
       const open = event.target.closest("[data-open-session]");
       if (open) {
         event.stopPropagation();
-        openDrawer(open.dataset.openSession);
+        openDrawer(open.dataset.openSession, { context: true });
         return;
       }
       const subagentChat = event.target.closest("[data-open-subagent-chat]");
       if (subagentChat) {
         event.stopPropagation();
-        openSubagentConversation(subagentChat.dataset.openSubagentChat);
+        openSubagentConversation(subagentChat.dataset.openSubagentChat, { context: true });
         return;
       }
       const node = event.target.closest("[data-graph-focus]");
       if (!node) return;
-      if (state.graphFocusId === node.dataset.graphFocus) openDrawer(node.dataset.graphFocus);
+      if (state.graphFocusId === node.dataset.graphFocus) openDrawer(node.dataset.graphFocus, { context: true });
       else {
         state.graphFocusId = node.dataset.graphFocus;
         renderSessions("focus");

package/renderer/app.js

@@ -30,6 +30,7 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
     selectedId: null,
     drawerTab: "chat",
     drawerMode: "session",
+    drawerPresentation: "modal",
     drawerExecutionId: null,
     runProvider: "claude",
     details: new Map(),
@@ -48,6 +49,7 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
     agentCommandDrafts: new Map(),
     agentCommandTargets: new Map(),
     agentCommandRoutes: new Map(),
+    agentCommandInputModes: new Map(),
     agentCommandSending: new Set(),
     pendingConversationMessages: new Map(),
     stopRequests: new Set(),
@@ -258,6 +260,11 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
     else $("#mobileMoreBtn")?.removeAttribute("aria-current");
   }
   function selectView(view, options = {}) {
+    if (
+      view !== state.view
+      && $("#detailDrawer")?.classList.contains("open")
+      && $("#detailDrawer")?.dataset.presentation !== "modal"
+    ) context.closeDrawer?.(false);
     state.view = view;
     state.managementFilter = view === "waiting" ? (options.managementFilter || "all") : "all";
     state.visibleLimit = 30;
@@ -285,7 +292,10 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
     if (!$("#shortcutHelpModal")?.classList.contains("hidden")) return $("#shortcutHelpModal");
     if (!$("#runModal").classList.contains("hidden")) return $("#runModal");
     if (!$("#tmuxCreateModal").classList.contains("hidden")) return $("#tmuxCreateModal");
-    if ($("#detailDrawer").classList.contains("open")) return $("#detailDrawer");
+    if (
+      $("#detailDrawer").classList.contains("open")
+      && $("#detailDrawer").dataset.presentation === "modal"
+    ) return $("#detailDrawer");
     return null;
   }
   function dialogFocusable(dialog) {

package/renderer/i18n-messages.js

@@ -236,6 +236,24 @@
     "agent.desktop_app": {"ko":"{provider} 데스크톱 앱","en":"{provider} desktop app","zh-CN":"{provider} 桌面应用"},
     "agent.desktop": {"ko":"데스크톱","en":"desktop","zh-CN":"桌面"},
     "agent.direct_status": {"ko":"입력 채널 연결됨 · {target}","en":"Input channel connected · {target}","zh-CN":"输入通道已连接 · {target}"},
+    "agent.input_mode_label": {"ko":"전송 대상","en":"Send to","zh-CN":"发送到"},
+    "agent.input_mode_ai": {"ko":"AI에게 요청","en":"Ask AI","zh-CN":"向 AI 提问"},
+    "agent.input_mode_terminal": {"ko":"터미널 명령","en":"Terminal command","zh-CN":"终端命令"},
+    "agent.return_to_ai_input": {"ko":"대화 입력으로 돌아가기","en":"Back to conversation input","zh-CN":"返回对话输入"},
+    "agent.terminal_direct_input": {"ko":"터미널 직접 입력","en":"Direct terminal input","zh-CN":"终端直接输入"},
+    "agent.terminal_input_help": {"ko":"이 입력은 {target} 터미널에 직접 전달됩니다.","en":"This input is sent directly to the {target} terminal.","zh-CN":"此输入将直接发送到 {target} 终端。"},
+    "agent.ai_input_help": {"ko":"현재 {provider} 대화로 보냅니다.","en":"Send to the current {provider} conversation.","zh-CN":"发送到当前 {provider} 对话。"},
+    "agent.send_terminal": {"ko":"터미널로 보내기 ↵","en":"Send to terminal ↵","zh-CN":"发送到终端 ↵"},
+    "agent.send_request": {"ko":"보내기 ↵","en":"Send ↵","zh-CN":"发送 ↵"},
+    "agent.terminal_placeholder": {"ko":"실행할 터미널 명령을 입력하세요","en":"Enter a terminal command to run","zh-CN":"输入要执行的终端命令"},
+    "agent.delivery_receipt_help": {"ko":"실제 대화 기록과 실행 신호를 계속 확인합니다.","en":"The actual conversation log and execution signals stay under observation.","zh-CN":"将持续检查实际对话记录和执行信号。"},
+    "agent.reconnect_terminal": {"ko":"터미널 다시 연결","en":"Reconnect terminal","zh-CN":"重新连接终端"},
+    "agent.connected_terminal": {"ko":"연결된 터미널","en":"Connected terminal","zh-CN":"已连接的终端"},
+    "agent.terminal_connection": {"ko":"터미널 연결","en":"Terminal connection","zh-CN":"终端连接"},
+    "agent.terminal_session_active": {"ko":"{target} · 세션 유지 중","en":"{target} · session active","zh-CN":"{target} · 会话保持中"},
+    "agent.terminal_unavailable": {"ko":"연결하거나 재개할 수 있는 터미널이 없습니다.","en":"No terminal is available to connect or resume.","zh-CN":"没有可连接或恢复的终端。"},
+    "agent.terminal_command_sent_background": {"ko":"터미널 명령을 백그라운드 세션에 보냈습니다.","en":"Terminal command sent to the background session.","zh-CN":"终端命令已发送到后台会话。"},
+    "agent.terminal_command_sent": {"ko":"{target}에 터미널 명령을 보냈습니다.","en":"Terminal command sent to {target}.","zh-CN":"终端命令已发送到 {target}。"},
     "agent.choose_terminal_count": {"ko":"{count}개 터미널 중 선택","en":"choose from {count} terminals","zh-CN":"从 {count} 个终端中选择"},
     "agent.handoff_status": {"ko":"외부에서 실행 중 · 관리 터미널로 전환 가능","en":"Running externally · can switch to a managed terminal","zh-CN":"正在外部运行 · 可切换到托管终端"},
     "agent.resume_status": {"ko":"원래 터미널 종료됨 · 같은 AI 대화를 새 터미널에서 재개 가능","en":"Original terminal ended · the same AI conversation can resume in a new terminal","zh-CN":"原终端已结束 · 可在新终端恢复同一 AI 对话"},
@@ -317,6 +335,13 @@
     "run.recheck_installation": {"ko":"설치 상태 다시 확인","en":"Check installation again","zh-CN":"重新检查安装状态"},
     "run.ai_installation_required": {"ko":"AI 설치가 필요합니다","en":"An AI CLI must be installed","zh-CN":"需要安装 AI CLI"},
     "run.preparing": {"ko":"AI 작업을 준비하는 중…","en":"Preparing the AI task…","zh-CN":"正在准备 AI 任务…"},
+    "drawer.resize_panel": {"ko":"대화 패널 너비 조절","en":"Resize conversation panel","zh-CN":"调整对话面板宽度"},
+    "drawer.back_to_flow": {"ko":"에이전트 흐름으로 돌아가기","en":"Back to agent flow","zh-CN":"返回智能体流程"},
+    "drawer.agent_flow": {"ko":"에이전트 흐름","en":"Agent flow","zh-CN":"智能体流程"},
+    "drawer.focus_open": {"ko":"대화 집중 모드 열기","en":"Open conversation focus mode","zh-CN":"打开对话专注模式"},
+    "drawer.focus_exit": {"ko":"에이전트 흐름과 나란히 보기","en":"Show beside agent flow","zh-CN":"与智能体流程并排显示"},
+    "drawer.focus_mode": {"ko":"집중 모드","en":"Focus mode","zh-CN":"专注模式"},
+    "drawer.side_by_side": {"ko":"나란히 보기","en":"Side by side","zh-CN":"并排查看"},
     "drawer.subagent_title": {"ko":"{name} · 도움 AI 작업 기록","en":"{name} · Helper-AI work history","zh-CN":"{name} · 协助 AI 工作记录"},
     "drawer.stop_requested": {"ko":"중지 요청 중…","en":"Requesting stop…","zh-CN":"正在请求停止…"},
     "drawer.stop_run": {"ko":"■ 실행 중지","en":"■ Stop run","zh-CN":"■ 停止运行"},
@@ -799,13 +824,21 @@
     "terminal.session.confirm_end": {"ko":"{title} 세션과 실행 중인 프로세스를 끝낼까요?\n이 작업은 터미널을 숨기는 것이 아니라 실제 세션을 종료합니다.","en":"End the {title} session and its running process?\nThis ends the actual session rather than merely hiding the terminal.","zh-CN":"要结束 {title} 会话及其正在运行的进程吗？\n此操作会真正结束会话，而不是仅隐藏终端。"},
     "terminal.session.confirm_end_ai": {"ko":"{title} AI 세션과 실행 중인 작업을 완전히 종료할까요?\n터미널 화면만 닫으려면 ‘터미널 화면 닫기’를 사용하세요.","en":"Completely end the {title} AI session and its running work?\nUse ‘Close terminal view’ to hide only the terminal.","zh-CN":"要完全结束 {title} AI 会话及其正在运行的任务吗？\n若只想隐藏终端，请使用“关闭终端视图”。"},
     "terminal.session.ended": {"ko":"터미널 세션을 종료했습니다.","en":"Terminal session ended.","zh-CN":"终端会话已结束。"},
+    "terminal.session.reconnected": {"ko":"실행 중인 tmux 세션에 다시 연결했습니다.","en":"Reconnected to the running tmux session.","zh-CN":"已重新连接到正在运行的 tmux 会话。"},
     "terminal.session.restarted": {"ko":"명령창을 다시 시작했습니다.","en":"Terminal restarted.","zh-CN":"终端已重新启动。"},
+    "terminal.session.stopped": {"ko":"tmux 작업을 종료하고 세션 기록은 남겼습니다.","en":"Stopped the tmux work and kept the session record.","zh-CN":"已停止 tmux 工作并保留会话记录。"},
     "terminal.signal.cleared": {"ko":"화면을 정리했습니다.","en":"Screen cleared.","zh-CN":"屏幕已清空。"},
     "terminal.signal.interrupt_sent": {"ko":"Ctrl+C를 보냈습니다.","en":"Sent Ctrl+C.","zh-CN":"已发送 Ctrl+C。"},
     "terminal.signal.key_sent": {"ko":"{key}를 보냈습니다.","en":"Sent {key}.","zh-CN":"已发送 {key}。"},
     "terminal.status.exited": {"ko":"끝남","en":"Ended","zh-CN":"已结束"},
     "terminal.status.failed": {"ko":"열지 못함","en":"Failed to open","zh-CN":"打开失败"},
     "terminal.status.running": {"ko":"세션 유지 중","en":"Session active","zh-CN":"会话保持中"},
+    "terminal.status.detached": {"ko":"화면 분리됨","en":"View detached","zh-CN":"界面已分离"},
+    "terminal.status.stopped": {"ko":"작업 중지됨","en":"Work stopped","zh-CN":"工作已停止"},
+    "terminal.detached_work_continues": {"ko":"화면만 분리되었습니다. tmux 작업은 백그라운드에서 계속됩니다.","en":"Only the view is detached. The tmux work continues in the background.","zh-CN":"仅界面已分离，tmux 工作仍在后台继续。"},
+    "terminal.stopped_record_kept": {"ko":"작업은 종료됐고 세션 기록은 보존되어 있습니다.","en":"The work has stopped and the session record is preserved.","zh-CN":"工作已停止，会话记录已保留。"},
+    "terminal.reconnect": {"ko":"기존 작업 다시 연결","en":"Reconnect existing work","zh-CN":"重新连接现有工作"},
+    "terminal.remove_session_record": {"ko":"세션 기록 제거","en":"Remove session record","zh-CN":"移除会话记录"},
     "terminal.monitor.attention_count": {"ko":"확인 필요 {count}","en":"{count} need attention","zh-CN":"{count} 个需要确认"},
     "terminal.view.font_size": {"ko":"터미널 글자 크기","en":"Terminal font size","zh-CN":"终端字号"},
     "terminal.view.font_decrease": {"ko":"터미널 글자 작게","en":"Decrease terminal font","zh-CN":"减小终端字号"},

package/renderer/index.html

@@ -389,7 +389,9 @@
 
   <div id="drawerBackdrop" class="drawer-backdrop hidden"></div>
   <aside id="detailDrawer" class="detail-drawer" role="dialog" aria-modal="true" aria-labelledby="drawerTitle" aria-hidden="true" tabindex="-1" inert>
+    <div id="drawerResizeHandle" class="drawer-resize-handle hidden" role="separator" aria-orientation="vertical" aria-label="대화 패널 너비 조절" data-i18n-aria-label="drawer.resize_panel" aria-valuemin="560" aria-valuemax="860" aria-valuenow="640" tabindex="0"></div>
     <div class="drawer-head">
+      <button id="drawerBackToFlowBtn" class="drawer-flow-button hidden" type="button" aria-label="에이전트 흐름으로 돌아가기" data-i18n-aria-label="drawer.back_to_flow"><span aria-hidden="true">←</span><b data-i18n="drawer.agent_flow">에이전트 흐름</b></button>
       <div id="drawerProviderMark" class="provider-mark">AI</div>
       <div class="drawer-title"><span id="drawerProvider" data-i18n="ui.ai_task">AI 작업</span><h2 id="drawerTitle" data-i18n="drawer.title">작업 자세히 보기</h2></div>
       <button id="closeDrawerBtn" class="close-button" type="button" aria-label="닫기" data-i18n-aria-label="common.close">×</button>