fix: stabilize streamed answer completion

2026-07-19 15:26:55 +08:00
parent c22dea9979
commit 695a969c57
4 changed files with 141 additions and 37 deletions
@@ -0,0 +1,32 @@
+import { ChatMessageContent } from "@/components/chat-message-content";
+import type { ChatMessageView } from "@/lib/chat-message-view";
+
+export function AgentAvatar() {
+  return <span className="agent-avatar" aria-hidden="true" />;
+}
+
+export function ChatMessageRow({ message }: { readonly message: ChatMessageView }) {
+  const assistantLabel = message.state === "thinking"
+    ? "Jyotisha 正在分析"
+    : message.state === "streaming"
+      ? "Jyotisha 正在回答"
+      : "Jyotisha";
+
+  return (
+    <article
+      className={`message message-${message.role}`}
+      aria-label={message.role === "assistant" ? assistantLabel : "你"}
+    >
+      {message.role === "assistant" && <AgentAvatar />}
+      <div className="message-content">
+        <div className="message-bubble">
+          {message.role === "assistant" ? (
+            message.state === "thinking"
+              ? <div className="thinking"><i /><i /><i /></div>
+              : <ChatMessageContent text={message.text} />
+          ) : <p>{message.text}</p>}
+        </div>
+      </div>
+    </article>
+  );
+}