@mcp-b/react-components 0.56.0 → 0.56.2

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

@@ -1,10 +1,9 @@
 import { Collapsible } from "../foundations/Collapsible.js";
 import * as React from "react";
 import { useRender } from "@base-ui/react/use-render";
-
 //#region src/components/general-purpose/TestResults.d.ts
-type TestStatusValue = "passed" | "failed" | "skipped" | "running";
-interface TestSummary {
+export type TestStatusValue = "passed" | "failed" | "skipped" | "running";
+export interface TestSummary {
   /** Number of passed tests. */
   passed: number;
   /** Number of failed tests. */
@@ -16,7 +15,7 @@ interface TestSummary {
   /** Total runtime in milliseconds. */
   duration?: number;
 }
-interface TestResultsProps extends useRender.ComponentProps<"div"> {
+export interface TestResultsProps extends useRender.ComponentProps<"div"> {
   /** Aggregate test counts used by the summary and progress bar. */
   summary?: TestSummary;
   /** Additional class names for layout only; do not override status colors from apps. */
@@ -59,185 +58,88 @@ interface TestResultsProps extends useRender.ComponentProps<"div"> {
  * </TestResults>
  * ```
  */
-declare function TestResults({
-  render,
-  summary,
-  children,
-  ref,
-  ...props
-}: TestResultsProps & {
-  /** Ref forwarded to the component's rendered root element. */ref?: React.Ref<HTMLDivElement>;
+export declare function TestResults({ render, summary, children, ref, ...props }: TestResultsProps & {
+  /** Ref forwarded to the component's rendered root element. */
+  ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface TestResultsHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
-declare function TestResultsHeader({
-  className,
-  children,
-  ref,
-  ...props
-}: TestResultsHeaderProps & {
+export interface TestResultsHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
+export declare function TestResultsHeader({ className, children, ref, ...props }: TestResultsHeaderProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface TestResultsDurationProps extends React.HTMLAttributes<HTMLSpanElement> {}
-declare function TestResultsDuration({
-  className,
-  children,
-  ref,
-  ...props
-}: TestResultsDurationProps & {
+export interface TestResultsDurationProps extends React.HTMLAttributes<HTMLSpanElement> {}
+export declare function TestResultsDuration({ className, children, ref, ...props }: TestResultsDurationProps & {
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element | null;
-interface TestResultsSummaryProps extends React.HTMLAttributes<HTMLDivElement> {}
-declare function TestResultsSummary({
-  className,
-  children,
-  ref,
-  ...props
-}: TestResultsSummaryProps & {
+export interface TestResultsSummaryProps extends React.HTMLAttributes<HTMLDivElement> {}
+export declare function TestResultsSummary({ className, children, ref, ...props }: TestResultsSummaryProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element | null;
-interface TestResultsProgressProps extends React.HTMLAttributes<HTMLDivElement> {}
-declare function TestResultsProgress({
-  className,
-  children,
-  ref,
-  ...props
-}: TestResultsProgressProps & {
+export interface TestResultsProgressProps extends React.HTMLAttributes<HTMLDivElement> {}
+export declare function TestResultsProgress({ className, children, ref, ...props }: TestResultsProgressProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element | null;
-interface TestResultsContentProps extends React.HTMLAttributes<HTMLDivElement> {}
-declare function TestResultsContent({
-  className,
-  children,
-  ref,
-  ...props
-}: TestResultsContentProps & {
+export interface TestResultsContentProps extends React.HTMLAttributes<HTMLDivElement> {}
+export declare function TestResultsContent({ className, children, ref, ...props }: TestResultsContentProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface TestSuiteProps extends Omit<React.ComponentProps<typeof Collapsible.Root>, "unstyled"> {
+export interface TestSuiteProps extends Omit<React.ComponentProps<typeof Collapsible.Root>, "unstyled"> {
   name: string;
   status: TestStatusValue;
 }
-declare function TestSuite({
-  className,
-  name,
-  status,
-  defaultOpen,
-  children,
-  ref,
-  ...props
-}: TestSuiteProps & {
+export declare function TestSuite({ className, name, status, defaultOpen, children, ref, ...props }: TestSuiteProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-type TestSuiteNameProps = Omit<React.ComponentProps<typeof Collapsible.Trigger>, "unstyled"> & {};
-declare function TestSuiteName({
-  className,
-  children,
-  ref,
-  ...props
-}: TestSuiteNameProps & {
+export type TestSuiteNameProps = Omit<React.ComponentProps<typeof Collapsible.Trigger>, "unstyled"> & {};
+export declare function TestSuiteName({ className, children, ref, ...props }: TestSuiteNameProps & {
   ref?: React.Ref<HTMLButtonElement>;
 }): React.JSX.Element;
-interface TestSuiteStatsProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface TestSuiteStatsProps extends React.HTMLAttributes<HTMLDivElement> {
   passed?: number;
   failed?: number;
   skipped?: number;
 }
-declare function TestSuiteStats({
-  className,
-  passed,
-  failed,
-  skipped,
-  children,
-  ref,
-  ...props
-}: TestSuiteStatsProps & {
+export declare function TestSuiteStats({ className, passed, failed, skipped, children, ref, ...props }: TestSuiteStatsProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-type TestSuiteContentProps = Omit<React.ComponentProps<typeof Collapsible.Panel>, "unstyled"> & {};
-declare function TestSuiteContent({
-  className,
-  children,
-  ref,
-  ...props
-}: TestSuiteContentProps & {
+export type TestSuiteContentProps = Omit<React.ComponentProps<typeof Collapsible.Panel>, "unstyled"> & {};
+export declare function TestSuiteContent({ className, children, ref, ...props }: TestSuiteContentProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface TestProps extends useRender.ComponentProps<"div"> {
+export interface TestProps extends useRender.ComponentProps<"div"> {
   name: string;
   status: TestStatusValue;
   duration?: number;
 }
-declare function Test({
-  render,
-  name,
-  status,
-  duration,
-  children,
-  ref,
-  ...props
-}: TestProps & {
+export declare function Test({ render, name, status, duration, children, ref, ...props }: TestProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface TestStatusProps extends React.HTMLAttributes<HTMLSpanElement> {
+export interface TestStatusProps extends React.HTMLAttributes<HTMLSpanElement> {
   status?: TestStatusValue;
 }
-declare function TestStatus({
-  className,
-  children,
-  status,
-  ref,
-  ...props
-}: TestStatusProps & {
+export declare function TestStatus({ className, children, status, ref, ...props }: TestStatusProps & {
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
-interface TestNameProps extends React.HTMLAttributes<HTMLSpanElement> {}
-declare function TestName({
-  className,
-  children,
-  ref,
-  ...props
-}: TestNameProps & {
+export interface TestNameProps extends React.HTMLAttributes<HTMLSpanElement> {}
+export declare function TestName({ className, children, ref, ...props }: TestNameProps & {
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element;
-interface TestDurationProps extends React.HTMLAttributes<HTMLSpanElement> {}
-declare function TestDuration({
-  className,
-  children,
-  ref,
-  ...props
-}: TestDurationProps & {
+export interface TestDurationProps extends React.HTMLAttributes<HTMLSpanElement> {}
+export declare function TestDuration({ className, children, ref, ...props }: TestDurationProps & {
   ref?: React.Ref<HTMLSpanElement>;
 }): React.JSX.Element | null;
-interface TestErrorProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface TestErrorProps extends React.HTMLAttributes<HTMLDivElement> {
   /** Error message or stack trace. */
   message?: string;
 }
-declare function TestError({
-  className,
-  message,
-  children,
-  ref,
-  ...props
-}: TestErrorProps & {
+export declare function TestError({ className, message, children, ref, ...props }: TestErrorProps & {
   ref?: React.Ref<HTMLDivElement>;
 }): React.JSX.Element;
-interface TestErrorMessageProps extends React.HTMLAttributes<HTMLParagraphElement> {}
-declare function TestErrorMessage({
-  className,
-  children,
-  ref,
-  ...props
-}: TestErrorMessageProps & {
+export interface TestErrorMessageProps extends React.HTMLAttributes<HTMLParagraphElement> {}
+export declare function TestErrorMessage({ className, children, ref, ...props }: TestErrorMessageProps & {
   ref?: React.Ref<HTMLParagraphElement>;
 }): React.JSX.Element;
-interface TestErrorStackProps extends React.HTMLAttributes<HTMLPreElement> {}
-declare function TestErrorStack({
-  className,
-  children,
-  ref,
-  ...props
-}: TestErrorStackProps & {
+export interface TestErrorStackProps extends React.HTMLAttributes<HTMLPreElement> {}
+export declare function TestErrorStack({ className, children, ref, ...props }: TestErrorStackProps & {
   ref?: React.Ref<HTMLPreElement>;
 }): React.JSX.Element;
-//#endregion
-export { Test, TestDuration, TestDurationProps, TestError, TestErrorMessage, TestErrorMessageProps, TestErrorProps, TestErrorStack, TestErrorStackProps, TestName, TestNameProps, TestProps, TestResults, TestResultsContent, TestResultsContentProps, TestResultsDuration, TestResultsDurationProps, TestResultsHeader, TestResultsHeaderProps, TestResultsProgress, TestResultsProgressProps, TestResultsProps, TestResultsSummary, TestResultsSummaryProps, TestStatus, TestStatusProps, TestStatusValue, TestSuite, TestSuiteContent, TestSuiteContentProps, TestSuiteName, TestSuiteNameProps, TestSuiteProps, TestSuiteStats, TestSuiteStatsProps, TestSummary };
+//#endregion

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

@@ -253,15 +253,16 @@ function Test({ render, name, status, duration, children, ref, ...props }) {
 		name,
 		status
 	]);
+	const defaultProps = {
+		className: cx("test-results__test", `test-results__test--${status}`),
+		"data-status": status,
+		children
+	};
 	const element = useRender({
 		defaultTagName: "div",
 		render,
 		ref,
-		props: mergeProps({
-			className: cx("test-results__test", `test-results__test--${status}`),
-			"data-status": status,
-			children
-		}, props)
+		props: mergeProps(defaultProps, props)
 	});
 	return /* @__PURE__ */ jsx(TestContext.Provider, {
 		value: contextValue,

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

@@ -1,5 +1,5 @@
 //#region src/components/general-purpose/ThemeModeControl.d.ts
-interface ThemeModeControlProps {
+export interface ThemeModeControlProps {
   /** Show text beside each icon. @default true */
   showLabels?: boolean;
   /** Accessible name for the radio group. @default "Theme" */
@@ -15,12 +15,5 @@ interface ThemeModeControlProps {
  * A compact, mutually exclusive Light/Dark/System control modeled after the
  * Codex Appearance settings. Arrow keys move and select within the group.
  */
-declare function ThemeModeControl({
-  showLabels,
-  "aria-label": ariaLabel,
-  name,
-  disabled,
-  className
-}: ThemeModeControlProps): import("react").JSX.Element;
-//#endregion
-export { ThemeModeControl, ThemeModeControlProps };
+export declare function ThemeModeControl({ showLabels, "aria-label": ariaLabel, name, disabled, className }: ThemeModeControlProps): import("react").JSX.Element;
+//#endregion

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

@@ -1,6 +1,6 @@
 import { F as MoonIcon, P as MonitorIcon, Y as SunIcon } from "../../icons-CeGfXO21.js";
-import { Radio, RadioGroup } from "../foundations/RadioGroup.js";
 import { useTheme } from "../foundations/ThemeProvider.js";
+import { Radio, RadioGroup } from "../foundations/RadioGroup.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/general-purpose/ThemeModeControl.tsx
 const modes = [

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/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/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-CeGfXO21.js";
 import { MessageActions } from "../ai-sdk/Message.js";
-import { TransitionSurface } from "../foundations/TransitionSurface.js";
-import { AppTopBar } from "../general-purpose/AppTopBar.js";
-import { NaniteMark } from "./NaniteScene.js";
 import { SubagentRunIndicator, getSubagentRunName } from "../agents-sdk/SubagentRunIndicator.js";
-import { SubagentRunMetadata } from "../agents-sdk/SubagentRunDetails.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 { SubagentRunMetadata } from "../agents-sdk/SubagentRunDetails.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,