sparkdesign 0.4.3 → 0.4.4

package/dist/registry/basic/tooltip.d.ts

@@ -0,0 +1,34 @@
+/**
+ * [INPUT]: (TooltipProps)
+ * [OUTPUT]: (JSX.Element) - 工具提示组件
+ * [POS]: registry/basic/tooltip - 注册表模板，复制到用户项目后可自由修改
+ *
+ * [PROTOCOL]:
+ * 1. 用户可自由修改此文件
+ * 2. 更新时使用 npx sparkdesign diff tooltip 查看差异
+ */
+import * as React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+declare const TooltipRoot: React.FC<TooltipPrimitive.TooltipProps>;
+declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    /** When provided (e.g. from ThemeStyleProvider), used for portal wrapper instead of getThemeFromDocument */
+    dataStyle?: string;
+    dataTheme?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+export interface TooltipProps {
+    content: React.ReactNode;
+    children: React.ReactNode;
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    contentClassName?: string;
+    /** When provided, portal content uses this data-style (e.g. from ThemeStyleProvider) */
+    dataStyle?: string;
+    /** When provided, portal content uses this data-theme */
+    dataTheme?: string;
+}
+declare function Tooltip({ content, children, side, contentClassName, dataStyle, dataTheme }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Tooltip {
+    var displayName: string;
+}
+export { TooltipProvider, TooltipRoot, TooltipTrigger, TooltipContent, Tooltip, };

package/dist/registry/basic/typography.d.ts

@@ -0,0 +1,76 @@
+/**
+ * [INPUT]: (Typography*Props)
+ * [OUTPUT]: (JSX.Element) - 排版组件（H1–H4, P, Blockquote 等）
+ * [POS]: registry/basic/typography - 注册表模板，复制到用户项目后可自由修改
+ *
+ * [PROTOCOL]:
+ * 1. 用户可自由修改此文件
+ * 2. 更新时使用 npx sparkdesign diff typography 查看差异
+ */
+import * as React from 'react';
+export type TypographyH1Props = React.ComponentProps<'h1'>;
+declare function TypographyH1({ className, ...props }: TypographyH1Props): import("react/jsx-runtime").JSX.Element;
+declare namespace TypographyH1 {
+    var displayName: string;
+}
+export type TypographyH2Props = React.ComponentProps<'h2'>;
+declare function TypographyH2({ className, ...props }: TypographyH2Props): import("react/jsx-runtime").JSX.Element;
+declare namespace TypographyH2 {
+    var displayName: string;
+}
+export type TypographyH3Props = React.ComponentProps<'h3'>;
+declare function TypographyH3({ className, ...props }: TypographyH3Props): import("react/jsx-runtime").JSX.Element;
+declare namespace TypographyH3 {
+    var displayName: string;
+}
+export type TypographyH4Props = React.ComponentProps<'h4'>;
+declare function TypographyH4({ className, ...props }: TypographyH4Props): import("react/jsx-runtime").JSX.Element;
+declare namespace TypographyH4 {
+    var displayName: string;
+}
+export type TypographyPProps = React.ComponentProps<'p'>;
+declare function TypographyP({ className, ...props }: TypographyPProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TypographyP {
+    var displayName: string;
+}
+export type TypographyBlockquoteProps = React.ComponentProps<'blockquote'>;
+declare function TypographyBlockquote({ className, ...props }: TypographyBlockquoteProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TypographyBlockquote {
+    var displayName: string;
+}
+export type TypographyTableProps = React.ComponentProps<'div'>;
+declare function TypographyTable({ className, children, ..._rest }: TypographyTableProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TypographyTable {
+    var displayName: string;
+}
+export type TypographyListProps = React.ComponentProps<'ul'>;
+declare function TypographyList({ className, ...props }: TypographyListProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TypographyList {
+    var displayName: string;
+}
+export type TypographyInlineCodeProps = React.ComponentProps<'code'>;
+declare function TypographyInlineCode({ className, ...props }: TypographyInlineCodeProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TypographyInlineCode {
+    var displayName: string;
+}
+export type TypographyLeadProps = React.ComponentProps<'p'>;
+declare function TypographyLead({ className, ...props }: TypographyLeadProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TypographyLead {
+    var displayName: string;
+}
+export type TypographyLargeProps = React.ComponentProps<'div'>;
+declare function TypographyLarge({ className, ...props }: TypographyLargeProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TypographyLarge {
+    var displayName: string;
+}
+export type TypographySmallProps = React.ComponentProps<'small'>;
+declare function TypographySmall({ className, ...props }: TypographySmallProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TypographySmall {
+    var displayName: string;
+}
+export type TypographyMutedProps = React.ComponentProps<'p'>;
+declare function TypographyMuted({ className, ...props }: TypographyMutedProps): import("react/jsx-runtime").JSX.Element;
+declare namespace TypographyMuted {
+    var displayName: string;
+}
+export { TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyP, TypographyBlockquote, TypographyTable, TypographyList, TypographyInlineCode, TypographyLead, TypographyLarge, TypographySmall, TypographyMuted, };

package/dist/registry/chat/ask-user-part.d.ts

@@ -0,0 +1,24 @@
+/**
+ * [INPUT]: (AskUserPartProps) - title、question、skipText/runText；可选 headerIcon，未指定则用内联 SVG
+ * [OUTPUT]: (JSX.Element)
+ * [POS]: registry/chat - AI 向用户询问确认的卡片组件
+ */
+import type { ReactNode } from 'react';
+export interface AskUserPartProps {
+    title?: string;
+    question: string;
+    skipText?: string;
+    runText?: string;
+    askTimeText?: string;
+    onSkip?: () => void;
+    onRun?: () => void;
+    onAskTimeChange?: (value: string) => void;
+    contentMaxHeight?: number;
+    collapsible?: boolean;
+    className?: string;
+    headerIcon?: ReactNode;
+}
+export declare function AskUserPart({ title, question, skipText, runText, askTimeText, onSkip, onRun, contentMaxHeight, collapsible, className, headerIcon, }: AskUserPartProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace AskUserPart {
+    var displayName: string;
+}

package/dist/registry/chat/browser-action-part.d.ts

@@ -0,0 +1,28 @@
+/**
+ * [INPUT]: (BrowserActionPartProps) - description、content、status；可选 normalIcon/failedIcon/skippedIcon，未指定则用内联 SVG
+ * [OUTPUT]: (JSX.Element)
+ * [POS]: registry/chat - AI Agent 浏览器操作卡片组件
+ */
+import { type ReactNode } from 'react';
+export type BrowserActionStatus = 'normal' | 'failed' | 'skipped';
+export interface BrowserActionPartProps {
+    description?: string;
+    content?: string;
+    status?: BrowserActionStatus;
+    onRun?: () => void;
+    onSkip?: () => void;
+    onViewDetail?: () => void;
+    onAskEveryTimeChange?: (value: string) => void;
+    className?: string;
+    /** 供 Select 下拉浮层继承布局风格（如 dense），不传则从 document 读取 */
+    dataStyle?: string;
+    /** 供 Select 下拉浮层继承颜色主题，不传则从 document 读取 */
+    dataTheme?: string;
+    normalIcon?: ReactNode;
+    failedIcon?: ReactNode;
+    skippedIcon?: ReactNode;
+}
+export declare function BrowserActionPart({ description, content, status, onRun, onSkip, onViewDetail, onAskEveryTimeChange, className, dataStyle, dataTheme, normalIcon, failedIcon, skippedIcon, }: BrowserActionPartProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace BrowserActionPart {
+    var displayName: string;
+}

package/dist/registry/chat/chat-input/chat-input-folder-selector.d.ts

@@ -0,0 +1,22 @@
+import type { FolderPermissionConfig } from './types';
+export interface ChatInputFolderSelectorProps {
+    disabled: boolean;
+    folderButtonLabel: string;
+    folderPermission?: FolderPermissionConfig;
+    onFolderButtonClick?: () => void;
+    onFolderClear?: () => void;
+    onFolderSelect: (files: FileList) => void;
+    hasFolderSelected: boolean;
+    dataStyle?: string;
+    dataTheme?: string;
+    folderIcon?: React.ReactNode;
+    folderOpenIcon?: React.ReactNode;
+    historyIcon?: React.ReactNode;
+    subMenuArrowIcon?: React.ReactNode;
+    folderFillIcon?: React.ReactNode;
+    closeIcon?: React.ReactNode;
+}
+export declare function ChatInputFolderSelector({ disabled, folderButtonLabel, folderPermission, onFolderButtonClick, onFolderClear, onFolderSelect, hasFolderSelected, dataStyle, dataTheme, folderIcon, folderOpenIcon, historyIcon, subMenuArrowIcon, folderFillIcon, closeIcon, }: ChatInputFolderSelectorProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ChatInputFolderSelector {
+    var displayName: string;
+}

package/dist/registry/chat/chat-input/chat-input-model-switcher.d.ts

@@ -0,0 +1,12 @@
+import type { FooterLeftModelSwitchConfig } from './types';
+export interface ChatInputModelSwitcherProps {
+    config: FooterLeftModelSwitchConfig;
+    disabled: boolean;
+    arrowDownIcon?: React.ReactNode;
+    dataStyle?: string;
+    dataTheme?: string;
+}
+export declare function ChatInputModelSwitcher({ config, disabled, dataStyle, dataTheme, arrowDownIcon, }: ChatInputModelSwitcherProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ChatInputModelSwitcher {
+    var displayName: string;
+}

package/dist/registry/chat/chat-input/chat-input-textarea.d.ts

@@ -0,0 +1,9 @@
+export interface ChatInputTextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'onChange'> {
+    value: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    maxRows?: number;
+    onKeyDown?: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+}
+export declare const ChatInputTextarea: import("react").ForwardRefExoticComponent<ChatInputTextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;

package/dist/registry/chat/chat-input/compound.d.ts

@@ -0,0 +1,97 @@
+/**
+ * [INPUT]: 各复合组件的 props，或从 Context 消费
+ * [OUTPUT]: ChatInput.Above / Box / Attachments / Input / Actions / ActionsLeft / ActionsRight / ExpandButton / FolderButton / MoreButton / SendButton / DefaultLayout
+ * [POS]: registry/chat/chat-input - 四层结构复合组件，见 docs/ChatInput四层结构设计.md
+ *
+ * [PROTOCOL]:
+ * 1. 所有子组件必须在 ChatInput.Root 内使用
+ * 2. 布局与层级与设计文档一一对应
+ */
+import React from 'react';
+import type { ReactNode } from 'react';
+import { ChatInputTextarea } from './chat-input-textarea';
+export interface ChatInputAboveProps {
+    className?: string;
+    style?: React.CSSProperties;
+    children?: ReactNode;
+}
+export declare function ChatInputAbove({ className, style, children }: ChatInputAboveProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ChatInputAbove {
+    var displayName: string;
+}
+export interface ChatInputBoxProps {
+    className?: string;
+    children?: ReactNode;
+}
+export declare function ChatInputBox({ className, children }: ChatInputBoxProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ChatInputBox {
+    var displayName: string;
+}
+export interface ChatInputAttachmentsProps {
+    className?: string;
+    children?: ReactNode;
+}
+export declare function ChatInputAttachments({ className, children }: ChatInputAttachmentsProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace ChatInputAttachments {
+    var displayName: string;
+}
+export interface ChatInputInputProps extends Omit<React.ComponentProps<typeof ChatInputTextarea>, 'value' | 'onChange' | 'onKeyDown'> {
+    placeholder?: string;
+    maxRows?: number;
+}
+export declare const ChatInputInput: React.ForwardRefExoticComponent<Omit<ChatInputInputProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export interface ChatInputActionsProps {
+    className?: string;
+    children?: ReactNode;
+}
+export declare function ChatInputActions({ className, children }: ChatInputActionsProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ChatInputActions {
+    var displayName: string;
+}
+export interface ChatInputActionsLeftProps {
+    className?: string;
+    children?: ReactNode;
+}
+export declare function ChatInputActionsLeft({ className, children }: ChatInputActionsLeftProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ChatInputActionsLeft {
+    var displayName: string;
+}
+export interface ChatInputActionsRightProps {
+    className?: string;
+    children?: ReactNode;
+}
+export declare function ChatInputActionsRight({ className, children }: ChatInputActionsRightProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ChatInputActionsRight {
+    var displayName: string;
+}
+export interface ChatInputExpandButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
+    children?: ReactNode;
+}
+export declare function ChatInputExpandButton({ className, style, ...props }: ChatInputExpandButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ChatInputExpandButton {
+    var displayName: string;
+}
+export declare function ChatInputFolderButton(): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace ChatInputFolderButton {
+    var displayName: string;
+}
+export declare function ChatInputMoreButton(): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace ChatInputMoreButton {
+    var displayName: string;
+}
+export declare function ChatInputSendButton(): import("react/jsx-runtime").JSX.Element;
+export declare namespace ChatInputSendButton {
+    var displayName: string;
+}
+export declare function ChatInputFooterLeft(): import("react/jsx-runtime").JSX.Element;
+export declare namespace ChatInputFooterLeft {
+    var displayName: string;
+}
+export interface ChatInputDefaultLayoutProps {
+    className?: string;
+    hasAbove?: boolean;
+    hasAttachments?: boolean;
+    hasFooter?: boolean;
+    aboveOverlap?: boolean;
+}
+export declare const ChatInputDefaultLayout: React.ForwardRefExoticComponent<ChatInputDefaultLayoutProps & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/registry/chat/chat-input/context.d.ts

@@ -0,0 +1,64 @@
+/**
+ * [INPUT]: (ChatInputContextValue) - 由 Root 注入
+ * [OUTPUT]: Context + Provider + Hook
+ * [POS]: registry/chat/chat-input - 复合组件共享状态
+ *
+ * [PROTOCOL]:
+ * 1. 仅被 Root 与复合子组件使用
+ * 2. 新增/删除状态时同步更新 ChatInputContextValue 与 Root 中的初值
+ */
+import React from 'react';
+import type { ReactNode } from 'react';
+import type { ChatInputProps, FolderPermissionConfig, GenerationStatusConfig, FooterLeftModelSwitchConfig } from './types';
+export interface ChatInputContextValue {
+    dataStyle?: string;
+    dataTheme?: string;
+    value: string;
+    onChange: (value: string) => void;
+    onSend?: (value: string) => void;
+    disabled: boolean;
+    form?: string;
+    textareaRef: React.RefObject<HTMLTextAreaElement | null>;
+    setTextareaRef: (node: HTMLTextAreaElement | null) => void;
+    handleSend: () => void;
+    handleKeyDown: (e: React.KeyboardEvent<HTMLTextAreaElement>) => void;
+    sendButtonStatus: 'normal' | 'generating';
+    canSend: boolean;
+    hasFolderSelected: boolean;
+    setHasFolderSelected: (v: boolean) => void;
+    handleFolderSelect: (files: FileList) => void;
+    handleFolderClear: () => void;
+    folderPermission?: FolderPermissionConfig;
+    footerLeftConfig?: FooterLeftModelSwitchConfig;
+    showFolderButton: boolean;
+    showMoreButton: boolean;
+    folderButtonLabel: string;
+    onFolderButtonClick?: () => void;
+    onFolderClear?: () => void;
+    onMoreButtonClick?: () => void;
+    addLargeIcon?: ReactNode;
+    folderIcon?: ReactNode;
+    folderOpenIcon?: ReactNode;
+    historyIcon?: ReactNode;
+    arrowDownIcon?: ReactNode;
+    subMenuArrowIcon?: ReactNode;
+    folderFillIcon?: ReactNode;
+    closeIcon?: ReactNode;
+    showGenerationStatus?: boolean;
+    generationStatus?: GenerationStatusConfig;
+    attachments?: {
+        files?: ReactNode;
+        images?: ReactNode;
+    } | ReactNode;
+    showFooter?: boolean;
+}
+declare const ChatInputContext: React.Context<ChatInputContextValue | null>;
+export declare function useChatInputContext(): ChatInputContextValue;
+export type ChatInputRootProps = ChatInputProps & {
+    children?: ReactNode;
+};
+export declare function ChatInputRootProvider({ value: controlledValue, onChange, onSend, placeholder, disabled, maxRows, form, sendButtonStatus, showFooter, showFolderButton, folderButtonLabel, onFolderButtonClick, onFolderClear, folderPermission, showMoreButton, onMoreButtonClick, footerLeftConfig, showGenerationStatus, generationStatus, attachments, addLargeIcon, folderIcon, folderOpenIcon, historyIcon, arrowDownIcon, subMenuArrowIcon, folderFillIcon, closeIcon, dataStyle, dataTheme, className, children, ...rest }: ChatInputRootProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ChatInputRootProvider {
+    var displayName: string;
+}
+export { ChatInputContext };

package/dist/registry/chat/chat-input/folder-permission-dialog.d.ts

@@ -0,0 +1,11 @@
+export interface FolderPermissionDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    projectName: string;
+    onAllowOnce: () => void;
+    onAllowAlways: () => void;
+}
+export declare function FolderPermissionDialog({ open, onOpenChange, projectName, onAllowOnce, onAllowAlways, }: FolderPermissionDialogProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace FolderPermissionDialog {
+    var displayName: string;
+}

package/dist/registry/chat/chat-input/index.d.ts

@@ -0,0 +1,34 @@
+/**
+ * [INPUT]: (ChatInputProps) 或 复合用法 ChatInputRoot + Above/Box/…（主 API）
+ * [OUTPUT]: (JSX.Element)
+ * [POS]: registry/chat/chat-input - 依赖 send-button, generation-status-bar, icon-button, 子组件
+ *
+ * [PROTOCOL]:
+ * 1. 主 API 为复合组件（Root/Above/Box/Input/Actions/SendButton 等）；ChatInput 仅为默认组合的便捷导出。
+ * 2. 文件逻辑变更时同步更新 Header、types.ts；见 docs/ChatInput四层结构设计.md
+ */
+import React from 'react';
+import { ChatInputRootProvider } from './context';
+import { ChatInputAbove, ChatInputBox, ChatInputAttachments, ChatInputInput, ChatInputActions, ChatInputActionsLeft, ChatInputActionsRight, ChatInputExpandButton, ChatInputFolderButton, ChatInputMoreButton, ChatInputSendButton, ChatInputFooterLeft } from './compound';
+import type { ChatInputProps } from './types';
+export type { ChatInputProps, FolderPermissionConfig, GenerationStatusConfig, FooterLeftModelSwitchConfig, FooterLeftModelSwitchItem, } from './types';
+export interface ChatInputCompound {
+    Root: typeof ChatInputRootProvider;
+    Above: typeof ChatInputAbove;
+    Box: typeof ChatInputBox;
+    Attachments: typeof ChatInputAttachments;
+    Input: typeof ChatInputInput;
+    Actions: typeof ChatInputActions;
+    ActionsLeft: typeof ChatInputActionsLeft;
+    ActionsRight: typeof ChatInputActionsRight;
+    ExpandButton: typeof ChatInputExpandButton;
+    FolderButton: typeof ChatInputFolderButton;
+    MoreButton: typeof ChatInputMoreButton;
+    SendButton: typeof ChatInputSendButton;
+    FooterLeft: typeof ChatInputFooterLeft;
+}
+export declare const ChatInput: React.ForwardRefExoticComponent<ChatInputProps & React.RefAttributes<HTMLTextAreaElement>> & ChatInputCompound;
+export { ChatInputRootProvider as ChatInputRoot } from './context';
+export { ChatInputAbove, ChatInputBox, ChatInputAttachments, ChatInputInput, ChatInputActions, ChatInputActionsLeft, ChatInputActionsRight, ChatInputExpandButton, ChatInputFolderButton, ChatInputMoreButton, ChatInputSendButton, ChatInputFooterLeft, } from './compound';
+export type { ChatInputRootProps } from './context';
+export type { ChatInputAboveProps, ChatInputBoxProps, ChatInputAttachmentsProps, ChatInputInputProps, ChatInputActionsProps, ChatInputActionsLeftProps, ChatInputActionsRightProps, ChatInputExpandButtonProps, } from './compound';

package/dist/registry/chat/chat-input/types.d.ts

@@ -0,0 +1,79 @@
+/**
+ * [INPUT]: 无
+ * [OUTPUT]: 类型导出
+ * [POS]: registry/chat/chat-input - ChatInput 类型定义
+ */
+import type { TextareaHTMLAttributes, ReactNode } from 'react';
+export type InputPropsWithWebkitDirectory = React.InputHTMLAttributes<HTMLInputElement> & {
+    webkitdirectory?: string;
+};
+export interface FolderPermissionConfig {
+    enable?: boolean;
+    projectName?: string;
+}
+export interface GenerationStatusConfig {
+    content?: ReactNode;
+    icon?: ReactNode;
+    time?: string;
+}
+export interface FooterLeftModelSwitchItem {
+    value: string;
+    label: string;
+    icon?: ReactNode;
+}
+export interface FooterLeftModelSwitchConfig {
+    modeSwitch: {
+        icon?: ReactNode;
+        label: string;
+        value: string;
+        options: FooterLeftModelSwitchItem[];
+        onChange: (value: string) => void;
+    };
+    modelSwitch: {
+        label: string;
+        value: string;
+        options: FooterLeftModelSwitchItem[];
+        onChange: (value: string) => void;
+    };
+    consumptionMultiplier: {
+        value: string;
+        options?: FooterLeftModelSwitchItem[];
+        onChange?: (value: string) => void;
+    };
+}
+export interface ChatInputProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange' | 'value'> {
+    value?: string;
+    onChange?: (value: string) => void;
+    onSend?: (value: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    maxRows?: number;
+    form?: string;
+    attachments?: {
+        files?: ReactNode;
+        images?: ReactNode;
+    } | ReactNode;
+    showFooter?: boolean;
+    showFolderButton?: boolean;
+    folderButtonLabel?: string;
+    onFolderButtonClick?: () => void;
+    onFolderClear?: () => void;
+    folderPermission?: FolderPermissionConfig;
+    showMoreButton?: boolean;
+    onMoreButtonClick?: () => void;
+    footerLeftConfig?: FooterLeftModelSwitchConfig;
+    sendButtonStatus?: 'normal' | 'generating';
+    showGenerationStatus?: boolean;
+    generationStatus?: GenerationStatusConfig;
+    addLargeIcon?: ReactNode;
+    folderIcon?: ReactNode;
+    folderOpenIcon?: ReactNode;
+    historyIcon?: ReactNode;
+    arrowDownIcon?: ReactNode;
+    subMenuArrowIcon?: ReactNode;
+    folderFillIcon?: ReactNode;
+    closeIcon?: ReactNode;
+    /** 供 Portal 浮层继承（Showcase 预览区等场景），不传则由 dropdown-menu 使用 getThemeFromDocument() 兜底 */
+    dataStyle?: string;
+    dataTheme?: string;
+}

package/dist/registry/chat/chat-input/useAutoResizeTextarea.d.ts

@@ -0,0 +1,7 @@
+/**
+ * [INPUT]: (textareaRef, value, maxRows)
+ * [OUTPUT]: void
+ * [POS]: registry/chat/chat-input
+ */
+import { type RefObject } from 'react';
+export declare function useAutoResizeTextarea(textareaRef: RefObject<HTMLTextAreaElement | null>, value: string, maxRows: number): void;

package/dist/registry/chat/code-block-part.d.ts

@@ -0,0 +1,23 @@
+/**
+ * [INPUT]: (CodeBlockPartProps) - language、code、filename、diffType、isGenerating；可选 headerIcon/getFileIcon
+ * [OUTPUT]: (JSX.Element)
+ * [POS]: registry/chat - 从 QodeChatPanel 移植，全 token 化；使用 Prism 语法高亮（设计令牌主题）
+ */
+import { type ReactNode } from 'react';
+export type CodeBlockDiffType = 'add' | 'remove';
+export interface CodeBlockPartProps {
+    language?: string;
+    code?: string;
+    filename?: string;
+    diffType?: CodeBlockDiffType | null;
+    diffLines?: number | null;
+    isGenerating?: boolean;
+    defaultExpanded?: boolean;
+    className?: string;
+    headerIcon?: ReactNode;
+    getFileIcon?: (fileType?: string, filename?: string) => ReactNode;
+}
+export declare function CodeBlockPart({ language, code, filename, diffType, diffLines, isGenerating, defaultExpanded, className, headerIcon, getFileIcon, }: CodeBlockPartProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace CodeBlockPart {
+    var displayName: string;
+}

package/dist/registry/chat/file-attachment.d.ts

@@ -0,0 +1,19 @@
+/**
+ * [INPUT]: (FileAttachmentProps) - filename、onRemove、icon / getFileIcon
+ * [OUTPUT]: (JSX.Element) - 带左图标（文件类型）的可关闭 Tag 样式附件
+ * [POS]: registry/chat - 唯一来源，主库再导出并注入 getFileIcon
+ *
+ * [PROTOCOL]:
+ * - 仅依赖 registry ui（tag、icons-inline）；不依赖 useIcons
+ * - 可选 getFileIcon(filename, className) 或 icon；不传则用 FileLine
+ */
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface FileAttachmentProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
+    filename: string;
+    iconFilename?: string;
+    onRemove?: (e: React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
+    icon?: ReactNode;
+    /** 主库可注入 useIcons().getFileIcon；不传则用 registry 内联 FileLine */
+    getFileIcon?: (filename: string, className?: string) => ReactNode;
+}
+export declare const FileAttachment: import("react").ForwardRefExoticComponent<FileAttachmentProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/registry/chat/file-card.d.ts

@@ -0,0 +1,10 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface FileCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    filename: string;
+    iconFilename?: string;
+    size?: string;
+    icon?: ReactNode;
+    getFileIcon?: (filename: string, className?: string) => ReactNode;
+    onClick?: () => void;
+}
+export declare const FileCard: import("react").ForwardRefExoticComponent<FileCardProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/registry/chat/file-review-part.d.ts

@@ -0,0 +1,30 @@
+/**
+ * [INPUT]: (FileReviewPartProps) - files、defaultExpanded；可选 headerIcon/acceptIcon/rejectIcon/getFileIcon
+ * [OUTPUT]: (JSX.Element)
+ * [POS]: registry/chat - 从 QodeChatPanel 移植，全 token 化；默认用 Seti 字体图标（需加载 qoder-seti.woff），hover 显示对号/错号
+ * Seti 映射与逻辑与 QodeChatPanel FileReviewPart.jsx 内联保持一致，避免模块解析差异导致图形与后缀对不上。
+ */
+import { type ReactNode } from 'react';
+export interface FileReviewFile {
+    filename: string;
+    fileType?: string;
+    additions?: number;
+    deletions?: number;
+}
+export interface FileReviewPartProps {
+    files?: FileReviewFile[];
+    defaultExpanded?: boolean;
+    className?: string;
+    /** 卡片标题区图标，未传则用内联 SVG */
+    headerIcon?: ReactNode;
+    /** 接受按钮图标，未传则用内联 SVG */
+    acceptIcon?: ReactNode;
+    /** 拒绝按钮图标，未传则用内联 SVG */
+    rejectIcon?: ReactNode;
+    /** 按文件类型/文件名渲染图标；未传则用 Seti 字体字符（需加载 qoder-seti.woff） */
+    getFileIcon?: (fileType?: string, filename?: string) => ReactNode;
+}
+export declare function FileReviewPart({ files, defaultExpanded, className, headerIcon, acceptIcon, rejectIcon, getFileIcon, }: FileReviewPartProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace FileReviewPart {
+    var displayName: string;
+}

package/dist/registry/chat/folder-button.d.ts

@@ -0,0 +1,20 @@
+import type { ButtonHTMLAttributes, ReactNode } from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const folderButtonVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    rounded?: "square" | "pill" | null | undefined;
+    selected?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface FolderButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof folderButtonVariants> {
+    label: string;
+    selected?: boolean;
+    disabled?: boolean;
+    multipleFolders?: boolean;
+    onClear?: () => void;
+    folderIcon?: ReactNode;
+    folderFillIcon?: ReactNode;
+    arrowRightIcon?: ReactNode;
+    closeIcon?: ReactNode;
+}
+export declare const FolderButton: import("react").ForwardRefExoticComponent<FolderButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export { folderButtonVariants };

package/dist/registry/chat/generated-images-grid.d.ts

@@ -0,0 +1,15 @@
+/**
+ * [INPUT]: (GeneratedImagesGridProps) - 多图网格
+ * [OUTPUT]: (JSX.Element) - 会话流中多张生成图片的横排排列容器
+ * [POS]: registry/chat - 唯一来源，无图标依赖
+ */
+import type { ReactNode } from 'react';
+export interface GeneratedImagesGridProps {
+    children: ReactNode;
+    className?: string;
+    gridClassName?: string;
+    isGenerating?: boolean;
+    maxVisibleWhenGenerating?: number;
+    formatRemaining?: (remaining: number) => string;
+}
+export declare const GeneratedImagesGrid: import("react").NamedExoticComponent<GeneratedImagesGridProps>;

package/dist/registry/chat/generation-status-bar.d.ts

@@ -0,0 +1,19 @@
+/**
+ * [INPUT]: (GenerationStatusBarProps)
+ * [OUTPUT]: (JSX.Element) - 生成状态条
+ * [POS]: registry/chat - 唯一来源，无图标依赖
+ *
+ * [PROTOCOL]: 样式使用 design token（h-9、text-sm、px-3、rounded-t-xl），随 data-style 变化，与 ChatInputAbove 一致。
+ */
+import type { ReactNode } from 'react';
+export interface GenerationStatusBarProps {
+    children?: ReactNode;
+    status?: string;
+    icon?: ReactNode;
+    time?: string;
+    className?: string;
+}
+export declare const GenerationStatusBar: {
+    ({ children, status, icon, time, className, }: GenerationStatusBarProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};