loadtoagent 1.3.9 → 1.3.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "loadtoagent",
-  "version": "1.3.9",
+  "version": "1.3.10",
   "description": "A local desktop dashboard for Claude, Codex, Gemini, and Grok sessions.",
   "main": "main.js",
   "author": "wincube AX",
@@ -124,11 +124,17 @@
       "target": [
         {
           "target": "dmg",
-          "arch": ["arm64", "x64"]
+          "arch": [
+            "arm64",
+            "x64"
+          ]
         },
         {
           "target": "zip",
-          "arch": ["arm64", "x64"]
+          "arch": [
+            "arm64",
+            "x64"
+          ]
         }
       ],
       "artifactName": "LoadToAgent-${version}-${arch}.${ext}"

package/renderer/app-agent-actions.js

@@ -330,6 +330,7 @@ window.LoadToAgentAppFactories.createAgentActions = function createAgentActions(
         try {
           await window.LoadToAgentTerminal.resumeForAgent(targetSession, routedCommand, true, { focus: false });
           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_background"));
         } catch (error) {

package/renderer/app-dashboard.js

@@ -211,7 +211,9 @@ window.LoadToAgentAppFactories.createDashboard = function createDashboard(contex
       if (desktopList.dataset.overflowBound !== "true") {
         desktopList.dataset.overflowBound = "true";
         desktopList.addEventListener("scroll", updateProjectOverflow, { passive: true });
-        desktopList._overflowObserver = new ResizeObserver(updateProjectOverflow);
+        // Mutating layout-related classes directly inside ResizeObserver can
+        // trigger Chromium's "undelivered notifications" loop warning.
+        desktopList._overflowObserver = new ResizeObserver(() => requestAnimationFrame(updateProjectOverflow));
         desktopList._overflowObserver.observe(desktopList);
       }
       requestAnimationFrame(updateProjectOverflow);

package/renderer/app-drawer.js

@@ -197,7 +197,7 @@ window.LoadToAgentAppFactories.createDrawer = function createDrawer(context = {}
     motionState.drawerRenderKey = renderKey;
     motionState.drawerTab = state.drawerTab;
     const detailError = state.detailErrors.get(state.selectedId);
-    content.innerHTML = detailLoading
+    const nextContentHtml = detailLoading
       ? `<div class="drawer-loading"><span></span><b>${esc(t("drawer.loading_history"))}</b><small>${esc(t("drawer.loading_history_help"))}</small></div>`
       : detailError
         ? `<div class="drawer-error">
@@ -216,10 +216,28 @@ window.LoadToAgentAppFactories.createDrawer = function createDrawer(context = {}
             : state.drawerTab === "lifecycle"
               ? lifecycleHtml(session)
               : tokensHtml(session);
+    if (motionState.drawerContentHtml !== nextContentHtml) {
+      content.innerHTML = nextContentHtml;
+      motionState.drawerContentHtml = nextContentHtml;
+    }
     const composer = $("#drawerComposer");
     const showComposer = !executionMode && !detailLoading && !detailError && state.drawerTab === "chat" && typeof agentCommandComposer === "function";
     composer.classList.toggle("hidden", !showComposer);
-    composer.innerHTML = showComposer ? agentCommandComposer(session, { conversation: true }) : "";
+    const nextComposerHtml = showComposer ? agentCommandComposer(session, { conversation: true }) : "";
+    const focusedDraft = document.activeElement?.matches?.("[data-agent-command-draft]")
+      && composer.contains(document.activeElement)
+      && document.activeElement.dataset.agentCommandDraft === session.id;
+    // Session snapshots arrive while the user is typing. Replacing the
+    // composer would destroy the focused textarea and its IME/caret state.
+    // Keep that exact node alive until focus leaves it; the delegated input
+    // handler already mirrors the current draft into state.
+    if (!focusedDraft && motionState.drawerComposerHtml !== nextComposerHtml) {
+      composer.innerHTML = nextComposerHtml;
+      motionState.drawerComposerHtml = nextComposerHtml;
+    } else if (!showComposer && composer.innerHTML) {
+      composer.innerHTML = "";
+      motionState.drawerComposerHtml = "";
+    }
     restoreDisclosureStates(content);
     content.classList.toggle("motion-content-in", shouldAnimateContent && !motionPreference.matches);
     clearTimeout(motionState.drawerContentTimer);

package/renderer/app-graph-orchestration.js

@@ -35,6 +35,8 @@ window.LoadToAgentAppFactories.createGraphOrchestration = function createGraphOr
 
   function renderAgentMap(sessions, motionKind = "refresh") {
     const liveSessionGrid = $("#liveSessionGrid");
+    const preserveFocusedComposer = document.activeElement?.matches?.("[data-agent-command-draft]")
+      && liveSessionGrid.contains(document.activeElement);
     rememberDisclosureStates(liveSessionGrid);
     const model = connectedGraphSessions(sessions);
     const focus =
@@ -47,7 +49,7 @@ window.LoadToAgentAppFactories.createGraphOrchestration = function createGraphOr
         ? [...rootSessions].sort((a, b) => Number((b.context && b.context.percent) || 0) - Number((a.context && a.context.percent) || 0))
         : stableSessionSort(rootSessions);
     if (!model.nodes.length) {
-      liveSessionGrid.innerHTML = "";
+      if (!preserveFocusedComposer) liveSessionGrid.innerHTML = "";
       $("#graphBreadcrumbs").innerHTML = "";
       $("#graphResetBtn").classList.add("hidden");
       $("#agentMapToolbar")?.classList.add("hidden");
@@ -61,7 +63,7 @@ window.LoadToAgentAppFactories.createGraphOrchestration = function createGraphOr
       $("#agentMapToolbar")?.classList.remove("hidden");
       $("#controlRoomProjectToolbar")?.classList.add("hidden");
       $("#controlRoomListToolbar")?.classList.add("hidden");
-      liveSessionGrid.innerHTML = focusedGraph(focus, model, motionKind);
+      if (!preserveFocusedComposer) liveSessionGrid.innerHTML = focusedGraph(focus, model, motionKind);
       const path = graphPath(focus, model.byId);
       $("#graphBreadcrumbs").innerHTML = `<button type="button" data-graph-reset>${esc(t("graph.task_list"))}</button>${path
         .map((item) => {
@@ -77,7 +79,7 @@ window.LoadToAgentAppFactories.createGraphOrchestration = function createGraphOr
       scheduleAgentWorkflowConnections();
     } else {
       const runtime = runtimeAgentSummary(model, liveTmuxEntries(state.snapshot && state.snapshot.tmux));
-      liveSessionGrid.innerHTML = runtimeSeparatedOverview(roots, model, roots);
+      if (!preserveFocusedComposer) liveSessionGrid.innerHTML = runtimeSeparatedOverview(roots, model, roots);
       restoreDisclosureStates(liveSessionGrid);
       $("#graphBreadcrumbs").innerHTML = "";
       $("#agentMapToolbar")?.classList.add("hidden");

package/renderer/app-management.js

@@ -246,6 +246,8 @@ window.LoadToAgentAppFactories.createManagement = function createManagement(cont
   function renderAttentionInbox() {
     const section = $("#attentionInbox");
     if (!section) return 0;
+    const preserveFocusedComposer = document.activeElement?.matches?.("[data-agent-command-draft]")
+      && section.contains(document.activeElement);
     const reviewSessions = context.filteredSessions().filter(needsManagementReview);
     const filter = ["critical", "warning", "attention"].includes(state.managementFilter) ? state.managementFilter : "all";
     const sessions = reviewSessions.filter(session => filter === "all" || matchesManagementFilter(session, filter));
@@ -255,13 +257,14 @@ window.LoadToAgentAppFactories.createManagement = function createManagement(cont
       attention: reviewSessions.filter(session => matchesManagementFilter(session, "attention")).length,
     };
     const filterButton = (value, label, count) => `<button type="button" data-management-inbox-filter="${value}" aria-pressed="${filter === value ? "true" : "false"}"><i></i><span>${esc(label)}</span><b>${count}</b></button>`;
-    section.innerHTML = `<header class="attention-inbox-head"><div><p>${esc(t("management.inbox_eyebrow"))}</p><h2>${esc(t("management.inbox_title"))}</h2><span>${esc(t("management.inbox_description"))}</span></div><strong>${sessions.length}</strong></header>
+    const nextHtml = `<header class="attention-inbox-head"><div><p>${esc(t("management.inbox_eyebrow"))}</p><h2>${esc(t("management.inbox_title"))}</h2><span>${esc(t("management.inbox_description"))}</span></div><strong>${sessions.length}</strong></header>
       <div class="attention-inbox-summary" role="toolbar" aria-label="${esc(t("management.operations_severity_buckets"))}">
         <div class="management-filter-all">${filterButton("all", t("management.filter_all"), reviewSessions.length)}</div>
         <div class="management-filter-group response" role="group" aria-label="${esc(t("management.filter_group_response"))}"><small>${esc(t("management.filter_group_response"))}</small>${filterButton("attention", t("management.health.attention"), counts.attention)}</div>
         <div class="management-filter-group risk" role="group" aria-label="${esc(t("management.filter_group_risk"))}"><small>${esc(t("management.filter_group_risk"))}</small>${filterButton("critical", t("management.health.critical"), counts.critical)}${filterButton("warning", t("management.health.warning"), counts.warning)}</div>
       </div>
       <div class="attention-card-list">${sessions.length ? sessions.map(attentionCardHtml).join("") : `<div class="management-empty"><b>${esc(t("management.inbox_empty"))}</b><span>${esc(t("management.inbox_empty_detail"))}</span></div>`}</div>`;
+    if (!preserveFocusedComposer) section.innerHTML = nextHtml;
     return sessions.length;
   }
 

package/renderer/app-runtime-overview.js

@@ -275,6 +275,13 @@ window.LoadToAgentAppFactories.createRuntimeOverview = function createRuntimeOve
         ${selected ? loopDetail(selected) : noActiveLoop()}
       </section>
     </div>`;
+    // Restore scroll synchronously before another snapshot render can replace
+    // this freshly-created DOM and accidentally capture zero as its position.
+    const immediateScheduleList = section.querySelector(".runtime-schedule-list");
+    const immediateSelectedTab = section.querySelector(".runtime-loop-tab.selected");
+    const immediateTabList = immediateSelectedTab?.closest(".runtime-loop-tabs");
+    if (immediateScheduleList) immediateScheduleList.scrollTop = scheduleScrollTop;
+    if (immediateTabList) immediateTabList.scrollLeft = loopScrollLeft;
     requestAnimationFrame(() => {
       if (renderVersion !== runtimeRenderVersion) return;
       const scheduleList = section.querySelector(".runtime-schedule-list");

package/renderer/styles-overlays.css

@@ -151,7 +151,8 @@
   animation: motion-backdrop-in var(--motion-medium) ease both;
 }
 
-.drawer-backdrop.closing {
+.drawer-backdrop.closing,
+.drawer-backdrop.hidden {
   animation: motion-backdrop-out 260ms ease both;
   pointer-events: none;
 }

package/renderer/terminal-agent.js

@@ -153,12 +153,15 @@ window.LoadToAgentTerminalAgentActions = function createModule(context) {
     const created = await window.loadtoagent.terminalCreate({
       type: 'agent',
       provider: support.provider,
-      args: resumeLaunchArgs(support, sendDraft ? prompt : '', { background: options.focus === false }),
+      args: resumeLaunchArgs(support, sendDraft ? prompt : ''),
       cwd,
       distro,
       bridgeId: agentSession.id,
       title,
-      transient: options.focus === false,
+      // Conversation sends must keep the resumed PTY alive. A transient
+      // one-shot process can exit after spawn (for example when the session is
+      // busy) while the composer incorrectly reports that the prompt was sent.
+      transient: false,
       cols: 120,
       rows: 32,
     });

package/renderer/terminal.js

@@ -179,11 +179,9 @@
     return { supported: true, provider, sessionId, args };
   }
 
-  function resumeLaunchArgs(support, prompt = '', options = {}) {
+  function resumeLaunchArgs(support, prompt = '') {
     const args = [...support.args];
     const text = String(prompt || '').trim();
-    if (options.background && text && support.provider === 'codex') return ['exec', 'resume', support.sessionId, text];
-    if (options.background && text && support.provider === 'claude') return ['--resume', support.sessionId, '--print', text];
     if (text) args.push(text);
     return args;
   }
@@ -698,13 +696,26 @@
       state.active = false;
       return;
     }
+    // Snapshot renders call activate repeatedly while this view is already
+    // open. Refreshing and re-showing the same xterm screen would temporarily
+    // hide its helper textarea and steal direct keyboard focus.
+    if (!enteringMode) return;
     await refreshSessions();
     if (!state.active || state.mode !== nextMode) return;
+    let selectionChanged = false;
     if (enteringMode && !state.selectedId && !state.selectedTmux) {
       const visible = modeSessions();
-      if (visible.length) state.selectedId = visible[0].id;
-      else if (state.mode === 'tmux') state.selectedTmux = tmuxRows()[0] || null;
+      if (visible.length) {
+        state.selectedId = visible[0].id;
+        selectionChanged = true;
+      } else if (state.mode === 'tmux') {
+        state.selectedTmux = tmuxRows()[0] || null;
+        selectionChanged = Boolean(state.selectedTmux);
+      }
     }
+    // refreshSessions already rendered and showed the existing selection. Avoid
+    // hiding the same xterm host a second time after users can start typing.
+    if (!selectionChanged) return;
     renderAll();
     await showSelection();
   }