@mcp-b/react-components 0.48.0 → 0.49.0

package/dist/components/nanites/AgentToolDetail.js

@@ -1,11 +1,13 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { r as ArrowLeftIcon } from "../../icons-CeGfXO21.js";
+import { r as ArrowLeftIcon } from "../../icons-cuEtsgj9.js";
+import { MessageActions } from "../ai-sdk/Message.js";
+import { SubagentRunIndicator, getSubagentRunName } from "../agents-sdk/SubagentRunIndicator.js";
+import { NaniteMark } from "./NaniteScene.js";
 import { TransitionSurface } from "../foundations/TransitionSurface.js";
+import { AgentChat } from "../agents-sdk/AgentChat.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
-import { NaniteMark } from "./NaniteScene.js";
-import { SubagentRunIndicator, getSubagentRunName } from "../agents-sdk/SubagentRunIndicator.js";
-import { SubagentRunMilestone, SubagentRunMilestones, SubagentRunProgress } from "../agents-sdk/SubagentRunDetails.js";
-import { t as ThinkChat } from "../../ThinkChat-DiI6hhDP.js";
+import { SubagentRunMetadata } from "../agents-sdk/SubagentRunDetails.js";
+import { ThinkChat } from "../agents-sdk/ThinkChat.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useAgentChat } from "@cloudflare/think/react";
@@ -16,10 +18,9 @@ import { useAgent } from "agents/react";
 * The full child transcript comes from `chat.messages`; `run.parts` remains a
 * compact parent-side stream projection and is never promoted to fake history.
 */
-function AgentToolDetail({ actions, backLink, chat, className, messages, ref, run, ...props }) {
+function AgentToolDetail({ actions, backLink, chat, className, ref, run, renderMilestone, ...props }) {
 	const backRef = React.useRef(null);
 	const name = getSubagentRunName(run);
-	const progressLabel = run.progress?.message ?? run.progress?.phase;
 	React.useEffect(() => {
 		backRef.current?.focus();
 	}, [run.runId]);
@@ -48,40 +49,21 @@ function AgentToolDetail({ actions, backLink, chat, className, messages, ref, ru
 					/* @__PURE__ */ jsxs(AppTopBar.Trailing, { children: [/* @__PURE__ */ jsx(SubagentRunIndicator, { run }), actions] })
 				]
 			}),
-			progressLabel || run.milestones?.length || run.error || run.summary ? /* @__PURE__ */ jsxs("div", {
+			/* @__PURE__ */ jsx(SubagentRunMetadata, {
 				className: "agent-tool-detail__run-state",
-				children: [
-					progressLabel ? /* @__PURE__ */ jsx(SubagentRunProgress, {
-						label: progressLabel,
-						value: run.progress?.fraction
-					}) : null,
-					run.milestones?.length ? /* @__PURE__ */ jsx(SubagentRunMilestones, {
-						"aria-label": `${name} milestones`,
-						children: run.milestones.map((milestone) => /* @__PURE__ */ jsx(SubagentRunMilestone, { children: milestone.name }, milestone.sequence))
-					}) : null,
-					run.error ? /* @__PURE__ */ jsx("p", {
-						className: "agent-tool-detail__error",
-						children: run.error
-					}) : null,
-					!run.error && run.summary ? /* @__PURE__ */ jsx("p", {
-						className: "agent-tool-detail__summary",
-						children: run.summary
-					}) : null
-				]
-			}) : null,
+				run,
+				renderMilestone
+			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "agent-tool-detail__chat",
-				children: chat ? /* @__PURE__ */ jsx(ThinkChat.Provider, {
+				children: chat ? /* @__PURE__ */ jsxs(ThinkChat.Root, {
 					chat,
-					children: /* @__PURE__ */ jsx(ThinkChat.Messages, {
-						...messages,
-						showComposer: false
-					})
-				}) : /* @__PURE__ */ jsx(ThinkChat.Messages, {
-					...messages,
-					showComposer: false,
-					loading: true
-				})
+					children: [/* @__PURE__ */ jsx(AgentChat.Transcript, { children: ({ message, messageIndex }) => /* @__PURE__ */ jsxs(AgentChat.Message, {
+						message,
+						messageIndex,
+						children: [/* @__PURE__ */ jsx(ThinkChat.MessageContent, { message }), /* @__PURE__ */ jsx(MessageActions, { children: /* @__PURE__ */ jsx(AgentChat.CopyAction, {}) })]
+					}) }), /* @__PURE__ */ jsx(AgentChat.Dock, { children: /* @__PURE__ */ jsx(ThinkChat.RecoveryNotice, {}) })]
+				}) : /* @__PURE__ */ jsx(AgentChat.Loading, {})
 			})
 		]
 	});
@@ -111,12 +93,11 @@ function selectedAgentToolChildOptions(parentAgent, run, connectionOptions) {
 * this component holds the connection and always commits, while the chat
 * suspends behind the internal boundary.
 */
-function SelectedAgentToolChild({ actions, backLink, connectionOptions, fallback, getInitialMessages, messages, parentAgent, run }) {
+function SelectedAgentToolChild({ actions, backLink, connectionOptions, fallback, getInitialMessages, parentAgent, run }) {
 	const childAgent = useAgent(selectedAgentToolChildOptions(parentAgent, run, connectionOptions));
 	return /* @__PURE__ */ jsx(React.Suspense, {
 		fallback: fallback ?? /* @__PURE__ */ jsx(AgentToolDetail, {
 			run,
-			messages,
 			backLink,
 			actions
 		}),
@@ -125,19 +106,17 @@ function SelectedAgentToolChild({ actions, backLink, connectionOptions, fallback
 			backLink,
 			childAgent,
 			getInitialMessages,
-			messages,
 			run
 		}, run.runId)
 	});
 }
-function SelectedAgentToolChildChat({ actions, backLink, childAgent, getInitialMessages, messages, run }) {
+function SelectedAgentToolChildChat({ actions, backLink, childAgent, getInitialMessages, run }) {
 	return /* @__PURE__ */ jsx(AgentToolDetail, {
 		run,
 		chat: useAgentChat({
 			agent: childAgent,
 			...getInitialMessages ? { getInitialMessages: () => getInitialMessages(childAgent) } : {}
 		}),
-		messages,
 		backLink,
 		actions
 	});

package/dist/{copy-button-Dk2vRe9j.js → copy-button-CSDuDfdP.js}

@@ -1,4 +1,4 @@
-import { d as CheckIcon, h as CopyIcon } from "./icons-CeGfXO21.js";
+import { d as CheckIcon, h as CopyIcon } from "./icons-cuEtsgj9.js";
 import { IconButton } from "./components/foundations/IconButton.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/{copy-button-C0JyjClr.d.ts → copy-button-OUwOdgEm.d.ts}

@@ -1,4 +1,4 @@
-import { n as IconButtonProps } from "./IconButton-BAUFhUk8.js";
+import { n as IconButtonProps } from "./IconButton-ByiyjkYE.js";
 import * as React from "react";
 
 //#region src/components/_internal/copy-button.d.ts

package/dist/mcp-server-mAErsxHU.js

@@ -0,0 +1,27 @@
+import { getMcpServerEntry, getMcpServerRuntimeState } from "./utils/mcp-server-catalog.js";
+//#region src/components/_internal/mcp-server.tsx
+function getMcpServerConnectionKind(server) {
+	if (!server) return "available";
+	const state = getMcpServerRuntimeState(server);
+	if (state === "ready") return "connected";
+	if (state === "connecting" || state === "discovering" || state === "connected" && !server.error) return "connecting";
+	return "reconnect";
+}
+/**
+* Resolve one catalog card to the exact Agents SDK entry that owns its live
+* connection state. An explicit server ID is authoritative for authorization
+* flows and deliberately never falls back to a matching catalog entry.
+*/
+function getMcpServerProjection(card, mcp, serverId) {
+	const assignedServer = serverId === void 0 ? void 0 : mcp?.servers[serverId];
+	const entry = serverId === void 0 ? getMcpServerEntry(card, mcp) : assignedServer ? [serverId, assignedServer] : void 0;
+	const server = entry?.[1];
+	return {
+		connectionKind: getMcpServerConnectionKind(server),
+		runtimeState: server ? getMcpServerRuntimeState(server) : void 0,
+		server,
+		serverId: entry?.[0]
+	};
+}
+//#endregion
+export { getMcpServerProjection as t };

package/dist/styles/activity.css

@@ -77,12 +77,6 @@
   padding-inline: 0;
 }
 
-/* Reveal row for step logs capped at the trailing window. */
-.activity__show-earlier {
-  align-self: flex-start;
-  color: var(--sigvelo-color-text-muted);
-}
-
 .activity__item {
   display: flex;
   align-items: baseline;
@@ -214,102 +208,13 @@
   color: var(--sigvelo-color-danger-text-on-subtle);
 }
 
-.activity__call-audit {
-  display: flex;
-  min-inline-size: 0;
-  flex-direction: column;
-  gap: var(--sigvelo-spacing-1);
-}
-
-.activity__call-audit-label {
-  font-size: var(--sigvelo-text-meta);
-  font-weight: var(--sigvelo-font-weight-normal);
-  color: var(--sigvelo-color-text-muted);
-}
-
-.activity__call-audit-list {
-  display: flex;
-  min-inline-size: 0;
-  flex-direction: column;
-  gap: var(--sigvelo-spacing-1);
-  margin: 0;
-  padding-inline-start: 0;
-  list-style: none;
-  font-size: var(--sigvelo-text-code);
-}
-
-.activity__call-audit-item {
-  min-inline-size: 0;
-  padding-inline-start: 0;
-  color: var(--sigvelo-color-text);
-  overflow-wrap: anywhere;
-}
-
-.activity__call-audit-code,
-.activity__call-audit-result {
-  font-family: var(--sigvelo-font-mono);
-  white-space: pre-wrap;
-}
-
-.activity__call-audit-state {
-  margin-inline-start: var(--sigvelo-spacing-1);
-  color: var(--sigvelo-color-text-muted);
-}
-
-.activity__call-audit-item[data-state="error"] .activity__call-audit-state {
-  color: var(--sigvelo-color-danger-text-on-subtle);
-}
-
-.activity__call-audit-item[data-state="reverted"] .activity__call-audit-state {
-  text-decoration: line-through;
-}
-
-/* Keep nested browser content compact without restyling the Tabs primitive. */
-.activity__browser-panel {
-  padding-block: var(--sigvelo-spacing-2) 0;
-}
-
-/* Blend nested code into the quiet shell fill — no panel-in-panel */
-.activity__shell .code-block {
-  background-color: transparent;
-}
-
 /* Bounded so one long detail cannot swallow the activity list. */
 .activity__group-text,
-.activity__shell-output,
-.activity__code-block {
+.activity__shell-output {
   max-block-size: 12rem;
   overflow-block: auto;
 }
 
-.activity__code-block .code-block__content,
-.activity__code-block .code-block__content--highlighted pre.shiki,
-.activity__code-block .code-block__content--highlighted pre.shiki code {
-  white-space: pre-wrap;
-  word-break: break-word;
-  overflow-wrap: anywhere;
-}
-
-.activity__browser-screenshot {
-  display: block;
-  inline-size: 100%;
-  /* Screenshot well. Not --sigvelo-layout-sidebar. */
-  max-block-size: 16rem;
-  aspect-ratio: 16 / 10;
-  object-fit: contain;
-  border-radius: var(--sigvelo-radius-md);
-  background-color: var(--sigvelo-color-surface);
-}
-
-/* Mini diff inside an edit panel */
-.activity__diff-del {
-  color: var(--sigvelo-color-danger-text-on-subtle);
-}
-
-.activity__diff-add {
-  color: var(--sigvelo-color-success-text-on-subtle);
-}
-
 .activity__favicon {
   display: block;
   inline-size: var(--sigvelo-control-icon-size-md);

package/dist/styles/agent-chat.css

@@ -1,6 +1,6 @@
 .agent-chat {
   /* Hooks, not constants: hosts set --agent-chat-content-max-inline-size or
-     --agent-chat-composer-scrim-fade on any ancestor. Declaring them here
+     --agent-chat-dock-scrim-fade on any ancestor. Declaring them here
      would beat every inherited value, so the defaults live in the fallbacks
      at each use site. */
   container: agent-chat / inline-size;
@@ -22,7 +22,7 @@
 }
 
 /* Room for the last message to scroll clear of the floating composer.
-   --agent-chat-composer-size is set from a ResizeObserver in AgentChat. */
+   --agent-chat-dock-size is set from a ResizeObserver in AgentChat. */
 .agent-chat__transcript-content {
   /* Also the virtual rows' block-start offset — keep padding and rows in
      lockstep (see .message-scroller__virtual-item). Row spacing is NOT css
@@ -44,21 +44,23 @@
   /* Clearance = composer + its scrim band, so a transcript resting at the
      bottom never sits inside the fade. */
   padding-block: var(--message-scroller-virtual-block-start)
-    calc(var(--agent-chat-composer-size, 5rem) + var(--agent-chat-composer-scrim-fade, 2.5rem));
+    calc(var(--agent-chat-dock-size, 5rem) + var(--agent-chat-dock-scrim-fade, 2.5rem));
   padding-inline: var(--agent-chat-used-column-inset);
 }
 
-.agent-chat[data-composer-hidden] .agent-chat__transcript-content {
+.agent-chat:not(:has(.agent-chat__dock-content > :not(.agent-chat__notice:empty)))
+  .agent-chat__transcript-content {
   padding-block-end: var(--sigvelo-layout-gutter);
 }
 
 .agent-chat__scroll-button {
   --message-scroller-button-inset-block-end: calc(
-    var(--agent-chat-composer-size, 5rem) + var(--sigvelo-spacing-2)
+    var(--agent-chat-dock-size, 5rem) + var(--sigvelo-spacing-2)
   );
 }
 
-.agent-chat[data-composer-hidden] .agent-chat__scroll-button {
+.agent-chat:not(:has(.agent-chat__dock-content > :not(.agent-chat__notice:empty)))
+  .agent-chat__scroll-button {
   --message-scroller-button-inset-block-end: var(--sigvelo-spacing-2);
 }
 
@@ -71,10 +73,11 @@
   block-size: 100%;
   min-block-size: 0;
   place-items: center;
-  padding-block-end: var(--agent-chat-composer-size, 5rem);
+  padding-block-end: var(--agent-chat-dock-size, 5rem);
 }
 
-.agent-chat[data-composer-hidden] .agent-chat__transcript-loading {
+.agent-chat:not(:has(.agent-chat__dock-content > :not(.agent-chat__notice:empty)))
+  .agent-chat__transcript-loading {
   padding-block-end: 0;
 }
 
@@ -132,9 +135,9 @@
   min-inline-size: 0;
 }
 
-.agent-chat-start-screen__composer > .agent-chat__composer {
+.agent-chat-start-screen__composer > .agent-chat__dock {
   /* Grid item z-index, not isolation: the tray is a sibling and must paint
-     behind the card. isolation: isolate on .agent-chat__composer trapped the
+     behind the card. isolation: isolate on .agent-chat__dock trapped the
      inner z-index and left the tray as a second pill. */
   isolation: auto;
   z-index: 1;
@@ -144,13 +147,19 @@
   backdrop-filter: none;
 }
 
-.agent-chat-start-screen__composer > .agent-chat__composer::after {
+.agent-chat-start-screen__composer > .agent-chat__dock::after {
   content: none;
 }
 
+.agent-chat-start-screen__composer > .agent-chat__dock > .agent-chat__dock-content {
+  --agent-chat-dock-ink-room: 0px;
+
+  overflow: visible;
+}
+
 /* The one moment the composer is the subject of the screen rather than
    chrome pinned under a transcript: lifted further off the page. */
-.agent-chat-start-screen__composer > .agent-chat__composer > .prompt-input {
+.agent-chat-start-screen__composer > .agent-chat__dock > .agent-chat__dock-content > .prompt-input {
   z-index: 1;
   inline-size: 100%;
 }
@@ -202,8 +211,7 @@
   white-space: nowrap;
 }
 
-.agent-chat-start-screen__starters,
-.agent-chat-start-screen__lead {
+.agent-chat-start-screen__suggestions {
   grid-row: 3;
   align-self: start;
   min-inline-size: 0;
@@ -340,31 +348,25 @@
  * pull the textarea out from under the caret mid-sentence, which is the whole
  * reason this is not a transition on the container.
  *
- * `:has()` reads the composer's own text, so nothing has to be lifted into
- * React state — AgentChat never sees the input value, and this way it does not
- * need to.
+ * The shared draft provider drives this state for both textareas and rich
+ * editors. Hiding suggestions never relocates or recreates the live form.
  */
 .agent-chat-start-screen__heading,
-.agent-chat-start-screen__starters,
-.agent-chat-start-screen__lead {
+.agent-chat-start-screen__suggestions {
   transition:
     opacity var(--sigvelo-motion-duration-disclosure) var(--sigvelo-ease-snappy),
     translate var(--sigvelo-motion-duration-disclosure) var(--sigvelo-ease-snappy),
     visibility var(--sigvelo-motion-duration-disclosure);
 }
 
-.agent-chat-start-screen__content:has(textarea:not(:placeholder-shown))
-  .agent-chat-start-screen__heading {
+.agent-chat-start-screen[data-drafting] .agent-chat-start-screen__heading {
   opacity: 0;
   translate: 0 var(--sigvelo-motion-distance-md);
 }
 
 /* Starters are buttons, so fading them is not enough — invisible controls that
    still take a click or a Tab stop are worse than visible ones. */
-.agent-chat-start-screen__content:has(textarea:not(:placeholder-shown))
-  .agent-chat-start-screen__starters,
-.agent-chat-start-screen__content:has(textarea:not(:placeholder-shown))
-  .agent-chat-start-screen__lead {
+.agent-chat-start-screen[data-drafting] .agent-chat-start-screen__suggestions {
   visibility: hidden;
   opacity: 0;
 }
@@ -372,7 +374,10 @@
 /* The composer floats above the transcript, but its dock remains part of the
    transcript plane. Keep the underlay on the owning surface token so light
    and dark themes meet without a visible horizontal seam. */
-.agent-chat__composer {
+.agent-chat__dock {
+  display: flex;
+  flex-direction: column;
+  max-block-size: 100%;
   isolation: isolate;
   position: absolute;
   inset-inline: 0;
@@ -390,22 +395,22 @@
 /* Solid behind the composer itself, dissolving upward so passing transcript
    content fades into the surface instead of hitting a hard edge (Codex and
    Claude both ship an equivalent bottom fade band). */
-.agent-chat__composer::after {
+.agent-chat__dock::after {
   position: absolute;
   z-index: -1;
   inset: 0;
-  inset-block-start: calc(-1 * var(--agent-chat-composer-scrim-fade, 2.5rem));
+  inset-block-start: calc(-1 * var(--agent-chat-dock-scrim-fade, 2.5rem));
   content: "";
   pointer-events: none;
   background: linear-gradient(
     to bottom,
     transparent,
     var(--agent-chat-surface, var(--sigvelo-color-surface))
-      var(--agent-chat-composer-scrim-fade, 2.5rem)
+      var(--agent-chat-dock-scrim-fade, 2.5rem)
   );
 }
 
-.agent-chat__composer > .prompt-input {
+.agent-chat__dock-content > .prompt-input {
   z-index: 1;
   inline-size: min(
     100%,
@@ -426,14 +431,11 @@
 }
 
 .agent-chat__notice:empty {
+  display: none;
   margin-block-end: 0;
 }
 
-.agent-chat__queued.prompt-input__tray {
-  --agent-chat-queued-row-block-size: var(--sigvelo-spacing-5);
-  --agent-chat-queued-list-max-block-size: calc(
-    3 * var(--agent-chat-queued-row-block-size) + 2 * var(--sigvelo-border-width)
-  );
+.agent-chat__prompt-tray.prompt-input__tray {
   --prompt-input-tray-overlap: var(--sigvelo-spacing-2);
 
   position: relative;
@@ -449,63 +451,6 @@
   margin-inline: auto;
 }
 
-.agent-chat__queued-list {
-  flex: 1;
-  display: grid;
-  gap: var(--sigvelo-border-width);
-  max-block-size: var(--agent-chat-queued-list-max-block-size);
-  min-inline-size: 0;
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  overflow-y: auto;
-  overscroll-behavior: contain;
-  scrollbar-gutter: stable;
-}
-
-.agent-chat__queued .agent-chat__queued-message {
-  display: flex;
-  align-items: center;
-  min-inline-size: 0;
-  min-block-size: var(--agent-chat-queued-row-block-size);
-  gap: var(--sigvelo-spacing-1-5);
-  padding-block: 0;
-  padding-inline: var(--sigvelo-spacing-2);
-  color: var(--sigvelo-color-text);
-  font-size: var(--sigvelo-text-compact);
-  line-height: var(--sigvelo-text-compact-leading);
-}
-
-.agent-chat__queued .agent-chat__queued-indicator {
-  display: inline-flex;
-  flex: none;
-  color: var(--sigvelo-color-text-muted);
-}
-
-.agent-chat__queued .agent-chat__queued-indicator svg {
-  inline-size: var(--sigvelo-text-sm);
-  block-size: var(--sigvelo-text-sm);
-}
-
-.agent-chat__queued .agent-chat__queued-content {
-  font-size: inherit;
-  line-height: inherit;
-}
-
-.agent-chat__queued-message .agent-chat__queued-actions {
-  opacity: 1;
-}
-
-.agent-chat__queued .agent-chat__queued-action {
-  --sigvelo-recipe-button-height: var(--agent-chat-queued-row-block-size);
-  --sigvelo-recipe-button-padding-inline: var(--sigvelo-spacing-1-5);
-  --sigvelo-recipe-button-font-size: var(--sigvelo-text-xs);
-  --sigvelo-recipe-button-icon-size: var(--sigvelo-text-xs);
-
-  flex: none;
-  font-weight: var(--sigvelo-font-weight-normal);
-}
-
 @media (any-pointer: coarse) {
   .agent-chat-start-screen__composer-tray > .button,
   .agent-chat-starter__dismiss.button {
@@ -516,13 +461,6 @@
   .agent-chat-starter__dismiss {
     opacity: 1;
   }
-
-  .agent-chat__queued.prompt-input__tray {
-    --agent-chat-queued-row-block-size: var(--sigvelo-control-height-xl);
-    --agent-chat-queued-list-max-block-size: calc(
-      2 * var(--agent-chat-queued-row-block-size) + var(--sigvelo-border-width)
-    );
-  }
 }
 
 .agent-chat__notice[data-tone="danger"],
@@ -606,7 +544,7 @@
     padding-inline: var(--agent-chat-used-column-inset);
   }
 
-  .agent-chat__composer {
+  .agent-chat__dock {
     padding-block-end: max(var(--sigvelo-layout-stack), env(safe-area-inset-bottom, 0px));
     padding-inline: max(
         var(--agent-chat-column-inset, var(--sigvelo-spacing-2)),
@@ -623,6 +561,16 @@
     font-size: var(--sigvelo-text-lg);
   }
 
+  .agent-chat-start-screen__composer-tray:has(> :nth-child(3):last-child) {
+    display: grid;
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+
+  .agent-chat-start-screen__composer-tray:has(> :nth-child(3):last-child) > .button {
+    inline-size: 100%;
+    justify-content: center;
+  }
+
   .agent-chat-starter__label {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -641,8 +589,33 @@
     grid-row: 1;
   }
 
-  .agent-chat-start-screen__starters,
-  .agent-chat-start-screen__lead {
+  .agent-chat-start-screen__suggestions {
     grid-row: 2;
   }
 }
+
+/* Quiet annotation under a part whose stored content was compacted. */
+.agent-chat__compacted {
+  margin-block-start: var(--sigvelo-spacing-1);
+  font-size: var(--sigvelo-text-meta);
+  font-style: italic;
+  color: var(--sigvelo-color-text-muted);
+}
+
+/* All bottom content shares one measured and bounded scroll surface. Leave
+   room for the composer's edge and focus shadows without changing its layout. */
+.agent-chat__dock-content {
+  --agent-chat-dock-ink-room: var(--sigvelo-spacing-5);
+
+  min-block-size: 0;
+  overflow: auto;
+  margin: calc(-1 * var(--agent-chat-dock-ink-room));
+  padding: var(--agent-chat-dock-ink-room);
+}
+.agent-chat__dock:not(:has(.agent-chat__dock-content > :not(.agent-chat__notice:empty))) {
+  padding: 0;
+}
+
+.agent-chat__dock:not(:has(.agent-chat__dock-content > :not(.agent-chat__notice:empty)))::after {
+  content: none;
+}

package/dist/styles/agent-tool-detail.css

@@ -14,8 +14,6 @@
 
 .agent-tool-detail__run-state {
   grid-row: 2;
-  display: grid;
-  gap: var(--sigvelo-layout-cluster);
   min-inline-size: 0;
   padding-block: var(--sigvelo-layout-cluster);
   padding-inline: var(--sigvelo-layout-gutter);
@@ -23,20 +21,6 @@
     var(--sigvelo-color-neutral-border-subtle);
 }
 
-.agent-tool-detail__error,
-.agent-tool-detail__summary {
-  min-inline-size: 0;
-  margin: 0;
-  overflow-wrap: anywhere;
-  color: var(--sigvelo-color-text-muted);
-  font-size: var(--sigvelo-text-xs);
-  line-height: var(--sigvelo-leading-normal);
-}
-
-.agent-tool-detail__error {
-  color: var(--sigvelo-color-danger-text);
-}
-
 .agent-tool-detail__chat {
   grid-row: 3;
   min-inline-size: 0;

package/dist/styles/base.css

@@ -76,7 +76,7 @@
   .task__item::before,
   .test-results__test-status,
   .think-full-app__resizer::before,
-  .think-routine-library__routine-status,
+  .think-routine__routine-status,
   [data-slot="meter-indicator"],
   [data-slot="meter-track"],
   [data-slot="progress-indicator"],

package/dist/styles/browser-run-panel.css

@@ -2,18 +2,6 @@
   min-inline-size: 0;
   min-block-size: 0;
   block-size: 100%;
-  border: 0;
-  border-radius: 0;
-}
-
-/* The tab strip and the address row are one chrome group: only the bottom
-   row draws the group's edge. */
-.browser-run-panel .web-preview__nav:has(.browser-run-panel__tabs) {
-  gap: 0;
-  padding-block: 0;
-  padding-inline: var(--sigvelo-spacing-1-5);
-  border-block-end: 0;
-  box-shadow: none;
 }
 
 .browser-run-panel__tabs {
@@ -76,10 +64,8 @@
   line-height: var(--sigvelo-leading-tight);
 }
 
-.browser-run-panel .browser-run-panel__body {
+.browser-run-panel__body {
   min-block-size: 0;
-  display: flex;
-  padding: 0;
 }
 
 /* The panel owns the space allotted to whichever direct surface it hosts. */