@tutti-os/agent-gui 0.0.228 → 0.0.230

package/dist/agent-conversation/index.js

@@ -7,9 +7,9 @@ import {
   reconcileProjectedAgentConversationVM,
   serializeAgentConversationForClipboard,
   useProjectedAgentConversation
-} from "../chunk-C7XGPXRW.js";
+} from "../chunk-Y5OBJINU.js";
 import "../chunk-2STAUA73.js";
-import "../chunk-Z35E22WS.js";
+import "../chunk-WGCDSA7P.js";
 import "../chunk-LQMIEH4C.js";
 import "../chunk-N4HLBSMJ.js";
 import "../chunk-XJ34OIEQ.js";

package/dist/agent-gui.js

@@ -1,6 +1,6 @@
 import {
   AgentGUI
-} from "./chunk-IMHJ3J5X.js";
+} from "./chunk-ZVSKNM6D.js";
 import "./chunk-LB4AGT7B.js";
 import "./chunk-A4WCTHWS.js";
 import "./chunk-P2OOYHKQ.js";
@@ -9,11 +9,11 @@ import "./chunk-KDN6SLJM.js";
 import "./chunk-SUVMLCED.js";
 import "./chunk-MGSRWYRN.js";
 import "./chunk-CBMWHQ7P.js";
-import "./chunk-KZIW5CCW.js";
+import "./chunk-CQFT3MI5.js";
 import "./chunk-EVQ4JY3N.js";
-import "./chunk-C7XGPXRW.js";
+import "./chunk-Y5OBJINU.js";
 import "./chunk-2STAUA73.js";
-import "./chunk-Z35E22WS.js";
+import "./chunk-WGCDSA7P.js";
 import "./chunk-LQMIEH4C.js";
 import "./chunk-FMTWYOHM.js";
 import "./chunk-N4HLBSMJ.js";

package/dist/agent-message-center/index.js

@@ -8,7 +8,7 @@ import {
   isPromptRequestIdTitle,
   latestPlanTurnId,
   planImplementationPromptFromPlanTurn
-} from "../chunk-KZIW5CCW.js";
+} from "../chunk-CQFT3MI5.js";
 import {
   useEngineSelector
 } from "../chunk-EVQ4JY3N.js";
@@ -21,7 +21,7 @@ import {
   isExitPlanSwitchModeInput,
   normalizeAgentApprovalPurpose,
   normalizeAskUserQuestions
-} from "../chunk-Z35E22WS.js";
+} from "../chunk-WGCDSA7P.js";
 import {
   cn
 } from "../chunk-LQMIEH4C.js";

package/dist/app/renderer/agentactivity.css

@@ -128,12 +128,16 @@
   }
 }
 
-.tsh-zoom-dialog [data-rmiz-btn-unzoom] {
+.tsh-zoom-dialog__toolbar-actions {
   position: fixed;
   top: max(20px, calc(var(--cove-titlebar-reserve, 0px) + 10px));
   right: 20px;
   inset-inline-end: 20px;
   z-index: 100301;
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  -webkit-app-region: no-drag;
 }
 
 .tsh-zoom-dialog__image {
@@ -145,15 +149,6 @@
   cursor: zoom-out;
 }
 
-.tsh-zoom-dialog__image-actions {
-  position: fixed;
-  top: max(20px, calc(var(--cove-titlebar-reserve, 0px) + 10px));
-  right: 58px;
-  z-index: 100301;
-  display: flex;
-  gap: 6px;
-}
-
 .tsh-zoom-dialog__zoom-controls {
   position: fixed;
   top: max(20px, calc(var(--cove-titlebar-reserve, 0px) + 10px));
@@ -173,7 +168,7 @@
   -webkit-app-region: no-drag;
 }
 
-.tsh-zoom-dialog:not(:has(.tsh-zoom-dialog__image-actions))
+.tsh-zoom-dialog:not([data-tsh-image-actions="true"])
   .tsh-zoom-dialog__zoom-controls {
   right: 72px;
 }
@@ -192,7 +187,6 @@
   -webkit-app-region: no-drag;
 }
 
-.tsh-zoom-dialog__image-actions button,
 .tsh-zoom-dialog__zoom-controls button,
 .tsh-image-context-menu button {
   display: flex;
@@ -231,8 +225,7 @@
   font-variant-numeric: tabular-nums;
 }
 
-.tsh-zoom-dialog__icon-button,
-.tsh-zoom-dialog__image-actions button {
+.tsh-zoom-dialog__icon-button {
   justify-content: center;
   width: 32px;
   height: 32px;
@@ -249,8 +242,7 @@
   padding: 7px 10px;
 }
 
-.tsh-zoom-dialog__icon-button:hover,
-.tsh-zoom-dialog__image-actions button:hover {
+.tsh-zoom-dialog__icon-button:hover {
   background: color-mix(in srgb, var(--background-panel) 82%, white 12%);
 }
 
@@ -3456,11 +3448,12 @@ aside.workspace-agents-status-panel
 }
 
 .agent-gui-conversation__interactive-option-button {
-  position: relative;
-  display: grid;
-  gap: 3px;
-  justify-items: start;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  gap: 12px;
   width: 100%;
+  min-width: 0;
   border: 0;
   border-radius: 8px;
   background: var(--transparency-block);
@@ -3469,6 +3462,7 @@ aside.workspace-agents-status-panel
   font-size: 13px;
   font-weight: 500;
   line-height: 1.3;
+  outline: none;
   padding: 8px 8px 8px 12px;
   text-align: left;
   transition:
@@ -3487,8 +3481,12 @@ aside.workspace-agents-status-panel
     color-mix(in srgb, var(--text-primary) 24%, transparent);
 }
 
+.agent-gui-conversation__interactive-option-button:focus-visible {
+  outline: 2px solid var(--border-focus);
+  outline-offset: 2px;
+}
+
 .agent-gui-conversation__interactive-option-display {
-  position: relative;
   display: grid;
   gap: 3px;
   justify-items: start;
@@ -3541,31 +3539,22 @@ aside.workspace-agents-status-panel
   -webkit-line-clamp: 2;
 }
 
-.agent-gui-conversation__interactive-option-button:has(
-  .agent-gui-conversation__interactive-option-shortcut,
-  .agent-gui-conversation__interactive-option-spinner
-) {
-  padding-right: 8px;
-}
-
-.agent-gui-conversation__interactive-option-button:has(
-    .agent-gui-conversation__interactive-option-shortcut,
-    .agent-gui-conversation__interactive-option-spinner
-  )
-  .agent-gui-conversation__interactive-option-title,
-.agent-gui-conversation__interactive-option-button:has(
-    .agent-gui-conversation__interactive-option-shortcut,
-    .agent-gui-conversation__interactive-option-spinner
-  )
-  .agent-gui-conversation__interactive-option-description {
-  max-width: calc(100% - 112px);
+.agent-gui-conversation__interactive-option-content {
+  display: grid;
+  flex: 1 1 auto;
+  gap: 3px;
+  justify-items: start;
+  max-width: 100%;
+  min-width: 0;
 }
 
 .agent-gui-conversation__interactive-option-description {
+  max-width: 100%;
   color: var(--text-tertiary);
   font-size: 11px;
   font-weight: 400;
   line-height: 1.3;
+  overflow-wrap: anywhere;
 }
 
 .agent-gui-conversation__interactive-option-command-description {
@@ -3587,28 +3576,14 @@ aside.workspace-agents-status-panel
 }
 
 .agent-gui-conversation__interactive-option-shortcut {
-  position: absolute;
-  top: 50%;
-  right: 8px;
-  display: inline-flex;
-  align-items: center;
-  height: 20px;
-  border-radius: 4px;
-  background: color-mix(in srgb, var(--transparency-block) 72%, transparent);
-  color: var(--text-tertiary);
-  font-size: 11px;
+  flex: none;
+  margin-inline-start: auto;
   font-weight: 500;
-  line-height: 1;
-  padding: 4px 6px;
-  transform: translateY(-50%);
 }
 
 .agent-gui-conversation__interactive-option-spinner {
-  position: absolute;
-  top: 50%;
-  right: 8px;
+  flex: none;
   color: currentColor;
-  transform: translateY(-50%);
 }
 
 .agent-gui-conversation__interactive-feedback-composer {
@@ -3699,14 +3674,6 @@ aside.workspace-agents-status-panel
   height: 22px;
 }
 
-.agent-gui-conversation__interactive-feedback-send-button
-  .agent-gui-conversation__interactive-option-spinner {
-  position: static;
-  top: auto;
-  right: auto;
-  transform: none;
-}
-
 .agent-gui-conversation__interactive-prompt-footer {
   display: grid;
   gap: 10px;
@@ -3719,27 +3686,6 @@ aside.workspace-agents-status-panel
   gap: 8px;
 }
 
-.agent-gui-conversation__interactive-prompt-actions
-  button:not([data-slot="button"]) {
-  min-height: 30px;
-  border: 1px solid var(--line-2);
-  border-radius: 999px;
-  background: var(--background-fronted);
-  color: var(--text-primary);
-  font-family: inherit;
-  font-size: 11px;
-  font-weight: 560;
-  padding: 6px 12px;
-}
-
-.agent-gui-conversation__interactive-prompt-actions
-  button:not([data-slot="button"]):disabled {
-  cursor: not-allowed;
-  background: var(--transparency-block);
-  color: var(--text-disabled);
-  opacity: 0.58;
-}
-
 .agent-gui-conversation__user-message-flow,
 .agent-gui-conversation__assistant-message-flow {
   display: grid;

package/dist/{chunk-KZIW5CCW.js → chunk-CQFT3MI5.js}

@@ -2,7 +2,7 @@ import {
   AgentGUIConversation_styles_default,
   MessageSquareMoreIcon,
   extractAgentMcpToolTarget
-} from "./chunk-Z35E22WS.js";
+} from "./chunk-WGCDSA7P.js";
 import {
   buildAskUserAnswerPayload,
   readOwnAnswer,
@@ -861,7 +861,7 @@ function CompactQuickAnswerSurface({
   return /* @__PURE__ */ jsx2("section", { className: interactivePromptClassName(embedded), children: /* @__PURE__ */ jsxs2("div", { className: interactivePromptCardClassName(edgeGlow), children: [
     /* @__PURE__ */ jsx2("div", { className: AgentGUIConversation_styles_default.interactivePromptHeader, children: /* @__PURE__ */ jsx2("span", { className: AgentGUIConversation_styles_default.interactivePromptLead, children: stripPromptTitlePunctuation(question.header) }) }),
     /* @__PURE__ */ jsx2("div", { className: AgentGUIConversation_styles_default.interactivePromptQuestion, children: question.question }),
-    /* @__PURE__ */ jsx2("div", { className: AgentGUIConversation_styles_default.interactivePromptOptions, children: question.options.map((option) => /* @__PURE__ */ jsxs2(
+    /* @__PURE__ */ jsx2("div", { className: AgentGUIConversation_styles_default.interactivePromptOptions, children: question.options.map((option) => /* @__PURE__ */ jsx2(
       "button",
       {
         type: "button",
@@ -880,10 +880,10 @@ function CompactQuickAnswerSurface({
             })
           }
         }),
-        children: [
+        children: /* @__PURE__ */ jsxs2("span", { className: AgentGUIConversation_styles_default.interactiveOptionContent, children: [
           /* @__PURE__ */ jsx2("span", { className: AgentGUIConversation_styles_default.interactiveOptionTitle, children: option.label }),
           option.description ? /* @__PURE__ */ jsx2("span", { className: AgentGUIConversation_styles_default.interactiveOptionDescription, children: option.description }) : null
-        ]
+        ] })
       },
       option.label
     )) })
@@ -935,7 +935,7 @@ function AskUserAnswerFlowSurface({
     /* @__PURE__ */ jsx2("div", { className: AgentGUIConversation_styles_default.interactivePromptQuestion, children: question.question }),
     question.options.length > 0 ? /* @__PURE__ */ jsx2("div", { className: AgentGUIConversation_styles_default.interactivePromptOptions, children: question.options.map((option) => {
       const active = flow.selectedOptions.includes(option.label);
-      return /* @__PURE__ */ jsxs2(
+      return /* @__PURE__ */ jsx2(
         "button",
         {
           type: "button",
@@ -948,10 +948,10 @@ function AskUserAnswerFlowSurface({
           ),
           disabled: isSubmitting,
           onClick: () => flow.toggleOption(option.label),
-          children: [
+          children: /* @__PURE__ */ jsxs2("span", { className: AgentGUIConversation_styles_default.interactiveOptionContent, children: [
             /* @__PURE__ */ jsx2("span", { className: AgentGUIConversation_styles_default.interactiveOptionTitle, children: option.label }),
             option.description ? /* @__PURE__ */ jsx2("span", { className: AgentGUIConversation_styles_default.interactiveOptionDescription, children: option.description }) : null
-          ]
+          ] })
         },
         option.label
       );
@@ -1009,7 +1009,7 @@ function AskUserAnswerFlowSurface({
 
 // shared/agentConversation/components/AgentInteractiveDecisionPromptSurfaces.tsx
 import { useCallback as useCallback2, useEffect, useMemo as useMemo2, useRef, useState as useState2 } from "react";
-import { ShortcutBadge } from "@tutti-os/ui-system";
+import { Button as Button2, ShortcutBadge } from "@tutti-os/ui-system";
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function ApprovalPromptSurface({
   prompt,
@@ -1213,16 +1213,18 @@ function ApprovalPromptSurface({
           disabled: isSubmitting || submittingOptionId !== null,
           onClick: () => submitOption(option.id),
           children: [
-            /* @__PURE__ */ jsx3("span", { className: AgentGUIConversation_styles_default.interactiveOptionTitle, children: optionPresentation.label }),
-            optionPresentation.commandPrefix ? /* @__PURE__ */ jsx3(
-              CommandTextWithTooltip,
-              {
-                value: optionPresentation.commandPrefix,
-                testId: "agent-interactive-command-prefix-option",
-                tooltipsEnabled: true
-              }
-            ) : null,
-            option.description ? /* @__PURE__ */ jsx3("span", { className: AgentGUIConversation_styles_default.interactiveOptionDescription, children: option.description }) : null,
+            /* @__PURE__ */ jsxs3("span", { className: AgentGUIConversation_styles_default.interactiveOptionContent, children: [
+              /* @__PURE__ */ jsx3("span", { className: AgentGUIConversation_styles_default.interactiveOptionTitle, children: optionPresentation.label }),
+              optionPresentation.commandPrefix ? /* @__PURE__ */ jsx3(
+                CommandTextWithTooltip,
+                {
+                  value: optionPresentation.commandPrefix,
+                  testId: "agent-interactive-command-prefix-option",
+                  tooltipsEnabled: true
+                }
+              ) : null,
+              option.description ? /* @__PURE__ */ jsx3("span", { className: AgentGUIConversation_styles_default.interactiveOptionDescription, children: option.description }) : null
+            ] }),
             keyboardShortcuts && shortcutLabel && !showSpinner ? /* @__PURE__ */ jsx3(
               ShortcutBadge,
               {
@@ -1295,8 +1297,10 @@ function ExitPlanPromptSurface({
             });
           },
           children: [
-            /* @__PURE__ */ jsx3("span", { className: AgentGUIConversation_styles_default.interactiveOptionTitle, children: mode.label }),
-            /* @__PURE__ */ jsx3("span", { className: AgentGUIConversation_styles_default.interactiveOptionDescription, children: mode.description }),
+            /* @__PURE__ */ jsxs3("span", { className: AgentGUIConversation_styles_default.interactiveOptionContent, children: [
+              /* @__PURE__ */ jsx3("span", { className: AgentGUIConversation_styles_default.interactiveOptionTitle, children: mode.label }),
+              /* @__PURE__ */ jsx3("span", { className: AgentGUIConversation_styles_default.interactiveOptionDescription, children: mode.description })
+            ] }),
             showSpinner ? /* @__PURE__ */ jsx3(InteractiveOptionSpinner, {}) : null
           ]
         },
@@ -1315,9 +1319,11 @@ function ExitPlanPromptSurface({
         }
       ),
       /* @__PURE__ */ jsx3("div", { className: AgentGUIConversation_styles_default.interactivePromptActions, children: /* @__PURE__ */ jsx3(
-        "button",
+        Button2,
         {
           type: "button",
+          variant: "secondary",
+          size: "sm",
           disabled: isSubmitting,
           onClick: () => onSubmit({
             requestId: prompt.requestId,
@@ -1337,9 +1343,11 @@ function ExitPlanPromptSurface({
       // must still let the user keep planning (refining/feedback is deferred
       // to the conversation via the card's "open conversation" jump).
       /* @__PURE__ */ jsx3("div", { className: AgentGUIConversation_styles_default.interactivePromptActions, children: /* @__PURE__ */ jsx3(
-        "button",
+        Button2,
         {
           type: "button",
+          variant: "secondary",
+          size: "sm",
           disabled: isSubmitting,
           onClick: () => onSubmit({
             requestId: prompt.requestId,
@@ -1379,7 +1387,7 @@ function PlanImplementationSurface({
           requestId: prompt.requestId,
           action: PLAN_IMPLEMENTATION_ACTION_IMPLEMENT
         }),
-        children: /* @__PURE__ */ jsx3("span", { className: AgentGUIConversation_styles_default.interactiveOptionTitle, children: labels.planImplementationConfirm })
+        children: /* @__PURE__ */ jsx3("span", { className: AgentGUIConversation_styles_default.interactiveOptionContent, children: /* @__PURE__ */ jsx3("span", { className: AgentGUIConversation_styles_default.interactiveOptionTitle, children: labels.planImplementationConfirm }) })
       }
     ) }),
     showFeedbackFooter ? /* @__PURE__ */ jsxs3("div", { className: AgentGUIConversation_styles_default.interactivePromptFooter, children: [
@@ -1395,9 +1403,11 @@ function PlanImplementationSurface({
         }
       ),
       /* @__PURE__ */ jsx3("div", { className: AgentGUIConversation_styles_default.interactivePromptActions, children: /* @__PURE__ */ jsx3(
-        "button",
+        Button2,
         {
           type: "button",
+          variant: "secondary",
+          size: "sm",
           "data-testid": "agent-plan-implementation-continue",
           disabled: isSubmitting,
           onClick: () => onSubmit({
@@ -1498,4 +1508,4 @@ export {
   isPromptRequestIdTitle,
   AgentInteractivePromptSurface
 };
-//# sourceMappingURL=chunk-KZIW5CCW.js.map
+//# sourceMappingURL=chunk-CQFT3MI5.js.map