@mcp-b/react-components 0.47.0 → 0.49.0

package/dist/Dialog-B_FhRWaz.d.ts

@@ -1,107 +0,0 @@
-import * as React from "react";
-import { Dialog } from "@base-ui/react/dialog";
-
-//#region src/components/foundations/Dialog.d.ts
-type DialogProps<Payload = unknown> = Dialog.Root.Props<Payload>;
-type DialogTriggerProps<Payload = unknown> = Dialog.Trigger.Props<Payload> & React.RefAttributes<HTMLElement>;
-interface DialogPortalProps extends React.ComponentPropsWithRef<typeof Dialog.Portal> {}
-interface DialogBackdropProps extends React.ComponentPropsWithRef<typeof Dialog.Backdrop> {}
-interface DialogViewportProps extends React.ComponentPropsWithRef<typeof Dialog.Viewport> {}
-interface DialogPopupProps extends React.ComponentPropsWithRef<typeof Dialog.Popup> {
-  /**
-   * The size of the dialog.
-   * @default 'md'
-   */
-  size?: "sm" | "md" | "lg" | "fullscreen";
-}
-interface DialogTitleProps extends React.ComponentPropsWithRef<typeof Dialog.Title> {}
-interface DialogDescriptionProps extends React.ComponentPropsWithRef<typeof Dialog.Description> {}
-interface DialogCloseProps extends React.ComponentPropsWithRef<typeof Dialog.Close> {}
-interface DialogHeaderProps extends React.ComponentPropsWithRef<"div"> {}
-interface DialogFooterProps extends React.ComponentPropsWithRef<"div"> {}
-/**
- * A dialog component for modal interactions.
- *
- * @example
- * ```tsx
- * <Dialog.Root open={isOpen} onOpenChange={setIsOpen}>
- *   <Dialog.Trigger render={<Button />}>Open</Dialog.Trigger>
- *   <Dialog.Portal>
- *     <Dialog.Backdrop />
- *     <Dialog.Viewport>
- *       <Dialog.Popup>
- *         <Dialog.Title>Confirm</Dialog.Title>
- *         <Dialog.Description>Are you sure?</Dialog.Description>
- *         <Dialog.Close>Cancel</Dialog.Close>
- *       </Dialog.Popup>
- *     </Dialog.Viewport>
- *   </Dialog.Portal>
- * </Dialog.Root>
- * ```
- *
- * @see {@link https://base-ui.com/react/components/dialog | Base UI Dialog}
- */
-declare function DialogTrigger<Payload>({
-  render,
-  className,
-  ref,
-  ...props
-}: DialogTriggerProps<Payload>): React.JSX.Element;
-declare function DialogBackdrop({
-  className,
-  ref,
-  ...props
-}: DialogBackdropProps): React.JSX.Element;
-declare function DialogViewport({
-  className,
-  ref,
-  ...props
-}: DialogViewportProps): React.JSX.Element;
-declare function DialogPopup({
-  size,
-  className,
-  ref,
-  ...props
-}: DialogPopupProps): React.JSX.Element;
-declare function DialogHeader({
-  className,
-  ref,
-  ...props
-}: DialogHeaderProps): React.JSX.Element;
-declare function DialogFooter({
-  className,
-  ref,
-  ...props
-}: DialogFooterProps): React.JSX.Element;
-declare function DialogTitle({
-  className,
-  ref,
-  ...props
-}: DialogTitleProps): React.JSX.Element;
-declare function DialogDescription({
-  className,
-  ref,
-  ...props
-}: DialogDescriptionProps): React.JSX.Element;
-declare function DialogClose({
-  render,
-  className,
-  ref,
-  ...props
-}: DialogCloseProps): React.JSX.Element;
-declare const Dialog$1: {
-  Root: typeof Dialog.Root;
-  Trigger: typeof DialogTrigger;
-  Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogPortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-  Backdrop: typeof DialogBackdrop;
-  Viewport: typeof DialogViewport;
-  Popup: typeof DialogPopup;
-  Header: typeof DialogHeader;
-  Footer: typeof DialogFooter;
-  Title: typeof DialogTitle;
-  Description: typeof DialogDescription;
-  Close: typeof DialogClose;
-  createHandle: typeof Dialog.createHandle;
-};
-//#endregion
-export { DialogFooterProps as a, DialogPortalProps as c, DialogTriggerProps as d, DialogViewportProps as f, DialogDescriptionProps as i, DialogProps as l, DialogBackdropProps as n, DialogHeaderProps as o, DialogCloseProps as r, DialogPopupProps as s, Dialog$1 as t, DialogTitleProps as u };

package/dist/McpConnectorForm-CeYNY0MI.d.ts

@@ -1,39 +0,0 @@
-import { d as McpServerSetupAuthFieldName, l as McpServerSetupAuth } from "./mcp-server-catalog-C_g7C-9o.js";
-import * as React from "react";
-
-//#region src/components/agents-sdk/McpConnectorForm.d.ts
-type CredentialFieldName = Exclude<McpServerSetupAuthFieldName, "redirectUrl">;
-type McpConnectorFormValues = Readonly<Partial<Record<CredentialFieldName, string>> & {
-  readonly name: string;
-  readonly url: string;
-}>;
-type McpConnectorFormProps = Omit<React.FormHTMLAttributes<HTMLFormElement>, "onSubmit" | "status"> & {
-  /** Authentication metadata that decides which credential fields render. */readonly auth?: McpServerSetupAuth; /** Initial connector values. Publisher client credentials remain app-owned. */
-  readonly defaults?: Partial<McpConnectorFormValues>; /** Optional pattern used to validate the MCP name field. */
-  readonly namePattern?: string; /** Keep a catalog-owned MCP name and URL visible but immutable. */
-  readonly readOnlyServer?: boolean; /** Read-only redirect URL shown for manual OAuth client setup. */
-  readonly redirectUrl?: string; /** Inline connection status announced politely to assistive tech. */
-  readonly status?: React.ReactNode; /** Label for the submit button. */
-  readonly submitLabel?: string; /** Label shown while submit is pending. */
-  readonly submittingLabel?: string; /** Called with normalized connector values after native form validation passes. */
-  readonly onSubmit: (values: McpConnectorFormValues) => void | Promise<void>;
-};
-/** Collects MCP connector settings and optional credentials with native form validation. */
-declare function McpConnectorForm({
-  auth,
-  className,
-  defaults,
-  namePattern,
-  readOnlyServer,
-  redirectUrl,
-  status,
-  submitLabel,
-  submittingLabel,
-  onSubmit,
-  ref,
-  ...props
-}: McpConnectorFormProps & {
-  ref?: React.Ref<HTMLFormElement>;
-}): React.JSX.Element;
-//#endregion
-export { McpConnectorFormProps as n, McpConnectorFormValues as r, McpConnectorForm as t };

package/dist/McpPluginCatalog-3qWu8oK1.d.ts

@@ -1,92 +0,0 @@
-import { o as McpServerCard } from "./mcp-server-catalog-C_g7C-9o.js";
-import { r as McpConnectorFormValues } from "./McpConnectorForm-CeYNY0MI.js";
-import { l as DialogProps } from "./Dialog-B_FhRWaz.js";
-import * as React from "react";
-import { MCPServersState } from "agents";
-
-//#region src/components/agents-sdk/McpPluginCatalog.d.ts
-/** Optional plugin-specific copy layered over the canonical MCP server card. */
-interface McpPluginDetails {
-  developerName?: string;
-  marketplaceName?: string;
-  longDescription?: string;
-  capabilities?: readonly string[];
-  skills?: readonly string[];
-}
-interface McpPluginCatalogProps extends Omit<React.HTMLAttributes<HTMLElement>, "onSelect"> {
-  /** Canonical connector cards. The directory does not create a second plugin registry. */
-  servers: readonly McpServerCard[];
-  /** Upstream Agents MCP state used to project connected and recovery states. */
-  mcp?: MCPServersState;
-  /** Optional plugin metadata keyed by the canonical server ID. */
-  detailsByServerId?: Readonly<Record<string, McpPluginDetails | undefined>>;
-  /** Server IDs promoted into the Featured section, in display order. */
-  featuredServerIds?: readonly string[];
-  /** Host product name paired with the plugin in the connection dialog. */
-  brandName?: string;
-  /** Host product mark paired with the plugin in the connection dialog. */
-  brandLogo?: React.ReactNode;
-  /** Product-authored trust and data-sharing copy. Pass null to omit it. */
-  disclosure?: React.ReactNode;
-  /** Starts or recovers the existing MCP connection path. */
-  onConnect?: (server: McpServerCard) => void | Promise<void>;
-  /** Removes the exact upstream MCP entry. */
-  onDisconnect?: (serverId: string) => void | Promise<void>;
-  /**
-   * Connects a user-supplied MCP server. Providing it puts the "Custom
-   * plugin" action in the bar, opening the shared connector setup dialog.
-   */
-  onAddCustom?: (values: McpConnectorFormValues) => void | Promise<void>;
-  /** Accessible name only — the hosting tab or icon is the visible title. */
-  heading?: React.ReactNode;
-  searchLabel?: string;
-  emptyMessage?: React.ReactNode;
-}
-interface McpPluginDetailsDialogProps {
-  /** Selected canonical server card. Passing null closes the dialog. */
-  server: McpServerCard | null;
-  details?: McpPluginDetails;
-  mcp?: MCPServersState;
-  brandName?: string;
-  brandLogo?: React.ReactNode;
-  disclosure?: React.ReactNode;
-  onConnect?: (server: McpServerCard) => void | Promise<void>;
-  onDisconnect?: (serverId: string) => void | Promise<void>;
-  onOpenChange: NonNullable<DialogProps["onOpenChange"]>;
-}
-/**
- * Searchable plugin directory backed by the same MCP cards and live Agents
- * state as {@link McpServerPicker}. Selecting a row opens the shared details
- * dialog; connecting still delegates to the host's existing MCP/OAuth path.
- */
-declare function McpPluginCatalog({
-  servers,
-  mcp,
-  detailsByServerId,
-  featuredServerIds,
-  brandName,
-  brandLogo,
-  disclosure,
-  onConnect,
-  onDisconnect,
-  onAddCustom,
-  heading,
-  searchLabel,
-  emptyMessage,
-  className,
-  ...props
-}: McpPluginCatalogProps): React.JSX.Element;
-/** Reference-derived plugin detail surface without a parallel install state. */
-declare function McpPluginDetailsDialog({
-  server,
-  details,
-  mcp,
-  brandName,
-  brandLogo,
-  disclosure,
-  onConnect,
-  onDisconnect,
-  onOpenChange
-}: McpPluginDetailsDialogProps): React.JSX.Element;
-//#endregion
-export { McpPluginDetailsDialogProps as a, McpPluginDetailsDialog as i, McpPluginCatalogProps as n, McpPluginDetails as r, McpPluginCatalog as t };

package/dist/ResponsiveSidebarShell-BTVPxLJK.d.ts

@@ -1,123 +0,0 @@
-import * as React from "react";
-
-//#region src/components/general-purpose/ResponsiveSidebarShell.d.ts
-interface ResponsiveSidebarShellControls {
-  /** Close the sidebar and move focus to the main content. */
-  closeSidebar: () => void;
-  /** Close only when the shell is currently using its compact drawer layout. */
-  closeSidebarOnCompact: () => void;
-}
-/**
- * Bar slot content shared by every shell-owning surface's `bar` prop, so an
- * app writes one shape whether it is configuring ThinkFullApp, the routine
- * library, or the shell directly.
- */
-interface AppBarSlots {
-  /**
-   * App-owned route element rendered as a labelled back control. Back owns
-   * the leading slot the same way `leading` does: the shell's own sidebar
-   * toggle stands down and compact sidebars stay reachable through
-   * `compactTitleTrigger`.
-   */
-  back?: {
-    label: string;
-    link: React.ReactElement;
-  };
-  /** App-owned leading navigation that owns the leading slot at every width. */
-  leading?: React.ReactNode;
-  /** Compact-only navigation that replaces the drawer trigger without hiding the wide rail toggle. */
-  compactLeading?: React.ReactNode;
-  /** Bar title content. Hidden at compact widths when `compactTitleTrigger` stands in. */
-  title?: React.ReactNode;
-  /** Trailing group, before `primary`. Overflow menus and secondary icon controls. */
-  actions?: React.ReactNode;
-  /**
-   * Rightmost trailing control. Sits after `actions` so a host can keep a
-   * single primary action (new thread, new schedule) on the trailing edge
-   * without fighting whatever else the surface puts in the bar.
-   */
-  primary?: React.ReactNode;
-}
-interface ResponsiveSidebarShellBar extends AppBarSlots {
-  /** Element the bar title renders into, e.g. `<h1 id={…}/>` for a labelled page. */
-  titleRender?: React.ReactElement<Record<string, unknown>>;
-  /**
-   * Label content for a compact-width drawer trigger that replaces the plain
-   * title and the icon toggle: the title itself becomes the control that opens
-   * the sidebar. The shell renders the button and the disclosure chevron.
-   */
-  compactTitleTrigger?: React.ReactNode;
-  /** Accessible name for the bar toolbar. Defaults to "Application controls". */
-  label?: string;
-  /** Class for the bar root, the owning surface's styling hook. */
-  className?: string;
-  /**
-   * No bar row at all — for content that brings its own application bar.
-   * Distinct from passing no slots: an empty shell with a sidebar still shows
-   * a bar carrying the toggle.
-   */
-  hidden?: boolean;
-}
-interface ResponsiveSidebarShellProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "title"> {
-  /**
-   * Navigation or other secondary surface shown beside the selected content.
-   * Omit for a shell that is only a bar row over content — the app bar then
-   * has one mount point whether or not a sidebar exists.
-   *
-   * Open/closed is shell-internal: it is ephemeral presentation state, not a
-   * route, so no host controls it and no resize ever writes into a router.
-   */
-  sidebar?: React.ReactNode | ((controls: ResponsiveSidebarShellControls) => React.ReactNode);
-  /** Main content. */
-  children?: React.ReactNode;
-  /** Short noun used by the toggle and resize control, such as “threads” or “schedules”. */
-  sidebarLabel?: string;
-  /** Whether the sidebar is open. Omit for internal state. */
-  sidebarOpen?: boolean;
-  /** Move the wide-layout toggle into the sidebar while it is open. */
-  sidebarTogglePlacement?: "main" | "sidebar";
-  /** Initial sidebar state when `sidebarOpen` is uncontrolled. */
-  defaultSidebarOpen?: boolean;
-  /** Called when the sidebar is opened or closed. */
-  onSidebarOpenChange?: (open: boolean) => void;
-  /** Initial desktop sidebar width in CSS pixels. */
-  defaultSidebarWidth?: number;
-  /** Shell-owned application bar composed from slots. */
-  bar?: ResponsiveSidebarShellBar;
-  /**
-   * Host-owned error shown in the main column above the content, without
-   * replacing it. The shell renders the alert anatomy; pass the message.
-   */
-  error?: React.ReactNode;
-  /** Accessible name for the mobile peek target that returns to the main content. */
-  showMainLabel?: string;
-}
-/**
- * The one application shell: responsive master-detail with a resizable desktop
- * sidebar, a compact floating drawer that leaves the main content in place as
- * a dismiss target, and a shell-owned application bar composed from slots.
- * The root exposes `data-sidebar-open="true" | "false"` as its public styling
- * hook, and its container name `responsive-sidebar-shell` is public contract:
- * surfaces that compose the shell size themselves against it.
- */
-declare function ResponsiveSidebarShell({
-  sidebar,
-  sidebarLabel,
-  sidebarOpen,
-  sidebarTogglePlacement,
-  defaultSidebarOpen,
-  defaultSidebarWidth,
-  onSidebarOpenChange,
-  bar,
-  error,
-  showMainLabel,
-  className,
-  children,
-  ref,
-  style,
-  ...props
-}: ResponsiveSidebarShellProps & {
-  ref?: React.Ref<HTMLDivElement>;
-}): React.JSX.Element;
-//#endregion
-export { ResponsiveSidebarShellProps as a, ResponsiveSidebarShellControls as i, ResponsiveSidebarShell as n, ResponsiveSidebarShellBar as r, AppBarSlots as t };

package/dist/SessionCompaction-CmTJFpzj.d.ts

@@ -1,89 +0,0 @@
-import { ChatStatus, UIMessage } from "ai";
-
-//#region src/components/agents-sdk/SessionCompaction.d.ts
-type SessionStatusPhase = "idle" | "compacting";
-interface SessionStatusFrame {
-  phase: SessionStatusPhase;
-  /** Present on the idle frame that follows a successful compaction. */
-  compacted: boolean;
-  /**
-   * Session's own estimate for the history this frame describes, or null when
-   * the frame omits it or carries a non-finite value. Not provider-reported
-   * usage — never render it as an exact token count, and never feed it to the
-   * `Context` ring, which reads `metadata.usage`.
-   */
-  tokenEstimate: number | null;
-  /**
-   * The same estimate taken before the compaction this frame reports, from its
-   * `compacted` payload. Null on every other frame. Both numbers come from one
-   * estimator over one history, so their difference is a meaningful size even
-   * though neither is exact.
-   */
-  tokensBefore: number | null;
-}
-/**
- * Parse a raw websocket payload as a `cf_agent_session` status frame.
- * Returns null for every other frame on the connection.
- */
-declare function parseSessionStatusFrame(data: unknown): SessionStatusFrame | null;
-/**
- * Parse a raw websocket payload as a `cf_agent_session_error` frame,
- * returning its error text. Null for every other frame on the connection.
- */
-declare function parseSessionErrorFrame(data: unknown): string | null;
-/** The message-frame surface of a `useAgent` connection. */
-interface SessionFrameSource {
-  addEventListener(type: "message", listener: (event: MessageEvent) => void): void;
-  removeEventListener(type: "message", listener: (event: MessageEvent) => void): void;
-}
-interface UseSessionCompactionOptions<MessageT extends UIMessage> {
-  /** The conversation agent's `useAgent` connection. */
-  agent: SessionFrameSource;
-  /** The conversation's `useAgentChat` value (status + local view setter). */
-  chat: {
-    status: ChatStatus;
-    setMessages: (messages: MessageT[]) => void;
-  };
-  /** Server read used to reload the transcript after a compaction lands. */
-  getMessages: () => Promise<MessageT[]>;
-}
-/**
- * How much a landed compaction shortened the history, per Session's own
- * estimator. A UI may show the difference as an approximate size; it must not
- * present either number as exact usage.
- */
-interface SessionCompactionSize {
-  tokensBefore: number;
-  tokensAfter: number;
-}
-interface UseSessionCompactionResult {
-  compacting: boolean;
-  /**
-   * Size of the compaction that landed most recently on this connection, or
-   * null when none has landed or the frames carried no usable estimates. A new
-   * object per compaction, so a consumer can dismiss one acknowledgement by
-   * identity and still show the next. Cleared when the next compaction starts.
-   */
-  lastCompaction: SessionCompactionSize | null;
-  /**
-   * Set when the post-compaction transcript reload rejected — the local view
-   * is stale relative to the server until a retry succeeds. Surface it
-   * ("Transcript may be out of date"); the hook retries on the next status
-   * transition to `"ready"`.
-   */
-  reloadError: unknown;
-  /**
-   * Error text from the last `cf_agent_session_error` frame — the only signal
-   * a user who ran /compact gets when the server-side compaction itself fails
-   * (the phase just flips back to idle with no `compacted` payload). Cleared
-   * when the next compaction starts.
-   */
-  sessionError: string | null;
-}
-declare function useSessionCompaction<MessageT extends UIMessage>({
-  agent,
-  chat,
-  getMessages
-}: UseSessionCompactionOptions<MessageT>): UseSessionCompactionResult;
-//#endregion
-export { UseSessionCompactionOptions as a, parseSessionStatusFrame as c, SessionStatusPhase as i, useSessionCompaction as l, SessionFrameSource as n, UseSessionCompactionResult as o, SessionStatusFrame as r, parseSessionErrorFrame as s, SessionCompactionSize as t };

package/dist/SetupChecklist-CwRjIDH4.js

@@ -1,77 +0,0 @@
-import { n as mergeBaseClassName } from "./class-names-BiMDVpUo.js";
-import { B as PlusIcon, d as CheckIcon, et as WarningIcon, f as ChevronDownIcon } from "./icons-cuEtsgj9.js";
-import { Button } from "./components/foundations/Button.js";
-import { Menu } from "./components/foundations/Menu.js";
-import * as React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/_internal/MenuDisclosureGroup.tsx
-/**
-* A menu-native disclosure: its trigger stays in the menu roving-focus model,
-* while its rows mount only after the user expands the section.
-*/
-function MenuDisclosureGroup({ children, className, defaultOpen = false, label, triggerClassName, ...props }) {
-	const [open, setOpen] = React.useState(defaultOpen);
-	return /* @__PURE__ */ jsxs(Menu.Group, {
-		className: mergeBaseClassName("menu-disclosure-group", className),
-		...props,
-		children: [/* @__PURE__ */ jsxs(Menu.Item, {
-			"aria-expanded": open,
-			className: mergeBaseClassName("menu-disclosure-group__trigger", triggerClassName),
-			closeOnClick: false,
-			onClick: () => setOpen((current) => !current),
-			children: [/* @__PURE__ */ jsx("span", {
-				className: "sigvelo-truncate-grow",
-				children: label
-			}), /* @__PURE__ */ jsx(ChevronDownIcon, { "aria-hidden": "true" })]
-		}), open ? /* @__PURE__ */ jsx("div", {
-			className: "menu-disclosure-group__items",
-			children
-		}) : null]
-	});
-}
-//#endregion
-//#region src/components/general-purpose/SetupChecklist.tsx
-/** Checklist rows for any Menu surface (composer plus menu, tray menu). */
-function SetupChecklistGroup({ label, entries, defaultOpen = false, onSelect }) {
-	return /* @__PURE__ */ jsx(MenuDisclosureGroup, {
-		label,
-		defaultOpen,
-		children: entries.map((entry) => /* @__PURE__ */ jsxs(Menu.Item, {
-			"aria-label": `${entry.name}, ${entry.complete ? "complete" : "not set up"}`,
-			onClick: () => onSelect(entry.id),
-			children: [
-				entry.icon,
-				/* @__PURE__ */ jsx("span", {
-					className: "sigvelo-truncate-grow",
-					children: entry.description
-				}),
-				entry.complete ? /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(PlusIcon, { "aria-hidden": "true" })
-			]
-		}, entry.id))
-	});
-}
-/** Progress-aware tray trigger opening the checklist in its own menu. */
-function SetupChecklistAction({ actionLabel, label, entries, onSelect }) {
-	const completed = entries.filter((entry) => entry.complete).length;
-	return /* @__PURE__ */ jsxs(Menu.Root, { children: [/* @__PURE__ */ jsxs(Button, {
-		type: "button",
-		variant: "ghost",
-		color: "neutral",
-		size: "sm",
-		"aria-label": `${actionLabel} — ${completed} of ${entries.length} set up`,
-		render: /* @__PURE__ */ jsx(Menu.Trigger, { unstyled: true }),
-		children: [completed === entries.length ? /* @__PURE__ */ jsx(CheckIcon, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(WarningIcon, { "aria-hidden": "true" }), /* @__PURE__ */ jsx("span", { children: actionLabel })]
-	}), /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, {
-		side: "bottom",
-		align: "start",
-		sideOffset: 4,
-		children: /* @__PURE__ */ jsx(Menu.Popup, { children: /* @__PURE__ */ jsx(SetupChecklistGroup, {
-			defaultOpen: true,
-			label,
-			entries,
-			onSelect
-		}) })
-	}) })] });
-}
-//#endregion
-export { SetupChecklistGroup as n, SetupChecklistAction as t };