loadtoagent 1.0.0 → 1.1.0

package/main.js

@@ -1,6 +1,6 @@
 'use strict';
 
-const { app, BrowserWindow, ipcMain, dialog, shell, clipboard, Tray, Menu, net } = require('electron');
+const { app, BrowserWindow, ipcMain, dialog, shell, clipboard, Tray, Menu, net, Notification } = require('electron');
 const fs = require('fs');
 const path = require('path');
 const os = require('os');
@@ -21,6 +21,12 @@ const { registerTerminalIpc } = require('./src/ipc/registerTerminalIpc');
 const { registerTmuxIpc } = require('./src/ipc/registerTmuxIpc');
 const { registerWorkspaceIpc } = require('./src/ipc/registerWorkspaceIpc');
 const { reportRecoverableError } = require('./src/diagnostics');
+const { AttentionNotifier } = require('./src/attentionNotifier');
+
+const PRODUCT_NAME = 'LoadToAgent';
+app.setName(PRODUCT_NAME);
+process.title = PRODUCT_NAME;
+if (process.platform === 'win32') app.setAppUserModelId('com.wincube.loadtoagent');
 
 const demoCapture = process.env.LOADTOAGENT_DEMO_CAPTURE === '1';
 let mainWindow = null;
@@ -31,6 +37,7 @@ let bridgeServer = null;
 let bridgeLauncher = null;
 let backgroundTray = null;
 let updateManager = null;
+let attentionNotifier = null;
 let isQuitting = false;
 let appLocale = 'ko';
 const tmuxController = new TmuxController({ platform: process.platform });
@@ -45,6 +52,8 @@ const MAIN_COPY = {
     trayQuit: '프로그램 끝내기 · AI 세션도 종료',
     addWorkspaces: 'AI 작업 폴더 선택',
     pickWorkspace: '작업 폴더 선택',
+    attentionTitle: '내 확인이 필요합니다',
+    attentionBody: '{provider} · {title}',
   },
   en: {
     trayTooltip: 'LoadToAgent · {count} background AI sessions',
@@ -53,6 +62,8 @@ const MAIN_COPY = {
     trayQuit: 'Quit app · End AI sessions too',
     addWorkspaces: 'Choose AI workspaces',
     pickWorkspace: 'Choose workspace',
+    attentionTitle: 'Your review is needed',
+    attentionBody: '{provider} · {title}',
   },
   'zh-CN': {
     trayTooltip: 'LoadToAgent · {count} 个后台 AI 会话',
@@ -61,6 +72,8 @@ const MAIN_COPY = {
     trayQuit: '退出应用 · 同时结束 AI 会话',
     addWorkspaces: '选择 AI 工作文件夹',
     pickWorkspace: '选择工作文件夹',
+    attentionTitle: '需要你的确认',
+    attentionBody: '{provider} · {title}',
   },
 };
 let lastSnapshot = {
@@ -254,6 +267,39 @@ function sendSnapshot(snapshot) {
   try { mainWindow.webContents.send('agents:snapshot', snapshot); } catch (error) { reportRecoverableError('ipc-send:agents:snapshot', error); }
 }
 
+function openAttentionSession(session) {
+  showMainWindow();
+  if (!mainWindow || mainWindow.isDestroyed()) return;
+  mainWindow.flashFrame(false);
+  try {
+    mainWindow.webContents.send('agents:attention-requested', { sessionId: String(session && session.id || '') });
+  } catch (error) {
+    reportRecoverableError('ipc-send:agents:attention-requested', error);
+  }
+}
+
+function createAttentionNotifier() {
+  return new AttentionNotifier({
+    Notification,
+    isSupported: () => Notification.isSupported(),
+    copy: session => {
+      const provider = providerList().find(item => item.id === session.provider);
+      return {
+        title: mainText('attentionTitle'),
+        body: mainText('attentionBody', {
+          provider: provider && provider.label || session.provider || 'AI',
+          title: session.title || '이름 없는 세션',
+        }),
+      };
+    },
+    onOpen: openAttentionSession,
+    onFallback: session => {
+      if (mainWindow && !mainWindow.isDestroyed()) mainWindow.flashFrame(true);
+      openAttentionSession(session);
+    },
+  });
+}
+
 function sendUpdateState(update) {
   if (!mainWindow || mainWindow.isDestroyed()) return;
   try { mainWindow.webContents.send('app:update-state', update); } catch (error) { reportRecoverableError('ipc-send:app:update-state', error); }
@@ -278,6 +324,7 @@ function setupRuntime() {
     downloadsDir: path.join(app.getPath('userData'), 'updates'),
   });
   updateManager.on('state', sendUpdateState);
+  attentionNotifier = createAttentionNotifier();
   updateManager.check().catch(error => reportRecoverableError('startup-update-check', error));
   if (demoCapture) {
     availability = Object.fromEntries(providerList().map(provider => [provider.id, true]));
@@ -305,6 +352,7 @@ function setupRuntime() {
   monitorWorker.on('message', message => {
     if (message && message.type === 'snapshot') {
       lastSnapshot = message.snapshot;
+      attentionNotifier.sync(lastSnapshot);
       sendSnapshot(lastSnapshot);
     }
     if (message && message.type === 'detail-result') {
@@ -479,6 +527,7 @@ app.on('window-all-closed', () => {
 
 app.on('before-quit', () => {
   isQuitting = true;
+  if (attentionNotifier) attentionNotifier.dispose();
   if (bridgeServer) bridgeServer.dispose();
   if (terminalManager) terminalManager.dispose();
   if (monitorWorker) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "loadtoagent",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "A local desktop dashboard for Claude, Codex, Gemini, and Grok sessions.",
   "main": "main.js",
   "author": "wincube AX",
@@ -51,7 +51,7 @@
     "test:interaction": "electron scripts/interaction-check.js",
     "demo:readme": "electron scripts/readme-demo.js",
     "dist": "electron-builder",
-    "dist:win": "electron-builder --win portable",
+    "dist:win": "electron-builder --win",
     "dist:mac": "electron-builder --mac --publish never",
     "pack": "electron-builder --dir",
     "prepublishOnly": "npm test"
@@ -91,6 +91,7 @@
       "node_modules/node-pty/**/*"
     ],
     "win": {
+      "icon": "build/icon.ico",
       "target": [
         {
           "target": "portable",
@@ -107,6 +108,7 @@
       ]
     },
     "mac": {
+      "icon": "build/icon.png",
       "category": "public.app-category.developer-tools",
       "target": [
         {

package/preload.js

@@ -67,6 +67,11 @@ contextBridge.exposeInMainWorld('loadtoagent', {
     ipcRenderer.on('agents:snapshot', handler);
     return () => ipcRenderer.removeListener('agents:snapshot', handler);
   },
+  onAttentionRequested: callback => {
+    const handler = (_event, payload) => callback(payload);
+    ipcRenderer.on('agents:attention-requested', handler);
+    return () => ipcRenderer.removeListener('agents:attention-requested', handler);
+  },
   onUpdateState: callback => {
     const handler = (_event, update) => callback(update);
     ipcRenderer.on('app:update-state', handler);

package/renderer/app-bootstrap.js

@@ -30,7 +30,7 @@
   ].forEach(install);
   window.LoadToAgentApp = app;
 
-  const { $, esc, state, loadGuideState, bindEvents, render, timeOnly, loadSessionDetail, renderUpdateSettings, syncViewChrome, toast } = app;
+  const { $, esc, state, loadGuideState, bindEvents, render, timeOnly, loadSessionDetail, renderUpdateSettings, syncViewChrome, selectView, openDrawer, openSubagentConversation, toast } = app;
 
   async function init() {
     loadGuideState();
@@ -64,6 +64,16 @@
         if (card && detail && card.updatedAt !== detail.updatedAt) loadSessionDetail(state.selectedId, true);
       }
     });
+    if (window.loadtoagent.onAttentionRequested)
+      window.loadtoagent.onAttentionRequested((payload) => {
+        const sessionId = String(payload && payload.sessionId || '');
+        const session = (state.snapshot && state.snapshot.sessions || []).find(item => item.id === sessionId);
+        selectView('waiting');
+        if (session) {
+          if (session.parentId) openSubagentConversation(session.id);
+          else openDrawer(session.id);
+        } else toast('확인이 필요한 세션 목록을 열었습니다.');
+      });
     if (window.loadtoagent.onUpdateState)
       window.loadtoagent.onUpdateState((update) => {
         state.update = update;

package/renderer/app-dashboard.js

@@ -245,8 +245,11 @@ window.LoadToAgentAppFactories.createDashboard = function createDashboard(contex
       <div class="poc-head">
         <span class="provider-mark">${esc(provider.mark)}</span>
         <div><strong>${esc(provider.label)}</strong><small>${esc(provider.company)}</small></div>
-        <span class="poc-state ${provider.installed ? "online" : ""}">
-          ${provider.installed ? window.LoadToAgentI18n.t("ui.available") : window.LoadToAgentI18n.t("ui.setup_required")}
+        <span class="poc-head-states">
+          <span class="poc-filter-state ${selected ? "visible" : ""}" aria-hidden="true">✓ ${window.LoadToAgentI18n.t("filter.applied")}</span>
+          <span class="poc-state ${provider.installed ? "online" : ""}">
+            ${provider.installed ? window.LoadToAgentI18n.t("ui.available") : window.LoadToAgentI18n.t("ui.setup_required")}
+          </span>
         </span>
       </div>
       <div class="poc-metrics">
@@ -280,7 +283,8 @@ window.LoadToAgentAppFactories.createDashboard = function createDashboard(contex
       const selected = id === "all" ? allSelected : state.providerFilters.has(id);
       return `<button type="button" class="provider-filter-chip ${selected ? "selected" : ""}"
         data-provider-filter="${esc(id)}" aria-pressed="${selected ? "true" : "false"}">
-        ${mark ? `<span aria-hidden="true">${esc(mark)}</span>` : ""}<b>${esc(label)}</b>
+        <i class="provider-filter-check" aria-hidden="true">✓</i>
+        ${mark ? `<span class="provider-filter-mark" aria-hidden="true">${esc(mark)}</span>` : ""}<b>${esc(label)}</b>
       </button>`;
     };
     $("#providerFilter").innerHTML =

package/renderer/app-drawer-content.js

@@ -5,9 +5,12 @@ window.LoadToAgentAppFactories = window.LoadToAgentAppFactories || {};
 window.LoadToAgentAppFactories.createDrawerContent = function createDrawerContent(context = {}) {
   const { esc, uiLocale, state, messageContentHtml, compact, fullNumber, timeOnly, providerInfo, statusIcon, agentPathTaskName, snapshotSession } = context;
 
-  function chatHtml(session) {
+  function chatHtml(session, options = {}) {
     const messages = session.messages || [];
     if (!messages.length) return '<div class="empty-state"><h3>표시할 대화가 없습니다</h3></div>';
+    const userLabel = options.userLabel || "사용자";
+    const assistantLabel = options.assistantLabel || providerInfo(session.provider).label;
+    const conversationLabel = options.conversationLabel || "대화";
     const conversation = messages.filter((message) => message.role === "user" || message.role === "assistant");
     const activities = messages.filter((message) => message.role !== "user" && message.role !== "assistant");
     const omitted = Number(session.omittedMessages || 0);
@@ -25,12 +28,12 @@ window.LoadToAgentAppFactories.createDrawerContent = function createDrawerConten
         const role = message.role === "assistant" ? "assistant" : message.role === "tool" ? "tool" : message.role === "system" ? "system" : "user";
         const label =
           role === "assistant"
-            ? providerInfo(session.provider).label
+            ? assistantLabel
             : role === "tool"
               ? message.title || "도구"
               : message.role === "system"
                 ? "시스템"
-                : "사용자";
+                : userLabel;
         const avatar = role === "assistant" ? providerInfo(session.provider).mark : role === "tool" ? "⌘" : role === "system" ? "i" : "ME";
         const fullTime = new Date(message.timestamp).toLocaleString(uiLocale());
         return `<div class="chat-row ${role}" data-message-id="${esc(message.id || "")}">
@@ -60,7 +63,7 @@ window.LoadToAgentAppFactories.createDrawerContent = function createDrawerConten
       : "";
     const emptyConversation = conversation.length ? "" : '<div class="empty-state compact"><h3>사용자와 AI의 대화는 아직 없습니다</h3></div>';
     return `${notice}<div class="chat-history-head">
-      <span>대화 ${conversation.length}개${activities.length ? ` · 활동 ${activities.length}건` : ""}</span>
+      <span>${esc(conversationLabel)} ${conversation.length}개${activities.length ? ` · 활동 ${activities.length}건` : ""}</span>
       <button type="button" data-scroll-latest>가장 최근 대화 ↓</button>
       </div>
       <div class="chat-list">${rows}${emptyConversation}${activityHtml}<div class="chat-latest-anchor" aria-label="가장 최근 대화">
@@ -136,68 +139,78 @@ window.LoadToAgentAppFactories.createDrawerContent = function createDrawerConten
     return { text: `${text.slice(0, maxCharacters).trimEnd()}…`, truncated: true };
   }
 
-  function protectedSubagentEventText(event, taskName) {
-    if (event.kind === "followup") return "보호된 추가 작업 지시를 전달했습니다.";
-    if (event.kind === "message") return "보호된 메시지를 전달했습니다.";
-    return `${taskName || "이 작업"}을 서브에이전트에게 배정했습니다.`;
+  function subagentCoordinationEvents(session) {
+    return subagentCommunicationEvents(session).filter((event) => {
+      if (!event || event.protected || event.kind === "started") return false;
+      if (!["assignment", "followup", "message", "result", "interrupt"].includes(event.kind)) return false;
+      const text = String(event.text || "").trim();
+      return Boolean(text && text.toLowerCase() !== "started");
+    });
   }
 
-  function subagentConversationHtml(session) {
-    const events = subagentCommunicationEvents(session);
+  function subagentWorkMessages(session) {
+    const messages = [...(session.messages || [])];
+    const hasConversation = messages.some((message) =>
+      (message.role === "user" || message.role === "assistant") && String(message.text || "").trim(),
+    );
+    if (hasConversation) return messages;
+    const delegation = session.delegation || {};
+    if (delegation.assignmentObserved && !delegation.assignmentProtected && String(delegation.assignment || "").trim()) {
+      messages.push({
+        id: `${session.id}:delegation`, role: "user", text: delegation.assignment,
+        timestamp: delegation.startedAt || session.startedAt || session.updatedAt,
+      });
+    }
+    if (String(session.result || delegation.result || "").trim()) {
+      messages.push({
+        id: `${session.id}:result`, role: "assistant", text: session.result || delegation.result,
+        timestamp: session.completedAt || delegation.completedAt || session.updatedAt,
+      });
+    }
+    return messages.sort((left, right) => Date.parse(left.timestamp || 0) - Date.parse(right.timestamp || 0));
+  }
+
+  function subagentCoordinationHtml(session) {
+    const events = subagentCoordinationEvents(session);
+    if (!events.length) return "";
     const taskName = session.taskName || (session.delegation && session.delegation.taskName) || session.title;
     const childPath = String(session.agentPath || "");
     const endpointIsChild = (value) => {
       const endpoint = String(value || "");
       return endpoint === childPath || endpoint === session.id || agentPathTaskName(endpoint) === taskName;
     };
-    const enriched = events.map((event) => ({ ...event, fromChild: event.kind === "result" || endpointIsChild(event.from) }));
-    const received = enriched.filter((event) => !event.fromChild && event.kind !== "started").length;
-    const answered = enriched.filter((event) => event.fromChild).length;
-    if (!events.length)
-      return '<div class="empty-state"><h3>메인 AI와 주고받은 기록이 없습니다</h3><p>세션 로그에서 배정·추가 지시·결과 반환 이벤트를 찾지 못했습니다.</p></div>';
-    const provider = providerInfo(session.provider);
-    const rows = enriched
+    const rows = events
       .map((event) => {
-        const runtime = event.kind === "started";
-        const role = runtime ? "system" : event.fromChild ? "assistant" : "user";
-        const label = runtime ? "실행 상태" : event.fromChild ? `서브 AI · ${session.agentName || taskName}` : "메인 AI";
-        const avatar = runtime ? "↗" : event.fromChild ? provider.mark : "M";
-        const route = runtime ? "런타임 → 서브 AI" : event.fromChild ? "서브 AI → 메인 AI" : "메인 AI → 서브 AI";
-        const text = event.protected
-          ? protectedSubagentEventText(event, taskName)
-          : event.text || (runtime ? "서브에이전트 실행이 시작되었습니다." : "내용 없이 통신 상태만 기록되었습니다.");
-        const preview = subagentTextPreview(text);
-        const eventLabel = `${event.label || event.kind}${event.assignmentSource === "parent-narration" ? " · 작업 시작 직전 메인 AI 설명" : ""}`;
-        return `<div class="chat-row ${role} subagent-dialog-row" data-subagent-communication="${esc(event.kind)}">
-        <span class="chat-avatar">${esc(avatar)}</span>
-        <div class="chat-bubble">
-          <div class="chat-bubble-head">
-            <b>${esc(label)}</b><span class="subagent-route">${esc(route)}</span>
-            <span>${esc(timeOnly(event.timestamp))}</span>
-          </div>
-          <small class="subagent-event-label">${esc(eventLabel)}</small>
-          <div class="chat-content subagent-message-preview${preview.truncated ? " is-truncated" : ""}"
-            data-subagent-message-preview data-truncated="${preview.truncated ? "true" : "false"}">
-            <p>${esc(preview.text)}</p>
-          </div>
-        </div>
-      </div>`;
+        const fromChild = event.kind === "result" || endpointIsChild(event.from);
+        const preview = subagentTextPreview(event.text);
+        const label = fromChild ? `${session.agentName || taskName} → 메인 AI` : "메인 AI → 서브에이전트";
+        return `<article data-subagent-communication="${esc(event.kind)}">
+          <header><b>${esc(event.label || event.kind)}</b><span>${esc(label)} · ${esc(timeOnly(event.timestamp))}</span></header>
+          <div class="chat-content plain subagent-message-preview${preview.truncated ? " is-truncated" : ""}"
+            data-subagent-message-preview data-truncated="${preview.truncated ? "true" : "false"}"><p>${esc(preview.text)}</p></div>
+        </article>`;
       })
       .join("");
-    return `<div class="subagent-conversation-summary" data-subagent-dialog-count="${events.length}">
-      <span>
-      <small>받은 지시·응답</small>
-      <b>${received}</b>건</span>
-      <span>
-      <small>메인에 보낸 답변</small>
-      <b>${answered}</b>건</span>
-      <span>
-      <small>전체 소통</small>
-      <b>${events.length}</b>건</span>
-      </div>
-      <div class="chat-history-head"><span><b>${esc(taskName)}</b>와 메인 AI가 주고받은 내용만 표시</span><button type="button" data-scroll-latest>가장 최근 대화 ↓</button></div>
-      <div class="chat-list subagent-dialog-list">${rows}<div class="chat-latest-anchor" aria-label="가장 최근 대화"></div></div>`;
+    return `<details class="chat-activities subagent-coordination" data-subagent-coordination-count="${events.length}">
+      <summary>메인 AI와 주고받은 지시·결과 ${events.length}건</summary><div>${rows}</div>
+    </details>`;
+  }
+
+  function subagentConversationHtml(session) {
+    const messages = subagentWorkMessages(session);
+    const conversationCount = messages.filter((message) => message.role === "user" || message.role === "assistant").length;
+    const workSession = { ...session, messages };
+    const sourceCopy = session.source === "collaboration-history"
+      ? "별도 세션 로그가 없어 협업 기록에서 복원한 작업 결과입니다."
+      : "이 서브에이전트 세션에 실제로 저장된 작업 지시와 답변을 시간순으로 표시합니다.";
+    return `<section class="subagent-work-source" data-subagent-work-messages="${conversationCount}">
+      <b>서브에이전트 실제 작업 기록</b><span>${esc(sourceCopy)}</span>
+    </section>${chatHtml(workSession, {
+      userLabel: "작업 지시",
+      assistantLabel: session.agentName || "서브 AI",
+      conversationLabel: "작업 기록",
+    })}${subagentCoordinationHtml(session)}`;
   }
 
-  return { chatHtml, lifecycleHtml, tokensHtml, subagentCommunicationEvents, subagentTextPreview, protectedSubagentEventText, subagentConversationHtml };
+  return { chatHtml, lifecycleHtml, tokensHtml, subagentCommunicationEvents, subagentCoordinationEvents, subagentTextPreview, subagentConversationHtml };
 };

package/renderer/app-drawer.js

@@ -7,7 +7,7 @@ window.LoadToAgentAppFactories.createDrawer = function createDrawer(context = {}
     $, $$, esc, state, motionPreference, motionState, STATUS, markGuideStep, rememberDialogTrigger, restoreDialogTrigger,
     providerInfo, isLiveSession, subagentWorkState, subagentWorkLabel, isProjectlessSession, sessionWorkspaceLabel,
     agentResumeSupport, originAppInfo, selectedSession, snapshotSession, loadSessionDetail, loadSubagentParentDetail,
-    chatHtml, lifecycleHtml, tokensHtml, subagentCommunicationEvents, subagentConversationHtml,
+    chatHtml, lifecycleHtml, tokensHtml, subagentCoordinationEvents, subagentConversationHtml,
   } = context;
 
   function openDrawer(id) {
@@ -44,6 +44,7 @@ window.LoadToAgentAppFactories.createDrawer = function createDrawer(context = {}
     $("#detailDrawer").removeAttribute("inert");
     $("#detailDrawer").setAttribute("aria-hidden", "false");
     renderDrawer();
+    loadSessionDetail(id);
     loadSubagentParentDetail(child);
     setTimeout(() => $("#closeDrawerBtn").focus(), 0);
   }
@@ -71,12 +72,12 @@ window.LoadToAgentAppFactories.createDrawer = function createDrawer(context = {}
     if (!session) return closeDrawer();
     const provider = providerInfo(session.provider);
     const subagentMode = state.drawerMode === "subagent" && Boolean(session.parentId);
-    const detailLoading = !subagentMode && state.detailLoadingIds.has(state.selectedId);
+    const detailLoading = state.detailLoadingIds.has(state.selectedId);
     $("#detailDrawer").style.setProperty("--drawer-provider", provider.accent);
     $("#drawerProviderMark").style.setProperty("--provider", provider.accent);
     $("#drawerProviderMark").textContent = provider.mark;
     $("#drawerProvider").textContent = subagentMode
-      ? `${session.agentName || provider.label} · 메인 AI와의 소통`
+      ? `${session.agentName || provider.label} · 서브에이전트 작업 기록`
       : `${provider.company} · ${STATUS[session.status] || session.status}`;
     $("#drawerTitle").textContent = subagentMode ? session.taskName || (session.delegation && session.delegation.taskName) || session.title : session.title;
     const stopping = session.runId && state.stopRequests.has(session.runId);
@@ -93,14 +94,19 @@ window.LoadToAgentAppFactories.createDrawer = function createDrawer(context = {}
           <b>${originAppInfo(session) ? "백그라운드 터미널로 이어가기" : "터미널로 다시 일 시키기"}</b>
         </button>`
         : "";
-    const communicationCount = subagentMode ? subagentCommunicationEvents(session).length : 0;
+    const communicationCount = subagentMode ? subagentCoordinationEvents(session).length : 0;
+    const subagentMessageCount = subagentMode
+      ? (session.messages || []).filter((message) => message.role === "user" || message.role === "assistant").length
+      : 0;
     $("#drawerMeta").innerHTML = subagentMode
       ? `<span class="meta-chip work-state ${subagentWorkState(session)}">
         <b>${esc(subagentWorkLabel(session))}</b>
         </span>
         <span class="meta-chip">사용 모델 <b>${esc(session.model || "정보 없음")}</b>
         </span>
-        <span class="meta-chip">메인과 소통 <b>${communicationCount}건</b>
+        <span class="meta-chip">작업 기록 <b>${subagentMessageCount}건</b>
+        </span>
+        <span class="meta-chip">메인 지시·결과 <b>${communicationCount}건</b>
         </span>${resume}`
       : `<span class="meta-chip">사용 모델 <b>${esc(session.model || "정보 없음")}</b>
         </span>
@@ -124,7 +130,7 @@ window.LoadToAgentAppFactories.createDrawer = function createDrawer(context = {}
     $$(".drawer-tab").forEach((tab) => {
       const hidden = subagentMode && tab.dataset.tab !== "chat";
       tab.classList.toggle("hidden", hidden);
-      if (tab.dataset.tab === "chat") tab.textContent = subagentMode ? "메인과의 대화" : window.LoadToAgentI18n.t("ui.conversation");
+      if (tab.dataset.tab === "chat") tab.textContent = subagentMode ? "작업 내용" : window.LoadToAgentI18n.t("ui.conversation");
       const active = tab.dataset.tab === state.drawerTab;
       tab.classList.toggle("active", active);
       tab.setAttribute("aria-selected", active ? "true" : "false");
@@ -144,7 +150,7 @@ window.LoadToAgentAppFactories.createDrawer = function createDrawer(context = {}
     const detailError = state.detailErrors.get(state.selectedId);
     content.innerHTML = detailLoading
       ? '<div class="drawer-loading"><span></span><b>전체 작업 기록을 불러오는 중</b><small>잠시만 기다리면 대화와 진행 과정을 볼 수 있어요.</small></div>'
-      : detailError && !subagentMode
+      : detailError
         ? `<div class="drawer-error">
         <b>작업 기록을 불러오지 못했습니다</b>
         <span>${esc(detailError)}</span>

package/renderer/app-events-filters.js

@@ -48,7 +48,11 @@ window.LoadToAgentAppFactories.createFilterEventBindings = function createFilter
       renderProviderOverview();
       renderSessions("filter");
       announceProviderFilter();
-      requestAnimationFrame(() => $("#providerFilter").querySelector(`[data-provider-filter="${CSS.escape(chip.dataset.providerFilter)}"]`)?.focus());
+      requestAnimationFrame(() => {
+        const next = $("#providerFilter").querySelector(`[data-provider-filter="${CSS.escape(chip.dataset.providerFilter)}"]`);
+        next?.classList.add("filter-clicked");
+        next?.focus();
+      });
     });
     $("#sortSelect").addEventListener("change", (event) => {
       state.sort = event.target.value;

package/renderer/app-events-navigation.js

@@ -33,7 +33,7 @@ window.LoadToAgentAppFactories.createNavigationEventBindings = function createNa
       state.guideExpanded = false;
       saveGuideState();
       renderSessions("guide");
-      $("#guideBtn").focus();
+      $("#guideBtn").focus({ preventScroll: true });
     });
     $("#beginnerGuide").addEventListener("click", (event) => {
       const action = event.target.closest("[data-guide-action]")?.dataset.guideAction;

package/renderer/app-events-sessions.js

@@ -18,7 +18,11 @@ window.LoadToAgentAppFactories.createSessionEventBindings = function createSessi
       renderProviderOverview();
       renderSessions("filter");
       announceProviderFilter();
-      requestAnimationFrame(() => $("#providerOverview").querySelector(`[data-provider-card="${CSS.escape(card.dataset.providerCard)}"]`)?.focus());
+      requestAnimationFrame(() => {
+        const next = $("#providerOverview").querySelector(`[data-provider-card="${CSS.escape(card.dataset.providerCard)}"]`);
+        next?.classList.add("filter-clicked");
+        next?.focus();
+      });
     });
     $("#sessionGrid").addEventListener("click", (event) => {
       const card = event.target.closest("[data-session-id]");
@@ -150,6 +154,22 @@ window.LoadToAgentAppFactories.createSessionEventBindings = function createSessi
 
   function bindTmuxMapEvents() {
     $("#tmuxMap").addEventListener("click", (event) => {
+      const subagentToggle = event.target.closest("[data-tmux-subagents-toggle]");
+      if (subagentToggle) {
+        event.stopPropagation();
+        const paneId = subagentToggle.dataset.tmuxSubagentsToggle;
+        if (state.expandedTmuxSubagents.has(paneId)) state.expandedTmuxSubagents.delete(paneId);
+        else state.expandedTmuxSubagents.add(paneId);
+        renderTmuxMap();
+        requestAnimationFrame(() => $("#tmuxMap").querySelector(`[data-tmux-subagents-toggle="${CSS.escape(paneId)}"]`)?.focus());
+        return;
+      }
+      const subagentChat = event.target.closest("[data-open-subagent-chat]");
+      if (subagentChat) {
+        event.stopPropagation();
+        openSubagentConversation(subagentChat.dataset.openSubagentChat);
+        return;
+      }
       const control = event.target.closest("[data-control-tmux]");
       if (control) {
         event.stopPropagation();

package/renderer/app-graph-model.js

@@ -103,5 +103,51 @@ window.LoadToAgentAppFactories.createGraphModel = function createGraphModel(cont
     return seen.size;
   }
 
-  return { graphPath, connectedGraphSessions, sortGraphNodes, graphChildren, agentExecutionMode, executionModeBadge, graphDescendantCount };
+  function runtimeAgentSummary(model, entries = []) {
+    const liveNodes = model.nodes.filter(isLiveSession);
+    const liveById = new Map(liveNodes.map((session) => [session.id, session]));
+    const activeEntries = entries.filter((entry) => entry && entry.pane && !entry.pane.dead);
+    const tmuxKeys = new Set();
+    const tmuxSessionIds = new Set();
+    const paneKeys = new Map();
+
+    for (const entry of activeEntries) {
+      const linkedSessionId = String(entry.agent && entry.agent.linkedSessionId || "");
+      if (linkedSessionId && liveById.has(linkedSessionId)) {
+        tmuxSessionIds.add(linkedSessionId);
+        tmuxKeys.add(`session:${linkedSessionId}`);
+        continue;
+      }
+      const paneId = String(entry.pane.nativeId || entry.pane.id || "");
+      const distroId = String(entry.distro && (entry.distro.id || entry.distro.name) || "");
+      if (paneId) {
+        const key = `pane:${distroId}:${paneId}`;
+        tmuxKeys.add(key);
+        paneKeys.set(String(entry.pane.id || ""), key);
+        paneKeys.set(String(entry.pane.nativeId || ""), key);
+      }
+    }
+
+    for (const session of liveNodes) {
+      const presence = (session.runtimePresence || []).find((item) => item.kind === "tmux");
+      if (!presence) continue;
+      tmuxSessionIds.add(session.id);
+      const paneKey = [presence.paneId, presence.paneNativeId, presence.nativeId]
+        .map((value) => paneKeys.get(String(value || "")))
+        .find(Boolean);
+      tmuxKeys.add(paneKey || `session:${session.id}`);
+    }
+
+    const standardCount = liveNodes.filter((session) => !tmuxSessionIds.has(session.id)).length;
+    const tmuxCount = tmuxKeys.size;
+    return {
+      activeCount: standardCount + tmuxCount,
+      standardCount,
+      tmuxCount,
+      activeHelperCount: liveNodes.filter((session) => session.parentId).length,
+      helperRecordCount: model.nodes.filter((session) => session.parentId).length,
+    };
+  }
+
+  return { graphPath, connectedGraphSessions, sortGraphNodes, graphChildren, agentExecutionMode, executionModeBadge, graphDescendantCount, runtimeAgentSummary };
 };

package/renderer/app-graph-orchestration.js

@@ -13,8 +13,8 @@ window.LoadToAgentAppFactories.createGraphOrchestration = function createGraphOr
     graphPath,
     connectedGraphSessions,
     sortGraphNodes,
-    agentExecutionMode,
     liveTmuxEntries,
+    runtimeAgentSummary,
     runtimeSeparatedOverview,
     focusedGraph,
     scheduleAgentWorkflowConnections,
@@ -50,24 +50,25 @@ window.LoadToAgentAppFactories.createGraphOrchestration = function createGraphOr
       scheduleAgentWorkflowConnections();
     } else {
       const tmuxEntries = liveTmuxEntries();
-      const standardRoots = roots.filter((root) => agentExecutionMode(root).kind !== "tmux");
-      const activeCount = model.nodes.filter(isLiveSession).length + tmuxEntries.filter((entry) => !entry.agent.linkedSessionId).length;
+      const runtime = runtimeAgentSummary(model, tmuxEntries);
       $("#liveSessionGrid").innerHTML = `<details class="runtime-disclosure" open>
         <summary>
         <span>
-        <b>${activeCount}개 AI가 작업 중입니다</b>
-        <small>일반 실행과 tmux의 세부 흐름은 필요할 때 펼쳐보세요.</small>
+        <b>${runtime.activeCount}개 AI가 작업 중입니다</b>
+        <small>일반 실행 AI ${runtime.standardCount}개와 TMUX AI ${runtime.tmuxCount}개를 합산했습니다. 작업 중 도움 AI ${runtime.activeHelperCount}개는 이 수에 포함됩니다.</small>
         </span>
         <em>상세 흐름 보기 <i aria-hidden="true">↓</i>
         </em>
         </summary>${runtimeSeparatedOverview(roots, model)}</details>`;
       $("#graphBreadcrumbs").innerHTML =
         `<span class="map-hint">
-          일반 실행 <b>${standardRoots.length}</b>개 ·
-          TMUX AI <b>${tmuxEntries.length}</b>개 ·
-          <b>${model.nodes.filter((item) => item.parentId).length}</b>개 도움 AI
+          일반 실행 AI <b>${runtime.standardCount}</b>개 ·
+          TMUX AI <b>${runtime.tmuxCount}</b>개 ·
+          작업 중 도움 AI <b>${runtime.activeHelperCount}</b>개 ·
+          도움 AI 기록 <b>${runtime.helperRecordCount}</b>개
         </span>`;
       $("#graphResetBtn").classList.add("hidden");
+      return runtime.activeCount;
     }
     return model.nodes.filter(isLiveSession).length + liveTmuxEntries().filter((entry) => !entry.agent.linkedSessionId).length;
   }