@foris/ai-agent 1.0.0 → 1.0.2

package/dist/components/ai-elements/artifact.d.ts

@@ -1,4 +1,4 @@
-import { Button } from '../ui/button';
+import { Button } from "@/components/ui/button";
 import { type LucideIcon } from "lucide-react";
 import type { ComponentProps, HTMLAttributes } from "react";
 export type ArtifactProps = HTMLAttributes<HTMLDivElement>;

package/dist/components/ai-elements/chain-of-thought.d.ts

@@ -1,5 +1,5 @@
-import { Badge } from '../ui/badge';
-import { CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible';
+import { Badge } from "@/components/ui/badge";
+import { CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible";
 import { type LucideIcon } from "lucide-react";
 import type { ComponentProps, ReactNode } from "react";
 export type ChainOfThoughtProps = ComponentProps<"div"> & {

package/dist/components/ai-elements/checkpoint.d.ts

@@ -1,10 +1,10 @@
-import { Button } from '../ui/button';
+import { Button } from "@/components/ui/button";
 import { type LucideProps } from "lucide-react";
 import type { ComponentProps, HTMLAttributes } from "react";
 export type CheckpointProps = HTMLAttributes<HTMLDivElement>;
 export declare const Checkpoint: ({ className, children, ...props }: CheckpointProps) => import("react/jsx-runtime").JSX.Element;
 export type CheckpointIconProps = LucideProps;
-export declare const CheckpointIcon: ({ className, children, ...props }: CheckpointIconProps) => string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode>;
+export declare const CheckpointIcon: ({ className, children, ...props }: CheckpointIconProps) => string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element;
 export type CheckpointTriggerProps = ComponentProps<typeof Button> & {
     tooltip?: string;
 };

package/dist/components/ai-elements/code-block.d.ts

@@ -1,4 +1,4 @@
-import { Button } from '../ui/button';
+import { Button } from '@/components/ui/button';
 import { type ComponentProps, type HTMLAttributes } from 'react';
 /** Languages supported by the code block (subset bundled for single-file output) */
 export type CodeBlockLanguage = 'json' | 'typescript' | 'ts' | 'javascript' | 'js' | 'markdown' | 'md' | 'html' | 'css' | 'python' | 'py' | 'yaml' | 'yml' | 'rust' | 'rs' | 'go' | 'csharp' | 'cs' | 'sql' | 'shellscript' | 'sh' | 'bash' | 'toml';
@@ -11,6 +11,11 @@ type CodeBlockContextType = {
     code: string;
 };
 export declare const CodeBlockContext: import("react").Context<CodeBlockContextType>;
+/** Returns the editor background/foreground for the active Shiki theme. */
+export declare function getAiCodeColors(appearance: 'light' | 'dark'): {
+    bg: string;
+    fg: string;
+};
 export declare function highlightCode(code: string, language: CodeBlockLanguage, showLineNumbers?: boolean): Promise<[string, string]>;
 export declare const CodeBlock: ({ code, language, showLineNumbers, className, children, ...props }: CodeBlockProps) => import("react/jsx-runtime").JSX.Element;
 export type CodeBlockCopyButtonProps = ComponentProps<typeof Button> & {

package/dist/components/ai-elements/confirmation.d.ts

@@ -1,5 +1,5 @@
-import { Alert, AlertDescription } from '../ui/alert';
-import { Button } from '../ui/button';
+import { Alert, AlertDescription } from "@/components/ui/alert";
+import { Button } from "@/components/ui/button";
 import type { ToolUIPart } from "ai";
 import { type ComponentProps, type ReactNode } from "react";
 type ToolUIPartApproval = {

package/dist/components/ai-elements/context.d.ts

@@ -1,5 +1,5 @@
-import { Button } from '../ui/button';
-import { HoverCard, HoverCardContent } from '../ui/hover-card';
+import { Button } from "@/components/ui/button";
+import { HoverCard, HoverCardContent } from "@/components/ui/hover-card";
 import type { LanguageModelUsage } from "ai";
 import { type ComponentProps } from "react";
 type ModelId = string;
@@ -22,11 +22,11 @@ export declare const ContextContentBody: ({ children, className, ...props }: Con
 export type ContextContentFooterProps = ComponentProps<"div">;
 export declare const ContextContentFooter: ({ children, className, ...props }: ContextContentFooterProps) => import("react/jsx-runtime").JSX.Element;
 export type ContextInputUsageProps = ComponentProps<"div">;
-export declare const ContextInputUsage: ({ className, children, ...props }: ContextInputUsageProps) => string | number | true | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | null;
+export declare const ContextInputUsage: ({ className, children, ...props }: ContextInputUsageProps) => string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
 export type ContextOutputUsageProps = ComponentProps<"div">;
-export declare const ContextOutputUsage: ({ className, children, ...props }: ContextOutputUsageProps) => string | number | true | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | null;
+export declare const ContextOutputUsage: ({ className, children, ...props }: ContextOutputUsageProps) => string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
 export type ContextReasoningUsageProps = ComponentProps<"div">;
-export declare const ContextReasoningUsage: ({ className, children, ...props }: ContextReasoningUsageProps) => string | number | true | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | null;
+export declare const ContextReasoningUsage: ({ className, children, ...props }: ContextReasoningUsageProps) => string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
 export type ContextCacheUsageProps = ComponentProps<"div">;
-export declare const ContextCacheUsage: ({ className, children, ...props }: ContextCacheUsageProps) => string | number | true | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | null;
+export declare const ContextCacheUsage: ({ className, children, ...props }: ContextCacheUsageProps) => string | number | true | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/components/ai-elements/conversation.d.ts

@@ -1,4 +1,4 @@
-import { Button } from '../ui/button';
+import { Button } from '@/components/ui/button';
 import type { ComponentProps } from 'react';
 import { StickToBottom } from 'use-stick-to-bottom';
 export type ConversationProps = ComponentProps<typeof StickToBottom> & {

package/dist/components/ai-elements/inline-citation.d.ts

@@ -1,6 +1,6 @@
-import { Badge } from '../ui/badge';
-import { Carousel } from '../ui/carousel';
-import { HoverCard } from '../ui/hover-card';
+import { Badge } from "@/components/ui/badge";
+import { Carousel } from "@/components/ui/carousel";
+import { HoverCard } from "@/components/ui/hover-card";
 import { type ComponentProps } from "react";
 export type InlineCitationProps = ComponentProps<"span">;
 export declare const InlineCitation: ({ className, ...props }: InlineCitationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ai-elements/message-code-block.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const PreWrapper: ({ children }: {
     children: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
@@ -11,4 +11,4 @@ export type MessageCodeBlockProps = React.ComponentProps<'code'>;
  * react-markdown v10 removed the `inline` prop. We use a Context set by
  * PreWrapper to distinguish block code (inside <pre>) from inline code.
  */
-export declare const MessageCodeBlock: import("react").MemoExoticComponent<({ className, children, ...props }: MessageCodeBlockProps) => import("react/jsx-runtime").JSX.Element>;
+export declare const MessageCodeBlock: React.MemoExoticComponent<({ className, children, ...props }: MessageCodeBlockProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/ai-elements/message.d.ts

@@ -1,4 +1,4 @@
-import { Button } from '../ui/button';
+import { Button } from '@/components/ui/button';
 import type { FileUIPart, UIMessage } from 'ai';
 import type { ComponentProps, HTMLAttributes } from 'react';
 import { StreamingMarkdown } from './streaming-markdown';

package/dist/components/ai-elements/model-selector.d.ts

@@ -1,5 +1,5 @@
-import { CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from '../ui/command';
-import { Dialog, DialogContent, DialogTrigger } from '../ui/dialog';
+import { CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "@/components/ui/command";
+import { Dialog, DialogContent, DialogTrigger } from "@/components/ui/dialog";
 import type { ComponentProps, ReactNode } from "react";
 export type ModelSelectorProps = ComponentProps<typeof Dialog>;
 export declare const ModelSelector: (props: ModelSelectorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ai-elements/node.d.ts

@@ -1,4 +1,4 @@
-import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from '../ui/card';
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card";
 import type { ComponentProps } from "react";
 export type NodeProps = ComponentProps<typeof Card> & {
     handles: {

package/dist/components/ai-elements/open-in-chat.d.ts

@@ -1,4 +1,4 @@
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from '../ui/dropdown-menu';
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "@/components/ui/dropdown-menu";
 import { type ComponentProps } from "react";
 export type OpenInProps = ComponentProps<typeof DropdownMenu> & {
     query: string;

package/dist/components/ai-elements/plan.d.ts

@@ -1,5 +1,5 @@
-import { CardAction, CardContent, CardDescription, CardHeader, CardTitle } from '../ui/card';
-import { Collapsible, CollapsibleTrigger } from '../ui/collapsible';
+import { CardAction, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
+import { Collapsible, CollapsibleTrigger } from "@/components/ui/collapsible";
 import type { ComponentProps } from "react";
 export type PlanProps = ComponentProps<typeof Collapsible> & {
     isStreaming?: boolean;

package/dist/components/ai-elements/prompt-input.d.ts

@@ -1,8 +1,8 @@
-import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from '../ui/command';
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem } from '../ui/dropdown-menu';
-import { HoverCard, HoverCardContent, HoverCardTrigger } from '../ui/hover-card';
-import { InputGroupAddon, InputGroupButton, InputGroupTextarea } from '../ui/input-group';
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '../ui/select';
+import { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator } from "@/components/ui/command";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem } from "@/components/ui/dropdown-menu";
+import { HoverCard, HoverCardContent, HoverCardTrigger } from "@/components/ui/hover-card";
+import { InputGroupAddon, InputGroupButton, InputGroupTextarea } from "@/components/ui/input-group";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select";
 import type { ChatStatus, FileUIPart } from "ai";
 import { type ComponentProps, type FormEvent, type HTMLAttributes, type PropsWithChildren, type ReactNode, type RefObject } from "react";
 export type AttachmentsContext = {

package/dist/components/ai-elements/queue.d.ts

@@ -1,6 +1,6 @@
-import { Button } from '../ui/button';
-import { Collapsible, CollapsibleContent } from '../ui/collapsible';
-import { ScrollArea } from '../ui/scroll-area';
+import { Button } from "@/components/ui/button";
+import { Collapsible, CollapsibleContent } from "@/components/ui/collapsible";
+import { ScrollArea } from "@/components/ui/scroll-area";
 import type { ComponentProps } from "react";
 export type QueueMessagePart = {
     type: string;

package/dist/components/ai-elements/reasoning.d.ts

@@ -1,4 +1,4 @@
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible";
 import type { ComponentProps, ReactNode } from "react";
 type ReasoningContextValue = {
     isStreaming: boolean;

package/dist/components/ai-elements/sources.d.ts

@@ -1,4 +1,4 @@
-import { CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible';
+import { CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible";
 import type { ComponentProps } from "react";
 export type SourcesProps = ComponentProps<"div">;
 export declare const Sources: ({ className, ...props }: SourcesProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ai-elements/suggestion.d.ts

@@ -1,5 +1,5 @@
-import { Button } from '../ui/button';
-import { ScrollArea } from '../ui/scroll-area';
+import { Button } from "@/components/ui/button";
+import { ScrollArea } from "@/components/ui/scroll-area";
 import type { ComponentProps } from "react";
 export type SuggestionsProps = ComponentProps<typeof ScrollArea>;
 export declare const Suggestions: ({ className, children, ...props }: SuggestionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ai-elements/task.d.ts

@@ -1,4 +1,4 @@
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from '../ui/collapsible';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible";
 import type { ComponentProps } from "react";
 export type TaskItemFileProps = ComponentProps<"div">;
 export declare const TaskItemFile: ({ children, className, ...props }: TaskItemFileProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ai-elements/tool.d.ts

@@ -1,4 +1,4 @@
-import { Collapsible, CollapsibleContent } from '../ui/collapsible';
+import { Collapsible, CollapsibleContent } from '@/components/ui/collapsible';
 import type { ToolUIPart } from 'ai';
 import type { ComponentProps } from 'react';
 export type ToolProps = ComponentProps<typeof Collapsible>;

package/dist/components/ai-elements/web-preview.d.ts

@@ -1,5 +1,5 @@
-import { Button } from '../ui/button';
-import { Input } from '../ui/input';
+import { Button } from "@/components/ui/button";
+import { Input } from "@/components/ui/input";
 import type { ComponentProps, ReactNode } from "react";
 export type WebPreviewContextValue = {
     url: string;

package/dist/components/chat-panel/ChatPanel.d.ts

@@ -1,20 +1,42 @@
 import type { FC } from 'react';
+import { type AiAgentTheme, type ResolveSyntaxAppearanceFn } from '@/context/AiAgentThemeContext';
 import type { SuggestionType } from '../../types/chat';
 import type { DataSource } from '../../types/dataSource';
 export interface ChatPanelTranslations {
     title?: string;
     welcomeTitle?: string;
     welcomeDescription?: string;
+    suggestionsTitle?: string;
     placeholder?: string;
     disclaimer?: string;
+    clearChatTitle?: string;
+    clearChatDescription?: string;
+    clearChatConfirm?: string;
+    clearChatCancel?: string;
+    clearChatTooltipTitle?: string;
+    clearChatTooltipDescription?: string;
 }
 interface ChatPanelProps extends React.HTMLAttributes<HTMLDivElement> {
     dataSource: DataSource;
     className?: string;
     onClose?: () => void;
+    onMenuClick?: () => void;
     locale?: 'en' | 'es';
     translations?: ChatPanelTranslations;
     initialSuggestions?: SuggestionType[];
+    /** Host-controlled theme id. Defaults to `dark`. */
+    theme?: AiAgentTheme;
+    /** Optional mapper from theme id to syntax appearance (incl. CodeBlock Shiki light/dark). */
+    resolveSyntaxAppearance?: ResolveSyntaxAppearanceFn;
+    /** Called when the user toggles the expand/collapse button. The host can use this to drive `isExpanded` on the containing Drawer. */
+    onExpandedChange?: (expanded: boolean) => void;
+    /**
+     * When `true`, constrains width to the same formula as Drawer `contentWidth="default"`:
+     * `max-width: min(30vw, 507px)` and `min-width: 448px` (desktop). Does not change Drawer; use for standalone previews or hosts that do not wrap the panel in Drawer.
+     *
+     * @default false
+     */
+    viewportColumnWidth?: boolean;
 }
 export declare const ChatPanel: FC<ChatPanelProps>;
 export default ChatPanel;

package/dist/components/chat-panel/ChatPanelClearDialog.d.ts

@@ -0,0 +1,13 @@
+import type { FC } from 'react';
+interface ChatPanelClearDialogProps {
+    isOpen: boolean;
+    onOpenChange: (open: boolean) => void;
+    container: HTMLElement | null;
+    title: string;
+    description: string;
+    confirmLabel: string;
+    cancelLabel: string;
+    onConfirm: () => void;
+}
+declare const ChatPanelClearDialog: FC<ChatPanelClearDialogProps>;
+export default ChatPanelClearDialog;

package/dist/components/chat-panel/ChatPanelHeader.d.ts

@@ -4,6 +4,11 @@ interface ChatPanelHeaderProps {
     isExpanded: boolean;
     onToggleExpand: () => void;
     onClose?: () => void;
+    onMenuClick?: () => void;
+    onClearChat?: () => void;
+    clearChatTooltipTitle?: string;
+    clearChatTooltipDescription?: string;
+    isOverlay?: boolean;
 }
 declare const ChatPanelHeader: FC<ChatPanelHeaderProps>;
 export default ChatPanelHeader;

package/dist/components/chat-panel/ChatPanelWelcome.d.ts

@@ -3,8 +3,10 @@ import type { SuggestionType } from '../../types/chat';
 interface ChatPanelWelcomeProps {
     welcomeTitle: string;
     welcomeDescription: string;
+    suggestionsTitle?: string;
     suggestions: SuggestionType[];
     onSuggestionClick: (suggestion: SuggestionType) => void;
+    isOverlay?: boolean;
 }
 declare const ChatPanelWelcome: FC<ChatPanelWelcomeProps>;
 export default ChatPanelWelcome;

package/dist/components/chat-panel/index.d.ts

@@ -1,2 +1,3 @@
 export { ChatPanel, type ChatPanelTranslations } from './ChatPanel';
 export type { SuggestionType } from '../../types/chat';
+export type { AiAgentTheme, SyntaxAppearance, ResolveSyntaxAppearanceFn, } from '../../context/AiAgentThemeContext';

package/dist/components/chat-panel/locale/en.json.d.ts

@@ -2,8 +2,15 @@ declare const _default: {
   "title": "Foris Agent",
   "welcomeTitle": "How can I help you?",
   "welcomeDescription": "Choose a suggestion or ask me a question.",
+  "suggestionsTitle": "Suggestions",
   "placeholder": "Ask or create something...",
-  "disclaimer": "Foris AI may make mistakes. Verify the responses."
+  "disclaimer": "Foris AI may make mistakes. Verify the responses.",
+  "clearChatTitle": "Clear current conversation",
+  "clearChatDescription": "All messages will be deleted and the current context will be lost. This action cannot be undone.",
+  "clearChatConfirm": "Clear conversation",
+  "clearChatCancel": "Cancel",
+  "clearChatTooltipTitle": "Clear current conversation",
+  "clearChatTooltipDescription": "The current conversation context will be lost."
 }
 ;
 

package/dist/components/chat-panel/locale/es.json.d.ts

@@ -2,8 +2,15 @@ declare const _default: {
   "title": "Foris Agent",
   "welcomeTitle": "¿Cómo puedo ayudarte?",
   "welcomeDescription": "Puedes elegir una sugerencia o hacerme una pregunta.",
+  "suggestionsTitle": "Sugerencias",
   "placeholder": "Pregunta o crea algo...",
-  "disclaimer": "Foris AI puede cometer errores. Verifica sus respuestas."
+  "disclaimer": "Foris AI puede cometer errores. Verifica sus respuestas.",
+  "clearChatTitle": "Limpiar conversación actual",
+  "clearChatDescription": "Se borrarán todos los mensajes y se perderá el contexto actual. Esta acción no se puede deshacer.",
+  "clearChatConfirm": "Limpiar conversación",
+  "clearChatCancel": "Cancelar",
+  "clearChatTooltipTitle": "Limpiar conversación actual",
+  "clearChatTooltipDescription": "Se perderá el contexto actual de la conversación."
 }
 ;
 

package/dist/components/ui/button-group.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { type VariantProps } from "class-variance-authority";
-import { Separator } from './separator';
+import { Separator } from "@/components/ui/separator";
 declare const buttonGroupVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/ui/button.d.ts

@@ -1,7 +1,7 @@
 import * as React from "react";
 import { type VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {

package/dist/components/ui/carousel.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import useEmblaCarousel, { type UseEmblaCarouselType } from "embla-carousel-react";
-import { Button } from './button';
+import { Button } from "@/components/ui/button";
 type CarouselApi = UseEmblaCarouselType[1];
 type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
 type CarouselOptions = UseCarouselParameters[0];

package/dist/components/ui/command.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { Command as CommandPrimitive } from "cmdk";
-import { Dialog } from './dialog';
+import { Dialog } from "@/components/ui/dialog";
 declare function Command({ className, ...props }: React.ComponentProps<typeof CommandPrimitive>): import("react/jsx-runtime").JSX.Element;
 declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
     title?: string;

package/dist/components/ui/dialog.d.ts

@@ -5,8 +5,9 @@ declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogP
 declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
 declare function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
 declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
-declare function DialogContent({ className, children, showCloseButton, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
+declare function DialogContent({ className, children, showCloseButton, container, ...props }: React.ComponentProps<typeof DialogPrimitive.Content> & {
     showCloseButton?: boolean;
+    container?: HTMLElement | null;
 }): import("react/jsx-runtime").JSX.Element;
 declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
 declare function DialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/input-group.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
-import { Button } from './button';
+import { Button } from '@/components/ui/button';
 declare function InputGroup({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
     align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;

package/dist/context/AiAgentThemeContext.d.ts

@@ -0,0 +1,23 @@
+import { type ReactNode } from 'react';
+/** Extensible theme id supplied by the host (documented values: `light`, `dark`). */
+export type AiAgentTheme = string;
+/** Binary pipeline for Shiki and similar highlighters. */
+export type SyntaxAppearance = 'light' | 'dark';
+export type ResolveSyntaxAppearanceFn = (theme: AiAgentTheme) => SyntaxAppearance;
+export declare function defaultResolveSyntaxAppearance(theme: AiAgentTheme): SyntaxAppearance;
+export interface AiAgentThemeContextValue {
+    theme: AiAgentTheme;
+    syntaxAppearance: SyntaxAppearance;
+}
+/** @internal Consumed by components that need an optional fallback outside the provider. */
+export declare const AiAgentThemeContext: import("react").Context<AiAgentThemeContextValue | null>;
+export interface AiAgentThemeProviderProps {
+    children: ReactNode;
+    /** Host-controlled theme id. Defaults to `light` when omitted. */
+    theme?: AiAgentTheme;
+    /** Maps theme ids to Shiki light/dark pipeline; defaults to {@link defaultResolveSyntaxAppearance}. */
+    resolveSyntaxAppearance?: ResolveSyntaxAppearanceFn;
+}
+export declare function AiAgentThemeProvider({ children, theme: themeProp, resolveSyntaxAppearance: resolveSyntaxAppearanceProp, }: AiAgentThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+/** Internal: theme context for ai-agent components. Not part of the public package API. */
+export declare function useAiAgentTheme(): AiAgentThemeContextValue;

package/dist/context/ChatSessionContext.d.ts

@@ -0,0 +1,20 @@
+import { type Dispatch, type ReactNode, type SetStateAction } from 'react';
+import type { ChatMessage } from '../types/chat';
+export interface ChatSessionContextValue {
+    messages: ChatMessage[];
+    setMessages: Dispatch<SetStateAction<ChatMessage[]>>;
+}
+export interface ChatSessionProviderProps {
+    children: ReactNode;
+}
+/**
+ * Holds chat message state above surfaces that mount/unmount ChatPanel
+ * (e.g. drawers). Descendant useChat calls use this state instead of local state.
+ */
+export declare function ChatSessionProvider({ children }: ChatSessionProviderProps): import("react/jsx-runtime").JSX.Element;
+/** Used by useChat; prefer useChatSession when the provider is required. */
+export declare function useChatSessionOptional(): ChatSessionContextValue | null;
+/**
+ * Access to shared session state. Requires an ancestor {@link ChatSessionProvider}.
+ */
+export declare function useChatSession(): ChatSessionContextValue;

package/dist/hooks/useChat.d.ts

@@ -10,4 +10,5 @@ export interface OnSubmitProps {
 export declare const useChat: (api: string, headers?: Record<string, string>, apiManager?: ApiManager) => {
     onSubmit: ({ params, input, abortRef }: OnSubmitProps) => Promise<void>;
     messages: ChatMessage[];
+    clearMessages: () => void;
 };

package/dist/hooks/useChatSubmit.d.ts

@@ -1,14 +1,16 @@
 /// <reference types="react" />
 import { type PromptInputMessage } from '../components/ai-elements/prompt-input';
-import { type OnSubmitProps } from './useChat';
+import type { ChatMessage } from '../types/chat';
 import type { DataSource } from '../types/dataSource';
+import { type OnSubmitProps } from './useChat';
 interface UseChatSubmitOptions {
     dataSource: DataSource;
+    messages: ChatMessage[];
     onSubmit: (props: OnSubmitProps) => Promise<void>;
     resetUserScrolling: () => void;
     scrollToBottom: (immediate?: boolean) => void;
 }
-export declare const useChatSubmit: ({ dataSource, onSubmit, resetUserScrolling, scrollToBottom, }: UseChatSubmitOptions) => {
+export declare const useChatSubmit: ({ dataSource, messages, onSubmit, resetUserScrolling, scrollToBottom, }: UseChatSubmitOptions) => {
     input: string;
     setInput: import("react").Dispatch<import("react").SetStateAction<string>>;
     isLoadingMessage: boolean;

package/dist/index.d.ts

@@ -1,4 +1,5 @@
-export { ChatPanel, type ChatPanelTranslations, type SuggestionType, } from './components/chat-panel';
+export { ChatPanel, type ChatPanelTranslations, type SuggestionType, type AiAgentTheme, type SyntaxAppearance, type ResolveSyntaxAppearanceFn, } from './components/chat-panel';
+export { ChatSessionProvider, useChatSession, useChatSessionOptional, type ChatSessionContextValue, type ChatSessionProviderProps, } from './context/ChatSessionContext';
 export { ChatPanelMenu } from './ai-chat-panel-menu';
 export { SummaryCard, type SummaryCardProps, type SummaryCardTranslations, type SupportedLocale, } from './components/summary-card';
 export { PromptCodeEditor } from './ai-prompt-code-editor';