@tutti-os/agent-gui 0.0.220 → 0.0.222

package/dist/agent-conversation/index.js

@@ -7,7 +7,7 @@ import {
   reconcileProjectedAgentConversationVM,
   serializeAgentConversationForClipboard,
   useProjectedAgentConversation
-} from "../chunk-6SYYX63E.js";
+} from "../chunk-BJSTRLSI.js";
 import "../chunk-F6J3LJXK.js";
 import "../chunk-Z35E22WS.js";
 import "../chunk-LQMIEH4C.js";

package/dist/agent-gui.js

@@ -1,6 +1,6 @@
 import {
   AgentGUI
-} from "./chunk-DBM4HFIU.js";
+} from "./chunk-LZW5S3XJ.js";
 import "./chunk-LB4AGT7B.js";
 import "./chunk-A4WCTHWS.js";
 import "./chunk-7V5XYXKB.js";
@@ -11,7 +11,7 @@ import "./chunk-MGSRWYRN.js";
 import "./chunk-CBMWHQ7P.js";
 import "./chunk-KZIW5CCW.js";
 import "./chunk-EVQ4JY3N.js";
-import "./chunk-6SYYX63E.js";
+import "./chunk-BJSTRLSI.js";
 import "./chunk-F6J3LJXK.js";
 import "./chunk-Z35E22WS.js";
 import "./chunk-LQMIEH4C.js";

package/dist/app/renderer/agentactivity.css

@@ -3797,6 +3797,17 @@ aside.workspace-agents-status-panel
   margin-right: -36px;
 }
 
+/*
+ * Participant headers render once per visible turn. Later assistant-owned
+ * transcript rows are siblings of that header row, so carry the same
+ * avatar-and-gap inset onto their content without changing host row padding.
+ */
+.agent-gui-transcript-row[data-agent-transcript-row-participant-content="assistant"]
+  > * {
+  box-sizing: border-box;
+  padding-left: 36px;
+}
+
 .agent-gui-conversation__participant-name {
   overflow: hidden;
   font-size: 13px;
@@ -5636,8 +5647,6 @@ aside.workspace-agents-status-panel
   align-items: center;
   gap: 10px;
   min-width: 0;
-  /* Right inset mirrors the conversation list's 4px padding + 8px native
-     scrollbar gutter so the toolbar controls end flush with the row edges. */
   padding: 2px 12px 16px 12px;
 }
 
@@ -5978,10 +5987,9 @@ aside.workspace-agents-status-panel
   min-height: 0;
   overflow-x: hidden;
   overflow-y: auto;
-  /* Right inset stays 4px because the always-visible native scrollbar already
-     reserves an 8px gutter, keeping the visual right inset at 12px like the
-     left side. */
-  padding: 0 4px 18px 12px;
+  /* The native overlay scrollbar does not reserve a gutter on macOS, so the
+     right inset must match the left side explicitly. */
+  padding: 0 12px 18px 12px;
 }
 
 .agent-gui-node__conversation-section {
@@ -8900,6 +8908,64 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
   opacity: 1;
 }
 
+.agent-gui-node__composer-tutti-mode-icon {
+  position: relative;
+  display: inline-flex;
+  width: 16px;
+  height: 16px;
+  flex: 0 0 16px;
+  align-items: center;
+  justify-content: center;
+  /* Inherit color from the chip label so the mark tracks every state:
+     text-secondary at rest, text-primary on hover, tutti-purple when armed. */
+  contain: layout paint;
+}
+
+.agent-gui-node__composer-tutti-mode-icon-static,
+.agent-gui-node__composer-tutti-mode-icon-animated {
+  width: 16px;
+  height: 16px;
+  display: block;
+}
+
+.agent-gui-node__composer-tutti-mode-icon-static {
+  background-color: currentColor;
+  opacity: 1;
+}
+
+.agent-gui-node__composer-tutti-mode-icon:has(
+    .agent-gui-node__composer-tutti-mode-icon-animated[data-active="true"]
+  )
+  .agent-gui-node__composer-tutti-mode-icon-static {
+  opacity: 0;
+}
+
+.agent-gui-node__composer-tutti-mode-icon-animated {
+  position: absolute;
+  inset: 0;
+  /* Match the 16px static mark exactly; the APNG canvas already pads the
+    snapping hand and bursting stars, so no enlargement is applied. */
+  transform: translateZ(0);
+  opacity: 0;
+  pointer-events: none;
+  backface-visibility: hidden;
+  will-change: opacity, transform;
+}
+
+.agent-gui-node__composer-tutti-mode-icon-animated[data-active="true"] {
+  opacity: 1;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .agent-gui-node__composer-tutti-mode-icon-animated {
+    display: none;
+  }
+
+  .agent-gui-node__composer-tutti-mode-icon-static {
+    opacity: 1 !important;
+  }
+}
+
 .agent-gui-node__composer-handoff-icon[data-disabled="true"]
   .agent-gui-node__composer-handoff-icon-animated {
   opacity: 0;

package/dist/{chunk-6SYYX63E.js → chunk-BJSTRLSI.js}

@@ -12251,7 +12251,7 @@ function AgentVisibleErrorMessage({
     {
       role: isPlanOrQuotaLimit ? "status" : "alert",
       className: `box-border w-full min-w-0 rounded-[8px] border p-3 text-[13px] leading-5 text-[var(--text-primary)] ${ERROR_BANNER_CLASS_NAME}`,
-      children: /* @__PURE__ */ jsxs42("div", { className: "flex min-w-0 items-start gap-3", children: [
+      children: /* @__PURE__ */ jsxs42("div", { className: "flex min-w-0 items-center gap-3", children: [
         /* @__PURE__ */ jsxs42("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ jsx58("div", { className: "font-medium text-[var(--text-primary)]", children: headline }),
           hint ? /* @__PURE__ */ jsx58("div", { className: "mt-1 text-[11px] text-[var(--text-secondary)]", children: hint }) : null
@@ -12262,7 +12262,7 @@ function AgentVisibleErrorMessage({
             type: "button",
             variant: "ghost",
             size: "sm",
-            className: "mt-0.5 shrink-0",
+            className: "shrink-0",
             onClick: () => {
               if (externalAction?.url) {
                 onExternalLink?.(externalAction.url);
@@ -15509,6 +15509,19 @@ function participantPresentationEqual(previous, next) {
   }
   return previous.user.name === next.user.name && previous.user.avatarUrl === next.user.avatarUrl && previous.agent.name === next.agent.name && previous.agent.avatarUrl === next.agent.avatarUrl;
 }
+function isAssistantParticipantContentRow(row) {
+  switch (row.kind) {
+    case "message":
+      return row.speaker === "assistant";
+    case "generated-image":
+    case "processing":
+    case "tool-group":
+    case "turn-summary":
+      return true;
+    case "goal-control":
+      return false;
+  }
+}
 function transcriptLabelsEqual(previous, next) {
   return previous === next || previous.thinkingLabel === next.thinkingLabel && previous.processing === next.processing && previous.turnSummary === next.turnSummary && previous.rawTimelineJson === next.rawTimelineJson && previous.userMessageLocator === next.userMessageLocator && previous.toolCallsLabel === next.toolCallsLabel;
 }
@@ -15700,6 +15713,8 @@ var AgentTranscriptView = memo4(function AgentTranscriptView2({
   const renderRow = (row, rowIndex, renderKey) => {
     const rowKey = renderKey ?? (displayRows[rowIndex] === row ? rowKeys[rowIndex] ?? transcriptRowKey(row) : transcriptRowKey(row));
     const shouldAnimateEnter = row.kind !== "processing" && enteringRowKeys.has(rowKey);
+    const showParticipantHeader = participantHeaderRenderKeys?.has(rowKey) ?? false;
+    const participantContent = participantHeadersEnabled && !showParticipantHeader && isAssistantParticipantContentRow(row) ? "assistant" : void 0;
     return /* @__PURE__ */ jsx70(
       "div",
       {
@@ -15710,6 +15725,7 @@ var AgentTranscriptView = memo4(function AgentTranscriptView2({
         "data-agent-transcript-row-thinking-first": row.kind === "message" && row.speaker === "assistant" && row.thinking.length > 0 ? "true" : void 0,
         "data-agent-transcript-row-thinking-last": row.kind === "message" && row.speaker === "assistant" && row.thinking.length > 0 && row.messages.length === 0 ? "true" : void 0,
         "data-agent-transcript-row-index": rowIndex,
+        "data-agent-transcript-row-participant-content": participantContent,
         "data-agent-transcript-row-enter": shouldAnimateEnter ? "true" : void 0,
         children: /* @__PURE__ */ jsx70(
           AgentTranscriptItemView,
@@ -15725,7 +15741,7 @@ var AgentTranscriptView = memo4(function AgentTranscriptView2({
             workspaceAppIcons,
             showRawTimelineJson,
             participantPresentation,
-            showParticipantHeader: participantHeaderRenderKeys?.has(rowKey) ?? false,
+            showParticipantHeader,
             toolGroupExpanded: row.kind === "tool-group" ? expandedToolRows[rowKey] === true : void 0,
             toolGroupExpansionKey: row.kind === "tool-group" ? rowKey : void 0,
             onToolGroupExpandedChange: handleToolGroupExpandedChange
@@ -15967,4 +15983,4 @@ export {
   AgentConversationFlow,
   useProjectedAgentConversation
 };
-//# sourceMappingURL=chunk-6SYYX63E.js.map
+//# sourceMappingURL=chunk-BJSTRLSI.js.map