Merge branch 'ollama-webui:main' into session-security

src/lib/components/chat/MessageInput.svelte

@@ -145,6 +145,7 @@
 			name: url,
 			collection_name: '',
 			upload_status: false,
+			url: url,
 			error: ''
 		};
 

src/lib/components/chat/Messages/UserMessage.svelte

@@ -82,8 +82,14 @@
 							{#if file.type === 'image'}
 								<img src={file.url} alt="input" class=" max-h-96 rounded-lg" draggable="false" />
 							{:else if file.type === 'doc'}
-								<div
-									class="h-16 w-[15rem] flex items-center space-x-3 px-2.5 dark:bg-gray-600 rounded-xl border border-gray-200 dark:border-none"
+								<button
+									class="h-16 w-[15rem] flex items-center space-x-3 px-2.5 dark:bg-gray-600 rounded-xl border border-gray-200 dark:border-none text-left"
+									type="button"
+									on:click={() => {
+										if (file?.url) {
+											window.open(file?.url, '_blank').focus();
+										}
+									}}
 								>
 									<div class="p-2.5 bg-red-400 text-white rounded-lg">
 										<svg
@@ -110,7 +116,7 @@
 
 										<div class=" text-gray-500 text-sm">Document</div>
 									</div>
-								</div>
+								</button>
 							{/if}
 						</div>
 					{/each}

src/lib/components/chat/ModelSelector.svelte

@@ -58,11 +58,9 @@
 					class="  self-center {selectedModelIdx === 0
 						? 'mr-3'
 						: 'mr-7'} disabled:text-gray-600 disabled:hover:text-gray-600"
-					disabled={selectedModels.length === 3 || disabled}
+					{disabled}
 					on:click={() => {
-						if (selectedModels.length < 3) {
 						selectedModels = [...selectedModels, ''];
-						}
 					}}
 				>
 					<svg

src/lib/components/layout/Sidebar.svelte

@@ -548,7 +548,7 @@
 					{#if showDropdown}
 						<div
 							id="dropdownDots"
-							class="absolute z-10 bottom-[70px] 4.5rem rounded-lg shadow w-[240px] bg-gray-900"
+							class="absolute z-40 bottom-[70px] 4.5rem rounded-lg shadow w-[240px] bg-gray-900"
 						>
 							<div class="py-2 w-full">
 								{#if $user.role === 'admin'}