@tutti-os/agent-gui 0.0.221 → 0.0.223

package/dist/agent-conversation/index.js

@@ -7,7 +7,7 @@ import {
   reconcileProjectedAgentConversationVM,
   serializeAgentConversationForClipboard,
   useProjectedAgentConversation
-} from "../chunk-RA4DVAMT.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-MSCWLTYZ.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-RA4DVAMT.js";
+import "./chunk-BJSTRLSI.js";
 import "./chunk-F6J3LJXK.js";
 import "./chunk-Z35E22WS.js";
 import "./chunk-LQMIEH4C.js";

package/dist/app/renderer/agentactivity.css

@@ -5647,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;
 }
 
@@ -5989,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 {
@@ -8911,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-RA4DVAMT.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);
@@ -15983,4 +15983,4 @@ export {
   AgentConversationFlow,
   useProjectedAgentConversation
 };
-//# sourceMappingURL=chunk-RA4DVAMT.js.map
+//# sourceMappingURL=chunk-BJSTRLSI.js.map