@agentscope-ai/chat 1.1.71-beta.1782467356478 → 1.1.71-beta.1782467989098

package/components/AgentScopeRuntimeWebUI/core/Chat/MessageList/UserMessageAnchors/helpers.ts

@@ -190,19 +190,20 @@ export function getActiveAnchorId(scrollEl: HTMLElement, anchors: UserMessageAnc
   return activeAnchorId;
 }
 
-export function getTargetTopOffset(scrollEl: HTMLElement, target: HTMLElement) {
+export function getTargetTopOffset(scrollEl: HTMLElement, target: HTMLElement, topOffset = 0) {
   const scrollRect = scrollEl.getBoundingClientRect();
   const targetRect = target.getBoundingClientRect();
 
-  return targetRect.top - scrollRect.top;
+  return targetRect.top - scrollRect.top - topOffset;
 }
 
 export function scrollTargetIntoContainerTop(
   scrollEl: HTMLElement,
   target: HTMLElement,
   behavior: ScrollBehavior = 'smooth',
+  topOffset = 0,
 ) {
-  const offset = getTargetTopOffset(scrollEl, target);
+  const offset = getTargetTopOffset(scrollEl, target, topOffset);
   if (Math.abs(offset) < 1) return;
 
   scrollEl.scrollBy({

package/components/AgentScopeRuntimeWebUI/core/Chat/MessageList/UserMessageAnchors/index.tsx

@@ -34,6 +34,7 @@ const TARGET_TOP_TOLERANCE = 2;
 const TARGET_TOP_STABLE_FRAMES = 4;
 const TARGET_TOP_SETTLE_TIMEOUT = 1600;
 const TARGET_TOP_CORRECTION_DELAY = 360;
+const TARGET_TOP_SAFE_OFFSET = 96;
 const SCROLL_EDGE_TOLERANCE = 2;
 
 function waitForNextFrame() {
@@ -79,13 +80,13 @@ async function scrollTargetIntoContainerTopAndSettle(
   let stableFrames = 0;
   const startTime = window.performance.now();
 
-  scrollTargetIntoContainerTop(scrollEl, target);
+  scrollTargetIntoContainerTop(scrollEl, target, 'smooth', TARGET_TOP_SAFE_OFFSET);
 
   while (window.performance.now() - startTime < TARGET_TOP_SETTLE_TIMEOUT) {
     await waitForNextFrame();
 
     target = getMessageElementInScrollContainer(scrollEl, messageId) || target;
-    const offset = getTargetTopOffset(scrollEl, target);
+    const offset = getTargetTopOffset(scrollEl, target, TARGET_TOP_SAFE_OFFSET);
     if (Math.abs(offset) <= TARGET_TOP_TOLERANCE) {
       stableFrames += 1;
       if (stableFrames >= TARGET_TOP_STABLE_FRAMES) return target;
@@ -100,13 +101,13 @@ async function scrollTargetIntoContainerTopAndSettle(
     const elapsed = window.performance.now() - startTime;
     const offsetSettled = previousOffset !== undefined && Math.abs(offset - previousOffset) < 0.5;
     if (elapsed > TARGET_TOP_CORRECTION_DELAY && offsetSettled) {
-      scrollTargetIntoContainerTop(scrollEl, target, 'auto');
+      scrollTargetIntoContainerTop(scrollEl, target, 'auto', TARGET_TOP_SAFE_OFFSET);
     }
     previousOffset = offset;
   }
 
   target = getMessageElementInScrollContainer(scrollEl, messageId) || target;
-  scrollTargetIntoContainerTop(scrollEl, target, 'auto');
+  scrollTargetIntoContainerTop(scrollEl, target, 'auto', TARGET_TOP_SAFE_OFFSET);
   await waitForNextFrame();
   return target;
 }

package/lib/AgentScopeRuntimeWebUI/core/Chat/MessageList/UserMessageAnchors/helpers.d.ts

@@ -11,5 +11,5 @@ export declare function areAnchorPositionsEqual(prev: Record<string, number>, ne
 export declare function getMessageElementMapInScrollContainer(scrollEl: HTMLElement): Map<string, HTMLElement>;
 export declare function getMessageElementInScrollContainer(scrollEl: HTMLElement, messageId: string): HTMLElement;
 export declare function getActiveAnchorId(scrollEl: HTMLElement, anchors: UserMessageAnchor[]): string;
-export declare function getTargetTopOffset(scrollEl: HTMLElement, target: HTMLElement): number;
-export declare function scrollTargetIntoContainerTop(scrollEl: HTMLElement, target: HTMLElement, behavior?: ScrollBehavior): void;
+export declare function getTargetTopOffset(scrollEl: HTMLElement, target: HTMLElement, topOffset?: number): number;
+export declare function scrollTargetIntoContainerTop(scrollEl: HTMLElement, target: HTMLElement, behavior?: ScrollBehavior, topOffset?: number): void;

package/lib/AgentScopeRuntimeWebUI/core/Chat/MessageList/UserMessageAnchors/helpers.js

@@ -173,13 +173,15 @@ export function getActiveAnchorId(scrollEl, anchors) {
   return activeAnchorId;
 }
 export function getTargetTopOffset(scrollEl, target) {
+  var topOffset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
   var scrollRect = scrollEl.getBoundingClientRect();
   var targetRect = target.getBoundingClientRect();
-  return targetRect.top - scrollRect.top;
+  return targetRect.top - scrollRect.top - topOffset;
 }
 export function scrollTargetIntoContainerTop(scrollEl, target) {
   var behavior = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'smooth';
-  var offset = getTargetTopOffset(scrollEl, target);
+  var topOffset = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 0;
+  var offset = getTargetTopOffset(scrollEl, target, topOffset);
   if (Math.abs(offset) < 1) return;
   scrollEl.scrollBy({
     top: offset,

package/lib/AgentScopeRuntimeWebUI/core/Chat/MessageList/UserMessageAnchors/index.js

@@ -28,6 +28,7 @@ var TARGET_TOP_TOLERANCE = 2;
 var TARGET_TOP_STABLE_FRAMES = 4;
 var TARGET_TOP_SETTLE_TIMEOUT = 1600;
 var TARGET_TOP_CORRECTION_DELAY = 360;
+var TARGET_TOP_SAFE_OFFSET = 96;
 var SCROLL_EDGE_TOLERANCE = 2;
 function waitForNextFrame() {
   return new Promise(function (resolve) {
@@ -96,7 +97,7 @@ function _scrollTargetIntoContainerTopAndSettle() {
           target = initialTarget;
           stableFrames = 0;
           startTime = window.performance.now();
-          scrollTargetIntoContainerTop(scrollEl, target);
+          scrollTargetIntoContainerTop(scrollEl, target, 'smooth', TARGET_TOP_SAFE_OFFSET);
         case 4:
           if (!(window.performance.now() - startTime < TARGET_TOP_SETTLE_TIMEOUT)) {
             _context3.next = 23;
@@ -106,7 +107,7 @@ function _scrollTargetIntoContainerTopAndSettle() {
           return waitForNextFrame();
         case 7:
           target = getMessageElementInScrollContainer(scrollEl, messageId) || target;
-          offset = getTargetTopOffset(scrollEl, target);
+          offset = getTargetTopOffset(scrollEl, target, TARGET_TOP_SAFE_OFFSET);
           if (!(Math.abs(offset) <= TARGET_TOP_TOLERANCE)) {
             _context3.next = 14;
             break;
@@ -130,14 +131,14 @@ function _scrollTargetIntoContainerTopAndSettle() {
           elapsed = window.performance.now() - startTime;
           offsetSettled = previousOffset !== undefined && Math.abs(offset - previousOffset) < 0.5;
           if (elapsed > TARGET_TOP_CORRECTION_DELAY && offsetSettled) {
-            scrollTargetIntoContainerTop(scrollEl, target, 'auto');
+            scrollTargetIntoContainerTop(scrollEl, target, 'auto', TARGET_TOP_SAFE_OFFSET);
           }
           previousOffset = offset;
           _context3.next = 4;
           break;
         case 23:
           target = getMessageElementInScrollContainer(scrollEl, messageId) || target;
-          scrollTargetIntoContainerTop(scrollEl, target, 'auto');
+          scrollTargetIntoContainerTop(scrollEl, target, 'auto', TARGET_TOP_SAFE_OFFSET);
           _context3.next = 27;
           return waitForNextFrame();
         case 27:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agentscope-ai/chat",
-  "version": "1.1.71-beta.1782467356478",
+  "version": "1.1.71-beta.1782467989098",
   "description": "a free and open-source chat framework for building excellent LLM-powered chat experiences",
   "license": "Apache-2.0",
   "sideEffects": [