@gendive/chatllm 0.3.0 → 0.3.1

package/README.md

@@ -488,6 +488,89 @@ const customActions = [
 />
 ```
 
+### 5.6 마크다운 렌더링 (v0.3.0+)
+
+AI 응답에서 마크다운이 자동으로 렌더링됩니다.
+
+**지원 문법:**
+- 헤딩 (`#`, `##`, `###`)
+- 굵게 (`**text**`)
+- 기울임 (`*text*`)
+- 인라인 코드 (`` `code` ``)
+- 코드 블록 (```language)
+- 링크 (`[text](url)`)
+- 리스트 (`-`, `*`, `1.`)
+- 인용 (`>`)
+- 수평선 (`---`)
+
+```tsx
+import { MarkdownRenderer } from '@gendive/chatllm/react'
+
+<MarkdownRenderer content="**Hello** World!" />
+```
+
+### 5.7 출처 링크 칩 (v0.3.0+)
+
+출처 링크가 자동으로 칩 형태로 표시됩니다.
+
+```
+**출처:** [`1. brave`](https://...) [`2. brave`](https://...)
+```
+
+위와 같은 패턴이 아래처럼 렌더링됩니다:
+
+```
+┌────────────────────────────────────────────┐
+│ 출처:  [1 brave ↗] [2 brave ↗] [3 brave ↗] │
+└────────────────────────────────────────────┘
+```
+
+개별 사용:
+```tsx
+import { LinkChip } from '@gendive/chatllm/react'
+
+<LinkChip text="1. Wikipedia" url="https://wikipedia.org" />
+```
+
+### 5.8 설정 모달 (v0.3.0+)
+
+내장 설정 모달 컴포넌트:
+
+```tsx
+import { SettingsModal } from '@gendive/chatllm/react'
+
+function App() {
+  const [isOpen, setIsOpen] = useState(false)
+  const [personalization, setPersonalization] = useState(defaultConfig)
+
+  return (
+    <>
+      <button onClick={() => setIsOpen(true)}>설정</button>
+
+      <SettingsModal
+        isOpen={isOpen}
+        onClose={() => setIsOpen(false)}
+        personalization={personalization}
+        onPersonalizationChange={setPersonalization}
+        apiKey={apiKey}
+        onApiKeyChange={setApiKey}
+        onClearAllData={() => {
+          setSessions([])
+          localStorage.clear()
+        }}
+        apiKeyLabel="DevDive API Key"
+        apiKeyDescription="Cloud 모델 사용에 필요합니다"
+      />
+    </>
+  )
+}
+```
+
+**SettingsModal 탭:**
+- **일반**: 언어, 기본값 초기화, API 키
+- **개인 맞춤 설정**: 닉네임, 직업, 응답 스타일
+- **데이터 제어**: 메모리 토글, 전체 삭제
+
 ---
 
 ## 6. 타입 정의
@@ -866,8 +949,4 @@ const response = await fetch(
 )
 ```
 
----
-
-## 라이선스
-
-MIT
+---

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;
     /** 테마 설정 */

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;
     /** 테마 설정 */