@gendive/chatllm 0.2.0 → 0.3.1

package/dist/react/index.d.mts

@@ -116,6 +116,8 @@ interface ChatUIProps {
     personalization?: Partial<PersonalizationConfig>;
     /** API 키 (DevDive 등 외부 프로바이더용) */
     apiKey?: string;
+    /** API 키 변경 핸들러 */
+    onApiKeyChange?: (key: string) => void;
     /** API 엔드포인트 */
     apiEndpoint?: string;
     /** 테마 설정 */
@@ -328,7 +330,7 @@ declare const useChatUI: (options: UseChatUIOptions) => UseChatUIReturn;
  * Using Remix Icons 4.6.0 via CDN or npm package
  */
 
-type IconName = 'menu-line' | 'close-line' | 'arrow-left-line' | 'arrow-right-line' | 'arrow-down-s-line' | 'arrow-up-s-line' | 'more-line' | 'more-2-line' | 'settings-3-line' | 'settings-4-line' | 'chat-1-line' | 'chat-3-line' | 'chat-new-line' | 'message-2-line' | 'send-plane-line' | 'send-plane-fill' | 'question-answer-line' | 'add-line' | 'add-circle-line' | 'delete-bin-line' | 'delete-bin-6-line' | 'edit-line' | 'edit-2-line' | 'pencil-line' | 'check-line' | 'close-circle-line' | 'refresh-line' | 'loop-left-line' | 'stop-line' | 'stop-circle-line' | 'play-line' | 'pause-line' | 'file-copy-line' | 'clipboard-line' | 'quote-text' | 'double-quotes-l' | 'double-quotes-r' | 'search-line' | 'search-2-line' | 'global-line' | 'image-line' | 'image-add-line' | 'gallery-line' | 'video-line' | 'mic-line' | 'code-line' | 'code-s-slash-line' | 'terminal-box-line' | 'bug-line' | 'git-branch-line' | 'file-text-line' | 'file-list-line' | 'article-line' | 'draft-line' | 'book-2-line' | 'magic-line' | 'sparkling-line' | 'sparkling-2-line' | 'robot-line' | 'brain-line' | 'user-line' | 'user-3-line' | 'user-settings-line' | 'account-circle-line' | 'sun-line' | 'moon-line' | 'computer-line' | 'information-line' | 'error-warning-line' | 'checkbox-circle-line' | 'loader-4-line' | 'translate-2' | 'time-line' | 'history-line' | 'star-line' | 'star-fill' | 'heart-line' | 'thumb-up-line' | 'thumb-down-line' | 'attachment-line' | 'link' | 'external-link-line' | 'download-line' | 'upload-line' | 'folder-line' | 'home-line' | 'dashboard-line' | 'list-check' | 'list-unordered' | 'key-line' | 'lock-line' | 'eye-line' | 'eye-off-line';
+type IconName = 'menu-line' | 'close-line' | 'arrow-left-line' | 'arrow-right-line' | 'arrow-down-s-line' | 'arrow-up-s-line' | 'more-line' | 'more-2-line' | 'settings-3-line' | 'settings-4-line' | 'chat-1-line' | 'chat-3-line' | 'chat-new-line' | 'message-2-line' | 'send-plane-line' | 'send-plane-fill' | 'question-answer-line' | 'add-line' | 'add-circle-line' | 'delete-bin-line' | 'delete-bin-6-line' | 'edit-line' | 'edit-2-line' | 'pencil-line' | 'check-line' | 'close-circle-line' | 'refresh-line' | 'loop-left-line' | 'stop-line' | 'stop-circle-line' | 'play-line' | 'pause-line' | 'file-copy-line' | 'clipboard-line' | 'quote-text' | 'double-quotes-l' | 'double-quotes-r' | 'search-line' | 'search-2-line' | 'global-line' | 'image-line' | 'image-add-line' | 'gallery-line' | 'video-line' | 'mic-line' | 'code-line' | 'code-s-slash-line' | 'terminal-box-line' | 'bug-line' | 'git-branch-line' | 'file-text-line' | 'file-list-line' | 'article-line' | 'draft-line' | 'book-2-line' | 'magic-line' | 'sparkling-line' | 'sparkling-2-line' | 'robot-line' | 'brain-line' | 'user-line' | 'user-3-line' | 'user-settings-line' | 'account-circle-line' | 'sun-line' | 'moon-line' | 'computer-line' | 'information-line' | 'error-warning-line' | 'checkbox-circle-line' | 'loader-4-line' | 'translate-2' | 'time-line' | 'history-line' | 'star-line' | 'star-fill' | 'heart-line' | 'thumb-up-line' | 'thumb-down-line' | 'attachment-line' | 'link' | 'links-line' | 'external-link-line' | 'download-line' | 'upload-line' | 'folder-line' | 'home-line' | 'dashboard-line' | 'list-check' | 'list-unordered' | 'key-line' | 'lock-line' | 'eye-line' | 'eye-off-line';
 interface IconProps {
     /** Icon name from Remix Icons */
     name: IconName;
@@ -338,6 +340,8 @@ interface IconProps {
     color?: string;
     /** Additional CSS classes */
     className?: string;
+    /** Additional inline styles */
+    style?: React$1.CSSProperties;
     /** Click handler */
     onClick?: () => void;
     /** Accessibility label */
@@ -378,6 +382,7 @@ declare const ChatHeader: React$1.FC<HeaderProps>;
 /**
  * @description 메시지 버블 컴포넌트
  * 사용자/AI 메시지 표시, 복사, 수정, 재생성
+ * 마크다운 렌더링 및 출처 링크 칩 지원
  */
 
 declare const MessageBubble: React$1.FC<MessageBubbleProps>;
@@ -423,4 +428,63 @@ interface MemoryPanelProps {
 }
 declare const MemoryPanel: React$1.FC<MemoryPanelProps>;
 
-export { type ActionItem, type ActionMenuProps, type AlternativeResponse, ChatHeader, ChatInput, type ChatMessage, type ChatSession, ChatSidebar, ChatUI, type ChatUIComponents, type ChatUIProps, EmptyState, type EmptyStateProps, type HeaderProps, Icon, type IconName, type IconProps, IconSvg, type InputProps, type MemoryItem, MemoryPanel, type MemoryPanelProps, MessageBubble, type MessageBubbleProps, MessageList, type MessageListProps, type ModelConfig, type ModelSelectorProps, type PersonalizationConfig, type PromptTemplate, type ProviderType, type ResponseStyle, type SendMessageParams, type SettingsTab, type SidebarProps, type ThemeConfig, type ThemeMode, type UseChatUIOptions, type UseChatUIReturn, type UserProfile, useChatUI };
+/**
+ * @description 마크다운 렌더러 컴포넌트
+ * 외부 의존성 없이 기본 마크다운 파싱 지원
+ */
+
+interface MarkdownRendererProps {
+    /** 마크다운 텍스트 */
+    content: string;
+    /** 커스텀 클래스 */
+    className?: string;
+}
+declare const MarkdownRenderer: React$1.FC<MarkdownRendererProps>;
+
+/**
+ * @description 링크 칩 컴포넌트
+ * 출처 링크를 칩 형태로 표시
+ */
+
+interface LinkChipProps {
+    /** 링크 텍스트 */
+    text: string;
+    /** 링크 URL */
+    url: string;
+    /** 파비콘 표시 여부 */
+    showFavicon?: boolean;
+    /** 번호 표시 */
+    index?: number;
+    /** 커스텀 스타일 */
+    style?: React$1.CSSProperties;
+}
+declare const LinkChip: React$1.FC<LinkChipProps>;
+
+/**
+ * @description 설정 모달 컴포넌트
+ * 일반/개인화/데이터 설정 탭 포함
+ */
+
+interface SettingsModalProps {
+    /** 모달 열림 상태 */
+    isOpen: boolean;
+    /** 모달 닫기 핸들러 */
+    onClose: () => void;
+    /** 개인화 설정 */
+    personalization: PersonalizationConfig;
+    /** 개인화 설정 변경 핸들러 */
+    onPersonalizationChange: (config: PersonalizationConfig) => void;
+    /** API 키 */
+    apiKey?: string;
+    /** API 키 변경 핸들러 */
+    onApiKeyChange?: (key: string) => void;
+    /** 전체 데이터 삭제 핸들러 */
+    onClearAllData?: () => void;
+    /** API 키 레이블 */
+    apiKeyLabel?: string;
+    /** API 키 설명 */
+    apiKeyDescription?: string;
+}
+declare const SettingsModal: React$1.FC<SettingsModalProps>;
+
+export { type ActionItem, type ActionMenuProps, type AlternativeResponse, ChatHeader, ChatInput, type ChatMessage, type ChatSession, ChatSidebar, ChatUI, type ChatUIComponents, type ChatUIProps, EmptyState, type EmptyStateProps, type HeaderProps, Icon, type IconName, type IconProps, IconSvg, type InputProps, LinkChip, type LinkChipProps, MarkdownRenderer, type MarkdownRendererProps, type MemoryItem, MemoryPanel, type MemoryPanelProps, MessageBubble, type MessageBubbleProps, MessageList, type MessageListProps, type ModelConfig, type ModelSelectorProps, type PersonalizationConfig, type PromptTemplate, type ProviderType, type ResponseStyle, type SendMessageParams, SettingsModal, type SettingsModalProps, type SettingsTab, type SidebarProps, type ThemeConfig, type ThemeMode, type UseChatUIOptions, type UseChatUIReturn, type UserProfile, useChatUI };

package/dist/react/index.d.ts

@@ -116,6 +116,8 @@ interface ChatUIProps {
     personalization?: Partial<PersonalizationConfig>;
     /** API 키 (DevDive 등 외부 프로바이더용) */
     apiKey?: string;
+    /** API 키 변경 핸들러 */
+    onApiKeyChange?: (key: string) => void;
     /** API 엔드포인트 */
     apiEndpoint?: string;
     /** 테마 설정 */
@@ -328,7 +330,7 @@ declare const useChatUI: (options: UseChatUIOptions) => UseChatUIReturn;
  * Using Remix Icons 4.6.0 via CDN or npm package
  */
 
-type IconName = 'menu-line' | 'close-line' | 'arrow-left-line' | 'arrow-right-line' | 'arrow-down-s-line' | 'arrow-up-s-line' | 'more-line' | 'more-2-line' | 'settings-3-line' | 'settings-4-line' | 'chat-1-line' | 'chat-3-line' | 'chat-new-line' | 'message-2-line' | 'send-plane-line' | 'send-plane-fill' | 'question-answer-line' | 'add-line' | 'add-circle-line' | 'delete-bin-line' | 'delete-bin-6-line' | 'edit-line' | 'edit-2-line' | 'pencil-line' | 'check-line' | 'close-circle-line' | 'refresh-line' | 'loop-left-line' | 'stop-line' | 'stop-circle-line' | 'play-line' | 'pause-line' | 'file-copy-line' | 'clipboard-line' | 'quote-text' | 'double-quotes-l' | 'double-quotes-r' | 'search-line' | 'search-2-line' | 'global-line' | 'image-line' | 'image-add-line' | 'gallery-line' | 'video-line' | 'mic-line' | 'code-line' | 'code-s-slash-line' | 'terminal-box-line' | 'bug-line' | 'git-branch-line' | 'file-text-line' | 'file-list-line' | 'article-line' | 'draft-line' | 'book-2-line' | 'magic-line' | 'sparkling-line' | 'sparkling-2-line' | 'robot-line' | 'brain-line' | 'user-line' | 'user-3-line' | 'user-settings-line' | 'account-circle-line' | 'sun-line' | 'moon-line' | 'computer-line' | 'information-line' | 'error-warning-line' | 'checkbox-circle-line' | 'loader-4-line' | 'translate-2' | 'time-line' | 'history-line' | 'star-line' | 'star-fill' | 'heart-line' | 'thumb-up-line' | 'thumb-down-line' | 'attachment-line' | 'link' | 'external-link-line' | 'download-line' | 'upload-line' | 'folder-line' | 'home-line' | 'dashboard-line' | 'list-check' | 'list-unordered' | 'key-line' | 'lock-line' | 'eye-line' | 'eye-off-line';
+type IconName = 'menu-line' | 'close-line' | 'arrow-left-line' | 'arrow-right-line' | 'arrow-down-s-line' | 'arrow-up-s-line' | 'more-line' | 'more-2-line' | 'settings-3-line' | 'settings-4-line' | 'chat-1-line' | 'chat-3-line' | 'chat-new-line' | 'message-2-line' | 'send-plane-line' | 'send-plane-fill' | 'question-answer-line' | 'add-line' | 'add-circle-line' | 'delete-bin-line' | 'delete-bin-6-line' | 'edit-line' | 'edit-2-line' | 'pencil-line' | 'check-line' | 'close-circle-line' | 'refresh-line' | 'loop-left-line' | 'stop-line' | 'stop-circle-line' | 'play-line' | 'pause-line' | 'file-copy-line' | 'clipboard-line' | 'quote-text' | 'double-quotes-l' | 'double-quotes-r' | 'search-line' | 'search-2-line' | 'global-line' | 'image-line' | 'image-add-line' | 'gallery-line' | 'video-line' | 'mic-line' | 'code-line' | 'code-s-slash-line' | 'terminal-box-line' | 'bug-line' | 'git-branch-line' | 'file-text-line' | 'file-list-line' | 'article-line' | 'draft-line' | 'book-2-line' | 'magic-line' | 'sparkling-line' | 'sparkling-2-line' | 'robot-line' | 'brain-line' | 'user-line' | 'user-3-line' | 'user-settings-line' | 'account-circle-line' | 'sun-line' | 'moon-line' | 'computer-line' | 'information-line' | 'error-warning-line' | 'checkbox-circle-line' | 'loader-4-line' | 'translate-2' | 'time-line' | 'history-line' | 'star-line' | 'star-fill' | 'heart-line' | 'thumb-up-line' | 'thumb-down-line' | 'attachment-line' | 'link' | 'links-line' | 'external-link-line' | 'download-line' | 'upload-line' | 'folder-line' | 'home-line' | 'dashboard-line' | 'list-check' | 'list-unordered' | 'key-line' | 'lock-line' | 'eye-line' | 'eye-off-line';
 interface IconProps {
     /** Icon name from Remix Icons */
     name: IconName;
@@ -338,6 +340,8 @@ interface IconProps {
     color?: string;
     /** Additional CSS classes */
     className?: string;
+    /** Additional inline styles */
+    style?: React$1.CSSProperties;
     /** Click handler */
     onClick?: () => void;
     /** Accessibility label */
@@ -378,6 +382,7 @@ declare const ChatHeader: React$1.FC<HeaderProps>;
 /**
  * @description 메시지 버블 컴포넌트
  * 사용자/AI 메시지 표시, 복사, 수정, 재생성
+ * 마크다운 렌더링 및 출처 링크 칩 지원
  */
 
 declare const MessageBubble: React$1.FC<MessageBubbleProps>;
@@ -423,4 +428,63 @@ interface MemoryPanelProps {
 }
 declare const MemoryPanel: React$1.FC<MemoryPanelProps>;
 
-export { type ActionItem, type ActionMenuProps, type AlternativeResponse, ChatHeader, ChatInput, type ChatMessage, type ChatSession, ChatSidebar, ChatUI, type ChatUIComponents, type ChatUIProps, EmptyState, type EmptyStateProps, type HeaderProps, Icon, type IconName, type IconProps, IconSvg, type InputProps, type MemoryItem, MemoryPanel, type MemoryPanelProps, MessageBubble, type MessageBubbleProps, MessageList, type MessageListProps, type ModelConfig, type ModelSelectorProps, type PersonalizationConfig, type PromptTemplate, type ProviderType, type ResponseStyle, type SendMessageParams, type SettingsTab, type SidebarProps, type ThemeConfig, type ThemeMode, type UseChatUIOptions, type UseChatUIReturn, type UserProfile, useChatUI };
+/**
+ * @description 마크다운 렌더러 컴포넌트
+ * 외부 의존성 없이 기본 마크다운 파싱 지원
+ */
+
+interface MarkdownRendererProps {
+    /** 마크다운 텍스트 */
+    content: string;
+    /** 커스텀 클래스 */
+    className?: string;
+}
+declare const MarkdownRenderer: React$1.FC<MarkdownRendererProps>;
+
+/**
+ * @description 링크 칩 컴포넌트
+ * 출처 링크를 칩 형태로 표시
+ */
+
+interface LinkChipProps {
+    /** 링크 텍스트 */
+    text: string;
+    /** 링크 URL */
+    url: string;
+    /** 파비콘 표시 여부 */
+    showFavicon?: boolean;
+    /** 번호 표시 */
+    index?: number;
+    /** 커스텀 스타일 */
+    style?: React$1.CSSProperties;
+}
+declare const LinkChip: React$1.FC<LinkChipProps>;
+
+/**
+ * @description 설정 모달 컴포넌트
+ * 일반/개인화/데이터 설정 탭 포함
+ */
+
+interface SettingsModalProps {
+    /** 모달 열림 상태 */
+    isOpen: boolean;
+    /** 모달 닫기 핸들러 */
+    onClose: () => void;
+    /** 개인화 설정 */
+    personalization: PersonalizationConfig;
+    /** 개인화 설정 변경 핸들러 */
+    onPersonalizationChange: (config: PersonalizationConfig) => void;
+    /** API 키 */
+    apiKey?: string;
+    /** API 키 변경 핸들러 */
+    onApiKeyChange?: (key: string) => void;
+    /** 전체 데이터 삭제 핸들러 */
+    onClearAllData?: () => void;
+    /** API 키 레이블 */
+    apiKeyLabel?: string;
+    /** API 키 설명 */
+    apiKeyDescription?: string;
+}
+declare const SettingsModal: React$1.FC<SettingsModalProps>;
+
+export { type ActionItem, type ActionMenuProps, type AlternativeResponse, ChatHeader, ChatInput, type ChatMessage, type ChatSession, ChatSidebar, ChatUI, type ChatUIComponents, type ChatUIProps, EmptyState, type EmptyStateProps, type HeaderProps, Icon, type IconName, type IconProps, IconSvg, type InputProps, LinkChip, type LinkChipProps, MarkdownRenderer, type MarkdownRendererProps, type MemoryItem, MemoryPanel, type MemoryPanelProps, MessageBubble, type MessageBubbleProps, MessageList, type MessageListProps, type ModelConfig, type ModelSelectorProps, type PersonalizationConfig, type PromptTemplate, type ProviderType, type ResponseStyle, type SendMessageParams, SettingsModal, type SettingsModalProps, type SettingsTab, type SidebarProps, type ThemeConfig, type ThemeMode, type UseChatUIOptions, type UseChatUIReturn, type UserProfile, useChatUI };