@mcp-b/react-components 0.3.0 → 0.4.0

package/dist/components/Message.js

@@ -1,7 +1,8 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { n as ArrowLeftIcon, r as ArrowRightIcon } from "../icons-DQC4Zw5R.js";
+import { h as FileIcon, n as ArrowLeftIcon, r as ArrowRightIcon } from "../icons-DQC4Zw5R.js";
 import { Button } from "./Button.js";
 import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
+import { t as AttachmentPreview } from "../attachment-preview-ChtC3HiU.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cjk } from "@streamdown/cjk";
@@ -66,6 +67,39 @@ const MessageResponse = React.memo(function MessageResponse({ className, ...prop
 	});
 });
 /**
+* A `file` part inside a message: images render inline (click to zoom),
+* anything else becomes a download chip. Covers both directions — files the
+* user attached and files the agent emitted.
+*/
+function MessageAttachment({ part, className, ...props }) {
+	const name = part.filename ?? (part.mediaType || "attachment");
+	if (part.mediaType.startsWith("image/")) return /* @__PURE__ */ jsx(AttachmentPreview, {
+		url: part.url,
+		filename: part.filename,
+		children: /* @__PURE__ */ jsx("button", {
+			type: "button",
+			className: cx("message__attachment-zoom", className),
+			"aria-label": `Preview ${name}`,
+			...props,
+			children: /* @__PURE__ */ jsx("img", {
+				className: "message__attachment-image",
+				src: part.url,
+				alt: part.filename ?? "Attached image"
+			})
+		})
+	});
+	return /* @__PURE__ */ jsxs("a", {
+		className: cx("message__attachment", className),
+		href: part.url,
+		download: part.filename,
+		...props,
+		children: [/* @__PURE__ */ jsx(FileIcon, { className: "message__attachment-icon" }), /* @__PURE__ */ jsx("span", {
+			className: "message__attachment-name",
+			children: name
+		})]
+	});
+}
+/**
 * Horizontal list of action buttons (copy, retry, thumbs-up, etc.) shown
 * alongside or beneath a message.
 */
@@ -242,4 +276,4 @@ function MessageBranchPage({ className, format, ref, ...props }) {
 	});
 }
 //#endregion
-export { Message, MessageAction, MessageActions, MessageBranch, MessageBranchContent, MessageBranchNext, MessageBranchPage, MessageBranchPrevious, MessageBranchSelector, MessageContent, MessageResponse, MessageToolbar };
+export { Message, MessageAction, MessageActions, MessageAttachment, MessageBranch, MessageBranchContent, MessageBranchNext, MessageBranchPage, MessageBranchPrevious, MessageBranchSelector, MessageContent, MessageResponse, MessageToolbar };

package/dist/components/PricingPage.js

@@ -1,4 +1,5 @@
 import { Accordion, AccordionItem, AccordionPanel, AccordionTrigger } from "./Accordion.js";
+import { Separator } from "./Separator.js";
 import { Button } from "./Button.js";
 import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
 import { Badge } from "./Badge.js";
@@ -6,7 +7,6 @@ import { AlertDialog, AlertDialogBackdrop, AlertDialogClose, AlertDialogDescript
 import { Slider, SliderControl, SliderIndicator, SliderThumb, SliderTrack } from "./Slider.js";
 import { Card } from "./Card.js";
 import { Checkbox } from "./Checkbox.js";
-import { Separator } from "./Separator.js";
 import { Switch, SwitchThumb } from "./Switch.js";
 import { Label } from "./Label.js";
 import { ToggleGroup, ToggleGroupItem } from "./ToggleGroup.js";

package/dist/components/PromptInput.d.ts

@@ -1,2 +1,532 @@
-import { $ as PromptInputProviderProps, A as PromptInputCommandInputProps, At as TextInputContext, B as PromptInputFooter, C as PromptInputButtonTooltip, Ct as PromptInputTabsListProps, D as PromptInputCommandGroup, Dt as PromptInputToolsProps, E as PromptInputCommandEmptyProps, Et as PromptInputTools, F as PromptInputCommandProps, Ft as usePromptInputReferencedSources, G as PromptInputHoverCardContent, H as PromptInputHeader, I as PromptInputCommandSeparator, It as useProviderAttachments, J as PromptInputHoverCardTrigger, K as PromptInputHoverCardContentProps, L as PromptInputCommandSeparatorProps, M as PromptInputCommandItemProps, Mt as getPendingToolApprovals, N as PromptInputCommandList, Nt as usePromptInputAttachments, O as PromptInputCommandGroupProps, Ot as PromptInputTooltipConfig, P as PromptInputCommandListProps, Pt as usePromptInputController, Q as PromptInputProvider, R as PromptInputControllerProps, S as PromptInputButtonProps, St as PromptInputTabsList, T as PromptInputCommandEmpty, Tt as PromptInputTextareaProps, U as PromptInputHeaderProps, V as PromptInputFooterProps, W as PromptInputHoverCard, X as PromptInputMessage, Y as PromptInputHoverCardTriggerProps, Z as PromptInputProps, _ as PromptInputApproval, _t as PromptInputTabItem, a as PromptInputActionAddAttachments, at as PromptInputSelectItemProps, b as PromptInputBodyProps, bt as PromptInputTabLabelProps, c as PromptInputActionAddScreenshotProps, ct as PromptInputSelectTriggerProps, d as PromptInputActionMenuContentProps, dt as PromptInputStatus, et as PromptInputReferencedSource, f as PromptInputActionMenuItem, ft as PromptInputSubmit, g as PromptInputActionMenuTriggerProps, gt as PromptInputTabBodyProps, h as PromptInputActionMenuTrigger, ht as PromptInputTabBody, i as PromptInput, it as PromptInputSelectItem, j as PromptInputCommandItem, jt as TooltipSide, k as PromptInputCommandInput, kt as ReferencedSourcesContext, l as PromptInputActionMenu, lt as PromptInputSelectValue, m as PromptInputActionMenuProps, mt as PromptInputTab, n as AttachmentsContext, nt as PromptInputSelectContent, o as PromptInputActionAddAttachmentsProps, ot as PromptInputSelectProps, p as PromptInputActionMenuItemProps, pt as PromptInputSubmitProps, q as PromptInputHoverCardProps, r as PendingToolApproval, rt as PromptInputSelectContentProps, s as PromptInputActionAddScreenshot, st as PromptInputSelectTrigger, t as ApprovalToolPart, tt as PromptInputSelect, u as PromptInputActionMenuContent, ut as PromptInputSelectValueProps, v as PromptInputApprovalProps, vt as PromptInputTabItemProps, w as PromptInputCommand, wt as PromptInputTextarea, x as PromptInputButton, xt as PromptInputTabProps, y as PromptInputBody, yt as PromptInputTabLabel, z as PromptInputFilePart } from "../PromptInput-Dzn-fOPc.js";
-export { ApprovalToolPart, AttachmentsContext, PendingToolApproval, PromptInput, PromptInputActionAddAttachments, PromptInputActionAddAttachmentsProps, PromptInputActionAddScreenshot, PromptInputActionAddScreenshotProps, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuContentProps, PromptInputActionMenuItem, PromptInputActionMenuItemProps, PromptInputActionMenuProps, PromptInputActionMenuTrigger, PromptInputActionMenuTriggerProps, PromptInputApproval, PromptInputApprovalProps, PromptInputBody, PromptInputBodyProps, PromptInputButton, PromptInputButtonProps, PromptInputButtonTooltip, PromptInputCommand, PromptInputCommandEmpty, PromptInputCommandEmptyProps, PromptInputCommandGroup, PromptInputCommandGroupProps, PromptInputCommandInput, PromptInputCommandInputProps, PromptInputCommandItem, PromptInputCommandItemProps, PromptInputCommandList, PromptInputCommandListProps, PromptInputCommandProps, PromptInputCommandSeparator, PromptInputCommandSeparatorProps, PromptInputControllerProps, PromptInputFilePart, PromptInputFooter, PromptInputFooterProps, PromptInputHeader, PromptInputHeaderProps, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardContentProps, PromptInputHoverCardProps, PromptInputHoverCardTrigger, PromptInputHoverCardTriggerProps, PromptInputMessage, PromptInputProps, PromptInputProvider, PromptInputProviderProps, PromptInputReferencedSource, PromptInputSelect, PromptInputSelectContent, PromptInputSelectContentProps, PromptInputSelectItem, PromptInputSelectItemProps, PromptInputSelectProps, PromptInputSelectTrigger, PromptInputSelectTriggerProps, PromptInputSelectValue, PromptInputSelectValueProps, PromptInputStatus, PromptInputSubmit, PromptInputSubmitProps, PromptInputTab, PromptInputTabBody, PromptInputTabBodyProps, PromptInputTabItem, PromptInputTabItemProps, PromptInputTabLabel, PromptInputTabLabelProps, PromptInputTabProps, PromptInputTabsList, PromptInputTabsListProps, PromptInputTextarea, PromptInputTextareaProps, PromptInputTools, PromptInputToolsProps, PromptInputTooltipConfig, ReferencedSourcesContext, TextInputContext, TooltipSide, getPendingToolApprovals, usePromptInputAttachments, usePromptInputController, usePromptInputReferencedSources, useProviderAttachments };
+import { A as SelectTriggerProps, M as SelectValueProps, S as SelectProps, f as SelectOption, j as SelectValue, r as SelectContentProps, s as SelectItemProps, t as Select } from "../Select-CRsKCJ9x.js";
+import { c as ComboboxGroup, d as ComboboxLabel, f as ComboboxList, g as ComboboxTrigger, h as ComboboxSeparator, l as ComboboxInput, m as ComboboxPositioner, p as ComboboxPopup, s as ComboboxEmpty, t as Combobox, u as ComboboxItem } from "../Combobox-D9anamNr.js";
+import { h as MenuItemProps, w as MenuProps, y as MenuPopupProps } from "../Menu-B5vDqZe_.js";
+import { c as TabsList, n as TabPanel, t as Tab } from "../Tabs-D9EAq09D.js";
+import { r as ButtonProps } from "../Button-Ct5I6aTu.js";
+import * as React from "react";
+import { ChatAddToolApproveResponseFunction, ChatStatus, DynamicToolUIPart, FileUIPart, ToolUIPart, UIMessage } from "ai";
+
+//#region src/components/PromptInput.d.ts
+/**
+ * The AI SDK's `FileUIPart`, taken whole — an attachment IS the `file` part
+ * that ends up on the sent message, so submitted files feed straight into
+ * `sendMessage({ text, files })`.
+ */
+type PromptInputFilePart = FileUIPart;
+interface PromptInputReferencedSource {
+  id?: string;
+  title?: string;
+  url?: string;
+  [key: string]: unknown;
+}
+/** The payload produced when the prompt input is submitted. */
+interface PromptInputMessage {
+  text: string;
+  files: PromptInputFilePart[];
+}
+/** Lifecycle status of an in-flight model request — the AI SDK's `ChatStatus`. */
+type PromptInputStatus = ChatStatus;
+interface AttachmentsContext {
+  files: Array<PromptInputFilePart & {
+    id: string;
+  }>;
+  add: (files: File[] | FileList) => void;
+  remove: (id: string) => void;
+  clear: () => void;
+  openFileDialog: () => void;
+  fileInputRef: React.RefObject<HTMLInputElement | null>;
+}
+interface TextInputContext {
+  value: string;
+  setInput: (value: string) => void;
+  clear: () => void;
+}
+interface PromptInputControllerProps {
+  textInput: TextInputContext;
+  attachments: AttachmentsContext;
+  __registerFileInput: (ref: React.RefObject<HTMLInputElement | null>, open: () => void) => void;
+}
+interface ReferencedSourcesContext {
+  sources: Array<PromptInputReferencedSource & {
+    id: string;
+  }>;
+  add: (sources: PromptInputReferencedSource[] | PromptInputReferencedSource) => void;
+  remove: (id: string) => void;
+  clear: () => void;
+}
+declare function usePromptInputController(): PromptInputControllerProps;
+declare function useProviderAttachments(): AttachmentsContext;
+declare function usePromptInputAttachments(): AttachmentsContext;
+declare function usePromptInputReferencedSources(): ReferencedSourcesContext;
+interface PromptInputProviderProps extends React.PropsWithChildren {
+  initialInput?: string;
+}
+declare function PromptInputProvider({
+  initialInput,
+  children
+}: PromptInputProviderProps): React.JSX.Element;
+interface PromptInputProps extends Omit<React.FormHTMLAttributes<HTMLFormElement>, "onSubmit" | "onError"> {
+  /** Accepted file MIME types/extensions, passed to the hidden file input. */
+  accept?: string;
+  /** Allows multiple files in a single file picker/drop action. */
+  multiple?: boolean;
+  /** Listen for file drops on the whole document instead of only the form. */
+  globalDrop?: boolean;
+  /** Clears the hidden file input when attachments are cleared. */
+  syncHiddenInput?: boolean;
+  /** Maximum number of attached files. */
+  maxFiles?: number;
+  /** Maximum accepted file size in bytes. */
+  maxFileSize?: number;
+  /** Called when file validation rejects an attachment. */
+  onError?: (error: {
+    code: "max_files" | "max_file_size" | "accept";
+    message: string;
+  }) => void;
+  /** Called with the trimmed message text and files when the form is submitted. */
+  onSubmit?: (message: PromptInputMessage, event: React.FormEvent<HTMLFormElement>) => void | Promise<void>;
+}
+/**
+ * Chat-style composer form. Wraps a textarea and footer controls, with
+ * Enter-to-submit semantics, auto-resizing behavior, and optional attachments.
+ * Adapted from Vercel AI Elements and restyled with Sigvelo CSS tokens.
+ *
+ * Use for assistant/chat submit forms. Do not use it as a generic textarea or
+ * non-chat form. Sigvelo changes: uses shared Menu, Select, Combobox, Tabs,
+ * Button, and Tooltip components; maps styles to CSS tokens; adds local
+ * attachment and referenced-source helpers.
+ *
+ * The form handles Enter-to-submit while multiline editing remains in the
+ * textarea. Attachment controls need accessible labels through their buttons
+ * and menus. Add new shared tools here when multiple apps need them.
+ *
+ * @example
+ * ```tsx
+ * <PromptInput onSubmit={({ text, files }) => sendMessage(text, files)}>
+ *   <PromptInputBody>
+ *     <PromptInputTextarea placeholder="Ask Sigvelo..." />
+ *   </PromptInputBody>
+ *   <PromptInputFooter>
+ *     <PromptInputTools>
+ *       <PromptInputActionAddAttachments />
+ *     </PromptInputTools>
+ *     <PromptInputSubmit status="ready" />
+ *   </PromptInputFooter>
+ * </PromptInput>
+ * ```
+ *
+ * @see {@link https://elements.ai-sdk.dev/components/prompt-input | AI Elements Prompt Input}
+ */
+declare function PromptInput({
+  className,
+  accept,
+  multiple,
+  globalDrop,
+  syncHiddenInput,
+  maxFiles,
+  maxFileSize,
+  onError,
+  onSubmit,
+  children,
+  id,
+  ref,
+  ...props
+}: PromptInputProps & {
+  ref?: React.Ref<HTMLFormElement>;
+}): React.JSX.Element;
+interface PromptInputHeaderProps extends React.HTMLAttributes<HTMLDivElement> {}
+declare function PromptInputHeader({
+  className,
+  children,
+  ref,
+  ...props
+}: PromptInputHeaderProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+interface PromptInputAttachmentProps extends React.HTMLAttributes<HTMLDivElement> {
+  /** The pending attachment — the AI SDK `file` part plus the local list id. */
+  file: PromptInputFilePart & {
+    id: string;
+  };
+}
+/**
+ * One pending attachment chip: image files show a thumbnail, everything else
+ * a file icon and name. The corner button removes it from the pending list.
+ */
+declare function PromptInputAttachment({
+  file,
+  className,
+  ref,
+  ...props
+}: PromptInputAttachmentProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+interface PromptInputAttachmentsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
+  /** Override chip rendering per attachment. */
+  children?: (file: PromptInputFilePart & {
+    id: string;
+  }) => React.ReactNode;
+}
+/**
+ * The pending-attachment chip row. Renders nothing while the list is empty,
+ * so it can sit in the composer unconditionally — files added via the file
+ * dialog, paste, or drop appear here until submit sends and clears them.
+ */
+declare function PromptInputAttachments({
+  className,
+  children,
+  ref,
+  ...props
+}: PromptInputAttachmentsProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element | null;
+interface PromptInputBodyProps extends React.HTMLAttributes<HTMLDivElement> {}
+declare function PromptInputBody({
+  className,
+  children,
+  ref,
+  ...props
+}: PromptInputBodyProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+interface PromptInputFooterProps extends React.HTMLAttributes<HTMLDivElement> {}
+declare function PromptInputFooter({
+  className,
+  children,
+  ref,
+  ...props
+}: PromptInputFooterProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+interface PromptInputToolsProps extends React.HTMLAttributes<HTMLDivElement> {}
+declare function PromptInputTools({
+  className,
+  children,
+  ref,
+  ...props
+}: PromptInputToolsProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+interface PromptInputTextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+  minHeight?: number;
+  maxHeight?: number;
+}
+declare function PromptInputTextarea({
+  className,
+  placeholder,
+  rows,
+  minHeight,
+  maxHeight,
+  onChange,
+  onCompositionEnd,
+  onCompositionStart,
+  onKeyDown,
+  onInput,
+  onPaste,
+  ref,
+  ...props
+}: PromptInputTextareaProps & {
+  ref?: React.Ref<HTMLTextAreaElement>;
+}): React.JSX.Element;
+type TooltipSide = "top" | "right" | "bottom" | "left";
+type PromptInputButtonTooltip = string | {
+  content: React.ReactNode;
+  shortcut?: string;
+  side?: TooltipSide;
+};
+type PromptInputTooltipConfig = Exclude<PromptInputButtonTooltip, string>;
+interface PromptInputButtonProps extends Omit<ButtonProps, "children" | "className"> {
+  className?: string;
+  tooltip?: PromptInputButtonTooltip;
+  children?: React.ReactNode;
+}
+declare function PromptInputButton({
+  className,
+  tooltip,
+  variant,
+  color,
+  size,
+  children,
+  "aria-label": ariaLabel,
+  ref,
+  ...props
+}: PromptInputButtonProps & {
+  ref?: React.Ref<HTMLButtonElement>;
+}): React.JSX.Element;
+type PromptInputActionMenuProps = MenuProps;
+declare function PromptInputActionMenu(props: PromptInputActionMenuProps): React.JSX.Element;
+type PromptInputActionMenuTriggerProps = PromptInputButtonProps;
+declare function PromptInputActionMenuTrigger({
+  className,
+  children,
+  ...props
+}: PromptInputActionMenuTriggerProps): React.JSX.Element;
+type PromptInputActionMenuContentProps = MenuPopupProps;
+declare function PromptInputActionMenuContent({
+  className,
+  children,
+  ...props
+}: PromptInputActionMenuContentProps): React.JSX.Element;
+type PromptInputActionMenuItemProps = MenuItemProps;
+declare function PromptInputActionMenuItem({
+  className,
+  ...props
+}: PromptInputActionMenuItemProps): React.JSX.Element;
+interface PromptInputActionAddAttachmentsProps extends PromptInputActionMenuItemProps {
+  label?: string;
+}
+declare function PromptInputActionAddAttachments({
+  label,
+  onClick,
+  children,
+  ...props
+}: PromptInputActionAddAttachmentsProps): React.JSX.Element;
+interface PromptInputActionAddScreenshotProps extends PromptInputActionMenuItemProps {
+  label?: string;
+}
+declare function PromptInputActionAddScreenshot({
+  label,
+  onClick,
+  children,
+  ...props
+}: PromptInputActionAddScreenshotProps): React.JSX.Element;
+/** How the agent's approval requests are handled. */
+type PermissionMode = "ask" | "bypass";
+interface PromptInputPermissionSelectorProps {
+  /** Current mode. `"ask"` surfaces approvals in the composer; `"bypass"` auto-approves. */
+  value: PermissionMode;
+  onValueChange: (mode: PermissionMode) => void;
+  /** Overrides the menu's header question. */
+  question?: string;
+}
+/**
+ * Footer control for choosing how approval requests are handled — ask each
+ * time, or bypass. Purely a picker: the auto-approve behavior lives with
+ * whoever owns the approvals (`AgentChat` wires both ends).
+ */
+declare function PromptInputPermissionSelector({
+  value,
+  onValueChange,
+  question
+}: PromptInputPermissionSelectorProps): React.JSX.Element;
+interface PromptInputSubmitProps extends Omit<ButtonProps, "children" | "className" | "type"> {
+  className?: string;
+  status?: PromptInputStatus;
+  onStop?: () => void;
+  children?: React.ReactNode;
+  label?: string;
+}
+declare function PromptInputSubmit({
+  className,
+  status,
+  onStop,
+  variant,
+  color,
+  size,
+  onClick,
+  children,
+  label,
+  ref,
+  ...props
+}: PromptInputSubmitProps & {
+  ref?: React.Ref<HTMLButtonElement>;
+}): React.JSX.Element;
+/** A tool part that may carry a pending approval request. Upstream AI SDK types, taken whole. */
+type ApprovalToolPart = ToolUIPart | DynamicToolUIPart;
+/**
+ * Resolve paused codemode executions (`execute` / `browser_execute`) in the
+ * same composer approval UI as AI SDK tool approvals. Wire to the Think
+ * agent's client-callable RPCs — they ride the `useAgent` stub, not the chat
+ * socket, which is why this package can't reach them itself:
+ *
+ * ```tsx
+ * executionApprovals={{
+ *   approve: (id) => agent.stub.approveExecution(id),
+ *   reject: (id, reason) => agent.stub.rejectExecution(id, reason),
+ * }}
+ * ```
+ *
+ * On approve, upstream resumes the run, replaces the paused tool output in the
+ * transcript, and auto-continues the chat — no client bookkeeping needed.
+ * Both RPCs are idempotent, so a stale click resolves to "already handled".
+ */
+interface ExecutionApprovals {
+  approve: (executionId: string) => unknown;
+  reject: (executionId: string, reason?: string) => unknown;
+}
+/** The id a response must carry: the approval id, or the paused run's executionId. */
+declare function getApprovalRequestId(part: ApprovalToolPart): string | undefined;
+interface PendingToolApproval<MessageT extends UIMessage = UIMessage> {
+  message: MessageT;
+  messageIndex: number;
+  part: ApprovalToolPart;
+  partIndex: number;
+}
+/** Derives pending tool approvals straight from the messages — no app-owned shapes. */
+declare function getPendingToolApprovals<MessageT extends UIMessage>(messages: readonly MessageT[], {
+  pausedExecutions
+}?: {
+  pausedExecutions?: boolean;
+}): Array<PendingToolApproval<MessageT>>;
+interface PromptInputApprovalProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "part"> {
+  /**
+   * The `approval-requested` tool part — or a paused codemode execution —
+   * passed whole. Renders nothing for other states.
+   */
+  part: ApprovalToolPart;
+  /** Pass `addToolApprovalResponse` from `useAgentChat`/`useChat` directly. */
+  onRespond?: ChatAddToolApproveResponseFunction;
+  /** Resolves paused executions instead of `onRespond`. See {@link ExecutionApprovals}. */
+  executionApprovals?: ExecutionApprovals;
+  /**
+   * Renders a Skip action that dismisses the confirmation without responding —
+   * the approval stays pending upstream.
+   */
+  onSkip?: () => void;
+  /** Overrides the default "Do you want to allow…" question. */
+  question?: React.ReactNode;
+  /** Total pending approvals, for the "1 of N" hint. */
+  count?: number;
+}
+/**
+ * The composer's approval state: when a tool call awaits human approval the
+ * prompt input area becomes the confirmation. "Yes" approves on click; typing
+ * in the "No, and tell the agent what to do differently" row selects deny and
+ * sends the text as the native approval `reason`. Submit (or Enter) sends the
+ * current selection — approve by default.
+ */
+declare function PromptInputApproval({
+  part,
+  onRespond,
+  executionApprovals,
+  onSkip,
+  question,
+  count,
+  className,
+  ref,
+  ...props
+}: PromptInputApprovalProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element | null;
+type PromptInputSelectProps = SelectProps;
+declare const PromptInputSelect: typeof Select;
+type PromptInputSelectTriggerProps = SelectTriggerProps;
+declare function PromptInputSelectTrigger(props: PromptInputSelectTriggerProps): React.JSX.Element;
+type PromptInputSelectContentProps = SelectContentProps;
+declare function PromptInputSelectContent(props: PromptInputSelectContentProps): React.JSX.Element;
+type PromptInputSelectItemProps = SelectItemProps;
+declare const PromptInputSelectItem: typeof SelectOption;
+type PromptInputSelectValueProps = SelectValueProps;
+declare const PromptInputSelectValue: typeof SelectValue;
+interface PromptInputHoverCardProps extends React.HTMLAttributes<HTMLDivElement> {
+  openDelay?: number;
+  closeDelay?: number;
+}
+declare function PromptInputHoverCard({
+  openDelay,
+  closeDelay,
+  className,
+  children,
+  ref,
+  ...props
+}: PromptInputHoverCardProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+interface PromptInputHoverCardTriggerProps extends React.HTMLAttributes<HTMLSpanElement> {}
+declare function PromptInputHoverCardTrigger({
+  className,
+  ref,
+  ...props
+}: PromptInputHoverCardTriggerProps & {
+  ref?: React.Ref<HTMLSpanElement>;
+}): React.JSX.Element;
+interface PromptInputHoverCardContentProps extends React.HTMLAttributes<HTMLDivElement> {}
+declare function PromptInputHoverCardContent({
+  className,
+  ref,
+  ...props
+}: PromptInputHoverCardContentProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element | null;
+type PromptInputTabsListProps = React.ComponentPropsWithoutRef<typeof TabsList>;
+declare const PromptInputTabsList: typeof TabsList;
+type PromptInputTabProps = React.ComponentPropsWithoutRef<typeof Tab>;
+declare const PromptInputTab: typeof Tab;
+type PromptInputTabBodyProps = React.ComponentPropsWithoutRef<typeof TabPanel>;
+declare const PromptInputTabBody: typeof TabPanel;
+interface PromptInputTabLabelProps extends React.HTMLAttributes<HTMLHeadingElement> {}
+declare function PromptInputTabLabel({
+  className,
+  ref,
+  ...props
+}: PromptInputTabLabelProps & {
+  ref?: React.Ref<HTMLHeadingElement>;
+}): React.JSX.Element;
+interface PromptInputTabItemProps extends React.HTMLAttributes<HTMLDivElement> {}
+declare function PromptInputTabItem({
+  className,
+  ref,
+  ...props
+}: PromptInputTabItemProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+type PromptInputCommandProps = React.ComponentPropsWithoutRef<typeof Combobox>;
+declare const PromptInputCommand: typeof import("@base-ui/react").ComboboxRoot & {
+  Root: typeof import("@base-ui/react").ComboboxRoot;
+  Input: typeof ComboboxInput;
+  Trigger: typeof ComboboxTrigger;
+  Clear: ({
+    className,
+    ref,
+    ...props
+  }: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxClear>, "className"> & {
+    className?: string;
+  } & {
+    ref?: React.Ref<HTMLButtonElement>;
+  }) => React.JSX.Element;
+  Portal: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").AutocompletePortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+  Positioner: typeof ComboboxPositioner;
+  Popup: typeof ComboboxPopup;
+  Content: typeof ComboboxPopup;
+  List: typeof ComboboxList;
+  Item: typeof ComboboxItem;
+  ItemIndicator: ({
+    className,
+    ref,
+    ...props
+  }: Omit<React.ComponentPropsWithRef<typeof import("@base-ui/react").ComboboxItemIndicator>, "className"> & {
+    className?: string;
+  } & {
+    ref?: React.Ref<HTMLSpanElement>;
+  }) => React.JSX.Element;
+  Empty: typeof ComboboxEmpty;
+  Group: typeof ComboboxGroup;
+  GroupLabel: typeof ComboboxLabel;
+  Label: typeof ComboboxLabel;
+  Value: typeof import("@base-ui/react").ComboboxValue;
+  Chips: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxChipsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+  Chip: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").ComboboxChipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+  ChipsInput: typeof ComboboxInput;
+  Collection: typeof import("@base-ui/react").ComboboxCollection;
+  Separator: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+type PromptInputCommandInputProps = React.ComponentPropsWithoutRef<typeof ComboboxInput>;
+declare const PromptInputCommandInput: typeof ComboboxInput;
+interface PromptInputCommandListProps extends React.HTMLAttributes<HTMLDivElement> {}
+declare function PromptInputCommandList({
+  className,
+  ref,
+  ...props
+}: PromptInputCommandListProps & {
+  ref?: React.Ref<HTMLDivElement>;
+}): React.JSX.Element;
+type PromptInputCommandEmptyProps = React.ComponentPropsWithoutRef<typeof ComboboxEmpty>;
+declare const PromptInputCommandEmpty: typeof ComboboxEmpty;
+type PromptInputCommandGroupProps = React.ComponentPropsWithoutRef<typeof ComboboxGroup>;
+declare const PromptInputCommandGroup: typeof ComboboxGroup;
+type PromptInputCommandItemProps = React.ComponentPropsWithoutRef<typeof ComboboxItem>;
+declare const PromptInputCommandItem: typeof ComboboxItem;
+type PromptInputCommandSeparatorProps = React.ComponentPropsWithoutRef<typeof ComboboxSeparator>;
+declare const PromptInputCommandSeparator: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//#endregion
+export { ApprovalToolPart, AttachmentsContext, ExecutionApprovals, PendingToolApproval, PermissionMode, PromptInput, PromptInputActionAddAttachments, PromptInputActionAddAttachmentsProps, PromptInputActionAddScreenshot, PromptInputActionAddScreenshotProps, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuContentProps, PromptInputActionMenuItem, PromptInputActionMenuItemProps, PromptInputActionMenuProps, PromptInputActionMenuTrigger, PromptInputActionMenuTriggerProps, PromptInputApproval, PromptInputApprovalProps, PromptInputAttachment, PromptInputAttachmentProps, PromptInputAttachments, PromptInputAttachmentsProps, PromptInputBody, PromptInputBodyProps, PromptInputButton, PromptInputButtonProps, PromptInputButtonTooltip, PromptInputCommand, PromptInputCommandEmpty, PromptInputCommandEmptyProps, PromptInputCommandGroup, PromptInputCommandGroupProps, PromptInputCommandInput, PromptInputCommandInputProps, PromptInputCommandItem, PromptInputCommandItemProps, PromptInputCommandList, PromptInputCommandListProps, PromptInputCommandProps, PromptInputCommandSeparator, PromptInputCommandSeparatorProps, PromptInputControllerProps, PromptInputFilePart, PromptInputFooter, PromptInputFooterProps, PromptInputHeader, PromptInputHeaderProps, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardContentProps, PromptInputHoverCardProps, PromptInputHoverCardTrigger, PromptInputHoverCardTriggerProps, PromptInputMessage, PromptInputPermissionSelector, PromptInputPermissionSelectorProps, PromptInputProps, PromptInputProvider, PromptInputProviderProps, PromptInputReferencedSource, PromptInputSelect, PromptInputSelectContent, PromptInputSelectContentProps, PromptInputSelectItem, PromptInputSelectItemProps, PromptInputSelectProps, PromptInputSelectTrigger, PromptInputSelectTriggerProps, PromptInputSelectValue, PromptInputSelectValueProps, PromptInputStatus, PromptInputSubmit, PromptInputSubmitProps, PromptInputTab, PromptInputTabBody, PromptInputTabBodyProps, PromptInputTabItem, PromptInputTabItemProps, PromptInputTabLabel, PromptInputTabLabelProps, PromptInputTabProps, PromptInputTabsList, PromptInputTabsListProps, PromptInputTextarea, PromptInputTextareaProps, PromptInputTools, PromptInputToolsProps, PromptInputTooltipConfig, ReferencedSourcesContext, TextInputContext, TooltipSide, getApprovalRequestId, getPendingToolApprovals, usePromptInputAttachments, usePromptInputController, usePromptInputReferencedSources, useProviderAttachments };