@mcp-b/react-components 0.6.5 → 0.7.0

package/dist/components/PromptInput.d.ts

@@ -1,534 +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, l as MenuContentProps, w as MenuProps } 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 = MenuContentProps;
-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;
-/** Component-local identity: paused executions can ask for multiple approvals. */
-declare function getApprovalStateKey(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, getApprovalStateKey, getPendingToolApprovals, usePromptInputAttachments, usePromptInputController, usePromptInputReferencedSources, useProviderAttachments };
+import { $ as PromptInputHoverCardTriggerProps, A as PromptInputCommandEmpty, At as PromptInputTextareaProps, B as PromptInputCommandProps, Bt as usePromptInputAttachments, C as PromptInputAttachmentsProps, Ct as PromptInputTabItemProps, D as PromptInputButtonProps, Dt as PromptInputTabsList, E as PromptInputButton, Et as PromptInputTabProps, F as PromptInputCommandInputProps, Ft as TextInputContext, G as PromptInputFooterProps, H as PromptInputCommandSeparatorProps, Ht as usePromptInputReferencedSources, I as PromptInputCommandItem, It as TooltipSide, J as PromptInputHoverCard, K as PromptInputHeader, L as PromptInputCommandItemProps, Lt as getApprovalRequestId, M as PromptInputCommandGroup, Mt as PromptInputToolsProps, N as PromptInputCommandGroupProps, Nt as PromptInputTooltipConfig, O as PromptInputButtonTooltip, Ot as PromptInputTabsListProps, P as PromptInputCommandInput, Pt as ReferencedSourcesContext, Q as PromptInputHoverCardTrigger, R as PromptInputCommandList, Rt as getApprovalStateKey, S as PromptInputAttachments, St as PromptInputTabItem, T as PromptInputBodyProps, Tt as PromptInputTabLabelProps, U as PromptInputControllerProps, Ut as useProviderAttachments, V as PromptInputCommandSeparator, Vt as usePromptInputController, W as PromptInputFooter, X as PromptInputHoverCardContentProps, Y as PromptInputHoverCardContent, Z as PromptInputHoverCardProps, _ as PromptInputActionMenuTriggerProps, _t as PromptInputSubmit, a as PromptInput, at as PromptInputProviderProps, b as PromptInputAttachment, bt as PromptInputTabBody, c as PromptInputActionAddScreenshot, ct as PromptInputSelectContent, d as PromptInputActionMenuContent, dt as PromptInputSelectItemProps, et as PromptInputMessage, f as PromptInputActionMenuContentProps, ft as PromptInputSelectProps, g as PromptInputActionMenuTrigger, gt as PromptInputSelectValueProps, h as PromptInputActionMenuProps, ht as PromptInputSelectValue, i as PermissionMode, it as PromptInputProvider, j as PromptInputCommandEmptyProps, jt as PromptInputTools, k as PromptInputCommand, kt as PromptInputTextarea, l as PromptInputActionAddScreenshotProps, lt as PromptInputSelectContentProps, m as PromptInputActionMenuItemProps, mt as PromptInputSelectTriggerProps, n as ExecutionApprovals, nt as PromptInputPermissionSelectorProps, o as PromptInputActionAddAttachments, ot as PromptInputReferencedSource, p as PromptInputActionMenuItem, pt as PromptInputSelectTrigger, q as PromptInputHeaderProps, r as PendingToolApproval, rt as PromptInputProps, s as PromptInputActionAddAttachmentsProps, st as PromptInputSelect, t as AttachmentsContext, tt as PromptInputPermissionSelector, u as PromptInputActionMenu, ut as PromptInputSelectItem, v as PromptInputApproval, vt as PromptInputSubmitProps, w as PromptInputBody, wt as PromptInputTabLabel, x as PromptInputAttachmentProps, xt as PromptInputTabBodyProps, y as PromptInputApprovalProps, yt as PromptInputTab, z as PromptInputCommandListProps, zt as getPendingToolApprovals } from "../PromptInput-D6-G24p7.js";
+export { 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, 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, PromptInputSubmit, PromptInputSubmitProps, PromptInputTab, PromptInputTabBody, PromptInputTabBodyProps, PromptInputTabItem, PromptInputTabItemProps, PromptInputTabLabel, PromptInputTabLabelProps, PromptInputTabProps, PromptInputTabsList, PromptInputTabsListProps, PromptInputTextarea, PromptInputTextareaProps, PromptInputTools, PromptInputToolsProps, PromptInputTooltipConfig, ReferencedSourcesContext, TextInputContext, TooltipSide, getApprovalRequestId, getApprovalStateKey, getPendingToolApprovals, usePromptInputAttachments, usePromptInputController, usePromptInputReferencedSources, useProviderAttachments };

package/dist/components/PromptInput.js

@@ -9,7 +9,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";
+import { getToolName, isToolUIPart } from "ai";
 //#region src/components/PromptInput.tsx
 const PromptInputContext = React.createContext(null);
 const PromptInputController = React.createContext(null);
@@ -124,7 +124,7 @@ function PromptInputProvider({ initialInput = "", children }) {
 *
 * @example
 * ```tsx
-* <PromptInput onSubmit={({ text, files }) => sendMessage(text, files)}>
+* <PromptInput onSubmit={({ text, files }) => sendMessage({ text, files })}>
 *   <PromptInputBody>
 *     <PromptInputTextarea placeholder="Ask Sigvelo..." />
 *   </PromptInputBody>
@@ -680,7 +680,7 @@ function getPendingToolApprovals(messages, { pausedExecutions = false } = {}) {
 	const pending = [];
 	messages.forEach((message, messageIndex) => {
 		message.parts.forEach((part, partIndex) => {
-			if (isToolOrDynamicToolUIPart(part) && (part.state === "approval-requested" || pausedExecutions && getPausedExecution(part))) pending.push({
+			if (isToolUIPart(part) && (part.state === "approval-requested" || pausedExecutions && getPausedExecution(part))) pending.push({
 				message,
 				messageIndex,
 				part,
@@ -701,22 +701,23 @@ function formatApprovalValue(value) {
 * sends the text as the native approval `reason`. Submit (or Enter) sends the
 * current selection — approve by default.
 */
-function PromptInputApproval({ part, onRespond, executionApprovals, onSkip, question, count, className, ref, ...props }) {
+function PromptInputApproval({ part, approval: durableApproval, onRespond, executionApprovals, 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 paused = getPausedExecution(part);
-	const approvalId = getApprovalStateKey(part);
+	const approval = part?.state === "approval-requested" ? part.approval : void 0;
+	const paused = part ? getPausedExecution(part) : void 0;
+	const approvalId = part ? getApprovalStateKey(part) : durableApproval?.executionId;
 	React.useEffect(() => {
 		setSelected("approve");
 		setReason("");
 		setBusy(false);
 	}, [approvalId]);
-	if (approval ? !onRespond : !(paused && executionApprovals)) return null;
-	const toolName = getToolName(part);
+	if (!part && !durableApproval) return null;
+	if (approval ? !onRespond : !(executionApprovals && (paused || durableApproval))) return null;
+	const toolName = durableApproval?.descriptor.action ?? (part ? getToolName(part) : "action");
 	const respond = async (approved) => {
 		if (busy) return;
 		setBusy(true);
@@ -729,12 +730,13 @@ function PromptInputApproval({ part, onRespond, executionApprovals, onSkip, ques
 				reason: denyReason
 			});
 			else if (paused) await (approved ? executionApprovals?.approve(paused.executionId) : executionApprovals?.reject(paused.executionId, denyReason));
+			else if (durableApproval) await (approved ? executionApprovals?.approve(durableApproval.executionId) : executionApprovals?.reject(durableApproval.executionId, denyReason));
 		} finally {
 			setBusy(false);
 		}
 	};
 	const submit = () => void respond(selected === "approve");
-	const input = "input" in part ? part.input : void 0;
+	const input = durableApproval?.descriptor.input ?? (part && "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,
@@ -751,7 +753,11 @@ function PromptInputApproval({ part, onRespond, executionApprovals, onSkip, ques
 		children: [
 			/* @__PURE__ */ jsxs("div", {
 				className: "prompt-input__approval-question",
-				children: [/* @__PURE__ */ jsx("span", { children: question ?? (paused ? /* @__PURE__ */ jsx(Fragment, { children: "The agent's code is paused on these calls. Allow it to continue?" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+				children: [/* @__PURE__ */ jsx("span", { children: question ?? (durableApproval ? /* @__PURE__ */ jsxs(Fragment, { children: [
+					"Do you want to allow ",
+					/* @__PURE__ */ jsx("code", { children: durableApproval.descriptor.summary }),
+					"?"
+				] }) : paused ? /* @__PURE__ */ jsx(Fragment, { children: "The agent's code is paused on these calls. Allow it to continue?" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
 					"Do you want to allow the agent to run ",
 					/* @__PURE__ */ jsx("code", { children: toolName }),
 					"?"