@yushaw/sanqian-chat 0.2.11 → 0.2.13

package/dist/renderer/index.d.mts

@@ -792,7 +792,7 @@ interface UseChatPanelReturn {
     show: () => Promise<void>;
     hide: () => Promise<void>;
     toggle: () => Promise<void>;
-    setWidth: (width: number, animate?: boolean) => Promise<void>;
+    setWidth: (width: number, animate?: boolean) => void;
     onResizeEnd: () => Promise<void>;
 }
 declare function useChatPanel(): UseChatPanelReturn;

package/dist/renderer/index.d.ts

@@ -792,7 +792,7 @@ interface UseChatPanelReturn {
     show: () => Promise<void>;
     hide: () => Promise<void>;
     toggle: () => Promise<void>;
-    setWidth: (width: number, animate?: boolean) => Promise<void>;
+    setWidth: (width: number, animate?: boolean) => void;
     onResizeEnd: () => Promise<void>;
 }
 declare function useChatPanel(): UseChatPanelReturn;

package/dist/renderer/index.js

@@ -5188,11 +5188,11 @@ function useChatPanel() {
     await api.toggle();
     setVisible((v) => !v);
   }, []);
-  const setWidth = (0, import_react10.useCallback)(async (newWidth, animate) => {
+  const setWidth = (0, import_react10.useCallback)((newWidth, animate) => {
     const api = getChatPanelApi();
     if (!api?.setWidth) return;
-    await api.setWidth(newWidth, animate);
     setWidthState(newWidth);
+    api.setWidth(newWidth, animate);
   }, []);
   const onResizeEnd = (0, import_react10.useCallback)(async () => {
     const api = getChatPanelApi();
@@ -8917,6 +8917,31 @@ function AttachButton({ className, locale = "en" }) {
 // src/renderer/components/Resizer.tsx
 var import_react31 = require("react");
 var import_jsx_runtime20 = require("react/jsx-runtime");
+function useRafThrottle(fn) {
+  const rafRef = (0, import_react31.useRef)(null);
+  const argsRef = (0, import_react31.useRef)(null);
+  const fnRef = (0, import_react31.useRef)(fn);
+  fnRef.current = fn;
+  const throttledFn = (0, import_react31.useCallback)((...args) => {
+    argsRef.current = args;
+    if (rafRef.current === null) {
+      rafRef.current = requestAnimationFrame(() => {
+        rafRef.current = null;
+        if (argsRef.current) {
+          fnRef.current(...argsRef.current);
+        }
+      });
+    }
+  }, []);
+  (0, import_react31.useEffect)(() => {
+    return () => {
+      if (rafRef.current !== null) {
+        cancelAnimationFrame(rafRef.current);
+      }
+    };
+  }, []);
+  return throttledFn;
+}
 var DEFAULT_WIDTH = 360;
 function Resizer({
   position = "left",
@@ -8930,24 +8955,27 @@ function Resizer({
   const [isDragging, setIsDragging] = (0, import_react31.useState)(false);
   const startX = (0, import_react31.useRef)(0);
   const startWidth = (0, import_react31.useRef)(0);
+  const widthRef = (0, import_react31.useRef)(width);
+  widthRef.current = width;
+  const throttledSetWidth = useRafThrottle(setWidth);
   const handleDoubleClick = (0, import_react31.useCallback)(() => {
     setWidth(defaultWidth, true);
   }, [defaultWidth, setWidth]);
   const handleMouseDown = (0, import_react31.useCallback)((e) => {
     e.preventDefault();
     setIsDragging(true);
-    startX.current = e.clientX;
-    startWidth.current = width;
+    startX.current = e.screenX;
+    startWidth.current = widthRef.current;
     document.body.style.cursor = "col-resize";
     document.body.style.userSelect = "none";
-  }, [width]);
+  }, []);
   (0, import_react31.useEffect)(() => {
     if (!isDragging) return;
     const handleMouseMove = (e) => {
-      const deltaX = e.clientX - startX.current;
+      const deltaX = e.screenX - startX.current;
       const newWidth = position === "left" ? startWidth.current - deltaX : startWidth.current + deltaX;
       const clampedWidth = Math.min(maxWidth, Math.max(minWidth, newWidth));
-      setWidth(clampedWidth);
+      throttledSetWidth(clampedWidth);
     };
     const handleMouseUp = () => {
       setIsDragging(false);
@@ -8961,7 +8989,7 @@ function Resizer({
       document.removeEventListener("mousemove", handleMouseMove);
       document.removeEventListener("mouseup", handleMouseUp);
     };
-  }, [isDragging, position, minWidth, maxWidth, setWidth, onResizeEnd]);
+  }, [isDragging, position, minWidth, maxWidth, throttledSetWidth, onResizeEnd]);
   if (!isEmbedded) return null;
   const isActive = isHovered || isDragging;
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
@@ -9952,7 +9980,7 @@ var CompactChat = (0, import_react36.memo)(function CompactChat2({
       "data-chat-font-size": resolvedConfig?.fontSize || "normal",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PanelResizer, {}),
-        !hideHeader && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("header", { className: "flex h-9 flex-shrink-0 items-center px-2 border-b chat-divider-border", style: { WebkitAppRegion: "drag" }, children: isEmbedded ? (
+        !hideHeader && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("header", { className: "flex flex-shrink-0 items-center px-2 border-b chat-divider-border", style: { height: 42, WebkitAppRegion: "drag" }, children: isEmbedded ? (
           // Embedded mode: left-aligned buttons (collapse, float, history, new chat)
           /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-0.5", style: { WebkitAppRegion: "no-drag" }, children: [
             /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "chat-tooltip-wrapper", children: [

package/dist/renderer/index.mjs

@@ -5101,11 +5101,11 @@ function useChatPanel() {
     await api.toggle();
     setVisible((v) => !v);
   }, []);
-  const setWidth = useCallback6(async (newWidth, animate) => {
+  const setWidth = useCallback6((newWidth, animate) => {
     const api = getChatPanelApi();
     if (!api?.setWidth) return;
-    await api.setWidth(newWidth, animate);
     setWidthState(newWidth);
+    api.setWidth(newWidth, animate);
   }, []);
   const onResizeEnd = useCallback6(async () => {
     const api = getChatPanelApi();
@@ -8846,6 +8846,31 @@ function AttachButton({ className, locale = "en" }) {
 // src/renderer/components/Resizer.tsx
 import { useCallback as useCallback17, useRef as useRef14, useEffect as useEffect21, useState as useState19 } from "react";
 import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+function useRafThrottle(fn) {
+  const rafRef = useRef14(null);
+  const argsRef = useRef14(null);
+  const fnRef = useRef14(fn);
+  fnRef.current = fn;
+  const throttledFn = useCallback17((...args) => {
+    argsRef.current = args;
+    if (rafRef.current === null) {
+      rafRef.current = requestAnimationFrame(() => {
+        rafRef.current = null;
+        if (argsRef.current) {
+          fnRef.current(...argsRef.current);
+        }
+      });
+    }
+  }, []);
+  useEffect21(() => {
+    return () => {
+      if (rafRef.current !== null) {
+        cancelAnimationFrame(rafRef.current);
+      }
+    };
+  }, []);
+  return throttledFn;
+}
 var DEFAULT_WIDTH = 360;
 function Resizer({
   position = "left",
@@ -8859,24 +8884,27 @@ function Resizer({
   const [isDragging, setIsDragging] = useState19(false);
   const startX = useRef14(0);
   const startWidth = useRef14(0);
+  const widthRef = useRef14(width);
+  widthRef.current = width;
+  const throttledSetWidth = useRafThrottle(setWidth);
   const handleDoubleClick = useCallback17(() => {
     setWidth(defaultWidth, true);
   }, [defaultWidth, setWidth]);
   const handleMouseDown = useCallback17((e) => {
     e.preventDefault();
     setIsDragging(true);
-    startX.current = e.clientX;
-    startWidth.current = width;
+    startX.current = e.screenX;
+    startWidth.current = widthRef.current;
     document.body.style.cursor = "col-resize";
     document.body.style.userSelect = "none";
-  }, [width]);
+  }, []);
   useEffect21(() => {
     if (!isDragging) return;
     const handleMouseMove = (e) => {
-      const deltaX = e.clientX - startX.current;
+      const deltaX = e.screenX - startX.current;
       const newWidth = position === "left" ? startWidth.current - deltaX : startWidth.current + deltaX;
       const clampedWidth = Math.min(maxWidth, Math.max(minWidth, newWidth));
-      setWidth(clampedWidth);
+      throttledSetWidth(clampedWidth);
     };
     const handleMouseUp = () => {
       setIsDragging(false);
@@ -8890,7 +8918,7 @@ function Resizer({
       document.removeEventListener("mousemove", handleMouseMove);
       document.removeEventListener("mouseup", handleMouseUp);
     };
-  }, [isDragging, position, minWidth, maxWidth, setWidth, onResizeEnd]);
+  }, [isDragging, position, minWidth, maxWidth, throttledSetWidth, onResizeEnd]);
   if (!isEmbedded) return null;
   const isActive = isHovered || isDragging;
   return /* @__PURE__ */ jsxs15(
@@ -9881,7 +9909,7 @@ var CompactChat = memo17(function CompactChat2({
       "data-chat-font-size": resolvedConfig?.fontSize || "normal",
       children: [
         /* @__PURE__ */ jsx25(PanelResizer, {}),
-        !hideHeader && /* @__PURE__ */ jsx25("header", { className: "flex h-9 flex-shrink-0 items-center px-2 border-b chat-divider-border", style: { WebkitAppRegion: "drag" }, children: isEmbedded ? (
+        !hideHeader && /* @__PURE__ */ jsx25("header", { className: "flex flex-shrink-0 items-center px-2 border-b chat-divider-border", style: { height: 42, WebkitAppRegion: "drag" }, children: isEmbedded ? (
           // Embedded mode: left-aligned buttons (collapse, float, history, new chat)
           /* @__PURE__ */ jsxs20("div", { className: "flex items-center gap-0.5", style: { WebkitAppRegion: "no-drag" }, children: [
             /* @__PURE__ */ jsxs20("div", { className: "chat-tooltip-wrapper", children: [

package/package.json

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