loadtoagent 1.0.0 → 1.3.1

package/renderer/styles-responsive-product.css

@@ -199,7 +199,7 @@
   }
 
   .settings-head p:last-child {
-    font-size: 10px;
+    font-size: 12px;
   }
 
   .settings-emblem {
@@ -317,34 +317,62 @@
     left: 10px;
     max-width: 430px;
     margin-left: auto;
+    max-height: calc(100dvh - 96px - env(safe-area-inset-bottom));
+    overflow-y: auto;
     padding: 12px;
     border: 1px solid #324456;
     border-radius: 16px;
     background: #111925;
-    box-shadow: 0 24px 70px rgba(0,0,0,.62);
+    scrollbar-width: thin;
+    scrollbar-color: #516272 #111925;
+    box-shadow: 0 0 0 100vmax rgba(3,7,12,.62), 0 24px 70px rgba(0,0,0,.62);
   }
 
+  .mobile-tools-menu::-webkit-scrollbar { width: 7px; }
+  .mobile-tools-menu::-webkit-scrollbar-track { background: #111925; border-radius: 999px; }
+  .mobile-tools-menu::-webkit-scrollbar-thumb { border: 2px solid #111925; border-radius: 999px; background: #607181; }
+
   .mobile-tools-menu:not(.hidden) {
     display: grid;
     gap: 7px;
   }
 
-  .mobile-tools-menu>div {
-    padding: 4px 5px 8px;
+  .mobile-tools-menu>.mobile-tools-head {
+    min-height: 48px;
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) 44px;
+    align-items: center;
+    gap: 10px;
+    padding: 0 2px 6px 5px;
   }
 
-  .mobile-tools-menu>div b {
+  .mobile-tools-menu>.mobile-tools-head>span { min-width: 0; margin: 0; }
+
+  .mobile-tools-menu>.mobile-tools-head b {
     display: block;
     font-size: 14px;
   }
 
-  .mobile-tools-menu>div span {
+  .mobile-tools-menu>.mobile-tools-head small {
     display: block;
     margin-top: 3px;
     color: #9ba9b8;
-    font-size: 11px;
+    font-size: 12px;
   }
 
+  #mobileToolsCloseBtn {
+    width: 44px;
+    min-height: 44px;
+    border: 1px solid #304557;
+    border-radius: 10px;
+    background: #0d1620;
+    color: #c9d7df;
+    font-size: 20px;
+    cursor: pointer;
+  }
+
+  #mobileToolsCloseBtn:hover { border-color: #5b778c; background: #172532; color: #fff; }
+
   .mobile-tools-menu>button {
     min-height: 58px;
     display: grid;
@@ -365,6 +393,50 @@
     background: #152230;
   }
 
+  .mobile-project-picker {
+    border: 1px solid #2b4050;
+    border-radius: 12px;
+    background: #0d161f;
+    overflow: hidden;
+  }
+
+  .mobile-project-picker>summary {
+    min-height: 58px;
+    display: grid;
+    grid-template-columns: 40px minmax(0,1fr) 18px;
+    align-items: center;
+    gap: 10px;
+    padding: 8px 10px;
+    color: #dce6ee;
+    cursor: pointer;
+    list-style: none;
+  }
+
+  .mobile-project-picker>summary::-webkit-details-marker { display: none; }
+  .mobile-project-picker>summary:hover { background: #152230; }
+  .mobile-project-picker>summary em { color: #94a8b6; font-style: normal; transition: transform .18s ease; }
+  .mobile-project-picker[open]>summary em { transform: rotate(180deg); }
+
+  .mobile-project-picker-body {
+    padding: 8px;
+    border-top: 1px solid #263947;
+    background: #0a111a;
+  }
+
+  .mobile-project-picker .workspace-list { max-height: none; overflow: visible; padding-right: 0; }
+  .mobile-project-picker .workspace-item { min-height: 44px; }
+  .mobile-project-picker .workspace-item[aria-pressed="true"],
+  .mobile-project-picker .workspace-row:has(.workspace-item[aria-pressed="true"]) { display: none; }
+  .mobile-project-picker-body>#mobileAddWorkspaceBtn {
+    width: 100%;
+    min-height: 44px;
+    margin-top: 8px;
+    border: 1px dashed #3a5668;
+    border-radius: 9px;
+    background: #111e29;
+    color: #9edff2;
+  }
+
   .mobile-tools-menu i {
     width: 38px;
     height: 38px;
@@ -385,7 +457,7 @@
     display: block;
     margin-top: 4px;
     color: #94a3b3;
-    font-size: 10px;
+    font-size: 12px;
   }
 
   .guide-toggle {
@@ -554,11 +626,11 @@
 /* Compact screens ≤ 420px: keep compact forms and dialog actions inside the safe area. */
 @media (max-width:420px) {
   .primary-button {
-    font-size: 11px;
+    font-size: 12px;
   }
 
   .ghost-button {
-    font-size: 11px;
+    font-size: 12px;
   }
 
   .beginner-guide li {
@@ -591,7 +663,7 @@
   }
 
   .new-run-cta-copy b {
-    font-size: 11px;
+    font-size: 12px;
   }
 
   .run-composer .modal-head {
@@ -647,7 +719,7 @@
   }
 
   .guide-toggle b {
-    font-size: 11px;
+    font-size: 12px;
   }
 
   .run-provider-docs {

package/renderer/styles-responsive-runtime.css

@@ -117,26 +117,31 @@
   .terminal-resource-panel {
     max-height: none;
     display: grid;
-    grid-template-columns: 205px minmax(0,1fr);
-    grid-template-rows: 92px;
+    grid-template-columns: 220px minmax(0,1fr);
+    grid-template-rows: 106px;
     border-right: 0;
     border-bottom: 1px solid #1d2d38;
   }
 
   .terminal-resource-head {
-    min-height: 92px;
+    min-height: 106px;
     border-right: 1px solid #1d2d38;
     border-bottom: 0;
   }
 
   .terminal-session-list {
-    grid-template-columns: repeat(2,minmax(0,1fr));
-    max-height: 92px;
-    padding: 9px;
+    display: grid;
+    grid-template-columns: none;
+    grid-auto-columns: minmax(250px,310px);
+    grid-auto-flow: column;
+    max-height: 106px;
+    padding: 10px;
+    overflow-x: auto;
+    overflow-y: hidden;
   }
 
   .terminal-session-item {
-    min-height: 72px;
+    min-height: 84px;
   }
 
   .terminal-resource-tip {
@@ -144,8 +149,8 @@
   }
 
   #terminalSection .terminal-workbench {
-    height: 495px;
-    min-height: 495px;
+    height: clamp(620px,calc(100vh - 270px),760px);
+    min-height: 620px;
   }
 }
 
@@ -335,11 +340,11 @@
 
   .terminal-session-list {
     grid-template-columns: 1fr;
-    max-height: 176px;
-  }
-
-  .terminal-key-actions button span {
-    display: none;
+    grid-auto-columns: auto;
+    grid-auto-flow: row;
+    max-height: 260px;
+    overflow-x: hidden;
+    overflow-y: auto;
   }
 
   .terminal-command-label>span {
@@ -358,8 +363,11 @@
 
   .terminal-console-head {
     align-items: flex-start;
+    flex-direction: column;
   }
 
+  .terminal-console-tools { width: 100%; justify-content: flex-start; flex-wrap: wrap; }
+
   .terminal-console-state {
     margin-top: 1px;
   }
@@ -666,6 +674,15 @@
     flex-direction: column;
   }
 
+  .tmux-subagent-row {
+    grid-template-columns: 26px minmax(0,1fr);
+  }
+
+  .tmux-subagent-row>button {
+    grid-column: 2;
+    justify-self: start;
+  }
+
   .tmux-pane-actions {
     width: 100%;
     justify-content: flex-start;

package/renderer/styles-responsive-shell.css

@@ -41,56 +41,28 @@
   }
 }
 
-/* Compact screens ≤ 980px: collapse content columns and simplify the side rail. */
+/* Compact screens ≤ 980px: keep project filtering readable while reducing the side rail. */
 @media (max-width:980px) {
   :root {
-    --sidebar: 76px;
-  }
-}
-
-/* Compact screens ≤ 900px: collapse content columns and simplify the side rail. */
-@media (max-width:900px) {
-  :root {
-    --sidebar: 72px;
-  }
-
-  .brand>div:last-child {
-    display: none;
-  }
-
-  .nav-item span:not(.nav-icon) {
-    display: none;
-  }
-
-  .nav-item b {
-    display: none;
+    --sidebar: 220px;
   }
 
-  .section-title span {
+  .brand small,
+  .provider-rail-item small,
+  .sidebar-footer small,
+  .sidebar-app-version {
     display: none;
   }
 
-  .provider-rail-item strong {
-    display: none;
-  }
-
-  .workspace-section {
-    display: none;
-  }
-
-  .sidebar-footer div {
-    display: none;
-  }
-
-  .brand {
-    justify-content: center;
-    padding-left: 0;
-    padding-right: 0;
-  }
+  .sidebar { padding: 20px 13px 16px; }
+  .brand { padding-bottom: 18px; }
+  .sidebar-section { margin-top: 19px; }
+}
 
-  .nav-item {
-    grid-template-columns: 1fr;
-    place-items: center;
+/* Compact screens ≤ 900px: collapse content columns and simplify the side rail. */
+@media (max-width:900px) {
+  :root {
+    --sidebar: 210px;
   }
 
   .topbar {
@@ -150,6 +122,10 @@
     overscroll-behavior: contain;
   }
 
+  body[data-current-view="terminal"] .main-stage {
+    padding-bottom: calc(92px + env(safe-area-inset-bottom));
+  }
+
   .sidebar {
     position: fixed;
     z-index: 18;
@@ -180,6 +156,26 @@
     display: none!important;
   }
 
+  .advanced-tools-nav {
+    display: contents;
+  }
+
+  .advanced-tools-nav > summary {
+    display: none;
+  }
+
+  .advanced-tools-list {
+    display: contents!important;
+  }
+
+  .advanced-tools-list .nav-item {
+    display: none;
+  }
+
+  .advanced-tools-list .runtime-nav-item {
+    display: grid;
+  }
+
   .nav-item {
     min-width: 0;
     height: 54px;
@@ -198,7 +194,7 @@
     max-width: 100%;
     overflow: hidden;
     color: inherit;
-    font-size: 9px;
+    font-size: 12px;
     font-weight: 700;
     letter-spacing: -.04em;
     text-overflow: ellipsis;
@@ -337,7 +333,7 @@
     height: 60px;
     display: grid;
     gap: 2px;
-    grid-template-columns: repeat(4,minmax(0,1fr));
+    grid-template-columns: repeat(5,minmax(0,1fr));
   }
 
   .topbar {
@@ -379,7 +375,7 @@
 /* Compact screens ≤ 640px: replace the side rail with bottom navigation and protect horizontal space. */
 @media (max-width:640px) {
   .main-stage {
-    padding: 22px 15px 40px;
+    padding: 22px 15px calc(92px + env(safe-area-inset-bottom));
   }
 
   .sessions-heading {
@@ -414,7 +410,7 @@
 /* Compact screens ≤ 430px: trim labels and spacing for the narrowest supported window. */
 @media (max-width:430px) {
   .sidebar .nav-item>span:nth-child(2) {
-    font-size: 8px;
+    font-size: 12px;
   }
 }
 
@@ -456,11 +452,11 @@
   }
 
   .token-row span {
-    font-size: 8px;
+    font-size: 12px;
   }
 
   .token-row b {
-    font-size: 11px;
+    font-size: 12px;
   }
 
   .chat-row {

package/renderer/styles-responsive-workflows.css

@@ -227,7 +227,7 @@
     align-items: flex-start;
   }
 
-  .live-section-head>p {
+  .live-section-description {
     display: none;
   }
 }
@@ -375,20 +375,6 @@
     grid-column: 1/-1;
   }
 
-  .subagent-conversation-summary {
-    grid-template-columns: 1fr;
-  }
-
-  .subagent-dialog-list .chat-row.assistant {
-    padding-left: 0;
-    padding-right: 0;
-  }
-
-  .subagent-dialog-list .chat-row.user {
-    padding-left: 0;
-    padding-right: 0;
-  }
-
   .completed-subagent-list {
     grid-template-columns: 1fr;
   }
@@ -563,7 +549,7 @@
     gap: 14px;
   }
 
-  .live-section-head>div {
+  .live-section-title {
     min-width: 0;
     align-items: flex-start;
   }
@@ -633,6 +619,37 @@
 
 /* Compact screens ≤ 640px: stack relationship cards and route connectors vertically. */
 @media (max-width:640px) {
+  .execution-activity-card>summary {
+    grid-template-columns: 30px minmax(0,1fr);
+  }
+
+  .execution-activity-state {
+    grid-column: 2;
+    align-items: flex-start;
+    max-width: 100%;
+    text-align: left;
+  }
+
+  .execution-activity-state>span:first-child,
+  .execution-activity-disclosure { justify-content: flex-start; }
+
+  .execution-activity-detail { padding: 12px; }
+
+  .execution-activity-detail dl { grid-template-columns: 1fr; }
+
+  .execution-activity-panel>header {
+    flex-direction: column;
+  }
+  .live-section-head {
+    flex-wrap: wrap;
+  }
+
+  .live-section-tools {
+    width: 100%;
+    justify-content: flex-start;
+    margin-left: 0;
+  }
+
   .global-stat {
     border-right: 0;
     border-bottom: 1px solid var(--line-soft);
@@ -772,7 +789,10 @@
 
 /* Reduced motion: preserve state changes while removing decorative movement. */
 @media (prefers-reduced-motion:reduce) {
-  .live-beacon {
+  .live-beacon,
+  .execution-activity-card.running .execution-activity-state>span:first-child i {
     animation: none!important;
   }
+
+  .execution-activity-disclosure i { transition: none; }
 }

package/renderer/styles-run-composer.css

@@ -615,6 +615,11 @@
   font-size: 11px;
 }
 
+.run-prompt-count.warning {
+  color: #ffbd68;
+  font-weight: 700;
+}
+
 .run-advanced>summary small {
   display: block;
   margin-top: 3px;