@tablestore/tablestore-agent-cli 0.1.7 → 0.1.9

package/dist/dashboard-runtime/dashboard/src/components/qa/qa-chat-panel.tsx

@@ -26,6 +26,15 @@ interface QaChatPanelProps {
   error: string | null;
   onSend: (text: string) => void;
   onStop: () => void;
+  /** Remove a message; for user messages, optionally pair-delete the next
+   *  assistant reply (the dialog's "同时删除下方的 AI 回复" checkbox). */
+  onDelete: (id: string, opts?: { withNextAssistant?: boolean }) => void;
+  /** Truncate to this user message and rerun the assistant turn. */
+  onResend: (userId: string) => void;
+  /** Truncate to the user message above this assistant and rerun. */
+  onRegenerate: (assistantId: string) => void;
+  /** Replace a user message's content and rerun the turn. */
+  onEditSave: (userId: string, nextContent: string) => void;
   /**
    * Override the built-in empty-state copy. The panel always renders the
    * composer at the bottom, so callers can use this to surface page-level
@@ -52,18 +61,40 @@ export function QaChatPanel({
   error,
   onSend,
   onStop,
+  onDelete,
+  onResend,
+  onRegenerate,
+  onEditSave,
   emptyState,
   disabledPlaceholder,
 }: QaChatPanelProps) {
   const [input, setInput] = useState("");
   const scrollRef = useRef<HTMLDivElement>(null);
+  // Track the previous list length so we can distinguish two cases on every
+  // `messages` update: (a) a brand-new message was appended (send → user
+  // bubble + assistant placeholder), or (b) tokens were streamed into an
+  // existing assistant bubble. Case (a) must always scroll — that's the
+  // user's just-sent message, they expect to see it. Case (b) should only
+  // scroll when the user is already near the bottom, otherwise we'd fight
+  // someone who scrolled up to re-read an earlier turn.
+  const prevLengthRef = useRef(messages.length);
 
   useEffect(() => {
-    // Keep the bottom of the conversation in view without fighting a user
-    // who has scrolled up; the "smooth" behaviour lands the new token
-    // without a visible jump.
     const el = scrollRef.current;
     if (!el) return;
+    const lengthGrew = messages.length > prevLengthRef.current;
+    prevLengthRef.current = messages.length;
+
+    if (lengthGrew) {
+      // New turn appended. Defer one frame so the DOM has actually grown
+      // before we measure scrollHeight — without the rAF the scroll lands
+      // at the previous bottom and the new bubble peeks half-out.
+      requestAnimationFrame(() => {
+        el.scrollTo({ top: el.scrollHeight, behavior: "smooth" });
+      });
+      return;
+    }
+
     const nearBottom =
       el.scrollHeight - el.scrollTop - el.clientHeight < 120;
     if (nearBottom) {
@@ -118,7 +149,17 @@ export function QaChatPanel({
             />
           </div>
         ) : (
-          messages.map((m) => <QaMessage key={m.id} message={m} />)
+          messages.map((m) => (
+            <QaMessage
+              key={m.id}
+              message={m}
+              busy={isStreaming}
+              onDelete={onDelete}
+              onResend={onResend}
+              onRegenerate={onRegenerate}
+              onEditSave={onEditSave}
+            />
+          ))
         )}
       </div>