@tutti-os/agent-gui 0.0.11 → 0.0.13

package/dist/{agentConversationVM-BtHYOTgv.d.ts → agentConversationVM-BVe64P2E.d.ts}

@@ -1,4 +1,4 @@
-import { W as WorkspaceAgentActivityCard, n as WorkspaceAgentActivitySession, T as ToolCallStatusKind, p as WorkspaceAgentActivityTimelineItem } from './workspaceAgentActivityListViewModel-BLLYGuFO.js';
+import { W as WorkspaceAgentActivityCard, n as WorkspaceAgentActivitySession, T as ToolCallStatusKind, p as WorkspaceAgentActivityTimelineItem } from './workspaceAgentActivityListViewModel-BK_J3aNX.js';
 
 interface WorkspaceAgentSessionDetailMessage {
     id: string;

package/dist/app/renderer/agentactivity.css

@@ -3104,24 +3104,12 @@ aside.workspace-agents-status-panel
   position: absolute;
   top: calc(100% + 8px);
   z-index: 1;
-  display: inline-grid;
-  width: 24px;
-  height: 24px;
-  place-items: center;
-  border: 1px solid var(--line-2, var(--tutti-line-2));
-  border-radius: 6px;
-  background: var(--background-fronted);
-  color: var(--text-secondary);
   opacity: 0;
-  outline: none;
   pointer-events: none;
   transform: translateY(-2px);
   transition:
     opacity 120ms ease,
-    transform 120ms ease,
-    color 120ms ease,
-    border-color 120ms ease,
-    background 120ms ease;
+    transform 120ms ease;
 }
 
 .agent-gui-conversation__message-group[data-agent-message-speaker="user"]
@@ -3143,25 +3131,7 @@ aside.workspace-agents-status-panel
   transform: translateY(0);
 }
 
-.agent-gui-conversation__message-copy-button:hover {
-  border-color: var(--border-focus);
-  background: var(--background-panel);
-  color: var(--text-primary);
-}
-
-.agent-gui-conversation__message-copy-button:focus-visible {
-  border-color: var(--border-focus);
-  color: var(--text-primary);
-  outline: 2px solid var(--border-focus);
-  outline-offset: 2px;
-}
-
 .agent-gui-conversation__message-copy-button[data-copied="true"] {
-  border-color: color-mix(
-    in srgb,
-    var(--state-success, #22c55e) 42%,
-    transparent
-  );
   color: var(--state-success, #22c55e);
 }
 
@@ -3756,7 +3726,7 @@ aside.workspace-agents-status-panel
   --agent-conversation-text: var(--text-primary);
   --agent-conversation-user-text: var(--text-primary);
   --agent-conversation-user-bg: var(--agent-gui-surface-muted);
-  --agent-gui-detail-padding-x: 28px;
+  --agent-gui-detail-padding-x: 24px;
   --agent-gui-detail-flow-max-width: 1280px;
   width: 100%;
   height: 100%;
@@ -3786,6 +3756,10 @@ aside.workspace-agents-status-panel
   transition: grid-template-columns 100ms cubic-bezier(0.2, 0, 0, 1);
 }
 
+.agent-gui-node__layout[data-rail-resizing="true"] {
+  transition: none;
+}
+
 .agent-gui-node__rail-panel {
   min-width: 0;
   min-height: 0;
@@ -3817,6 +3791,10 @@ aside.workspace-agents-status-panel
     opacity 80ms ease;
 }
 
+.agent-gui-node__rail-resize-handle[data-resizing="true"] {
+  transition: none;
+}
+
 .agent-gui-node__rail-resize-handle--collapsed {
   left: -6px;
   opacity: 0;
@@ -4917,7 +4895,7 @@ button.agent-gui-node__conversation-section-toggle:hover
   gap: 24px;
   min-height: 0;
   overflow: auto;
-  padding: 32px 32px 24px;
+  padding: 32px var(--agent-gui-detail-padding-x) 24px;
   scroll-padding-bottom: 24px;
   background: transparent;
 }
@@ -5099,16 +5077,29 @@ button.agent-gui-node__conversation-section-toggle:hover
   bottom: 0;
   z-index: 4;
   display: grid;
-  align-self: center;
+  align-self: stretch;
   box-sizing: border-box;
   gap: 0;
-  width: min(100%, var(--agent-gui-detail-flow-max-width));
+  margin-right: auto;
+  margin-left: auto;
+  width: min(
+    100%,
+    calc(
+      var(--agent-gui-detail-flow-max-width) +
+        var(--agent-gui-detail-padding-x) + var(--agent-gui-detail-padding-x)
+    )
+  );
   margin-top: auto;
   padding-top: 0;
   background: transparent;
   border-top: 0;
 }
 
+.agent-gui-node__bottom-dock > .agent-gui-node__composer {
+  padding-right: 12px;
+  padding-left: 12px;
+}
+
 .agent-gui-node__bottom-dock-prompt {
   position: relative;
   z-index: 5;
@@ -5252,84 +5243,16 @@ button.agent-gui-node__conversation-section-toggle:hover
   text-transform: capitalize;
 }
 
-.agent-gui-node__detail-header-usage-chip {
-  display: inline-flex;
-  flex: 0 0 auto;
-  align-items: center;
-  border: 0;
-  border-radius: 999px;
-  padding: 2px 8px;
-  background: var(--transparency-hover);
-  color: var(--text-secondary);
-  font-size: 12px;
-  font-weight: 600;
-  line-height: 16px;
-  white-space: nowrap;
-}
-
-.agent-gui-node__detail-header-usage-chip:focus-visible {
-  outline: none;
-  box-shadow: 0 0 0 2px var(--border-1);
-}
-
-.agent-gui-node__detail-header-usage-chip[data-usage-level="warning"] {
-  color: var(--agent-gui-warning, var(--cove-label-orange));
-  background: color-mix(
-    in srgb,
-    var(--agent-gui-warning, var(--cove-label-orange)) 12%,
-    transparent
-  );
-}
-
-.agent-gui-node__detail-header-usage-chip[data-usage-level="critical"] {
-  color: var(--agent-gui-danger, var(--state-danger));
-  background: color-mix(
-    in srgb,
-    var(--agent-gui-danger, var(--state-danger)) 12%,
-    transparent
-  );
-}
-
-.agent-gui-node__detail-header-compact-button {
-  display: inline-flex;
-  flex: 0 0 auto;
-  align-items: center;
-  border: 0;
-  border-radius: 999px;
-  padding: 2px 8px;
-  background: var(--transparency-hover);
-  color: var(--text-secondary);
-  font-size: 12px;
-  font-weight: 600;
-  line-height: 16px;
-  white-space: nowrap;
-  cursor: pointer;
-}
-
-.agent-gui-node__detail-header-compact-button:hover:not(:disabled) {
-  color: var(--text-primary);
-}
-
-.agent-gui-node__detail-header-compact-button:focus-visible {
-  outline: none;
-  box-shadow: 0 0 0 2px var(--border-1);
-}
-
-.agent-gui-node__detail-header-compact-button:disabled {
-  opacity: 0.5;
-  cursor: default;
-}
-
 .agent-gui-node__usage-alert-banner {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 8px;
-  margin: 0 12px 8px;
-  border-radius: 8px;
+  margin: 0 24px;
+  border-radius: 8px 8px 0 0;
   padding: 6px 10px;
-  font-size: 12px;
-  font-weight: 600;
+  font-size: 13px;
+  font-weight: 400;
   line-height: 16px;
   color: var(--agent-gui-warning, var(--cove-label-orange));
   background: color-mix(
@@ -5361,22 +5284,15 @@ button.agent-gui-node__conversation-section-toggle:hover
 }
 
 .agent-gui-node__usage-alert-dismiss {
-  display: inline-flex;
   flex: 0 0 auto;
-  align-items: center;
-  justify-content: center;
-  border: 0;
-  border-radius: 6px;
-  padding: 4px;
-  background: transparent;
+  border-radius: 4px;
   color: inherit;
-  cursor: pointer;
 }
 
 .agent-gui-node__usage-alert-dismiss:hover,
 .agent-gui-node__usage-alert-dismiss:focus-visible {
-  background: var(--transparency-hover);
-  outline: none;
+  background: color-mix(in srgb, currentColor 12%, transparent);
+  color: inherit;
 }
 
 .agent-gui-node__layout [data-slot="status-dot"],
@@ -5573,18 +5489,9 @@ button.agent-gui-node__conversation-section-toggle:hover
 }
 
 .agent-gui-node__slash-status-panel {
-  position: relative;
-  z-index: 1;
-  display: grid;
-  justify-self: stretch;
-  width: auto;
-  margin: 0 12px;
-  padding: 6px 12px;
-  border: 1px solid var(--agent-gui-border-subtle, var(--line-2));
-  border-bottom: 0;
-  border-radius: 10px 10px 0 0;
-  background: var(--background-fronted);
-  box-shadow: 0 6px 18px rgb(0 0 0 / 4%);
+  width: 100%;
+  min-width: 0;
+  padding: 10px 12px;
   color: var(--agent-gui-text-primary);
   font-size: 11px;
 }
@@ -5984,6 +5891,24 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
   padding: 0 10px;
   font-size: 13px;
   color: var(--agent-gui-text-primary);
+  cursor: pointer;
+  transition:
+    opacity 120ms ease,
+    background 120ms ease;
+}
+
+.agent-gui-node__composer-toggle:hover:not(:disabled) {
+  background: var(--agent-gui-surface-strong, var(--agent-gui-surface-muted));
+}
+
+/* Off state: dim the control so the on/off choice reads at a glance. */
+.agent-gui-node__composer-toggle[aria-pressed="false"] {
+  opacity: 0.4;
+}
+
+.agent-gui-node__composer-toggle:disabled {
+  cursor: default;
+  opacity: 0.5;
 }
 
 .agent-gui-node__composer-queued-prompt-list {
@@ -6076,11 +6001,31 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
 }
 
 .agent-gui-node__composer-queued-prompt-body {
-  display: grid;
+  display: flex;
+  align-items: center;
   min-width: 0;
   gap: 6px;
 }
 
+.agent-gui-node__composer-queued-prompt-images {
+  display: inline-flex;
+  flex: 0 0 auto;
+  align-items: center;
+  gap: 4px;
+  min-width: 0;
+}
+
+.agent-gui-node__composer-queued-prompt-image {
+  display: block;
+  width: 28px;
+  height: 28px;
+  flex: 0 0 auto;
+  border: 1px solid var(--agent-gui-border-subtle, var(--line-2));
+  border-radius: 4px;
+  object-fit: cover;
+  background: var(--agent-gui-surface-muted);
+}
+
 .agent-gui-node__composer-queued-prompt-label {
   font-size: 13px;
   font-weight: 600;
@@ -6241,6 +6186,7 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
   min-width: 0;
   min-height: 46px;
   max-height: 72px;
+  overflow-y: auto;
   border: 0;
   background: transparent;
   color: var(--agent-gui-text-primary);
@@ -6250,6 +6196,30 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
   outline: 0;
   padding: 0;
   resize: none;
+  scrollbar-width: thin;
+  scrollbar-color: var(--transparency-hover) transparent;
+  scrollbar-gutter: stable;
+  -ms-overflow-style: auto;
+}
+
+.agent-gui-node__composer textarea::-webkit-scrollbar,
+.agent-gui-node__composer-textarea::-webkit-scrollbar {
+  display: block;
+  width: 4px;
+  height: 4px;
+}
+
+.agent-gui-node__composer textarea::-webkit-scrollbar-track,
+.agent-gui-node__composer textarea::-webkit-scrollbar-corner,
+.agent-gui-node__composer-textarea::-webkit-scrollbar-track,
+.agent-gui-node__composer-textarea::-webkit-scrollbar-corner {
+  background: transparent;
+}
+
+.agent-gui-node__composer textarea::-webkit-scrollbar-thumb,
+.agent-gui-node__composer-textarea::-webkit-scrollbar-thumb {
+  border-radius: 999px;
+  background: var(--transparency-hover);
 }
 
 .agent-gui-node__composer-input-shell[data-input-disabled="true"],
@@ -6489,12 +6459,21 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
 
 .agent-gui-node__composer-footer-right {
   flex: 1 1 auto;
-  gap: 8px;
+  gap: 2px;
   margin-left: auto;
   justify-content: flex-end;
   overflow: hidden;
 }
 
+.agent-gui-node__composer-footer-right
+  .agent-gui-node__composer-menu-trigger
+  > svg {
+  width: 16px;
+  height: 16px;
+  flex: 0 0 16px;
+  margin-left: 0;
+}
+
 .agent-gui-node__composer-menu-trigger {
   display: inline-flex;
   min-width: 0;
@@ -6535,11 +6514,27 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
   overflow: hidden;
 }
 
+.agent-gui-node__composer-menu-trigger[data-agent-model-reasoning-trigger="true"]:hover:not(
+    :disabled
+  ) {
+  color: var(--agent-gui-text-secondary);
+}
+
 .agent-gui-node__composer-menu-trigger[data-agent-model-reasoning-trigger="true"]
   > span:first-child {
   flex: 0 1 auto;
 }
 
+.agent-gui-node__composer-menu-trigger[data-agent-model-reasoning-trigger="true"]
+  > svg {
+  transition: transform 200ms ease;
+}
+
+.agent-gui-node__composer-menu-trigger[data-agent-model-reasoning-trigger="true"][data-state="open"]
+  > svg {
+  transform: rotate(180deg);
+}
+
 .agent-gui-node__composer-menu-trigger[data-permission-tone="accent"],
 .agent-gui-node__composer-menu-trigger[data-permission-tone="accent"]:hover:not(
     :disabled
@@ -6632,6 +6627,13 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
   line-height: 1.2;
 }
 
+.agent-gui-node__composer-menu-content[data-agent-composer-settings-layout="model-primary"]
+  .agent-gui-node__composer-menu-item,
+.agent-gui-node__composer-menu-content[data-agent-composer-settings-layout="model-submenu"]
+  .agent-gui-node__composer-menu-item {
+  padding-inline: 8px 10px;
+}
+
 .agent-gui-node__composer-menu-item-meta {
   min-width: 0;
   flex: 1;
@@ -6720,10 +6722,10 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
 
 .agent-gui-node__empty-hero-icon-effect {
   display: block;
-  width: 88px;
-  height: 88px;
+  width: 64px;
+  height: 64px;
   object-fit: contain;
-  border-radius: 18px;
+  border-radius: 14px;
   animation: agent-gui-empty-hero-enter 260ms cubic-bezier(0.16, 1, 0.3, 1) 40ms
     both;
 }