loadtoagent 1.0.0 → 1.1.0

package/renderer/app-graph-view.js

@@ -209,7 +209,7 @@ window.LoadToAgentAppFactories.createGraphView = function createGraphView(contex
       for (const tmuxSession of distro.sessions || []) {
         for (const window of tmuxSession.windows || []) {
           for (const pane of window.panes || []) {
-            if (!pane.agent) continue;
+            if (!pane.agent || pane.dead) continue;
             entries.push({ distro, tmuxSession, window, pane, agent: pane.agent });
           }
         }
@@ -267,13 +267,14 @@ window.LoadToAgentAppFactories.createGraphView = function createGraphView(contex
     const tmuxEntries = liveTmuxEntries(tmux);
     const tmuxLinkedIds = new Set(tmuxEntries.map((entry) => entry.agent.linkedSessionId).filter(Boolean));
     const tmuxRoots = roots.filter((root) => agentExecutionMode(root).kind === "tmux");
-    const standardRoots = roots.filter((root) => agentExecutionMode(root).kind !== "tmux");
+    const standardRoots = roots.filter((root) => agentExecutionMode(root).kind !== "tmux" && !tmuxLinkedIds.has(root.id));
     const providerOrder = [...new Set([...state.providers.map((item) => item.id), ...roots.map((item) => item.provider)])];
     const lanesFor = (items) =>
       providerOrder.map((providerId) => ({ providerId, roots: items.filter((root) => root.provider === providerId) })).filter((item) => item.roots.length);
     const standardLanes = lanesFor(standardRoots);
-    const fallbackTmuxLanes = lanesFor(tmuxRoots.filter((root) => !tmuxLinkedIds.has(root.id)));
-    const summary = tmux.summary || {};
+    const fallbackTmuxRoots = tmuxRoots.filter((root) => !tmuxLinkedIds.has(root.id));
+    const fallbackTmuxLanes = lanesFor(fallbackTmuxRoots);
+    const tmuxDisplayCount = tmuxEntries.length + fallbackTmuxRoots.length;
     const standardHtml = standardLanes.length
       ? `<div class="agent-flow-overview">${standardLanes.map((item) => providerFlowLane(item.providerId, item.roots, model)).join("")}</div>`
       : '<div class="runtime-segment-empty"><b>일반 실행 AI가 없습니다</b><span>현재 감지된 작업은 모두 TMUX에서 실행 중입니다.</span></div>';
@@ -293,7 +294,7 @@ window.LoadToAgentAppFactories.createGraphView = function createGraphView(contex
         <header>
           <span class="runtime-segment-icon">▦</span>
           <span><small>TMUX 전용</small><b>TMUX 세션</b><em>Linux 작업 묶음·창·분할 칸을 유지해서 실행 중인 AI</em></span>
-          <strong>${tmuxEntries.length || summary.aiPanes || 0}개</strong>
+          <strong>${tmuxDisplayCount}개</strong>
           <button type="button" class="live-tmux-overview-open">TMUX 전체 화면 →</button>
         </header>
         ${tmuxHtml}

package/renderer/app-tmux-render.js

@@ -3,7 +3,20 @@
 window.LoadToAgentAppFactories = window.LoadToAgentAppFactories || {};
 
 window.LoadToAgentAppFactories.createTmuxRenderer = function createTmuxRenderer(context = {}) {
-  const { $, esc, state, compact, providerInfo, providerStyle } = context;
+  const {
+    $,
+    esc,
+    state,
+    compact,
+    providerInfo,
+    providerStyle,
+    agentRoleLabel,
+    subagentWorkState,
+    subagentWorkLabel,
+    latestWorkCopy,
+    readablePreview,
+    timeAgo,
+  } = context;
 
   function tmuxEntities(tmux) {
     const distros = new Map();
@@ -60,6 +73,65 @@ window.LoadToAgentAppFactories.createTmuxRenderer = function createTmuxRenderer(
       : [];
   }
 
+  function linkedTmuxSubagents(agent) {
+    if (!agent || !agent.linkedSessionId) return [];
+    const sessions = (state.snapshot && state.snapshot.sessions) || [];
+    const byId = new Map(sessions.map((session) => [session.id, session]));
+    const root = byId.get(agent.linkedSessionId);
+    const queue = (root && root.childIds || agent.childIds || []).map((id) => ({ id, depth: 1 }));
+    const seen = new Set(root ? [root.id] : []);
+    const children = [];
+    for (let cursor = 0; cursor < queue.length; cursor += 1) {
+      const item = queue[cursor];
+      if (!item.id || seen.has(item.id)) continue;
+      seen.add(item.id);
+      const child = byId.get(item.id);
+      if (!child) continue;
+      children.push({ session: child, depth: item.depth });
+      for (const childId of child.childIds || []) queue.push({ id: childId, depth: item.depth + 1 });
+    }
+    return children;
+  }
+
+  function tmuxSubagentPanel(pane, agent) {
+    const children = linkedTmuxSubagents(agent);
+    if (!children.length) return "";
+    const expanded = state.expandedTmuxSubagents.has(pane.id);
+    const listId = `tmux-subagents-list-${encodeURIComponent(pane.id)}`;
+    const working = children.filter(({ session }) => subagentWorkState(session) === "working").length;
+    const attention = children.filter(({ session }) => subagentWorkState(session) === "attention").length;
+    const statusSummary = [
+      working ? `${working}개 작업 중` : "",
+      attention ? `${attention}개 확인 필요` : "",
+    ].filter(Boolean).join(" · ") || "현재 모두 쉬는 중";
+    const rows = children
+      .map(({ session, depth }) => {
+        const provider = providerInfo(session.provider);
+        const role = session.agentName || agentRoleLabel(session.agentRole);
+        const assigned = session.delegation && session.delegation.assignment || session.taskName || session.title || "담당 작업 확인 중";
+        const work = readablePreview(latestWorkCopy(session) || session.statusDetail || "상태 확인 중", 96);
+        const workState = subagentWorkState(session);
+        return `<article class="tmux-subagent-row work-${workState}" data-tmux-subagent-id="${esc(session.id)}"
+          style="${providerStyle(session.provider)};--tmux-subagent-depth:${Math.min(2, Math.max(0, depth - 1))}">
+          <span class="provider-mark" aria-hidden="true">${esc(provider.mark)}</span>
+          <span class="tmux-subagent-copy">
+            <span><b>${esc(role)}</b><i>${esc(subagentWorkLabel(session))}</i><small>${esc(timeAgo(session.updatedAt))}</small></span>
+            <strong>${esc(assigned)}</strong>
+            <em title="${esc(work.full)}">${esc(work.text)}</em>
+          </span>
+          <button type="button" data-open-subagent-chat="${esc(session.id)}" aria-label="${esc(`${role} · ${assigned} 대화 보기`)}">대화 보기 ↗</button>
+        </article>`;
+      })
+      .join("");
+    return `<section class="tmux-subagents ${expanded ? "expanded" : ""}" data-tmux-subagents="${esc(pane.id)}">
+      <button type="button" class="tmux-subagents-toggle" data-tmux-subagents-toggle="${esc(pane.id)}" aria-expanded="${expanded}" aria-controls="${esc(listId)}">
+        <span><b>연결된 도움 AI ${children.length}개</b><small>${statusSummary} · tmux 메인 세션 기준</small></span>
+        <i aria-hidden="true">↓</i>
+      </button>
+      <div id="${esc(listId)}" class="tmux-subagent-list ${expanded ? "" : "hidden"}">${rows}</div>
+    </section>`;
+  }
+
   function tmuxPaneCard(pane) {
     const agent = pane.agent;
     const provider = agent && providerInfo(agent.provider);
@@ -103,6 +175,7 @@ window.LoadToAgentAppFactories.createTmuxRenderer = function createTmuxRenderer(
             : '<span class="tmux-shell-note">AI가 아닌 일반 명령창입니다.</span>'
         }
       </button>
+      ${tmuxSubagentPanel(pane, agent)}
       <footer>
         <span>${agent ? (agent.linkedSessionId ? "대화 기록과 연결됨" : "AI가 실행 중인 것을 확인함") : pane.title || "명령창"}</span>
         <span class="tmux-pane-actions">
@@ -243,5 +316,5 @@ window.LoadToAgentAppFactories.createTmuxRenderer = function createTmuxRenderer(
       .join("");
   }
 
-  return { tmuxEntities, tmuxFocusPath, tmuxPaneCard, tmuxWindowTree, tmuxSessionTree, filteredTmuxDistros, renderTmuxMap };
+  return { tmuxEntities, tmuxFocusPath, linkedTmuxSubagents, tmuxPaneCard, tmuxWindowTree, tmuxSessionTree, filteredTmuxDistros, renderTmuxMap };
 };

package/renderer/app.js

@@ -28,6 +28,7 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
     graphFocusId: null,
     graphExpandedProviders: new Set(),
     expandedCompletedSubagents: new Set(),
+    expandedTmuxSubagents: new Set(),
     tmuxFocus: null,
     agentCommandDrafts: new Map(),
     agentCommandTargets: new Map(),
@@ -277,7 +278,7 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
   function restoreDialogTrigger() {
     const trigger = motionState.activeDialogTrigger;
     motionState.activeDialogTrigger = null;
-    if (trigger && trigger.isConnected) trigger.focus();
+    if (trigger && trigger.isConnected) trigger.focus({ preventScroll: true });
   }
   window.LoadToAgentA11y = { rememberDialogTrigger, restoreDialogTrigger };
   function readablePreview(value, maxCharacters = 120) {

package/renderer/i18n-messages.js

@@ -28,6 +28,7 @@
     "common.send": {"ko":"보내기","en":"Send","zh-CN":"发送"},
     "drawer.title": {"ko":"작업 자세히 보기","en":"View task details","zh-CN":"查看任务详情"},
     "filter.result_summary": {"ko":"{providers} 선택 · {count}개 결과","en":"{providers} selected · {count} results","zh-CN":"已选择 {providers} · {count} 条结果"},
+    "filter.applied": {"ko":"필터 적용","en":"Filter applied","zh-CN":"已应用筛选"},
     "guide.steps_remaining": {"ko":"{count}단계 남았어요. 하나씩 눌러 직접 둘러보세요.","en":"{count} steps left. Try each one to explore the app.","zh-CN":"还剩 {count} 步。请逐项点击体验。"},
     "provider.assign": {"ko":"{provider}에게 맡기기","en":"Assign to {provider}","zh-CN":"交给 {provider}"},
     "provider.install_guide": {"ko":"{provider} 설치 안내","en":"{provider} setup guide","zh-CN":"{provider} 安装指南"},

package/renderer/index.html

@@ -78,6 +78,24 @@
         </div>
       </header>
 
+      <section id="beginnerGuide" class="beginner-guide" aria-labelledby="beginnerGuideTitle">
+        <div class="beginner-guide-intro">
+          <span class="guide-time" data-i18n="ui.first_10_minutes">첫 10분 코스</span>
+          <b id="beginnerGuideTitle" data-i18n="ui.these_four_steps_are_all_you_need">이 네 가지만 익히면 충분해요</b>
+          <span id="guideProgressText" data-i18n="ui.try_each_step_to_explore_the_app">하나씩 눌러 직접 둘러보세요.</span>
+          <div class="guide-progress" role="progressbar" aria-label="시작 가이드 진행률" data-i18n-aria-label="ui.quick_start_progress" aria-valuemin="0" aria-valuemax="4" aria-valuenow="0"><i id="guideProgressBar"></i></div>
+        </div>
+        <ol>
+          <li data-guide-step="create"><button type="button" data-guide-action="create"><i>1</i><span><b data-i18n="ui.assign_work_to_ai">AI에게 일 맡기기</b><small data-i18n="ui.choose_a_task_and_workspace_to_get_started">할 일과 작업 폴더를 고르면 바로 시작돼요.</small><em data-i18n="ui.try_it">직접 해보기 →</em></span></button></li>
+          <li data-guide-step="active"><button type="button" data-guide-action="active"><i>2</i><span><b data-i18n="ui.check_progress">진행 상황 확인</b><small data-i18n="ui.ai_with_a_green_indicator_is_working_now">초록 표시가 있는 AI는 지금 일하고 있어요.</small><em data-i18n="ui.view_active_work">진행 중 보기 →</em></span></button></li>
+          <li data-guide-step="waiting"><button type="button" data-guide-action="waiting"><i>3</i><span><b data-i18n="ui.find_items_to_review">확인할 일 찾기</b><small data-i18n="ui.items_marked_needs_review_need_a_response_or_choice">‘내 확인 필요’ 상태에는 답변이나 선택이 필요해요.</small><em data-i18n="ui.view_review_items">확인할 일 보기 →</em></span></button></li>
+          <li data-guide-step="detail"><button type="button" data-guide-action="detail"><i>4</i><span><b data-i18n="drawer.title">작업 자세히 보기</b><small data-i18n="ui.see_conversation_progress_and_usage_in_one_place">대화, 진행 과정, 사용량을 한곳에서 확인해요.</small><em data-i18n="ui.open_a_task">작업 열어보기 →</em></span></button></li>
+        </ol>
+        <button id="dismissGuideBtn" class="guide-dismiss" type="button" data-i18n="ui.collapse_guide">가이드 접기</button>
+      </section>
+
+      <section id="providerOverview" class="provider-overview" aria-label="AI별 현황" data-i18n-aria-label="ui.status_by_ai"></section>
+
       <section id="updateNotice" class="update-notice hidden" aria-live="polite">
         <span class="update-notice-signal" aria-hidden="true"><i></i></span>
         <div><b id="updateNoticeTitle" data-i18n="ui.a_new_version_is_available">새 버전을 사용할 수 있습니다.</b><small id="updateNoticeText" data-i18n="ui.download_the_update_from_settings">설정에서 업데이트 파일을 받을 수 있습니다.</small></div>
@@ -148,22 +166,6 @@
         </div>
       </section>
 
-      <section id="beginnerGuide" class="beginner-guide" aria-labelledby="beginnerGuideTitle">
-        <div class="beginner-guide-intro">
-          <span class="guide-time" data-i18n="ui.first_10_minutes">첫 10분 코스</span>
-          <b id="beginnerGuideTitle" data-i18n="ui.these_four_steps_are_all_you_need">이 네 가지만 익히면 충분해요</b>
-          <span id="guideProgressText" data-i18n="ui.try_each_step_to_explore_the_app">하나씩 눌러 직접 둘러보세요.</span>
-          <div class="guide-progress" role="progressbar" aria-label="시작 가이드 진행률" data-i18n-aria-label="ui.quick_start_progress" aria-valuemin="0" aria-valuemax="4" aria-valuenow="0"><i id="guideProgressBar"></i></div>
-        </div>
-        <ol>
-          <li data-guide-step="create"><button type="button" data-guide-action="create"><i>1</i><span><b data-i18n="ui.assign_work_to_ai">AI에게 일 맡기기</b><small data-i18n="ui.choose_a_task_and_workspace_to_get_started">할 일과 작업 폴더를 고르면 바로 시작돼요.</small><em data-i18n="ui.try_it">직접 해보기 →</em></span></button></li>
-          <li data-guide-step="active"><button type="button" data-guide-action="active"><i>2</i><span><b data-i18n="ui.check_progress">진행 상황 확인</b><small data-i18n="ui.ai_with_a_green_indicator_is_working_now">초록 표시가 있는 AI는 지금 일하고 있어요.</small><em data-i18n="ui.view_active_work">진행 중 보기 →</em></span></button></li>
-          <li data-guide-step="waiting"><button type="button" data-guide-action="waiting"><i>3</i><span><b data-i18n="ui.find_items_to_review">확인할 일 찾기</b><small data-i18n="ui.items_marked_needs_review_need_a_response_or_choice">‘내 확인 필요’ 상태에는 답변이나 선택이 필요해요.</small><em data-i18n="ui.view_review_items">확인할 일 보기 →</em></span></button></li>
-          <li data-guide-step="detail"><button type="button" data-guide-action="detail"><i>4</i><span><b data-i18n="drawer.title">작업 자세히 보기</b><small data-i18n="ui.see_conversation_progress_and_usage_in_one_place">대화, 진행 과정, 사용량을 한곳에서 확인해요.</small><em data-i18n="ui.open_a_task">작업 열어보기 →</em></span></button></li>
-        </ol>
-        <button id="dismissGuideBtn" class="guide-dismiss" type="button" data-i18n="ui.collapse_guide">가이드 접기</button>
-      </section>
-
       <section id="terminalSection" class="terminal-section hidden" aria-label="명령창 직접 다루기">
         <div class="terminal-section-head">
           <div><span class="terminal-logo">›_</span><div><p class="eyebrow" data-i18n="ui.conversation_and_execution_together">대화와 실행 화면을 한곳에서</p><h2 data-i18n="app.nav.session_terminal">세션 터미널</h2><p id="terminalPlatformExplain" class="section-explain" data-i18n="ui.choose_a_session_on_the_left_to_continue_with_its">왼쪽에서 세션을 고르면 이전 AI 대화와 실시간 터미널을 나란히 보며 그대로 이어서 작업할 수 있습니다.</p></div></div>
@@ -263,7 +265,6 @@
       </section>
 
       <section id="globalStats" class="global-stats" aria-label="전체 통계" data-i18n-aria-label="ui.overall_statistics"></section>
-      <section id="providerOverview" class="provider-overview" aria-label="AI별 현황" data-i18n-aria-label="ui.status_by_ai"></section>
 
       <section id="sessionSection" class="sessions-section">
         <div class="sessions-heading">

package/renderer/styles-agent-map.css

@@ -330,7 +330,50 @@
 
 .provider-overview-card.selected {
   border-color: color-mix(in srgb,var(--provider) 66%,#344151);
-  box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--provider) 28%,transparent),0 10px 30px rgba(0,0,0,.2);
+  background: linear-gradient(145deg,color-mix(in srgb,var(--provider) 15%,#10151f),#0d111a 68%);
+  box-shadow: inset 0 0 0 2px color-mix(in srgb,var(--provider) 30%,transparent),0 10px 30px rgba(0,0,0,.28),0 0 24px color-mix(in srgb,var(--provider) 10%,transparent);
+}
+
+.provider-overview-card.selected:before {
+  width: 5px;
+  opacity: 1;
+}
+
+.poc-head-states {
+  display: grid;
+  justify-items: end;
+  gap: 4px;
+  margin-left: auto;
+}
+
+.poc-head-states .poc-state {
+  margin-left: 0;
+}
+
+.poc-filter-state {
+  display: none;
+  padding: 3px 7px;
+  border: 1px solid color-mix(in srgb,var(--provider) 58%,#28483f);
+  border-radius: 999px;
+  background: color-mix(in srgb,var(--provider) 16%,#0b1515);
+  color: color-mix(in srgb,var(--provider) 72%,#eafff8);
+  font-size: 9px;
+  font-weight: 800;
+  white-space: nowrap;
+}
+
+.poc-filter-state.visible {
+  display: inline-flex;
+}
+
+.provider-overview-card.filter-clicked {
+  animation: provider-card-confirm .38s cubic-bezier(.22,1,.36,1);
+}
+
+@keyframes provider-card-confirm {
+  0% { transform: scale(.97); }
+  60% { transform: translateY(-3px) scale(1.015); }
+  100% { transform: translateY(0) scale(1); }
 }
 
 .poc-head strong {

package/renderer/styles-collaboration.css

@@ -336,103 +336,33 @@
   font-size: 10px;
 }
 
-.subagent-conversation-summary {
+.subagent-work-source {
   display: grid;
-  grid-template-columns: repeat(3,minmax(0,1fr));
-  gap: 8px;
-  margin-bottom: 12px;
-}
-
-.subagent-conversation-summary>span {
-  padding: 11px;
-  border: 1px solid #263b45;
-  border-radius: 10px;
-  background: #0c171e;
-}
-
-.subagent-conversation-summary small {
-  display: block;
-  color: #718591;
-  font-size: 9px;
-}
-
-.subagent-conversation-summary b {
-  display: block;
-  margin-top: 5px;
-  color: #dce8ec;
-  font-size: 17px;
-}
-
-.subagent-conversation-summary>span:nth-child(1) b {
-  color: #76dfb8;
-}
-
-.subagent-conversation-summary>span:nth-child(2) b {
-  color: #8fc8df;
-}
-
-.subagent-dialog-row.user .chat-bubble {
-  background: #10231e;
-}
-
-.subagent-dialog-row.assistant .chat-bubble {
-  background: #111d28;
-}
-
-.subagent-dialog-row.system .chat-bubble {
-  background: #0d151c;
-}
-
-.subagent-dialog-list .chat-row.assistant {
-  padding-left: 28px;
-}
-
-.subagent-dialog-list .chat-row.user {
-  padding-right: 28px;
-}
-
-.subagent-dialog-row .chat-bubble {
-  border-color: #283c46;
-  min-width: 0;
-  max-width: 100%;
-  overflow: hidden;
+  gap: 5px;
+  margin: 0 0 14px;
+  padding: 11px 13px;
+  border: 1px solid color-mix(in srgb,var(--drawer-provider) 28%,#263844);
+  border-radius: 11px;
+  background: color-mix(in srgb,var(--drawer-provider) 6%,#0c151d);
 }
 
-.subagent-dialog-row .chat-bubble-head {
-  gap: 7px;
-  min-width: 0;
+.subagent-work-source b {
+  color: #dbe8e9;
+  font-size: 11px;
 }
 
-.subagent-dialog-row .chat-bubble-head b {
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.subagent-work-source span {
+  color: #78909a;
+  font-size: 10px;
+  line-height: 1.55;
 }
 
-.subagent-dialog-row .subagent-route {
-  margin-right: auto;
-  padding: 3px 6px;
-  border-radius: 6px;
-  background: #13242a;
-  color: #6fa89b;
-  font-size: 8px;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.subagent-coordination {
+  margin-top: 16px;
 }
 
-.subagent-event-label {
-  display: block;
-  margin: 6px 0 -2px;
-  color: #6b8f8a;
-  font-size: 8px;
-  font-weight: 750;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.subagent-coordination .subagent-message-preview p {
+  margin: 0;
 }
 
 .subagent-message-preview {

package/renderer/styles-components.css

@@ -778,14 +778,31 @@ button {
   color: #7f8da1;
   white-space: nowrap;
   cursor: pointer;
-  transition: color var(--motion-fast) ease, background-color var(--motion-fast) ease, border-color var(--motion-fast) ease;
+  transition: color var(--motion-fast) ease, background-color var(--motion-fast) ease, border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, transform var(--motion-fast) ease;
 }
 
-.provider-filter-chip span {
+.provider-filter-mark {
   font-family: "Cascadia Code", Consolas, monospace;
   font-size: 9px;
 }
 
+.provider-filter-check {
+  display: inline-grid;
+  place-items: center;
+  width: 0;
+  height: 16px;
+  border-radius: 50%;
+  overflow: hidden;
+  background: #53d6aa;
+  color: #07130f;
+  font-size: 10px;
+  font-style: normal;
+  font-weight: 900;
+  opacity: 0;
+  transform: scale(.45);
+  transition: width var(--motion-fast) ease, opacity var(--motion-fast) ease, transform var(--motion-fast) ease;
+}
+
 .provider-filter-chip b {
   font-size: 10px;
 }
@@ -796,9 +813,27 @@ button {
 }
 
 .provider-filter-chip.selected {
-  color: #e7f8f2;
-  border-color: #315f54;
-  background: rgba(66,207,164,.13);
+  color: #f2fffb;
+  border-color: #53d6aa;
+  background: linear-gradient(135deg,rgba(66,207,164,.24),rgba(66,207,164,.11));
+  box-shadow: inset 0 0 0 1px rgba(119,238,198,.17),0 0 0 2px rgba(66,207,164,.08),0 6px 18px rgba(0,0,0,.22);
+  transform: translateY(-1px);
+}
+
+.provider-filter-chip.selected .provider-filter-check {
+  width: 16px;
+  opacity: 1;
+  transform: scale(1);
+}
+
+.provider-filter-chip.filter-clicked {
+  animation: provider-filter-confirm .36s cubic-bezier(.22,1,.36,1);
+}
+
+@keyframes provider-filter-confirm {
+  0% { transform: scale(.93); }
+  55% { transform: scale(1.06); }
+  100% { transform: translateY(-1px) scale(1); }
 }
 
 .session-grid {

package/renderer/styles-overlays.css

@@ -153,6 +153,7 @@
 
 .drawer-backdrop.closing {
   animation: motion-backdrop-out 260ms ease both;
+  pointer-events: none;
 }
 
 .detail-drawer {
@@ -176,6 +177,10 @@
   box-shadow: -32px 0 88px rgba(0,0,0,.52);
 }
 
+.detail-drawer:not(.open) {
+  pointer-events: none;
+}
+
 .modal-backdrop:not(.hidden) {
   animation: motion-backdrop-in var(--motion-medium) ease both;
 }

package/renderer/styles-responsive-runtime.css

@@ -666,6 +666,15 @@
     flex-direction: column;
   }
 
+  .tmux-subagent-row {
+    grid-template-columns: 26px minmax(0,1fr);
+  }
+
+  .tmux-subagent-row>button {
+    grid-column: 2;
+    justify-self: start;
+  }
+
   .tmux-pane-actions {
     width: 100%;
     justify-content: flex-start;

package/renderer/styles-responsive-workflows.css

@@ -375,20 +375,6 @@
     grid-column: 1/-1;
   }
 
-  .subagent-conversation-summary {
-    grid-template-columns: 1fr;
-  }
-
-  .subagent-dialog-list .chat-row.assistant {
-    padding-left: 0;
-    padding-right: 0;
-  }
-
-  .subagent-dialog-list .chat-row.user {
-    padding-left: 0;
-    padding-right: 0;
-  }
-
   .completed-subagent-list {
     grid-template-columns: 1fr;
   }