loadtoagent 1.3.7 → 1.3.8

package/main.js

@@ -523,7 +523,7 @@ async function setupRuntime() {
 
 function bridgePresence() {
   if (!terminalManager) return [];
-  const environment = process.platform === 'win32' ? 'windows' : (process.platform === 'darwin' ? 'macos' : 'linux');
+  const localEnvironment = process.platform === 'win32' ? 'windows' : (process.platform === 'darwin' ? 'macos' : 'linux');
   return terminalManager.list()
     .filter(session => !session.transient && session.type === 'agent' && (session.status === 'running' || session.status === 'starting'))
     .map(session => ({
@@ -535,7 +535,8 @@ function bridgePresence() {
       pid: session.pid,
       cwd: session.cwd,
       startedAt: session.createdAt,
-      environment,
+      environment: session.distro && process.platform === 'win32' ? 'wsl' : localEnvironment,
+      distro: session.distro || '',
       kind: 'bridge',
       label: 'LoadToAgent 외부 터미널 브리지',
     }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "loadtoagent",
-  "version": "1.3.7",
+  "version": "1.3.8",
   "description": "A local desktop dashboard for Claude, Codex, Gemini, and Grok sessions.",
   "main": "main.js",
   "author": "wincube AX",
@@ -43,6 +43,7 @@
   "scripts": {
     "start": "electron .",
     "test": "node scripts/regression-test.js",
+    "test:accuracy": "node scripts/accuracy-evaluation.js",
     "test:terminal": "electron scripts/terminal-integration-test.js",
     "test:terminal:mac-stress": "node scripts/mac-terminal-stress-check.js",
     "test:terminal-restart": "node scripts/terminal-restart-persistence-check.js",

package/renderer/app-agent-actions.js

@@ -91,6 +91,39 @@ window.LoadToAgentAppFactories.createAgentActions = function createAgentActions(
     return session?.parentId ? `${session.id}:${route}` : session.id;
   }
 
+  function conversationMessageKey(message) {
+    const id = String(message?.id || "").trim();
+    if (id) return `id:${id}`;
+    return `${message?.role || ""}:${String(message?.text || "").replace(/\s+/g, " ").trim()}:${message?.timestamp || ""}`;
+  }
+
+  function beginConversationMessage(session, command) {
+    const detail = state.details.get(session.id);
+    const baselineMessages = [...(session.messages || []), ...(detail?.messages || [])];
+    const entry = {
+      id: `local:${session.id}:${Date.now()}:${Math.random().toString(36).slice(2, 8)}`,
+      text: command,
+      timestamp: new Date().toISOString(),
+      status: "sending",
+      presented: false,
+      baselineMessageKeys: new Set(baselineMessages.map(conversationMessageKey)),
+    };
+    const pending = state.pendingConversationMessages.get(session.id) || [];
+    pending.push(entry);
+    state.pendingConversationMessages.set(session.id, pending);
+    state.drawerForceLatest = true;
+    context.renderDrawer?.();
+    return entry;
+  }
+
+  function updateConversationMessage(sessionId, entry, status, error = "") {
+    if (!entry) return;
+    entry.status = status;
+    entry.error = error;
+    state.drawerForceLatest = true;
+    context.renderDrawer?.();
+  }
+
   function agentControlMode(session, targets) {
     if (targets.length && isLiveSession(session)) return "direct";
     const resume = agentResumeSupport(session);
@@ -194,7 +227,7 @@ window.LoadToAgentAppFactories.createAgentActions = function createAgentActions(
     const placeholder = editable ? t(options.conversation ? "agent.conversation_placeholder" : "agent.command_example") : status;
     const availabilityClass = mode === "direct" ? "connected" : ["resume", "handoff", "origin-resume"].includes(mode) ? "resume-ready" : "unavailable";
     return `<form class="agent-command-panel ${availabilityClass} control-${mode} ${options.conversation ? "conversation-composer" : ""}"
-      data-agent-command-form="${esc(session.id)}" data-agent-command-route-selected="${esc(route)}" data-agent-command-routing="${routingEnabled ? "conversation" : "session"}">
+      data-agent-command-form="${esc(session.id)}" data-agent-command-route-selected="${esc(route)}" data-agent-command-routing="${options.conversation ? "conversation" : "session"}">
       <header>
         <span class="agent-command-icon" aria-hidden="true">›_</span>
         <span><b>${esc(t(options.conversation ? "agent.conversation_title" : "agent.command_title"))}</b><small>${esc(status)}</small></span>
@@ -255,7 +288,8 @@ window.LoadToAgentAppFactories.createAgentActions = function createAgentActions(
     if (state.agentCommandSending.has(sessionId)) return;
     const session = snapshotSession(sessionId);
     if (!session || !window.LoadToAgentTerminal) return context.toast(t("agent.latest_not_found"));
-    const routingEnabled = form?.dataset.agentCommandRouting === "conversation" && Boolean(session.parentId);
+    const conversationSubmission = form?.dataset.agentCommandRouting === "conversation";
+    const routingEnabled = conversationSubmission && Boolean(session.parentId);
     const requestedRoute = routingEnabled ? form?.dataset.agentCommandRouteSelected || selectedAgentCommandRoute(session) : "direct";
     const routeContext = routingEnabled
       ? routedAgentCommandContext(session, requestedRoute)
@@ -274,26 +308,20 @@ window.LoadToAgentAppFactories.createAgentActions = function createAgentActions(
     if (mode === "resume" || mode === "handoff" || mode === "origin-resume") {
       if (input) state.agentCommandDrafts.set(sessionId, input.value);
       if (!command) return context.toast(t("agent.enter_command"));
-      if (routingEnabled && routeContext.route === "parent") {
+      if (conversationSubmission) {
         state.agentCommandSending.add(sessionId);
-        const submit = form.querySelector('[type="submit"]');
-        if (submit) {
-          submit.disabled = true;
-          submit.textContent = t("agent.sending");
-        }
+        const pendingMessage = beginConversationMessage(session, command);
         try {
           await window.LoadToAgentTerminal.resumeForAgent(targetSession, routedCommand, true, { focus: false });
           state.agentCommandDrafts.delete(sessionId);
-          if (input) input.value = "";
-          context.toast(t("agent.command_routed_via_parent"));
+          updateConversationMessage(sessionId, pendingMessage, "awaiting");
+          context.toast(t(routingEnabled && routeContext.route === "parent" ? "agent.command_routed_via_parent" : "agent.command_sent_background"));
         } catch (error) {
+          updateConversationMessage(sessionId, pendingMessage, "failed", errorText(error, "agent.send_failed"));
           context.toast(errorText(error, "agent.send_failed"));
         } finally {
           state.agentCommandSending.delete(sessionId);
-          if (submit && submit.isConnected) {
-            submit.disabled = false;
-            submit.textContent = t("agent.send_via_parent");
-          }
+          context.renderDrawer?.();
         }
         return;
       }
@@ -307,6 +335,8 @@ window.LoadToAgentAppFactories.createAgentActions = function createAgentActions(
       return context.toast(t(agentCommandTargets(session).length ? "agent.select_target_first" : "agent.no_writable_terminal"));
     if (!command) return context.toast(t("agent.enter_command"));
     state.agentCommandSending.add(sessionId);
+    if (input) state.agentCommandDrafts.set(sessionId, input.value);
+    const pendingMessage = conversationSubmission ? beginConversationMessage(session, command) : null;
     const submit = form.querySelector('[type="submit"]');
     if (submit) {
       submit.disabled = true;
@@ -316,28 +346,33 @@ window.LoadToAgentAppFactories.createAgentActions = function createAgentActions(
       await window.LoadToAgentTerminal.dispatchAgentCommand(targetSession, routedCommand, target.id);
       state.agentCommandDrafts.delete(sessionId);
       if (input) input.value = "";
+      updateConversationMessage(sessionId, pendingMessage, "awaiting");
       context.toast(t(routingEnabled && routeContext.route === "parent" ? "agent.command_routed_via_parent" : "agent.command_sent", { target: target.label }));
     } catch (error) {
-      if (session.parentId) {
-        context.toast(errorText(error, "agent.send_failed"));
-        return;
-      }
-      const latest = snapshotSession(sessionId) || session;
+      const latest = snapshotSession(targetSession.id) || targetSession;
       const support = agentResumeSupport(latest);
-      if (!agentCommandTargets(latest).length && support.supported) {
+      const shouldRecover = support.supported
+        && (conversationSubmission || !agentCommandTargets(latest).length);
+      if (shouldRecover) {
         try {
           state.agentCommandDrafts.set(sessionId, command);
-          await window.LoadToAgentTerminal.resumeForAgent(latest, command, true);
+          await window.LoadToAgentTerminal.resumeForAgent(latest, routedCommand, true, { focus: conversationSubmission ? false : true });
           state.agentCommandDrafts.delete(sessionId);
           if (input) input.value = "";
+          updateConversationMessage(sessionId, pendingMessage, "awaiting");
           context.toast(t("agent.recovered_and_sent"));
           return;
         } catch (resumeError) {
+          updateConversationMessage(sessionId, pendingMessage, "failed", errorText(resumeError, "agent.recovery_failed"));
           context.toast(errorText(resumeError, "agent.recovery_failed"));
         }
-      } else context.toast(errorText(error, "agent.send_failed"));
+      } else {
+        updateConversationMessage(sessionId, pendingMessage, "failed", errorText(error, "agent.send_failed"));
+        context.toast(errorText(error, "agent.send_failed"));
+      }
     } finally {
       state.agentCommandSending.delete(sessionId);
+      if (conversationSubmission) context.renderDrawer?.();
       if (submit && submit.isConnected) {
         submit.disabled = false;
         submit.textContent = t(routingEnabled && routeContext.route === "parent" ? "agent.send_via_parent" : "agent.send_now");

package/renderer/app-dashboard.js

@@ -51,7 +51,11 @@ window.LoadToAgentAppFactories.createDashboard = function createDashboard(contex
   }
 
   function normalizedProjectPath(value) {
-    return String(value || "").trim().replace(/\\/g, "/").replace(/\/+$/, "").toLocaleLowerCase();
+    let normalized = String(value || "").trim().replace(/\\/g, "/");
+    normalized = normalized.replace(/^\/\/\?\/([a-z]:\/)/i, "$1");
+    const wslWindowsMount = normalized.match(/^\/mnt\/([a-z])(?:\/(.*))?$/i);
+    if (wslWindowsMount) normalized = `${wslWindowsMount[1]}:/${wslWindowsMount[2] || ""}`;
+    return normalized.replace(/\/+$/, "").toLocaleLowerCase();
   }
 
   function projectContainsPath(projectPath, candidatePath) {
@@ -67,8 +71,15 @@ window.LoadToAgentAppFactories.createDashboard = function createDashboard(contex
 
   function observedProjects(sessions = displaySessions().filter((session) => !session.parentId)) {
     const projects = new Map();
-    const saved = state.workspaces.map((item) => ({ ...item, key: normalizedProjectPath(item.path) }));
-    saved.forEach((item) => projects.set(item.key, { path: item.path, name: item.name || projectName(item.path), saved: true, count: 0 }));
+    const saved = state.workspaces.map((item, index) => ({ ...item, key: normalizedProjectPath(item.path), order: index }));
+    saved.forEach((item) => projects.set(item.key, {
+      path: item.path,
+      name: item.name || projectName(item.path),
+      saved: true,
+      order: item.order,
+      count: 0,
+      liveCount: 0,
+    }));
     sessions.filter((session) => !session.parentId && !isProjectlessSession(session)).forEach((session) => {
       const originPath = sessionOriginPath(session);
       if (!originPath) return;
@@ -77,8 +88,16 @@ window.LoadToAgentAppFactories.createDashboard = function createDashboard(contex
         .sort((a, b) => b.key.length - a.key.length)[0];
       const path = owner ? owner.path : originPath;
       const key = normalizedProjectPath(path);
-      const project = projects.get(key) || { path, name: projectName(path), saved: false, count: 0 };
+      const project = projects.get(key) || {
+        path,
+        name: projectName(path),
+        saved: false,
+        order: Number.MAX_SAFE_INTEGER,
+        count: 0,
+        liveCount: 0,
+      };
       project.count += 1;
+      if (isControlRoomSession(session)) project.liveCount += 1;
       project.lastActivityAt = !project.lastActivityAt || Date.parse(session.updatedAt || 0) > Date.parse(project.lastActivityAt || 0)
         ? session.updatedAt
         : project.lastActivityAt;
@@ -93,7 +112,7 @@ window.LoadToAgentAppFactories.createDashboard = function createDashboard(contex
       item.name = parts.slice(-2).join("/") || item.name;
     });
     return items.sort((a, b) => Number(b.count || 0) - Number(a.count || 0)
-      || Number(b.saved) - Number(a.saved)
+      || Number(a.order ?? Number.MAX_SAFE_INTEGER) - Number(b.order ?? Number.MAX_SAFE_INTEGER)
       || String(a.name).localeCompare(String(b.name), uiLocale()));
   }
 
@@ -130,24 +149,20 @@ window.LoadToAgentAppFactories.createDashboard = function createDashboard(contex
     const rootSessions = displaySessions().filter((session) => !session.parentId);
     const liveRootSessions = rootSessions.filter(isControlRoomSession);
     const projects = observedProjects(rootSessions);
-    const savedProjectOrder = new Map(state.workspaces.map((workspace, index) => [normalizedProjectPath(workspace.path), index]));
-    const liveProjects = observedProjects(liveRootSessions).sort((a, b) => {
-      const aOrder = savedProjectOrder.get(normalizedProjectPath(a.path));
-      const bOrder = savedProjectOrder.get(normalizedProjectPath(b.path));
-      if (aOrder != null || bOrder != null) return (aOrder ?? Number.MAX_SAFE_INTEGER) - (bOrder ?? Number.MAX_SAFE_INTEGER);
-      return Number(b.count || 0) - Number(a.count || 0) || String(a.name).localeCompare(String(b.name), uiLocale());
-    });
+    const liveProjects = observedProjects(liveRootSessions);
     const projectlessCount = rootSessions.filter(isProjectlessSession).length;
     const liveProjectlessCount = liveRootSessions.filter(isProjectlessSession).length;
     const savedWorkspaceExists = state.workspace === "all"
       || (state.workspace === PROJECTLESS_WORKSPACE && projectlessCount > 0)
       || projects.some((project) => normalizedProjectPath(project.path) === normalizedProjectPath(state.workspace));
     if (!savedWorkspaceExists) state.workspace = "all";
-    const projectButton = (item, compactClass = "") => `<button type="button" class="workspace-item observed-project ${compactClass} ${state.workspace === item.path ? "selected" : ""}"
+    const projectButton = (item, compactClass = "") => `<button type="button" class="workspace-item observed-project ${compactClass} ${Number(item.liveCount || 0) ? "has-live-sessions" : ""} ${state.workspace === item.path ? "selected" : ""}"
       data-workspace="${esc(item.path)}" title="${esc(item.path)}"
+      data-live-session-count="${Number(item.liveCount || 0)}"
       aria-label="${esc(t("project.filter_named", { name: item.name, count: item.count }))}"
       aria-pressed="${state.workspace === item.path ? "true" : "false"}">
       <strong>${esc(item.name)}</strong><small>${Number(item.count || 0)}</small>
+      ${Number(item.liveCount || 0) ? `<span class="workspace-live-state" title="${esc(t("project.in_progress"))}"><i aria-hidden="true"></i><b>${esc(t("project.in_progress"))}</b></span>` : ""}
       </button>`;
     const mobileHtml =
       `<button type="button" class="workspace-item ${state.workspace === "all" ? "selected" : ""}"
@@ -551,6 +566,32 @@ window.LoadToAgentAppFactories.createDashboard = function createDashboard(contex
     return true;
   }
 
+  function ensureProjectOrder(projectKeys = []) {
+    if (!Array.isArray(state.projectOrder)) state.projectOrder = [];
+    const known = new Set(state.projectOrder);
+    for (const value of projectKeys) {
+      const key = String(value || "");
+      if (!key || known.has(key)) continue;
+      state.projectOrder.push(key);
+      known.add(key);
+    }
+    return state.projectOrder;
+  }
+
+  function moveProjectOrder(sourceId, targetId, placeAfter = false) {
+    const source = String(sourceId || "");
+    const target = String(targetId || "");
+    if (!source || !target || source === target) return false;
+    const order = ensureProjectOrder([source, target]);
+    const sourceIndex = order.indexOf(source);
+    if (sourceIndex < 0 || !order.includes(target)) return false;
+    order.splice(sourceIndex, 1);
+    const targetIndex = order.indexOf(target);
+    order.splice(targetIndex + (placeAfter ? 1 : 0), 0, source);
+    state.projectOrder = order;
+    return true;
+  }
+
   function graphFilteredSessions() {
     let sessions = displaySessions();
     if (state.providerFilters.size) sessions = sessions.filter((session) => state.providerFilters.has(session.provider));
@@ -607,6 +648,8 @@ window.LoadToAgentAppFactories.createDashboard = function createDashboard(contex
     graphFilteredSessions,
     stableSessionSort,
     moveSessionOrder,
+    ensureProjectOrder,
+    moveProjectOrder,
     renderProviderVisibilitySettings,
   };
 };

package/renderer/app-drawer-content.js

@@ -38,7 +38,7 @@ window.LoadToAgentAppFactories.createDrawerContent = function createDrawerConten
       if (message.role === "tool" && current && current.assistants.length) current.activityAfterAssistant = true;
     }
     const latestIndex = turns.length - 1;
-    const live = session.status === "running" || session.status === "starting";
+    const live = options.forceLatestLive || session.status === "running" || session.status === "starting";
     return turns.map((turn, index) => ({
       ...turn,
       representative: turn.assistants.at(-1) || null,
@@ -57,16 +57,66 @@ window.LoadToAgentAppFactories.createDrawerContent = function createDrawerConten
     const answerKind = assistant && options.answerKind
       ? `<span class="chat-answer-kind${options.live ? " is-live" : ""}">${esc(options.answerKind)}</span>`
       : "";
-    return `<div class="chat-row ${assistant ? "assistant" : "user"}" data-message-id="${esc(message.id || "")}">
+    const deliveryStatus = !assistant && message.deliveryStatus
+      ? `<span class="chat-delivery-status ${esc(message.deliveryStatus)}">${esc(t(message.deliveryStatus === "failed"
+        ? "drawer.message_failed"
+        : message.deliveryStatus === "sending"
+          ? "drawer.message_sending"
+          : "drawer.message_sent"))}</span>`
+      : "";
+    const optimisticClasses = message.optimistic
+      ? ` is-optimistic is-${esc(message.deliveryStatus || "awaiting")}${message.animate ? " is-new" : ""}`
+      : "";
+    return `<div class="chat-row ${assistant ? "assistant" : "user"}${optimisticClasses}" data-message-id="${esc(message.id || "")}">
       <span class="chat-avatar">${esc(avatar)}</span>
       <div class="chat-bubble">
       <div class="chat-bubble-head">
       <b>${esc(label)}</b>
-      <span title="${esc(fullTime)}">${esc(timeOnly(message.timestamp))}</span>${answerKind}
+      <span title="${esc(fullTime)}">${esc(timeOnly(message.timestamp))}</span>${deliveryStatus}${answerKind}
       </div>${messageContentHtml(message, session.id)}</div>
       </div>`;
   }
 
+  function conversationOverlay(session) {
+    const pending = state.pendingConversationMessages.get(session.id) || [];
+    if (!pending.length) return { session, forceLatestLive: false };
+    const messages = [...(session.messages || [])];
+    const messageKey = (message) => {
+      const id = String(message?.id || "").trim();
+      if (id) return `id:${id}`;
+      return `${message?.role || ""}:${String(message?.text || "").replace(/\s+/g, " ").trim()}:${message?.timestamp || ""}`;
+    };
+    const normalizedText = (value) => String(value || "").replace(/\s+/g, " ").trim();
+    const retained = [];
+    let forceLatestLive = false;
+    for (const entry of pending) {
+      const newMessages = messages.filter(message => !entry.baselineMessageKeys?.has(messageKey(message)));
+      const actualUser = newMessages.find(message =>
+        message.role === "user" && normalizedText(message.text) === normalizedText(entry.text));
+      const newAssistant = newMessages.find(message => message.role === "assistant" && normalizedText(message.text));
+      if (actualUser && newAssistant) continue;
+      if (!actualUser) {
+        messages.push({
+          id: entry.id,
+          role: "user",
+          text: entry.text,
+          timestamp: entry.timestamp,
+          optimistic: true,
+          animate: !entry.presented,
+          deliveryStatus: entry.status,
+        });
+        entry.presented = true;
+      }
+      if (newAssistant) entry.status = "resolved";
+      if (entry.status === "sending" || entry.status === "awaiting") forceLatestLive = true;
+      retained.push(entry);
+    }
+    if (retained.length) state.pendingConversationMessages.set(session.id, retained);
+    else state.pendingConversationMessages.delete(session.id);
+    messages.sort((left, right) => Date.parse(left.timestamp || 0) - Date.parse(right.timestamp || 0));
+    return { session: { ...session, messages }, forceLatestLive };
+  }
+
   function progressUpdatesHtml(turn, session) {
     if (!turn.progress.length) return "";
     const rows = turn.progress.map((message, index) => {
@@ -224,13 +274,15 @@ window.LoadToAgentAppFactories.createDrawerContent = function createDrawerConten
   }
 
   function chatHtml(session, options = {}) {
+    const overlay = conversationOverlay(session);
+    session = overlay.session;
     const messages = session.messages || [];
     const calls = options.showSubagentCalls === false ? [] : subagentCallEvents(session);
     if (!messages.length && !calls.length) return `<div class="empty-state"><h3>${esc(t("drawer.no_conversation"))}</h3></div>`;
     const userLabel = options.userLabel || t("drawer.user");
     const assistantLabel = options.assistantLabel || providerInfo(session.provider).label;
     const conversationLabel = options.conversationLabel || t("drawer.conversation");
-    const turns = conversationTurns(session, options);
+    const turns = conversationTurns(session, { ...options, forceLatestLive: overlay.forceLatestLive });
     const progressCount = turns.reduce((sum, turn) => sum + turn.progress.length, 0);
     const omitted = Number(session.omittedMessages || 0);
     const notice =
@@ -375,17 +427,31 @@ window.LoadToAgentAppFactories.createDrawerContent = function createDrawerConten
       const inheritedText = parentMessageKeys.has(messageKey(message));
       return !inheritedId && !inheritedText;
     });
+    const existingKeys = new Set(messages.map(messageKey));
+    for (const event of subagentCoordinationEvents(session)) {
+      if (!["followup", "message"].includes(event.kind) || !normalizedText(event.text)) continue;
+      const message = {
+        id: `${session.id}:coordination:${event.id}`,
+        role: "user",
+        text: event.text,
+        timestamp: event.timestamp || session.updatedAt,
+        source: "coordination",
+      };
+      const key = messageKey(message);
+      if (existingKeys.has(key)) continue;
+      messages.push(message);
+      existingKeys.add(key);
+    }
     const hasConversation = messages.some((message) =>
       (message.role === "user" || message.role === "assistant") && String(message.text || "").trim(),
     );
-    if (hasConversation) return messages;
-    if (delegation.assignmentObserved && !delegation.assignmentProtected && String(delegation.assignment || "").trim()) {
+    if (!hasConversation && 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()) {
+    if (!hasConversation && 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,
@@ -515,5 +581,9 @@ window.LoadToAgentAppFactories.createDrawerContent = function createDrawerConten
     </div>`;
   }
 
-  return { conversationTurns, chatHtml, lifecycleHtml, tokensHtml, subagentCommunicationEvents, subagentCoordinationEvents, subagentTextPreview, subagentConversationHtml, executionActivityDetailHtml };
+  return {
+    conversationTurns, chatHtml, lifecycleHtml, tokensHtml,
+    subagentCommunicationEvents, subagentCoordinationEvents, subagentWorkMessages,
+    subagentTextPreview, subagentConversationHtml, executionActivityDetailHtml,
+  };
 };

package/renderer/app-events-filters.js

@@ -4,7 +4,7 @@ window.LoadToAgentAppFactories = window.LoadToAgentAppFactories || {};
 
 window.LoadToAgentAppFactories.createFilterEventBindings = function createFilterEventBindings(context = {}) {
   const t = (key, params) => window.LoadToAgentI18n.t(key, params);
-  const { $, state, setProviderVisible = () => {}, visibleSnapshot = () => state.snapshot, closeDrawer = () => {}, openDrawer = () => {}, renderSessions, render, renderWorkspaces, renderProviderOverview, renderProviderFilter, toggleProviderFilter, announceProviderFilter, filteredSessions, performUiAction, toast, announce, normalizedSearch = (value) => String(value || "").trim(), saveDashboardPreferences = () => {}, restoreDialogTrigger = () => {}, setDialogOpenState = () => {} } = context;
+  const { $, state, setProviderVisible = () => {}, visibleSnapshot = () => state.snapshot, closeDrawer = () => {}, openDrawer = () => {}, renderSessions, render, renderWorkspaces, renderProviderOverview, renderProviderFilter, toggleProviderFilter, announceProviderFilter, filteredSessions, performUiAction, toast, announce, normalizedSearch = (value) => String(value || "").trim(), saveDashboardPreferences = () => {}, restoreDialogTrigger = () => {}, setDialogOpenState = () => {}, syncControlRoomDisclosureButtons = () => {} } = context;
 
   function bindFilterAndWorkspaceEvents() {
     const syncFilterResetButton = () => {
@@ -62,7 +62,6 @@ window.LoadToAgentAppFactories.createFilterEventBindings = function createFilter
       if (item) {
         const label = item.querySelector("strong")?.textContent.trim() || t("project.all");
         state.workspace = item.dataset.workspace;
-        state.controlRoomPage = 0;
         state.visibleLimit = 30;
         renderWorkspaces();
         renderSessions("filter");
@@ -74,9 +73,12 @@ window.LoadToAgentAppFactories.createFilterEventBindings = function createFilter
           setDialogOpenState(menu, false);
           menu?.classList.add("hidden");
           $("#mobileMoreBtn")?.setAttribute("aria-expanded", "false");
-          const focusResults = () => ($("#liveSessionGrid")?.querySelector("[data-graph-focus], [data-open-session]")
-            || $("#sessionGrid")?.querySelector("[data-session-id]")
-            || $("#mainContent"))?.focus({ preventScroll: true });
+          const focusResults = () => {
+            const result = $("#liveSessionGrid")?.querySelector("[data-graph-focus], [data-open-session]")
+              || $("#sessionGrid")?.querySelector("[data-session-id]");
+            result?.focus({ preventScroll: true });
+            if (document.activeElement !== result) $("#mainContent")?.focus({ preventScroll: true });
+          };
           restoreDialogTrigger();
           focusResults();
           requestAnimationFrame(focusResults);
@@ -93,7 +95,6 @@ window.LoadToAgentAppFactories.createFilterEventBindings = function createFilter
     const controlProjectSelect = $("#controlRoomProjectSelect");
     controlProjectSelect?.addEventListener("change", (event) => {
       state.workspace = event.target.value;
-      state.controlRoomPage = 0;
       state.visibleLimit = 30;
       renderWorkspaces();
       renderSessions("filter");
@@ -104,7 +105,6 @@ window.LoadToAgentAppFactories.createFilterEventBindings = function createFilter
     const controlSortSelect = $("#controlRoomSortSelect");
     controlSortSelect?.addEventListener("change", (event) => {
       state.controlRoomSort = event.target.value;
-      state.controlRoomPage = 0;
       state.visibleLimit = 30;
       renderSessions("filter");
       syncFilterResetButton();
@@ -131,7 +131,6 @@ window.LoadToAgentAppFactories.createFilterEventBindings = function createFilter
       if ($("#searchInput")) $("#searchInput").value = value;
       controlSearchTimer = setTimeout(() => {
         state.search = normalizedSearch(value);
-        state.controlRoomPage = 0;
         state.visibleLimit = 30;
         renderSessions("filter");
         syncFilterResetButton();
@@ -150,16 +149,18 @@ window.LoadToAgentAppFactories.createFilterEventBindings = function createFilter
         controlSearchButton?.focus();
       }
     });
-    $("#controlRoomPagePrev")?.addEventListener("click", (event) => {
-      state.controlRoomPage = Math.max(0, Number(state.controlRoomPage || 0) - 1);
-      renderSessions("filter");
-      event.currentTarget.focus({ preventScroll: true });
-    });
-    $("#controlRoomPageNext")?.addEventListener("click", (event) => {
-      state.controlRoomPage = Math.max(0, Number(state.controlRoomPage || 0) + 1);
-      renderSessions("filter");
-      event.currentTarget.focus({ preventScroll: true });
-    });
+    const setAllControlRoomGroups = (open) => {
+      document.querySelectorAll("#liveSessionGrid .control-room-project-group").forEach(group => {
+        group.open = open;
+      });
+      syncControlRoomDisclosureButtons();
+      announce(t(open ? "control.all_projects_expanded" : "control.all_projects_collapsed"));
+    };
+    $("#controlRoomExpandAll")?.addEventListener("click", () => setAllControlRoomGroups(true));
+    $("#controlRoomCollapseAll")?.addEventListener("click", () => setAllControlRoomGroups(false));
+    $("#liveSessionGrid")?.addEventListener("toggle", (event) => {
+      if (event.target.matches?.(".control-room-project-group")) syncControlRoomDisclosureButtons();
+    }, true);
     let searchTimer = null;
     $("#searchInput").addEventListener("input", (event) => {
       clearTimeout(searchTimer);
@@ -168,7 +169,6 @@ window.LoadToAgentAppFactories.createFilterEventBindings = function createFilter
       syncFilterResetButton();
       searchTimer = setTimeout(() => {
         state.search = normalizedSearch(value);
-        state.controlRoomPage = 0;
         state.visibleLimit = 30;
         renderSessions("filter");
         announce(window.LoadToAgentI18n.t("filter.search_results", { count: filteredSessions().length }));
@@ -181,7 +181,6 @@ window.LoadToAgentAppFactories.createFilterEventBindings = function createFilter
       $("#searchInput").value = "";
       $("#searchClearBtn").classList.add("hidden");
       state.search = "";
-      state.controlRoomPage = 0;
       state.visibleLimit = 30;
       renderSessions("filter");
       announce(window.LoadToAgentI18n.t("filter.search_cleared"));
@@ -212,7 +211,6 @@ window.LoadToAgentAppFactories.createFilterEventBindings = function createFilter
       const chip = event.target.closest("[data-provider-filter]");
       if (!chip) return;
       toggleProviderFilter(chip.dataset.providerFilter);
-      state.controlRoomPage = 0;
       state.visibleLimit = 30;
       renderProviderFilter();
       renderProviderOverview();
@@ -229,7 +227,6 @@ window.LoadToAgentAppFactories.createFilterEventBindings = function createFilter
     });
     $("#sortSelect").addEventListener("change", (event) => {
       state.sort = event.target.value;
-      state.controlRoomPage = 0;
       state.visibleLimit = 30;
       renderSessions("filter");
       const label = event.target.selectedOptions[0]?.textContent || event.target.value;
@@ -244,7 +241,6 @@ window.LoadToAgentAppFactories.createFilterEventBindings = function createFilter
       state.workspace = "all";
       state.sort = "recent";
       state.controlRoomSort = "recent";
-      state.controlRoomPage = 0;
       state.visibleLimit = 30;
       $("#searchInput").value = "";
       $("#searchClearBtn").classList.add("hidden");