@tablestore/tablestore-agent-cli 0.1.6 → 0.1.8

package/dist/dashboard-runtime/dashboard/src/components/memory/memory-header.tsx

@@ -1,7 +1,6 @@
 'use client';
 
-import Link from "next/link";
-import { ArrowLeft, Brain, Trash2 } from "lucide-react";
+import { Brain, Trash2 } from "lucide-react";
 import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import type { MemoryStore } from "@/types/memory";
@@ -14,21 +13,13 @@ interface MemoryHeaderProps {
 export function MemoryHeader({ memoryStore, onDelete }: MemoryHeaderProps) {
   return (
     <div className="space-y-4">
-      <Link
-        href="/memory"
-        className="inline-flex items-center gap-1 text-sm text-muted-foreground transition-colors hover:text-foreground"
-      >
-        <ArrowLeft className="h-4 w-4" />
-        返回记忆库列表
-      </Link>
-
       <div className="flex items-start justify-between gap-4">
         <div className="min-w-0 space-y-2">
           <div className="flex items-center gap-3">
             <div className="rounded-lg bg-[hsl(var(--primary)/0.1)] p-2 text-primary">
               <Brain className="h-5 w-5" />
             </div>
-            <h1 className="truncate font-display text-[32px] font-semibold leading-tight text-foreground">
+            <h1 className="truncate font-display text-[32px] font-semibold leading-tight tracking-tight text-foreground">
               {memoryStore.memoryStoreName}
             </h1>
             <Badge variant="secondary" className="border-0 bg-[hsl(var(--primary-50))] text-primary">
@@ -40,7 +31,12 @@ export function MemoryHeader({ memoryStore, onDelete }: MemoryHeaderProps) {
           </p>
         </div>
 
-        <Button variant="destructive" onClick={onDelete}>
+        <Button
+          variant="ghost"
+          size="sm"
+          className="text-[hsl(var(--muted-foreground))] hover:text-[hsl(var(--destructive))] hover:bg-[hsl(var(--destructive))]/10"
+          onClick={onDelete}
+        >
           <Trash2 className="mr-2 h-4 w-4" />
           删除
         </Button>

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>