@gendive/chatllm 0.12.2 → 0.13.0

package/dist/react/index.mjs

@@ -1217,7 +1217,7 @@ var useChatUI = (options) => {
     // Memory options
     useGlobalMemoryEnabled = true,
     globalMemoryConfig,
-    enableAutoExtraction = true,
+    enableAutoExtraction: enableAutoExtractionProp,
     // External storage options
     useExternalStorage = false,
     onLoadSessions,
@@ -1233,6 +1233,7 @@ var useChatUI = (options) => {
     // Skills options
     skills
   } = options;
+  const enableAutoExtraction = enableAutoExtractionProp ?? !useExternalStorage;
   const [sessions, setSessions] = useState4([]);
   const [currentSessionId, setCurrentSessionId] = useState4(null);
   const [input, setInput] = useState4("");
@@ -1750,18 +1751,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) {
@@ -2157,8 +2180,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);
@@ -2861,8 +2884,11 @@ var ChatSidebar = ({
   onDeleteSession,
   onRenameSession,
   isOpen,
-  onToggle
+  onToggle,
+  width: widthProp,
+  theme
 }) => {
+  const sidebarWidth = typeof widthProp === "number" ? `${widthProp}px` : widthProp || "288px";
   const [editingId, setEditingId] = useState5(null);
   const [editingTitle, setEditingTitle] = useState5("");
   const inputRef = useRef4(null);
@@ -2897,12 +2923,13 @@ var ChatSidebar = ({
       handleCancelEdit();
     }
   };
+  const themeClass = theme === "dark" ? "chatllm-dark" : "";
   return /* @__PURE__ */ jsx2(
     "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",
@@ -2915,7 +2942,7 @@ var ChatSidebar = ({
         "div",
         {
           style: {
-            width: "288px",
+            width: sidebarWidth,
             height: "100%",
             display: "flex",
             flexDirection: "column",
@@ -6105,7 +6132,7 @@ var MessageBubble = ({
           display: "flex",
           flexDirection: "column",
           alignItems: "flex-end",
-          padding: "8px 24px"
+          padding: "4px 24px"
         },
         onMouseEnter: () => setShowActions(true),
         onMouseLeave: () => setShowActions(false),
@@ -6171,7 +6198,7 @@ var MessageBubble = ({
         display: "flex",
         flexDirection: "column",
         alignItems: "flex-start",
-        padding: "8px 24px"
+        padding: "4px 24px"
       },
       onMouseEnter: () => setShowActions(true),
       onMouseLeave: () => setShowActions(false),
@@ -6183,25 +6210,25 @@ var MessageBubble = ({
             className: "chatllm-sheet",
             style: {
               width: "100%",
-              padding: "24px",
+              padding: "16px",
               display: "flex",
-              gap: "16px"
+              gap: "12px"
             },
             children: [
               /* @__PURE__ */ jsx10("div", { style: { flexShrink: 0 }, children: /* @__PURE__ */ jsx10(
                 "div",
                 {
                   style: {
-                    width: "40px",
-                    height: "40px",
-                    borderRadius: "12px",
+                    width: "32px",
+                    height: "32px",
+                    borderRadius: "10px",
                     backgroundColor: "var(--chatllm-primary-light)",
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
                     color: "var(--chatllm-primary)"
                   },
-                  children: /* @__PURE__ */ jsx10(IconSvg, { name: "magic-line", size: 24 })
+                  children: /* @__PURE__ */ jsx10(IconSvg, { name: "magic-line", size: 20 })
                 }
               ) }),
               /* @__PURE__ */ jsxs9("div", { style: { flex: 1, minWidth: 0 }, children: [
@@ -6212,7 +6239,7 @@ var MessageBubble = ({
                       display: "flex",
                       alignItems: "center",
                       gap: "8px",
-                      marginBottom: "16px"
+                      marginBottom: "8px"
                     },
                     children: /* @__PURE__ */ jsx10(
                       "span",
@@ -6462,7 +6489,7 @@ var MessageBubble = ({
               display: "flex",
               gap: "2px",
               marginTop: "4px",
-              marginLeft: "56px",
+              marginLeft: "44px",
               height: "24px",
               opacity: showActions ? 1 : 0,
               transition: "opacity 0.15s ease"
@@ -7806,6 +7833,7 @@ var ChatUI = ({
   apiEndpoint = "/api/chat",
   theme,
   showSidebar = true,
+  sidebarWidth,
   showSettings = true,
   showModelSelector = true,
   systemPrompt,
@@ -7966,7 +7994,9 @@ var ChatUI = ({
             onDeleteSession: deleteSession,
             onRenameSession: renameSession,
             isOpen: sidebarOpen,
-            onToggle: toggleSidebar
+            onToggle: toggleSidebar,
+            width: sidebarWidth,
+            theme: theme?.mode
           }
         ),
         /* @__PURE__ */ jsxs13(