@tutti-os/agent-gui 0.0.106 → 0.0.107

package/dist/agent-conversation/index.js

@@ -6,7 +6,7 @@ import {
   projectAgentConversationVM,
   reconcileProjectedAgentConversationVM,
   useProjectedAgentConversation
-} from "../chunk-IR2CL2X2.js";
+} from "../chunk-F7Q7QK42.js";
 import "../chunk-UFIEUC3Y.js";
 import "../chunk-7BXWPI4F.js";
 import "../chunk-FGLQZ6I4.js";

package/dist/agent-gui.js

@@ -1,13 +1,13 @@
 import {
   AgentGUI
-} from "./chunk-4HSLSSPJ.js";
+} from "./chunk-ZWY32ZKZ.js";
 import "./chunk-ZSJBCZUH.js";
 import "./chunk-V5ROOS2O.js";
 import "./chunk-4YVKAPKW.js";
 import "./chunk-QY22OBJS.js";
 import "./chunk-L3GMMGRS.js";
 import "./chunk-UHBCM6RO.js";
-import "./chunk-IR2CL2X2.js";
+import "./chunk-F7Q7QK42.js";
 import "./chunk-UFIEUC3Y.js";
 import "./chunk-7BXWPI4F.js";
 import "./chunk-P3CVAWGJ.js";

package/dist/app/renderer/agentactivity.css

@@ -7553,10 +7553,14 @@ button.agent-gui-node__conversation-section-toggle:hover
   background: var(--agent-gui-accent-bg);
 }
 
+/* In dock layout a growing draft overhangs upward past the composer's top
+   edge (the dock only reserves the collapsed input height in flow), so the
+   floating panels anchored at bottom: 100% must be lifted by that overhang
+   (--agent-gui-composer-input-overflow) or the grown input covers them. */
 .agent-gui-node__composer-floating-prompt {
   position: absolute;
   right: 12px;
-  bottom: calc(100% + 8px);
+  bottom: calc(100% + 8px + var(--agent-gui-composer-input-overflow, 0px));
   left: 12px;
   z-index: 5;
 }
@@ -7564,7 +7568,7 @@ button.agent-gui-node__conversation-section-toggle:hover
 .agent-gui-node__composer-floating-prompt--queued {
   z-index: 1;
   right: 24px;
-  bottom: 100%;
+  bottom: calc(100% + var(--agent-gui-composer-input-overflow, 0px));
   left: 24px;
 }
 
@@ -7691,7 +7695,9 @@ button.agent-gui-node__conversation-section-toggle:hover
 }
 
 .agent-gui-node__composer[data-layout="dock"]
-  .agent-gui-node__composer-send-button {
+  .agent-gui-node__composer-send-button,
+.agent-gui-node__composer[data-layout="dock"]
+  .agent-gui-node__composer-stop-button {
   align-self: end;
 }
 
@@ -8257,9 +8263,39 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
   white-space: nowrap;
 }
 
-.agent-gui-node__composer-queued-prompt-markdown p {
+/* Queued rows are single-line previews. Flatten every markdown block
+   (lists, code blocks, quotes, headings) to plain inline text — including
+   their box styling from the markdown renderer — so the row's nowrap +
+   overflow: hidden + "…" overlay can truncate instead of the blocks
+   stacking extra lines. Scoped under the text wrapper to outrank the
+   renderer's own [&_ol]/[&_pre]-style utilities. */
+.agent-gui-node__composer-queued-prompt-text
+  .agent-gui-node__composer-queued-prompt-markdown
+  :is(p, ul, ol, li, blockquote, pre, h1, h2, h3, h4, h5, h6) {
   display: inline;
   margin: 0;
+  padding: 0;
+  border: 0;
+  background: transparent;
+  font-size: inherit;
+  font-weight: inherit;
+  line-height: inherit;
+  white-space: nowrap;
+}
+
+.agent-gui-node__composer-queued-prompt-text
+  .agent-gui-node__composer-queued-prompt-markdown
+  pre
+  code {
+  white-space: nowrap;
+}
+
+/* Media, tables, rules, and explicit line breaks cannot collapse into one
+   text line — drop them from the preview entirely. */
+.agent-gui-node__composer-queued-prompt-text
+  .agent-gui-node__composer-queued-prompt-markdown
+  :is(img, video, table, hr, br, input) {
+  display: none;
 }
 
 .agent-gui-node__composer-queued-prompt-markdown
@@ -8810,6 +8846,12 @@ html[data-theme="light"] [data-message-center-item-id].agent-gui-edge-glow {
 
 .agent-gui-node__composer[data-layout="dock"] .agent-gui-node__composer-footer {
   position: relative;
+  /* The base rule's width: 100% keeps the parent's content width, so the
+     negative margins only shift the row left instead of widening it: the
+     right edge falls 24px short of the composer edge and strands the model
+     dropdown far from the send button above. width: auto lets
+     justify-self: stretch + the negative margins span the full row. */
+  width: auto;
   margin: 0 -12px -12px;
   padding: 0 14px 12px;
   background: var(--agent-gui-session-flow-background);

package/dist/{chunk-IR2CL2X2.js → chunk-F7Q7QK42.js}

@@ -5986,7 +5986,7 @@ Button.displayName = "Button";
 
 // shared/agentConversation/components/AgentVisibleErrorMessage.tsx
 import { jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
-var PLAN_LIMIT_WARNING_CLASS_NAME = "border-[color-mix(in_srgb,var(--state-warning)_14%,transparent)] bg-[color-mix(in_srgb,var(--background-fronted)_100%,var(--state-warning)_6%)]";
+var ERROR_BANNER_CLASS_NAME = "border-[var(--on-danger-hover)] bg-[var(--on-danger)] text-[var(--state-danger)]";
 function recoverVisibleErrorFromFailedMessage(message, provider) {
   const code = classifyFailedAgentMessage(message.body);
   if (!code) {
@@ -6020,13 +6020,12 @@ function AgentVisibleErrorMessage({
   const externalUrl = presentation?.externalUrl ?? null;
   const hint = visibleErrorHint(message);
   const isPlanOrQuotaLimit = error?.code === "quota_or_rate_limit";
-  const toneClassName = isPlanOrQuotaLimit ? PLAN_LIMIT_WARNING_CLASS_NAME : "border-[var(--on-danger-hover)] bg-[var(--on-danger)] text-[var(--state-danger)]";
   const displayHeadline = isPlanOrQuotaLimit && isProviderPlanLimitMessage(detail) ? detail : headline;
   return /* @__PURE__ */ jsx6(
     "section",
     {
       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)] ${toneClassName}`,
+      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__ */ jsxs4("div", { className: "flex min-w-0 items-start gap-3", children: [
         /* @__PURE__ */ jsxs4("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ jsx6("div", { className: "font-medium text-[var(--text-primary)]", children: displayHeadline }),
@@ -6937,8 +6936,7 @@ function imageSourceUrl(image) {
 import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
 var MESSAGE_COPY_FEEDBACK_MS = 1400;
 var TRANSPORT_RETRY_PROGRESS_PATTERN = /\b(reconnect(?:ing)?(?:\s*(?:\.\.\.|…|[.。]+|:|-))?\s*\(?\d+\s*\/\s*\d+\)?)/i;
-var SYSTEM_NOTICE_WARNING_CLASS_NAME = "border-[color-mix(in_srgb,var(--state-warning)_14%,transparent)] bg-[color-mix(in_srgb,var(--background-fronted)_100%,var(--state-warning)_6%)]";
-var SYSTEM_NOTICE_ERROR_CLASS_NAME = "border-[var(--on-danger-hover)] bg-[var(--on-danger)]";
+var SYSTEM_NOTICE_CLASS_NAME = "border-[var(--on-danger-hover)] bg-[var(--on-danger)]";
 function AgentMessageBlock({
   workspaceRoot,
   basePath,
@@ -7205,12 +7203,11 @@ function AgentSystemNoticeMessage({
     );
   }
   const isStatusNotice = systemNoticeIsStatus(message);
-  const noticeToneClassName = systemNoticeToneClassName(message);
   return /* @__PURE__ */ jsx14(
     "section",
     {
       role: isStatusNotice ? "status" : void 0,
-      className: `box-border w-full min-w-0 rounded-[8px] border p-3 text-[13px] leading-5 text-[var(--text-primary)] ${noticeToneClassName}`,
+      className: `box-border w-full min-w-0 rounded-[8px] border p-3 text-[13px] leading-5 text-[var(--text-primary)] ${SYSTEM_NOTICE_CLASS_NAME}`,
       children: /* @__PURE__ */ jsxs9("div", { className: "min-w-0", children: [
         /* @__PURE__ */ jsx14("div", { className: "font-medium text-[var(--text-primary)]", children: title }),
         detail ? /* @__PURE__ */ jsx14(AgentMessageDetailsDisclosure, { detail, className: "mt-1" }) : null
@@ -7218,16 +7215,6 @@ function AgentSystemNoticeMessage({
     }
   );
 }
-function systemNoticeToneClassName(message) {
-  const notice = message.systemNotice;
-  if (notice?.severity === "error" || notice?.noticeKind === "transport_fallback" || isTransportFallbackNotice(message)) {
-    return SYSTEM_NOTICE_ERROR_CLASS_NAME;
-  }
-  if (notice?.severity === "warning") {
-    return SYSTEM_NOTICE_WARNING_CLASS_NAME;
-  }
-  return SYSTEM_NOTICE_WARNING_CLASS_NAME;
-}
 function systemNoticeIsStatus(message) {
   const notice = message.systemNotice;
   return notice?.severity === "warning" || notice?.severity === "error" || notice?.noticeKind === "transport_fallback" || isTransportFallbackNotice(message);
@@ -14296,4 +14283,4 @@ export {
   AgentConversationFlow,
   useProjectedAgentConversation
 };
-//# sourceMappingURL=chunk-IR2CL2X2.js.map
+//# sourceMappingURL=chunk-F7Q7QK42.js.map