@yourgpt/copilot-sdk 2.1.5-alpha.1 → 2.1.5-alpha.2

package/dist/ui/index.d.cts

@@ -8,7 +8,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as use_stick_to_bottom from 'use-stick-to-bottom';
 import { d as WebSearchResult, f as WebSearchResponse } from '../types-ZguuKEs_.cjs';
 import { a as Thread, c as ThreadStorageAdapter, A as AsyncThreadStorageAdapter } from '../types-BeFBBZ5i.cjs';
-import { T as ToolDefinition } from '../tools-DHZhF5km.cjs';
+import { T as ToolDefinition } from '../tools-tmksfhUo.cjs';
 import { B as BranchInfo } from '../MessageTree-CoIt_4nB.cjs';
 import { d as MCPUIIntent, n as MCPUIFrameProps, M as MCPUIResource } from '../types-B20VCJXL.cjs';
 import { ClassValue } from 'clsx';
@@ -742,83 +742,30 @@ interface SimpleConfirmationProps {
  */
 declare function SimpleConfirmation({ state, message, onApprove, onReject, rejectLabel, approveLabel, className, }: SimpleConfirmationProps): react_jsx_runtime.JSX.Element;
 
-/**
- * Permission level for tool execution
- */
 type PermissionLevel = "ask" | "allow_always" | "deny_always" | "session";
-/**
- * Permission option for dropdown/selection
- */
 interface PermissionOption {
     value: PermissionLevel;
     label: string;
     description?: string;
 }
-/**
- * Default permission options
- */
 declare const DEFAULT_PERMISSION_OPTIONS: PermissionOption[];
 type ConfirmationState = "pending" | "approved" | "rejected";
 interface PermissionConfirmationProps {
-    /** Current state: pending, approved, or rejected */
     state: ConfirmationState;
-    /** Tool name */
     toolName?: string;
-    /** Message to display */
     message?: string;
-    /** Called when user approves with permission level */
     onApprove?: (permissionLevel: PermissionLevel) => void;
-    /** Called when user rejects with permission level */
     onReject?: (permissionLevel?: PermissionLevel) => void;
-    /** Show permission options (default: true) */
-    showPermissionOptions?: boolean;
-    /** Available permission options */
-    permissionOptions?: PermissionOption[];
-    /** Additional class name */
     className?: string;
 }
-/**
- * PermissionConfirmation - Enhanced confirmation with permission level selection
- *
- * Shows a confirmation dialog for tool approval with options to remember the choice.
- *
- * @example
- * ```tsx
- * <PermissionConfirmation
- *   state="pending"
- *   toolName="capture_screenshot"
- *   message="Take a screenshot of the current screen?"
- *   onApprove={(level) => approveToolExecution(tool.id, level)}
- *   onReject={(level) => rejectToolExecution(tool.id, undefined, level)}
- * />
- * ```
- */
-declare function PermissionConfirmation({ state, toolName, message, onApprove, onReject, showPermissionOptions, permissionOptions, className, }: PermissionConfirmationProps): react_jsx_runtime.JSX.Element;
+declare function PermissionConfirmation({ state, toolName, message, onApprove, onReject, className, }: PermissionConfirmationProps): react_jsx_runtime.JSX.Element;
 interface CompactPermissionConfirmationProps {
-    /** Current state: pending, approved, or rejected */
     state: ConfirmationState;
-    /** Message to display */
     message?: string;
-    /** Called when user approves */
     onApprove?: (permissionLevel: PermissionLevel) => void;
-    /** Called when user rejects */
     onReject?: (permissionLevel?: PermissionLevel) => void;
-    /** Additional class name */
     className?: string;
 }
-/**
- * CompactPermissionConfirmation - Simpler version with "Don't ask again" checkbox
- *
- * @example
- * ```tsx
- * <CompactPermissionConfirmation
- *   state="pending"
- *   message="Take a screenshot?"
- *   onApprove={(level) => approveToolExecution(tool.id, level)}
- *   onReject={(level) => rejectToolExecution(tool.id, undefined, level)}
- * />
- * ```
- */
 declare function CompactPermissionConfirmation({ state, message, onApprove, onReject, className, }: CompactPermissionConfirmationProps): react_jsx_runtime.JSX.Element;
 
 type FollowUpProps = {
@@ -1299,6 +1246,8 @@ interface ToolExecutionData {
     duration?: number;
     /** Approval status for human-in-the-loop tools */
     approvalStatus?: ToolApprovalStatus;
+    /** Title shown in approval UI */
+    approvalTitle?: string;
     /** Message shown in approval UI */
     approvalMessage?: string;
     /** Data passed from user's approval action (e.g., selected item) */
@@ -1440,6 +1389,10 @@ interface ToolRendererProps {
         error?: string;
         /** Approval status for tools requiring confirmation */
         approvalStatus?: ToolApprovalStatus;
+        /** Title shown in approval UI */
+        approvalTitle?: string;
+        /** Message shown in approval UI */
+        approvalMessage?: string;
         /** Data passed from user's approval action */
         approvalData?: Record<string, unknown>;
         /** Tool source (mcp, native, custom) - useful for MCP tool identification */
@@ -1659,6 +1612,37 @@ type ChatProps = {
     onApproveToolExecution?: (executionId: string, extraData?: Record<string, unknown>, permissionLevel?: PermissionLevel) => void;
     /** Called when user rejects a tool execution */
     onRejectToolExecution?: (executionId: string, reason?: string, permissionLevel?: PermissionLevel) => void;
+    /**
+     * Custom message list view.
+     * Gives full control over how the message list is rendered.
+     * Receives pre-rendered `messageElements` (default SDK output) and raw `messages`
+     * so you can inject custom UI, reorder, or conditionally replace messages.
+     *
+     * @example
+     * ```tsx
+     * <CopilotChat
+     *   messageView={{
+     *     children: ({ messageElements, messages }) => (
+     *       <>
+     *         {messages.map((msg, i) =>
+     *           msg.metadata?.type === "plan"
+     *             ? <PlanCard key={msg.id} data={msg.metadata} />
+     *             : messageElements[i]
+     *         )}
+     *       </>
+     *     )
+     *   }}
+     * />
+     * ```
+     */
+    messageView?: {
+        children?: (props: {
+            /** Raw messages array */
+            messages: ChatMessage[];
+            /** Pre-rendered message elements (default SDK rendering) */
+            messageElements: React__default.ReactNode[];
+        }) => React__default.ReactNode;
+    };
     /** Custom message renderer */
     renderMessage?: (message: ChatMessage, index: number) => React__default.ReactNode;
     /** Custom input renderer (replaces entire input area) */
@@ -1825,7 +1809,7 @@ declare function BackButton({ className, children, disabled, "aria-label": ariaL
  */
 type ThreadPickerCompoundProps = Omit<ThreadPickerProps, "value" | "threads" | "onSelect" | "onNewThread" | "onDeleteThread" | "disabled">;
 declare function ThreadPickerCompound(props: ThreadPickerCompoundProps): react_jsx_runtime.JSX.Element | null;
-declare function ChatComponent({ messages, onSendMessage, onStop, isLoading, children, placeholder, welcomeMessage, title, showHeader, header, threadPicker, logo, name, onClose, showPoweredBy, showUserAvatar, userAvatar: userAvatarProp, assistantAvatar: assistantAvatarProp, loaderVariant, fontSize, maxFileSize, allowedFileTypes, attachmentsEnabled, attachmentsDisabledTooltip, processAttachment: processAttachmentProp, suggestions, onSuggestionClick, welcome, recentThreads, onSelectThread, onDeleteThread, onViewMoreThreads, isProcessing, registeredTools, toolRenderers, mcpToolRenderer, fallbackToolRenderer, onApproveToolExecution, onRejectToolExecution, showFollowUps, followUpClassName, followUpButtonClassName, citations, renderMessage, renderInput, renderHeader, groupConsecutiveMessages, className, classNames, onNewChat, threads, currentThreadId, onSwitchThread, isThreadBusy, getBranchInfo, onSwitchBranch, onEditMessage, }: ChatProps): react_jsx_runtime.JSX.Element;
+declare function ChatComponent({ messages, onSendMessage, onStop, isLoading, children, placeholder, welcomeMessage, title, showHeader, header, threadPicker, logo, name, onClose, showPoweredBy, showUserAvatar, userAvatar: userAvatarProp, assistantAvatar: assistantAvatarProp, loaderVariant, fontSize, maxFileSize, allowedFileTypes, attachmentsEnabled, attachmentsDisabledTooltip, processAttachment: processAttachmentProp, suggestions, onSuggestionClick, welcome, recentThreads, onSelectThread, onDeleteThread, onViewMoreThreads, isProcessing, registeredTools, toolRenderers, mcpToolRenderer, fallbackToolRenderer, onApproveToolExecution, onRejectToolExecution, showFollowUps, followUpClassName, followUpButtonClassName, citations, messageView, renderMessage, renderInput, renderHeader, groupConsecutiveMessages, className, classNames, onNewChat, threads, currentThreadId, onSwitchThread, isThreadBusy, getBranchInfo, onSwitchBranch, onEditMessage, }: ChatProps): react_jsx_runtime.JSX.Element;
 /**
  * Chat component with compound component pattern.
  *

package/dist/ui/index.d.ts

@@ -8,7 +8,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as use_stick_to_bottom from 'use-stick-to-bottom';
 import { d as WebSearchResult, f as WebSearchResponse } from '../types-ZguuKEs_.js';
 import { a as Thread, c as ThreadStorageAdapter, A as AsyncThreadStorageAdapter } from '../types-BeFBBZ5i.js';
-import { T as ToolDefinition } from '../tools-DHZhF5km.js';
+import { T as ToolDefinition } from '../tools-tmksfhUo.js';
 import { B as BranchInfo } from '../MessageTree-CzaN9Eul.js';
 import { d as MCPUIIntent, n as MCPUIFrameProps, M as MCPUIResource } from '../types-B20VCJXL.js';
 import { ClassValue } from 'clsx';
@@ -742,83 +742,30 @@ interface SimpleConfirmationProps {
  */
 declare function SimpleConfirmation({ state, message, onApprove, onReject, rejectLabel, approveLabel, className, }: SimpleConfirmationProps): react_jsx_runtime.JSX.Element;
 
-/**
- * Permission level for tool execution
- */
 type PermissionLevel = "ask" | "allow_always" | "deny_always" | "session";
-/**
- * Permission option for dropdown/selection
- */
 interface PermissionOption {
     value: PermissionLevel;
     label: string;
     description?: string;
 }
-/**
- * Default permission options
- */
 declare const DEFAULT_PERMISSION_OPTIONS: PermissionOption[];
 type ConfirmationState = "pending" | "approved" | "rejected";
 interface PermissionConfirmationProps {
-    /** Current state: pending, approved, or rejected */
     state: ConfirmationState;
-    /** Tool name */
     toolName?: string;
-    /** Message to display */
     message?: string;
-    /** Called when user approves with permission level */
     onApprove?: (permissionLevel: PermissionLevel) => void;
-    /** Called when user rejects with permission level */
     onReject?: (permissionLevel?: PermissionLevel) => void;
-    /** Show permission options (default: true) */
-    showPermissionOptions?: boolean;
-    /** Available permission options */
-    permissionOptions?: PermissionOption[];
-    /** Additional class name */
     className?: string;
 }
-/**
- * PermissionConfirmation - Enhanced confirmation with permission level selection
- *
- * Shows a confirmation dialog for tool approval with options to remember the choice.
- *
- * @example
- * ```tsx
- * <PermissionConfirmation
- *   state="pending"
- *   toolName="capture_screenshot"
- *   message="Take a screenshot of the current screen?"
- *   onApprove={(level) => approveToolExecution(tool.id, level)}
- *   onReject={(level) => rejectToolExecution(tool.id, undefined, level)}
- * />
- * ```
- */
-declare function PermissionConfirmation({ state, toolName, message, onApprove, onReject, showPermissionOptions, permissionOptions, className, }: PermissionConfirmationProps): react_jsx_runtime.JSX.Element;
+declare function PermissionConfirmation({ state, toolName, message, onApprove, onReject, className, }: PermissionConfirmationProps): react_jsx_runtime.JSX.Element;
 interface CompactPermissionConfirmationProps {
-    /** Current state: pending, approved, or rejected */
     state: ConfirmationState;
-    /** Message to display */
     message?: string;
-    /** Called when user approves */
     onApprove?: (permissionLevel: PermissionLevel) => void;
-    /** Called when user rejects */
     onReject?: (permissionLevel?: PermissionLevel) => void;
-    /** Additional class name */
     className?: string;
 }
-/**
- * CompactPermissionConfirmation - Simpler version with "Don't ask again" checkbox
- *
- * @example
- * ```tsx
- * <CompactPermissionConfirmation
- *   state="pending"
- *   message="Take a screenshot?"
- *   onApprove={(level) => approveToolExecution(tool.id, level)}
- *   onReject={(level) => rejectToolExecution(tool.id, undefined, level)}
- * />
- * ```
- */
 declare function CompactPermissionConfirmation({ state, message, onApprove, onReject, className, }: CompactPermissionConfirmationProps): react_jsx_runtime.JSX.Element;
 
 type FollowUpProps = {
@@ -1299,6 +1246,8 @@ interface ToolExecutionData {
     duration?: number;
     /** Approval status for human-in-the-loop tools */
     approvalStatus?: ToolApprovalStatus;
+    /** Title shown in approval UI */
+    approvalTitle?: string;
     /** Message shown in approval UI */
     approvalMessage?: string;
     /** Data passed from user's approval action (e.g., selected item) */
@@ -1440,6 +1389,10 @@ interface ToolRendererProps {
         error?: string;
         /** Approval status for tools requiring confirmation */
         approvalStatus?: ToolApprovalStatus;
+        /** Title shown in approval UI */
+        approvalTitle?: string;
+        /** Message shown in approval UI */
+        approvalMessage?: string;
         /** Data passed from user's approval action */
         approvalData?: Record<string, unknown>;
         /** Tool source (mcp, native, custom) - useful for MCP tool identification */
@@ -1659,6 +1612,37 @@ type ChatProps = {
     onApproveToolExecution?: (executionId: string, extraData?: Record<string, unknown>, permissionLevel?: PermissionLevel) => void;
     /** Called when user rejects a tool execution */
     onRejectToolExecution?: (executionId: string, reason?: string, permissionLevel?: PermissionLevel) => void;
+    /**
+     * Custom message list view.
+     * Gives full control over how the message list is rendered.
+     * Receives pre-rendered `messageElements` (default SDK output) and raw `messages`
+     * so you can inject custom UI, reorder, or conditionally replace messages.
+     *
+     * @example
+     * ```tsx
+     * <CopilotChat
+     *   messageView={{
+     *     children: ({ messageElements, messages }) => (
+     *       <>
+     *         {messages.map((msg, i) =>
+     *           msg.metadata?.type === "plan"
+     *             ? <PlanCard key={msg.id} data={msg.metadata} />
+     *             : messageElements[i]
+     *         )}
+     *       </>
+     *     )
+     *   }}
+     * />
+     * ```
+     */
+    messageView?: {
+        children?: (props: {
+            /** Raw messages array */
+            messages: ChatMessage[];
+            /** Pre-rendered message elements (default SDK rendering) */
+            messageElements: React__default.ReactNode[];
+        }) => React__default.ReactNode;
+    };
     /** Custom message renderer */
     renderMessage?: (message: ChatMessage, index: number) => React__default.ReactNode;
     /** Custom input renderer (replaces entire input area) */
@@ -1825,7 +1809,7 @@ declare function BackButton({ className, children, disabled, "aria-label": ariaL
  */
 type ThreadPickerCompoundProps = Omit<ThreadPickerProps, "value" | "threads" | "onSelect" | "onNewThread" | "onDeleteThread" | "disabled">;
 declare function ThreadPickerCompound(props: ThreadPickerCompoundProps): react_jsx_runtime.JSX.Element | null;
-declare function ChatComponent({ messages, onSendMessage, onStop, isLoading, children, placeholder, welcomeMessage, title, showHeader, header, threadPicker, logo, name, onClose, showPoweredBy, showUserAvatar, userAvatar: userAvatarProp, assistantAvatar: assistantAvatarProp, loaderVariant, fontSize, maxFileSize, allowedFileTypes, attachmentsEnabled, attachmentsDisabledTooltip, processAttachment: processAttachmentProp, suggestions, onSuggestionClick, welcome, recentThreads, onSelectThread, onDeleteThread, onViewMoreThreads, isProcessing, registeredTools, toolRenderers, mcpToolRenderer, fallbackToolRenderer, onApproveToolExecution, onRejectToolExecution, showFollowUps, followUpClassName, followUpButtonClassName, citations, renderMessage, renderInput, renderHeader, groupConsecutiveMessages, className, classNames, onNewChat, threads, currentThreadId, onSwitchThread, isThreadBusy, getBranchInfo, onSwitchBranch, onEditMessage, }: ChatProps): react_jsx_runtime.JSX.Element;
+declare function ChatComponent({ messages, onSendMessage, onStop, isLoading, children, placeholder, welcomeMessage, title, showHeader, header, threadPicker, logo, name, onClose, showPoweredBy, showUserAvatar, userAvatar: userAvatarProp, assistantAvatar: assistantAvatarProp, loaderVariant, fontSize, maxFileSize, allowedFileTypes, attachmentsEnabled, attachmentsDisabledTooltip, processAttachment: processAttachmentProp, suggestions, onSuggestionClick, welcome, recentThreads, onSelectThread, onDeleteThread, onViewMoreThreads, isProcessing, registeredTools, toolRenderers, mcpToolRenderer, fallbackToolRenderer, onApproveToolExecution, onRejectToolExecution, showFollowUps, followUpClassName, followUpButtonClassName, citations, messageView, renderMessage, renderInput, renderHeader, groupConsecutiveMessages, className, classNames, onNewChat, threads, currentThreadId, onSwitchThread, isThreadBusy, getBranchInfo, onSwitchBranch, onEditMessage, }: ChatProps): react_jsx_runtime.JSX.Element;
 /**
  * Chat component with compound component pattern.
  *