From 25e85c0ee3bc330ff74bc436097aca52bdcaf420 Mon Sep 17 00:00:00 2001
From: Yasushiko <yasushiko.xd@gmail.com>
Date: Tue, 19 Dec 2023 22:10:54 -0500
Subject: [PATCH 1/3] Update TROUBLESHOOTING.md

---
 TROUBLESHOOTING.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/TROUBLESHOOTING.md b/TROUBLESHOOTING.md
index 024f4732..2fabe497 100644
--- a/TROUBLESHOOTING.md
+++ b/TROUBLESHOOTING.md
@@ -46,7 +46,7 @@ docker run --platform linux/amd64 -d -p 3000:8080 -e OLLAMA_API_BASE_URL=http://
 ```
 
 ## Running ollama-webui as a container on WSL Ubuntu
-If you're running ollama-webui via docker on WSL Ubuntu and have chosen to install webui and ollama separately, you might encounter connection issues. This is often due to the docker container being unable to reach the Ollama server at 127.0.0.1:11434. To resolve this, you can use the `--network=host` flag in the docker command. 
+If you're running ollama-webui via docker on WSL Ubuntu and have chosen to install webui and ollama separately, you might encounter connection issues. This is often due to the docker container being unable to reach the Ollama server at 127.0.0.1:11434. To resolve this, you can use the `--network=host` flag in the docker command. When done so port would be changed from 3000 to 8080, and the link would be: http://localhost:8080.
 
 Here's an example of the command you should run:
 

From 0f2360a384f9b24bd56c8a933c54e396a36b51f1 Mon Sep 17 00:00:00 2001
From: "Timothy J. Baek" <timothyjrbeck@gmail.com>
Date: Tue, 19 Dec 2023 20:08:47 -0800
Subject: [PATCH 2/3] fix: file drag and drop overlay

---
 src/lib/components/chat/MessageInput.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/chat/MessageInput.svelte b/src/lib/components/chat/MessageInput.svelte
index 54291f22..57f48bef 100644
--- a/src/lib/components/chat/MessageInput.svelte
+++ b/src/lib/components/chat/MessageInput.svelte
@@ -132,13 +132,13 @@
 
 {#if dragged}
 	<div
-		class="absolute w-full h-full flex z-50 touch-none pointer-events-none"
+		class="fixed w-full h-full flex z-50 touch-none pointer-events-none"
 		id="dropzone"
 		role="region"
 		aria-label="Drag and Drop Container"
 	>
 		<div class="absolute rounded-xl w-full h-full backdrop-blur bg-gray-800/40 flex justify-center">
-			<div class="m-auto pt-48 flex flex-col justify-center">
+			<div class="m-auto pt-64 flex flex-col justify-center">
 				<div class="max-w-md">
 					<div class="  text-center text-6xl mb-3">🏞️</div>
 					<div class="text-center dark:text-white text-2xl font-semibold z-50">Add Images</div>

From c57c72cc39bbe6498771276162e39f32a33e798f Mon Sep 17 00:00:00 2001
From: "Timothy J. Baek" <timothyjrbeck@gmail.com>
Date: Tue, 19 Dec 2023 20:10:58 -0800
Subject: [PATCH 3/3] fix: disable profile image drag

---
 src/lib/components/chat/Messages.svelte | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/chat/Messages.svelte b/src/lib/components/chat/Messages.svelte
index 9a39089d..543ce6a5 100644
--- a/src/lib/components/chat/Messages.svelte
+++ b/src/lib/components/chat/Messages.svelte
@@ -362,9 +362,19 @@
 	<div class="m-auto text-center max-w-md pb-56 px-2">
 		<div class="flex justify-center mt-8">
 			{#if selectedModelfile && selectedModelfile.imageUrl}
-				<img src={selectedModelfile?.imageUrl} class=" w-20 mb-2 rounded-full" />
+				<img
+					src={selectedModelfile?.imageUrl}
+					alt="modelfile"
+					class=" w-20 mb-2 rounded-full"
+					draggable="false"
+				/>
 			{:else}
-				<img src="/ollama.png" class=" w-16 invert-[10%] dark:invert-[100%] rounded-full" />
+				<img
+					src="/ollama.png"
+					class=" w-16 invert-[10%] dark:invert-[100%] rounded-full"
+					alt="ollama"
+					draggable="false"
+				/>
 			{/if}
 		</div>
 		<div class=" mt-2 text-2xl text-gray-800 dark:text-gray-100 font-semibold">
@@ -401,12 +411,14 @@
 									src="{$settings.gravatarUrl ? $settings.gravatarUrl : '/user'}.png"
 									class=" max-w-[28px] object-cover rounded-full"
 									alt="User profile"
+									draggable="false"
 								/>
 							{:else}
 								<img
 									src={$user ? $user.profile_image_url : '/user.png'}
 									class=" max-w-[28px] object-cover rounded-full"
 									alt="User profile"
+									draggable="false"
 								/>
 							{/if}
 						{:else if selectedModelfile}
@@ -414,12 +426,14 @@
 								src={selectedModelfile?.imageUrl ?? '/favicon.png'}
 								class=" max-w-[28px] object-cover rounded-full"
 								alt="Ollama profile"
+								draggable="false"
 							/>
 						{:else}
 							<img
 								src="/favicon.png"
 								class=" max-w-[28px] object-cover rounded-full"
 								alt="Ollama profile"
+								draggable="false"
 							/>
 						{/if}
 					</div>