@mcp-b/react-components 0.2.2 → 0.3.0

package/dist/components/PromptInput.d.ts

@@ -1,399 +1,2 @@
-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";
-
-//#region src/components/PromptInput.d.ts
-interface PromptInputFilePart {
-  type: "file";
-  id?: string;
-  filename?: string;
-  mediaType?: string;
-  url?: string;
-}
-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. */
-type PromptInputStatus = "ready" | "submitted" | "streaming" | "error";
-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 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;
-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;
-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 { AttachmentsContext, PromptInput, PromptInputActionAddAttachments, PromptInputActionAddAttachmentsProps, PromptInputActionAddScreenshot, PromptInputActionAddScreenshotProps, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuContentProps, PromptInputActionMenuItem, PromptInputActionMenuItemProps, PromptInputActionMenuProps, PromptInputActionMenuTrigger, PromptInputActionMenuTriggerProps, 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, usePromptInputAttachments, usePromptInputController, usePromptInputReferencedSources, useProviderAttachments };
+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 };

package/dist/components/PromptInput.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { A as SquareIcon, C as MonitorIcon, E as PlusIcon, M as WarningIcon, i as ArrowUpIcon, k as SpinnerIcon, v as ImageIcon } from "../icons-Bf7JMKk-.js";
+import { A as SpinnerIcon, C as MonitorIcon, D as PlusIcon, N as WarningIcon, T as PencilIcon, i as ArrowUpIcon, j as SquareIcon, v as ImageIcon } from "../icons-DQC4Zw5R.js";
 import { Button } from "./Button.js";
 import { Tooltip, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipTrigger } from "./Tooltip.js";
 import { Combobox, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxList, ComboboxSeparator } from "./Combobox.js";
@@ -8,6 +8,7 @@ import { Select, SelectContent, SelectItem, SelectPortal, SelectPositioner, Sele
 import { Tab, TabPanel, TabsList } from "./Tabs.js";
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { getToolName, isToolOrDynamicToolUIPart } from "ai";
 //#region src/components/PromptInput.tsx
 const PromptInputContext = React.createContext(null);
 const PromptInputController = React.createContext(null);
@@ -548,6 +549,180 @@ function PromptInputSubmit({ className, status = "ready", onStop, variant = "nor
 		children: children ?? defaultSubmitIcon(status)
 	});
 }
+/** Derives pending tool approvals straight from the messages — no app-owned shapes. */
+function getPendingToolApprovals(messages) {
+	const pending = [];
+	messages.forEach((message, messageIndex) => {
+		message.parts.forEach((part, partIndex) => {
+			if (isToolOrDynamicToolUIPart(part) && part.state === "approval-requested") pending.push({
+				message,
+				messageIndex,
+				part,
+				partIndex
+			});
+		});
+	});
+	return pending;
+}
+function formatApprovalValue(value) {
+	if (typeof value === "string") return value;
+	return JSON.stringify(value);
+}
+/**
+* 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.
+*/
+function PromptInputApproval({ part, onRespond, onSkip, question, count, className, ref, ...props }) {
+	const [selected, setSelected] = React.useState("approve");
+	const [reason, setReason] = React.useState("");
+	const [busy, setBusy] = React.useState(false);
+	const yesRef = React.useRef(null);
+	const reasonRef = React.useRef(null);
+	const approval = part.state === "approval-requested" ? part.approval : void 0;
+	const approvalId = approval?.id;
+	React.useEffect(() => {
+		setSelected("approve");
+		setReason("");
+		setBusy(false);
+	}, [approvalId]);
+	if (!approval) return null;
+	const toolName = getToolName(part);
+	const respond = (approved) => {
+		if (busy) return;
+		setBusy(true);
+		const trimmed = reason.trim();
+		onRespond({
+			id: approval.id,
+			approved,
+			reason: !approved && trimmed ? trimmed : void 0
+		});
+	};
+	const submit = () => respond(selected === "approve");
+	const input = "input" in part ? part.input : void 0;
+	const inputEntries = input && typeof input === "object" && !Array.isArray(input) ? Object.entries(input) : void 0;
+	return /* @__PURE__ */ jsxs("div", {
+		ref,
+		role: "group",
+		"aria-label": `Approve ${toolName}`,
+		className: cx("prompt-input__approval", className),
+		onKeyDown: (event) => {
+			if (event.key === "ArrowDown" || event.key === "ArrowUp") {
+				event.preventDefault();
+				(selected === "approve" ? reasonRef : yesRef).current?.focus();
+			} else if (event.key === "1" && event.target !== reasonRef.current) yesRef.current?.focus();
+		},
+		...props,
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "prompt-input__approval-question",
+				children: [/* @__PURE__ */ jsx("span", { children: question ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+					"Do you want to allow the agent to run ",
+					/* @__PURE__ */ jsx("code", { children: toolName }),
+					"?"
+				] }) }), count && count > 1 ? /* @__PURE__ */ jsxs("span", {
+					className: "prompt-input__approval-count",
+					children: ["1 of ", count]
+				}) : null]
+			}),
+			input !== void 0 ? /* @__PURE__ */ jsx("div", {
+				className: "prompt-input__approval-preview",
+				children: inputEntries ? inputEntries.map(([key, value]) => /* @__PURE__ */ jsxs("div", {
+					className: "prompt-input__approval-preview-row",
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "prompt-input__approval-preview-key",
+							children: key
+						}),
+						" ",
+						formatApprovalValue(value)
+					]
+				}, key)) : /* @__PURE__ */ jsx("div", {
+					className: "prompt-input__approval-preview-row",
+					children: formatApprovalValue(input)
+				})
+			}) : null,
+			/* @__PURE__ */ jsxs("div", {
+				className: "prompt-input__approval-options",
+				children: [/* @__PURE__ */ jsxs("button", {
+					ref: yesRef,
+					type: "button",
+					className: "prompt-input__approval-option",
+					"data-selected": selected === "approve" || void 0,
+					disabled: busy,
+					onClick: () => respond(true),
+					onFocus: () => setSelected("approve"),
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "prompt-input__approval-key",
+							children: "1"
+						}),
+						"Yes",
+						/* @__PURE__ */ jsx("span", {
+							className: "prompt-input__approval-arrows",
+							"aria-hidden": "true",
+							children: "↑↓"
+						})
+					]
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "prompt-input__approval-option prompt-input__approval-deny",
+					"data-selected": selected === "deny" || void 0,
+					children: [
+						/* @__PURE__ */ jsx("span", {
+							className: "prompt-input__approval-key",
+							"aria-hidden": "true",
+							children: /* @__PURE__ */ jsx(PencilIcon, { size: 11 })
+						}),
+						/* @__PURE__ */ jsx("input", {
+							ref: reasonRef,
+							type: "text",
+							className: "prompt-input__approval-reason",
+							"aria-label": `Deny ${toolName} and tell the agent what to do differently`,
+							placeholder: "No, and tell the agent what to do differently",
+							value: reason,
+							disabled: busy,
+							onFocus: () => setSelected("deny"),
+							onChange: (event) => {
+								setSelected("deny");
+								setReason(event.currentTarget.value);
+							},
+							onKeyDown: (event) => {
+								if (event.key === "Enter" && !event.nativeEvent.isComposing) {
+									event.preventDefault();
+									respond(false);
+								}
+							}
+						}),
+						onSkip ? /* @__PURE__ */ jsx(Button, {
+							type: "button",
+							size: "sm",
+							variant: "ghost",
+							color: "neutral",
+							className: "prompt-input__approval-skip",
+							disabled: busy,
+							onClick: onSkip,
+							children: "Skip"
+						}) : null,
+						/* @__PURE__ */ jsxs(Button, {
+							type: "button",
+							size: "sm",
+							color: "primary",
+							className: "prompt-input__approval-submit",
+							disabled: busy,
+							onClick: submit,
+							children: [selected === "approve" ? "Approve" : "Submit", /* @__PURE__ */ jsx("kbd", {
+								className: "prompt-input__approval-kbd",
+								children: "⏎"
+							})]
+						})
+					]
+				})]
+			})
+		]
+	});
+}
 const PromptInputSelect = Select;
 function PromptInputSelectTrigger(props) {
 	return /* @__PURE__ */ jsx(SelectTrigger, { ...props });
@@ -734,4 +909,4 @@ function createId() {
 	return globalThis.crypto?.randomUUID?.() ?? `prompt-input-${Date.now()}-${Math.random()}`;
 }
 //#endregion
-export { PromptInput, PromptInputActionAddAttachments, PromptInputActionAddScreenshot, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuItem, PromptInputActionMenuTrigger, PromptInputBody, PromptInputButton, PromptInputCommand, PromptInputCommandEmpty, PromptInputCommandGroup, PromptInputCommandInput, PromptInputCommandItem, PromptInputCommandList, PromptInputCommandSeparator, PromptInputFooter, PromptInputHeader, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardTrigger, PromptInputProvider, PromptInputSelect, PromptInputSelectContent, PromptInputSelectItem, PromptInputSelectTrigger, PromptInputSelectValue, PromptInputSubmit, PromptInputTab, PromptInputTabBody, PromptInputTabItem, PromptInputTabLabel, PromptInputTabsList, PromptInputTextarea, PromptInputTools, usePromptInputAttachments, usePromptInputController, usePromptInputReferencedSources, useProviderAttachments };
+export { PromptInput, PromptInputActionAddAttachments, PromptInputActionAddScreenshot, PromptInputActionMenu, PromptInputActionMenuContent, PromptInputActionMenuItem, PromptInputActionMenuTrigger, PromptInputApproval, PromptInputBody, PromptInputButton, PromptInputCommand, PromptInputCommandEmpty, PromptInputCommandGroup, PromptInputCommandInput, PromptInputCommandItem, PromptInputCommandList, PromptInputCommandSeparator, PromptInputFooter, PromptInputHeader, PromptInputHoverCard, PromptInputHoverCardContent, PromptInputHoverCardTrigger, PromptInputProvider, PromptInputSelect, PromptInputSelectContent, PromptInputSelectItem, PromptInputSelectTrigger, PromptInputSelectValue, PromptInputSubmit, PromptInputTab, PromptInputTabBody, PromptInputTabItem, PromptInputTabLabel, PromptInputTabsList, PromptInputTextarea, PromptInputTools, getPendingToolApprovals, usePromptInputAttachments, usePromptInputController, usePromptInputReferencedSources, useProviderAttachments };

package/dist/components/Queue.js

@@ -1,6 +1,6 @@
 import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { d as DotIcon, h as FileIcon, l as ChevronRightIcon, o as CheckIcon } from "../icons-Bf7JMKk-.js";
+import { d as DotIcon, h as FileIcon, l as ChevronRightIcon, o as CheckIcon } from "../icons-DQC4Zw5R.js";
 import { Button } from "./Button.js";
 import { Badge } from "./Badge.js";
 import { ScrollArea } from "./ScrollArea.js";

package/dist/components/Reasoning.js

@@ -1,6 +1,6 @@
 import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { a as BrainIcon, l as ChevronRightIcon } from "../icons-Bf7JMKk-.js";
+import { a as BrainIcon, l as ChevronRightIcon } from "../icons-DQC4Zw5R.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cjk } from "@streamdown/cjk";

package/dist/components/Select.js

@@ -1,4 +1,4 @@
-import { i as ArrowUpIcon, o as CheckIcon, t as ArrowDownIcon } from "../icons-Bf7JMKk-.js";
+import { i as ArrowUpIcon, o as CheckIcon, t as ArrowDownIcon } from "../icons-DQC4Zw5R.js";
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Select as Select$1 } from "@base-ui/react/select";

package/dist/components/Sources.js

@@ -1,6 +1,6 @@
 import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { b as LinkIcon, l as ChevronRightIcon } from "../icons-Bf7JMKk-.js";
+import { b as LinkIcon, l as ChevronRightIcon } from "../icons-DQC4Zw5R.js";
 import "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Sources.tsx

package/dist/components/Stepper.js

@@ -1,5 +1,5 @@
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { k as SpinnerIcon, o as CheckIcon } from "../icons-Bf7JMKk-.js";
+import { A as SpinnerIcon, o as CheckIcon } from "../icons-DQC4Zw5R.js";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/Stepper.tsx

package/dist/components/Task.js

@@ -1,6 +1,6 @@
 import { CollapsiblePanel, CollapsibleRoot, CollapsibleTrigger } from "./Collapsible.js";
 import { t as cx } from "../class-names-9UtZwb0J.js";
-import { O as SearchIcon, h as FileIcon, l as ChevronRightIcon } from "../icons-Bf7JMKk-.js";
+import { h as FileIcon, k as SearchIcon, l as ChevronRightIcon } from "../icons-DQC4Zw5R.js";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/Task.tsx