From ebb683743718471492a8e69de36870cf31020c7a Mon Sep 17 00:00:00 2001
From: Louis <louis@jan.ai>
Date: Fri, 19 Sep 2025 10:30:03 +0700
Subject: [PATCH] chore: sync latest

---
 web-app/src/routes/threads/$threadId.tsx | 28 +++++++++++++++++-------
 1 file changed, 20 insertions(+), 8 deletions(-)

diff --git a/web-app/src/routes/threads/$threadId.tsx b/web-app/src/routes/threads/$threadId.tsx
index 43ddcc7de..e20972115 100644
--- a/web-app/src/routes/threads/$threadId.tsx
+++ b/web-app/src/routes/threads/$threadId.tsx
@@ -48,13 +48,13 @@ function ThreadDetail() {
   const scrollContainerRef = useRef<HTMLDivElement>(null)
 
   useEffect(() => {
-      setCurrentThreadId(threadId)
-      const assistant = assistants.find(
-        (assistant) => assistant.id === thread?.assistants?.[0]?.id
-      )
-      if (assistant) setCurrentAssistant(assistant)
+    setCurrentThreadId(threadId)
+    const assistant = assistants.find(
+      (assistant) => assistant.id === thread?.assistants?.[0]?.id
+    )
+    if (assistant) setCurrentAssistant(assistant)
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [threadId,  assistants])
+  }, [threadId, assistants])
 
   useEffect(() => {
     serviceHub
@@ -77,11 +77,11 @@ function ThreadDetail() {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [])
 
-  const updateMessage = (item: ThreadMessage, message: string) => {
+  const updateMessage = (item: ThreadMessage, message: string, imageUrls?: string[]) => {
     const newMessages: ThreadMessage[] = messages.map((m) => {
       if (m.id === item.id) {
         const msg: ThreadMessage = cloneDeep(m)
-        msg.content = [
+        const newContent = [
           {
             type: ContentType.Text,
             text: {
@@ -90,6 +90,18 @@ function ThreadDetail() {
             },
           },
         ]
+        // Add image content if imageUrls are provided
+        if (imageUrls && imageUrls.length > 0) {
+          imageUrls.forEach((url) => {
+            newContent.push({
+              type: 'image_url' as ContentType,
+              image_url: {
+                url: url,
+              },
+            } as any)
+          })
+        }
+        msg.content = newContent
         return msg
       }
       return m