@distri/react 0.2.8 → 0.3.0

package/dist/index.d.cts

@@ -1,4 +1,4 @@
-import { Agent as Agent$1, DistriChatMessage, DistriBaseTool, ToolExecutionOptions, DistriMessage, DistriPart, AgentDefinition, DistriThread, DistriFnTool, ToolCall, ToolResult, PlanStep, DistriConfiguration, DistriClient, DistriClientConfig, SpeechToTextConfig, StreamingTranscriptionOptions, ConfigurationMeta, ConfigurationResponse, DistriEvent, ImagePart } from '@distri/core';
+import { Agent as Agent$1, DistriChatMessage, DistriBaseTool, ToolExecutionOptions, DistriMessage, DistriPart, AgentDefinition, DistriThread, ThreadListParams, AgentUsageInfo, DistriFnTool, ToolCall, ToolResult, PlanStep, DistriConfiguration, DistriClient, DistriClientConfig, SpeechToTextConfig, StreamingTranscriptionOptions, ConfigurationMeta, ConfigurationResponse, DistriEvent, ImagePart } from '@distri/core';
 import * as React$1 from 'react';
 import React__default, { ReactNode } from 'react';
 import * as zustand from 'zustand';
@@ -61,17 +61,37 @@ declare function useAgentDefinitions(): UseAgentsResult;
 
 interface UseThreadsResult {
     threads: DistriThread[];
+    total: number;
+    page: number;
+    pageSize: number;
     loading: boolean;
     error: Error | null;
+    params: ThreadListParams;
+    setParams: (params: ThreadListParams) => void;
     refetch: () => Promise<void>;
     deleteThread: (threadId: string) => Promise<void>;
     fetchThread: (threadId: string) => Promise<DistriThread>;
     updateThread: (threadId: string, localId?: string) => Promise<void>;
+    nextPage: () => void;
+    prevPage: () => void;
+    goToPage: (page: number) => void;
+    setPageSize: (size: number) => void;
 }
 interface UseThreadsOptions {
     enabled?: boolean;
+    initialParams?: ThreadListParams;
 }
 declare function useThreads(options?: UseThreadsOptions): UseThreadsResult;
+/**
+ * Hook to get agents sorted by usage (thread count)
+ */
+interface UseAgentsByUsageResult {
+    agents: AgentUsageInfo[];
+    loading: boolean;
+    error: Error | null;
+    refetch: () => Promise<void>;
+}
+declare function useAgentsByUsage(): UseAgentsByUsageResult;
 interface UseThreadMessagesOptions {
     threadId: string | null;
 }
@@ -212,9 +232,9 @@ interface ChatState {
     wrapOptions?: {
         autoExecute?: boolean;
     };
-    browserFrame?: string;
-    browserFrameFormat?: string;
-    browserFrameUpdatedAt?: number;
+    browserSessionId?: string;
+    browserViewerUrl?: string;
+    browserStreamUrl?: string;
 }
 type ChatStateTool = DistriAnyTool & {
     executionType: 'backend' | 'external';
@@ -226,12 +246,12 @@ interface ChatStateStore extends ChatState {
     setDebug: (debug: boolean) => void;
     setStreamingIndicator: (indicator: StreamingIndicator | undefined) => void;
     setCurrentThought: (thought: string | undefined) => void;
-    setBrowserFrame: (frameSrc: string, format?: string) => void;
+    setBrowserSession: (sessionId: string, viewerUrl?: string, streamUrl?: string) => void;
+    clearBrowserSession: () => void;
     addMessage: (message: DistriChatMessage) => void;
     processMessage: (message: DistriChatMessage, isFromStream?: boolean) => void;
     clearAllStates: () => void;
     clearTask: (taskId: string) => void;
-    clearBrowserFrame: () => void;
     getToolByName: (toolName: string) => ChatStateTool | undefined;
     completeRunningSteps: () => void;
     resetStreamingStates: () => void;
@@ -407,6 +427,12 @@ interface AppSidebarProps {
 }
 declare function AppSidebar({ selectedThreadId, currentPage, onNewChat, onThreadSelect, onThreadDelete, onThreadRename, onLogoClick, onPageChange, }: AppSidebarProps): react_jsx_runtime.JSX.Element;
 
+declare global {
+    interface Window {
+        CodeMirror?: any;
+        __distriCodeMirrorLoader?: Promise<void>;
+    }
+}
 interface AttachedImage {
     id: string;
     file: File;
@@ -419,6 +445,10 @@ interface ChatInputProps {
     onSend: (content: string | DistriPart[]) => void;
     onStop?: () => void;
     browserEnabled?: boolean;
+    /** Whether browser has an active session (used for highlighting) */
+    browserHasSession?: boolean;
+    /** Whether browser session is being created */
+    browserLoading?: boolean;
     onToggleBrowser?: (enabled: boolean) => void;
     placeholder?: string;
     disabled?: boolean;
@@ -458,7 +488,8 @@ declare const BrowserPreviewPanel: React__default.FC<BrowserPreviewPanelProps>;
 interface BrowserViewportProps {
     className?: string;
     emptyState?: React__default.ReactNode;
-    showTimestamp?: boolean;
+    /** Optional custom viewer URL override */
+    viewerUrl?: string;
 }
 declare const BrowserViewport: React__default.FC<BrowserViewportProps>;
 
@@ -501,6 +532,22 @@ interface DistriProviderProps {
     config: DistriClientConfig;
     children: ReactNode;
     defaultTheme?: 'dark' | 'light' | 'system';
+    /**
+     * Set to false while waiting for auth token from backend.
+     * When false, isLoading will be true and hooks will wait.
+     * Defaults to true (auth is ready).
+     *
+     * @example
+     * // Backend token loading
+     * const [token, setToken] = useState<string | null>(null);
+     * useEffect(() => { fetchToken().then(setToken); }, []);
+     *
+     * <DistriProvider
+     *   config={{ ...config, accessToken: token }}
+     *   authReady={token !== null}
+     * />
+     */
+    authReady?: boolean;
 }
 /**
  * Core provider for Distri SDK. Initializes the DistriClient and handles authentication.
@@ -861,4 +908,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 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, useChat, useChatMessages, useChatStateStore, useConfiguration, useDistri, useDistriAuth, useDistriToken, useSidebar, useSpeechToText, useTheme, useThreads, useTts, wrapFnToolAsUiTool, wrapTools };
+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 };

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-import { Agent as Agent$1, DistriChatMessage, DistriBaseTool, ToolExecutionOptions, DistriMessage, DistriPart, AgentDefinition, DistriThread, DistriFnTool, ToolCall, ToolResult, PlanStep, DistriConfiguration, DistriClient, DistriClientConfig, SpeechToTextConfig, StreamingTranscriptionOptions, ConfigurationMeta, ConfigurationResponse, DistriEvent, ImagePart } from '@distri/core';
+import { Agent as Agent$1, DistriChatMessage, DistriBaseTool, ToolExecutionOptions, DistriMessage, DistriPart, AgentDefinition, DistriThread, ThreadListParams, AgentUsageInfo, DistriFnTool, ToolCall, ToolResult, PlanStep, DistriConfiguration, DistriClient, DistriClientConfig, SpeechToTextConfig, StreamingTranscriptionOptions, ConfigurationMeta, ConfigurationResponse, DistriEvent, ImagePart } from '@distri/core';
 import * as React$1 from 'react';
 import React__default, { ReactNode } from 'react';
 import * as zustand from 'zustand';
@@ -61,17 +61,37 @@ declare function useAgentDefinitions(): UseAgentsResult;
 
 interface UseThreadsResult {
     threads: DistriThread[];
+    total: number;
+    page: number;
+    pageSize: number;
     loading: boolean;
     error: Error | null;
+    params: ThreadListParams;
+    setParams: (params: ThreadListParams) => void;
     refetch: () => Promise<void>;
     deleteThread: (threadId: string) => Promise<void>;
     fetchThread: (threadId: string) => Promise<DistriThread>;
     updateThread: (threadId: string, localId?: string) => Promise<void>;
+    nextPage: () => void;
+    prevPage: () => void;
+    goToPage: (page: number) => void;
+    setPageSize: (size: number) => void;
 }
 interface UseThreadsOptions {
     enabled?: boolean;
+    initialParams?: ThreadListParams;
 }
 declare function useThreads(options?: UseThreadsOptions): UseThreadsResult;
+/**
+ * Hook to get agents sorted by usage (thread count)
+ */
+interface UseAgentsByUsageResult {
+    agents: AgentUsageInfo[];
+    loading: boolean;
+    error: Error | null;
+    refetch: () => Promise<void>;
+}
+declare function useAgentsByUsage(): UseAgentsByUsageResult;
 interface UseThreadMessagesOptions {
     threadId: string | null;
 }
@@ -212,9 +232,9 @@ interface ChatState {
     wrapOptions?: {
         autoExecute?: boolean;
     };
-    browserFrame?: string;
-    browserFrameFormat?: string;
-    browserFrameUpdatedAt?: number;
+    browserSessionId?: string;
+    browserViewerUrl?: string;
+    browserStreamUrl?: string;
 }
 type ChatStateTool = DistriAnyTool & {
     executionType: 'backend' | 'external';
@@ -226,12 +246,12 @@ interface ChatStateStore extends ChatState {
     setDebug: (debug: boolean) => void;
     setStreamingIndicator: (indicator: StreamingIndicator | undefined) => void;
     setCurrentThought: (thought: string | undefined) => void;
-    setBrowserFrame: (frameSrc: string, format?: string) => void;
+    setBrowserSession: (sessionId: string, viewerUrl?: string, streamUrl?: string) => void;
+    clearBrowserSession: () => void;
     addMessage: (message: DistriChatMessage) => void;
     processMessage: (message: DistriChatMessage, isFromStream?: boolean) => void;
     clearAllStates: () => void;
     clearTask: (taskId: string) => void;
-    clearBrowserFrame: () => void;
     getToolByName: (toolName: string) => ChatStateTool | undefined;
     completeRunningSteps: () => void;
     resetStreamingStates: () => void;
@@ -407,6 +427,12 @@ interface AppSidebarProps {
 }
 declare function AppSidebar({ selectedThreadId, currentPage, onNewChat, onThreadSelect, onThreadDelete, onThreadRename, onLogoClick, onPageChange, }: AppSidebarProps): react_jsx_runtime.JSX.Element;
 
+declare global {
+    interface Window {
+        CodeMirror?: any;
+        __distriCodeMirrorLoader?: Promise<void>;
+    }
+}
 interface AttachedImage {
     id: string;
     file: File;
@@ -419,6 +445,10 @@ interface ChatInputProps {
     onSend: (content: string | DistriPart[]) => void;
     onStop?: () => void;
     browserEnabled?: boolean;
+    /** Whether browser has an active session (used for highlighting) */
+    browserHasSession?: boolean;
+    /** Whether browser session is being created */
+    browserLoading?: boolean;
     onToggleBrowser?: (enabled: boolean) => void;
     placeholder?: string;
     disabled?: boolean;
@@ -458,7 +488,8 @@ declare const BrowserPreviewPanel: React__default.FC<BrowserPreviewPanelProps>;
 interface BrowserViewportProps {
     className?: string;
     emptyState?: React__default.ReactNode;
-    showTimestamp?: boolean;
+    /** Optional custom viewer URL override */
+    viewerUrl?: string;
 }
 declare const BrowserViewport: React__default.FC<BrowserViewportProps>;
 
@@ -501,6 +532,22 @@ interface DistriProviderProps {
     config: DistriClientConfig;
     children: ReactNode;
     defaultTheme?: 'dark' | 'light' | 'system';
+    /**
+     * Set to false while waiting for auth token from backend.
+     * When false, isLoading will be true and hooks will wait.
+     * Defaults to true (auth is ready).
+     *
+     * @example
+     * // Backend token loading
+     * const [token, setToken] = useState<string | null>(null);
+     * useEffect(() => { fetchToken().then(setToken); }, []);
+     *
+     * <DistriProvider
+     *   config={{ ...config, accessToken: token }}
+     *   authReady={token !== null}
+     * />
+     */
+    authReady?: boolean;
 }
 /**
  * Core provider for Distri SDK. Initializes the DistriClient and handles authentication.
@@ -861,4 +908,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 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, useChat, useChatMessages, useChatStateStore, useConfiguration, useDistri, useDistriAuth, useDistriToken, useSidebar, useSpeechToText, useTheme, useThreads, useTts, wrapFnToolAsUiTool, wrapTools };
+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 };