@gendive/chatllm 0.10.4 → 0.12.0

package/dist/react/index.d.mts

@@ -165,6 +165,106 @@ interface SourceItem {
     snippet?: string;
     favicon?: string;
 }
+/**
+ * @description 검색 결과 아이템
+ * @Todo vibecode - 심층연구 기능용 검색 결과 타입
+ */
+interface SearchResult {
+    url: string;
+    title: string;
+    snippet: string;
+    /** 페이지 본문 추출 시 */
+    content?: string;
+}
+/**
+ * @description 서브에이전트 진행 상태
+ * @Todo vibecode - 심층연구 병렬 검색 상태 추적
+ */
+interface SubAgentProgress {
+    id: string;
+    topic: string;
+    status: 'pending' | 'searching' | 'extracting' | 'done' | 'error';
+    searchCount: number;
+    resultsCount: number;
+}
+/**
+ * @description 심층연구 진행 상태
+ * @Todo vibecode - 4단계 심층연구 프로세스 상태
+ */
+interface DeepResearchProgress {
+    phase: 'analyzing' | 'researching' | 'evaluating' | 'generating' | 'done';
+    phaseLabel: string;
+    subAgents: SubAgentProgress[];
+    totalSources: number;
+}
+/**
+ * @description 심층연구 콜백 타입
+ * @Todo vibecode - 라이브러리 사용자가 주입하는 검색 API 콜백
+ */
+interface DeepResearchCallbacks {
+    /** 웹 검색 API 호출 (필수) */
+    onWebSearch: (query: string) => Promise<SearchResult[]>;
+    /** 페이지 본문 추출 (선택) */
+    onExtractContent?: (url: string) => Promise<string>;
+    /** 진행 상태 업데이트 (선택) */
+    onProgress?: (progress: DeepResearchProgress) => void;
+}
+/**
+ * @description 폴 선택지 옵션
+ * @Todo vibecode - AI 주도 선택지 기능
+ */
+interface PollOption {
+    id: string;
+    label: string;
+    description?: string;
+}
+/**
+ * @description 폴 질문 (다중 질문 지원)
+ * @Todo vibecode - AI 주도 선택지 기능
+ */
+interface PollQuestion {
+    id: string;
+    question: string;
+    options: PollOption[];
+    /** 다중 선택 허용 여부 */
+    multiSelect?: boolean;
+    /** 기타 옵션 허용 여부 */
+    allowOther?: boolean;
+    /** 필수 여부 */
+    required?: boolean;
+}
+/**
+ * @description 폴 블록 (여러 질문 포함)
+ * @Todo vibecode - AI 주도 선택지 기능
+ */
+interface PollBlock {
+    id: string;
+    questions: PollQuestion[];
+    /** 현재 질문 인덱스 */
+    currentIndex: number;
+}
+/**
+ * @description 폴 응답 (사용자 선택 결과)
+ * @Todo vibecode - AI 주도 선택지 기능
+ */
+interface PollResponse {
+    questionId: string;
+    selectedOptions: string[];
+    otherText?: string;
+    skipped?: boolean;
+}
+/**
+ * @description 폴 상태
+ * @Todo vibecode - AI 주도 선택지 기능
+ */
+interface PollState {
+    /** 현재 활성 폴 블록 */
+    activePoll: PollBlock | null;
+    /** 수집된 응답들 */
+    responses: PollResponse[];
+    /** 완료 여부 */
+    isCompleted: boolean;
+}
 interface ChatMessage {
     id: string;
     role: 'user' | 'assistant' | 'system';
@@ -173,6 +273,31 @@ interface ChatMessage {
     timestamp: number;
     alternatives?: AlternativeResponse[];
     sources?: SourceItem[];
+    /**
+     * @description 심층연구 메시지 여부
+     * @Todo vibecode - 심층연구 결과 메시지 식별
+     */
+    isDeepResearch?: boolean;
+    /**
+     * @description 심층연구 진행 상태
+     * @Todo vibecode - 진행 중일 때 상태 표시용
+     */
+    researchProgress?: DeepResearchProgress;
+    /**
+     * @description 폴 블록 (AI 주도 선택지)
+     * @Todo vibecode - 메시지에 포함된 선택지
+     */
+    pollBlock?: PollBlock;
+    /**
+     * @description UI에서 숨김 처리된 메시지 (API에는 포함)
+     * @Todo vibecode - Poll 응답 등 내부 프롬프트용
+     */
+    hidden?: boolean;
+    /**
+     * @description 스킬 실행 상태 (AI가 스킬을 호출한 경우)
+     * @Todo vibecode - 스킬 실행 중/완료 상태 표시
+     */
+    skillExecution?: SkillExecution;
 }
 interface ChatSession {
     id: string;
@@ -195,6 +320,107 @@ interface ActionItem {
     description: string;
     systemPrompt?: string;
 }
+/**
+ * @description 스킬 트리거 방식
+ * auto: AI가 <skill_use> 태그로 자동 호출
+ * manual: 사용자가 UI에서 직접 선택
+ * both: 양쪽 모두 가능
+ */
+type SkillTrigger = 'auto' | 'manual' | 'both';
+/**
+ * @description 스킬 실행 결과
+ */
+interface SkillExecutionResult {
+    /** 실행 결과 텍스트 */
+    content: string;
+    /** 출처 목록 (검색 등) */
+    sources?: SourceItem[];
+    /** 추가 메타데이터 */
+    metadata?: Record<string, unknown>;
+}
+/**
+ * @description 스킬 실행 진행 상태
+ */
+interface SkillProgress {
+    /** 현재 단계 식별자 */
+    phase: string;
+    /** UI 표시용 라벨 */
+    phaseLabel: string;
+    /** 진행률 (0-100) */
+    percentage?: number;
+    /** 서브에이전트 상태 (딥리서치 등 멀티스텝 스킬용) */
+    subAgents?: SubAgentProgress[];
+    /** 총 수집된 소스 수 */
+    totalSources?: number;
+}
+/**
+ * @description 스킬 실행 시 주입되는 콜백
+ * @Todo vibecode - 진행 상태 보고, 스트리밍, 중단 시그널
+ */
+interface SkillExecuteCallbacks {
+    /** 단계 진행 상태 보고 */
+    onProgress?: (progress: SkillProgress) => void;
+    /** 스트리밍 콘텐츠 청크 (보고서 생성 시) */
+    onStream?: (chunk: string) => void;
+    /** 중단 시그널 */
+    signal?: AbortSignal;
+}
+/**
+ * @description 커스텀 스킬 설정
+ * @Todo vibecode - 라이브러리 사용자가 등록하는 스킬 단위
+ */
+interface SkillConfig<TParams = Record<string, unknown>> {
+    /** AI가 판단할 때 사용하는 설명 */
+    description: string;
+    /** 트리거 방식 */
+    trigger: SkillTrigger;
+    /** 스킬 실행 함수 (callbacks는 시스템이 자동 주입) */
+    execute: (params: TParams, callbacks?: SkillExecuteCallbacks) => Promise<SkillExecutionResult>;
+    /** JSON Schema 형태의 파라미터 정의 */
+    parameters?: {
+        type: 'object';
+        properties: Record<string, {
+            type: string;
+            description?: string;
+            enum?: string[];
+        }>;
+        required?: string[];
+    };
+    /** 아이콘 이름 */
+    icon?: string;
+    /** UI에 표시할 레이블 */
+    label: string;
+    /** 비활성화 여부 */
+    disabled?: boolean;
+}
+/**
+ * @description 스킬 실행 상태 (메시지에 첨부)
+ * @Todo vibecode - 스킬 실행 중/완료/에러 상태 추적
+ */
+interface SkillExecution {
+    /** 실행 중인 스킬 이름 */
+    skillName: string;
+    /** 실행 파라미터 */
+    params: Record<string, unknown>;
+    /** 실행 상태 */
+    status: 'pending' | 'executing' | 'done' | 'error';
+    /** 실행 결과 */
+    result?: SkillExecutionResult;
+    /** 에러 메시지 */
+    error?: string;
+    /** 진행 상태 */
+    progress?: SkillProgress;
+}
+/**
+ * @description manual 스킬 UI 표시용 정보
+ */
+interface ManualSkillItem {
+    name: string;
+    label: string;
+    icon?: string;
+    description: string;
+    disabled?: boolean;
+}
 type ProviderType = 'ollama' | 'devdive' | 'openai' | 'anthropic' | 'gemini';
 interface ModelConfig {
     id: string;
@@ -210,7 +436,7 @@ interface PromptTemplate {
     category: string;
     icon?: string;
 }
-type SettingsTab = 'general' | 'personalization' | 'data' | 'api';
+type SettingsTab = 'general' | 'personalization' | 'data' | 'memory' | 'api';
 type ThemeMode = 'light' | 'dark' | 'system';
 interface ThemeConfig {
     mode: ThemeMode;
@@ -218,8 +444,8 @@ interface ThemeConfig {
     borderRadius?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
 }
 interface ChatUIProps {
-    /** 사용 가능한 모델 목록 */
-    models: ModelConfig[];
+    /** 사용 가능한 모델 목록 (기본값 제공) */
+    models?: ModelConfig[];
     /** 사용 가능한 Actions */
     actions?: ActionItem[];
     /** 프롬프트 템플릿 */
@@ -341,6 +567,17 @@ interface ChatUIProps {
      * @Todo vibecode - true면 펼쳐진 상태로 표시 (기본: false)
      */
     thinkingDefaultOpen?: boolean;
+    /**
+     * @description 심층연구 콜백 (onWebSearch 필수)
+     * @Todo vibecode - Perplexity 스타일 심층연구 기능
+     * @deprecated skills prop으로 마이그레이션 권장. 하위 호환성 유지됨.
+     */
+    deepResearch?: DeepResearchCallbacks;
+    /**
+     * @description 커스텀 스킬 등록
+     * @Todo vibecode - AI가 자동/수동으로 활용하는 스킬 시스템
+     */
+    skills?: Record<string, SkillConfig>;
 }
 interface SendMessageParams {
     messages: {
@@ -413,6 +650,16 @@ interface MessageListProps {
      * @Todo vibecode - true면 펼쳐진 상태로 표시 (기본: false)
      */
     thinkingDefaultOpen?: boolean;
+    /**
+     * @description 다른 모델 응답 생성 중인 메시지 ID
+     * @Todo vibecode - 로딩 인디케이터 표시용
+     */
+    loadingAlternativeFor?: string | null;
+    /**
+     * @description Poll 응답 제출 핸들러 (여러 질문의 응답)
+     * @Todo vibecode - 사용자가 선택지 선택 완료 시 호출
+     */
+    onPollSubmit?: (messageId: string, responses: PollResponse[]) => void;
 }
 interface MessageBubbleProps {
     message: ChatMessage;
@@ -440,6 +687,16 @@ interface MessageBubbleProps {
      * @Todo vibecode - true면 펼쳐진 상태로 표시 (기본: false)
      */
     thinkingDefaultOpen?: boolean;
+    /**
+     * @description 다른 모델 응답 생성 중 여부
+     * @Todo vibecode - 로딩 인디케이터 표시용
+     */
+    isLoadingAlternative?: boolean;
+    /**
+     * @description Poll 응답 제출 핸들러 (여러 질문의 응답)
+     * @Todo vibecode - 사용자가 선택지 선택 완료 시 호출
+     */
+    onPollSubmit?: (responses: PollResponse[]) => void;
 }
 interface InputProps {
     value: string;
@@ -454,6 +711,36 @@ interface InputProps {
     onClearAction?: () => void;
     onActionSelect?: (action: ActionItem) => void;
     actions?: ActionItem[];
+    /**
+     * @description 심층연구 모드 토글 핸들러
+     * @Todo vibecode - 심층연구 버튼 클릭 시 호출
+     */
+    onDeepResearch?: () => void;
+    /**
+     * @description 심층연구 모드 활성화 여부
+     * @Todo vibecode - 버튼 하이라이트 표시용
+     */
+    isDeepResearchMode?: boolean;
+    /**
+     * @description 심층연구 기능 사용 가능 여부
+     * @Todo vibecode - deepResearch 콜백 존재 시 true
+     */
+    deepResearchEnabled?: boolean;
+    /**
+     * @description manual 트리거 스킬 목록
+     * @Todo vibecode - 입력창 메뉴에 표시
+     */
+    manualSkills?: ManualSkillItem[];
+    /**
+     * @description manual 스킬 선택 핸들러
+     * @Todo vibecode - 스킬 이름으로 실행
+     */
+    onSkillSelect?: (skillName: string) => void;
+    /**
+     * @description 현재 실행 중인 스킬
+     * @Todo vibecode - 입력창 상단 진행 상태 칩
+     */
+    activeSkillExecution?: SkillExecution | null;
 }
 interface HeaderProps {
     title: string;
@@ -503,8 +790,15 @@ interface UseChatUIReturn {
     editingMessageId: string | null;
     personalization: PersonalizationConfig;
     activeAlternatives: Record<string, number>;
+    /**
+     * @description 다른 모델 응답 생성 중인 메시지 ID
+     * @Todo vibecode - 로딩 인디케이터 표시용
+     */
+    loadingAlternativeFor: string | null;
     setInput: (value: string) => void;
-    sendMessage: (content?: string) => Promise<void>;
+    sendMessage: (content?: string, options?: {
+        hiddenUserMessage?: boolean;
+    }) => Promise<void>;
     stopGeneration: () => void;
     newSession: () => void;
     selectSession: (id: string) => void;
@@ -543,6 +837,41 @@ interface UseChatUIReturn {
      * @Todo vibecode - 외부 스토리지 사용 시 세션 상세 로드 중
      */
     isSessionLoading: boolean;
+    /**
+     * @description 심층연구 모드 활성화 여부
+     * @Todo vibecode - 심층연구 버튼 토글 상태
+     */
+    isDeepResearchMode: boolean;
+    /**
+     * @description 심층연구 모드 토글
+     * @Todo vibecode - 심층연구 버튼 클릭 핸들러
+     */
+    toggleDeepResearchMode: () => void;
+    /**
+     * @description 심층연구 진행 상태
+     * @Todo vibecode - 현재 진행 중인 심층연구 상태
+     */
+    deepResearchProgress: DeepResearchProgress | null;
+    /**
+     * @description Poll 응답 처리 (여러 질문의 응답)
+     * @Todo vibecode - 사용자가 선택지 선택 완료 시 호출
+     */
+    handlePollSubmit: (messageId: string, responses: PollResponse[]) => void;
+    /**
+     * @description 현재 실행 중인 스킬 상태
+     * @Todo vibecode - 스킬 실행 상태 추적
+     */
+    activeSkillExecution: SkillExecution | null;
+    /**
+     * @description manual 트리거 스킬 목록 (UI 표시용)
+     * @Todo vibecode - 입력창 메뉴에 표시
+     */
+    manualSkills: ManualSkillItem[];
+    /**
+     * @description manual 스킬 실행
+     * @Todo vibecode - 사용자가 UI에서 스킬 선택 시 호출
+     */
+    executeManualSkill: (skillName: string) => void;
 }
 
 /**
@@ -651,16 +980,181 @@ interface UseChatUIOptions {
         role: 'USER' | 'ASSISTANT';
         message: string;
     }[]) => Promise<void>;
+    /**
+     * @description 심층연구 콜백 (onWebSearch 필수)
+     * @Todo vibecode - Perplexity 스타일 심층연구 기능
+     */
+    deepResearch?: DeepResearchCallbacks;
+    /**
+     * @description AI 주도 선택지 기능 활성화 (기본: true)
+     * @Todo vibecode - AI가 자동으로 선택지를 제공하도록 시스템 프롬프트에 가이드 추가
+     */
+    enablePoll?: boolean;
+    /**
+     * @description 커스텀 스킬 등록
+     * @Todo vibecode - AI가 자동/수동으로 활용하는 스킬 시스템
+     */
+    skills?: Record<string, SkillConfig>;
 }
 declare const useChatUI: (options: UseChatUIOptions) => UseChatUIReturn;
 
+/**
+ * @description 심층연구 (Deep Research) 훅
+ * @Todo vibecode - Perplexity 스타일 에이전트 기반 심층연구 기능
+ *
+ * 4단계 아키텍처:
+ * 1. 쿼리 분석 - 질문 유형 판단, 서브토픽 분해
+ * 2. 병렬 서브에이전트 실행 - 검색 API 호출, 결과 수집
+ * 3. 충분성 판단 - 커버리지 평가, 필요시 추가 검색
+ * 4. 보고서 생성 - 구조화된 보고서 + 인라인 인용
+ */
+
+/**
+ * @description useDeepResearch 훅 옵션
+ */
+interface UseDeepResearchOptions {
+    /** 웹 검색 API 호출 (필수) */
+    onWebSearch: (query: string) => Promise<SearchResult[]>;
+    /** 페이지 본문 추출 (선택) */
+    onExtractContent?: (url: string) => Promise<string>;
+    /** API 엔드포인트 */
+    apiEndpoint: string;
+    /** API 키 */
+    apiKey?: string;
+    /** 사용할 모델 */
+    model: string;
+    /** 프로바이더 */
+    provider: string;
+}
+/**
+ * @description useDeepResearch 훅
+ */
+declare const useDeepResearch: (options: UseDeepResearchOptions) => {
+    runDeepResearch: (query: string, onStreamContent: (chunk: string) => void) => Promise<{
+        content: string;
+        sources: SourceItem[];
+    }>;
+    stopResearch: () => void;
+    isResearching: boolean;
+    progress: DeepResearchProgress | null;
+};
+
+/**
+ * @description Skill 파싱 유틸리티
+ * @Todo vibecode - AI 응답에서 <skill_use> 태그 파싱
+ *
+ * 형식:
+ * <skill_use name="deepResearch">{"query":"검색어"}</skill_use>
+ */
+/**
+ * @description 파싱된 스킬 호출 정보
+ */
+interface ParsedSkillCall {
+    /** 스킬 이름 */
+    name: string;
+    /** 실행 파라미터 */
+    params: Record<string, unknown>;
+    /** 원본 매칭 문자열 */
+    rawMatch: string;
+}
+
+/**
+ * @description 스킬 관리 훅
+ * @Todo vibecode - 시스템 프롬프트 생성, auto 스킬 실행, manual 스킬 관리
+ *
+ * useChatUI에서 호출하여 스킬 관련 로직을 분리합니다.
+ */
+
+interface UseSkillsOptions {
+    /** 사용자 등록 스킬 */
+    skills?: Record<string, SkillConfig>;
+    /** @deprecated 하위 호환용 deepResearch */
+    deepResearch?: DeepResearchCallbacks;
+}
+interface UseSkillsReturn {
+    /** 시스템 프롬프트에 추가할 스킬 가이드 텍스트 */
+    buildSkillsPrompt: () => string;
+    /**
+     * @description 스트리밍 완료 후 skill_use 태그 감지 및 실행
+     * @Todo vibecode - callbacks로 진행 상태/스트리밍/중단 시그널 전달
+     * @returns skillCall이 있으면 실행하고 결과 반환, 없으면 null
+     */
+    handleSkillCall: (content: string, callbacks?: SkillExecuteCallbacks) => Promise<{
+        skillCall: ParsedSkillCall | null;
+        cleanContent: string;
+        result: SkillExecutionResult | null;
+    }>;
+    /** manual 스킬 목록 (UI 표시용) */
+    manualSkills: ManualSkillItem[];
+    /** manual 스킬 직접 실행 */
+    executeManualSkill: (skillName: string, params?: Record<string, unknown>, callbacks?: SkillExecuteCallbacks) => Promise<SkillExecutionResult | null>;
+    /** 현재 실행 중인 스킬 */
+    activeSkillExecution: SkillExecution | null;
+    /** 통합된 스킬 맵 (deepResearch 포함) */
+    resolvedSkills: Record<string, SkillConfig>;
+}
+declare const useSkills: (options: UseSkillsOptions) => UseSkillsReturn;
+
+/**
+ * @description 고급 딥리서치 스킬 생성기
+ * @Todo vibecode - useDeepResearch 4단계 파이프라인을 SkillConfig으로 통합
+ *
+ * 4단계 아키텍처:
+ * 1. 쿼리 분석 - LLM이 서브토픽 + 검색 쿼리 분해
+ * 2. 병렬 검색 - 토픽별 병렬 서브에이전트
+ * 3. 충분성 평가 - 소스 부족 시 추가 검색
+ * 4. 보고서 생성 - LLM 스트리밍 보고서 + 인라인 인용
+ */
+
+/**
+ * @description 고급 딥리서치 스킬 옵션
+ * @Todo vibecode - 라이브러리 사용자가 제공하는 검색 API + LLM 엔드포인트
+ */
+interface AdvancedResearchOptions {
+    /** 웹 검색 API 호출 (필수) */
+    onWebSearch: (query: string) => Promise<SearchResult[]>;
+    /** 페이지 본문 추출 (선택) */
+    onExtractContent?: (url: string) => Promise<string>;
+    /** LLM API 엔드포인트 */
+    apiEndpoint: string;
+    /** API 키 */
+    apiKey?: string;
+    /** 사용할 모델 */
+    model: string;
+    /** 프로바이더 */
+    provider: string;
+}
+/**
+ * @description 고급 딥리서치 SkillConfig 생성
+ * @Todo vibecode - 4단계 파이프라인을 SkillConfig으로 래핑
+ *
+ * @example
+ * ```tsx
+ * skills={{
+ *   deepResearch: createAdvancedResearchSkill({
+ *     onWebSearch: mySearchAPI,
+ *     apiEndpoint: '/api/chat',
+ *     model: 'gpt-4o-mini',
+ *     provider: 'devdive',
+ *   })
+ * }}
+ * ```
+ */
+declare const createAdvancedResearchSkill: (options: AdvancedResearchOptions) => SkillConfig;
+/**
+ * @description 하위 호환용 단순 딥리서치 스킬 생성 (기존 DeepResearchCallbacks 래핑)
+ * @deprecated createAdvancedResearchSkill 사용 권장
+ * @Todo vibecode - 기존 deepResearch prop 사용자를 위한 하위 호환
+ */
+declare const createDeepResearchSkill: (callbacks: DeepResearchCallbacks) => SkillConfig;
+
 /**
  * @description Remix Icons wrapper component
  * @see https://remixicon.com/
  * 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' | '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';
+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' | 'search-eye-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;
@@ -689,15 +1183,15 @@ declare const Icon: React$1.FC<IconProps>;
 declare const IconSvg: React$1.FC<IconProps>;
 
 /**
- * @description 채팅 사이드바 컴포넌트
- * 세션 목록, 새 대화 버튼
+ * @description 채팅 사이드바 컴포넌트 - Modern Canvas 디자인
+ * @Todo vibecode - v0.11.0 새 디자인 시스템 적용
  */
 
 declare const ChatSidebar: React$1.FC<SidebarProps>;
 
 /**
- * @description 채팅 입력창 컴포넌트
- * 텍스트 입력, 액션 메뉴, 인용문 칩
+ * @description 채팅 입력창 컴포넌트 - Modern Canvas 디자인
+ * @Todo vibecode - v0.11.0 새 디자인 시스템 적용 (플로팅 스타일)
  */
 
 declare const ChatInput: React$1.FC<InputProps>;
@@ -710,9 +1204,8 @@ declare const ChatInput: React$1.FC<InputProps>;
 declare const ChatHeader: React$1.FC<HeaderProps>;
 
 /**
- * @description 메시지 버블 컴포넌트
- * 사용자/AI 메시지 표시, 복사, 수정, 재생성
- * 마크다운 렌더링 및 출처 링크 칩 지원
+ * @description 메시지 버블 컴포넌트 - Modern Canvas 디자인
+ * @Todo vibecode - v0.11.0 새 디자인 시스템 적용
  */
 
 declare const MessageBubble: React$1.FC<MessageBubbleProps>;
@@ -724,8 +1217,8 @@ declare const MessageBubble: React$1.FC<MessageBubbleProps>;
 declare const MessageList: React$1.FC<MessageListProps>;
 
 /**
- * @description 빈 상태 컴포넌트
- * 대화가 없을 때 표시되는 시작 화면
+ * @description 빈 상태 컴포넌트 - Modern Canvas 디자인
+ * @Todo vibecode - v0.11.0 새 디자인 시스템 적용 (Landing 화면)
  */
 
 declare const EmptyState: React$1.FC<EmptyStateProps>;
@@ -801,7 +1294,62 @@ interface SettingsModalProps {
     apiKeyLabel?: string;
     /** API 키 설명 */
     apiKeyDescription?: string;
+    /** @description 메모리 아이템 목록 @Todo vibecode */
+    memoryItems?: MemoryItem[];
+    /** @description 컨텍스트 요약 (압축된 대화) @Todo vibecode */
+    contextSummary?: string;
+    /** @description 메모리 항목 삭제 핸들러 @Todo vibecode */
+    onDeleteMemory?: (key: string) => void;
+    /** @description 메모리 전체 삭제 핸들러 @Todo vibecode */
+    onClearMemory?: () => void;
 }
 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, type SendMessageResponse, SettingsModal, type SettingsModalProps, type SettingsTab, type SidebarProps, type SourceItem, type ThemeConfig, type ThemeMode, type UseChatUIOptions, type UseChatUIReturn, type UserProfile, useChatUI };
+/**
+ * @description 심층연구 진행 상태 UI 컴포넌트
+ * @Todo vibecode - 심층연구 4단계 진행 상태 표시
+ */
+
+interface DeepResearchProgressUIProps {
+    progress: DeepResearchProgress;
+}
+/**
+ * @description 심층연구 진행 상태 UI
+ */
+declare const DeepResearchProgressUI: React$1.FC<DeepResearchProgressUIProps>;
+
+/**
+ * @description AI 주도 선택지 (Poll) 컴포넌트
+ * @Todo vibecode - Claude Code 스타일 탭 UI (여러 질문 한 번에)
+ */
+
+interface PollCardProps {
+    /** 모든 질문 목록 */
+    questions: PollQuestion[];
+    /** 제출 콜백 (모든 질문의 응답) */
+    onSubmit: (responses: PollResponse[]) => void;
+    /** 건너뛰기 콜백 */
+    onSkip?: () => void;
+}
+/**
+ * @description 탭 형식 Poll 카드 컴포넌트
+ * @Todo vibecode - 여러 질문을 탭으로 표시, 모두 답변 후 제출
+ */
+declare const PollCard: React$1.FC<PollCardProps>;
+
+/**
+ * @description 스킬 실행 진행 상태 UI 컴포넌트
+ * @Todo vibecode - 범용 스킬 실행 상태 표시
+ */
+
+interface SkillProgressUIProps {
+    /** 스킬 실행 상태 */
+    execution: SkillExecution;
+    /** UI 표시용 레이블 */
+    skillLabel?: string;
+    /** 아이콘 이름 */
+    skillIcon?: string;
+}
+declare const SkillProgressUI: React$1.FC<SkillProgressUIProps>;
+
+export { type ActionItem, type ActionMenuProps, type AdvancedResearchOptions, type AlternativeResponse, ChatHeader, ChatInput, type ChatMessage, type ChatSession, ChatSidebar, ChatUI, type ChatUIComponents, type ChatUIProps, type DeepResearchCallbacks, type DeepResearchProgress, DeepResearchProgressUI, EmptyState, type EmptyStateProps, type HeaderProps, Icon, type IconName, type IconProps, IconSvg, type InputProps, LinkChip, type LinkChipProps, type ManualSkillItem, MarkdownRenderer, type MarkdownRendererProps, type MemoryItem, MemoryPanel, type MemoryPanelProps, MessageBubble, type MessageBubbleProps, MessageList, type MessageListProps, type ModelConfig, type ModelSelectorProps, type PersonalizationConfig, type PollBlock, PollCard, type PollCardProps, type PollOption, type PollQuestion, type PollResponse, type PollState, type PromptTemplate, type ProviderType, type ResponseStyle, type SearchResult, type SendMessageParams, type SendMessageResponse, SettingsModal, type SettingsModalProps, type SettingsTab, type SidebarProps, type SkillConfig, type SkillExecuteCallbacks, type SkillExecution, type SkillExecutionResult, type SkillProgress, SkillProgressUI, type SkillProgressUIProps, type SkillTrigger, type SourceItem, type SubAgentProgress, type ThemeConfig, type ThemeMode, type UseChatUIOptions, type UseChatUIReturn, type UseDeepResearchOptions, type UseSkillsOptions, type UseSkillsReturn, type UserProfile, createAdvancedResearchSkill, createDeepResearchSkill, useChatUI, useDeepResearch, useSkills };