@yushaw/sanqian-chat 0.2.40 → 0.2.42

package/dist/renderer/index.d.mts

@@ -1350,6 +1350,8 @@ interface CompactChatHistoryConfig {
     /** Label shown on highlighted rows. */
     highlightedLabel?: string | ((conversation: ConversationInfo) => string | null | undefined);
 }
+type LegacyNewConversationRef = React.MutableRefObject<(() => void) | null>;
+type ExtendedNewConversationRef = React.MutableRefObject<((options?: ConversationSwitchOptions) => void) | null>;
 interface CompactChatProps {
     /** Chat adapter for backend communication */
     adapter: ChatAdapter;
@@ -1384,7 +1386,7 @@ interface CompactChatProps {
     /** Ref to expose sendMessage function for external input */
     sendMessageRef?: React.MutableRefObject<((message: string) => void) | null>;
     /** Ref to expose newConversation function */
-    newConversationRef?: React.MutableRefObject<((options?: ConversationSwitchOptions) => void) | null>;
+    newConversationRef?: LegacyNewConversationRef | ExtendedNewConversationRef;
     /** Ref to expose loadConversation function */
     loadConversationRef?: React.MutableRefObject<((id: string, options?: ConversationSwitchOptions) => Promise<void>) | null>;
     /** Ref to expose stopStreaming function */

package/dist/renderer/index.d.ts

@@ -1350,6 +1350,8 @@ interface CompactChatHistoryConfig {
     /** Label shown on highlighted rows. */
     highlightedLabel?: string | ((conversation: ConversationInfo) => string | null | undefined);
 }
+type LegacyNewConversationRef = React.MutableRefObject<(() => void) | null>;
+type ExtendedNewConversationRef = React.MutableRefObject<((options?: ConversationSwitchOptions) => void) | null>;
 interface CompactChatProps {
     /** Chat adapter for backend communication */
     adapter: ChatAdapter;
@@ -1384,7 +1386,7 @@ interface CompactChatProps {
     /** Ref to expose sendMessage function for external input */
     sendMessageRef?: React.MutableRefObject<((message: string) => void) | null>;
     /** Ref to expose newConversation function */
-    newConversationRef?: React.MutableRefObject<((options?: ConversationSwitchOptions) => void) | null>;
+    newConversationRef?: LegacyNewConversationRef | ExtendedNewConversationRef;
     /** Ref to expose loadConversation function */
     loadConversationRef?: React.MutableRefObject<((id: string, options?: ConversationSwitchOptions) => Promise<void>) | null>;
     /** Ref to expose stopStreaming function */

package/dist/renderer/index.js

@@ -10348,9 +10348,10 @@ var HistoryList = (0, import_react36.memo)(function HistoryList2({
             padding: "0.5rem 0.75rem",
             textAlign: "left",
             cursor: "pointer",
-            transition: "background-color 0.15s ease, border-color 0.15s ease",
-            border: isHighlighted ? "1px solid var(--chat-accent)" : "1px solid transparent",
-            background: isSelected || isHovered ? colors.hover : isHighlighted ? "color-mix(in srgb, var(--chat-accent) 10%, transparent)" : "transparent"
+            transition: "background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease",
+            border: isSelected ? "1px solid var(--chat-border-focus)" : "1px solid transparent",
+            background: isSelected || isHovered ? colors.hover : isHighlighted ? "color-mix(in srgb, var(--chat-accent) 6%, transparent)" : "transparent",
+            boxShadow: isSelected ? "inset 2px 0 0 var(--chat-accent)" : "none"
           },
           onClick: () => onSelect(conv.id),
           onMouseEnter: () => setHoveredId(conv.id),
@@ -10371,11 +10372,13 @@ var HistoryList = (0, import_react36.memo)(function HistoryList2({
                     style: {
                       fontSize: "0.625rem",
                       lineHeight: 1,
-                      padding: "0.2rem 0.35rem",
+                      padding: "0.18rem 0.32rem",
                       borderRadius: 999,
-                      background: "var(--chat-accent)",
-                      color: "#fff",
-                      flexShrink: 0
+                      border: "1px solid color-mix(in srgb, var(--chat-accent) 30%, transparent)",
+                      background: "color-mix(in srgb, var(--chat-accent) 12%, transparent)",
+                      color: "color-mix(in srgb, var(--chat-accent) 85%, var(--chat-text) 15%)",
+                      flexShrink: 0,
+                      fontWeight: 500
                     },
                     children: resolvedHighlightLabel
                   }
@@ -10416,39 +10419,50 @@ var HistoryModal = (0, import_react37.memo)(function HistoryModal2({
   isDarkMode = false
 }) {
   const modalRef = (0, import_react37.useRef)(null);
+  const closeTimerRef = (0, import_react37.useRef)(null);
   const [isClosing, setIsClosing] = (0, import_react37.useState)(false);
   const [shouldRender, setShouldRender] = (0, import_react37.useState)(isOpen);
+  const clearCloseTimer = (0, import_react37.useCallback)(() => {
+    if (closeTimerRef.current === null) return;
+    clearTimeout(closeTimerRef.current);
+    closeTimerRef.current = null;
+  }, []);
   (0, import_react37.useEffect)(() => {
     if (isOpen) {
+      clearCloseTimer();
       setShouldRender(true);
       setIsClosing(false);
-    } else if (shouldRender && !isClosing) {
-      setIsClosing(true);
-      setTimeout(() => {
-        setShouldRender(false);
-        setIsClosing(false);
-      }, ANIMATION_DURATION);
+      return;
+    }
+    if (!shouldRender) {
+      setIsClosing(false);
+      return;
     }
-  }, [isOpen, shouldRender, isClosing]);
-  const handleClose = (0, import_react37.useCallback)(() => {
     setIsClosing(true);
-    setTimeout(() => {
+    clearCloseTimer();
+    closeTimerRef.current = setTimeout(() => {
       setShouldRender(false);
       setIsClosing(false);
-      onClose();
+      closeTimerRef.current = null;
     }, ANIMATION_DURATION);
-  }, [onClose]);
+    return clearCloseTimer;
+  }, [isOpen, shouldRender, clearCloseTimer]);
+  (0, import_react37.useEffect)(() => clearCloseTimer, [clearCloseTimer]);
+  const handleCloseRequest = (0, import_react37.useCallback)(() => {
+    if (!isOpen || isClosing) return;
+    onClose();
+  }, [isOpen, isClosing, onClose]);
   (0, import_react37.useEffect)(() => {
     if (!shouldRender || isClosing) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
         e.preventDefault();
-        handleClose();
+        handleCloseRequest();
       }
     };
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
-  }, [shouldRender, isClosing, handleClose]);
+  }, [shouldRender, isClosing, handleCloseRequest]);
   (0, import_react37.useEffect)(() => {
     if (!isOpen || !modalRef.current) return;
     modalRef.current.focus();
@@ -10456,11 +10470,12 @@ var HistoryModal = (0, import_react37.memo)(function HistoryModal2({
   const handleBackdropClick = (0, import_react37.useCallback)(
     (e) => {
       if (e.target === e.currentTarget && !isClosing) {
-        handleClose();
+        handleCloseRequest();
       }
     },
-    [handleClose, isClosing]
+    [handleCloseRequest, isClosing]
   );
+  useWindowDragLock(shouldRender);
   if (!shouldRender) return null;
   const closingClass = isClosing ? " chat-modal-closing" : "";
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
@@ -10529,7 +10544,7 @@ var HistoryModal = (0, import_react37.memo)(function HistoryModal2({
                   /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                     "button",
                     {
-                      onClick: handleClose,
+                      onClick: handleCloseRequest,
                       "aria-label": closeLabel,
                       style: {
                         display: "flex",
@@ -10698,7 +10713,6 @@ var CompactChat = (0, import_react38.memo)(function CompactChat2({
   const chatContainerRef = (0, import_react38.useRef)(null);
   const chatInputRef = (0, import_react38.useRef)(null);
   const [showHistory, setShowHistory] = (0, import_react38.useState)(false);
-  useWindowDragLock(showHistory);
   const [connectionAlert, setConnectionAlert] = (0, import_react38.useState)(null);
   const portalContainerRef = (0, import_react38.useRef)(inputPortalContainer ?? null);
   portalContainerRef.current = inputPortalContainer ?? null;

package/dist/renderer/index.mjs

@@ -10276,9 +10276,10 @@ var HistoryList = memo16(function HistoryList2({
             padding: "0.5rem 0.75rem",
             textAlign: "left",
             cursor: "pointer",
-            transition: "background-color 0.15s ease, border-color 0.15s ease",
-            border: isHighlighted ? "1px solid var(--chat-accent)" : "1px solid transparent",
-            background: isSelected || isHovered ? colors.hover : isHighlighted ? "color-mix(in srgb, var(--chat-accent) 10%, transparent)" : "transparent"
+            transition: "background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease",
+            border: isSelected ? "1px solid var(--chat-border-focus)" : "1px solid transparent",
+            background: isSelected || isHovered ? colors.hover : isHighlighted ? "color-mix(in srgb, var(--chat-accent) 6%, transparent)" : "transparent",
+            boxShadow: isSelected ? "inset 2px 0 0 var(--chat-accent)" : "none"
           },
           onClick: () => onSelect(conv.id),
           onMouseEnter: () => setHoveredId(conv.id),
@@ -10299,11 +10300,13 @@ var HistoryList = memo16(function HistoryList2({
                     style: {
                       fontSize: "0.625rem",
                       lineHeight: 1,
-                      padding: "0.2rem 0.35rem",
+                      padding: "0.18rem 0.32rem",
                       borderRadius: 999,
-                      background: "var(--chat-accent)",
-                      color: "#fff",
-                      flexShrink: 0
+                      border: "1px solid color-mix(in srgb, var(--chat-accent) 30%, transparent)",
+                      background: "color-mix(in srgb, var(--chat-accent) 12%, transparent)",
+                      color: "color-mix(in srgb, var(--chat-accent) 85%, var(--chat-text) 15%)",
+                      flexShrink: 0,
+                      fontWeight: 500
                     },
                     children: resolvedHighlightLabel
                   }
@@ -10344,39 +10347,50 @@ var HistoryModal = memo17(function HistoryModal2({
   isDarkMode = false
 }) {
   const modalRef = useRef17(null);
+  const closeTimerRef = useRef17(null);
   const [isClosing, setIsClosing] = useState21(false);
   const [shouldRender, setShouldRender] = useState21(isOpen);
+  const clearCloseTimer = useCallback21(() => {
+    if (closeTimerRef.current === null) return;
+    clearTimeout(closeTimerRef.current);
+    closeTimerRef.current = null;
+  }, []);
   useEffect25(() => {
     if (isOpen) {
+      clearCloseTimer();
       setShouldRender(true);
       setIsClosing(false);
-    } else if (shouldRender && !isClosing) {
-      setIsClosing(true);
-      setTimeout(() => {
-        setShouldRender(false);
-        setIsClosing(false);
-      }, ANIMATION_DURATION);
+      return;
+    }
+    if (!shouldRender) {
+      setIsClosing(false);
+      return;
     }
-  }, [isOpen, shouldRender, isClosing]);
-  const handleClose = useCallback21(() => {
     setIsClosing(true);
-    setTimeout(() => {
+    clearCloseTimer();
+    closeTimerRef.current = setTimeout(() => {
       setShouldRender(false);
       setIsClosing(false);
-      onClose();
+      closeTimerRef.current = null;
     }, ANIMATION_DURATION);
-  }, [onClose]);
+    return clearCloseTimer;
+  }, [isOpen, shouldRender, clearCloseTimer]);
+  useEffect25(() => clearCloseTimer, [clearCloseTimer]);
+  const handleCloseRequest = useCallback21(() => {
+    if (!isOpen || isClosing) return;
+    onClose();
+  }, [isOpen, isClosing, onClose]);
   useEffect25(() => {
     if (!shouldRender || isClosing) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
         e.preventDefault();
-        handleClose();
+        handleCloseRequest();
       }
     };
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
-  }, [shouldRender, isClosing, handleClose]);
+  }, [shouldRender, isClosing, handleCloseRequest]);
   useEffect25(() => {
     if (!isOpen || !modalRef.current) return;
     modalRef.current.focus();
@@ -10384,11 +10398,12 @@ var HistoryModal = memo17(function HistoryModal2({
   const handleBackdropClick = useCallback21(
     (e) => {
       if (e.target === e.currentTarget && !isClosing) {
-        handleClose();
+        handleCloseRequest();
       }
     },
-    [handleClose, isClosing]
+    [handleCloseRequest, isClosing]
   );
+  useWindowDragLock(shouldRender);
   if (!shouldRender) return null;
   const closingClass = isClosing ? " chat-modal-closing" : "";
   return /* @__PURE__ */ jsx24(
@@ -10457,7 +10472,7 @@ var HistoryModal = memo17(function HistoryModal2({
                   /* @__PURE__ */ jsx24(
                     "button",
                     {
-                      onClick: handleClose,
+                      onClick: handleCloseRequest,
                       "aria-label": closeLabel,
                       style: {
                         display: "flex",
@@ -10626,7 +10641,6 @@ var CompactChat = memo18(function CompactChat2({
   const chatContainerRef = useRef18(null);
   const chatInputRef = useRef18(null);
   const [showHistory, setShowHistory] = useState22(false);
-  useWindowDragLock(showHistory);
   const [connectionAlert, setConnectionAlert] = useState22(null);
   const portalContainerRef = useRef18(inputPortalContainer ?? null);
   portalContainerRef.current = inputPortalContainer ?? null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yushaw/sanqian-chat",
-  "version": "0.2.40",
+  "version": "0.2.42",
   "description": "Floating chat window SDK for Sanqian AI Assistant",
   "main": "./dist/main/index.js",
   "types": "./dist/main/index.d.ts",