@gendive/chatllm 0.12.3 → 0.13.1

package/dist/react/index.d.mts

@@ -462,6 +462,8 @@ interface ChatUIProps {
     theme?: ThemeConfig;
     /** 사이드바 표시 여부 */
     showSidebar?: boolean;
+    /** @Todo vibecode - 사이드바 너비 (기본: 288px) */
+    sidebarWidth?: number | string;
     /** 설정 버튼 표시 여부 */
     showSettings?: boolean;
     /** 모델 선택기 표시 여부 */
@@ -554,7 +556,7 @@ interface ChatUIProps {
      * @Todo vibecode - 메시지 전송 완료 후 호출
      */
     onSaveMessages?: (sessionId: string, messages: {
-        role: 'USER' | 'ASSISTANT';
+        role: 'user' | 'assistant';
         message: string;
     }[]) => Promise<void>;
     /**
@@ -624,6 +626,10 @@ interface SidebarProps {
     onRenameSession?: (id: string, newTitle: string) => void;
     isOpen: boolean;
     onToggle: () => void;
+    /** @Todo vibecode - 사이드바 너비 (기본: 288px) */
+    width?: number | string;
+    /** @Todo vibecode - 테마 모드 (chatllm-root 밖에서 사용 시 CSS 변수 직접 적용) */
+    theme?: ThemeMode;
 }
 interface MessageListProps {
     messages: ChatMessage[];
@@ -977,7 +983,7 @@ interface UseChatUIOptions {
      * @Todo vibecode - 메시지 전송 완료 후 호출
      */
     onSaveMessages?: (sessionId: string, messages: {
-        role: 'USER' | 'ASSISTANT';
+        role: 'user' | 'assistant';
         message: string;
     }[]) => Promise<void>;
     /**

package/dist/react/index.d.ts

@@ -462,6 +462,8 @@ interface ChatUIProps {
     theme?: ThemeConfig;
     /** 사이드바 표시 여부 */
     showSidebar?: boolean;
+    /** @Todo vibecode - 사이드바 너비 (기본: 288px) */
+    sidebarWidth?: number | string;
     /** 설정 버튼 표시 여부 */
     showSettings?: boolean;
     /** 모델 선택기 표시 여부 */
@@ -554,7 +556,7 @@ interface ChatUIProps {
      * @Todo vibecode - 메시지 전송 완료 후 호출
      */
     onSaveMessages?: (sessionId: string, messages: {
-        role: 'USER' | 'ASSISTANT';
+        role: 'user' | 'assistant';
         message: string;
     }[]) => Promise<void>;
     /**
@@ -624,6 +626,10 @@ interface SidebarProps {
     onRenameSession?: (id: string, newTitle: string) => void;
     isOpen: boolean;
     onToggle: () => void;
+    /** @Todo vibecode - 사이드바 너비 (기본: 288px) */
+    width?: number | string;
+    /** @Todo vibecode - 테마 모드 (chatllm-root 밖에서 사용 시 CSS 변수 직접 적용) */
+    theme?: ThemeMode;
 }
 interface MessageListProps {
     messages: ChatMessage[];
@@ -977,7 +983,7 @@ interface UseChatUIOptions {
      * @Todo vibecode - 메시지 전송 완료 후 호출
      */
     onSaveMessages?: (sessionId: string, messages: {
-        role: 'USER' | 'ASSISTANT';
+        role: 'user' | 'assistant';
         message: string;
     }[]) => Promise<void>;
     /**

package/dist/react/index.js

@@ -1190,6 +1190,7 @@ var parsePollFromContent = (content) => {
     return { pollBlock: null, cleanContent: content };
   }
   console.log("[pollParser] Total polls parsed:", polls.length, polls.map((p) => p.question));
+  cleanContent = cleanContent.replace(/\n{3,}/g, "\n\n");
   return {
     pollBlock: {
       id: generateId(),
@@ -1273,7 +1274,7 @@ var useChatUI = (options) => {
     // Memory options
     useGlobalMemoryEnabled = true,
     globalMemoryConfig,
-    enableAutoExtraction = true,
+    enableAutoExtraction: enableAutoExtractionProp,
     // External storage options
     useExternalStorage = false,
     onLoadSessions,
@@ -1289,6 +1290,7 @@ var useChatUI = (options) => {
     // Skills options
     skills
   } = options;
+  const enableAutoExtraction = enableAutoExtractionProp ?? !useExternalStorage;
   const [sessions, setSessions] = (0, import_react4.useState)([]);
   const [currentSessionId, setCurrentSessionId] = (0, import_react4.useState)(null);
   const [input, setInput] = (0, import_react4.useState)("");
@@ -1806,18 +1808,40 @@ ${newConversation}
     if (!messageContent.trim() || isLoading) return;
     let sessionId = currentSessionId;
     if (!sessionId) {
-      const now = Date.now();
-      const newSess = {
-        id: generateId2("session"),
-        title: "\uC0C8 \uB300\uD654",
-        messages: [],
-        model: selectedModel,
-        createdAt: now,
-        updatedAt: now
-      };
-      setSessions((prev) => [newSess, ...prev]);
-      sessionId = newSess.id;
-      setCurrentSessionId(sessionId);
+      if (useExternalStorage && onCreateSession) {
+        try {
+          const created = await onCreateSession();
+          const now = Date.now();
+          const newSess = {
+            id: created.id,
+            title: created.title,
+            messages: [],
+            model: selectedModel,
+            createdAt: now,
+            updatedAt: now
+          };
+          setSessions((prev) => [newSess, ...prev]);
+          sessionId = newSess.id;
+          setCurrentSessionId(sessionId);
+        } catch (error) {
+          onError?.(error instanceof Error ? error : new Error("Failed to create session"));
+          setIsLoading(false);
+          return;
+        }
+      } else {
+        const now = Date.now();
+        const newSess = {
+          id: generateId2("session"),
+          title: "\uC0C8 \uB300\uD654",
+          messages: [],
+          model: selectedModel,
+          createdAt: now,
+          updatedAt: now
+        };
+        setSessions((prev) => [newSess, ...prev]);
+        sessionId = newSess.id;
+        setCurrentSessionId(sessionId);
+      }
     }
     let finalContent = messageContent.trim();
     if (quotedText) {
@@ -2213,8 +2237,8 @@ ${result.content}
         const assistantContentForSave = accumulatedContent;
         if (assistantContentForSave && onSaveMessages) {
           const messagesToSave = [
-            { role: "USER", message: finalContent },
-            { role: "ASSISTANT", message: assistantContentForSave }
+            { role: "user", message: finalContent },
+            { role: "assistant", message: assistantContentForSave }
           ];
           onSaveMessages(capturedSessionId, messagesToSave).catch((saveError) => {
             console.error("[useChatUI] Failed to save messages:", saveError);
@@ -2917,8 +2941,11 @@ var ChatSidebar = ({
   onDeleteSession,
   onRenameSession,
   isOpen,
-  onToggle
+  onToggle,
+  width: widthProp,
+  theme
 }) => {
+  const sidebarWidth = typeof widthProp === "number" ? `${widthProp}px` : widthProp || "288px";
   const [editingId, setEditingId] = (0, import_react5.useState)(null);
   const [editingTitle, setEditingTitle] = (0, import_react5.useState)("");
   const inputRef = (0, import_react5.useRef)(null);
@@ -2953,12 +2980,13 @@ var ChatSidebar = ({
       handleCancelEdit();
     }
   };
+  const themeClass = theme === "dark" ? "chatllm-dark" : "";
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "aside",
     {
-      className: "chatllm-sidebar chatllm-sidebar-transition",
+      className: `chatllm-sidebar chatllm-sidebar-transition ${theme ? `chatllm-root ${themeClass}` : ""}`,
       style: {
-        width: isOpen ? "288px" : "0",
+        width: isOpen ? sidebarWidth : "0",
         flexShrink: 0,
         backgroundColor: "var(--chatllm-sidebar-bg)",
         borderRight: isOpen ? "1px solid var(--chatllm-border)" : "none",
@@ -2971,7 +2999,7 @@ var ChatSidebar = ({
         "div",
         {
           style: {
-            width: "288px",
+            width: sidebarWidth,
             height: "100%",
             display: "flex",
             flexDirection: "column",
@@ -5631,6 +5659,7 @@ var DeepResearchProgressUI = ({ progress }) => {
 // src/react/components/PollCard.tsx
 var import_react11 = require("react");
 var import_jsx_runtime8 = require("react/jsx-runtime");
+var stripMarkdown = (text) => text.replace(/\*\*(.+?)\*\*/g, "$1").replace(/__(.+?)__/g, "$1").replace(/\*(.+?)\*/g, "$1").replace(/_(.+?)_/g, "$1").replace(/`(.+?)`/g, "$1").replace(/~~(.+?)~~/g, "$1");
 var PollCard = ({
   questions,
   onSubmit,
@@ -5760,7 +5789,10 @@ var PollCard = ({
                   },
                   children: [
                     hasSelection && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(IconSvg, { name: "check-line", size: 14, color: "var(--chatllm-success, #22c55e)" }),
-                    q.question.length > 15 ? q.question.substring(0, 15) + "..." : q.question
+                    (() => {
+                      const t = stripMarkdown(q.question);
+                      return t.length > 15 ? t.substring(0, 15) + "..." : t;
+                    })()
                   ]
                 },
                 q.id
@@ -5784,7 +5816,7 @@ var PollCard = ({
                     fontWeight: 600,
                     color: "var(--chatllm-text, #1e293b)"
                   },
-                  children: currentQuestion.question
+                  children: stripMarkdown(currentQuestion.question)
                 }
               ),
               currentQuestion.multiSelect && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
@@ -5852,7 +5884,7 @@ var PollCard = ({
                           color: "var(--chatllm-text, #1e293b)",
                           lineHeight: "1.4"
                         },
-                        children: option.label
+                        children: stripMarkdown(option.label)
                       }
                     ),
                     option.description && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
@@ -5864,7 +5896,7 @@ var PollCard = ({
                           marginTop: "2px",
                           lineHeight: "1.3"
                         },
-                        children: option.description
+                        children: stripMarkdown(option.description)
                       }
                     )
                   ] })
@@ -7862,6 +7894,7 @@ var ChatUI = ({
   apiEndpoint = "/api/chat",
   theme,
   showSidebar = true,
+  sidebarWidth,
   showSettings = true,
   showModelSelector = true,
   systemPrompt,
@@ -8022,7 +8055,9 @@ var ChatUI = ({
             onDeleteSession: deleteSession,
             onRenameSession: renameSession,
             isOpen: sidebarOpen,
-            onToggle: toggleSidebar
+            onToggle: toggleSidebar,
+            width: sidebarWidth,
+            theme: theme?.mode
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(