loadtoagent 1.3.6 → 1.3.8

package/renderer/styles-control-room.css

@@ -252,10 +252,10 @@
 }
 
 .control-room-project-toolbar {
-  min-height: 40px;
-  gap: 10px;
-  margin: -4px 0 6px;
-  padding: 4px;
+  min-height: 52px;
+  gap: var(--space-3,12px);
+  margin: 0 0 var(--space-3,12px);
+  padding: 6px;
   border: 1px solid rgba(89,216,255,.14);
   border-radius: 11px;
   background: rgba(7,13,20,.58);
@@ -266,7 +266,7 @@
   display: flex;
   flex: 1 1 auto;
   align-items: center;
-  gap: 6px;
+  gap: 10px;
   max-height: none;
   padding: 0;
   overflow-x: auto;
@@ -278,15 +278,41 @@
   display: none;
 }
 
+.control-room-project-list.is-overflowing {
+  padding-bottom: 5px;
+  scrollbar-color: rgba(89,216,255,.58) rgba(89,216,255,.08);
+  scrollbar-width: thin;
+  mask-image: linear-gradient(to right,#000 0,#000 calc(100% - 28px),transparent 100%);
+}
+
+.control-room-project-list.is-overflowing.is-scrolled-end {
+  mask-image: none;
+}
+
+.control-room-project-list.is-overflowing::-webkit-scrollbar {
+  display: block;
+  height: 5px;
+}
+
+.control-room-project-list.is-overflowing::-webkit-scrollbar-track {
+  border-radius: 999px;
+  background: rgba(89,216,255,.08);
+}
+
+.control-room-project-list.is-overflowing::-webkit-scrollbar-thumb {
+  border-radius: 999px;
+  background: rgba(89,216,255,.58);
+}
+
 .control-room-project-toolbar .workspace-item {
   width: auto;
   min-width: max-content;
-  min-height: 30px !important;
+  min-height: 40px !important;
   display: inline-flex;
   flex: 0 0 auto;
   align-items: center;
-  gap: 7px;
-  padding: 0 10px;
+  gap: 8px;
+  padding: 0 12px;
   border: 1px solid rgba(106,132,154,.25);
   border-radius: 8px;
   background: rgba(13,21,30,.88);
@@ -306,7 +332,7 @@
 
 .control-room-project-toolbar .workspace-item small {
   min-width: 20px;
-  height: 20px;
+  height: 22px;
   display: inline-grid;
   place-items: center;
   margin: 0;
@@ -314,10 +340,18 @@
   border-radius: 999px;
   background: rgba(115,139,159,.15);
   color: #bcc8d2;
-  font-size: 11px;
+  font-size: 12px;
   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);
@@ -338,13 +372,13 @@
 
 .control-room-add-project {
   min-width: max-content;
-  min-height: 30px !important;
+  min-height: 40px !important;
   display: inline-flex;
   flex: 0 0 auto;
   align-items: center;
   justify-content: center;
-  gap: 5px;
-  padding: 0 11px;
+  gap: 8px;
+  padding: 0 13px;
   border: 1px solid rgba(89,216,255,.72);
   border-radius: 8px;
   background: rgba(9,27,37,.72);
@@ -355,7 +389,7 @@
 }
 
 #controlRoomProjectToolbar #addWorkspaceBtn {
-  min-height: 30px !important;
+  min-height: 40px !important;
 }
 
 .control-room-add-project:hover {
@@ -364,9 +398,9 @@
 }
 
 .control-room-list-toolbar {
-  min-height: 34px;
-  gap: 7px;
-  margin-bottom: 8px;
+  min-height: 40px;
+  gap: 10px;
+  margin-bottom: var(--space-3,12px);
 }
 
 .control-room-toolbar-spacer {
@@ -381,8 +415,8 @@
 .control-room-select-field select {
   width: 136px;
   min-width: 136px;
-  height: 34px;
-  min-height: 34px !important;
+  height: 40px;
+  min-height: 40px !important;
   padding: 0 31px 0 12px;
   border: 1px solid rgba(104,130,151,.28);
   border-radius: 8px;
@@ -397,13 +431,13 @@
 }
 
 #controlRoomListToolbar select {
-  height: 34px;
-  min-height: 34px !important;
+  height: 40px;
+  min-height: 40px !important;
 }
 
 .control-room-search {
-  width: 36px;
-  height: 34px;
+  width: 42px;
+  height: 40px;
   position: relative;
   display: flex;
   flex: 0 0 auto;
@@ -440,10 +474,10 @@
 }
 
 .control-room-search button {
-  width: 42px;
-  height: 32px;
-  min-width: 34px;
-  min-height: 32px !important;
+  width: 40px;
+  height: 40px;
+  min-width: 40px;
+  min-height: 40px !important;
   position: absolute;
   right: 0;
   display: grid;
@@ -459,68 +493,44 @@
 }
 
 #controlRoomSearchBtn {
-  min-width: 34px;
-  min-height: 32px !important;
+  min-width: 40px;
+  min-height: 40px !important;
 }
 
-.control-room-pagination {
+.control-room-disclosure-actions {
   display: flex;
   flex: 0 0 auto;
   align-items: center;
-  gap: 6px;
+  gap: 10px;
 }
 
-.control-room-page-summary {
+.control-room-disclosure-actions button {
+  height: 40px;
   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: 5px;
-}
-
-.control-room-page-buttons button {
-  width: 40px;
-  height: 34px;
-  min-width: 38px;
-  min-height: 34px !important;
-  display: grid;
-  place-items: center;
+  min-height: 40px !important;
+  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;
-  min-height: 34px !important;
+#controlRoomExpandAll,
+#controlRoomCollapseAll {
+  min-width: 76px;
+  min-height: 40px !important;
 }
 
 .control-room-legend {
@@ -567,7 +577,7 @@
 
 .control-room-overview {
   display: grid;
-  gap: 6px;
+  gap: var(--space-3,12px);
 }
 
 .control-room-project-group {
@@ -580,8 +590,8 @@
   box-shadow: inset 0 1px rgba(255,255,255,.018);
 }
 
-.control-project-header {
-  min-height: 42px;
+body details.control-room-project-group > summary.control-project-header {
+  min-height: 50px !important;
   display: flex;
   align-items: center;
   gap: 10px;
@@ -640,20 +650,20 @@
 }
 
 .control-project-heading small {
-  color: #76879a;
+  color: #9aabba;
   white-space: nowrap;
-  font-size: 11px;
+  font-size: 12px;
 }
 
 .control-project-heading em {
   min-width: 22px;
-  height: 20px;
+  height: 22px;
   display: grid;
   place-items: center;
   border-radius: 999px;
   background: rgba(89,216,255,.12);
   color: #73deee;
-  font-size: 11px;
+  font-size: 12px;
   font-style: normal;
   font-weight: 750;
 }
@@ -662,11 +672,12 @@
   width: 24px;
   height: 28px;
   position: absolute;
-  top: 7px;
+  top: 11px;
   right: 133px;
   display: grid;
   place-items: center;
   color: #718597;
+  cursor: grab;
 }
 
 .control-project-handle::before {
@@ -741,8 +752,8 @@
 }
 
 .control-project-body .control-room-session > header {
-  min-height: 34px;
-  padding: 1px 15px;
+  min-height: 42px;
+  padding: 5px 15px;
 }
 
 .control-project-body .control-room-session > header > .session-drag-handle,
@@ -751,59 +762,68 @@
 }
 
 .control-project-body .control-room-flow {
-  padding: 3px 15px 6px 16px;
+  padding: 10px 15px 12px 16px;
 }
 
 .control-project-body .control-column-label {
-  min-height: 14px;
-  height: 14px;
-  line-height: 14px;
+  min-height: 24px;
+  height: 24px;
+  line-height: 24px;
 }
 
 .control-project-body .control-room-main {
-  gap: 8px;
-  padding: 11px 13px;
+  gap: 10px;
+  padding: 14px;
 }
 
 .control-project-body .control-main-now {
-  padding: 7px 9px;
+  padding: 9px 10px;
 }
 
-.control-room-project-group.is-preview[open] .control-project-body {
-  max-height: 94px;
-  overflow: hidden;
-  position: relative;
+.control-room-project-group:not([open]) .control-project-header {
+  min-height: 50px !important;
 }
 
-.control-room-project-group.is-preview[open] .control-project-body::after {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  height: 22px;
-  background: linear-gradient(transparent,rgba(7,12,18,.94));
-  content: "";
-  pointer-events: none;
+.control-room-project-group:not([open]) {
+  margin-top: 0;
 }
 
-.control-room-project-group.is-collapsed .control-project-header {
-  min-height: 50px !important;
+.control-room-project-group:not([open]) .control-project-heading {
+  padding-left: 10px;
 }
 
-.control-room-project-group.is-collapsed {
-  margin-top: 3px;
+.control-room-project-group:not([open]) .control-project-heading > i {
+  display: none;
 }
 
-.control-room-project-group.is-collapsed .control-project-handle {
-  display: none;
+.control-room-project-group.project-sort-dragging {
+  opacity: .48;
 }
 
-.control-room-project-group.is-collapsed .control-project-heading {
-  padding-left: 10px;
+.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.is-collapsed .control-project-heading > i {
-  display: 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 {
@@ -940,7 +960,7 @@
   flex: 0 0 auto;
   color: #9d8a68;
   white-space: nowrap;
-  font-size: 11px;
+  font-size: 12px;
 }
 
 .control-room-session > header > button {
@@ -1220,7 +1240,7 @@
 .control-room-node-list {
   display: grid;
   grid-template-columns: repeat(2,minmax(0,1fr));
-  gap: 8px;
+  gap: 10px;
 }
 
 .control-room-node {
@@ -1335,7 +1355,7 @@
 
 .completed-list {
   grid-template-columns: 1fr;
-  gap: 6px;
+  gap: 10px;
 }
 
 .completed-list .control-room-node {
@@ -1991,9 +2011,9 @@
   }
 
   .control-room-project-toolbar {
-    gap: 7px;
-    margin-top: 3px;
-    padding: 4px;
+    gap: 10px;
+    margin-top: 4px;
+    padding: 6px;
   }
 
   .control-room-project-toolbar .workspace-item,
@@ -2010,8 +2030,8 @@
   }
 
   .control-room-list-toolbar {
-    gap: 6px;
-    flex-wrap: nowrap;
+    gap: 10px;
+    flex-wrap: wrap;
   }
 
   .control-room-toolbar-spacer,
@@ -2033,13 +2053,13 @@
 
   #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;
   }
@@ -2053,6 +2073,16 @@
     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;
@@ -2064,7 +2094,7 @@
 
   .control-room-pagination {
     margin-left: auto;
-    gap: 5px;
+    gap: 10px;
   }
 
   .control-room-page-summary {

package/renderer/styles-readability.css

@@ -16,6 +16,13 @@
   --panel-2: #121d28;
   --panel-3: #172532;
   --focus: #99ebff;
+  --space-1: 4px;
+  --space-2: 8px;
+  --space-3: 12px;
+  --space-4: 16px;
+  --space-5: 24px;
+  --control-gap: 12px;
+  --control-height: 44px;
 }
 
 html,
@@ -118,6 +125,10 @@ body[data-current-view="all"] #sessionSection { order: 8; }
   min-height: 48px;
 }
 
+.top-actions {
+  gap: var(--space-4);
+}
+
 .sync-state.connection-error > span {
   background: var(--red, #ff7373);
   box-shadow: 0 0 9px rgba(255, 115, 115, .55);
@@ -879,7 +890,7 @@ body :is(
 
 body button:not(.icon-button) {
   min-width: 44px;
-  min-height: 44px !important;
+  min-height: var(--control-height) !important;
   font-size: 12px !important;
   line-height: 1.35;
 }
@@ -916,7 +927,7 @@ body :is(
   .detail-meta-actions,
   .mobile-bottom-nav
 ) {
-  gap: 8px !important;
+  gap: var(--control-gap) !important;
 }
 
 /* Keep adjacent controls visually and physically distinct at every breakpoint. */
@@ -930,18 +941,30 @@ body :is(
   .run-prompt-examples,
   .path-field
 ) {
-  gap: 8px !important;
+  gap: var(--control-gap) !important;
 }
 
 .sidebar .section-title {
   height: auto;
   min-height: 44px;
-  margin-bottom: 8px;
+  margin-bottom: var(--space-3);
   padding-block: 2px;
 }
 
 .sidebar .workspace-list {
-  gap: 8px !important;
+  gap: 10px !important;
+}
+
+.session-tools,
+.modal-actions,
+.run-modal-actions,
+.app-error-actions {
+  gap: var(--control-gap) !important;
+}
+
+.modal-actions,
+.run-modal-actions {
+  margin-top: var(--space-5);
 }
 
 .run-modal.terminal-modal :is(.field-label, label, small),
@@ -1017,7 +1040,7 @@ body .primary-button:disabled {
   }
 
   .mobile-bottom-nav {
-    gap: 8px !important;
+    gap: 10px !important;
   }
 }
 

package/renderer/styles-responsive-shell.css

@@ -7,13 +7,25 @@
 
 /* Compact screens ≤ 1280px: collapse content columns and simplify the side rail. */
 @media (max-width:1280px) {
+  body[data-current-view="all"] .topbar {
+    display: block;
+  }
+
+  body[data-current-view="all"] .top-actions {
+    width: 100%;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+    margin-top: 16px;
+  }
+
+  body[data-current-view="all"] .top-actions > * {
+    flex: 0 0 auto;
+  }
+
   .session-grid {
     grid-template-columns: 1fr;
   }
-}
 
-/* Compact screens ≤ 1100px: collapse content columns and simplify the side rail. */
-@media (max-width:1100px) {
   .sessions-heading {
     align-items: flex-start;
     flex-direction: column;
@@ -34,11 +46,6 @@
     max-width: 100%;
     overflow-x: auto;
   }
-
-  .top-actions {
-    flex-wrap: wrap;
-    justify-content: flex-end;
-  }
 }
 
 /* Compact screens ≤ 980px: keep project filtering readable while reducing the side rail. */

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,