loadtoagent 1.3.7 → 1.3.9

package/renderer/index.html

@@ -294,6 +294,7 @@
       </section>
 
       <p id="sessionReorderHelp" class="sr-only" data-i18n="session.reorder_help">세션 카드를 끌어 놓아 위치를 바꿀 수 있습니다. 키보드에서는 카드에 초점을 둔 뒤 Alt와 위아래 화살표 키를 사용하세요.</p>
+      <p id="projectReorderHelp" class="sr-only" data-i18n="project.reorder_help">프로젝트 헤더를 끌어 놓아 위치를 바꿀 수 있습니다. 프로젝트가 닫혀 있어도 이동할 수 있으며, 키보드에서는 헤더에 초점을 둔 뒤 Alt와 위아래 화살표 키를 사용하세요.</p>
       <section id="liveSection" class="live-section hidden" aria-label="현재 진행 중인 AI 작업" data-i18n-aria-label="ui.ai_work_currently_in_progress">
         <div class="live-section-head">
           <div class="live-section-title"><span class="live-beacon"></span><div><p class="eyebrow" data-i18n="ui.active_now">지금 진행 중</p><h2 data-i18n="ui.work_assigned_to_ai">전체 에이전트 작동 지도</h2></div></div>
@@ -328,12 +329,9 @@
             <input id="controlRoomSearchInput" type="search" maxlength="240" tabindex="-1" aria-hidden="true" aria-label="실행 세션 검색" data-i18n-aria-label="control.search_sessions" placeholder="세션 검색" data-i18n-placeholder="control.search_sessions" autocomplete="off" />
             <button id="controlRoomSearchBtn" type="button" aria-label="실행 세션 검색 열기" data-i18n-aria-label="control.open_search" aria-controls="controlRoomSearchInput" aria-expanded="false"><span aria-hidden="true">⌕</span></button>
           </div>
-          <div class="control-room-pagination">
-            <output id="controlRoomPageSummary" class="control-room-page-summary" aria-live="polite">0–0 / 0</output>
-            <div class="control-room-page-buttons">
-              <button id="controlRoomPagePrev" type="button" aria-label="이전 실행 세션" data-i18n-aria-label="control.previous_page">‹</button>
-              <button id="controlRoomPageNext" type="button" aria-label="다음 실행 세션" data-i18n-aria-label="control.next_page">›</button>
-            </div>
+          <div class="control-room-disclosure-actions" role="group" aria-label="프로젝트 그룹 열기와 닫기" data-i18n-aria-label="control.project_group_actions">
+            <button id="controlRoomExpandAll" type="button" aria-controls="liveSessionGrid" data-i18n="control.expand_all_projects">모두 열기</button>
+            <button id="controlRoomCollapseAll" type="button" aria-controls="liveSessionGrid" data-i18n="control.collapse_all_projects">모두 닫기</button>
           </div>
         </div>
         <div id="agentMapToolbar" class="agent-map-toolbar">
@@ -470,6 +468,7 @@
   <script src="../node_modules/@xterm/xterm/lib/xterm.js"></script>
   <script src="../node_modules/@xterm/addon-fit/lib/addon-fit.js"></script>
   <script src="i18n-messages.js"></script>
+  <script src="conversation-delivery.js"></script>
   <script src="i18n.js"></script>
   <script src="shared.js"></script>
   <script src="app.js"></script>

package/renderer/styles-components.css

@@ -168,6 +168,30 @@ button[aria-busy="true"] {
   color: #81ddf8;
 }
 
+.workspace-live-state {
+  display: inline-flex;
+  flex: 0 0 auto;
+  align-items: center;
+  gap: 5px;
+  color: #64dca9;
+  font-size: 10px;
+}
+
+.workspace-live-state i {
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  background: #4ce39a;
+  box-shadow: 0 0 8px rgba(76,227,154,.6);
+  animation: control-room-pulse 1.5s ease-in-out infinite;
+}
+
+.workspace-live-state b {
+  display: none;
+  white-space: nowrap;
+  font-size: 10px;
+}
+
 .workspace-item.projectless.selected small {
   background: rgba(79,209,167,.15);
   color: #6ee0b8;
@@ -464,6 +488,83 @@ button[aria-busy="true"] {
   color: var(--drawer-provider);
 }
 
+.chat-row.is-optimistic .chat-bubble {
+  padding: 9px 11px;
+  border: 1px solid rgba(89,223,167,.2);
+  border-radius: 12px;
+  background: linear-gradient(135deg,rgba(35,104,78,.12),rgba(10,15,22,.72));
+}
+
+.chat-row.is-optimistic.is-new {
+  animation: chat-message-send 420ms cubic-bezier(.22,1,.36,1) both;
+}
+
+.chat-row.is-failed .chat-bubble {
+  border-color: rgba(255,107,127,.36);
+  background: rgba(94,31,44,.12);
+}
+
+.chat-delivery-status {
+  margin-left: auto;
+  padding: 2px 6px;
+  border-radius: 999px;
+  background: rgba(89,223,167,.08);
+  color: #79c9a8 !important;
+  font-size: 10px !important;
+  font-weight: 750;
+}
+
+.chat-delivery-status.sending::before {
+  display: inline-block;
+  width: 5px;
+  height: 5px;
+  margin-right: 5px;
+  border-radius: 50%;
+  background: #59dfa7;
+  content: "";
+  animation: control-room-pulse 1s ease-in-out infinite;
+}
+
+.chat-delivery-status.confirming,
+.chat-delivery-status.received,
+.chat-delivery-status.responding {
+  background: rgba(91,169,255,.09);
+  color: #8fc3ff !important;
+}
+
+.chat-delivery-status.confirming::before,
+.chat-delivery-status.responding::before {
+  display: inline-block;
+  width: 5px;
+  height: 5px;
+  margin-right: 5px;
+  border-radius: 50%;
+  background: #71b2ff;
+  content: "";
+  animation: control-room-pulse 1s ease-in-out infinite;
+}
+
+.chat-delivery-status.delayed {
+  background: rgba(246,190,75,.11);
+  color: #f1c66f !important;
+}
+
+.chat-delivery-status.failed {
+  background: rgba(255,107,127,.1);
+  color: #ff9baa !important;
+}
+
+@keyframes chat-message-send {
+  from {
+    opacity: 0;
+    transform: translateY(14px) scale(.975);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0) scale(1);
+  }
+}
+
 .chat-row.tool .chat-avatar {
   color: #b19ae9;
 }
@@ -1043,100 +1144,177 @@ button[aria-busy="true"] {
   animation: control-room-pulse 1.35s ease-in-out infinite;
 }
 
-.chat-progress-updates {
+.chat-delivery-progress {
+  display: grid;
+  gap: 11px;
   margin-left: 43px;
-  border: 1px solid #263342;
-  border-radius: 11px;
-  background: #0a1017;
-  overflow: hidden;
+  padding: 13px;
+  border: 1px solid rgba(91,169,255,.24);
+  border-radius: 12px;
+  background: linear-gradient(145deg,rgba(35,76,125,.13),rgba(10,15,22,.76));
+  color: #b9c7d8;
 }
 
-.chat-progress-updates > summary {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 12px;
-  padding: 11px 13px;
-  cursor: pointer;
-  list-style: none;
+.chat-delivery-progress > header {
+  display: grid;
+  grid-template-columns: 8px minmax(0,1fr);
+  align-items: start;
+  gap: 9px;
 }
 
-.chat-progress-updates > summary::-webkit-details-marker {
-  display: none;
+.chat-delivery-progress > header > span {
+  width: 7px;
+  height: 7px;
+  margin-top: 5px;
+  border-radius: 50%;
+  background: #71b2ff;
+  box-shadow: 0 0 0 4px rgba(91,169,255,.09);
+  animation: control-room-pulse 1.35s ease-in-out infinite;
 }
 
-.chat-progress-updates > summary span,
-.chat-progress-updates > summary small {
-  display: block;
+.chat-delivery-progress > header > div {
+  display: grid;
+  gap: 3px;
+  min-width: 0;
 }
 
-.chat-progress-updates > summary b {
-  color: #aebbc9;
+.chat-delivery-progress > header b {
+  color: #d8e6f7;
   font-size: 12px;
 }
 
-.chat-progress-updates > summary small {
-  margin-top: 3px;
-  color: #68778a;
-  font-size: 11px;
+.chat-delivery-progress > header small,
+.chat-delivery-progress li small,
+.chat-delivery-progress footer {
+  color: #8494a8;
+  font-size: 10px;
+  line-height: 1.5;
+}
+
+.chat-delivery-progress ol {
+  display: grid;
+  grid-template-columns: repeat(3,minmax(0,1fr));
+  gap: 7px;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.chat-delivery-progress.phase-observed ol {
+  grid-template-columns: repeat(2,minmax(0,1fr));
+}
+
+.chat-delivery-progress li {
+  display: grid;
+  grid-template-columns: 22px minmax(0,1fr);
+  align-items: start;
+  gap: 7px;
+  min-width: 0;
+  padding: 8px;
+  border: 1px solid #202b38;
+  border-radius: 9px;
+  background: rgba(9,14,21,.62);
 }
 
-.chat-progress-updates > summary i {
+.chat-delivery-progress li > i {
+  width: 21px;
+  height: 21px;
+  display: grid;
+  place-items: center;
+  border: 1px solid #334154;
+  border-radius: 50%;
   color: #718196;
-  font-size: 12px;
+  font-size: 9px;
   font-style: normal;
-  transition: transform var(--motion-fast) ease;
+  font-weight: 800;
 }
 
-.chat-progress-updates[open] > summary i {
-  transform: rotate(180deg);
+.chat-delivery-progress li > span {
+  display: grid;
+  gap: 2px;
+  min-width: 0;
 }
 
-.chat-progress-list {
-  display: grid;
-  gap: 8px;
-  padding: 0 10px 10px;
+.chat-delivery-progress li b {
+  color: #aebdce;
+  font-size: 10px;
 }
 
-.chat-progress-list article {
-  padding: 10px;
-  border: 1px solid #202b38;
-  border-radius: 9px;
-  background: #0d141d;
+.chat-delivery-progress li.done {
+  border-color: rgba(89,223,167,.2);
+  background: rgba(35,104,78,.08);
 }
 
-.chat-progress-list article > header {
-  display: flex;
-  justify-content: space-between;
-  gap: 10px;
-  margin-bottom: 7px;
-  color: #7e8da0;
-  font-size: 11px;
+.chat-delivery-progress li.done > i {
+  border-color: rgba(89,223,167,.35);
+  background: rgba(89,223,167,.1);
+  color: #70d9ad;
 }
 
-.chat-progress-list .chat-content {
-  font-size: 12px;
+.chat-delivery-progress li.active {
+  border-color: rgba(91,169,255,.3);
+  background: rgba(48,102,171,.1);
 }
 
-.chat-turn-waiting {
+.chat-delivery-progress li.active > i {
+  border-color: rgba(91,169,255,.48);
+  color: #8fc3ff;
+  animation: control-room-pulse 1.2s ease-in-out infinite;
+}
+
+.chat-delivery-progress li.warning {
+  border-color: rgba(246,190,75,.32);
+  background: rgba(116,80,17,.11);
+}
+
+.chat-delivery-progress li.warning > i {
+  border-color: rgba(246,190,75,.46);
+  color: #f1c66f;
+}
+
+.chat-delivery-progress li.error {
+  border-color: rgba(255,107,127,.34);
+  background: rgba(94,31,44,.12);
+}
+
+.chat-delivery-progress li.error > i {
+  border-color: rgba(255,107,127,.46);
+  color: #ff9baa;
+}
+
+.chat-delivery-progress footer {
   display: flex;
   align-items: center;
-  gap: 8px;
-  margin-left: 43px;
-  padding: 11px 13px;
-  border: 1px solid rgba(71,214,153,.22);
-  border-radius: 10px;
-  background: rgba(34,118,83,.08);
-  color: #91bca9;
-  font-size: 12px;
+  gap: 6px;
+  padding-top: 9px;
+  border-top: 1px solid #1f2a37;
 }
 
-.chat-turn-waiting span {
-  width: 6px;
-  height: 6px;
-  border-radius: 50%;
-  background: #59dfa7;
-  animation: control-room-pulse 1.35s ease-in-out infinite;
+.chat-delivery-progress footer i {
+  color: #6e829a;
+  font-style: normal;
+}
+
+.chat-delivery-progress.phase-delayed {
+  border-color: rgba(246,190,75,.28);
+  background: linear-gradient(145deg,rgba(111,75,18,.13),rgba(10,15,22,.76));
+}
+
+.chat-delivery-progress.phase-delayed > header > span {
+  background: #efbd5d;
+  box-shadow: 0 0 0 4px rgba(246,190,75,.09);
+  animation: none;
+}
+
+.chat-delivery-progress.phase-failed {
+  border-color: rgba(255,107,127,.3);
+  background: linear-gradient(145deg,rgba(94,31,44,.14),rgba(10,15,22,.76));
+}
+
+.chat-delivery-progress.phase-failed > header > span {
+  background: #ff7e91;
+  box-shadow: 0 0 0 4px rgba(255,107,127,.08);
+  animation: none;
 }
 
 .subagent-call-moment {

package/renderer/styles-control-room.css

@@ -344,6 +344,14 @@
   font-variant-numeric: tabular-nums;
 }
 
+.control-room-project-toolbar .workspace-live-state b {
+  display: inline;
+}
+
+.control-room-project-toolbar .workspace-item.has-live-sessions {
+  border-color: rgba(76,227,154,.28);
+}
+
 .control-room-project-toolbar .workspace-item:hover {
   border-color: rgba(89,216,255,.38);
   background: rgba(89,216,255,.065);
@@ -489,63 +497,39 @@
   min-height: 40px !important;
 }
 
-.control-room-pagination {
+.control-room-disclosure-actions {
   display: flex;
   flex: 0 0 auto;
   align-items: center;
   gap: 10px;
 }
 
-.control-room-page-summary {
-  min-width: 76px;
-  color: #c3d0d8;
-  text-align: center;
-  white-space: nowrap;
-  font-size: 12px;
-  font-variant-numeric: tabular-nums;
-}
-
-.control-room-page-buttons {
-  display: flex;
-  flex: 0 0 auto;
-  gap: 10px;
-}
-
-.control-room-page-buttons button {
-  width: 40px;
+.control-room-disclosure-actions button {
   height: 40px;
-  min-width: 40px;
+  min-width: 76px;
   min-height: 40px !important;
-  display: grid;
-  place-items: center;
+  padding: 0 12px;
   border: 1px solid rgba(104,130,151,.28);
+  border-radius: 8px;
   background: rgba(11,18,27,.88);
   color: #a8b7c4;
+  font-size: 12px;
   cursor: pointer;
 }
 
-.control-room-page-buttons button:first-child {
-  border-radius: 8px;
-}
-
-.control-room-page-buttons button:last-child {
-  margin-left: 0;
-  border-radius: 8px;
-}
-
-.control-room-page-buttons button:hover:not(:disabled) {
+.control-room-disclosure-actions button:hover:not(:disabled) {
   border-color: rgba(89,216,255,.45);
   color: #80e6f4;
 }
 
-.control-room-page-buttons button:disabled {
+.control-room-disclosure-actions button:disabled {
   opacity: .36;
   cursor: default;
 }
 
-#controlRoomPagePrev,
-#controlRoomPageNext {
-  min-width: 40px;
+#controlRoomExpandAll,
+#controlRoomCollapseAll {
+  min-width: 76px;
   min-height: 40px !important;
 }
 
@@ -693,6 +677,7 @@ body details.control-room-project-group > summary.control-project-header {
   display: grid;
   place-items: center;
   color: #718597;
+  cursor: grab;
 }
 
 .control-project-handle::before {
@@ -803,10 +788,6 @@ body details.control-room-project-group > summary.control-project-header {
   margin-top: 0;
 }
 
-.control-room-project-group:not([open]) .control-project-handle {
-  display: none;
-}
-
 .control-room-project-group:not([open]) .control-project-heading {
   padding-left: 10px;
 }
@@ -815,6 +796,36 @@ body details.control-room-project-group > summary.control-project-header {
   display: none;
 }
 
+.control-room-project-group.project-sort-dragging {
+  opacity: .48;
+}
+
+.control-room-project-group[data-project-drop-edge]::after {
+  position: absolute;
+  z-index: 9;
+  right: 12px;
+  left: 12px;
+  height: 3px;
+  border-radius: 999px;
+  background: #64e2b5;
+  box-shadow: 0 0 0 3px rgba(100,226,181,.13),0 0 16px rgba(100,226,181,.55);
+  content: "";
+  pointer-events: none;
+}
+
+.control-room-project-group[data-project-drop-edge="top"]::after {
+  top: 3px;
+}
+
+.control-room-project-group[data-project-drop-edge="bottom"]::after {
+  bottom: 3px;
+}
+
+.control-project-header[draggable="true"]:active,
+.control-room-project-group.project-sort-dragging .control-project-header {
+  cursor: grabbing;
+}
+
 .control-room-session {
   --provider: #7ddcf2;
   position: relative;
@@ -2020,7 +2031,7 @@ body details.control-room-project-group > summary.control-project-header {
 
   .control-room-list-toolbar {
     gap: 10px;
-    flex-wrap: nowrap;
+    flex-wrap: wrap;
   }
 
   .control-room-toolbar-spacer,
@@ -2042,13 +2053,13 @@ body details.control-room-project-group > summary.control-project-header {
 
   #controlRoomListToolbar select,
   #controlRoomSearchBtn,
-  #controlRoomPagePrev,
-  #controlRoomPageNext {
+  #controlRoomExpandAll,
+  #controlRoomCollapseAll {
     min-height: 44px !important;
   }
 
   .control-room-search,
-  .control-room-page-buttons button {
+  .control-room-disclosure-actions button {
     height: 44px;
     min-height: 44px !important;
   }
@@ -2062,6 +2073,16 @@ body details.control-room-project-group > summary.control-project-header {
     flex: 1 1 180px;
   }
 
+  .control-room-disclosure-actions {
+    display: grid;
+    flex: 1 1 100%;
+    grid-template-columns: repeat(2,minmax(0,1fr));
+  }
+
+  .control-room-disclosure-actions button {
+    width: 100%;
+  }
+
   .control-room-search button {
     width: 40px;
     height: 38px;

package/renderer/styles-responsive-shell.css

@@ -405,8 +405,7 @@
     align-items: flex-start;
   }
 
-  .chat-progress-updates,
-  .chat-turn-waiting,
+  .chat-delivery-progress,
   .subagent-call-moment,
   .subagent-call-event {
     margin-left: 0;
@@ -417,6 +416,11 @@
     width: 100%;
   }
 
+  .chat-delivery-progress ol,
+  .chat-delivery-progress.phase-observed ol {
+    grid-template-columns: 1fr;
+  }
+
   .json-object>div {
     grid-template-columns: 1fr;
   }

package/renderer/terminal-agent.js

@@ -132,6 +132,19 @@ window.LoadToAgentTerminalAgentActions = function createModule(context) {
     if (!support.supported) throw new Error(support.reason);
     const cwd = String(agentSession.cwd || preferredWorkspace() || '').trim();
     if (!cwd) throw new Error(t('terminal.agent.cwd_missing'));
+    const environment = agentSession.environment || {};
+    const tmuxPresence = (agentSession.runtimePresence || []).find(item => item.kind === 'tmux') || {};
+    const tmuxPresenceId = String(tmuxPresence.id || '');
+    const distroFromPresenceId = tmuxPresenceId.startsWith('tmux:')
+      ? tmuxPresenceId.slice(5, tmuxPresenceId.lastIndexOf(':'))
+      : '';
+    const wslCwd = state.platform.id === 'win32'
+      && (environment.kind === 'wsl' || /^\/(?:mnt|home|root|workspace)(?:\/|$)/.test(cwd));
+    const distro = wslCwd
+      ? String(environment.distro || tmuxPresence.distro || distroFromPresenceId
+        || (state.wslDistros.length === 1 ? state.wslDistros[0] : '')).trim()
+      : '';
+    if (wslCwd && !distro) throw new Error(t('terminal.agent.wsl_distro_missing'));
     const prompt = String(draft || '').trim();
     const title = t('terminal.agent.resume_title', {
       provider: providerLabel(agentSession.provider),
@@ -142,6 +155,7 @@ window.LoadToAgentTerminalAgentActions = function createModule(context) {
       provider: support.provider,
       args: resumeLaunchArgs(support, sendDraft ? prompt : '', { background: options.focus === false }),
       cwd,
+      distro,
       bridgeId: agentSession.id,
       title,
       transient: options.focus === false,