Align human messages to the end

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

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")