From 76b9614b3bdd1805c7a67f41d5a0d814b26291bf Mon Sep 17 00:00:00 2001
From: silentoplayz <jacwoo21@outlook.com>
Date: Fri, 7 Aug 2026 13:14:47 -0400
Subject: [PATCH] fix(ui): resolve owner avatars against the API base url and
 add a fallback

---
 src/lib/components/chat/Placeholder/ChatList.svelte | 8 +++++++-
 src/lib/components/layout/Sidebar/ChatItem.svelte   | 8 +++++++-
 2 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/chat/Placeholder/ChatList.svelte b/src/lib/components/chat/Placeholder/ChatList.svelte
index aaecdbb73f..92f099ccd0 100644
--- a/src/lib/components/chat/Placeholder/ChatList.svelte
+++ b/src/lib/components/chat/Placeholder/ChatList.svelte
@@ -11,6 +11,7 @@
 	import dayjs from 'dayjs';
 	import localizedFormat from 'dayjs/plugin/localizedFormat';
 	import { getTimeRange } from '$lib/utils';
+	import { WEBUI_API_BASE_URL, WEBUI_BASE_URL } from '$lib/constants';
 	import ChevronUp from '$lib/components/icons/ChevronUp.svelte';
 	import ChevronDown from '$lib/components/icons/ChevronDown.svelte';
 	import ChevronLeft from '$lib/components/icons/ChevronLeft.svelte';
@@ -240,9 +241,14 @@
 					{#if showOwnerInfo && chat.user_id && chat.owner_name}
 						<Tooltip content={chat.owner_name}>
 							<img
-								src="/api/v1/users/{chat.user_id}/profile/image"
+								src="{WEBUI_API_BASE_URL}/users/{chat.user_id}/profile/image"
 								alt=""
 								class="size-4 rounded-full shrink-0 object-cover"
+								on:error={(e) => {
+									if (!e.currentTarget.src.endsWith('/static/favicon.png')) {
+										e.currentTarget.src = `${WEBUI_BASE_URL}/static/favicon.png`;
+									}
+								}}
 							/>
 						</Tooltip>
 					{/if}
diff --git a/src/lib/components/layout/Sidebar/ChatItem.svelte b/src/lib/components/layout/Sidebar/ChatItem.svelte
index c59c49ee53..12be41f94a 100644
--- a/src/lib/components/layout/Sidebar/ChatItem.svelte
+++ b/src/lib/components/layout/Sidebar/ChatItem.svelte
@@ -16,6 +16,7 @@
 
 <script lang="ts">
 	import { toast } from 'svelte-sonner';
+	import { WEBUI_API_BASE_URL, WEBUI_BASE_URL } from '$lib/constants';
 	import { goto, invalidate, invalidateAll } from '$app/navigation';
 	import { onMount, getContext, createEventDispatcher, tick } from 'svelte';
 	import { LinkPreview } from 'bits-ui';
@@ -508,9 +509,14 @@
 	{#if ownerUserId}
 		<Tooltip content={ownerName || 'Unknown'}>
 			<img
-				src="/api/v1/users/{ownerUserId}/profile/image"
+				src="{WEBUI_API_BASE_URL}/users/{ownerUserId}/profile/image"
 				alt=""
 				class="size-3.5 rounded-full shrink-0 object-cover mr-1.5"
+				on:error={(e) => {
+					if (!e.currentTarget.src.endsWith('/static/favicon.png')) {
+						e.currentTarget.src = `${WEBUI_BASE_URL}/static/favicon.png`;
+					}
+				}}
 			/>
 		</Tooltip>
 	{/if}