@distri/react 0.3.2 → 0.3.3

package/dist/index.d.cts

@@ -263,6 +263,7 @@ interface ChatStateStore extends ChatState {
     completeTool: (toolCall: ToolCall, result: ToolResult) => Promise<void>;
     executeTool: (toolCall: ToolCall, distriTool: DistriAnyTool) => void;
     hasPendingToolCalls: () => boolean;
+    failAllPendingToolCalls: (errorMessage: string) => void;
     clearToolResults: () => void;
     getExternalToolResponses: () => ToolResult[];
     getCurrentTask: () => TaskState | null;
@@ -391,6 +392,11 @@ interface ChatProps {
     className?: string;
     agentId?: string;
     enableHistory?: boolean;
+    /**
+     * Enable debug mode to show developer messages in the chat.
+     * Developer messages are hidden by default.
+     */
+    debug?: boolean;
 }
 declare const ChatInner: React__default.ForwardRefExoticComponent<ChatProps & React__default.RefAttributes<ChatInstance>>;
 interface ChatContainerProps extends ChatProps {
@@ -439,7 +445,6 @@ interface ChatInputProps {
     onSend: (content: string | DistriPart[]) => void;
     onStop?: () => void;
     browserEnabled?: boolean;
-    /** Whether browser has an active session (used for highlighting) */
     browserHasSession?: boolean;
     onToggleBrowser?: (enabled: boolean) => void;
     placeholder?: string;
@@ -514,11 +519,42 @@ interface AuthLoadingProps {
 }
 declare const AuthLoading: React__default.FC<AuthLoadingProps>;
 
+/**
+ * AskFollowUp - Interactive stepper component for agent follow-up questions
+ *
+ * This tool allows agents to ask a series of questions to the user.
+ * Questions are rendered as a stepper, one at a time.
+ * User answers are collected and sent back to the agent.
+ */
+
+interface FollowUpQuestion {
+    id: string;
+    question: string;
+    type: 'text' | 'select' | 'multiselect' | 'boolean';
+    options?: string[];
+    placeholder?: string;
+    required?: boolean;
+    default?: string | string[] | boolean;
+}
+interface AskFollowUpInput {
+    title?: string;
+    description?: string;
+    questions: FollowUpQuestion[];
+}
+interface AskFollowUpOutput {
+    answers: Record<string, string | string[] | boolean>;
+    completed: boolean;
+}
+declare const ASK_FOLLOW_UP_TOOL_NAME = "ask_follow_up";
+declare function createAskFollowUpTool(): DistriUiTool;
+
 interface DistriContextValue {
     client: DistriClient | null;
     error: Error | null;
     isLoading: boolean;
     token?: string | null;
+    workspaceId?: string | null;
+    setWorkspaceId?: (workspaceId: string | null) => void;
 }
 declare const DistriContext: React$1.Context<DistriContextValue>;
 interface DistriProviderProps {
@@ -555,6 +591,11 @@ declare function useDistriToken(): {
     token: string | null | undefined;
     isLoading: boolean;
 };
+declare function useWorkspace(): {
+    workspaceId: string | null | undefined;
+    setWorkspaceId: ((workspaceId: string | null) => void) | undefined;
+    isLoading: boolean;
+};
 
 type AuthStatus = 'idle' | 'loading' | 'authenticated' | 'error';
 interface DistriAuthContextValue {
@@ -867,8 +908,10 @@ interface MessageRendererProps {
     isExpanded?: boolean;
     onToggle?: () => void;
     toolRenderers?: ToolRendererMap;
+    /** Enable debug mode to show developer messages */
+    debug?: boolean;
 }
-declare function MessageRenderer({ message, index, toolRenderers, }: MessageRendererProps): React__default.ReactNode;
+declare function MessageRenderer({ message, index, toolRenderers, debug, }: MessageRendererProps): React__default.ReactNode;
 
 interface StepBasedRendererProps {
     message: DistriMessage;
@@ -902,4 +945,4 @@ interface UserMessageRendererProps {
 }
 declare const UserMessageRenderer: React__default.FC<UserMessageRendererProps>;
 
-export { AgentSelect, AppSidebar, AssistantMessageRenderer, type AssistantMessageRendererProps, type AttachedImage, AuthLoading, type AuthStatus, Badge, BrowserPreviewPanel, BrowserViewport, type BrowserViewportProps, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Chat, type ChatContainerProps, type ChatCustomRenderers, type ChatEmptyStateCategory, type ChatEmptyStateController, type ChatEmptyStateOptions, type ChatEmptyStateStarter, ChatInner, ChatInput, type ChatInputProps, type ChatInstance, type ChatProps, type ChatState, type ChatStateStore, ConfigurationPanel, DialogRoot as Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger, type DistriAnyTool, DistriAuthProvider, DistriContext, DistriProvider, type DistriUiTool, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type ExtractedContent, ImageRenderer, type ImageRendererProps, Input, LoadingAnimation, type LoadingAnimationConfig, type LoadingAnimationPreset, type LoadingAnimationProps, LoadingShimmer, MessageRenderer, type MessageRendererProps, type ModelOption, type PlanState, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, StepBasedRenderer, type StepBasedRendererProps, type StepState, type StreamingIndicator, StreamingTextRenderer, type StreamingTtsOptions, type TaskState, Textarea, ThemeProvider, ThemeToggle, ThinkingRenderer, type ThinkingRendererProps, type ToolCallState, type ToolCallStatus, type ToolRendererMap, type ToolRendererProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type TtsConfig, type TtsRequest, TypingIndicator, type UiToolProps, type UseAgentOptions, type UseAgentResult, type UseAgentsByUsageResult, type UseAgentsResult, type UseChatMessagesOptions, type UseChatMessagesReturn, type UseChatOptions, type UseChatReturn, type UseConfigurationResult, type UseThreadMessagesOptions, type UseThreadsOptions, type UseThreadsResult, UserMessageRenderer, type UserMessageRendererProps, VoiceInput, type VoiceInputProps, extractContent, useAgent, useAgentDefinitions, useAgentsByUsage, useChat, useChatMessages, useChatStateStore, useConfiguration, useDistri, useDistriAuth, useDistriToken, useSidebar, useSpeechToText, useTheme, useThreads, useTts, wrapFnToolAsUiTool, wrapTools };
+export { ASK_FOLLOW_UP_TOOL_NAME, AgentSelect, AppSidebar, type AskFollowUpInput, type AskFollowUpOutput, AssistantMessageRenderer, type AssistantMessageRendererProps, type AttachedImage, AuthLoading, type AuthStatus, Badge, BrowserPreviewPanel, BrowserViewport, type BrowserViewportProps, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Chat, type ChatContainerProps, type ChatCustomRenderers, type ChatEmptyStateCategory, type ChatEmptyStateController, type ChatEmptyStateOptions, type ChatEmptyStateStarter, ChatInner, ChatInput, type ChatInputProps, type ChatInstance, type ChatProps, type ChatState, type ChatStateStore, ConfigurationPanel, DialogRoot as Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger, type DistriAnyTool, DistriAuthProvider, DistriContext, DistriProvider, type DistriUiTool, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type ExtractedContent, type FollowUpQuestion, ImageRenderer, type ImageRendererProps, Input, LoadingAnimation, type LoadingAnimationConfig, type LoadingAnimationPreset, type LoadingAnimationProps, LoadingShimmer, MessageRenderer, type MessageRendererProps, type ModelOption, type PlanState, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, StepBasedRenderer, type StepBasedRendererProps, type StepState, type StreamingIndicator, StreamingTextRenderer, type StreamingTtsOptions, type TaskState, Textarea, ThemeProvider, ThemeToggle, ThinkingRenderer, type ThinkingRendererProps, type ToolCallState, type ToolCallStatus, type ToolRendererMap, type ToolRendererProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type TtsConfig, type TtsRequest, TypingIndicator, type UiToolProps, type UseAgentOptions, type UseAgentResult, type UseAgentsByUsageResult, type UseAgentsResult, type UseChatMessagesOptions, type UseChatMessagesReturn, type UseChatOptions, type UseChatReturn, type UseConfigurationResult, type UseThreadMessagesOptions, type UseThreadsOptions, type UseThreadsResult, UserMessageRenderer, type UserMessageRendererProps, VoiceInput, type VoiceInputProps, createAskFollowUpTool, extractContent, useAgent, useAgentDefinitions, useAgentsByUsage, useChat, useChatMessages, useChatStateStore, useConfiguration, useDistri, useDistriAuth, useDistriToken, useSidebar, useSpeechToText, useTheme, useThreads, useTts, useWorkspace, wrapFnToolAsUiTool, wrapTools };

package/dist/index.d.ts

@@ -263,6 +263,7 @@ interface ChatStateStore extends ChatState {
     completeTool: (toolCall: ToolCall, result: ToolResult) => Promise<void>;
     executeTool: (toolCall: ToolCall, distriTool: DistriAnyTool) => void;
     hasPendingToolCalls: () => boolean;
+    failAllPendingToolCalls: (errorMessage: string) => void;
     clearToolResults: () => void;
     getExternalToolResponses: () => ToolResult[];
     getCurrentTask: () => TaskState | null;
@@ -391,6 +392,11 @@ interface ChatProps {
     className?: string;
     agentId?: string;
     enableHistory?: boolean;
+    /**
+     * Enable debug mode to show developer messages in the chat.
+     * Developer messages are hidden by default.
+     */
+    debug?: boolean;
 }
 declare const ChatInner: React__default.ForwardRefExoticComponent<ChatProps & React__default.RefAttributes<ChatInstance>>;
 interface ChatContainerProps extends ChatProps {
@@ -439,7 +445,6 @@ interface ChatInputProps {
     onSend: (content: string | DistriPart[]) => void;
     onStop?: () => void;
     browserEnabled?: boolean;
-    /** Whether browser has an active session (used for highlighting) */
     browserHasSession?: boolean;
     onToggleBrowser?: (enabled: boolean) => void;
     placeholder?: string;
@@ -514,11 +519,42 @@ interface AuthLoadingProps {
 }
 declare const AuthLoading: React__default.FC<AuthLoadingProps>;
 
+/**
+ * AskFollowUp - Interactive stepper component for agent follow-up questions
+ *
+ * This tool allows agents to ask a series of questions to the user.
+ * Questions are rendered as a stepper, one at a time.
+ * User answers are collected and sent back to the agent.
+ */
+
+interface FollowUpQuestion {
+    id: string;
+    question: string;
+    type: 'text' | 'select' | 'multiselect' | 'boolean';
+    options?: string[];
+    placeholder?: string;
+    required?: boolean;
+    default?: string | string[] | boolean;
+}
+interface AskFollowUpInput {
+    title?: string;
+    description?: string;
+    questions: FollowUpQuestion[];
+}
+interface AskFollowUpOutput {
+    answers: Record<string, string | string[] | boolean>;
+    completed: boolean;
+}
+declare const ASK_FOLLOW_UP_TOOL_NAME = "ask_follow_up";
+declare function createAskFollowUpTool(): DistriUiTool;
+
 interface DistriContextValue {
     client: DistriClient | null;
     error: Error | null;
     isLoading: boolean;
     token?: string | null;
+    workspaceId?: string | null;
+    setWorkspaceId?: (workspaceId: string | null) => void;
 }
 declare const DistriContext: React$1.Context<DistriContextValue>;
 interface DistriProviderProps {
@@ -555,6 +591,11 @@ declare function useDistriToken(): {
     token: string | null | undefined;
     isLoading: boolean;
 };
+declare function useWorkspace(): {
+    workspaceId: string | null | undefined;
+    setWorkspaceId: ((workspaceId: string | null) => void) | undefined;
+    isLoading: boolean;
+};
 
 type AuthStatus = 'idle' | 'loading' | 'authenticated' | 'error';
 interface DistriAuthContextValue {
@@ -867,8 +908,10 @@ interface MessageRendererProps {
     isExpanded?: boolean;
     onToggle?: () => void;
     toolRenderers?: ToolRendererMap;
+    /** Enable debug mode to show developer messages */
+    debug?: boolean;
 }
-declare function MessageRenderer({ message, index, toolRenderers, }: MessageRendererProps): React__default.ReactNode;
+declare function MessageRenderer({ message, index, toolRenderers, debug, }: MessageRendererProps): React__default.ReactNode;
 
 interface StepBasedRendererProps {
     message: DistriMessage;
@@ -902,4 +945,4 @@ interface UserMessageRendererProps {
 }
 declare const UserMessageRenderer: React__default.FC<UserMessageRendererProps>;
 
-export { AgentSelect, AppSidebar, AssistantMessageRenderer, type AssistantMessageRendererProps, type AttachedImage, AuthLoading, type AuthStatus, Badge, BrowserPreviewPanel, BrowserViewport, type BrowserViewportProps, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Chat, type ChatContainerProps, type ChatCustomRenderers, type ChatEmptyStateCategory, type ChatEmptyStateController, type ChatEmptyStateOptions, type ChatEmptyStateStarter, ChatInner, ChatInput, type ChatInputProps, type ChatInstance, type ChatProps, type ChatState, type ChatStateStore, ConfigurationPanel, DialogRoot as Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger, type DistriAnyTool, DistriAuthProvider, DistriContext, DistriProvider, type DistriUiTool, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type ExtractedContent, ImageRenderer, type ImageRendererProps, Input, LoadingAnimation, type LoadingAnimationConfig, type LoadingAnimationPreset, type LoadingAnimationProps, LoadingShimmer, MessageRenderer, type MessageRendererProps, type ModelOption, type PlanState, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, StepBasedRenderer, type StepBasedRendererProps, type StepState, type StreamingIndicator, StreamingTextRenderer, type StreamingTtsOptions, type TaskState, Textarea, ThemeProvider, ThemeToggle, ThinkingRenderer, type ThinkingRendererProps, type ToolCallState, type ToolCallStatus, type ToolRendererMap, type ToolRendererProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type TtsConfig, type TtsRequest, TypingIndicator, type UiToolProps, type UseAgentOptions, type UseAgentResult, type UseAgentsByUsageResult, type UseAgentsResult, type UseChatMessagesOptions, type UseChatMessagesReturn, type UseChatOptions, type UseChatReturn, type UseConfigurationResult, type UseThreadMessagesOptions, type UseThreadsOptions, type UseThreadsResult, UserMessageRenderer, type UserMessageRendererProps, VoiceInput, type VoiceInputProps, extractContent, useAgent, useAgentDefinitions, useAgentsByUsage, useChat, useChatMessages, useChatStateStore, useConfiguration, useDistri, useDistriAuth, useDistriToken, useSidebar, useSpeechToText, useTheme, useThreads, useTts, wrapFnToolAsUiTool, wrapTools };
+export { ASK_FOLLOW_UP_TOOL_NAME, AgentSelect, AppSidebar, type AskFollowUpInput, type AskFollowUpOutput, AssistantMessageRenderer, type AssistantMessageRendererProps, type AttachedImage, AuthLoading, type AuthStatus, Badge, BrowserPreviewPanel, BrowserViewport, type BrowserViewportProps, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Chat, type ChatContainerProps, type ChatCustomRenderers, type ChatEmptyStateCategory, type ChatEmptyStateController, type ChatEmptyStateOptions, type ChatEmptyStateStarter, ChatInner, ChatInput, type ChatInputProps, type ChatInstance, type ChatProps, type ChatState, type ChatStateStore, ConfigurationPanel, DialogRoot as Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger, type DistriAnyTool, DistriAuthProvider, DistriContext, DistriProvider, type DistriUiTool, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, type ExtractedContent, type FollowUpQuestion, ImageRenderer, type ImageRendererProps, Input, LoadingAnimation, type LoadingAnimationConfig, type LoadingAnimationPreset, type LoadingAnimationProps, LoadingShimmer, MessageRenderer, type MessageRendererProps, type ModelOption, type PlanState, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, StepBasedRenderer, type StepBasedRendererProps, type StepState, type StreamingIndicator, StreamingTextRenderer, type StreamingTtsOptions, type TaskState, Textarea, ThemeProvider, ThemeToggle, ThinkingRenderer, type ThinkingRendererProps, type ToolCallState, type ToolCallStatus, type ToolRendererMap, type ToolRendererProps, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type TtsConfig, type TtsRequest, TypingIndicator, type UiToolProps, type UseAgentOptions, type UseAgentResult, type UseAgentsByUsageResult, type UseAgentsResult, type UseChatMessagesOptions, type UseChatMessagesReturn, type UseChatOptions, type UseChatReturn, type UseConfigurationResult, type UseThreadMessagesOptions, type UseThreadsOptions, type UseThreadsResult, UserMessageRenderer, type UserMessageRendererProps, VoiceInput, type VoiceInputProps, createAskFollowUpTool, extractContent, useAgent, useAgentDefinitions, useAgentsByUsage, useChat, useChatMessages, useChatStateStore, useConfiguration, useDistri, useDistriAuth, useDistriToken, useSidebar, useSpeechToText, useTheme, useThreads, useTts, useWorkspace, wrapFnToolAsUiTool, wrapTools };