kexsh/agent-chat-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Align human messages to the end

Browse Source
This commit is contained in:
Tat Dat Duong
2025-03-04 14:19:00 +01:00
parent d65a74ed4f
commit c9427dfcdc
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/thread/messages/human.tsx
View File

@@ -69,7 +69,7 @@ export function HumanMessage({
onSubmit={handleSubmitEdit} onSubmit={handleSubmitEdit}
/> />
) : ( ) : (
<p>{contentString}</p> <p className="text-right">{contentString}</p>
)} )}
<div className="flex gap-2 items-center ml-auto opacity-0 group-hover:opacity-100 transition-opacity"> <div className="flex gap-2 items-center ml-auto opacity-0 group-hover:opacity-100 transition-opacity">
<BranchSwitcher <BranchSwitcher

4
src/components/thread/utils.ts
View File

@@ -1,6 +1,6 @@
import { MessageContent } from "@langchain/core/messages"; import type { Message } from "@langchain/langgraph-sdk";
export function getContentString(content: MessageContent): string { export function getContentString(content: Message["content"]): string {
if (typeof content === "string") return content; if (typeof content === "string") return content;
const texts = content const texts = content
.filter((c): c is { type: "text"; text: string } => c.type === "text") .filter((c): c is { type: "text"; text: string } => c.type === "text")