loadtoagent 1.3.7 → 1.3.8

package/renderer/app-events-sessions.js

@@ -10,10 +10,12 @@ window.LoadToAgentAppFactories.createSessionEventBindings = function createSessi
     copyText = async () => false,
     announce = () => {},
     moveSessionOrder = () => false,
+    moveProjectOrder = () => false,
     archiveSession = () => false,
   } = context;
 
   let sessionDragJustEnded = false;
+  let projectDragEndedAt = 0;
 
   const sortableSessionId = node => String(node?.dataset.sessionSortable || "");
   const clearSessionDropState = container => {
@@ -118,6 +120,96 @@ window.LoadToAgentAppFactories.createSessionEventBindings = function createSessi
     });
   };
 
+  const bindSortableProjectGroups = (container) => {
+    const selector = ".control-room-project-group[data-project-sortable]";
+    let draggedProjectId = "";
+    const projectId = node => String(node?.dataset.projectSortable || "");
+    const clearProjectDropState = () => {
+      container.querySelectorAll(selector).forEach(group => {
+        group.classList.remove("project-sort-dragging");
+        group.removeAttribute("data-project-drop-edge");
+        group.querySelector(":scope > .control-project-header")?.setAttribute("aria-grabbed", "false");
+      });
+    };
+    const finishProjectDrag = () => {
+      clearProjectDropState();
+      draggedProjectId = "";
+      projectDragEndedAt = Date.now();
+    };
+    const commitProjectPosition = (sourceId, targetId, placeAfter, focusSource = false) => {
+      if (!moveProjectOrder(sourceId, targetId, placeAfter)) return false;
+      saveDashboardPreferences();
+      renderSessions("reorder");
+      announce(window.LoadToAgentI18n.t("project.position_changed"));
+      if (focusSource) {
+        requestAnimationFrame(() => container
+          .querySelector(`${selector}[data-project-sortable="${CSS.escape(sourceId)}"] > .control-project-header`)
+          ?.focus({ preventScroll: true }));
+      }
+      return true;
+    };
+    container.addEventListener("dragstart", (event) => {
+      const header = event.target.closest(".control-project-header[draggable='true']");
+      const group = header?.closest(selector);
+      if (!group) return;
+      draggedProjectId = projectId(group);
+      if (!draggedProjectId) {
+        event.preventDefault();
+        return;
+      }
+      group.classList.add("project-sort-dragging");
+      header.setAttribute("aria-grabbed", "true");
+      if (event.dataTransfer) {
+        event.dataTransfer.effectAllowed = "move";
+        event.dataTransfer.setData("text/plain", draggedProjectId);
+        event.dataTransfer.setData("application/x-loadtoagent-project-list", container.id);
+        event.dataTransfer.setDragImage(header, 20, 20);
+      }
+    });
+    container.addEventListener("dragover", (event) => {
+      if (!draggedProjectId) return;
+      const target = event.target.closest(selector);
+      if (!target || projectId(target) === draggedProjectId) return;
+      event.preventDefault();
+      if (event.dataTransfer) event.dataTransfer.dropEffect = "move";
+      container.querySelectorAll(`${selector}[data-project-drop-edge]`).forEach(group => group.removeAttribute("data-project-drop-edge"));
+      const bounds = target.getBoundingClientRect();
+      target.dataset.projectDropEdge = event.clientY > bounds.top + bounds.height / 2 ? "bottom" : "top";
+    });
+    container.addEventListener("drop", (event) => {
+      if (!draggedProjectId) return;
+      const target = event.target.closest(selector);
+      if (!target || projectId(target) === draggedProjectId) return;
+      event.preventDefault();
+      event.stopPropagation();
+      const bounds = target.getBoundingClientRect();
+      const changed = commitProjectPosition(
+        draggedProjectId,
+        projectId(target),
+        event.clientY > bounds.top + bounds.height / 2,
+      );
+      finishProjectDrag();
+      if (!changed) clearProjectDropState();
+    });
+    container.addEventListener("dragend", finishProjectDrag);
+    container.addEventListener("dragleave", (event) => {
+      if (!container.contains(event.relatedTarget)) clearProjectDropState();
+    });
+    container.addEventListener("keydown", (event) => {
+      const header = event.target.closest(".control-project-header[draggable='true']");
+      if (!header || event.target !== header || !event.altKey || !["ArrowUp", "ArrowDown"].includes(event.key)) return;
+      const group = header.closest(selector);
+      const groups = Array.from(container.querySelectorAll(selector));
+      const current = groups.indexOf(group);
+      const offset = event.key === "ArrowUp" ? -1 : 1;
+      const target = groups[current + offset];
+      if (current < 0 || !target) return;
+      event.preventDefault();
+      event.stopPropagation();
+      commitProjectPosition(projectId(group), projectId(target), offset > 0, true);
+    });
+  };
+
   const managementFilterLabel = value => value === "all" ? window.LoadToAgentI18n.t("management.filter_all") : window.LoadToAgentI18n.t(`management.health.${value}`);
   const announceManagementFilter = value => announce(window.LoadToAgentI18n.t("management.filter_results", {
     filter: managementFilterLabel(value),
@@ -336,7 +428,13 @@ window.LoadToAgentAppFactories.createSessionEventBindings = function createSessi
 
   function bindLiveAgentEvents() {
     bindSortableSessionList($("#liveSessionGrid"), "[data-control-session][data-session-sortable]");
+    bindSortableProjectGroups($("#liveSessionGrid"));
     $("#liveSessionGrid").addEventListener("click", async (event) => {
+      if (Date.now() - projectDragEndedAt < 250 && event.target.closest(".control-project-header")) {
+        event.preventDefault();
+        event.stopPropagation();
+        return;
+      }
       if (sessionDragJustEnded) return;
       const archive = event.target.closest("[data-session-archive]");
       if (archive) {

package/renderer/app-graph-model.js

@@ -11,6 +11,7 @@ window.LoadToAgentAppFactories.createGraphModel = function createGraphModel(cont
     compact,
     isLiveSession,
     isControlRoomSession = isLiveSession,
+    isSessionManuallyArchived = () => false,
     stableSessionSort = sessions => [...sessions],
   } = context;
 
@@ -33,7 +34,7 @@ window.LoadToAgentAppFactories.createGraphModel = function createGraphModel(cont
       let current = session;
       const seen = new Set();
       while (current && !seen.has(current.id)) {
-        included.add(current.id);
+        if (!isSessionManuallyArchived(current) || isControlRoomSession(current)) included.add(current.id);
         seen.add(current.id);
         current = current.parentId ? byId.get(current.parentId) : null;
       }
@@ -58,7 +59,10 @@ window.LoadToAgentAppFactories.createGraphModel = function createGraphModel(cont
     }
     for (const id of [...included]) {
       const session = byId.get(id);
-      for (const childId of (session && session.childIds) || []) included.add(childId);
+      for (const childId of (session && session.childIds) || []) {
+        const child = byId.get(childId);
+        if (child && (!isSessionManuallyArchived(child) || isControlRoomSession(child))) included.add(childId);
+      }
     }
     return { byId, included, nodes: sessions.filter((session) => included.has(session.id)) };
   }

package/renderer/app-graph-orchestration.js

@@ -25,6 +25,14 @@ window.LoadToAgentAppFactories.createGraphOrchestration = function createGraphOr
   } = context;
   const t = (key, params) => window.LoadToAgentI18n.t(key, params);
 
+  function syncControlRoomDisclosureButtons() {
+    const groups = Array.from(document.querySelectorAll("#liveSessionGrid .control-room-project-group"));
+    const canExpand = groups.some(group => !group.open);
+    const canCollapse = groups.some(group => group.open);
+    if ($("#controlRoomExpandAll")) $("#controlRoomExpandAll").disabled = !canExpand;
+    if ($("#controlRoomCollapseAll")) $("#controlRoomCollapseAll").disabled = !canCollapse;
+  }
+
   function renderAgentMap(sessions, motionKind = "refresh") {
     const liveSessionGrid = $("#liveSessionGrid");
     rememberDisclosureStates(liveSessionGrid);
@@ -45,9 +53,7 @@ window.LoadToAgentAppFactories.createGraphOrchestration = function createGraphOr
       $("#agentMapToolbar")?.classList.add("hidden");
       $("#controlRoomProjectToolbar")?.classList.remove("hidden");
       $("#controlRoomListToolbar")?.classList.remove("hidden");
-      if ($("#controlRoomPageSummary")) $("#controlRoomPageSummary").textContent = t("control.page_summary", { start: 0, end: 0, total: 0 });
-      if ($("#controlRoomPagePrev")) $("#controlRoomPagePrev").disabled = true;
-      if ($("#controlRoomPageNext")) $("#controlRoomPageNext").disabled = true;
+      syncControlRoomDisclosureButtons();
       return 0;
     }
 
@@ -71,30 +77,18 @@ window.LoadToAgentAppFactories.createGraphOrchestration = function createGraphOr
       scheduleAgentWorkflowConnections();
     } else {
       const runtime = runtimeAgentSummary(model, liveTmuxEntries(state.snapshot && state.snapshot.tmux));
-      const pageSize = Math.max(1, Number(state.controlRoomPageSize || 4));
-      const maxPage = Math.max(0, Math.ceil(roots.length / pageSize) - 1);
-      state.controlRoomPage = Math.min(maxPage, Math.max(0, Number(state.controlRoomPage || 0)));
-      const startIndex = state.controlRoomPage * pageSize;
-      const endIndex = Math.min(roots.length, startIndex + pageSize);
-      const visibleRoots = roots.slice(startIndex, endIndex);
-      liveSessionGrid.innerHTML = runtimeSeparatedOverview(visibleRoots, model, roots);
+      liveSessionGrid.innerHTML = runtimeSeparatedOverview(roots, model, roots);
       restoreDisclosureStates(liveSessionGrid);
       $("#graphBreadcrumbs").innerHTML = "";
       $("#agentMapToolbar")?.classList.add("hidden");
       $("#controlRoomProjectToolbar")?.classList.remove("hidden");
       $("#controlRoomListToolbar")?.classList.remove("hidden");
-      if ($("#controlRoomPageSummary")) $("#controlRoomPageSummary").textContent = t("control.page_summary", {
-        start: roots.length ? startIndex + 1 : 0,
-        end: endIndex,
-        total: roots.length,
-      });
-      if ($("#controlRoomPagePrev")) $("#controlRoomPagePrev").disabled = state.controlRoomPage === 0;
-      if ($("#controlRoomPageNext")) $("#controlRoomPageNext").disabled = state.controlRoomPage >= maxPage;
+      syncControlRoomDisclosureButtons();
       $("#graphResetBtn").classList.add("hidden");
       return runtime.activeCount;
     }
     return model.nodes.filter(isControlRoomSession).length;
   }
 
-  return { renderAgentMap };
+  return { renderAgentMap, syncControlRoomDisclosureButtons };
 };

package/renderer/app-graph-view.js

@@ -34,6 +34,7 @@ window.LoadToAgentAppFactories.createGraphView = function createGraphView(contex
     graphDescendantCount,
     sessionWorkspaceLabel,
     controlRoomProject = session => ({ key: String(session?.workspace || session?.id || "unknown"), label: sessionWorkspaceLabel(session) }),
+    ensureProjectOrder = projectKeys => projectKeys,
   } = context;
   const t = (key, params) => window.LoadToAgentI18n.t(key, params);
   const statusLabel = (status) => ({
@@ -485,7 +486,7 @@ window.LoadToAgentAppFactories.createGraphView = function createGraphView(contex
     const waitingWithBackground = waiting && activeExecutions.some(item => item.activity.mode === "background" || item.activity.kind === "background");
     const sessionStateKey = waitingWithBackground
       ? "control.waiting_background_session"
-      : (waiting ? "control.waiting_session" : "control.live_session");
+      : (waiting ? "control.waiting_session" : (retained ? "control.recently_completed" : "control.live_session"));
     const retention = retained ? `<small class="control-session-retention">${esc(t("control.auto_history_in_minutes", { minutes: sessionRetentionMinutes(root) }))}</small>` : "";
     const archive = retained ? `<button type="button" class="control-session-archive" data-session-archive="${esc(root.id)}">${esc(t("control.move_to_history"))}</button>` : "";
     return `<article class="control-room-session ${waiting ? "is-waiting" : ""} ${waitingWithBackground ? "has-background-work" : ""}" data-control-session="${esc(root.id)}" data-session-sortable="${esc(root.id)}"
@@ -519,20 +520,30 @@ window.LoadToAgentAppFactories.createGraphView = function createGraphView(contex
       if (!groups.has(key)) groups.set(key, { name, roots: [] });
       groups.get(key).roots.push(root);
     });
-    const projectGroups = [...groups.entries()].map(([key, { name, roots: projectRoots }], index) => {
+    const defaultOrderedGroups = [...groups.entries()].sort(([leftKey], [rightKey]) =>
+      Number(allGroups.get(rightKey)?.roots.length || 0) - Number(allGroups.get(leftKey)?.roots.length || 0));
+    const projectOrder = ensureProjectOrder(defaultOrderedGroups.map(([key]) => key));
+    const projectRank = new Map(projectOrder.map((key, index) => [key, index]));
+    const orderedGroups = defaultOrderedGroups.sort(([leftKey], [rightKey]) =>
+      Number(projectRank.get(leftKey) ?? Number.MAX_SAFE_INTEGER) - Number(projectRank.get(rightKey) ?? Number.MAX_SAFE_INTEGER));
+    const projectGroups = orderedGroups.map(([key, { name, roots: projectRoots }], index) => {
       const projectTotals = allGroups.get(key)?.roots || projectRoots;
       const activeCount = projectTotals.filter((root) => isLiveSession(root)).length;
-      const attentionCount = projectTotals.filter((root) => !isLiveSession(root) && isControlRoomSession(root)).length;
+      const attentionCount = projectTotals.filter((root) =>
+        !isLiveSession(root)
+        && isControlRoomSession(root)
+        && ["waiting", "failed", "paused"].includes(root.status)).length;
       const summary = attentionCount
         ? t("control.project_live_attention_summary", { active: activeCount, attention: attentionCount })
         : t("control.project_live_summary", { active: activeCount });
       const disclosureKey = `control-project:${key}`;
       const presentation = index === 0 ? "is-primary" : "is-secondary";
       const projectFocusId = projectRoots[0]?.id || "";
-      return `<details class="control-room-project-group ${presentation}" data-control-project="${esc(name)}" data-disclosure-key="${esc(disclosureKey)}" ${index === 0 ? "open" : ""}>
-        <summary class="control-project-header" data-project-toggle="${esc(name)}">
+      return `<details class="control-room-project-group ${presentation}" data-control-project="${esc(name)}" data-project-sortable="${esc(key)}" data-disclosure-key="${esc(disclosureKey)}">
+        <summary class="control-project-header" data-project-toggle="${esc(name)}" draggable="true" aria-grabbed="false"
+          aria-keyshortcuts="Alt+ArrowUp Alt+ArrowDown" aria-label="${esc(t("project.drag_label", { name }))}" aria-describedby="projectReorderHelp">
           <span class="control-project-heading"><i aria-hidden="true">□</i><b>${esc(name)}</b><small>${esc(summary)}</small><em>${projectTotals.length}</em></span>
-          <span class="control-project-handle" role="img" aria-label="프로젝트 그룹" title="프로젝트 그룹 · 세션은 최근 활동순으로 표시됩니다"></span>
+          <span class="control-project-handle" aria-hidden="true" title="${esc(t("project.reorder_hint"))}"></span>
         </summary>
         <button type="button" class="control-project-flow-link" data-graph-focus="${esc(projectFocusId)}"><span>${esc(t("control.open_full_flow"))} ↗</span></button>
         <div class="control-project-body">${projectRoots.map(root => controlRoomSession(root, model)).join("")}</div>

package/renderer/app-quality.js

@@ -98,12 +98,16 @@ window.LoadToAgentAppFactories.createQualityEnhancements = function createQualit
       state.sessionOrder = Array.isArray(dashboard.sessionOrder)
         ? dashboard.sessionOrder.filter(id => typeof id === "string" && id.length <= 500).slice(0, 1_000)
         : [];
+      state.projectOrder = Array.isArray(dashboard.projectOrder)
+        ? dashboard.projectOrder.filter(id => typeof id === "string" && id.length <= 2_000).slice(0, 1_000)
+        : [];
     } else {
       state.search = "";
       state.providerFilters.clear();
       state.workspace = "all";
       state.sort = "recent";
       state.sessionOrder = [];
+      state.projectOrder = [];
     }
     const search = $("#searchInput");
     if (search) search.value = state.search;
@@ -133,6 +137,7 @@ window.LoadToAgentAppFactories.createQualityEnhancements = function createQualit
       sort: ["recent", "tokens", "context"].includes(state.sort) ? state.sort : "recent",
       controlRoomSort: ["recent", "tokens", "context"].includes(state.controlRoomSort) ? state.controlRoomSort : "recent",
       sessionOrder: (state.sessionOrder || []).filter(id => typeof id === "string" && id.length <= 500).slice(0, 1_000),
+      projectOrder: (state.projectOrder || []).filter(id => typeof id === "string" && id.length <= 2_000).slice(0, 1_000),
     };
     try {
       localStorage.setItem(DASHBOARD_STORAGE_KEY, JSON.stringify(value));

package/renderer/app.js

@@ -24,6 +24,7 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
     search: "",
     sort: "recent",
     sessionOrder: [],
+    projectOrder: [],
     sessionArchives: new Map(),
     controlRoomObservedIds: new Set(),
     selectedId: null,
@@ -36,8 +37,6 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
     drawerForceLatest: false,
     visibleLimit: 30,
     graphFocusId: null,
-    controlRoomPage: 0,
-    controlRoomPageSize: 4,
     controlRoomSort: "recent",
     supervisionFocusId: null,
     graphExpandedProviders: new Set(),
@@ -50,6 +49,7 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
     agentCommandTargets: new Map(),
     agentCommandRoutes: new Map(),
     agentCommandSending: new Set(),
+    pendingConversationMessages: new Map(),
     stopRequests: new Set(),
     runControlRequests: new Set(),
     managementFilter: "all",
@@ -614,14 +614,18 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
   }
   function isControlRoomSession(session, now = Date.now()) {
     if (!session) return false;
-    if (isLiveSession(session) || hasRunningExecution(session)) {
+    if (isLiveSession(session)) {
+      state.controlRoomObservedIds.add(String(session.id || ""));
+      return true;
+    }
+    if (isSessionManuallyArchived(session)) return false;
+    if (hasRunningExecution(session)) {
       state.controlRoomObservedIds.add(String(session.id || ""));
       return true;
     }
     if (!state.controlRoomObservedIds.has(String(session.id || ""))) return false;
     const responseAt = sessionResponseTimestamp(session);
     const retained = Boolean(responseAt
-      && !isSessionManuallyArchived(session)
       && Math.max(0, Number(now) - responseAt) < SESSION_RETENTION_MS);
     if (!retained && responseAt && Math.max(0, Number(now) - responseAt) >= SESSION_RETENTION_MS) {
       state.controlRoomObservedIds.delete(String(session.id || ""));
@@ -629,7 +633,11 @@ window.LoadToAgentAppFactories.createCore = function createCore(context = {}) {
     return retained;
   }
   function controlRoomStatus(session, now = Date.now()) {
-    return isLiveSession(session) ? session.status : (isControlRoomSession(session, now) ? "waiting" : session?.status);
+    // Retention controls where a recently active session is shown, not what
+    // state it is in. Preserve the observed provider status so an idle or
+    // completed session is never presented as waiting for user input.
+    isControlRoomSession(session, now);
+    return session?.status;
   }
   function sessionRetentionMinutes(session, now = Date.now()) {
     const remaining = SESSION_RETENTION_MS - Math.max(0, Number(now) - sessionResponseTimestamp(session));

package/renderer/i18n-messages.js

@@ -213,6 +213,7 @@
     "project.all": {"ko":"모든 프로젝트 폴더","en":"All project folders","zh-CN":"所有项目文件夹"},
     "project.empty": {"ko":"AI 세션이 감지되면 작업 시작 폴더별로 자동 분류됩니다.","en":"Detected AI sessions are grouped automatically by their work-origin folder.","zh-CN":"检测到 AI 会话后，将按任务起始文件夹自动分组。"},
     "project.filter_named": {"ko":"{name} 폴더에서 시작한 AI 세션 {count}개 보기","en":"Show {count} AI sessions started from the {name} folder","zh-CN":"查看从 {name} 文件夹启动的 {count} 个 AI 会话"},
+    "project.in_progress": {"ko":"진행 중","en":"In progress","zh-CN":"进行中"},
     "project.origin": {"ko":"작업 시작 폴더","en":"Work origin folder","zh-CN":"任务起始文件夹"},
     "project.origin_named": {"ko":"작업 시작 폴더 · {name}","en":"Work origin folder · {name}","zh-CN":"任务起始文件夹 · {name}"},
     "bootstrap.module_missing": {"ko":"앱 모듈을 찾지 못했습니다: {name}","en":"App module not found: {name}","zh-CN":"找不到应用模块：{name}"},
@@ -285,6 +286,7 @@
     "agent.select_target_first": {"ko":"지시를 보낼 터미널을 먼저 선택하세요.","en":"Choose a terminal before sending an instruction.","zh-CN":"请先选择要发送指令的终端。"},
     "agent.no_writable_terminal": {"ko":"이 AI에 연결된 입력 가능한 터미널이 없습니다.","en":"There is no writable terminal connected to this AI.","zh-CN":"没有连接到此 AI 的可输入终端。"},
     "agent.command_sent": {"ko":"{target}에 지시를 보냈습니다.","en":"Sent the instruction to {target}.","zh-CN":"已将指令发送到 {target}。"},
+    "agent.command_sent_background": {"ko":"대화에 메시지를 보냈습니다. 세션 연결과 AI 응답은 백그라운드에서 이어집니다.","en":"Sent the message. Session reconnection and the AI response will continue in the background.","zh-CN":"消息已发送。会话重连和 AI 回复将在后台继续。"},
     "agent.recovered_and_sent": {"ko":"원래 터미널 연결이 종료되어 같은 AI 세션으로 복구한 뒤 지시를 보냈습니다.","en":"The original terminal connection ended, so the AI session was restored before sending the instruction.","zh-CN":"原终端连接已结束，因此恢复同一 AI 会话后发送了指令。"},
     "agent.recovery_failed": {"ko":"터미널 연결이 끊어졌고 세션 복구에도 실패했습니다.","en":"The terminal disconnected and session recovery also failed.","zh-CN":"终端连接已断开，会话恢复也失败。"},
     "agent.send_failed": {"ko":"터미널에 지시를 보내지 못했습니다.","en":"Could not send the instruction to the terminal.","zh-CN":"无法向终端发送指令。"},
@@ -348,6 +350,9 @@
     "drawer.current_progress": {"ko":"현재 진행 상황","en":"Current progress","zh-CN":"当前进度"},
     "drawer.last_progress": {"ko":"마지막 진행 상황","en":"Latest progress","zh-CN":"最近进度"},
     "drawer.preparing_response": {"ko":"AI가 현재 응답을 준비하고 있습니다","en":"The AI is preparing a response","zh-CN":"AI 正在准备回复"},
+    "drawer.message_sending": {"ko":"보내는 중","en":"Sending","zh-CN":"发送中"},
+    "drawer.message_sent": {"ko":"전송됨","en":"Sent","zh-CN":"已发送"},
+    "drawer.message_failed": {"ko":"전송 실패","en":"Send failed","zh-CN":"发送失败"},
     "drawer.progress_updates": {"ko":"진행 업데이트 {count}개","en":"{count} progress updates","zh-CN":"{count} 条进度更新"},
     "drawer.progress_updates_help": {"ko":"중간 작업 설명과 원문 전체 보기","en":"View intermediate notes and full text","zh-CN":"查看中间说明和完整原文"},
     "drawer.progress_update_item": {"ko":"진행 {count}","en":"Update {count}","zh-CN":"进度 {count}"},
@@ -438,6 +443,10 @@
     "session.reorder_hint": {"ko":"끌어서 위치 변경 · Alt+↑/↓ 키도 사용 가능","en":"Drag to reorder · Alt+↑/↓ also works","zh-CN":"拖动调整位置 · 也可使用 Alt+↑/↓"},
     "session.reorder_help": {"ko":"세션 카드를 끌어 놓아 위치를 바꿀 수 있습니다. 키보드에서는 카드에 초점을 둔 뒤 Alt와 위아래 화살표 키를 사용하세요.","en":"Drag and drop a session card to change its position. With a keyboard, focus the card and use Alt with the up or down arrow key.","zh-CN":"拖放会话卡片可调整位置。使用键盘时，请聚焦卡片并按 Alt 加上或下方向键。"},
     "session.position_changed": {"ko":"세션 위치를 변경했습니다.","en":"Session position updated.","zh-CN":"会话位置已更新。"},
+    "project.drag_label": {"ko":"{name} 프로젝트 위치 변경","en":"Reorder {name} project","zh-CN":"调整 {name} 项目的位置"},
+    "project.reorder_hint": {"ko":"끌어서 프로젝트 위치 변경 · 닫힌 상태와 Alt+↑/↓ 키도 지원","en":"Drag to reorder · works while collapsed and with Alt+↑/↓","zh-CN":"拖动调整项目位置 · 折叠状态及 Alt+↑/↓ 均可用"},
+    "project.reorder_help": {"ko":"프로젝트 헤더를 끌어 놓아 위치를 바꿀 수 있습니다. 프로젝트가 닫혀 있어도 이동할 수 있으며, 키보드에서는 헤더에 초점을 둔 뒤 Alt와 위아래 화살표 키를 사용하세요.","en":"Drag and drop a project header to change its position, even while collapsed. With a keyboard, focus the header and use Alt with the up or down arrow key.","zh-CN":"拖放项目标题可调整位置，折叠时也可以操作。使用键盘时，请聚焦标题并按 Alt 加上或下方向键。"},
+    "project.position_changed": {"ko":"프로젝트 위치를 변경했습니다.","en":"Project position updated.","zh-CN":"项目位置已更新。"},
     "bootstrap.open_in_app": {"ko":"LoadToAgent 프로그램에서 열면 이 컴퓨터의 AI 작업 기록을 불러옵니다.","en":"Open this page in LoadToAgent to load AI work history from this computer.","zh-CN":"请在 LoadToAgent 应用中打开此页面，以加载此电脑上的 AI 工作记录。"},
     "bootstrap.opened_attention_list": {"ko":"확인이 필요한 세션 목록을 열었습니다.","en":"Opened the list of sessions that need your review.","zh-CN":"已打开需要您确认的会话列表。"},
     "bootstrap.initialization_failed": {"ko":"초기화 실패: {message}","en":"Initialization failed: {message}","zh-CN":"初始化失败：{message}"},
@@ -698,6 +707,7 @@
     "terminal.agent.no_input_target": {"ko":"이 AI가 실행 중인 입력 가능한 터미널을 찾지 못했습니다. 외부 터미널에서 시작한 AI는 LoadToAgent가 직접 입력할 수 없습니다.","en":"No active terminal that accepts input was found for this AI. LoadToAgent cannot type into an AI started in an external terminal.","zh-CN":"找不到此 AI 正在运行且可输入的终端。LoadToAgent 无法直接向在外部终端中启动的 AI 输入内容。"},
     "terminal.agent.reconnected": {"ko":"{provider} 세션 {sessionId}을 다시 연결했습니다. 이어서 지시할 수 있습니다.","en":"Reconnected {provider} session {sessionId}. You can continue giving instructions.","zh-CN":"已重新连接 {provider} 会话 {sessionId}，您可以继续发出指令。"},
     "terminal.agent.resume_terminal_failed": {"ko":"AI 세션을 재개할 터미널을 만들지 못했습니다.","en":"Could not create a terminal to resume the AI session.","zh-CN":"无法创建用于恢复 AI 会话的终端。"},
+    "terminal.agent.wsl_distro_missing": {"ko":"이 세션은 WSL에서 시작됐지만 사용할 Linux 배포판을 확인할 수 없습니다. tmux 화면을 새로고침한 뒤 다시 시도해 주세요.","en":"This session started in WSL, but its Linux distribution could not be identified. Refresh the tmux view and try again.","zh-CN":"此会话在 WSL 中启动，但无法识别其 Linux 发行版。请刷新 tmux 视图后重试。"},
     "terminal.agent.resume_title": {"ko":"{provider} · {session} 이어서 작업","en":"{provider} · Continue {session}","zh-CN":"{provider} · 继续 {session}"},
     "terminal.agent.resumed_and_sent": {"ko":"{provider} 세션 {sessionId}을 이어받아 지시를 보냈습니다.","en":"Resumed {provider} session {sessionId} and sent the instructions.","zh-CN":"已恢复 {provider} 会话 {sessionId} 并发送指令。"},
     "terminal.agent.select_target": {"ko":"지시를 보낼 터미널을 먼저 선택하세요.","en":"Select the terminal to send instructions to first.","zh-CN":"请先选择要发送指令的终端。"},
@@ -1363,6 +1373,11 @@
     "control.waiting_background_session": {"ko":"응답 대기 · 백그라운드 실행 중","en":"Waiting for response · background work running","zh-CN":"等待回复 · 后台任务运行中"},
     "control.auto_history_in_minutes": {"ko":"{minutes}분 뒤 지난 기록으로 이동","en":"Moves to history in {minutes} min","zh-CN":"{minutes} 分钟后移至历史记录"},
     "control.move_to_history": {"ko":"지난 기록으로 이동","en":"Move to history","zh-CN":"移至历史记录"},
+    "control.project_group_actions": {"ko":"프로젝트 그룹 열기와 닫기","en":"Project group expand and collapse controls","zh-CN":"项目组展开和折叠控件"},
+    "control.expand_all_projects": {"ko":"모두 열기","en":"Expand all","zh-CN":"全部展开"},
+    "control.collapse_all_projects": {"ko":"모두 닫기","en":"Collapse all","zh-CN":"全部折叠"},
+    "control.all_projects_expanded": {"ko":"모든 프로젝트 그룹을 열었습니다.","en":"Expanded all project groups.","zh-CN":"已展开所有项目组。"},
+    "control.all_projects_collapsed": {"ko":"모든 프로젝트 그룹을 닫았습니다.","en":"Collapsed all project groups.","zh-CN":"已折叠所有项目组。"},
     "control.moved_to_history": {"ko":"세션을 지난 기록으로 옮겼습니다.","en":"Session moved to history.","zh-CN":"会话已移至历史记录。"},
     "control.live_summary": {"ko":"메인 {sessions} · 서브 {helpers} · 실행 {executions}","en":"{sessions} lead · {helpers} helper · {executions} commands","zh-CN":"主 {sessions} · 协助 {helpers} · 执行 {executions}"},
     "control.main_assignment": {"ko":"메인 에이전트가 시킨 일","en":"Assigned by the lead agent","zh-CN":"主智能体分配的任务"},

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">

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,59 @@ 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.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;
 }