From c9427dfcdcbc4e3d991f4b8e012ebb0028bf5deb Mon Sep 17 00:00:00 2001
From: Tat Dat Duong <david@duong.cz>
Date: Tue, 4 Mar 2025 14:19:00 +0100
Subject: [PATCH] Align human messages to the end

---
 src/components/thread/messages/human.tsx | 2 +-
 src/components/thread/utils.ts           | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/thread/messages/human.tsx b/src/components/thread/messages/human.tsx
index 3e9393b..453631c 100644
--- a/src/components/thread/messages/human.tsx
+++ b/src/components/thread/messages/human.tsx
@@ -69,7 +69,7 @@ export function HumanMessage({
             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">
           <BranchSwitcher
diff --git a/src/components/thread/utils.ts b/src/components/thread/utils.ts
index b24e8db..33f9c58 100644
--- a/src/components/thread/utils.ts
+++ b/src/components/thread/utils.ts
@@ -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;
   const texts = content
     .filter((c): c is { type: "text"; text: string } => c.type === "text")