loadtoagent 1.1.0 → 1.3.2

package/renderer/styles-components.css

@@ -29,6 +29,16 @@ button {
   color: inherit;
 }
 
+button[aria-busy="true"] {
+  cursor: progress;
+  opacity: .72;
+}
+
+[aria-invalid="true"] {
+  border-color: #ff7188!important;
+  box-shadow: 0 0 0 3px rgba(255,113,136,.14)!important;
+}
+
 .workspace-section {
   display: flex;
   flex: 1;
@@ -58,10 +68,13 @@ button {
 }
 
 .workspace-item strong {
+  min-width: 0;
+  flex: 1 1 auto;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-weight: 550;
+  font-size: 13px;
+  font-weight: 620;
 }
 
 .provider-mini-mark {
@@ -73,7 +86,7 @@ button {
   background: color-mix(in srgb,var(--provider) 12%,#121720);
   border: 1px solid color-mix(in srgb,var(--provider) 30%,#202938);
   color: var(--provider);
-  font-size: 8px;
+  font-size: 12px;
   font-weight: 800;
 }
 
@@ -93,8 +106,9 @@ button {
   content: "";
   width: 6px;
   height: 6px;
+  flex: 0 0 7px;
   border-radius: 2px;
-  border: 1px solid #526075;
+  border: 1px solid #718296;
 }
 
 .workspace-item button {
@@ -111,10 +125,10 @@ button {
 }
 
 .workspace-empty {
-  padding: 9px;
-  color: #536074;
-  font-size: 10px;
-  line-height: 1.5;
+  padding: 10px;
+  color: #93a3b2;
+  font-size: 12px;
+  line-height: 1.55;
 }
 
 .workspace-item.projectless:before {
@@ -129,12 +143,31 @@ button {
   padding: 2px 6px;
   border-radius: 999px;
   background: #1a2530;
-  color: #91a0ad;
-  font-size: 9px;
+  color: #afbdc8;
+  font-size: 12px;
+  font-weight: 700;
+  text-align: center;
+}
+
+.workspace-item.observed-project small,
+.workspace-item[data-workspace="all"] small {
+  margin-left: auto;
+  min-width: 20px;
+  padding: 2px 6px;
+  border-radius: 999px;
+  background: #1a2530;
+  color: #afbdc8;
+  font-size: 12px;
   font-weight: 700;
   text-align: center;
 }
 
+.workspace-item.observed-project.selected small,
+.workspace-item[data-workspace="all"].selected small {
+  background: rgba(89,216,255,.14);
+  color: #81ddf8;
+}
+
 .workspace-item.projectless.selected small {
   background: rgba(79,209,167,.15);
   color: #6ee0b8;
@@ -214,7 +247,7 @@ button {
   border-radius: 7px;
   background: color-mix(in srgb,var(--provider) 10%,#131822);
   color: var(--provider);
-  font-size: 10px;
+  font-size: 12px;
 }
 
 .activity-copy {
@@ -226,7 +259,7 @@ button {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  font-size: 9px;
+  font-size: 12px;
   font-weight: 580;
   color: #bec8d5;
 }
@@ -238,7 +271,7 @@ button {
   text-overflow: ellipsis;
   margin-top: 3px;
   color: #5f6a7b;
-  font-size: 8px;
+  font-size: 12px;
 }
 
 .activity-wave {
@@ -286,12 +319,12 @@ button {
   justify-content: space-between;
   gap: 8px;
   color: #657186;
-  font-size: 8px;
+  font-size: 12px;
 }
 
 .metric-label b {
   color: #b9c4d0;
-  font-size: 9px;
+  font-size: 12px;
 }
 
 .context-track {
@@ -372,7 +405,7 @@ button {
   max-width: 470px;
   margin: 8px 0 17px;
   color: #657185;
-  font-size: 10px;
+  font-size: 12px;
   line-height: 1.6;
 }
 
@@ -421,7 +454,7 @@ button {
   border-radius: 9px;
   background: #141a24;
   color: #8592a5;
-  font-size: 8px;
+  font-size: 12px;
   font-weight: 750;
 }
 
@@ -509,7 +542,7 @@ button {
   border-radius: 9px;
   background: #1d1810;
   color: #d6b578;
-  font-size: 10px;
+  font-size: 12px;
 }
 
 .chat-activities {
@@ -523,7 +556,7 @@ button {
 .chat-activities>summary {
   padding: 11px 13px;
   color: #91a0b1;
-  font-size: 11px;
+  font-size: 12px;
   cursor: pointer;
 }
 
@@ -546,11 +579,11 @@ button {
   gap: 10px;
   margin-bottom: 7px;
   color: #8997a8;
-  font-size: 9px;
+  font-size: 12px;
 }
 
 .chat-activities .chat-content {
-  font-size: 10px;
+  font-size: 12px;
 }
 
 .stop-run:disabled {
@@ -594,7 +627,7 @@ button {
   border-radius: 50%;
   background: #111721;
   color: #788599;
-  font-size: 7px;
+  font-size: 12px;
 }
 
 .lifecycle-event.running .life-node {
@@ -622,7 +655,7 @@ button {
   justify-content: space-between;
   margin-top: 7px;
   color: #566174;
-  font-size: 7px;
+  font-size: 12px;
 }
 
 .form-grid {
@@ -647,7 +680,7 @@ button {
   border-radius: 0 9px 9px 0;
   background: #151c27;
   color: #8995a7;
-  font-size: 9px;
+  font-size: 12px;
   cursor: pointer;
 }
 
@@ -679,14 +712,14 @@ button {
   border-radius: 9px;
   background: rgba(255,107,127,.07);
   color: #ff8c9b;
-  font-size: 9px;
+  font-size: 12px;
 }
 
 .sync-state b {
   color: #79eeb0;
   letter-spacing: .14em;
   display: block;
-  font-size: 10px;
+  font-size: 12px;
 }
 
 .sync-state small {
@@ -694,7 +727,7 @@ button {
   color: #687487;
   white-space: nowrap;
   display: block;
-  font-size: 10px;
+  font-size: 12px;
 }
 
 .map-hint {
@@ -744,6 +777,25 @@ button {
   font-size: 12px;
 }
 
+.search-clear {
+  width: 40px;
+  height: 40px;
+  flex: 0 0 40px;
+  display: grid;
+  place-items: center;
+  padding: 0;
+  border: 0;
+  border-radius: 7px;
+  background: transparent;
+  color: #8fa0b2;
+  cursor: pointer;
+}
+
+.search-clear:hover {
+  background: #1a2431;
+  color: #f0f6fb;
+}
+
 .session-tools select {
   padding: 0 28px 0 10px;
   border: 1px solid var(--line);
@@ -752,7 +804,7 @@ button {
   color: #8793a6;
   outline: 0;
   height: 40px;
-  font-size: 11px;
+  font-size: 12px;
 }
 
 .provider-filter {
@@ -770,7 +822,7 @@ button {
   display: inline-flex;
   align-items: center;
   gap: 5px;
-  min-height: 30px;
+  min-height: 36px;
   padding: 0 9px;
   border: 1px solid transparent;
   border-radius: 7px;
@@ -781,9 +833,34 @@ button {
   transition: color var(--motion-fast) ease, background-color var(--motion-fast) ease, border-color var(--motion-fast) ease, box-shadow var(--motion-fast) ease, transform var(--motion-fast) ease;
 }
 
+.filter-reset {
+  min-height: 40px;
+  padding: 0 11px;
+  border: 1px solid var(--line);
+  border-radius: 9px;
+  background: #0d121b;
+  color: #aab7c7;
+  white-space: nowrap;
+}
+
+.filter-reset:hover {
+  border-color: #3b4c60;
+  background: #151d28;
+  color: #f0f6fb;
+}
+
+@media (pointer:coarse) {
+  .search-clear,
+  .provider-filter-chip,
+  .filter-reset {
+    min-width: 44px;
+    min-height: 44px;
+  }
+}
+
 .provider-filter-mark {
   font-family: "Cascadia Code", Consolas, monospace;
-  font-size: 9px;
+  font-size: 12px;
 }
 
 .provider-filter-check {
@@ -795,7 +872,7 @@ button {
   overflow: hidden;
   background: #53d6aa;
   color: #07130f;
-  font-size: 10px;
+  font-size: 12px;
   font-style: normal;
   font-weight: 900;
   opacity: 0;
@@ -804,7 +881,7 @@ button {
 }
 
 .provider-filter-chip b {
-  font-size: 10px;
+  font-size: 12px;
 }
 
 .provider-filter-chip:hover {
@@ -860,7 +937,7 @@ button {
 .chat-row.tool pre {
   font-family: "Cascadia Code",Consolas,monospace;
   color: #9da9b8;
-  font-size: 11px;
+  font-size: 12px;
 }
 
 .life-copy b {
@@ -874,12 +951,12 @@ button {
   margin-top: 4px;
   color: #5f6b7d;
   line-height: 1.4;
-  font-size: 11px;
+  font-size: 12px;
 }
 
 .lifecycle-event time {
   color: #4f5a6b;
-  font-size: 9px;
+  font-size: 12px;
 }
 
 .chat-history-head {
@@ -898,7 +975,7 @@ button {
 
 .chat-history-head span {
   color: #79879a;
-  font-size: 11px;
+  font-size: 12px;
 }
 
 .chat-history-head button {
@@ -908,7 +985,7 @@ button {
   border-radius: 8px;
   background: #121b27;
   color: #aab7c6;
-  font-size: 10px;
+  font-size: 12px;
   cursor: pointer;
 }
 
@@ -960,7 +1037,7 @@ button {
 
 .structured-heading span {
   color: #728196;
-  font-size: 10px;
+  font-size: 12px;
 }
 
 .json-object {
@@ -978,7 +1055,7 @@ button {
 
 .json-object dt {
   color: #7f90a5;
-  font-size: 10px;
+  font-size: 12px;
   font-weight: 650;
   overflow-wrap: anywhere;
 }
@@ -1047,7 +1124,7 @@ button {
   display: block;
   margin-bottom: 7px;
   color: #718095;
-  font-size: 9px;
+  font-size: 12px;
   font-weight: 700;
   letter-spacing: .06em;
 }
@@ -1081,7 +1158,7 @@ button {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  font-size: 9px;
+  font-size: 12px;
 }
 
 .overview-branches button small {
@@ -1091,13 +1168,13 @@ button {
   white-space: nowrap;
   margin-top: 3px;
   color: #6f7d90;
-  font-size: 8px;
+  font-size: 12px;
 }
 
 .overview-branches em {
   flex: 0 0 auto;
   color: #718095;
-  font-size: 10px;
+  font-size: 12px;
   font-style: normal;
 }
 
@@ -1194,7 +1271,7 @@ button {
   border-radius: 7px;
   background: #101821;
   color: #8192a3;
-  font-size: 8px;
+  font-size: 12px;
   font-weight: 750;
   line-height: 1;
   white-space: nowrap;
@@ -1208,7 +1285,7 @@ button {
   background: transparent!important;
   color: inherit!important;
   font-family: "Cascadia Code",Consolas,monospace;
-  font-size: 9px!important;
+  font-size: 12px!important;
   font-style: normal!important;
 }
 
@@ -1220,7 +1297,7 @@ button {
 
 .execution-mode-badge small {
   color: inherit;
-  font-size: 8px;
+  font-size: 12px;
 }
 
 .execution-mode-badge.standard {