loadtoagent 1.0.0 → 1.3.1

package/renderer/styles-agent-map.css

@@ -311,6 +311,12 @@
   box-shadow: 0 0 0 6px rgba(138,232,255,.14)!important;
 }
 
+@media (pointer:coarse) {
+  :where(button,[role="button"],summary) {
+    min-height: 44px;
+  }
+}
+
 .provider-overview-card {
   --provider: #8fa2b7;
   position: relative;
@@ -330,7 +336,50 @@
 
 .provider-overview-card.selected {
   border-color: color-mix(in srgb,var(--provider) 66%,#344151);
-  box-shadow: inset 0 0 0 1px color-mix(in srgb,var(--provider) 28%,transparent),0 10px 30px rgba(0,0,0,.2);
+  background: linear-gradient(145deg,color-mix(in srgb,var(--provider) 15%,#10151f),#0d111a 68%);
+  box-shadow: inset 0 0 0 2px color-mix(in srgb,var(--provider) 30%,transparent),0 10px 30px rgba(0,0,0,.28),0 0 24px color-mix(in srgb,var(--provider) 10%,transparent);
+}
+
+.provider-overview-card.selected:before {
+  width: 5px;
+  opacity: 1;
+}
+
+.poc-head-states {
+  display: grid;
+  justify-items: end;
+  gap: 4px;
+  margin-left: auto;
+}
+
+.poc-head-states .poc-state {
+  margin-left: 0;
+}
+
+.poc-filter-state {
+  display: none;
+  padding: 3px 7px;
+  border: 1px solid color-mix(in srgb,var(--provider) 58%,#28483f);
+  border-radius: 999px;
+  background: color-mix(in srgb,var(--provider) 16%,#0b1515);
+  color: color-mix(in srgb,var(--provider) 72%,#eafff8);
+  font-size: 9px;
+  font-weight: 800;
+  white-space: nowrap;
+}
+
+.poc-filter-state.visible {
+  display: inline-flex;
+}
+
+.provider-overview-card.filter-clicked {
+  animation: provider-card-confirm .38s cubic-bezier(.22,1,.36,1);
+}
+
+@keyframes provider-card-confirm {
+  0% { transform: scale(.97); }
+  60% { transform: translateY(-3px) scale(1.015); }
+  100% { transform: translateY(0) scale(1); }
 }
 
 .poc-head strong {

package/renderer/styles-cards.css

@@ -109,6 +109,32 @@
   flex: 0 0 auto;
 }
 
+.card-subtitle .origin-project {
+  display: inline-flex;
+  align-items: center;
+  min-width: 0;
+  gap: 5px;
+}
+
+.card-subtitle .origin-project small {
+  flex: 0 0 auto;
+  padding: 2px 5px;
+  border: 1px solid rgba(89,216,255,.18);
+  border-radius: 5px;
+  background: rgba(89,216,255,.06);
+  color: #76c8df;
+  font-size: 8px;
+  font-weight: 750;
+  letter-spacing: .02em;
+}
+
+.card-subtitle .origin-project b {
+  overflow: hidden;
+  color: #b8c6d4;
+  font-weight: 600;
+  text-overflow: ellipsis;
+}
+
 .card-usage {
   display: grid;
   grid-template-columns: 1.1fr .9fr;

package/renderer/styles-collaboration.css

@@ -336,103 +336,33 @@
   font-size: 10px;
 }
 
-.subagent-conversation-summary {
+.subagent-work-source {
   display: grid;
-  grid-template-columns: repeat(3,minmax(0,1fr));
-  gap: 8px;
-  margin-bottom: 12px;
-}
-
-.subagent-conversation-summary>span {
-  padding: 11px;
-  border: 1px solid #263b45;
-  border-radius: 10px;
-  background: #0c171e;
-}
-
-.subagent-conversation-summary small {
-  display: block;
-  color: #718591;
-  font-size: 9px;
-}
-
-.subagent-conversation-summary b {
-  display: block;
-  margin-top: 5px;
-  color: #dce8ec;
-  font-size: 17px;
-}
-
-.subagent-conversation-summary>span:nth-child(1) b {
-  color: #76dfb8;
-}
-
-.subagent-conversation-summary>span:nth-child(2) b {
-  color: #8fc8df;
-}
-
-.subagent-dialog-row.user .chat-bubble {
-  background: #10231e;
-}
-
-.subagent-dialog-row.assistant .chat-bubble {
-  background: #111d28;
-}
-
-.subagent-dialog-row.system .chat-bubble {
-  background: #0d151c;
-}
-
-.subagent-dialog-list .chat-row.assistant {
-  padding-left: 28px;
-}
-
-.subagent-dialog-list .chat-row.user {
-  padding-right: 28px;
-}
-
-.subagent-dialog-row .chat-bubble {
-  border-color: #283c46;
-  min-width: 0;
-  max-width: 100%;
-  overflow: hidden;
+  gap: 5px;
+  margin: 0 0 14px;
+  padding: 11px 13px;
+  border: 1px solid color-mix(in srgb,var(--drawer-provider) 28%,#263844);
+  border-radius: 11px;
+  background: color-mix(in srgb,var(--drawer-provider) 6%,#0c151d);
 }
 
-.subagent-dialog-row .chat-bubble-head {
-  gap: 7px;
-  min-width: 0;
+.subagent-work-source b {
+  color: #dbe8e9;
+  font-size: 11px;
 }
 
-.subagent-dialog-row .chat-bubble-head b {
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.subagent-work-source span {
+  color: #78909a;
+  font-size: 10px;
+  line-height: 1.55;
 }
 
-.subagent-dialog-row .subagent-route {
-  margin-right: auto;
-  padding: 3px 6px;
-  border-radius: 6px;
-  background: #13242a;
-  color: #6fa89b;
-  font-size: 8px;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.subagent-coordination {
+  margin-top: 16px;
 }
 
-.subagent-event-label {
-  display: block;
-  margin: 6px 0 -2px;
-  color: #6b8f8a;
-  font-size: 8px;
-  font-weight: 750;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.subagent-coordination .subagent-message-preview p {
+  margin: 0;
 }
 
 .subagent-message-preview {

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 {
@@ -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;
@@ -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);
@@ -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;
@@ -778,14 +830,56 @@ button {
   color: #7f8da1;
   white-space: nowrap;
   cursor: pointer;
-  transition: color var(--motion-fast) ease, background-color var(--motion-fast) ease, border-color var(--motion-fast) ease;
+  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;
 }
 
-.provider-filter-chip span {
+@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;
 }
 
+.provider-filter-check {
+  display: inline-grid;
+  place-items: center;
+  width: 0;
+  height: 16px;
+  border-radius: 50%;
+  overflow: hidden;
+  background: #53d6aa;
+  color: #07130f;
+  font-size: 10px;
+  font-style: normal;
+  font-weight: 900;
+  opacity: 0;
+  transform: scale(.45);
+  transition: width var(--motion-fast) ease, opacity var(--motion-fast) ease, transform var(--motion-fast) ease;
+}
+
 .provider-filter-chip b {
   font-size: 10px;
 }
@@ -796,9 +890,27 @@ button {
 }
 
 .provider-filter-chip.selected {
-  color: #e7f8f2;
-  border-color: #315f54;
-  background: rgba(66,207,164,.13);
+  color: #f2fffb;
+  border-color: #53d6aa;
+  background: linear-gradient(135deg,rgba(66,207,164,.24),rgba(66,207,164,.11));
+  box-shadow: inset 0 0 0 1px rgba(119,238,198,.17),0 0 0 2px rgba(66,207,164,.08),0 6px 18px rgba(0,0,0,.22);
+  transform: translateY(-1px);
+}
+
+.provider-filter-chip.selected .provider-filter-check {
+  width: 16px;
+  opacity: 1;
+  transform: scale(1);
+}
+
+.provider-filter-chip.filter-clicked {
+  animation: provider-filter-confirm .36s cubic-bezier(.22,1,.36,1);
+}
+
+@keyframes provider-filter-confirm {
+  0% { transform: scale(.93); }
+  55% { transform: scale(1.06); }
+  100% { transform: translateY(-1px) scale(1); }
 }
 
 .session-grid {