loadtoagent 1.3.8 → 1.3.10

package/README.ko.md

@@ -81,6 +81,18 @@ LoadToAgent는 시작할 때 현재 패키지 버전과 GitHub의 최신 정식
 
 홈의 `10분 시작 가이드`도 같은 네 단계를 직접 눌러 연습하게 해 줍니다. 완료 상태는 이 컴퓨터에 저장되며 언제든 다시 펼칠 수 있습니다.
 
+### 대화를 이어 보내고 실제 전달 상태 확인하기
+
+작업의 **대화 내용** 탭에서 **내용을 이어서 보내기**를 사용하면 지원되는 연결 세션에 새 메시지를 보낼 수 있습니다. 별도 채팅을 만들지 않고 같은 작업과 같은 AI 세션에서 대화가 이어집니다.
+
+LoadToAgent는 전달 상태를 실제로 관측한 세 단계로 보여 줍니다.
+
+1. 앱에서 전송 요청을 보냈는지
+2. 같은 사용자 메시지가 AI 세션 기록에 나타났는지
+3. 그 메시지 뒤에 새 AI 응답 시작 신호가 나타났는지
+
+12초 안에 세션 기록에서 수신이 확인되지 않으면 AI가 응답을 준비한다고 단정하지 않고 `전달 확인 지연`으로 표시합니다. AI의 중간 진행 문장도 별도 상자로 분리하지 않고 시간순 대화 안에 그대로 보여 주며, 마지막 완료 메시지에만 **최종 답변** 표시를 붙입니다. 모든 상태 문구는 로컬 세션 파일에서 확인한 근거를 설명하며 외부 AI 창의 동작을 추측하지 않습니다.
+
 ## 한눈에 볼 수 있는 것
 
 | 화면 | 확인할 수 있는 내용 |
@@ -89,7 +101,7 @@ LoadToAgent는 시작할 때 현재 패키지 버전과 GitHub의 최신 정식
 | 연결 관계 | 사용자 요청, 선택한 메인 AI, 직접 나눠 맡긴 도움 AI |
 | 명령·백그라운드 실행 | AI가 시작한 일반 명령과 백그라운드 명령의 내용, 작업 폴더, 실행 ID와 현재 상태 |
 | 응답·상태 확인함 | 최근 24시간 세션에서 내 응답이 필요한 요청과 현재 실행의 실패·지연·일시정지 위험만 확인 |
-| 작업 상세 | 대화, 도구 호출, 진행 과정, 모델, 작업 폴더, 상태 |
+| 작업 상세 | 시간순 대화, 근거가 확인된 전달 상태, 도구 호출, 진행 과정, 모델, 작업 폴더, 상태 |
 | 관리 요약 | 최근 실행 이벤트, 상태 정보 확인 수준, 완료 신호, 로그에서 찾은 산출물 후보와 테스트 기록, 실행 제어 |
 | 토큰 | 입력·출력·캐시·추론·전체 사용량과 보고된 컨텍스트 점유율 |
 | AI 세션 터미널 | 선택한 AI의 이전 대화와 기존 PTY·tmux 화면을 나란히 보며 같은 세션에 이어서 입력 |

package/README.md

@@ -81,6 +81,18 @@ On startup, LoadToAgent compares its package version with the newest stable GitH
 
 The `10-minute start guide` on Home lets you practice the same four steps. Progress is saved on this computer and the guide can be reopened at any time.
 
+### Continue a conversation and verify delivery
+
+Open a task's **Conversation** tab and use **Continue the conversation** to send another message to a supported connected session. The message stays in the same task and session instead of opening a separate chat.
+
+LoadToAgent shows delivery as three observable steps:
+
+1. the app dispatched the send request;
+2. the exact user message appeared in the AI session log;
+3. a new AI response-start signal appeared after that message.
+
+If the session log does not confirm receipt within 12 seconds, the app reports a delivery-confirmation delay instead of claiming that the AI is already preparing a response. Intermediate AI updates remain in chronological chat order, and only the latest completed message is marked **Final answer**. These labels describe local evidence from the session files; they do not guess what an external AI window is doing.
+
 ## What LoadToAgent shows
 
 | View | What you get |
@@ -89,7 +101,7 @@ The `10-minute start guide` on Home lets you practice the same four steps. Progr
 | Relationship view | The request origin, selected agent, and every directly delegated subagent |
 | Execution units | Foreground shells, background shells, and background jobs started by an AI, including command, workspace, execution ID, and live status |
 | Operations and attention inbox | Prioritized failures, stalls, context risk, approvals, decisions, and input requests with immediate actions |
-| Session detail | Conversation, tool activity, lifecycle events, model, workspace, and status |
+| Session detail | Chronological conversation, evidence-based delivery state, tool activity, lifecycle events, model, workspace, and status |
 | Management summary | Checkpoints, observation confidence, completion summary, artifacts, verification, and run controls |
 | Token view | Input, output, cached, reasoning, total, and reported context-window usage |
 | Session terminal | The selected AI's prior conversation beside its existing PTY or tmux pane, with input continuing in that exact session |

package/README.zh-CN.md

@@ -81,6 +81,18 @@ LoadToAgent 启动时会比较当前包版本与最新的稳定 GitHub Release
 
 首页的`10 分钟入门指南`可以带你实际完成同样的四个步骤。进度只保存在本机，并且可随时重新打开。
 
+### 继续对话并确认实际传递状态
+
+打开任务的**对话**页，使用**继续对话**即可向受支持的已连接会话发送新消息。消息会保留在同一个任务和 AI 会话中，不会另开聊天。
+
+LoadToAgent 会按照实际可观测证据显示三个传递步骤：
+
+1. 应用是否已发出发送请求；
+2. 相同的用户消息是否已出现在 AI 会话记录中；
+3. 该消息之后是否出现了新的 AI 回复开始信号。
+
+如果 12 秒内仍未在会话记录中确认收到消息，应用会显示“传递确认延迟”，而不会直接声称 AI 正在准备回复。AI 的中间进度消息也会按时间顺序保留在对话中，不再放入单独的折叠区域；只有最后一条已完成消息会标记为**最终回答**。所有状态文字都说明本地会话文件中的可验证证据，不会猜测外部 AI 窗口正在做什么。
+
 ## LoadToAgent 可以展示什么
 
 | 视图 | 内容 |
@@ -89,7 +101,7 @@ LoadToAgent 启动时会比较当前包版本与最新的稳定 GitHub Release
 | 关系视图 | 用户请求、当前代理以及它直接委派的所有子代理 |
 | 执行单元 | AI 启动的前台 Shell、后台 Shell 与后台任务，包括命令、工作目录、执行 ID 和实时状态 |
 | 运行概览与待确认收件箱 | 按优先级集中展示失败、停滞、上下文风险、审批、决策和输入请求，并可立即处理 |
-| 会话详情 | 对话、工具活动、执行过程、模型、工作目录和状态 |
+| 会话详情 | 按时间排列的对话、基于证据的传递状态、工具活动、执行过程、模型、工作目录和状态 |
 | 管理摘要 | 检查点、观测置信度、完成摘要、产物、验证结果和执行控制 |
 | Token 视图 | 输入、输出、缓存、推理、总量和已报告的上下文占用率 |
 | 终端控制 | 本地 Shell，以及向 LoadToAgent 自有终端安全发送命令 |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "loadtoagent",
-  "version": "1.3.8",
+  "version": "1.3.10",
   "description": "A local desktop dashboard for Claude, Codex, Gemini, and Grok sessions.",
   "main": "main.js",
   "author": "wincube AX",
@@ -124,11 +124,17 @@
       "target": [
         {
           "target": "dmg",
-          "arch": ["arm64", "x64"]
+          "arch": [
+            "arm64",
+            "x64"
+          ]
         },
         {
           "target": "zip",
-          "arch": ["arm64", "x64"]
+          "arch": [
+            "arm64",
+            "x64"
+          ]
         }
       ],
       "artifactName": "LoadToAgent-${version}-${arch}.${ext}"

package/renderer/app-agent-actions.js

@@ -12,6 +12,7 @@ window.LoadToAgentAppFactories.createAgentActions = function createAgentActions(
     selectView,
     providerInfo,
     isLiveSession,
+    conversationMessageKey,
   } = context;
 
   function agentCommandTargets(session) {
@@ -91,12 +92,6 @@ window.LoadToAgentAppFactories.createAgentActions = function createAgentActions(
     return session?.parentId ? `${session.id}:${route}` : session.id;
   }
 
-  function conversationMessageKey(message) {
-    const id = String(message?.id || "").trim();
-    if (id) return `id:${id}`;
-    return `${message?.role || ""}:${String(message?.text || "").replace(/\s+/g, " ").trim()}:${message?.timestamp || ""}`;
-  }
-
   function beginConversationMessage(session, command) {
     const detail = state.details.get(session.id);
     const baselineMessages = [...(session.messages || []), ...(detail?.messages || [])];
@@ -105,6 +100,8 @@ window.LoadToAgentAppFactories.createAgentActions = function createAgentActions(
       text: command,
       timestamp: new Date().toISOString(),
       status: "sending",
+      phase: "sending",
+      dispatchedAt: null,
       presented: false,
       baselineMessageKeys: new Set(baselineMessages.map(conversationMessageKey)),
     };
@@ -120,6 +117,25 @@ window.LoadToAgentAppFactories.createAgentActions = function createAgentActions(
     if (!entry) return;
     entry.status = status;
     entry.error = error;
+    if (status === "awaiting") {
+      entry.dispatchedAt = entry.dispatchedAt || new Date().toISOString();
+      entry.phase = "confirming";
+      const delay = Number(window.LoadToAgentConversationDelivery?.CONFIRMATION_DELAY_MS || 12_000);
+      clearTimeout(entry.confirmationTimer);
+      entry.confirmationTimer = setTimeout(() => {
+        entry.confirmationTimer = 0;
+        const pending = state.pendingConversationMessages.get(sessionId) || [];
+        if (!pending.includes(entry) || entry.status !== "awaiting") return;
+        state.drawerForceLatest = true;
+        context.render?.();
+        context.renderDrawer?.();
+      }, delay + 40);
+    } else if (status === "failed") {
+      entry.phase = "failed";
+      entry.failedAt = new Date().toISOString();
+      clearTimeout(entry.confirmationTimer);
+      entry.confirmationTimer = 0;
+    }
     state.drawerForceLatest = true;
     context.renderDrawer?.();
   }
@@ -314,6 +330,7 @@ window.LoadToAgentAppFactories.createAgentActions = function createAgentActions(
         try {
           await window.LoadToAgentTerminal.resumeForAgent(targetSession, routedCommand, true, { focus: false });
           state.agentCommandDrafts.delete(sessionId);
+          if (input) input.value = "";
           updateConversationMessage(sessionId, pendingMessage, "awaiting");
           context.toast(t(routingEnabled && routeContext.route === "parent" ? "agent.command_routed_via_parent" : "agent.command_sent_background"));
         } catch (error) {

package/renderer/app-dashboard.js

@@ -211,7 +211,9 @@ window.LoadToAgentAppFactories.createDashboard = function createDashboard(contex
       if (desktopList.dataset.overflowBound !== "true") {
         desktopList.dataset.overflowBound = "true";
         desktopList.addEventListener("scroll", updateProjectOverflow, { passive: true });
-        desktopList._overflowObserver = new ResizeObserver(updateProjectOverflow);
+        // Mutating layout-related classes directly inside ResizeObserver can
+        // trigger Chromium's "undelivered notifications" loop warning.
+        desktopList._overflowObserver = new ResizeObserver(() => requestAnimationFrame(updateProjectOverflow));
         desktopList._overflowObserver.observe(desktopList);
       }
       requestAnimationFrame(updateProjectOverflow);

package/renderer/app-drawer-content.js

@@ -6,6 +6,7 @@ window.LoadToAgentAppFactories.createDrawerContent = function createDrawerConten
   const {
     esc, uiLocale, state, messageContentHtml, compact, fullNumber, timeOnly, providerInfo, statusIcon, agentPathTaskName, snapshotSession,
     controlRoomAgentGoal, inferredExecutionSummary, executionActivityLabel, executionActivityStatus,
+    conversationDeliveryState, observeConversationDelivery,
   } = context;
   const t = (key, params) => window.LoadToAgentI18n.t(key, params);
 
@@ -57,12 +58,17 @@ window.LoadToAgentAppFactories.createDrawerContent = function createDrawerConten
     const answerKind = assistant && options.answerKind
       ? `<span class="chat-answer-kind${options.live ? " is-live" : ""}">${esc(options.answerKind)}</span>`
       : "";
+    const deliveryStatusKey = {
+      sending: "drawer.message_sending",
+      confirming: "drawer.message_confirming",
+      delayed: "drawer.message_unconfirmed",
+      received: "drawer.message_received",
+      responding: "drawer.message_responding",
+      failed: "drawer.message_failed",
+    };
     const deliveryStatus = !assistant && message.deliveryStatus
-      ? `<span class="chat-delivery-status ${esc(message.deliveryStatus)}">${esc(t(message.deliveryStatus === "failed"
-        ? "drawer.message_failed"
-        : message.deliveryStatus === "sending"
-          ? "drawer.message_sending"
-          : "drawer.message_sent"))}</span>`
+      ? `<span class="chat-delivery-status ${esc(message.deliveryStatus)}">${esc(t(deliveryStatusKey[message.deliveryStatus]
+        || "drawer.message_sent"))}</span>`
       : "";
     const optimisticClasses = message.optimistic
       ? ` is-optimistic is-${esc(message.deliveryStatus || "awaiting")}${message.animate ? " is-new" : ""}`
@@ -81,21 +87,24 @@ window.LoadToAgentAppFactories.createDrawerContent = function createDrawerConten
     const pending = state.pendingConversationMessages.get(session.id) || [];
     if (!pending.length) return { session, forceLatestLive: false };
     const messages = [...(session.messages || [])];
-    const messageKey = (message) => {
-      const id = String(message?.id || "").trim();
-      if (id) return `id:${id}`;
-      return `${message?.role || ""}:${String(message?.text || "").replace(/\s+/g, " ").trim()}:${message?.timestamp || ""}`;
-    };
-    const normalizedText = (value) => String(value || "").replace(/\s+/g, " ").trim();
     const retained = [];
     let forceLatestLive = false;
     for (const entry of pending) {
-      const newMessages = messages.filter(message => !entry.baselineMessageKeys?.has(messageKey(message)));
-      const actualUser = newMessages.find(message =>
-        message.role === "user" && normalizedText(message.text) === normalizedText(entry.text));
-      const newAssistant = newMessages.find(message => message.role === "assistant" && normalizedText(message.text));
-      if (actualUser && newAssistant) continue;
-      if (!actualUser) {
+      const delivery = conversationDeliveryState({ ...session, messages }, entry);
+      if (!delivery) continue;
+      observeConversationDelivery(session, entry, delivery);
+      if (delivery.phase === "responded") {
+        clearTimeout(entry.confirmationTimer);
+        continue;
+      }
+      const tracking = {
+        phase: delivery.phase,
+        elapsedMs: delivery.elapsedMs,
+        error: entry.error || "",
+        receivedAt: delivery.receivedAt,
+        responseObservedAt: delivery.responseObservedAt,
+      };
+      if (!delivery.userMessage) {
         messages.push({
           id: entry.id,
           role: "user",
@@ -103,12 +112,21 @@ window.LoadToAgentAppFactories.createDrawerContent = function createDrawerConten
           timestamp: entry.timestamp,
           optimistic: true,
           animate: !entry.presented,
-          deliveryStatus: entry.status,
+          deliveryStatus: delivery.phase,
+          deliveryTracking: tracking,
         });
         entry.presented = true;
+      } else {
+        const actualIndex = messages.indexOf(delivery.userMessage);
+        if (actualIndex >= 0) {
+          messages[actualIndex] = {
+            ...delivery.userMessage,
+            deliveryStatus: delivery.phase,
+            deliveryTracking: tracking,
+          };
+        }
       }
-      if (newAssistant) entry.status = "resolved";
-      if (entry.status === "sending" || entry.status === "awaiting") forceLatestLive = true;
+      forceLatestLive = true;
       retained.push(entry);
     }
     if (retained.length) state.pendingConversationMessages.set(session.id, retained);
@@ -117,23 +135,6 @@ window.LoadToAgentAppFactories.createDrawerContent = function createDrawerConten
     return { session: { ...session, messages }, forceLatestLive };
   }
 
-  function progressUpdatesHtml(turn, session) {
-    if (!turn.progress.length) return "";
-    const rows = turn.progress.map((message, index) => {
-      const fullTime = new Date(message.timestamp).toLocaleString(uiLocale());
-      return `<article data-progress-message-id="${esc(message.id || "")}">
-        <header><b>${esc(t("drawer.progress_update_item", { count: index + 1 }))}</b><time title="${esc(fullTime)}">${esc(timeOnly(message.timestamp))}</time></header>
-        ${messageContentHtml(message, session.id)}
-      </article>`;
-    }).join("");
-    return `<details class="chat-progress-updates" data-progress-count="${turn.progress.length}"
-      data-disclosure-key="${esc(`drawer:${session.id}:turn:${turn.id}:progress`)}">
-      <summary><span><b>${esc(t("drawer.progress_updates", { count: turn.progress.length }))}</b>
-      <small>${esc(t("drawer.progress_updates_help"))}</small></span><i aria-hidden="true">↓</i></summary>
-      <div class="chat-progress-list">${rows}</div>
-      </details>`;
-  }
-
   function subagentCallEvents(session) {
     const spawns = session?.collaboration?.spawns || [];
     const children = (session?.childIds || [])
@@ -261,18 +262,70 @@ window.LoadToAgentAppFactories.createDrawerContent = function createDrawerConten
     });
     return items.map(item => {
       if (item.kind === "call") return subagentCallHtml(item.call, { showAnchor: false });
-      const finalMessage = item.message.id === representativeId;
+      const finalMessage = item.index === turn.assistants.length - 1
+        || (representativeId && item.message.id === representativeId);
       return conversationRowHtml(item.message, session, {
         userLabel: labels.userLabel,
         assistantLabel: labels.assistantLabel,
         answerKind: finalMessage
           ? t(turn.live ? "drawer.current_progress" : turn.awaitingFinal ? "drawer.last_progress" : "drawer.final_answer")
-          : t("drawer.main_progress_before_call"),
+          : "",
         live: turn.live && finalMessage,
       });
     }).join("");
   }
 
+  function deliveryProgressHtml(tracking) {
+    if (!tracking) {
+      return `<div class="chat-delivery-progress phase-observed" data-delivery-phase="observed" role="status" aria-live="polite">
+        <header><span aria-hidden="true"></span><div><b>${esc(t("drawer.delivery_observed_title"))}</b><small>${esc(t("drawer.delivery_observed_detail"))}</small></div></header>
+        <ol>
+          <li class="done"><i aria-hidden="true">✓</i><span><b>${esc(t("drawer.delivery_observed_message"))}</b><small>${esc(t("drawer.delivery_observed_message_help"))}</small></span></li>
+          <li class="active"><i aria-hidden="true">2</i><span><b>${esc(t("drawer.delivery_observed_session"))}</b><small>${esc(t("drawer.delivery_observed_session_help"))}</small></span></li>
+        </ol>
+        <footer><i aria-hidden="true">◎</i><span>${esc(t("drawer.delivery_evidence_observed"))}</span></footer>
+      </div>`;
+    }
+    const phase = tracking.phase || "confirming";
+    const copy = {
+      sending: ["drawer.delivery_sending_title", "drawer.delivery_sending_detail", "drawer.delivery_evidence_sending"],
+      confirming: ["drawer.delivery_confirming_title", "drawer.delivery_confirming_detail", "drawer.delivery_evidence_confirming"],
+      delayed: ["drawer.delivery_delayed_title", "drawer.delivery_delayed_detail", "drawer.delivery_evidence_delayed"],
+      received: ["drawer.delivery_received_title", "drawer.delivery_received_detail", "drawer.delivery_evidence_received"],
+      responding: ["drawer.delivery_responding_title", "drawer.delivery_responding_detail", "drawer.delivery_evidence_responding"],
+      failed: ["drawer.delivery_failed_title", "drawer.delivery_failed_detail", "drawer.delivery_evidence_failed"],
+    }[phase] || ["drawer.delivery_confirming_title", "drawer.delivery_confirming_detail", "drawer.delivery_evidence_confirming"];
+    const stepState = (step) => {
+      if (phase === "failed") return step === 0 ? "error" : "pending";
+      if (phase === "sending") return step === 0 ? "active" : "pending";
+      if (phase === "confirming" || phase === "delayed") {
+        if (step === 0) return "done";
+        if (step === 1) return phase === "delayed" ? "warning" : "active";
+        return "pending";
+      }
+      if (phase === "received") return step < 2 ? "done" : "active";
+      if (phase === "responding") return step < 2 ? "done" : "active";
+      return "pending";
+    };
+    const steps = [
+      ["drawer.delivery_step_dispatch", "drawer.delivery_step_dispatch_help"],
+      ["drawer.delivery_step_received", "drawer.delivery_step_received_help"],
+      ["drawer.delivery_step_response", "drawer.delivery_step_response_help"],
+    ].map(([label, detail], index) => {
+      const status = stepState(index);
+      const marker = status === "done" ? "✓" : status === "error" ? "!" : String(index + 1);
+      return `<li class="${status}"><i aria-hidden="true">${marker}</i><span><b>${esc(t(label))}</b><small>${esc(t(detail))}</small></span></li>`;
+    }).join("");
+    const detail = phase === "failed" && tracking.error
+      ? t("drawer.delivery_failed_with_reason", { reason: tracking.error })
+      : t(copy[1]);
+    return `<div class="chat-delivery-progress phase-${esc(phase)}" data-delivery-phase="${esc(phase)}" role="status" aria-live="polite">
+      <header><span aria-hidden="true"></span><div><b>${esc(t(copy[0]))}</b><small>${esc(detail)}</small></div></header>
+      <ol>${steps}</ol>
+      <footer><i aria-hidden="true">◎</i><span>${esc(t(copy[2]))}</span></footer>
+    </div>`;
+  }
+
   function chatHtml(session, options = {}) {
     const overlay = conversationOverlay(session);
     session = overlay.session;
@@ -283,7 +336,6 @@ window.LoadToAgentAppFactories.createDrawerContent = function createDrawerConten
     const assistantLabel = options.assistantLabel || providerInfo(session.provider).label;
     const conversationLabel = options.conversationLabel || t("drawer.conversation");
     const turns = conversationTurns(session, { ...options, forceLatestLive: overlay.forceLatestLive });
-    const progressCount = turns.reduce((sum, turn) => sum + turn.progress.length, 0);
     const omitted = Number(session.omittedMessages || 0);
     const notice =
       omitted || session.truncated
@@ -291,14 +343,8 @@ window.LoadToAgentAppFactories.createDrawerContent = function createDrawerConten
         : "";
     const rows = turns.map((turn, turnIndex) => {
       const user = conversationRowHtml(turn.user, session, { userLabel, assistantLabel });
-      const representative = conversationRowHtml(turn.representative, session, {
-        userLabel,
-        assistantLabel,
-        answerKind: t(turn.live ? "drawer.current_progress" : turn.awaitingFinal ? "drawer.last_progress" : "drawer.final_answer"),
-        live: turn.live,
-      });
       const waiting = turn.live && !turn.representative
-        ? `<div class="chat-turn-waiting"><span aria-hidden="true"></span><b>${esc(t("drawer.preparing_response"))}</b></div>`
+        ? deliveryProgressHtml(turn.user?.deliveryTracking)
         : "";
       const turnStartedAt = Date.parse(turn.user?.timestamp || turn.representative?.timestamp || 0);
       const nextTurnTimestamp = turns[turnIndex + 1]?.user?.timestamp;
@@ -308,11 +354,9 @@ window.LoadToAgentAppFactories.createDrawerContent = function createDrawerConten
         if (Number.isFinite(turnStartedAt) && calledAt < turnStartedAt) return false;
         return !Number.isFinite(nextTurnStartedAt) || calledAt < nextTurnStartedAt;
       });
-      const timeline = turnCalls.length
-        ? turnWithSubagentCallsHtml(turn, session, turnCalls, { userLabel, assistantLabel })
-        : `${representative}${waiting}${progressUpdatesHtml(turn, session)}`;
+      const timeline = turnWithSubagentCallsHtml(turn, session, turnCalls, { userLabel, assistantLabel });
       return `<section class="chat-turn${turn.live ? " is-live" : ""}" data-conversation-turn="${esc(turn.id)}">
-        ${user}${timeline}${turnCalls.length ? waiting : ""}
+        ${user}${timeline}${waiting}
       </section>`;
     }).join("");
     const unmatchedCalls = calls.filter(call => !turns.some((turn, turnIndex) => {
@@ -325,7 +369,7 @@ window.LoadToAgentAppFactories.createDrawerContent = function createDrawerConten
     const callOnlyRows = unmatchedCalls.map(subagentCallHtml).join("");
     const emptyConversation = turns.length || calls.length ? "" : `<div class="empty-state compact"><h3>${esc(t("drawer.no_user_ai_conversation"))}</h3></div>`;
     return `${notice}<div class="chat-history-head">
-      <span>${esc(t("drawer.turn_summary", { label: conversationLabel, count: turns.length, updates: progressCount ? ` · ${t("drawer.progress_updates", { count: progressCount })}` : "" }))}</span>
+      <span>${esc(t("drawer.turn_summary", { label: conversationLabel, count: turns.length, updates: "" }))}</span>
       <button type="button" data-scroll-latest>${esc(t("drawer.latest_conversation"))} ↓</button>
       </div>
       <div class="chat-list">${callOnlyRows}${rows}${emptyConversation}<div class="chat-latest-anchor" aria-label="${esc(t("drawer.latest_conversation"))}">

package/renderer/app-drawer.js

@@ -7,11 +7,20 @@ window.LoadToAgentAppFactories.createDrawer = function createDrawer(context = {}
   const {
     $, $$, esc, state, motionPreference, motionState, STATUS, markGuideStep, rememberDialogTrigger, restoreDialogTrigger, setDialogOpenState,
     providerInfo, isLiveSession, controlRoomStatus = session => session?.status, subagentWorkState, subagentWorkLabel, isProjectlessSession, sessionOriginPath, sessionWorkspaceLabel,
+    pendingConversationDelivery = () => null,
     agentResumeSupport, originAppInfo, selectedSession, snapshotSession, loadSessionDetail, loadSubagentParentDetail,
     chatHtml, lifecycleHtml, tokensHtml, outcomeHtml, subagentCoordinationEvents, subagentConversationHtml, executionActivityDetailHtml,
     agentCommandComposer,
     rememberDisclosureStates = () => {}, restoreDisclosureStates = () => {},
   } = context;
+  const deliveryLabelKey = (phase) => ({
+    sending: "control.delivery_sending",
+    confirming: "control.delivery_confirming",
+    delayed: "control.delivery_delayed",
+    received: "control.delivery_received",
+    responding: "control.delivery_responding",
+    failed: "control.delivery_failed",
+  })[phase] || "control.delivery_confirming";
 
   function openDrawer(id) {
     rememberDialogTrigger();
@@ -98,6 +107,8 @@ window.LoadToAgentAppFactories.createDrawer = function createDrawer(context = {}
     if (!session) return closeDrawer();
     const provider = providerInfo(session.provider);
     const presentationStatus = controlRoomStatus(session);
+    const delivery = pendingConversationDelivery(session);
+    const presentationLabel = delivery ? t(deliveryLabelKey(delivery.phase)) : STATUS[presentationStatus] || presentationStatus;
     const subagentMode = state.drawerMode === "subagent" && Boolean(session.parentId);
     const executionMode = state.drawerMode === "execution" && Boolean(state.drawerExecutionId);
     const snapshot = snapshotSession(session.id);
@@ -116,8 +127,8 @@ window.LoadToAgentAppFactories.createDrawer = function createDrawer(context = {}
     $("#drawerProvider").textContent = executionMode
       ? `${activity?.runtime || activity?.tool || t("drawer.execution_unit")} · ${activity ? context.executionActivityStatus(activity) : t("drawer.unknown")}`
       : subagentMode
-      ? `${t("control.subagent")} · ${STATUS[presentationStatus] || presentationStatus}`
-      : `${provider.company} · ${STATUS[presentationStatus] || presentationStatus}`;
+      ? `${t("control.subagent")} · ${presentationLabel}`
+      : `${provider.company} · ${presentationLabel}`;
     const drawerTitle = executionMode
       ? context.inferredExecutionSummary(activity || {}).text
       : subagentMode ? session.title || session.taskName || (session.delegation && session.delegation.taskName) : session.title;
@@ -186,7 +197,7 @@ window.LoadToAgentAppFactories.createDrawer = function createDrawer(context = {}
     motionState.drawerRenderKey = renderKey;
     motionState.drawerTab = state.drawerTab;
     const detailError = state.detailErrors.get(state.selectedId);
-    content.innerHTML = detailLoading
+    const nextContentHtml = detailLoading
       ? `<div class="drawer-loading"><span></span><b>${esc(t("drawer.loading_history"))}</b><small>${esc(t("drawer.loading_history_help"))}</small></div>`
       : detailError
         ? `<div class="drawer-error">
@@ -205,10 +216,28 @@ window.LoadToAgentAppFactories.createDrawer = function createDrawer(context = {}
             : state.drawerTab === "lifecycle"
               ? lifecycleHtml(session)
               : tokensHtml(session);
+    if (motionState.drawerContentHtml !== nextContentHtml) {
+      content.innerHTML = nextContentHtml;
+      motionState.drawerContentHtml = nextContentHtml;
+    }
     const composer = $("#drawerComposer");
     const showComposer = !executionMode && !detailLoading && !detailError && state.drawerTab === "chat" && typeof agentCommandComposer === "function";
     composer.classList.toggle("hidden", !showComposer);
-    composer.innerHTML = showComposer ? agentCommandComposer(session, { conversation: true }) : "";
+    const nextComposerHtml = showComposer ? agentCommandComposer(session, { conversation: true }) : "";
+    const focusedDraft = document.activeElement?.matches?.("[data-agent-command-draft]")
+      && composer.contains(document.activeElement)
+      && document.activeElement.dataset.agentCommandDraft === session.id;
+    // Session snapshots arrive while the user is typing. Replacing the
+    // composer would destroy the focused textarea and its IME/caret state.
+    // Keep that exact node alive until focus leaves it; the delegated input
+    // handler already mirrors the current draft into state.
+    if (!focusedDraft && motionState.drawerComposerHtml !== nextComposerHtml) {
+      composer.innerHTML = nextComposerHtml;
+      motionState.drawerComposerHtml = nextComposerHtml;
+    } else if (!showComposer && composer.innerHTML) {
+      composer.innerHTML = "";
+      motionState.drawerComposerHtml = "";
+    }
     restoreDisclosureStates(content);
     content.classList.toggle("motion-content-in", shouldAnimateContent && !motionPreference.matches);
     clearTimeout(motionState.drawerContentTimer);

package/renderer/app-graph-orchestration.js

@@ -35,6 +35,8 @@ window.LoadToAgentAppFactories.createGraphOrchestration = function createGraphOr
 
   function renderAgentMap(sessions, motionKind = "refresh") {
     const liveSessionGrid = $("#liveSessionGrid");
+    const preserveFocusedComposer = document.activeElement?.matches?.("[data-agent-command-draft]")
+      && liveSessionGrid.contains(document.activeElement);
     rememberDisclosureStates(liveSessionGrid);
     const model = connectedGraphSessions(sessions);
     const focus =
@@ -47,7 +49,7 @@ window.LoadToAgentAppFactories.createGraphOrchestration = function createGraphOr
         ? [...rootSessions].sort((a, b) => Number((b.context && b.context.percent) || 0) - Number((a.context && a.context.percent) || 0))
         : stableSessionSort(rootSessions);
     if (!model.nodes.length) {
-      liveSessionGrid.innerHTML = "";
+      if (!preserveFocusedComposer) liveSessionGrid.innerHTML = "";
       $("#graphBreadcrumbs").innerHTML = "";
       $("#graphResetBtn").classList.add("hidden");
       $("#agentMapToolbar")?.classList.add("hidden");
@@ -61,7 +63,7 @@ window.LoadToAgentAppFactories.createGraphOrchestration = function createGraphOr
       $("#agentMapToolbar")?.classList.remove("hidden");
       $("#controlRoomProjectToolbar")?.classList.add("hidden");
       $("#controlRoomListToolbar")?.classList.add("hidden");
-      liveSessionGrid.innerHTML = focusedGraph(focus, model, motionKind);
+      if (!preserveFocusedComposer) liveSessionGrid.innerHTML = focusedGraph(focus, model, motionKind);
       const path = graphPath(focus, model.byId);
       $("#graphBreadcrumbs").innerHTML = `<button type="button" data-graph-reset>${esc(t("graph.task_list"))}</button>${path
         .map((item) => {
@@ -77,7 +79,7 @@ window.LoadToAgentAppFactories.createGraphOrchestration = function createGraphOr
       scheduleAgentWorkflowConnections();
     } else {
       const runtime = runtimeAgentSummary(model, liveTmuxEntries(state.snapshot && state.snapshot.tmux));
-      liveSessionGrid.innerHTML = runtimeSeparatedOverview(roots, model, roots);
+      if (!preserveFocusedComposer) liveSessionGrid.innerHTML = runtimeSeparatedOverview(roots, model, roots);
       restoreDisclosureStates(liveSessionGrid);
       $("#graphBreadcrumbs").innerHTML = "";
       $("#agentMapToolbar")?.classList.add("hidden");