Merge branch 'dev' into debug_print

371dfc11 · Timothy Jaeryang Baek · GitHub · f74f2ea7 · a1faa307 · 371dfc11
Unverified Commit 371dfc11 authored Mar 24, 2024 by Timothy Jaeryang Baek Committed by GitHub Mar 24, 2024
20 changed files
--- a/src/lib/components/common/ImagePreview.svelte
+++ b/src/lib/components/common/ImagePreview.svelte
@@ -2,6 +2,22 @@
 	export let show = false;
 	export let src = '';
 	export let alt = '';
+	const downloadImage = (url, filename) => {
+		fetch(url)
+			.then((response) => response.blob())
+			.then((blob) => {
+				const objectUrl = window.URL.createObjectURL(blob);
+				const link = document.createElement('a');
+				link.href = objectUrl;
+				link.download = filename;
+				document.body.appendChild(link);
+				link.click();
+				document.body.removeChild(link);
+				window.URL.revokeObjectURL(objectUrl);
+			})
+			.catch((error) => console.error('Error downloading image:', error));
+	};
 </script>
 {#if show}
@@ -35,10 +51,7 @@
 				<button
 					class=" p-5"
 					on:click={() => {
-						const a = document.createElement('a');
+						downloadImage(src, 'Image.png');
-						a.href = src;
-						a.download = 'Image.png';
-						a.click();
 					}}
 				>
 					<svg

--- a/src/lib/components/common/Modal.svelte
+++ b/src/lib/components/common/Modal.svelte
@@ -2,6 +2,8 @@
 	import { onMount } from 'svelte';
 	import { fade } from 'svelte/transition';
+	import { flyAndScale } from '$lib/utils/transitions';
 	export let show = true;
 	export let size = 'md';
@@ -41,10 +43,10 @@
 		}}
 	>
 		<div
-			class=" modal-content m-auto rounded-2xl max-w-full {sizeToWidth(
+			class=" m-auto rounded-2xl max-w-full {sizeToWidth(
 				size
 			)} mx-2 bg-gray-50 dark:bg-gray-900 shadow-3xl"
-			in:fade={{ duration: 10 }}
+			in:flyAndScale
 			on:click={(e) => {
 				e.stopPropagation();
 			}}

--- a/src/lib/components/common/Select.svelte
+++ b/src/lib/components/common/Select.svelte
+<script lang="ts">
+	import { Select } from 'bits-ui';
+	import { flyAndScale } from '$lib/utils/transitions';
+	import { createEventDispatcher } from 'svelte';
+	import ChevronDown from '../icons/ChevronDown.svelte';
+	import Check from '../icons/Check.svelte';
+	import Search from '../icons/Search.svelte';
+	const dispatch = createEventDispatcher();
+	export let value = '';
+	export let placeholder = 'Select a model';
+	export let items = [
+		{ value: 'mango', label: 'Mango' },
+		{ value: 'watermelon', label: 'Watermelon' },
+		{ value: 'apple', label: 'Apple' },
+		{ value: 'pineapple', label: 'Pineapple' },
+		{ value: 'orange', label: 'Orange' }
+	];
+	let searchValue = '';
+	$: filteredItems = searchValue
+		? items.filter((item) => item.value.includes(searchValue.toLowerCase()))
+		: items;
+</script>
+<Select.Root
+	{items}
+	onOpenChange={() => {
+		searchValue = '';
+	}}
+	selected={items.find((item) => item.value === value)}
+	onSelectedChange={(selectedItem) => {
+		value = selectedItem.value;
+	}}
+>
+	<Select.Trigger class="relative w-full" aria-label={placeholder}>
+		<Select.Value
+			class="inline-flex h-input px-0.5 w-full outline-none bg-transparent truncate text-lg font-semibold placeholder-gray-400  focus:outline-none"
+			{placeholder}
+		/>
+		<ChevronDown className="absolute end-2 top-1/2 -translate-y-[45%] size-3.5" strokeWidth="2.5" />
+	</Select.Trigger>
+	<Select.Content
+		class="w-full rounded-lg  bg-white dark:bg-gray-900 dark:text-white shadow-lg border border-gray-300/30 dark:border-gray-700/50  outline-none"
+		transition={flyAndScale}
+		sideOffset={4}
+	>
+		<div class="flex items-center gap-2.5 px-5 mt-3.5 mb-3">
+			<Search className="size-4" strokeWidth="2.5" />
+			<input
+				bind:value={searchValue}
+				class="w-full text-sm bg-transparent outline-none"
+				placeholder="Search a model"
+			/>
+		</div>
+		<hr class="border-gray-100 dark:border-gray-800" />
+		<div class="px-3 my-2 max-h-80 overflow-y-auto">
+			{#each filteredItems as item}
+				<Select.Item
+					class="flex w-full font-medium line-clamp-1 select-none items-center rounded-button py-2 pl-3 pr-1.5 text-sm  text-gray-700 dark:text-gray-100  outline-none transition-all duration-75 data-[highlighted]:bg-muted"
+					value={item.value}
+					label={item.label}
+				>
+					{item.label}
+					{#if value === item.value}
+						<div class="ml-auto">
+							<Check />
+						</div>
+					{/if}
+				</Select.Item>
+			{:else}
+				<span class="block px-5 py-2 text-sm text-gray-700 dark:text-gray-100">
+					No results found
+				</span>
+			{/each}
+		</div>
+	</Select.Content>
+	<Select.Input name="favoriteFruit" />
+</Select.Root>
--- a/src/lib/components/documents/Settings/General.svelte
+++ b/src/lib/components/documents/Settings/General.svelte
@@ -5,8 +5,10 @@
 		updateRAGConfig,
 		getQuerySettings,
 		scanDocs,
-		updateQuerySettings
+		updateQuerySettings,
+		resetVectorDB
 	} from '$lib/apis/rag';
 	import { documents } from '$lib/stores';
 	import { onMount, getContext } from 'svelte';
 	import { toast } from 'svelte-sonner';
@@ -17,6 +19,8 @@
 	let loading = false;
+	let showResetConfirm = false;
 	let chunkSize = 0;
 	let chunkOverlap = 0;
 	let pdfExtractImages = true;
@@ -231,6 +235,100 @@
 				/>
 			</div>
 		</div>
+		<hr class=" dark:border-gray-700" />
+		{#if showResetConfirm}
+			<div class="flex justify-between rounded-md items-center py-2 px-3.5 w-full transition">
+				<div class="flex items-center space-x-3">
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						viewBox="0 0 16 16"
+						fill="currentColor"
+						class="w-4 h-4"
+					>
+						<path d="M2 3a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3Z" />
+						<path
+							fill-rule="evenodd"
+							d="M13 6H3v6a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V6ZM5.72 7.47a.75.75 0 0 1 1.06 0L8 8.69l1.22-1.22a.75.75 0 1 1 1.06 1.06L9.06 9.75l1.22 1.22a.75.75 0 1 1-1.06 1.06L8 10.81l-1.22 1.22a.75.75 0 0 1-1.06-1.06l1.22-1.22-1.22-1.22a.75.75 0 0 1 0-1.06Z"
+							clip-rule="evenodd"
+						/>
+					</svg>
+					<span>{$i18n.t('Are you sure?')}</span>
+				</div>
+				<div class="flex space-x-1.5 items-center">
+					<button
+						class="hover:text-white transition"
+						on:click={() => {
+							const res = resetVectorDB(localStorage.token).catch((error) => {
+								toast.error(error);
+								return null;
+							});
+							if (res) {
+								toast.success($i18n.t('Success'));
+							}
+							showResetConfirm = false;
+						}}
+					>
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							viewBox="0 0 20 20"
+							fill="currentColor"
+							class="w-4 h-4"
+						>
+							<path
+								fill-rule="evenodd"
+								d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z"
+								clip-rule="evenodd"
+							/>
+						</svg>
+					</button>
+					<button
+						class="hover:text-white transition"
+						on:click={() => {
+							showResetConfirm = false;
+						}}
+					>
+						<svg
+							xmlns="http://www.w3.org/2000/svg"
+							viewBox="0 0 20 20"
+							fill="currentColor"
+							class="w-4 h-4"
+						>
+							<path
+								d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z"
+							/>
+						</svg>
+					</button>
+				</div>
+			</div>
+		{:else}
+			<button
+				class=" flex rounded-md py-2 px-3.5 w-full hover:bg-gray-200 dark:hover:bg-gray-800 transition"
+				on:click={() => {
+					showResetConfirm = true;
+				}}
+			>
+				<div class=" self-center mr-3">
+					<svg
+						xmlns="http://www.w3.org/2000/svg"
+						viewBox="0 0 16 16"
+						fill="currentColor"
+						class="w-4 h-4"
+					>
+						<path
+							fill-rule="evenodd"
+							d="M3.5 2A1.5 1.5 0 0 0 2 3.5v9A1.5 1.5 0 0 0 3.5 14h9a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 12.5 4H9.621a1.5 1.5 0 0 1-1.06-.44L7.439 2.44A1.5 1.5 0 0 0 6.38 2H3.5Zm6.75 7.75a.75.75 0 0 0 0-1.5h-4.5a.75.75 0 0 0 0 1.5h4.5Z"
+							clip-rule="evenodd"
+						/>
+					</svg>
+				</div>
+				<div class=" self-center text-sm font-medium">{$i18n.t('Reset Vector Storage')}</div>
+			</button>
+		{/if}
 	</div>
 	<div class="flex justify-end pt-3 text-sm font-medium">

--- a/src/lib/components/icons/Check.svelte
+++ b/src/lib/components/icons/Check.svelte
+<script lang="ts">
+	export let className = 'w-4 h-4';
+	export let strokeWidth = '1.5';
+</script>
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="none"
+	viewBox="0 0 24 24"
+	stroke-width={strokeWidth}
+	stroke="currentColor"
+	class={className}
+>
+	<path stroke-linecap="round" stroke-linejoin="round" d="m4.5 12.75 6 6 9-13.5" />
+</svg>
--- a/src/lib/components/icons/ChevronDown.svelte
+++ b/src/lib/components/icons/ChevronDown.svelte
+<script lang="ts">
+	export let className = 'w-4 h-4';
+	export let strokeWidth = '1.5';
+</script>
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="none"
+	viewBox="0 0 24 24"
+	stroke-width={strokeWidth}
+	stroke="currentColor"
+	class={className}
+>
+	<path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5" />
+</svg>
--- a/src/lib/components/icons/Search.svelte
+++ b/src/lib/components/icons/Search.svelte
+<script lang="ts">
+	export let className = 'w-4 h-4';
+	export let strokeWidth = '1.5';
+</script>
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	fill="none"
+	viewBox="0 0 24 24"
+	stroke-width={strokeWidth}
+	stroke="currentColor"
+	class={className}
+>
+	<path
+		stroke-linecap="round"
+		stroke-linejoin="round"
+		d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"
+	/>
+</svg>
--- a/src/lib/components/layout/Navbar.svelte
+++ b/src/lib/components/layout/Navbar.svelte
@@ -69,10 +69,7 @@
 </script>
 <ShareChatModal bind:show={showShareChatModal} {downloadChat} {shareChat} />
-<nav
+<nav id="nav" class=" sticky py-2.5 top-0 flex flex-row justify-center z-30">
-	id="nav"
-	class=" sticky py-2.5 top-0 flex flex-row justify-center bg-white/95 dark:bg-gray-900/90 dark:text-gray-200 backdrop-blur-xl z-30"
->
 	<div
 		class=" flex {$settings?.fullScreenMode ?? null
 			? 'max-w-full'
@@ -113,7 +110,7 @@
 					<Tags {tags} {deleteTag} {addTag} />
 					<button
-						class=" cursor-pointer p-1.5 flex dark:hover:bg-gray-700 rounded-lg transition border dark:border-gray-600"
+						class=" cursor-pointer p-1.5 flex dark:hover:bg-gray-700 rounded-lg transition"
 						on:click={async () => {
 							showShareChatModal = !showShareChatModal;

--- a/src/lib/components/layout/Sidebar.svelte
+++ b/src/lib/components/layout/Sidebar.svelte
@@ -20,10 +20,9 @@
 		getAllChatTags
 	} from '$lib/apis/chats';
 	import { toast } from 'svelte-sonner';
-	import { slide } from 'svelte/transition';
+	import { fade, slide } from 'svelte/transition';
 	import { WEBUI_BASE_URL } from '$lib/constants';
 	import Tooltip from '../common/Tooltip.svelte';
-	import Dropdown from '../common/Dropdown.svelte';
 	import ChatMenu from './Sidebar/ChatMenu.svelte';
 	let show = false;
@@ -108,7 +107,7 @@
 	bind:this={navElement}
 	class="h-screen max-h-[100dvh] min-h-screen {show
 		? 'lg:relative w-[260px]'
-		: '-translate-x-[260px] w-[0px]'}  bg-black text-gray-200 shadow-2xl text-sm transition z-40 fixed top-0 left-0
+		: '-translate-x-[260px] w-[0px]'} bg-gray-50 text-gray-900 dark:bg-gray-950 dark:text-gray-200 text-sm transition z-40 fixed top-0 left-0
        "
 >
 	<div
@@ -119,7 +118,7 @@
 		<div class="px-2 flex justify-center space-x-2">
 			<a
 				id="sidebar-new-chat-button"
-				class="flex-grow flex justify-between rounded-xl px-3.5 py-2 hover:bg-gray-900 transition"
+				class="flex-grow flex justify-between rounded-xl px-4 py-2 hover:bg-gray-200 dark:hover:bg-gray-900 transition"
 				href="/"
 				on:click={async () => {
 					selectedChatId = null;
@@ -135,7 +134,7 @@
 					<div class="self-center mr-1.5">
 						<img
 							src="{WEBUI_BASE_URL}/static/favicon.png"
-							class=" w-7 -translate-x-1.5 rounded-full"
+							class=" size-6 -translate-x-1.5 rounded-full"
 							alt="logo"
 						/>
 					</div>
@@ -164,7 +163,7 @@
 		{#if $user?.role === 'admin'}
 			<div class="px-2 flex justify-center mt-0.5">
 				<a
-					class="flex-grow flex space-x-3 rounded-xl px-3.5 py-2 hover:bg-gray-900 transition"
+					class="flex-grow flex space-x-3 rounded-xl px-3.5 py-2 hover:bg-gray-200 dark:hover:bg-gray-900 transition"
 					href="/modelfiles"
 					on:click={() => {
 						selectedChatId = null;
@@ -176,7 +175,7 @@
 							xmlns="http://www.w3.org/2000/svg"
 							fill="none"
 							viewBox="0 0 24 24"
-							stroke-width="1.5"
+							stroke-width="2"
 							stroke="currentColor"
 							class="w-4 h-4"
 						>
@@ -196,7 +195,7 @@
 			<div class="px-2 flex justify-center">
 				<a
-					class="flex-grow flex space-x-3 rounded-xl px-3.5 py-2 hover:bg-gray-900 transition"
+					class="flex-grow flex space-x-3 rounded-xl px-3.5 py-2 hover:bg-gray-200 dark:hover:bg-gray-900 transition"
 					href="/prompts"
 					on:click={() => {
 						selectedChatId = null;
@@ -208,7 +207,7 @@
 							xmlns="http://www.w3.org/2000/svg"
 							fill="none"
 							viewBox="0 0 24 24"
-							stroke-width="1.5"
+							stroke-width="2"
 							stroke="currentColor"
 							class="w-4 h-4"
 						>
@@ -228,7 +227,7 @@
 			<div class="px-2 flex justify-center mb-1">
 				<a
-					class="flex-grow flex space-x-3 rounded-xl px-3.5 py-2 hover:bg-gray-900 transition"
+					class="flex-grow flex space-x-3 rounded-xl px-3.5 py-2 hover:bg-gray-200 dark:hover:bg-gray-900 transition"
 					href="/documents"
 					on:click={() => {
 						selectedChatId = null;
@@ -240,7 +239,7 @@
 							xmlns="http://www.w3.org/2000/svg"
 							fill="none"
 							viewBox="0 0 24 24"
-							stroke-width="1.5"
+							stroke-width="2"
 							stroke="currentColor"
 							class="w-4 h-4"
 						>
@@ -261,7 +260,7 @@
 		<div class="relative flex flex-col flex-1 overflow-y-auto">
 			{#if !($settings.saveChatHistory ?? true)}
-				<div class="absolute z-40 w-full h-full bg-black/90 flex justify-center">
+				<div class="absolute z-40 w-full h-full bg-gray-50/90 dark:bg-black/90 flex justify-center">
 					<div class=" text-left px-5 py-2">
 						<div class=" font-medium">{$i18n.t('Chat History is off for this browser.')}</div>
 						<div class="text-xs mt-2">
@@ -305,7 +304,7 @@
 			<div class="px-2 mt-1 mb-2 flex justify-center space-x-2">
 				<div class="flex w-full" id="chat-search">
-					<div class="self-center pl-3 py-2 rounded-l-xl bg-gray-950">
+					<div class="self-center pl-3 py-2 rounded-l-xl bg-white dark:bg-gray-950">
 						<svg
 							xmlns="http://www.w3.org/2000/svg"
 							viewBox="0 0 20 20"
@@ -321,7 +320,7 @@
 					</div>
 					<input
-						class="w-full rounded-r-xl py-1.5 pl-2.5 pr-4 text-sm text-gray-300 bg-gray-950 outline-none"
+						class="w-full rounded-r-xl py-1.5 pl-2.5 pr-4 text-sm dark:text-gray-300 dark:bg-gray-950 outline-none"
 						placeholder={$i18n.t('Search')}
 						bind:value={search}
 						on:focus={() => {
@@ -334,7 +333,7 @@
 			{#if $tags.length > 0}
 				<div class="px-2.5 mt-0.5 mb-2 flex gap-1 flex-wrap">
 					<button
-						class="px-2.5 text-xs font-medium bg-gray-900 hover:bg-gray-800 transition rounded-full"
+						class="px-2.5 text-xs font-medium bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-800 transition rounded-full"
 						on:click={async () => {
 							await chats.set(await getChatList(localStorage.token));
 						}}
@@ -343,7 +342,7 @@
 					</button>
 					{#each $tags as tag}
 						<button
-							class="px-2.5 text-xs font-medium bg-gray-900 hover:bg-gray-800 transition rounded-full"
+							class="px-2.5 text-xs font-medium bg-gray-100 dark:bg-gray-900 dark:hover:bg-gray-800 transition rounded-full"
 							on:click={async () => {
 								let chatIds = await getChatListByTagName(localStorage.token, tag.name);
 								if (chatIds.length === 0) {
@@ -385,10 +384,10 @@
 								class=" w-full flex justify-between rounded-xl px-3 py-2 {chat.id === $chatId ||
 								chat.id === chatTitleEditId ||
 								chat.id === chatDeleteId
-									? 'bg-gray-900'
+									? 'bg-gray-300 dark:bg-gray-900'
 									: chat.id === selectedChatId
-									? 'bg-gray-950'
+									? 'bg-gray-100 dark:bg-gray-950'
-									: 'group-hover:bg-gray-950'}  whitespace-nowrap text-ellipsis"
+									: 'group-hover:bg-gray-100 dark:group-hover:bg-gray-950'}  whitespace-nowrap text-ellipsis"
 							>
 								<input bind:value={chatTitle} class=" bg-transparent w-full outline-none mr-10" />
 							</div>
@@ -397,10 +396,10 @@
 								class=" w-full flex justify-between rounded-xl px-3 py-2 {chat.id === $chatId ||
 								chat.id === chatTitleEditId ||
 								chat.id === chatDeleteId
-									? 'bg-gray-900'
+									? 'bg-gray-300 dark:bg-gray-900'
 									: chat.id === selectedChatId
-									? 'bg-gray-950'
+									? 'bg-gray-100 dark:bg-gray-950'
-									: 'group-hover:bg-gray-950'}  whitespace-nowrap text-ellipsis"
+									: ' group-hover:bg-gray-100 dark:group-hover:bg-gray-950'}  whitespace-nowrap text-ellipsis"
 								href="/c/{chat.id}"
 								on:click={() => {
 									selectedChatId = chat.id;
@@ -422,10 +421,10 @@
 							class="
 							{chat.id === $chatId || chat.id === chatTitleEditId || chat.id === chatDeleteId
-								? ' from-gray-900'
+								? 'from-gray-300 dark:from-gray-900'
 								: chat.id === selectedChatId
-								? 'from-gray-950'
+								? 'from-gray-100 dark:from-gray-950'
-								: 'invisible group-hover:visible from-gray-950'}
+								: 'invisible group-hover:visible from-gray-100 dark:from-gray-950'}
 								absolute right-[10px] top-[10px] pr-2 pl-5 bg-gradient-to-l from-80%
 								  to-transparent"
@@ -433,7 +432,7 @@
 							{#if chatTitleEditId === chat.id}
 								<div class="flex self-center space-x-1.5 z-10">
 									<button
-										class=" self-center hover:text-white transition"
+										class=" self-center dark:hover:text-white transition"
 										on:click={() => {
 											editChatTitle(chat.id, chatTitle);
 											chatTitleEditId = null;
@@ -454,7 +453,7 @@
 										</svg>
 									</button>
 									<button
-										class=" self-center hover:text-white transition"
+										class=" self-center dark:hover:text-white transition"
 										on:click={() => {
 											chatTitleEditId = null;
 											chatTitle = '';
@@ -475,7 +474,7 @@
 							{:else if chatDeleteId === chat.id}
 								<div class="flex self-center space-x-1.5 z-10">
 									<button
-										class=" self-center hover:text-white transition"
+										class=" self-center dark:hover:text-white transition"
 										on:click={() => {
 											deleteChat(chat.id);
 										}}
@@ -494,7 +493,7 @@
 										</svg>
 									</button>
 									<button
-										class=" self-center hover:text-white transition"
+										class=" self-center dark:hover:text-white transition"
 										on:click={() => {
 											chatDeleteId = null;
 										}}
@@ -527,7 +526,7 @@
 									>
 										<button
 											aria-label="Chat Menu"
-											class=" self-center hover:text-white transition"
+											class=" self-center dark:hover:text-white transition"
 											on:click={() => {
 												selectedChatId = chat.id;
 											}}
@@ -558,7 +557,7 @@
 			<div class="flex flex-col">
 				{#if $user !== undefined}
 					<button
-						class=" flex rounded-xl py-3 px-3.5 w-full hover:bg-gray-900 transition"
+						class=" flex rounded-xl py-3 px-3.5 w-full hover:bg-gray-200 dark:hover:bg-gray-900 transition"
 						on:click={() => {
 							showDropdown = !showDropdown;
 						}}
@@ -576,13 +575,13 @@
 					{#if showDropdown}
 						<div
 							id="dropdownDots"
-							class="absolute z-40 bottom-[70px] 4.5rem rounded-xl shadow w-[240px] bg-gray-900"
+							class="absolute z-40 bottom-[70px] 4.5rem rounded-xl shadow w-[240px] bg-white dark:bg-gray-900"
-							in:slide={{ duration: 150 }}
+							transition:fade|slide={{ duration: 100 }}
 						>
 							<div class="py-2 w-full">
 								{#if $user.role === 'admin'}
 									<button
-										class="flex py-2.5 px-3.5 w-full hover:bg-gray-800 transition"
+										class="flex py-2.5 px-3.5 w-full dark:hover:bg-gray-800 transition"
 										on:click={() => {
 											goto('/admin');
 											showDropdown = false;
@@ -608,7 +607,7 @@
 									</button>
 									<button
-										class="flex py-2.5 px-3.5 w-full hover:bg-gray-800 transition"
+										class="flex py-2.5 px-3.5 w-full dark:hover:bg-gray-800 transition"
 										on:click={() => {
 											goto('/playground');
 											showDropdown = false;
@@ -635,7 +634,7 @@
 								{/if}
 								<button
-									class="flex py-2.5 px-3.5 w-full hover:bg-gray-800 transition"
+									class="flex py-2.5 px-3.5 w-full dark:hover:bg-gray-800 transition"
 									on:click={async () => {
 										await showSettings.set(true);
 										showDropdown = false;
@@ -666,11 +665,11 @@
 								</button>
 							</div>
-							<hr class=" border-gray-700 m-0 p-0" />
+							<hr class=" dark:border-gray-700 m-0 p-0" />
 							<div class="py-2 w-full">
 								<button
-									class="flex py-2.5 px-3.5 w-full hover:bg-gray-800 transition"
+									class="flex py-2.5 px-3.5 w-full dark:hover:bg-gray-800 transition"
 									on:click={() => {
 										localStorage.removeItem('token');
 										location.href = '/auth';
@@ -722,7 +721,7 @@
 				}}
 				><span class="" data-state="closed"
 					><div
-						class="flex h-[72px] w-8 items-center justify-center opacity-20 group-hover:opacity-100 transition"
+						class="flex h-[72px] w-8 items-center justify-center opacity-50 group-hover:opacity-100 transition"
 					>
 						<div class="flex h-6 w-6 flex-col items-center">
 							<div

--- a/src/lib/components/layout/Sidebar/ChatMenu.svelte
+++ b/src/lib/components/layout/Sidebar/ChatMenu.svelte
 <script lang="ts">
 	import { DropdownMenu } from 'bits-ui';
+	import { flyAndScale } from '$lib/utils/transitions';
 	import Dropdown from '$lib/components/common/Dropdown.svelte';
 	import GarbageBin from '$lib/components/icons/GarbageBin.svelte';
@@ -25,10 +26,11 @@
 	<div slot="content">
 		<DropdownMenu.Content
-			class="w-full max-w-[130px] rounded-lg px-1 py-1.5 border border-gray-700/50 z-50 bg-gray-850 text-white"
+			class="w-full max-w-[130px] rounded-lg px-1 py-1.5 border border-gray-300/30 dark:border-gray-700/50 z-50 bg-white dark:bg-gray-850 dark:text-white shadow"
 			sideOffset={-2}
 			side="bottom"
 			align="start"
+			transition={flyAndScale}
 		>
 			<DropdownMenu.Item
 				class="flex gap-2 items-center px-3 py-2 text-sm  font-medium cursor-pointer"

--- a/src/lib/i18n/locales/bg-BG/translation.json
+++ b/src/lib/i18n/locales/bg-BG/translation.json
--- a/src/lib/i18n/locales/it-IT/translation.json
+++ b/src/lib/i18n/locales/it-IT/translation.json
--- a/src/lib/i18n/locales/ja-JP/translation.json
+++ b/src/lib/i18n/locales/ja-JP/translation.json
--- a/src/lib/i18n/locales/languages.json
+++ b/src/lib/i18n/locales/languages.json
@@ -3,6 +3,10 @@
 		"code": "en-US",
 		"title": "English (US)"
 	},
+	{
+		"code": "bg-BG",
+		"title": "Bulgarian (BG)"
+	},
 	{
 		"code": "ca-ES",
 		"title": "Catalan"
@@ -27,6 +31,22 @@
 		"code": "fr-FR",
 		"title": "French (France)"
 	},
+	{
+		"code": "it-IT",
+		"title": "Italian"
+	},
+	{
+		"code": "ja-JP",
+		"title": "Japanese"
+	},
+	{
+		"code": "nl-NL",
+		"title": "Dutch (Netherlands)"
+	},
+	{
+		"code": "pt-PT",
+		"title": "Portuguese (Portugal)"
+	},
 	{
 		"code": "ru-RU",
 		"title": "Russian (Russia)"

--- a/src/lib/i18n/locales/nl-NL/translation.json
+++ b/src/lib/i18n/locales/nl-NL/translation.json
+{
+	"'s', 'm', 'h', 'd', 'w' or '-1' for no expiration.": "'s', 'm', 'h', 'd', 'w' of '-1' for geen vervaldatum.",
+	"(Beta)": "(Beta)",
+	"(e.g. `sh webui.sh --api`)": "(e.g. `sh webui.sh --api`)",
+	"(latest)": "(nieuwste)",
+	"{{modelName}} is thinking...": "{{modelName}} is aan het denken...",
+	"{{webUIName}} Backend Required": "{{webUIName}} Backend Verlpicht",
+	"a user": "",
+	"About": "Over",
+	"Account": "Account",
+	"Action": "Actie",
+	"Add a model": "Voeg een model toe",
+	"Add a model tag name": "Voeg een model tag naam toe",
+	"Add a short description about what this modelfile does": "Voeg een korte beschrijving toe over wat dit modelfile doet",
+	"Add a short title for this prompt": "Voeg een korte titel toe voor deze prompt",
+	"Add a tag": "Voeg een tag toe",
+	"Add Docs": "Voeg Docs toe",
+	"Add Files": "Voege Bestanden toe",
+	"Add message": "Voeg bericht toe",
+	"add tags": "voeg tags toe",
+	"Adjusting these settings will apply changes universally to all users.": "Het aanpassen van deze instellingen zal universeel worden toegepast op alle gebruikers.",
+	"admin": "admin",
+	"Admin Panel": "Administratieve Paneel",
+	"Admin Settings": "Administratieve Settings",
+	"Advanced Parameters": "Geavanceerde Parameters",
+	"all": "alle",
+	"All Users": "Alle Gebruikers",
+	"Allow": "Toestaan",
+	"Allow Chat Deletion": "Sta Chat Verwijdering toe",
+	"alphanumeric characters and hyphens": "alfanumerieke karakters en streepjes",
+	"Already have an account?": "Heb je al een account?",
+	"an assistant": "een assistent",
+	"and": "en",
+	"API Base URL": "API Base URL",
+	"API Key": "API Key",
+	"API RPM": "API RPM",
+	"are allowed - Activate this command by typing": "zijn toegestaan - Activeer deze commando door te typen",
+	"Are you sure?": "",
+	"Audio": "Audio",
+	"Auto-playback response": "Automatisch afspelen van antwoord",
+	"Auto-send input after 3 sec.": "Automatisch verzenden van input na 3 sec.",
+	"AUTOMATIC1111 Base URL": "AUTOMATIC1111 Base URL",
+	"AUTOMATIC1111 Base URL is required.": "",
+	"available!": "beschikbaar!",
+	"Back": "Terug",
+	"Builder Mode": "Bouwer Modus",
+	"Cancel": "Annuleren",
+	"Categories": "Categorieën",
+	"Change Password": "Wijzig Wachtwoord",
+	"Chat": "Chat",
+	"Chat History": "Chat Geschiedenis",
+	"Chat History is off for this browser.": "Chat Geschiedenis is uitgeschakeld voor deze browser.",
+	"Chats": "Chats",
+	"Check Again": "Controleer Opnieuw",
+	"Check for updates": "Controleer op updates",
+	"Checking for updates...": "Controleren op updates...",
+	"Choose a model before saving...": "Kies een model voordat je opslaat...",
+	"Chunk Overlap": "Chunk Overlap",
+	"Chunk Params": "Chunk Params",
+	"Chunk Size": "Chunk Grootte",
+	"Click here for help.": "Klik hier voor help.",
+	"Click here to check other modelfiles.": "Klik hier om andere modelfiles te controleren.",
+	"Click here to select": "",
+	"Click here to select documents.": "",
+	"click here.": "click here.",
+	"Click on the user role button to change a user's role.": "Klik op de gebruikersrol knop om de rol van een gebruiker te wijzigen.",
+	"Close": "Sluiten",
+	"Collection": "Verzameling",
+	"Command": "Commando",
+	"Confirm Password": "Bevestig Wachtwoord",
+	"Connections": "Verbindingen",
+	"Content": "Inhoud",
+	"Context Length": "Context Lengte",
+	"Conversation Mode": "Gespreksmodus",
+	"Copy last code block": "Kopieer laatste code blok",
+	"Copy last response": "Kopieer laatste antwoord",
+	"Copying to clipboard was successful!": "Kopiëren naar klembord was succesvol!",
+	"Create a concise, 3-5 word phrase as a header for the following query, strictly adhering to the 3-5 word limit and avoiding the use of the word 'title':": "Maak een beknopte, 3-5 woorden tellende zin als kop voor de volgende query, strikt aanhoudend aan de 3-5 woorden limiet en het vermijden van het gebruik van het woord 'titel':",
+	"Create a modelfile": "Maak een modelfile",
+	"Create Account": "Maak Account",
+	"Created at": "Gemaakt op",
+	"Created by": "Gemaakt door",
+	"Current Model": "Huidig Model",
+	"Current Password": "Huidig Wachtwoord",
+	"Custom": "Aangepast",
+	"Customize Ollama models for a specific purpose": "Pas Ollama modellen aan voor een specifiek doel",
+	"Dark": "Donker",
+	"Database": "Database",
+	"DD/MM/YYYY HH:mm": "YYYY/MM/DD HH:mm",
+	"Default": "Standaard",
+	"Default (Automatic1111)": "",
+	"Default (Web API)": "Standaard (Web API)",
+	"Default model updated": "Standaard model bijgewerkt",
+	"Default Prompt Suggestions": "Standaard Prompt Suggesties",
+	"Default User Role": "Standaard Gebruikersrol",
+	"delete": "verwijderen",
+	"Delete a model": "Verwijder een model",
+	"Delete chat": "Verwijder chat",
+	"Delete Chats": "Verwijder Chats",
+	"Deleted {{deleteModelTag}}": "{{deleteModelTag}} is verwijderd",
+	"Deleted {tagName}": "{tagName} is verwijderd",
+	"Description": "Beschrijving",
+	"Desktop Notifications": "Desktop Notificaties",
+	"Disabled": "Uitgeschakeld",
+	"Discover a modelfile": "Ontdek een modelfile",
+	"Discover a prompt": "Ontdek een prompt",
+	"Discover, download, and explore custom prompts": "Ontdek, download en verken aangepaste prompts",
+	"Discover, download, and explore model presets": "Ontdek, download en verken model presets",
+	"Display the username instead of You in the Chat": "Toon de gebruikersnaam in plaats van Jij in de Chat",
+	"Document": "Document",
+	"Document Settings": "Document Instellingen",
+	"Documents": "Documenten",
+	"does not make any external connections, and your data stays securely on your locally hosted server.": "maakt geen externe verbindingen, en je gegevens blijven veilig op je lokaal gehoste server.",
+	"Don't Allow": "Niet Toestaan",
+	"Don't have an account?": "Heb je geen account?",
+	"Download as a File": "Download als Bestand",
+	"Download Database": "Download Database",
+	"Drop any files here to add to the conversation": "Sleep bestanden hier om toe te voegen aan het gesprek",
+	"e.g. '30s','10m'. Valid time units are 's', 'm', 'h'.": "bijv. '30s', '10m'. Geldige tijdseenheden zijn 's', 'm', 'h'.",
+	"Edit Doc": "Wijzig Doc",
+	"Edit User": "Wijzig Gebruiker",
+	"Email": "Email",
+	"Enable Chat History": "Schakel Chat Geschiedenis in",
+	"Enable New Sign Ups": "Schakel Nieuwe Registraties in",
+	"Enabled": "Ingeschakeld",
+	"Enter {{role}} message here": "",
+	"Enter API Key": "",
+	"Enter Chunk Overlap": "",
+	"Enter Chunk Size": "",
+	"Enter Image Size (e.g. 512x512)": "",
+	"Enter LiteLLM API Base URL (litellm_params.api_base)": "",
+	"Enter LiteLLM API Key (litellm_params.api_key)": "",
+	"Enter LiteLLM API RPM (litellm_params.rpm)": "",
+	"Enter LiteLLM Model (litellm_params.model)": "",
+	"Enter Max Tokens (litellm_params.max_tokens)": "",
+	"Enter model tag (e.g. {{modelTag}})": "",
+	"Enter Number of Steps (e.g. 50)": "",
+	"Enter stop sequence": "Zet stop sequentie",
+	"Enter Top K": "",
+	"Enter URL (e.g. http://127.0.0.1:7860/)": "",
+	"Enter Your Email": "Voer je Email in",
+	"Enter Your Full Name": "Voer je Volledige Naam in",
+	"Enter Your Password": "Voer je Wachtwoord in",
+	"Experimental": "Experimenteel",
+	"Export All Chats (All Users)": "Exporteer Alle Chats (Alle Gebruikers)",
+	"Export Chats": "Exporteer Chats",
+	"Export Documents Mapping": "Exporteer Documenten Mapping",
+	"Export Modelfiles": "Exporteer Modelfiles",
+	"Export Prompts": "Exporteer Prompts",
+	"Failed to read clipboard contents": "Kan klembord inhoud niet lezen",
+	"File Mode": "Bestandsmodus",
+	"File not found.": "Bestand niet gevonden.",
+	"Focus chat input": "Focus chat input",
+	"Format your variables using square brackets like this:": "Formatteer je variabelen met vierkante haken zoals dit:",
+	"From (Base Model)": "Van (Basis Model)",
+	"Full Screen Mode": "Volledig Scherm Modus",
+	"General": "Algemeen",
+	"General Settings": "Algemene Instellingen",
+	"Hello, {{name}}": "Hallo, {{name}}",
+	"Hide": "Verberg",
+	"Hide Additional Params": "Verberg Extra Params",
+	"How can I help you today?": "Hoe kan ik je vandaag helpen?",
+	"Image Generation (Experimental)": "Afbeelding Generatie (Experimenteel)",
+	"Image Generation Engine": "",
+	"Image Settings": "Afbeelding Instellingen",
+	"Images": "Afbeeldingen",
+	"Import Chats": "Importeer Chats",
+	"Import Documents Mapping": "Importeer Documenten Mapping",
+	"Import Modelfiles": "Importeer Modelfiles",
+	"Import Prompts": "Importeer Prompts",
+	"Include `--api` flag when running stable-diffusion-webui": "Voeg `--api` vlag toe bij het uitvoeren van stable-diffusion-webui",
+	"Interface": "Interface",
+	"join our Discord for help.": "join onze Discord voor hulp.",
+	"JSON": "JSON",
+	"JWT Expiration": "JWT Expiration",
+	"JWT Token": "JWT Token",
+	"Keep Alive": "Houd Actief",
+	"Keyboard shortcuts": "Toetsenbord snelkoppelingen",
+	"Language": "Taal",
+	"Light": "Licht",
+	"Listening...": "Luisteren...",
+	"LLMs can make mistakes. Verify important information.": "LLMs kunnen fouten maken. Verifieer belangrijke informatie.",
+	"Made by OpenWebUI Community": "Gemaakt door OpenWebUI Community",
+	"Make sure to enclose them with": "Zorg ervoor dat je ze omringt met",
+	"Manage LiteLLM Models": "Beheer LiteLLM Modellen",
+	"Manage Models": "Beheer Modellen",
+	"Manage Ollama Models": "Beheer Ollama Modellen",
+	"Max Tokens": "Max Tokens",
+	"Maximum of 3 models can be downloaded simultaneously. Please try again later.": "Maximaal 3 modellen kunnen tegelijkertijd worden gedownload. Probeer het later opnieuw.",
+	"Mirostat": "Mirostat",
+	"Mirostat Eta": "Mirostat Eta",
+	"Mirostat Tau": "Mirostat Tau",
+	"MMMM DD, YYYY": "MMMM DD, YYYY",
+	"Model '{{modelName}}' has been successfully downloaded.": "Model '{{modelName}}' is succesvol gedownload.",
+	"Model '{{modelTag}}' is already in queue for downloading.": "Model '{{modelTag}}' staat al in de wachtrij voor downloaden.",
+	"Model {{modelId}} not found": "Model {{modelId}} niet gevonden",
+	"Model {{modelName}} already exists.": "Model {{modelName}} bestaat al.",
+	"Model Name": "Model Naam",
+	"Model not selected": "Model niet geselecteerd",
+	"Model Tag Name": "Model Tag Naam",
+	"Model Whitelisting": "Model Whitelisting",
+	"Model(s) Whitelisted": "Model(len) zijn ge-whitelist",
+	"Modelfile": "Modelfile",
+	"Modelfile Advanced Settings": "Modelfile Geavanceerde Instellingen",
+	"Modelfile Content": "Modelfile Inhoud",
+	"Modelfiles": "Modelfiles",
+	"Models": "Modellen",
+	"My Documents": "Mijn Documenten",
+	"My Modelfiles": "Mijn Modelfiles",
+	"My Prompts": "Mijn Prompts",
+	"Name": "Naam",
+	"Name Tag": "Naam Tag",
+	"Name your modelfile": "Benoem je modelfile",
+	"New Chat": "Nieuwe Chat",
+	"New Password": "Nieuw Wachtwoord",
+	"Not sure what to add?": "Niet zeker wat toe te voegen?",
+	"Not sure what to write? Switch to": "Niet zeker wat te schrijven? Schakel over naar",
+	"Off": "Uit",
+	"Okay, Let's Go!": "Okay, Laten we gaan!",
+	"Ollama Base URL": "",
+	"Ollama Version": "Ollama Versie",
+	"On": "Aan",
+	"Only": "Alleen",
+	"Only alphanumeric characters and hyphens are allowed in the command string.": "Alleen alfanumerieke karakters en streepjes zijn toegestaan in de commando string.",
+	"Oops! Hold tight! Your files are still in the processing oven. We're cooking them up to perfection. Please be patient and we'll let you know once they're ready.": "Oops! Houd vast! Je bestanden zijn nog steeds in de verwerkingsoven. We zijn ze aan het bereiden tot perfectie. Wees geduldig en we laten je weten wanneer ze klaar zijn.",
+	"Oops! Looks like the URL is invalid. Please double-check and try again.": "Oops! Het lijkt erop dat de URL ongeldig is. Controleer het nogmaals en probeer opnieuw.",
+	"Oops! You're using an unsupported method (frontend only). Please serve the WebUI from the backend.": "Oops! Je gebruikt een niet-ondersteunde methode (alleen frontend). Serveer de WebUI vanuit de backend.",
+	"Open": "Open",
+	"Open AI": "Open AI",
+	"Open AI (Dall-E)": "",
+	"Open new chat": "Open nieuwe chat",
+	"OpenAI API": "OpenAI API",
+	"OpenAI API Key": "",
+	"OpenAI API Key is required.": "",
+	"or": "of",
+	"Parameters": "Parameters",
+	"Password": "Wachtwoord",
+	"PDF Extract Images (OCR)": "PDF Extract Afbeeldingen (OCR)",
+	"pending": "wachtend",
+	"Permission denied when accessing microphone: {{error}}": "Toestemming geweigerd bij toegang tot microfoon: {{error}}",
+	"Playground": "Speeltuin",
+	"Profile": "Profiel",
+	"Prompt Content": "Prompt Inhoud",
+	"Prompt suggestions": "Prompt suggesties",
+	"Prompts": "Prompts",
+	"Pull a model from Ollama.com": "Haal een model van Ollama.com",
+	"Pull Progress": "Haal Voortgang op",
+	"Query Params": "Query Params",
+	"RAG Template": "RAG Template",
+	"Raw Format": "Raw Formaat",
+	"Record voice": "Neem stem op",
+	"Redirecting you to OpenWebUI Community": "Je wordt doorgestuurd naar OpenWebUI Community",
+	"Release Notes": "Release Notes",
+	"Repeat Last N": "Herhaal Laatste N",
+	"Repeat Penalty": "Herhaal Straf",
+	"Request Mode": "Request Modus",
+	"Reset Vector Storage": "Reset Vector Opslag",
+	"Response AutoCopy to Clipboard": "Antwoord Automatisch Kopiëren naar Klembord",
+	"Role": "Rol",
+	"Rosé Pine": "Rosé Pine",
+	"Rosé Pine Dawn": "Rosé Pine Dawn",
+	"Save": "Opslaan",
+	"Save & Create": "Opslaan & Creëren",
+	"Save & Submit": "Opslaan & Verzenden",
+	"Save & Update": "Opslaan & Bijwerken",
+	"Saving chat logs directly to your browser's storage is no longer supported. Please take a moment to download and delete your chat logs by clicking the button below. Don't worry, you can easily re-import your chat logs to the backend through": "Chat logs direct opslaan in de opslag van je browser wordt niet langer ondersteund. Neem even de tijd om je chat logs te downloaden en te verwijderen door op de knop hieronder te klikken. Maak je geen zorgen, je kunt je chat logs eenvoudig opnieuw importeren naar de backend via",
+	"Scan": "Scan",
+	"Scan complete!": "Scan voltooid!",
+	"Scan for documents from {{path}}": "Scan voor documenten van {{path}}",
+	"Search": "Zoeken",
+	"Search Documents": "Zoek Documenten",
+	"Search Prompts": "Zoek Prompts",
+	"See readme.md for instructions": "Zie readme.md voor instructies",
+	"See what's new": "Zie wat er nieuw is",
+	"Seed": "Seed",
+	"Select a mode": "",
+	"Select a model": "Selecteer een model",
+	"Select an Ollama instance": "",
+	"Send a Message": "Stuur een Bericht",
+	"Send message": "Stuur bericht",
+	"Server connection verified": "Server verbinding geverifieerd",
+	"Set as default": "Stel in als standaard",
+	"Set Default Model": "Stel Standaard Model in",
+	"Set Image Size": "Stel Afbeelding Grootte in",
+	"Set Steps": "Stel Stappen in",
+	"Set Title Auto-Generation Model": "Stel Titel Auto-Generatie Model in",
+	"Set Voice": "Stel Stem in",
+	"Settings": "Instellingen",
+	"Settings saved successfully!": "Instellingen succesvol opgeslagen!",
+	"Share to OpenWebUI Community": "Deel naar OpenWebUI Community",
+	"short-summary": "korte-samenvatting",
+	"Show": "Toon",
+	"Show Additional Params": "Toon Extra Params",
+	"Show shortcuts": "Toon snelkoppelingen",
+	"sidebar": "sidebar",
+	"Sign in": "Inloggen",
+	"Sign Out": "Uitloggen",
+	"Sign up": "Registreren",
+	"Speech recognition error: {{error}}": "Spraakherkenning fout: {{error}}",
+	"Speech-to-Text Engine": "Spraak-naar-tekst Engine",
+	"SpeechRecognition API is not supported in this browser.": "SpeechRecognition API wordt niet ondersteund in deze browser.",
+	"Stop Sequence": "Stop Sequentie",
+	"STT Settings": "STT Instellingen",
+	"Submit": "Verzenden",
+	"Success": "Succes",
+	"Successfully updated.": "Succesvol bijgewerkt.",
+	"Sync All": "Synchroniseer Alles",
+	"System": "Systeem",
+	"System Prompt": "Systeem Prompt",
+	"Tags": "Tags",
+	"Temperature": "Temperatuur",
+	"Template": "Template",
+	"Text Completion": "Tekst Aanvulling",
+	"Text-to-Speech Engine": "Tekst-naar-Spraak Engine",
+	"Tfs Z": "Tfs Z",
+	"Theme": "Thema",
+	"This ensures that your valuable conversations are securely saved to your backend database. Thank you!": "Dit zorgt ervoor dat je waardevolle gesprekken veilig worden opgeslagen in je backend database. Dank je wel!",
+	"This setting does not sync across browsers or devices.": "Deze instelling wordt niet gesynchroniseerd tussen browsers of apparaten.",
+	"Tip: Update multiple variable slots consecutively by pressing the tab key in the chat input after each replacement.": "Tip: Werk meerdere variabele slots achtereenvolgens bij door op de tab-toets te drukken in de chat input na elke vervanging.",
+	"Title": "Titel",
+	"Title Auto-Generation": "Titel Auto-Generatie",
+	"Title Generation Prompt": "Titel Generatie Prompt",
+	"to": "naar",
+	"To access the available model names for downloading,": "Om de beschikbare modelnamen voor downloaden te openen,",
+	"To access the GGUF models available for downloading,": "Om toegang te krijgen tot de GGUF modellen die beschikbaar zijn voor downloaden,",
+	"to chat input.": "naar chat input.",
+	"Toggle settings": "Wissel instellingen",
+	"Toggle sidebar": "Wissel sidebar",
+	"Top K": "Top K",
+	"Top P": "Top P",
+	"Trouble accessing Ollama?": "Problemen met toegang tot Ollama?",
+	"TTS Settings": "TTS instellingen",
+	"Type Hugging Face Resolve (Download) URL": "",
+	"Uh-oh! There was an issue connecting to {{provider}}.": "Uh-oh! Er was een probleem met verbinden met {{provider}}.",
+	"Unknown File Type '{{file_type}}', but accepting and treating as plain text": "Onbekend Bestandstype '{{file_type}}', maar accepteren en behandelen als platte tekst",
+	"Update password": "Wijzig wachtwoord",
+	"Upload a GGUF model": "Upload een GGUF model",
+	"Upload files": "Upload bestanden",
+	"Upload Progress": "Upload Voortgang",
+	"URL Mode": "URL Modus",
+	"Use '#' in the prompt input to load and select your documents.": "Gebruik '#' in de prompt input om je documenten te laden en te selecteren.",
+	"Use Gravatar": "",
+	"user": "user",
+	"User Permissions": "Gebruikers Rechten",
+	"Users": "Gebruikers",
+	"Utilize": "Utilize",
+	"Valid time units:": "Geldige tijdseenheden:",
+	"variable": "variabele",
+	"variable to have them replaced with clipboard content.": "variabele om ze te laten vervangen door klembord inhoud.",
+	"Version": "Versie",
+	"Web": "Web",
+	"WebUI Add-ons": "WebUI Add-ons",
+	"WebUI Settings": "WebUI Instellingen",
+	"WebUI will make requests to": "WebUI zal verzoeken doen naar",
+	"What’s New in": "Wat is nieuw in",
+	"When history is turned off, new chats on this browser won't appear in your history on any of your devices.": "Wanneer geschiedenis is uitgeschakeld, zullen nieuwe chats op deze browser niet verschijnen in je geschiedenis op een van je apparaten.",
+	"Whisper (Local)": "Fluister (Lokaal)",
+	"Write a prompt suggestion (e.g. Who are you?)": "Schrijf een prompt suggestie (bijv. Wie ben je?)",
+	"Write a summary in 50 words that summarizes [topic or keyword].": "Schrijf een samenvatting in 50 woorden die [onderwerp of trefwoord] samenvat.",
+	"You": "Jij",
+	"You're a helpful assistant.": "Jij bent een behulpzame assistent.",
+	"You're now logged in.": "Je bent nu ingelogd."
+}
--- a/src/lib/i18n/locales/pt-PT/translation.json
+++ b/src/lib/i18n/locales/pt-PT/translation.json
--- a/src/lib/i18n/locales/vi-VN/translation.json
+++ b/src/lib/i18n/locales/vi-VN/translation.json
--- a/src/lib/i18n/locales/zh-TW/translation.json
+++ b/src/lib/i18n/locales/zh-TW/translation.json
@@ -2,17 +2,17 @@
 	"'s', 'm', 'h', 'd', 'w' or '-1' for no expiration.": "'s', 'm', 'h', 'd', 'w' 或 '-1' 表示無期限。",
 	"(Beta)": "(測試版)",
 	"(e.g. `sh webui.sh --api`)": "(例如 `sh webui.sh --api`)",
-	"(latest)": "",
+	"(latest)": "(最新版)",
 	"{{modelName}} is thinking...": "{{modelName}} 正在思考...",
 	"{{webUIName}} Backend Required": "需要 {{webUIName}} 後台",
-	"a user": "",
+	"a user": "使用者",
 	"About": "關於",
 	"Account": "帳號",
 	"Action": "動作",
 	"Add a model": "新增模型",
-	"Add a model tag name": "新增模型標籤名稱",
+	"Add a model tag name": "新增模型標籤",
-	"Add a short description about what this modelfile does": "新增關於此模型文件功能的簡短描述",
+	"Add a short description about what this modelfile does": "為這個 Modelfile 添加一段簡短的描述",
-	"Add a short title for this prompt": "為此提示新增一個簡短的標題",
+	"Add a short title for this prompt": "為這個提示詞添加一個簡短的標題",
 	"Add a tag": "新增標籤",
 	"Add Docs": "新增文件",
 	"Add Files": "新增檔案",
@@ -26,16 +26,17 @@
 	"all": "所有",
 	"All Users": "所有使用者",
 	"Allow": "允許",
-	"Allow Chat Deletion": "允許刪除聊天",
+	"Allow Chat Deletion": "允許刪除聊天紀錄",
-	"alphanumeric characters and hyphens": "字母數字字符和連字符",
+	"alphanumeric characters and hyphens": "英文字母、數字（0~9）和連字符（-）",
 	"Already have an account?": "已經有帳號了嗎？",
-	"an assistant": "",
+	"an assistant": "助手",
 	"and": "和",
 	"API Base URL": "API 基本 URL",
 	"API Key": "API 金鑰",
 	"API RPM": "API RPM",
-	"are allowed - Activate this command by typing": "是允許的 - 透過輸入來啟動此命令",
+	"are allowed - Activate this command by typing": "是允許的 - 透過輸入",
 	"Are you sure?": "你確定嗎？",
+	"assistant": "助手",
 	"Audio": "音訊",
 	"Auto-playback response": "自動播放回答",
 	"Auto-send input after 3 sec.": "3秒後自動傳送輸入內容",
@@ -48,22 +49,22 @@
 	"Categories": "分類",
 	"Change Password": "修改密碼",
 	"Chat": "聊天",
-	"Chat History": "聊天歷史",
+	"Chat History": "聊天紀錄功能",
-	"Chat History is off for this browser.": "此瀏覽器已關閉聊天歷史。",
+	"Chat History is off for this browser.": "此瀏覽器已關閉聊天紀錄功能。",
 	"Chats": "聊天",
 	"Check Again": "重新檢查",
 	"Check for updates": "檢查更新",
 	"Checking for updates...": "正在檢查更新...",
 	"Choose a model before saving...": "儲存前選擇一個模型...",
-	"Chunk Overlap": "區塊重疊",
+	"Chunk Overlap": "Chunk Overlap",
-	"Chunk Params": "區塊參數",
+	"Chunk Params": "Chunk 參數",
-	"Chunk Size": "區塊大小",
+	"Chunk Size": "Chunk 大小",
 	"Click here for help.": "點擊這裡尋找幫助。",
-	"Click here to check other modelfiles.": "點擊這裡檢查其他模型文件。",
+	"Click here to check other modelfiles.": "點擊這裡檢查其他 Modelfiles。",
 	"Click here to select": "點擊這裡選擇",
 	"Click here to select documents.": "點擊這裡選擇文件。",
 	"click here.": "點擊這裡。",
-	"Click on the user role button to change a user's role.": "點擊使用者角色按鈕以更改使用者的角色。",
+	"Click on the user role button to change a user's role.": "點擊使用者 Role 按鈕以更改使用者的 Role。",
 	"Close": "關閉",
 	"Collection": "收藏",
 	"Command": "命令",
@@ -76,14 +77,14 @@
 	"Copy last response": "複製最後一個回答",
 	"Copying to clipboard was successful!": "成功複製到剪貼簿！",
 	"Create a concise, 3-5 word phrase as a header for the following query, strictly adhering to the 3-5 word limit and avoiding the use of the word 'title':": "為以下的查詢建立一個簡潔、3-5 個詞的短語作為標題，嚴格遵守 3-5 個詞的限制，避免使用「標題」這個詞：",
-	"Create a modelfile": "建立一個模型文件",
+	"Create a modelfile": "建立 Modelfile",
 	"Create Account": "建立帳號",
 	"Created at": "建立於",
 	"Created by": "建立者",
 	"Current Model": "目前模型",
 	"Current Password": "目前密碼",
 	"Custom": "自訂",
-	"Customize Ollama models for a specific purpose": "為特定目的自訂 Ollama 模型",
+	"Customize Ollama models for a specific purpose": "定制特定用途的 Ollama 模型",
 	"Dark": "暗色",
 	"Database": "資料庫",
 	"DD/MM/YYYY HH:mm": "DD/MM/YYYY HH:mm",
@@ -91,28 +92,28 @@
 	"Default (Automatic1111)": "預設（Automatic1111）",
 	"Default (Web API)": "預設（Web API）",
 	"Default model updated": "預設模型已更新",
-	"Default Prompt Suggestions": "預設提示建議",
+	"Default Prompt Suggestions": "預設提示詞建議",
-	"Default User Role": "預設使用者角色",
+	"Default User Role": "預設用戶 Role",
 	"delete": "刪除",
 	"Delete a model": "刪除一個模型",
-	"Delete chat": "刪除聊天",
+	"Delete chat": "刪除聊天紀錄",
-	"Delete Chats": "刪除聊天",
+	"Delete Chats": "刪除聊天紀錄",
 	"Deleted {{deleteModelTag}}": "已刪除 {{deleteModelTag}}",
 	"Deleted {tagName}": "已刪除 {tagName}",
 	"Description": "描述",
 	"Desktop Notifications": "桌面通知",
 	"Disabled": "已停用",
-	"Discover a modelfile": "發現一個模型文件",
+	"Discover a modelfile": "發現新 Modelfile",
-	"Discover a prompt": "發現一個提示",
+	"Discover a prompt": "發現新提示詞",
-	"Discover, download, and explore custom prompts": "發現、下載並探索自訂提示",
+	"Discover, download, and explore custom prompts": "發現、下載並探索他人設置的提示詞",
-	"Discover, download, and explore model presets": "發現、下載並探索模型預設",
+	"Discover, download, and explore model presets": "發現、下載並探索他人設置的模型",
 	"Display the username instead of You in the Chat": "在聊天中顯示使用者名稱而不是「你」",
 	"Document": "文件",
 	"Document Settings": "文件設定",
 	"Documents": "文件",
-	"does not make any external connections, and your data stays securely on your locally hosted server.": "不會與外部溝通，你的數據安全地留在你的本機伺服器上。",
+	"does not make any external connections, and your data stays securely on your locally hosted server.": "不會與外部溝通，你的數據會安全地留在你的本機伺服器上。",
 	"Don't Allow": "不允許",
-	"Don't have an account?": "沒有帳號？",
+	"Don't have an account?": "還沒有註冊帳號？",
 	"Download as a File": "下載為文件",
 	"Download Database": "下載資料庫",
 	"Drop any files here to add to the conversation": "拖拽文件到此處以新增至對話",
@@ -121,18 +122,18 @@
 	"Edit User": "編輯使用者",
 	"Email": "電子郵件",
 	"Enable Chat History": "啟用聊天歷史",
-	"Enable New Sign Ups": "允許新使用者註冊",
+	"Enable New Sign Ups": "允許註冊新帳號",
 	"Enabled": "已啟用",
 	"Enter {{role}} message here": "在這裡輸入 {{role}} 訊息",
 	"Enter API Key": "輸入 API 金鑰",
-	"Enter Chunk Overlap": "輸入區塊重疊",
+	"Enter Chunk Overlap": "輸入 Chunk Overlap",
-	"Enter Chunk Size": "輸入區塊大小",
+	"Enter Chunk Size": "輸入 Chunk 大小",
 	"Enter Image Size (e.g. 512x512)": "輸入圖片大小（例如 512x512）",
 	"Enter LiteLLM API Base URL (litellm_params.api_base)": "輸入 LiteLLM API 基本 URL（litellm_params.api_base）",
 	"Enter LiteLLM API Key (litellm_params.api_key)": "輸入 LiteLLM API 金鑰（litellm_params.api_key）",
 	"Enter LiteLLM API RPM (litellm_params.rpm)": "輸入 LiteLLM API RPM（litellm_params.rpm）",
 	"Enter LiteLLM Model (litellm_params.model)": "輸入 LiteLLM 模型（litellm_params.model）",
-	"Enter Max Tokens (litellm_params.max_tokens)": "輸入最大令牌數（litellm_params.max_tokens）",
+	"Enter Max Tokens (litellm_params.max_tokens)": "輸入最大 Token 數（litellm_params.max_tokens）",
 	"Enter model tag (e.g. {{modelTag}})": "輸入模型標籤（例如 {{modelTag}}）",
 	"Enter Number of Steps (e.g. 50)": "輸入步數（例如 50）",
 	"Enter stop sequence": "輸入停止序列",
@@ -141,39 +142,39 @@
 	"Enter Your Email": "輸入你的電子郵件",
 	"Enter Your Full Name": "輸入你的全名",
 	"Enter Your Password": "輸入你的密碼",
-	"Experimental": "實驗性",
+	"Experimental": "實驗功能",
-	"Export All Chats (All Users)": "匯出所有聊天（所有使用者）",
+	"Export All Chats (All Users)": "匯出所有聊天紀錄（所有使用者）",
-	"Export Chats": "匯出聊天",
+	"Export Chats": "匯出聊天紀錄",
 	"Export Documents Mapping": "匯出文件映射",
-	"Export Modelfiles": "匯出模型文件",
+	"Export Modelfiles": "匯出 Modelfiles",
-	"Export Prompts": "匯出提示",
+	"Export Prompts": "匯出提示詞",
 	"Failed to read clipboard contents": "無法讀取剪貼簿內容",
-	"File Mode": "文件模式",
+	"File Mode": "檔案模式",
-	"File not found.": "找不到文件。",
+	"File not found.": "找不到檔案。",
 	"Focus chat input": "聚焦聊天輸入框",
-	"Format your variables using square brackets like this:": "使用這樣的方括號來格式化你的變數：",
+	"Format your variables using square brackets like this:": "像這樣使用方括號來格式化你的變數：",
 	"From (Base Model)": "來自（基礎模型）",
 	"Full Screen Mode": "全螢幕模式",
 	"General": "常用",
 	"General Settings": "常用設定",
 	"Hello, {{name}}": "你好, {{name}}",
 	"Hide": "隱藏",
-	"Hide Additional Params": "隱藏附加參數",
+	"Hide Additional Params": "隱藏額外參數",
 	"How can I help you today?": "今天能為你做什麼？",
-	"Image Generation (Experimental)": "圖片產生（實驗性）",
+	"Image Generation (Experimental)": "圖像生成（實驗功能）",
-	"Image Generation Engine": "圖片產生引擎",
+	"Image Generation Engine": "圖像生成引擎",
 	"Image Settings": "圖片設定",
 	"Images": "圖片",
-	"Import Chats": "匯入聊天",
+	"Import Chats": "匯入聊天紀錄",
 	"Import Documents Mapping": "匯入文件映射",
-	"Import Modelfiles": "匯入模型文件",
+	"Import Modelfiles": "匯入 Modelfiles",
-	"Import Prompts": "匯入提示",
+	"Import Prompts": "匯入提示詞",
-	"Include `--api` flag when running stable-diffusion-webui": "執行 stable-diffusion-webui 時包含 `--api` 標誌",
+	"Include `--api` flag when running stable-diffusion-webui": "在運行 stable-diffusion-webui 時加上 `--api` 標誌",
 	"Interface": "介面",
 	"join our Discord for help.": "加入我們的 Discord 尋找幫助。",
 	"JSON": "JSON",
-	"JWT Expiration": "JWT 過期",
+	"JWT Expiration": "JWT 過期時間",
-	"JWT Token": "JWT 令牌",
+	"JWT Token": "JWT Token",
 	"Keep Alive": "保持活躍",
 	"Keyboard shortcuts": "鍵盤快速鍵",
 	"Language": "語言",
@@ -181,11 +182,11 @@
 	"Listening...": "正在聽取...",
 	"LLMs can make mistakes. Verify important information.": "LLM 可能會產生錯誤。請驗證重要資訊。",
 	"Made by OpenWebUI Community": "由 OpenWebUI 社區製作",
-	"Make sure to enclose them with": "確保用...圍起來",
+	"Make sure to enclose them with": "請確保變數有被以下符號框住：",
 	"Manage LiteLLM Models": "管理 LiteLLM 模型",
-	"Manage Models": "",
+	"Manage Models": "管理模組",
 	"Manage Ollama Models": "管理 Ollama 模型",
-	"Max Tokens": "最大令牌數",
+	"Max Tokens": "最大 Token 數",
 	"Maximum of 3 models can be downloaded simultaneously. Please try again later.": "最多可以同時下載 3 個模型。請稍後再試。",
 	"Mirostat": "Mirostat",
 	"Mirostat Eta": "Mirostat Eta",
@@ -197,20 +198,20 @@
 	"Model {{modelName}} already exists.": "模型 {{modelName}} 已存在。",
 	"Model Name": "模型名稱",
 	"Model not selected": "未選擇模型",
-	"Model Tag Name": "模型標籤名稱",
+	"Model Tag Name": "模型標籤",
 	"Model Whitelisting": "白名單模型",
 	"Model(s) Whitelisted": "模型已加入白名單",
-	"Modelfile": "模型文件",
+	"Modelfile": "Modelfile",
-	"Modelfile Advanced Settings": "模型文件進階設定",
+	"Modelfile Advanced Settings": "Modelfile 進階設定",
-	"Modelfile Content": "模型文件內容",
+	"Modelfile Content": "Modelfile 內容",
-	"Modelfiles": "模型文件",
+	"Modelfiles": "Modelfiles",
 	"Models": "模型",
 	"My Documents": "我的文件",
-	"My Modelfiles": "我的模型文件",
+	"My Modelfiles": "我的 Modelfiles",
-	"My Prompts": "我的提示",
+	"My Prompts": "我的提示詞",
 	"Name": "名稱",
 	"Name Tag": "名稱標籤",
-	"Name your modelfile": "命名你的模型文件",
+	"Name your modelfile": "命名你的 Modelfile",
 	"New Chat": "新增聊天",
 	"New Password": "新密碼",
 	"Not sure what to add?": "不確定要新增什麼嗎？",
@@ -221,7 +222,7 @@
 	"Ollama Version": "Ollama 版本",
 	"On": "開啟",
 	"Only": "僅有",
-	"Only alphanumeric characters and hyphens are allowed in the command string.": "命令字符串中只允許使用字母數字字符和連字符。",
+	"Only alphanumeric characters and hyphens are allowed in the command string.": "命令字串中只能包含英文字母、數字（0~9）和連字符（-）。",
 	"Oops! Hold tight! Your files are still in the processing oven. We're cooking them up to perfection. Please be patient and we'll let you know once they're ready.": "哎呀！請稍等！你的文件還在處理中。我們正最佳化文件，請耐心等待，一旦準備好，我們會通知你。",
 	"Oops! Looks like the URL is invalid. Please double-check and try again.": "哎呀！看起來 URL 無效。請仔細檢查後再試一次。",
 	"Oops! You're using an unsupported method (frontend only). Please serve the WebUI from the backend.": "哎呀！你正在使用不支援的方法（僅有前台）。請從後台提供 WebUI。",
@@ -235,14 +236,14 @@
 	"or": "或",
 	"Parameters": "參數",
 	"Password": "密碼",
-	"PDF Extract Images (OCR)": "PDF 圖像輸出（OCR 光學文字辨識）",
+	"PDF Extract Images (OCR)": "PDF 圖像擷取（OCR 光學文字辨識）",
-	"pending": "等待中",
+	"pending": "待審查",
 	"Permission denied when accessing microphone: {{error}}": "存取麥克風時被拒絕權限: {{error}}",
 	"Playground": "AI 對話遊樂場",
 	"Profile": "個人資料",
-	"Prompt Content": "提示內容",
+	"Prompt Content": "提示詞內容",
-	"Prompt suggestions": "提示建議",
+	"Prompt suggestions": "提示詞建議",
-	"Prompts": "提示",
+	"Prompts": "提示詞",
 	"Pull a model from Ollama.com": "從 Ollama.com 下載模型",
 	"Pull Progress": "下載進度",
 	"Query Params": "查詢參數",
@@ -256,7 +257,7 @@
 	"Request Mode": "請求模式",
 	"Reset Vector Storage": "重置向量儲存空間",
 	"Response AutoCopy to Clipboard": "自動複製回答到剪貼簿",
-	"Role": "角色",
+	"Role": "Role",
 	"Rosé Pine": "玫瑰松",
 	"Rosé Pine Dawn": "黎明玫瑰松",
 	"Save": "儲存",
@@ -269,7 +270,7 @@
 	"Scan for documents from {{path}}": "從 {{path}} 掃描文件",
 	"Search": "搜尋",
 	"Search Documents": "搜尋文件",
-	"Search Prompts": "搜尋提示",
+	"Search Prompts": "搜尋提示詞",
 	"See readme.md for instructions": "查看 readme.md 獲取指南",
 	"See what's new": "查看最新內容",
 	"Seed": "種子",
@@ -283,7 +284,7 @@
 	"Set Default Model": "設定預設模型",
 	"Set Image Size": "設定圖片大小",
 	"Set Steps": "設定步數",
-	"Set Title Auto-Generation Model": "設定標題自動產生模型",
+	"Set Title Auto-Generation Model": "設定自動生成標題用模型",
 	"Set Voice": "設定語音",
 	"Settings": "設定",
 	"Settings saved successfully!": "成功儲存設定",
@@ -306,31 +307,31 @@
 	"Successfully updated.": "更新成功。",
 	"Sync All": "全部同步",
 	"System": "系統",
-	"System Prompt": "系統提示",
+	"System Prompt": "系統提示詞",
 	"Tags": "標籤",
 	"Temperature": "溫度",
 	"Template": "模板",
-	"Text Completion": "文字完成",
+	"Text Completion": "文本補全（Text Completion）",
 	"Text-to-Speech Engine": "文字轉語音引擎",
 	"Tfs Z": "Tfs Z",
 	"Theme": "主題",
 	"This ensures that your valuable conversations are securely saved to your backend database. Thank you!": "這確保你寶貴的對話安全地儲存到你的後台資料庫。謝謝！",
 	"This setting does not sync across browsers or devices.": "此設定不會在瀏覽器或裝置間同步。",
-	"Tip: Update multiple variable slots consecutively by pressing the tab key in the chat input after each replacement.": "提示：透過在每次替換後在聊天輸入中按 Tab 鍵連續更新多個變量。",
+	"Tip: Update multiple variable slots consecutively by pressing the tab key in the chat input after each replacement.": "提示：透過在每次替換後在聊天輸入框中按 Tab 鍵連續更新多個變數。",
 	"Title": "標題",
-	"Title Auto-Generation": "標題自動產生",
+	"Title Auto-Generation": "自動生成標題",
-	"Title Generation Prompt": "標題產生提示",
+	"Title Generation Prompt": "自動生成標題的提示詞",
 	"to": "到",
-	"To access the available model names for downloading,": "要存取可供下載的模型名稱，",
+	"To access the available model names for downloading,": "若想查看可供下載的模型名稱，",
-	"To access the GGUF models available for downloading,": "要存取可供下載的 GGUF 模型，",
+	"To access the GGUF models available for downloading,": "若想查看可供下載的 GGUF 模型名稱，",
-	"to chat input.": "到聊天輸入。",
+	"to chat input.": "到聊天輸入框來啟動此命令。",
 	"Toggle settings": "切換設定",
 	"Toggle sidebar": "切換側邊欄",
 	"Top K": "Top K",
 	"Top P": "Top P",
 	"Trouble accessing Ollama?": "存取 Ollama 時遇到問題？",
 	"TTS Settings": "文字轉語音設定",
-	"Type Hugging Face Resolve (Download) URL": "輸入 Hugging Face 解析（下載）URL",
+	"Type Hugging Face Resolve (Download) URL": "輸入 Hugging Face 解析後的（下載）URL",
 	"Uh-oh! There was an issue connecting to {{provider}}.": "哎呀！連線到 {{provider}} 時出現問題。",
 	"Unknown File Type '{{file_type}}', but accepting and treating as plain text": "未知的文件類型 '{{file_type}}'，但接受並視為純文字",
 	"Update password": "更新密碼",
@@ -338,15 +339,15 @@
 	"Upload files": "上傳文件",
 	"Upload Progress": "上傳進度",
 	"URL Mode": "URL 模式",
-	"Use '#' in the prompt input to load and select your documents.": "使用 '#' 在提示輸入中以載入並選擇你的文件。",
+	"Use '#' in the prompt input to load and select your documents.": "在輸入框中輸入 '#' 以載入並選擇你的文件。",
 	"Use Gravatar": "使用 Gravatar",
 	"user": "使用者",
 	"User Permissions": "使用者權限",
 	"Users": "使用者",
 	"Utilize": "使用",
 	"Valid time units:": "有效時間單位：",
-	"variable": "變量",
+	"variable": "變數",
-	"variable to have them replaced with clipboard content.": "變量將替換為剪貼簿內容。",
+	"variable to have them replaced with clipboard content.": "變數將替換為剪貼簿內容。",
 	"Version": "版本",
 	"Web": "網頁",
 	"WebUI Add-ons": "WebUI 擴充套件",
@@ -355,9 +356,9 @@
 	"What’s New in": "全新內容",
 	"When history is turned off, new chats on this browser won't appear in your history on any of your devices.": "當歷史被關閉時，這個瀏覽器上的新聊天將不會出現在任何裝置的歷史記錄中。",
 	"Whisper (Local)": "Whisper（本機）",
-	"Write a prompt suggestion (e.g. Who are you?)": "寫一個提示建議（例如：你是誰？）",
+	"Write a prompt suggestion (e.g. Who are you?)": "寫一個提示詞建議（例如：你是誰？）",
 	"Write a summary in 50 words that summarizes [topic or keyword].": "寫一個50字的摘要來概括[主題或關鍵詞]。",
 	"You": "你",
-	"You're a helpful assistant.": "你是一個有幫助的助手。",
+	"You're a helpful assistant.": "你是一位善於協助他人的助手。",
-	"You're now logged in.": "你已登入。"
+	"You're now logged in.": "已登入。"
 }
--- a/src/lib/utils/transitions/index.ts
+++ b/src/lib/utils/transitions/index.ts
--- a/src/routes/(app)/+page.svelte
+++ b/src/routes/(app)/+page.svelte
@@ -19,7 +19,7 @@
 	} from '$lib/stores';
 	import { copyToClipboard, splitStream } from '$lib/utils';
-	import { generateChatCompletion, cancelChatCompletion, generateTitle } from '$lib/apis/ollama';
+	import { generateChatCompletion, cancelOllamaRequest, generateTitle } from '$lib/apis/ollama';
 	import {
 		addTagById,
 		createNewChat,
@@ -104,7 +104,7 @@
 	const initNewChat = async () => {
 		if (currentRequestId !== null) {
-			await cancelChatCompletion(localStorage.token, currentRequestId);
+			await cancelOllamaRequest(localStorage.token, currentRequestId);
 			currentRequestId = null;
 		}
 		window.history.replaceState(history.state, '', `/`);
@@ -372,7 +372,7 @@
 					if (stopResponseFlag) {
 						controller.abort('User: Stop Response');
-						await cancelChatCompletion(localStorage.token, currentRequestId);
+						await cancelOllamaRequest(localStorage.token, currentRequestId);
 					}
 					currentRequestId = null;