flowcloudai-ui 0.1.0 → 0.1.2

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import React__default, { ReactNode, ComponentType } from 'react';
+import * as React$1 from 'react';
+import React__default, { ReactNode, ComponentType, MouseEvent, CSSProperties } from 'react';
 
 type Theme = 'light' | 'dark' | 'system';
 interface ThemeContextType {
@@ -18,11 +18,14 @@ declare function ThemeProvider({ children, defaultTheme, target }: Props): react
 
 type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'success' | 'warning';
 type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+type ButtonRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement> {
     /** 按钮变体 */
     variant?: ButtonVariant;
     /** 尺寸 */
     size?: ButtonSize;
+    /** 圆角大小，不传则跟随 size 默认值 */
+    radius?: ButtonRadius;
     /** 是否禁用 */
     disabled?: boolean;
     /** 加载状态 */
@@ -34,29 +37,58 @@ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /** 仅图标模式 */
     iconOnly?: boolean;
     /** 左侧图标 */
-    iconLeft?: React.ReactNode;
+    iconLeft?: React$1.ReactNode;
     /** 右侧图标 */
-    iconRight?: React.ReactNode;
+    iconRight?: React$1.ReactNode;
+    /** 默认背景色 */
+    background?: string;
+    /** hover 背景色 */
+    hoverBackground?: string;
+    /** active 背景色 */
+    activeBackground?: string;
+    /** 默认文字色 */
+    color?: string;
+    /** hover 文字色 */
+    hoverColor?: string;
+    /** active 文字色 */
+    activeColor?: string;
+    /** 默认边框色 */
+    borderColor?: string;
+    /** hover 边框色 */
+    hoverBorderColor?: string;
 }
-declare function Button({ variant, size, disabled, loading, block, circle, iconOnly, iconLeft, iconRight, className, children, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
-interface ButtonGroupProps extends React.HTMLAttributes<HTMLDivElement> {
-    children: React.ReactNode;
+declare function Button({ variant, size, radius, disabled, loading, block, circle, iconOnly, iconLeft, iconRight, background, hoverBackground, activeBackground, color, hoverColor, activeColor, borderColor, hoverBorderColor, className, style, children, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
+interface ButtonGroupProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    children: React$1.ReactNode;
 }
 declare function ButtonGroup({ children, className, ...props }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
-interface ButtonToolbarProps extends React.HTMLAttributes<HTMLDivElement> {
-    children: React.ReactNode;
+interface ButtonToolbarProps extends React$1.HTMLAttributes<HTMLDivElement> {
+    children: React$1.ReactNode;
     align?: 'left' | 'center' | 'right' | 'between';
 }
 declare function ButtonToolbar({ children, align, className, ...props }: ButtonToolbarProps): react_jsx_runtime.JSX.Element;
 
+type CheckButtonRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
 interface CheckButtonBase {
     onChange?: (checked: boolean) => void;
     disabled?: boolean;
     size?: 'sm' | 'md' | 'lg';
+    /** 轨道圆角，默认 full（胶囊形） */
+    radius?: CheckButtonRadius;
     labelLeft?: string;
     labelRight?: string;
     className?: string;
-    style?: React.CSSProperties;
+    style?: React$1.CSSProperties;
+    /** 未选中时轨道背景色 */
+    trackBackground?: string;
+    /** 选中时轨道背景色 */
+    checkedTrackBackground?: string;
+    /** 滑块背景色 */
+    thumbBackground?: string;
+    /** 滑块内部装饰色（选中时） */
+    thumbDotColor?: string;
+    /** 标签文字色 */
+    labelColor?: string;
 }
 interface ControlledCheckButton extends CheckButtonBase {
     checked: boolean;
@@ -67,11 +99,11 @@ interface UncontrolledCheckButton extends CheckButtonBase {
     defaultChecked?: boolean;
 }
 type CheckButtonProps = ControlledCheckButton | UncontrolledCheckButton;
-declare function CheckButton({ checked: controlledChecked, defaultChecked, onChange, disabled, size, labelLeft, labelRight, className, style, }: CheckButtonProps): react_jsx_runtime.JSX.Element;
+declare function CheckButton({ checked: controlledChecked, defaultChecked, onChange, disabled, size, radius, labelLeft, labelRight, trackBackground, checkedTrackBackground, thumbBackground, thumbDotColor, labelColor, className, style, }: CheckButtonProps): react_jsx_runtime.JSX.Element;
 
 type ShowThumb = 'auto' | 'hide' | 'show';
 type ThumbSize = 'thin' | 'normal' | 'thick';
-interface RollingBoxProps extends React.HTMLAttributes<HTMLDivElement> {
+interface RollingBoxProps extends React$1.HTMLAttributes<HTMLDivElement> {
     /** 滚动条显示模式 */
     showThumb?: ShowThumb;
     /** 水平滚动 */
@@ -83,50 +115,80 @@ interface RollingBoxProps extends React.HTMLAttributes<HTMLDivElement> {
     /** 是否显示滚动轨道 */
     showTrack?: boolean;
     /** 内容 */
-    children: React.ReactNode;
+    children: React$1.ReactNode;
+    /** 滚动条颜色（show 模式下生效） */
+    thumbColor?: string;
+    /** hover 时滚动条颜色（auto 模式下生效） */
+    thumbHoverColor?: string;
+    /** 滚动中滚动条颜色（auto 模式下生效） */
+    thumbActiveColor?: string;
+    /** 轨道背景色（showTrack=true 时生效） */
+    trackColor?: string;
 }
-declare function RollingBox({ showThumb, horizontal, vertical, thumbSize, showTrack, children, className, ...props }: RollingBoxProps): react_jsx_runtime.JSX.Element;
+declare function RollingBox({ showThumb, horizontal, vertical, thumbSize, showTrack, children, className, thumbColor, thumbHoverColor, thumbActiveColor, trackColor, style, ...props }: RollingBoxProps): react_jsx_runtime.JSX.Element;
 
-interface MenuItem {
+interface SideBarItem {
+    /** 唯一标识 */
     key: string;
+    /** 显示文字（非折叠时显示，折叠时隐藏） */
     label: string;
-    icon?: React.ReactNode;
-    children?: MenuItem[];
+    /** 图标，推荐传入 SVG 元素或 ReactNode */
+    icon?: React__default.ReactNode;
+    /** 是否禁用 */
     disabled?: boolean;
+    /** 链接地址，有值时渲染为 <a> */
     href?: string;
 }
 interface SideBarProps {
-    items: MenuItem[];
-    selectedKeys?: string[];
-    defaultSelectedKeys?: string[];
-    openKeys?: string[];
-    defaultOpenKeys?: string[];
-    onSelect?: (keys: string[]) => void;
-    onOpenChange?: (keys: string[]) => void;
-    collapsed?: boolean;
-    defaultCollapsed?: boolean;
-    onCollapse?: (collapsed: boolean) => void;
-    className?: string;
+    /** 菜单项列表（受控） */
+    items: SideBarItem[];
+    /** 底部固定菜单项（如设置、退出），始终显示在侧边栏底部 */
+    bottomItems?: SideBarItem[];
+    /** 当前选中的 key（受控） */
+    selectedKey: string;
+    /** 是否折叠（受控） */
+    collapsed: boolean;
+    /** 展开时宽度，默认 240 */
     width?: number;
+    /** 折叠时宽度，默认 64 */
     collapsedWidth?: number;
+    /** 选中项变更 */
+    onSelect: (key: string) => void;
+    /** 折叠状态变更 */
+    onCollapse: (collapsed: boolean) => void;
+    /**
+     * 可覆盖的 CSS Variables（在 style 中设置）：
+     * --sidebar-item-color          默认文字色
+     * --sidebar-item-bg             默认背景色
+     * --sidebar-item-hover-color    hover 文字色
+     * --sidebar-item-hover-bg       hover 背景色
+     * --sidebar-item-selected-color 选中文字色
+     * --sidebar-item-selected-bg    选中背景色
+     */
+    className?: string;
+    style?: React__default.CSSProperties;
 }
-declare function SideBar({ items, selectedKeys: controlledSelected, defaultSelectedKeys, openKeys: controlledOpen, defaultOpenKeys, onSelect, onOpenChange, collapsed: controlledCollapsed, defaultCollapsed, onCollapse, className, width, collapsedWidth, }: SideBarProps): react_jsx_runtime.JSX.Element;
+declare const SideBar: React__default.NamedExoticComponent<SideBarProps>;
 
 type InputSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type InputStatus = 'default' | 'error' | 'warning' | 'success';
-interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix'> {
+type InputRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+interface InputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'onChange'> {
     size?: InputSize;
     status?: InputStatus;
-    prefix?: React.ReactNode;
-    suffix?: React.ReactNode;
+    /** 圆角大小，不传则使用默认值 md */
+    radius?: InputRadius;
+    prefix?: React$1.ReactNode;
+    suffix?: React$1.ReactNode;
     allowClear?: boolean;
     passwordToggle?: boolean;
-    addonBefore?: React.ReactNode;
-    addonAfter?: React.ReactNode;
+    addonBefore?: React$1.ReactNode;
+    addonAfter?: React$1.ReactNode;
     helperText?: string;
+    onChange?: (value: string) => void;
     onClear?: () => void;
 }
-declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
 
 type SliderValue = number | [number, number];
 type SliderOrientation = 'horizontal' | 'vertical';
@@ -143,8 +205,17 @@ interface SliderProps {
     marks?: Record<number, string>;
     tooltip?: boolean;
     className?: string;
+    style?: React$1.CSSProperties;
+    trackBackground?: string;
+    fillBackground?: string;
+    thumbBackground?: string;
+    thumbBorderColor?: string;
+    markDotColor?: string;
+    markLabelColor?: string;
+    tooltipBackground?: string;
+    tooltipColor?: string;
 }
-declare function Slider({ value: controlledValue, defaultValue, onChange, min, max, step, range, orientation, disabled, marks, tooltip, className, }: SliderProps): react_jsx_runtime.JSX.Element;
+declare function Slider({ value: controlledValue, defaultValue, onChange, min, max, step, range, orientation, disabled, marks, tooltip, className, style, trackBackground, fillBackground, thumbBackground, thumbBorderColor, markDotColor, markLabelColor, tooltipBackground, tooltipColor, }: SliderProps): react_jsx_runtime.JSX.Element;
 
 interface SelectOption {
     value: string | number;
@@ -152,21 +223,35 @@ interface SelectOption {
     disabled?: boolean;
     group?: string;
 }
+type SelectRadius = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
 interface SelectProps {
     options: SelectOption[];
     value?: string | number | (string | number)[];
     defaultValue?: string | number | (string | number)[];
-    onChange?: (value: any) => void;
+    onChange?: (value: string | number | (string | number)[]) => void;
     placeholder?: string;
     searchable?: boolean;
     multiple?: boolean;
     disabled?: boolean;
+    /** 圆角大小，触发器和下拉框同步改变 */
+    radius?: SelectRadius;
     className?: string;
+    style?: React$1.CSSProperties;
     virtualScroll?: boolean;
     virtualItemHeight?: number;
     maxHeight?: number;
+    /** 触发器背景色 */
+    triggerBackground?: string;
+    /** 触发器边框色 */
+    triggerBorderColor?: string;
+    /** 已选项文字色 */
+    selectedColor?: string;
+    /** 已选项背景色 */
+    selectedBackground?: string;
+    /** hover / 键盘高亮背景色 */
+    hoverBackground?: string;
 }
-declare function Select({ options, value: controlledValue, defaultValue, onChange, placeholder, searchable, multiple, disabled, className, virtualScroll, virtualItemHeight, maxHeight }: SelectProps): react_jsx_runtime.JSX.Element;
+declare function Select({ options, value: controlledValue, defaultValue, onChange, placeholder, searchable, multiple, disabled, radius, className, style, virtualScroll, virtualItemHeight, maxHeight, triggerBackground, triggerBorderColor, selectedColor, selectedBackground, hoverBackground, }: SelectProps): react_jsx_runtime.JSX.Element;
 
 interface FlatCategory {
     id: string;
@@ -231,38 +316,31 @@ interface OrphanDialogProps {
 }
 declare function OrphanDialog({ orphans, onResolve, onClose }: OrphanDialogProps): react_jsx_runtime.JSX.Element | null;
 
-type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type AvatarShape = 'circle' | 'square';
-type AvatarLoadState = 'idle' | 'loading' | 'loaded' | 'error';
-type AvatarColorVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'danger';
 interface AvatarProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, 'onError'> {
-    children?: React__default.ReactNode;
     src?: string;
     fallbackSrc?: string;
-    color?: string;
-    colorVariant?: AvatarColorVariant;
-    size?: AvatarSize;
+    size?: number | string;
     shape?: AvatarShape;
     alt?: string;
     lazyLoad?: boolean;
     onImageLoad?: () => void;
     onImageError?: (error?: Event) => void;
     bordered?: boolean;
-    onStateChange?: (state: AvatarLoadState) => void;
 }
 declare const Avatar: React__default.ForwardRefExoticComponent<AvatarProps & React__default.RefAttributes<HTMLDivElement>>;
 
-interface ListGroupItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
+interface ListGroupItemProps extends React$1.LiHTMLAttributes<HTMLLIElement> {
     active?: boolean;
     disabled?: boolean;
-    onClick?: (event: React.MouseEvent<HTMLLIElement>) => void;
+    onClick?: (event: React$1.MouseEvent<HTMLLIElement>) => void;
 }
-interface ListGroupProps extends React.HTMLAttributes<HTMLUListElement> {
+interface ListGroupProps extends React$1.HTMLAttributes<HTMLUListElement> {
     bordered?: boolean;
     flush?: boolean;
 }
-declare const ListGroupItem: React.ForwardRefExoticComponent<ListGroupItemProps & React.RefAttributes<HTMLLIElement>>;
-declare const ListGroup: React.ForwardRefExoticComponent<ListGroupProps & React.RefAttributes<HTMLUListElement>>;
+declare const ListGroupItem: React$1.ForwardRefExoticComponent<ListGroupItemProps & React$1.RefAttributes<HTMLLIElement>>;
+declare const ListGroup: React$1.ForwardRefExoticComponent<ListGroupProps & React$1.RefAttributes<HTMLUListElement>>;
 
 interface VirtualListProps<T = any> {
     /** 数据源 */
@@ -272,7 +350,7 @@ interface VirtualListProps<T = any> {
     /** 每项固定高度 */
     itemHeight: number;
     /** 渲染函数 */
-    renderItem: (item: T, index: number) => React.ReactNode;
+    renderItem: (item: T, index: number) => React$1.ReactNode;
     /** 容器类名 */
     className?: string;
     /** 滚动偏移量（预加载区域） */
@@ -282,23 +360,28 @@ interface VirtualListProps<T = any> {
     /** 滚动到底部回调 */
     onScrollEnd?: () => void;
     /** 容器样式 */
-    style?: React.CSSProperties;
+    style?: React$1.CSSProperties;
 }
 declare function VirtualList<T>({ data, height, itemHeight, renderItem, className, overscan, showScrollbar, onScrollEnd, style }: VirtualListProps<T>): react_jsx_runtime.JSX.Element;
 
 type AlertType = "success" | "error" | "warning" | "info";
+type AlertMode = "alert" | "confirm" | "toast";
 type AlertProps = {
     msg: string;
     type: AlertType;
+    mode: AlertMode;
     visible: boolean;
-    confirm?: boolean;
+    duration?: number;
     choice: (res: string) => void;
 };
-declare function AlertProvider({ children }: {
+interface AlertProviderProps {
     children: ReactNode;
-}): react_jsx_runtime.JSX.Element;
+    background?: string;
+    borderColor?: string;
+}
+declare function AlertProvider({ children, background, borderColor }: AlertProviderProps): react_jsx_runtime.JSX.Element;
 declare const useAlert: () => {
-    showAlert: (msg: string, type: AlertType, confirm?: boolean) => Promise<string>;
+    showAlert: (msg: string, type: AlertType, mode?: AlertMode, duration?: number) => Promise<string>;
 };
 
 interface LazyLoadOptions {
@@ -340,51 +423,254 @@ interface CardProps {
 declare const Card: ({ image, imageSlot, imageHeight, title, description, actions, extraInfo, variant, hoverable, disabled, className, style, onClick, }: CardProps) => react_jsx_runtime.JSX.Element;
 
 interface TabItem {
+    /** 唯一标识 */
     key: string;
-    label: ReactNode;
-    content?: ReactNode;
+    /** 标签显示内容 */
+    label: React__default.ReactNode;
+    /** 是否禁用 */
     disabled?: boolean;
+    /** 是否可关闭（覆盖全局 closable） */
+    closable?: boolean;
 }
-interface TabsProps {
+interface TabBarProps {
+    /** Tab 列表（受控） */
     items: TabItem[];
-    activeKey?: string;
-    defaultActiveKey?: string;
+    /** 当前激活的 Tab key（受控） */
+    activeKey: string;
+    /**
+     * 布局变体
+     * - attached: 贴合模式 — 标签底部紧贴导航栏下边缘，底部线条作为激活指示器
+     * - floating: 悬浮模式 — 标签垂直居中悬浮，胶囊形态，背景填充作为激活指示器
+     * @default 'attached'
+     */
+    variant?: 'attached' | 'floating';
+    /** TabBar 容器圆角 */
     radius?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    /** 单个 Tab 项的圆角（仅在 floating 模式下或需要四周圆角时使用） */
+    tabRadius?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+    /** 是否显示关闭按钮 */
     closable?: boolean;
+    /** 是否显示添加按钮 */
     addable?: boolean;
-    onChange?: (activeKey: string) => void;
+    /** 是否启用拖拽排序 */
+    draggable?: boolean;
+    /**
+     * Tab 最小宽度比例（相对 window.innerWidth）。
+     * 当均分后每个 Tab 宽度 < window.innerWidth * minWidthRatio 时，切换为横向滚动模式。
+     * @default 0.07
+     */
+    minWidthRatio?: number;
+    /**
+     * Tab 最大宽度比例（相对 window.innerWidth）。
+     * 在固定模式下，单个 Tab 的宽度不会超过此值，防止子项很少时占满过多空间。
+     * @default 0.15
+     */
+    maxTabWidthRatio?: number;
+    onChange: (activeKey: string) => void;
     onClose?: (key: string) => void;
     onAdd?: () => void;
+    onReorder?: (reorderedItems: TabItem[]) => void;
+    /** 每个 Tab 的自定义 className */
+    tabClassName?: string;
+    /** 激活态 Tab 的额外 className */
+    activeTabClassName?: string;
+    /** 每个 Tab 的自定义 inline style */
+    tabStyle?: React__default.CSSProperties;
+    /** 激活态 Tab 的自定义 inline style（会合并到 tabStyle 之上） */
+    activeTabStyle?: React__default.CSSProperties;
+    /** 自定义关闭图标渲染 */
+    renderCloseIcon?: (key: string) => React__default.ReactNode;
+    /** 自定义添加按钮渲染 */
+    renderAddButton?: () => React__default.ReactNode;
+    className?: string;
+    style?: React__default.CSSProperties;
+    /** 容器背景色 */
+    background?: string;
+    /** 标签默认文字色 */
+    tabColor?: string;
+    /** 标签 hover 文字色 */
+    tabHoverColor?: string;
+    /** 标签 hover 背景色 */
+    tabHoverBackground?: string;
+    /** 激活态文字色 */
+    tabActiveColor?: string;
+    /** 激活态背景色 */
+    tabActiveBackground?: string;
+    /** 激活态指示器颜色（attached 模式底线 / floating 模式无效） */
+    activeIndicatorColor?: string;
+}
+declare const TabBar: React__default.NamedExoticComponent<TabBarProps>;
+
+interface TagSchema {
+    id: string;
+    name: string;
+    type: "number" | "string" | "boolean";
+    range_min?: number | null;
+    range_max?: number | null;
+}
+type TagValue = number | string | boolean;
+interface TagItemProps {
+    schema: TagSchema;
+    value?: TagValue;
+    onChange?: (value: TagValue) => void;
+    /** show：展示态，双击可内联编辑；edit：始终为编辑控件 */
+    mode?: "show" | "edit";
+    background?: string;
+    color?: string;
+    borderColor?: string;
+}
+declare function TagItem({ schema, value, onChange, mode, background, color, borderColor, }: TagItemProps): react_jsx_runtime.JSX.Element;
+
+interface MarkdownEditorProps {
+    value: string;
+    onChange: (v: string) => void;
+    /** AI 补全回调，传入时显示 AI 按钮，不传则隐藏 */
+    onAiComplete?: () => void;
+    minHeight?: number;
+    placeholder?: string;
+    /**
+     * 显示模式
+     * - edit:    编辑模式（工具栏含双栏切换按钮）
+     * - preview: 纯预览，只读渲染 Markdown，隐藏工具栏
+     * @default 'edit'
+     */
+    mode?: 'edit' | 'preview';
+    background?: string;
+    toolbarBackground?: string;
+    borderColor?: string;
+}
+declare function MarkdownEditor({ value, onChange, onAiComplete, minHeight, placeholder, mode, background, toolbarBackground, borderColor, }: MarkdownEditorProps): react_jsx_runtime.JSX.Element;
+
+type ContextMenuDivider = {
+    type: "divider";
+};
+type ContextMenuAction = {
+    label: string;
+    icon?: ReactNode;
+    onClick: () => void;
+    danger?: boolean;
+    disabled?: boolean;
+};
+type ContextMenuItem = ContextMenuAction | ContextMenuDivider;
+interface ContextMenuProviderProps {
+    children: ReactNode;
+    background?: string;
+    borderColor?: string;
+    hoverBackground?: string;
+}
+declare function ContextMenuProvider({ children, background, borderColor, hoverBackground, }: ContextMenuProviderProps): react_jsx_runtime.JSX.Element;
+declare const useContextMenu: () => {
+    showContextMenu: (e: React.MouseEvent, items: ContextMenuItem[]) => void;
+};
+
+type MessageRole = 'user' | 'assistant' | 'system' | 'tool';
+interface SmartMessageProps {
+    id: string;
+    content: string;
+    role: MessageRole;
+    timestamp?: Date;
+    status?: 'sending' | 'sent' | 'error';
+    toolName?: string;
+    toolResult?: any;
+    onCopy?: (content: string, role: MessageRole) => void;
     className?: string;
     style?: React__default.CSSProperties;
 }
-declare const Tabs: ({ items, activeKey: controlledActiveKey, defaultActiveKey, radius, closable, addable, onChange, onClose, onAdd, className, style, }: TabsProps) => react_jsx_runtime.JSX.Element;
+declare const SmartMessage: React__default.FC<SmartMessageProps>;
 
 interface Message {
     id: string;
     content: string;
-    type: 'user' | 'assistant' | 'system';
+    type: MessageRole;
     timestamp: Date;
     status?: 'sending' | 'sent' | 'error';
+    toolName?: string;
+    toolResult?: any;
+}
+interface Conversation {
+    id: string;
+    title: string;
+    lastMessage: string;
+    timestamp: Date;
+    messages: Message[];
 }
 interface ChatProps {
     messages?: Message[];
-    onSendMessage?: (message: string) => Promise<void> | void;
-    placeholder?: string;
     title?: string;
-    height?: string;
+    loading?: boolean;
+    conversations?: Conversation[];
+    currentConversationId?: string;
+    emptyText?: string;
+    newConversationText?: string;
+    historyTitle?: string;
+    showHistoryButton?: boolean;
+    showMinimizeButton?: boolean;
     showHeader?: boolean;
     showFooter?: boolean;
-    loading?: boolean;
-    disabled?: boolean;
-    theme?: 'light' | 'dark';
-    userName?: string;
-    assistantName?: string;
-    onTyping?: (isTyping: boolean) => void;
-    maxInputLength?: number;
-    autoFocus?: boolean;
-    enableCopy?: boolean;
+    autoScroll?: boolean;
+    onSwitchConversation?: (conversationId: string) => void;
+    onNewConversation?: () => void;
+    onDeleteConversation?: (conversationId: string) => void;
+    onMinimize?: () => void;
+    onRestore?: () => void;
+    onMessageCopy?: (message: Message) => void;
+    className?: string;
+    style?: React__default.CSSProperties;
+    headerClassName?: string;
+    headerStyle?: React__default.CSSProperties;
+    messagesClassName?: string;
+    messagesStyle?: React__default.CSSProperties;
+    bubbleClassName?: string;
+    height?: string;
+    width?: string;
 }
 declare const Chat: React__default.FC<ChatProps>;
 
-export { type AlertProps, AlertProvider, type AlertType, Avatar, type AvatarColorVariant, type AvatarLoadState, type AvatarProps, type AvatarShape, type AvatarSize, Button, ButtonGroup, ButtonToolbar, Card, type CardProps, type CategoryTreeNode, Chat, type ChatProps, CheckButton, DeleteDialog, type DeleteMode, type DropPosition, type FlatCategory, type FlatToTreeResult, Input, ListGroup, ListGroupItem, type ListGroupItemProps, type ListGroupProps, type Message, OrphanDialog, type OrphanResolution, type OrphanResolutionMap, RollingBox, Select, SideBar, Slider, type TabItem, Tabs, type TabsProps, type Theme, ThemeProvider, Tree, type TreeProps, VirtualList, findNodeInfo, flatToTree, isDescendantOf, lazyLoad, useAlert, useTheme };
+interface RelationNodeData {
+    iconType?: 'war' | 'target' | 'star' | 'award' | 'flag' | 'default' | 'user' | 'shield';
+    title: string;
+    subtitle: string;
+    description?: string;
+    imageUrl?: string;
+    status?: 'active' | 'inactive' | 'warning';
+    metadata?: Record<string, any>;
+}
+interface RelationEdgeData {
+    label?: string;
+    type?: 'solid' | 'dashed' | 'dotted';
+    color?: string;
+    animated?: boolean;
+    metadata?: Record<string, any>;
+}
+interface RelationProps {
+    nodes?: any[];
+    edges?: any[];
+    onNodeClick?: (nodeId: string, nodeData: RelationNodeData, event?: MouseEvent) => void;
+    onNodeDoubleClick?: (nodeId: string, nodeData: RelationNodeData) => void;
+    onEdgeClick?: (edgeId: string, edgeData?: RelationEdgeData) => void;
+    onConnect?: (connection: any) => void;
+    onNodesChange?: (nodes: any[]) => void;
+    onEdgesChange?: (edges: any[]) => void;
+    fitView?: boolean;
+    fitViewOptions?: any;
+    className?: string;
+    style?: CSSProperties;
+    height?: string | number;
+    width?: string | number;
+    defaultViewport?: {
+        x: number;
+        y: number;
+        zoom: number;
+    };
+    minZoom?: number;
+    maxZoom?: number;
+    snapToGrid?: boolean;
+    snapGrid?: [number, number];
+    enableEdgeCreation?: boolean;
+    enableNodeDrag?: boolean;
+    onNodeContextMenu?: (nodeId: string, nodeData: RelationNodeData) => void;
+    theme?: 'dark' | 'light';
+}
+declare const Relation: React.FC<RelationProps>;
+
+export { type AlertMode, type AlertProps, AlertProvider, type AlertProviderProps, type AlertType, Avatar, type AvatarProps, type AvatarShape, Button, ButtonGroup, ButtonToolbar, Card, type CardProps, type CategoryTreeNode, Chat, type ChatProps, CheckButton, type ContextMenuAction, type ContextMenuDivider, type ContextMenuItem, ContextMenuProvider, type ContextMenuProviderProps, type Conversation, DeleteDialog, type DeleteMode, type DropPosition, type FlatCategory, type FlatToTreeResult, Input, ListGroup, ListGroupItem, type ListGroupItemProps, type ListGroupProps, MarkdownEditor, type MarkdownEditorProps, type Message, type MessageRole, OrphanDialog, type OrphanResolution, type OrphanResolutionMap, Relation, type RelationEdgeData, type RelationNodeData, type RelationProps, RollingBox, Select, SideBar, type SideBarItem, type SideBarProps, Slider, SmartMessage, type SmartMessageProps, TabBar, type TabBarProps, type TabItem, TagItem, type TagItemProps, type TagSchema, type TagValue, type Theme, ThemeProvider, Tree, type TreeProps, VirtualList, findNodeInfo, flatToTree, isDescendantOf, lazyLoad, useAlert, useContextMenu, useTheme };