loadtoagent 1.3.10 → 1.3.12

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":"减小终端字号"},
@@ -1443,6 +1476,8 @@
     "control.project_filter": {"ko":"프로젝트별 실행 세션 필터","en":"Filter live sessions by project","zh-CN":"按项目筛选运行会话"},
     "control.project_live_attention_summary": {"ko":"실행 중 {active} · 확인 필요 {attention}","en":"{active} running · {attention} need attention","zh-CN":"运行中 {active} · 需确认 {attention}"},
     "control.project_live_summary": {"ko":"실행 중 {active}","en":"{active} running","zh-CN":"运行中 {active}"},
+    "control.project_tmux_summary": {"ko":"tmux {count}개","en":"{count} tmux","zh-CN":"tmux {count} 个"},
+    "control.project_tmux_help": {"ko":"이 프로젝트 경로에서 직접 감지한 AI 터미널","en":"AI terminals detected directly from this project path","zh-CN":"从此项目路径直接检测到的 AI 终端"},
     "control.recent_activity": {"ko":"최근 활동순","en":"Recent activity","zh-CN":"最近活动"},
     "control.search_sessions": {"ko":"실행 세션 검색","en":"Search live sessions","zh-CN":"搜索运行会话"},
     "control.sort_sessions": {"ko":"실행 세션 정렬","en":"Sort live sessions","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>

package/renderer/styles-components.css

@@ -1125,6 +1125,9 @@ button[aria-busy="true"] {
 
 .chat-answer-kind.is-live {
   position: relative;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
   padding-left: 18px;
   border-color: rgba(71,214,153,.3);
   background: rgba(34,118,83,.12);
@@ -1144,6 +1147,51 @@ button[aria-busy="true"] {
   animation: control-room-pulse 1.35s ease-in-out infinite;
 }
 
+.chat-working-dots {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  height: 9px;
+}
+
+.chat-working-dots i {
+  width: 3px;
+  height: 3px;
+  border-radius: 50%;
+  background: currentColor;
+  box-shadow: 0 0 5px rgba(89,223,167,.45);
+  animation: chat-working-dot 1.05s ease-in-out infinite;
+}
+
+.chat-working-dots i:nth-child(2) {
+  animation-delay: 140ms;
+}
+
+.chat-working-dots i:nth-child(3) {
+  animation-delay: 280ms;
+}
+
+@keyframes chat-working-dot {
+  0%,
+  60%,
+  100% {
+    opacity: .38;
+    transform: translateY(1px);
+  }
+  30% {
+    opacity: 1;
+    transform: translateY(-2px);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .chat-working-dots i {
+    opacity: .72;
+    animation: none;
+    transform: none;
+  }
+}
+
 .chat-delivery-progress {
   display: grid;
   gap: 11px;

package/renderer/styles-control-room.css

@@ -780,6 +780,51 @@ body details.control-room-project-group > summary.control-project-header {
   padding: 9px 10px;
 }
 
+.control-project-tmux-section {
+  padding: 12px 14px 14px;
+  border-top: 1px solid rgba(104,130,151,.17);
+  background: rgba(8,14,20,.42);
+}
+
+.control-project-tmux-section > header {
+  min-height: 28px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 0 2px 8px;
+}
+
+.control-project-tmux-section > header > span {
+  display: inline-flex;
+  align-items: center;
+  gap: 7px;
+  color: #78dfbd;
+}
+
+.control-project-tmux-section > header i {
+  font-size: 12px;
+  font-style: normal;
+}
+
+.control-project-tmux-section > header b {
+  color: #c8ddd6;
+  font-size: 12px;
+}
+
+.control-project-tmux-section > header small {
+  overflow: hidden;
+  color: #708493;
+  font-size: 12px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.control-project-tmux-section .live-tmux-grid {
+  grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
+  padding: 0;
+}
+
 .control-room-project-group:not([open]) .control-project-header {
   min-height: 50px !important;
 }
@@ -2258,3 +2303,402 @@ body details.control-room-project-group > summary.control-project-header {
     animation: none!important;
   }
 }
+
+/*
+ * Conversation workspace
+ * ----------------------
+ * Live-flow entries open beside the graph and keep terminal controls secondary
+ * until the user explicitly asks for direct terminal input.
+ */
+
+:root {
+  --conversation-panel-width: clamp(600px,40vw,680px);
+}
+
+.drawer-flow-button {
+  min-height: 36px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 7px;
+  padding: 0 10px;
+  border: 1px solid #304050;
+  border-radius: 9px;
+  background: rgba(17,25,36,.92);
+  color: #b9c7d2;
+  font: inherit;
+  font-size: 12px;
+  white-space: nowrap;
+  flex: 0 0 auto;
+  cursor: pointer;
+  transition: border-color var(--motion-fast) ease,background-color var(--motion-fast) ease,color var(--motion-fast) ease,transform var(--motion-fast) ease;
+}
+
+.drawer-flow-button:hover {
+  border-color: color-mix(in srgb,var(--drawer-provider,#79d9f8) 50%,#304050);
+  background: color-mix(in srgb,var(--drawer-provider,#79d9f8) 8%,#111924);
+  color: #f3f7fa;
+}
+
+.drawer-flow-button:active {
+  transform: translateY(1px);
+}
+
+.drawer-flow-button > span {
+  color: var(--drawer-provider,#79d9f8);
+  font-style: normal;
+}
+
+.drawer-flow-button b {
+  font-weight: 720;
+}
+
+.drawer-resize-handle {
+  position: absolute;
+  z-index: 4;
+  inset: 0 auto 0 -7px;
+  width: 14px;
+  cursor: col-resize;
+  touch-action: none;
+}
+
+.drawer-resize-handle::before {
+  position: absolute;
+  top: 50%;
+  left: 5px;
+  width: 3px;
+  height: 58px;
+  border-radius: 99px;
+  background: #31485b;
+  box-shadow: 0 0 0 1px rgba(8,14,21,.8);
+  content: "";
+  opacity: .62;
+  transform: translateY(-50%);
+  transition: height var(--motion-fast) ease,background-color var(--motion-fast) ease,opacity var(--motion-fast) ease;
+}
+
+.drawer-resize-handle:hover::before,
+.drawer-resize-handle:focus-visible::before,
+body.conversation-panel-resizing .drawer-resize-handle::before {
+  height: 88px;
+  background: var(--drawer-provider,#79d9f8);
+  opacity: 1;
+}
+
+body.conversation-panel-resizing {
+  cursor: col-resize;
+  user-select: none;
+}
+
+.conversation-composer-shell {
+  display: grid;
+  gap: 8px;
+}
+
+.agent-command-actions .conversation-terminal-toggle {
+  min-width: 0;
+  border-color: #2c3c49;
+  background: transparent;
+  color: #82939f;
+}
+
+.agent-command-actions .conversation-terminal-toggle > span {
+  margin-right: 6px;
+  color: #65b9cc;
+  font-family: "Cascadia Code",Consolas,monospace;
+  font-size: 11px;
+  font-weight: 800;
+}
+
+.conversation-terminal-expanded > span {
+  min-width: 0;
+}
+
+.conversation-terminal-expanded > span b,
+.conversation-terminal-expanded > span small {
+  display: block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.conversation-terminal-expanded > span b {
+  color: #c8d2db;
+  font-size: 12px;
+}
+
+.conversation-terminal-expanded > span small {
+  margin-top: 2px;
+  color: #7f8f9d!important;
+}
+
+.conversation-terminal-expanded > button,
+.conversation-terminal-expanded > [data-agent-terminal-open],
+.conversation-terminal-expanded > [data-resume-agent] {
+  min-height: 32px;
+  padding: 0 10px;
+  border: 1px solid #34495a;
+  border-radius: 8px;
+  background: #121d28;
+  color: #adbecb;
+  font: inherit;
+  font-size: 12px;
+  font-weight: 680;
+  cursor: pointer;
+}
+
+.conversation-terminal-expanded > button:hover:not(:disabled) {
+  border-color: #4d7188;
+  color: #eef6fa;
+}
+
+.conversation-terminal-expanded button:disabled {
+  opacity: .4;
+  cursor: not-allowed;
+}
+
+.conversation-terminal-expanded {
+  min-width: 0;
+  display: grid;
+  grid-template-columns: auto minmax(0,1fr) auto;
+  align-items: center;
+  gap: 10px;
+  padding: 6px;
+  border: 1px solid rgba(91,169,255,.22);
+  border-radius: 10px;
+  background: rgba(91,169,255,.045);
+}
+
+.conversation-terminal-expanded > button:first-child {
+  border-color: transparent;
+  background: transparent;
+}
+
+.conversation-terminal-expanded > button:first-child > span {
+  margin-right: 6px;
+  color: #79d9f8;
+}
+
+@media (min-width:1280px) {
+  body.conversation-context-open #appShell {
+    width: calc(100vw - var(--conversation-panel-width));
+    max-width: calc(100vw - var(--conversation-panel-width));
+    transition: width var(--motion-medium) var(--motion-ease),max-width var(--motion-medium) var(--motion-ease);
+  }
+
+  body.conversation-context-open {
+    --sidebar: clamp(220px,16vw,272px);
+  }
+
+  body.conversation-context-open .main-stage {
+    padding-inline: clamp(18px,1.6vw,28px);
+  }
+
+  body.conversation-context-open[data-current-view="all"] .topbar {
+    display: block;
+  }
+
+  body.conversation-context-open[data-current-view="all"] .topbar .eyebrow,
+  body.conversation-context-open[data-current-view="all"] .topbar .subtitle {
+    display: none;
+  }
+
+  body.conversation-context-open[data-current-view="all"] .topbar h1 {
+    max-width: 640px;
+    font-size: clamp(25px,2.2vw,32px);
+    line-height: 1.18;
+  }
+
+  body.conversation-context-open[data-current-view="all"] .top-actions {
+    width: 100%;
+    flex-wrap: nowrap;
+    justify-content: flex-start;
+    gap: 8px;
+    margin-top: 14px;
+    padding-top: 0;
+  }
+
+  body.conversation-context-open[data-current-view="all"] #guideBtn {
+    width: 44px;
+    min-width: 44px;
+    padding: 0;
+  }
+
+  body.conversation-context-open[data-current-view="all"] #guideBtn > span:nth-child(2),
+  body.conversation-context-open[data-current-view="all"] .new-run-cta-copy {
+    display: none;
+  }
+
+  body.conversation-context-open[data-current-view="all"] .sync-state {
+    max-width: 168px;
+  }
+
+  body.conversation-context-open[data-current-view="all"] .new-run-cta {
+    width: 48px;
+    min-width: 48px;
+    padding-inline: 0;
+  }
+
+  body.conversation-context-open .detail-drawer[data-presentation="context"] {
+    width: var(--conversation-panel-width);
+    border-left-color: #304253;
+    box-shadow: -12px 0 38px rgba(0,0,0,.28);
+  }
+
+  body.conversation-context-open .detail-drawer .drawer-head {
+    min-height: 58px;
+    display: grid;
+    grid-template-columns: auto minmax(0,1fr);
+    padding: 11px 18px 8px;
+    gap: 12px;
+  }
+
+  body.conversation-context-open .detail-drawer .provider-mark,
+  body.conversation-context-open .detail-drawer .close-button {
+    display: none;
+  }
+
+  body.conversation-context-open .detail-drawer .drawer-title h2 {
+    margin-top: 0;
+    font-size: 16px;
+  }
+
+  body.conversation-context-open .detail-drawer .drawer-title > span {
+    display: none;
+  }
+
+  body.conversation-context-open .detail-drawer .drawer-meta {
+    padding: 0 18px 10px;
+  }
+
+  body.conversation-context-open .detail-drawer .drawer-tabs {
+    padding-inline: 18px;
+  }
+
+  body.conversation-context-open .detail-drawer[data-mode="subagent"] .drawer-tabs,
+  body.conversation-context-open .detail-drawer[data-mode="subagent"] .subagent-work-source {
+    display: none;
+  }
+
+  body.conversation-context-open .detail-drawer .drawer-content {
+    padding: 18px 20px 24px;
+    background: #0d141d;
+  }
+
+  body.conversation-context-open .detail-drawer[data-mode="subagent"] .drawer-content {
+    padding-top: 14px;
+  }
+
+  body.conversation-context-open .detail-drawer[data-mode="subagent"] .subagent-assignment-card {
+    grid-template-columns: minmax(0,1fr);
+    gap: 0;
+    margin-bottom: 14px;
+    padding: 0 0 14px;
+    border: 0;
+    border-bottom: 1px solid #22313e;
+    border-radius: 0;
+    background: transparent;
+  }
+
+  body.conversation-context-open .detail-drawer[data-mode="subagent"] .subagent-assignment-card > span,
+  body.conversation-context-open .detail-drawer[data-mode="subagent"] .subagent-assignment-card small {
+    display: none;
+  }
+
+  body.conversation-context-open .detail-drawer[data-mode="subagent"] .subagent-assignment-card b {
+    color: #77c8d6;
+    font-size: 11px;
+  }
+
+  body.conversation-context-open .detail-drawer[data-mode="subagent"] .subagent-assignment-card p {
+    margin-top: 5px;
+    color: #b8c6d1;
+    font-size: 12px;
+    line-height: 1.5;
+  }
+
+  body.conversation-context-open .detail-drawer[data-mode="subagent"] .subagent-work-source + .chat-history-head {
+    top: -14px;
+    margin: -14px 0 14px;
+    padding-top: 10px;
+  }
+
+  body.conversation-context-open .detail-drawer .chat-list {
+    gap: 22px;
+  }
+
+  body.conversation-context-open .detail-drawer .chat-turn {
+    gap: 16px;
+    padding-bottom: 22px;
+  }
+
+  body.conversation-context-open .detail-drawer .chat-content.markdown {
+    padding: 2px 0;
+    border: 0;
+    border-radius: 0;
+    background: transparent;
+    color: #d1dae2;
+    font-size: 14px;
+    line-height: 1.72;
+  }
+
+  body.conversation-context-open .detail-drawer .chat-row.user .chat-content.markdown {
+    padding: 10px 12px;
+    border-left: 2px solid color-mix(in srgb,var(--drawer-provider,#79d9f8) 65%,#526271);
+    border-radius: 0 8px 8px 0;
+    background: rgba(255,255,255,.025);
+  }
+
+  body.conversation-context-open .detail-drawer .chat-row {
+    grid-template-columns: 31px minmax(0,1fr);
+    gap: 12px;
+  }
+
+  body.conversation-context-open .detail-drawer .chat-avatar {
+    width: 29px;
+    height: 29px;
+  }
+
+  body.conversation-context-open .detail-drawer .chat-history-head {
+    top: -18px;
+    background: linear-gradient(180deg,#0d141d 78%,rgba(13,20,29,.94));
+  }
+
+  body.conversation-context-open .drawer-composer {
+    padding: 8px 14px 12px;
+    border-top-color: #2b3a48;
+    background: #0a1119;
+    box-shadow: 0 -10px 28px rgba(0,0,0,.2);
+  }
+
+  body.conversation-context-open .conversation-composer-shell {
+    gap: 6px;
+  }
+
+  body.conversation-context-open .drawer-composer .agent-command-panel {
+    gap: 7px;
+    padding: 0;
+    border: 0;
+    border-radius: 0;
+    background: transparent;
+    box-shadow: none;
+  }
+
+  body.conversation-context-open .drawer-composer .conversation-composer > header {
+    display: none;
+  }
+
+  body.conversation-context-open .drawer-composer textarea {
+    min-height: 52px;
+    font-size: 13px;
+  }
+
+  body.conversation-context-open .conversation-composer-shell.mode-terminal .agent-command-panel {
+    padding-top: 2px;
+  }
+
+  body.conversation-panel-resizing #appShell,
+  body.conversation-panel-resizing .detail-drawer {
+    transition: none!important;
+  }
+}

package/renderer/styles-terminal.css

@@ -1472,6 +1472,8 @@ body[data-current-view="terminal"] .topbar h1 {
 }
 
 .terminal-session-item[data-status="running"] { border-left-color: #51dbae; }
+.terminal-session-item[data-status="detached"] { border-left-color: #7ba9d8; }
+.terminal-session-item[data-status="stopped"] { border-left-color: #667783; opacity: .88; }
 .terminal-session-item[data-status="attention"] { border-color: #60482f; border-left-color: #f0ad62; background: linear-gradient(100deg,rgba(133,83,31,.18),#0d171e 58%); }
 .terminal-session-item[data-status="failed"] { border-color: #58323c; border-left-color: #ef7d8e; }
 .terminal-session-item[data-status="completed"] { border-left-color: #6cbdd1; }
@@ -1500,6 +1502,10 @@ body[data-current-view="terminal"] .topbar h1 {
 .terminal-session-status i { width: 6px; height: 6px; border-radius: 50%; background: #657581; }
 .terminal-session-status[data-status="running"] { border-color: #2e6958; color: #86e8c5; background: #102921; }
 .terminal-session-status[data-status="running"] i { background: #55e2ad; box-shadow: 0 0 8px rgba(85,226,173,.65); }
+.terminal-session-status[data-status="detached"] { border-color: #365875; color: #a8d1f2; background: #112333; }
+.terminal-session-status[data-status="detached"] i { background: #78afe0; }
+.terminal-session-status[data-status="stopped"] { border-color: #3b4a54; color: #a8b4bc; background: #141d23; }
+.terminal-session-status[data-status="stopped"] i { background: #71818c; }
 .terminal-session-status[data-status="attention"] { border-color: #725432; color: #f3bb77; background: #2a2014; }
 .terminal-session-status[data-status="attention"] i { background: #ffbd66; box-shadow: 0 0 8px rgba(255,189,102,.5); }
 .terminal-session-status[data-status="failed"] { border-color: #6f3b47; color: #f3a0ad; background: #29161d; }