@mcp-b/react-components 0.56.1 → 0.57.0

package/dist/components/general-purpose/WebPreview.d.ts

@@ -1,9 +1,8 @@
-import { n as IconButtonProps } from "../../IconButton-CAlFVb2L.js";
+import { n as IconButtonProps } from "../../IconButton-43ggXEuf.js";
 import * as React from "react";
 import { useRender } from "@base-ui/react/use-render";
-
 //#region src/components/general-purpose/WebPreview.d.ts
-interface WebPreviewContextValue {
+export interface WebPreviewContextValue {
   url: string;
   setUrl: (next: string) => void;
   consoleOpen: boolean;
@@ -15,7 +14,7 @@ interface WebPreviewContextValue {
   reload: () => void;
   reloadToken: number;
 }
-interface WebPreviewProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface WebPreviewProps extends React.HTMLAttributes<HTMLDivElement> {
   /** Omit the frame when the host already supplies panel chrome. */
   surface?: "framed" | "plain";
   /** Initial URL for uncontrolled preview history. */
@@ -62,30 +61,15 @@ interface WebPreviewProps extends React.HTMLAttributes<HTMLDivElement> {
  * </WebPreview>
  * ```
  */
-declare function WebPreview({
-  surface,
-  className,
-  defaultUrl,
-  url: controlledUrl,
-  onUrlChange,
-  children,
-  ref,
-  "data-recipe": recipe,
-  ...props
-}: WebPreviewProps & {
-  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
+export declare function WebPreview({ surface, className, defaultUrl, url: controlledUrl, onUrlChange, children, ref, "data-recipe": recipe, ...props }: WebPreviewProps & {
+  /** Ref forwarded to the component's rendered root element. */
+  ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface WebPreviewNavigationProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface WebPreviewNavigationProps extends React.HTMLAttributes<HTMLDivElement> {
   /** Tabs join the address row below them without a second dividing edge. */
   variant?: "address" | "tabs";
 }
-declare function WebPreviewNavigation({
-  variant,
-  className,
-  children,
-  ref,
-  ...props
-}: WebPreviewNavigationProps & {
+export declare function WebPreviewNavigation({ variant, className, children, ref, ...props }: WebPreviewNavigationProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
 type WebPreviewNavigationAction = "back" | "forward" | "reload";
@@ -93,7 +77,7 @@ interface WebPreviewNavigationButtonBaseProps extends Omit<IconButtonProps, "chi
   tooltip?: string;
   onClick?: React.MouseEventHandler<HTMLButtonElement>;
 }
-type WebPreviewNavigationButtonProps = WebPreviewNavigationButtonBaseProps & ({
+export type WebPreviewNavigationButtonProps = WebPreviewNavigationButtonBaseProps & ({
   action: WebPreviewNavigationAction;
   label?: string;
   children?: React.ReactNode;
@@ -102,75 +86,38 @@ type WebPreviewNavigationButtonProps = WebPreviewNavigationButtonBaseProps & ({
   label: string;
   children: React.ReactNode;
 });
-declare function WebPreviewNavigationButton({
-  className,
-  action,
-  label,
-  tooltip,
-  children,
-  onClick,
-  ...props
-}: WebPreviewNavigationButtonProps): React.JSX.Element;
-interface WebPreviewUrlProps extends React.InputHTMLAttributes<HTMLInputElement> {}
-declare function WebPreviewUrl({
-  className,
-  placeholder,
-  value,
-  onChange,
-  ref,
-  ...props
-}: WebPreviewUrlProps & {
+export declare function WebPreviewNavigationButton({ className, action, label, tooltip, children, onClick, ...props }: WebPreviewNavigationButtonProps): React.JSX.Element;
+export interface WebPreviewUrlProps extends React.InputHTMLAttributes<HTMLInputElement> {}
+export declare function WebPreviewUrl({ className, placeholder, value, onChange, ref, ...props }: WebPreviewUrlProps & {
   ref?: React.Ref<HTMLInputElement>;
 }): React.JSX.Element;
-interface WebPreviewViewportProps extends useRender.ComponentProps<"div"> {}
+export interface WebPreviewViewportProps extends useRender.ComponentProps<"div"> {}
 /** Media surface shared by iframe previews and host-provided live views.
  * Compose a behavior part such as Tabs.Panel through render to keep one element. */
-declare function WebPreviewViewport({
-  render,
-  ref,
-  ...props
-}: WebPreviewViewportProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
-interface WebPreviewEmptyProps extends React.HTMLAttributes<HTMLDivElement> {}
+export declare function WebPreviewViewport({ render, ref, ...props }: WebPreviewViewportProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+export interface WebPreviewEmptyProps extends React.HTMLAttributes<HTMLDivElement> {}
 /** Centered placeholder or session state inside a preview surface. */
-declare function WebPreviewEmpty({
-  className,
-  ref,
-  ...props
-}: WebPreviewEmptyProps & {
+export declare function WebPreviewEmpty({ className, ref, ...props }: WebPreviewEmptyProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface WebPreviewBodyProps extends Omit<React.IframeHTMLAttributes<HTMLIFrameElement>, "loading"> {
+export interface WebPreviewBodyProps extends Omit<React.IframeHTMLAttributes<HTMLIFrameElement>, "loading"> {
   /** Optional placeholder shown while the iframe has no src. */
   loading?: React.ReactNode;
   interactive?: boolean;
 }
-declare function WebPreviewBody({
-  className,
-  loading,
-  src,
-  ref,
-  interactive,
-  ...props
-}: WebPreviewBodyProps & {
+export declare function WebPreviewBody({ className, loading, src, ref, interactive, ...props }: WebPreviewBodyProps & {
   ref?: React.Ref<HTMLIFrameElement>;
 }): React.JSX.Element;
-type ConsoleLogLevel = "log" | "info" | "warn" | "error";
-interface ConsoleLog {
+export type ConsoleLogLevel = "log" | "info" | "warn" | "error";
+export interface ConsoleLog {
   level: ConsoleLogLevel;
   message: string;
   timestamp: Date;
 }
-interface WebPreviewConsoleProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface WebPreviewConsoleProps extends React.HTMLAttributes<HTMLDivElement> {
   logs?: ConsoleLog[];
 }
-declare function WebPreviewConsole({
-  className,
-  logs,
-  children,
-  ref,
-  ...props
-}: WebPreviewConsoleProps & {
+export declare function WebPreviewConsole({ className, logs, children, ref, ...props }: WebPreviewConsoleProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-//#endregion
-export { ConsoleLog, ConsoleLogLevel, WebPreview, WebPreviewBody, WebPreviewBodyProps, WebPreviewConsole, WebPreviewConsoleProps, WebPreviewContextValue, WebPreviewEmpty, WebPreviewEmptyProps, WebPreviewNavigation, WebPreviewNavigationButton, WebPreviewNavigationButtonProps, WebPreviewNavigationProps, WebPreviewProps, WebPreviewUrl, WebPreviewUrlProps, WebPreviewViewport, WebPreviewViewportProps };
+//#endregion

package/dist/components/general-purpose/WebPreview.js

@@ -1,9 +1,9 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { H as RefreshIcon, f as ChevronDownIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-cuEtsgj9.js";
 import { Collapsible } from "../foundations/Collapsible.js";
+import { H as RefreshIcon, f as ChevronDownIcon, i as ArrowRightIcon, r as ArrowLeftIcon } from "../../icons-CeGfXO21.js";
 import { IconButton } from "../foundations/IconButton.js";
-import { ScrollArea } from "../foundations/ScrollArea.js";
 import { Input } from "../foundations/Input.js";
+import { ScrollArea } from "../foundations/ScrollArea.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useRender } from "@base-ui/react/use-render";

package/dist/components/nanites/AgentConnection.d.ts

@@ -1,28 +1,27 @@
 import * as React from "react";
-
 //#region src/components/nanites/AgentConnection.d.ts
-type AgentConnectionTarget = string;
-type AgentConnectionCommand = {
+export type AgentConnectionTarget = string;
+export type AgentConnectionCommand = {
   readonly target: AgentConnectionTarget;
   readonly label: string;
   readonly description: string;
   readonly language: "bash" | "json";
   readonly code: string;
 };
-type ConnectionProps = React.SVGProps<SVGGElement> & {
+export type ConnectionProps = React.SVGProps<SVGGElement> & {
   readonly fromX: number;
   readonly fromY: number;
   readonly toX: number;
   readonly toY: number;
 };
-type NanitesAgentConnectionOptions = {
+export type NanitesAgentConnectionOptions = {
   readonly mcpName?: string;
   readonly pluginMarketplace?: string;
   readonly codexPluginRef?: string;
   readonly claudePluginRef?: string;
   readonly skillName?: string;
 };
-type AgentConnectionPanelProps = {
+export type AgentConnectionPanelProps = {
   readonly className?: string;
   readonly commands?: readonly AgentConnectionCommand[];
   readonly defaultTarget?: AgentConnectionTarget;
@@ -30,42 +29,19 @@ type AgentConnectionPanelProps = {
   readonly origin?: string;
   readonly section?: boolean;
 };
-type AgentConnectionPopoverProps = Omit<AgentConnectionPanelProps, "section"> & {
+export type AgentConnectionPopoverProps = Omit<AgentConnectionPanelProps, "section"> & {
   readonly className?: string;
 };
-declare function Connection({
-  fromX,
-  fromY,
-  toX,
-  toY,
-  ...props
-}: ConnectionProps): React.JSX.Element;
-declare function buildNanitesAgentConnectionCommands(origin: string, {
-  mcpName,
-  pluginMarketplace,
-  codexPluginRef,
-  claudePluginRef,
-  skillName
-}?: NanitesAgentConnectionOptions): readonly AgentConnectionCommand[];
+export declare function Connection({ fromX, fromY, toX, toY, ...props }: ConnectionProps): React.JSX.Element;
+export declare function buildNanitesAgentConnectionCommands(origin: string, { mcpName, pluginMarketplace, codexPluginRef, claudePluginRef, skillName }?: NanitesAgentConnectionOptions): readonly AgentConnectionCommand[];
 /**
  * Shows copyable install commands for connecting an agent to Nanites.
  * Use inside setup screens where users need Codex, Claude Code, skill-only,
  * or raw MCP JSON connection instructions.
  */
-declare function AgentConnectionPanel({
-  className,
-  commands: commandsProp,
-  defaultTarget,
-  headingLevel,
-  origin,
-  section
-}: AgentConnectionPanelProps): React.JSX.Element | null;
+export declare function AgentConnectionPanel({ className, commands: commandsProp, defaultTarget, headingLevel, origin, section }: AgentConnectionPanelProps): React.JSX.Element | null;
 /**
  * Compact popover trigger for showing AgentConnectionPanel inline.
  */
-declare function AgentConnectionPopover({
-  className,
-  ...props
-}: AgentConnectionPopoverProps): React.JSX.Element;
-//#endregion
-export { AgentConnectionCommand, AgentConnectionPanel, AgentConnectionPanelProps, AgentConnectionPopover, AgentConnectionPopoverProps, AgentConnectionTarget, Connection, ConnectionProps, NanitesAgentConnectionOptions, buildNanitesAgentConnectionCommands };
+export declare function AgentConnectionPopover({ className, ...props }: AgentConnectionPopoverProps): React.JSX.Element;
+//#endregion

package/dist/components/nanites/AgentConnection.js

@@ -1,8 +1,8 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { D as LinkIcon } from "../../icons-cuEtsgj9.js";
+import { D as LinkIcon } from "../../icons-CeGfXO21.js";
 import { Button } from "../foundations/Button.js";
+import { a as CodeBlockCopyButton, i as CodeBlockContent, n as CodeBlockActions, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock } from "../../CodeBlock-Dw1z6jc8.js";
 import { Popover } from "../foundations/Popover.js";
-import { a as CodeBlockCopyButton, i as CodeBlockContent, n as CodeBlockActions, p as CodeBlockTitle, r as CodeBlockContainer, s as CodeBlockHeader, t as CodeBlock } from "../../CodeBlock-Bl-q7wMc.js";
 import { ToggleGroup } from "../foundations/ToggleGroup.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/nanites/AgentToolDetail.d.ts

@@ -1,17 +1,16 @@
-import { n as AgentToolRunValue } from "../../AgentToolRunsContext-DT50htHj.js";
-import { i as ThinkChatValue } from "../../ThinkChatContext-COIgzkYp.js";
+import { n as AgentToolRunValue } from "../../AgentToolRunsContext-DniwGn96.js";
+import { i as ThinkChatValue } from "../../ThinkChatContext-DQ6M2VlJ.js";
 import { SubagentRunMetadataProps } from "../agents-sdk/SubagentRunDetails.js";
 import * as React from "react";
 import { UIMessage } from "ai";
 import { UseAgentOptions, useAgent } from "agents/react";
 import { Think } from "@cloudflare/think";
-
 //#region src/components/_internal/think-agent.d.ts
 /** Shared complete Think specialization for stateful React agent hooks. */
 type ThinkAgent<State = unknown> = Think<object, State>;
 //#endregion
 //#region src/components/nanites/AgentToolDetail.d.ts
-interface AgentToolDetailProps<State = unknown, MessageT extends UIMessage = UIMessage> extends React.HTMLAttributes<HTMLDivElement> {
+export interface AgentToolDetailProps<State = unknown, MessageT extends UIMessage = UIMessage> extends React.HTMLAttributes<HTMLDivElement> {
   /** Whole retained run selected from the parent `useAgentToolEvents` result. */
   run: AgentToolRunValue<MessageT["parts"][number]>;
   /**
@@ -35,19 +34,10 @@ interface AgentToolDetailProps<State = unknown, MessageT extends UIMessage = UIM
  * The full child transcript comes from `chat.messages`; `run.parts` remains a
  * compact parent-side stream projection and is never promoted to fake history.
  */
-declare function AgentToolDetail<State = unknown, MessageT extends UIMessage = UIMessage>({
-  actions,
-  backLink,
-  chat,
-  className,
-  ref,
-  run,
-  renderMilestone,
-  ...props
-}: AgentToolDetailProps<State, MessageT> & {
+export declare function AgentToolDetail<State = unknown, MessageT extends UIMessage = UIMessage>({ actions, backLink, chat, className, ref, run, renderMilestone, ...props }: AgentToolDetailProps<State, MessageT> & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface SelectedAgentToolChildProps<ParentAgentT extends ThinkAgent<ParentState>, ParentState = unknown, ChildState = unknown, MessageT extends UIMessage = UIMessage> {
+export interface SelectedAgentToolChildProps<ParentAgentT extends ThinkAgent<ParentState>, ParentState = unknown, ChildState = unknown, MessageT extends UIMessage = UIMessage> {
   run: AgentToolRunValue<MessageT["parts"][number]>;
   /** Whole parent `useAgent` result used to derive the standard root-first route. */
   parentAgent: ReturnType<typeof useAgent<ParentAgentT, ParentState>>;
@@ -80,7 +70,7 @@ interface SelectedAgentToolChildProps<ParentAgentT extends ThinkAgent<ParentStat
  * root-first base (or the app-supplied options) with the run's sub-agent step
  * appended to the sub path.
  */
-declare function selectedAgentToolChildOptions<ChildState = unknown>(parentAgent: {
+export declare function selectedAgentToolChildOptions<ChildState = unknown>(parentAgent: {
   agent: string;
   name: string;
   path: ReadonlyArray<{
@@ -98,14 +88,5 @@ declare function selectedAgentToolChildOptions<ChildState = unknown>(parentAgent
  * this component holds the connection and always commits, while the chat
  * suspends behind the internal boundary.
  */
-declare function SelectedAgentToolChild<ParentAgentT extends ThinkAgent<ParentState>, ParentState = unknown, ChildState = unknown, MessageT extends UIMessage = UIMessage>({
-  actions,
-  backLink,
-  connectionOptions,
-  fallback,
-  getInitialMessages,
-  parentAgent,
-  run
-}: SelectedAgentToolChildProps<ParentAgentT, ParentState, ChildState, MessageT>): React.JSX.Element;
-//#endregion
-export { AgentToolDetail, AgentToolDetailProps, SelectedAgentToolChild, SelectedAgentToolChildProps, selectedAgentToolChildOptions };
+export declare function SelectedAgentToolChild<ParentAgentT extends ThinkAgent<ParentState>, ParentState = unknown, ChildState = unknown, MessageT extends UIMessage = UIMessage>({ actions, backLink, connectionOptions, fallback, getInitialMessages, parentAgent, run }: SelectedAgentToolChildProps<ParentAgentT, ParentState, ChildState, MessageT>): React.JSX.Element;
+//#endregion

package/dist/components/nanites/AgentToolDetail.js

@@ -1,13 +1,13 @@
 import { t as cx } from "../../class-names-BiMDVpUo.js";
-import { r as ArrowLeftIcon } from "../../icons-cuEtsgj9.js";
+import { r as ArrowLeftIcon } from "../../icons-CeGfXO21.js";
 import { MessageActions } from "../ai-sdk/Message.js";
-import { SubagentRunIndicator, getSubagentRunName } from "../agents-sdk/SubagentRunIndicator.js";
-import { NaniteMark } from "./NaniteScene.js";
-import { AgentChat } from "../agents-sdk/AgentChat.js";
 import { TransitionSurface } from "../foundations/TransitionSurface.js";
 import { AppTopBar } from "../general-purpose/AppTopBar.js";
-import { ThinkChat } from "../agents-sdk/ThinkChat.js";
+import { NaniteMark } from "./NaniteScene.js";
+import { SubagentRunIndicator, getSubagentRunName } from "../agents-sdk/SubagentRunIndicator.js";
 import { SubagentRunMetadata } from "../agents-sdk/SubagentRunDetails.js";
+import { AgentChat } from "../agents-sdk/AgentChat.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";
@@ -112,12 +112,13 @@ function SelectedAgentToolChild({ actions, backLink, connectionOptions, fallback
 	});
 }
 function SelectedAgentToolChildChat({ actions, backLink, childAgent, getInitialMessages, run }) {
+	const childChat = useAgentChat({
+		agent: childAgent,
+		...getInitialMessages ? { getInitialMessages: () => getInitialMessages(childAgent) } : {}
+	});
 	return /* @__PURE__ */ jsx(AgentToolDetail, {
 		run,
-		chat: useAgentChat({
-			agent: childAgent,
-			...getInitialMessages ? { getInitialMessages: () => getInitialMessages(childAgent) } : {}
-		}),
+		chat: childChat,
 		backLink,
 		actions
 	});

package/dist/components/nanites/GithubMotionMark.d.ts

@@ -2,12 +2,8 @@
 /**
  * Small GitHub motion mark used next to install or repository connection text.
  */
-declare function GithubMotionMark({
-  className,
-  size
-}: {
+export declare function GithubMotionMark({ className, size }: {
   readonly className?: string;
   readonly size?: number;
 }): import("react").JSX.Element;
-//#endregion
-export { GithubMotionMark };
+//#endregion

package/dist/components/nanites/GithubMotionMark.js

@@ -5,8 +5,9 @@ import { jsx } from "react/jsx-runtime";
 * Small GitHub motion mark used next to install or repository connection text.
 */
 function GithubMotionMark({ className, size = 18 }) {
+	const classes = cx("github-motion-mark", className);
 	return /* @__PURE__ */ jsx("span", {
-		className: cx("github-motion-mark", className),
+		className: classes,
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ jsx("svg", {
 			width: size,

package/dist/components/nanites/NaniteScene.d.ts

@@ -1,20 +1,23 @@
 //#region src/components/nanites/NaniteScene.d.ts
-type NaniteSceneVariant = "idle" | "helmet" | "working" | "celebrating" | "concerned";
-type NaniteSceneProps = {
-  /** Visual state to render. */readonly variant: NaniteSceneVariant; /** Render three compact Nanites or one status Nanite with optional screen art. */
-  readonly mode?: "trio" | "solo"; /** Additional class names for layout only. */
-  readonly className?: string; /** Accessible title when the illustration communicates state. */
+export type NaniteSceneVariant = "idle" | "helmet" | "working" | "celebrating" | "concerned";
+export type NaniteSceneProps = {
+  /** Visual state to render. */
+  readonly variant: NaniteSceneVariant;
+  /** Render three compact Nanites or one status Nanite with optional screen art. */
+  readonly mode?: "trio" | "solo";
+  /** Additional class names for layout only. */
+  readonly className?: string;
+  /** Accessible title when the illustration communicates state. */
   readonly title?: string;
 };
-type NaniteMarkProps = {
-  /** Selects one of the established Nanite body colors. */readonly index?: number; /** Additional class names for layout only. */
+export type NaniteMarkProps = {
+  /** Selects one of the established Nanite body colors. */
+  readonly index?: number;
+  /** Additional class names for layout only. */
   readonly className?: string;
 };
 /** Compact decorative Nanite identity mark for dense agent and task UI. */
-declare function NaniteMark({
-  index,
-  className
-}: NaniteMarkProps): import("react").JSX.Element;
+export declare function NaniteMark({ index, className }: NaniteMarkProps): import("react").JSX.Element;
 /**
  * Decorative Nanites illustration used in setup, status, and empty states.
  * Pass a title when the illustration communicates state; otherwise it remains
@@ -32,11 +35,5 @@ declare function NaniteMark({
  * <NaniteScene variant="working" mode="solo" title="Agent is checking GitHub" />
  * ```
  */
-declare function NaniteScene({
-  variant,
-  mode,
-  className,
-  title
-}: NaniteSceneProps): import("react").JSX.Element;
-//#endregion
-export { NaniteMark, NaniteMarkProps, NaniteScene, NaniteSceneProps, NaniteSceneVariant };
+export declare function NaniteScene({ variant, mode, className, title }: NaniteSceneProps): import("react").JSX.Element;
+//#endregion

package/dist/components/nanites/NaniteScene.js

@@ -25,8 +25,9 @@ const TRIO_XS = [
 ];
 /** Compact decorative Nanite identity mark for dense agent and task UI. */
 function NaniteMark({ index = 0, className }) {
+	const wrapperClass = cx("nanite-mark", className);
 	return /* @__PURE__ */ jsx("span", {
-		className: cx("nanite-mark", className),
+		className: wrapperClass,
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ jsxs("svg", {
 			viewBox: "-18 -34 36 54",
@@ -244,7 +245,7 @@ function NaniteScene({ variant, mode = "trio", className, title }) {
 					]
 				}) : null,
 				showGlass ? /* @__PURE__ */ jsx("g", {
-					transform: `translate(${screenCx - 4}, 32)`,
+					transform: `translate(78, 32)`,
 					children: /* @__PURE__ */ jsxs("g", {
 						className: "nanite-scene__glass",
 						children: [/* @__PURE__ */ jsx("circle", {
@@ -266,7 +267,7 @@ function NaniteScene({ variant, mode = "trio", className, title }) {
 					})
 				}) : null,
 				showSuccessMark ? /* @__PURE__ */ jsx("g", {
-					transform: `translate(96, ${screenCy - 10})`,
+					transform: `translate(96, 20)`,
 					children: /* @__PURE__ */ jsxs("g", {
 						className: "nanite-scene__status-mark",
 						children: [/* @__PURE__ */ jsx("circle", {
@@ -287,7 +288,7 @@ function NaniteScene({ variant, mode = "trio", className, title }) {
 					})
 				}) : null,
 				showFailMark ? /* @__PURE__ */ jsx("g", {
-					transform: `translate(96, ${screenCy - 10})`,
+					transform: `translate(96, 20)`,
 					children: /* @__PURE__ */ jsxs("g", {
 						className: "nanite-scene__status-mark",
 						children: [
@@ -325,22 +326,22 @@ function NaniteScene({ variant, mode = "trio", className, title }) {
 					children: [
 						/* @__PURE__ */ jsx("circle", {
 							className: "nanite-scene__sparkle",
-							cx: naniteX - 10,
-							cy: centerY - 24,
+							cx: 14,
+							cy: 6,
 							r: "1.6",
 							fill: HAT_BULB
 						}),
 						/* @__PURE__ */ jsx("circle", {
 							className: "nanite-scene__sparkle",
 							cx: 26,
-							cy: centerY - 28,
+							cy: 2,
 							r: "1.9",
 							fill: BODY_COLORS[0]
 						}),
 						/* @__PURE__ */ jsx("circle", {
 							className: "nanite-scene__sparkle",
 							cx: 38,
-							cy: centerY - 22,
+							cy: 8,
 							r: "1.6",
 							fill: BODY_COLORS[2]
 						})

package/dist/{copy-button-CJYYgCIU.d.ts → copy-button-BIfY5M-D.d.ts}

@@ -1,6 +1,5 @@
-import { n as IconButtonProps } from "./IconButton-CAlFVb2L.js";
+import { n as IconButtonProps } from "./IconButton-43ggXEuf.js";
 import * as React from "react";
-
 //#region src/components/_internal/copy-button.d.ts
 interface CopyButtonProps extends Omit<IconButtonProps, "children" | "variant" | "color" | "onClick" | "onError"> {
   label: string;

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

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

package/dist/{format-COCyV98Z.js → format-CWaZEp5o.js}

@@ -57,7 +57,7 @@ function textLines(value) {
 */
 function firstLine(value) {
 	const line = textLines(value).at(0) ?? "";
-	return line.length > LINE_LIMIT ? `${line.slice(0, LINE_LIMIT - 1)}…` : line;
+	return line.length > LINE_LIMIT ? `${line.slice(0, 159)}…` : line;
 }
 /**
 * Renders an unknown upstream value as display text. Tool arguments, results,

package/dist/icons-CUuD7iEh.d.ts

@@ -0,0 +1,73 @@
+import { LucideProps } from "lucide-react";
+import { IconBaseProps } from "react-icons";
+//#region src/components/_internal/icons.d.ts
+/**
+ * The design system's single icon adapter.
+ *
+ * Lucide supplies the artwork while this adapter owns the library-wide optical
+ * defaults and decorative semantics. Keeping the existing names here lets
+ * components share one icon language without coupling their public APIs to an
+ * icon vendor.
+ */
+type IconProps = Omit<LucideProps, "ref">;
+type BrandIconProps = Omit<IconBaseProps, "ref">;
+declare const ChevronRightIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const ChevronDownIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const CheckIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const CodeIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const XIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const PencilIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const CopyIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const EyeIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const EyeOffIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const FolderIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const FolderOpenIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const FileIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const PaperclipIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const MicrophoneIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const StopIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const PlusIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const MinusIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const PlayIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const PauseIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const SquareIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const ArrowLeftIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const ArrowRightIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const ArrowDownIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const ArrowUpIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const ArrowUpRightIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const BookmarkIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const ArchiveIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const DownloadIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const RefreshIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const DotIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const EllipsisIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare function SpinnerIcon({ className, size, strokeWidth, ...props }: IconProps): import("react").JSX.Element;
+declare const SearchIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const SidebarIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const TerminalIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const LinkIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const KeyboardIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const QueueIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const TrashIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const WarningIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const BoxIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const BrainIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const CalendarIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const WrenchIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const InfoIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const MonitorIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const MessageSquareIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const MailIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const UserIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const McpIcon: ({ size, ...props }: BrandIconProps) => import("react").JSX.Element;
+/** Discord Blurple. Callers override with `color` or a `className` that sets color. */
+declare function DiscordIcon({ size, color, className, ...props }: BrandIconProps): import("react").JSX.Element;
+/** Four-color Slack hash. Official fills live on the paths, not currentColor. */
+declare function SlackIcon({ size, className, ...props }: BrandIconProps): import("react").JSX.Element;
+declare const MoonIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const SunIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const TargetIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+declare const MaximizeIcon: ({ size, strokeWidth, ...props }: IconProps) => import("react").JSX.Element;
+//#endregion
+export { TerminalIcon as $, MailIcon as A, PencilIcon as B, FileIcon as C, InfoIcon as D, IconProps as E, MinusIcon as F, SearchIcon as G, PlusIcon as H, MonitorIcon as I, SpinnerIcon as J, SidebarIcon as K, MoonIcon as L, McpIcon as M, MessageSquareIcon as N, KeyboardIcon as O, MicrophoneIcon as P, TargetIcon as Q, PaperclipIcon as R, EyeOffIcon as S, FolderOpenIcon as T, QueueIcon as U, PlayIcon as V, RefreshIcon as W, StopIcon as X, SquareIcon as Y, SunIcon as Z, DiscordIcon as _, ArrowUpIcon as a, EllipsisIcon as b, BoxIcon as c, CalendarIcon as d, TrashIcon as et, CheckIcon as f, CopyIcon as g, CodeIcon as h, ArrowRightIcon as i, XIcon as it, MaximizeIcon as j, LinkIcon as k, BrainIcon as l, ChevronRightIcon as m, ArrowDownIcon as n, WarningIcon as nt, ArrowUpRightIcon as o, ChevronDownIcon as p, SlackIcon as q, ArrowLeftIcon as r, WrenchIcon as rt, BookmarkIcon as s, ArchiveIcon as t, UserIcon as tt, BrandIconProps as u, DotIcon as v, FolderIcon as w, EyeIcon as x, DownloadIcon as y, PauseIcon as z };

package/dist/{mcp-server-catalog-D9p4gGeJ.d.ts → mcp-server-catalog-DgA9BnL0.d.ts}

@@ -1,5 +1,4 @@
 import { MCPServer, MCPServersState } from "agents";
-
 //#region src/utils/mcp-server-catalog.d.ts
 interface McpServerSetupLink {
   label: string;

package/dist/{progress-ring-Cgii90dC.js → progress-ring-L2bbF0ji.js}

@@ -1,4 +1,4 @@
-import { n as clamp } from "./format-COCyV98Z.js";
+import { n as clamp } from "./format-CWaZEp5o.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/_internal/progress-ring.tsx
 /**

package/dist/styles/app-top-bar.css

@@ -95,8 +95,8 @@
 }
 
 .app-top-bar__button:is([aria-expanded="true"], [data-popup-open], [data-pressed]):not(
-  :focus-visible
-) {
+    :focus-visible
+  ) {
   box-shadow: none;
 }