From 369f46169114d1dbe7fa24d8c51b081041bd3bc9 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Wed, 7 May 2025 01:48:54 +0400
Subject: [PATCH] refac

---
 src/lib/components/chat/Chat.svelte         | 38 ++++++++++++---------
 src/lib/components/chat/MessageInput.svelte |  3 +-
 src/lib/components/chat/Placeholder.svelte  |  8 +++++
 src/lib/components/chat/Suggestions.svelte  |  6 ++--
 4 files changed, 36 insertions(+), 19 deletions(-)

diff --git a/src/lib/components/chat/Chat.svelte b/src/lib/components/chat/Chat.svelte
index 9f8f1d326..094cfc99f 100644
--- a/src/lib/components/chat/Chat.svelte
+++ b/src/lib/components/chat/Chat.svelte
@@ -142,7 +142,6 @@
 	$: if (chatIdProp) {
 		(async () => {
 			loading = true;
-			console.log(chatIdProp);
 
 			prompt = '';
 			files = [];
@@ -150,22 +149,25 @@
 			webSearchEnabled = false;
 			imageGenerationEnabled = false;
 
+			if (localStorage.getItem(`chat-input${chatIdProp ? `-${chatIdProp}` : ''}`)) {
+				try {
+					const input = JSON.parse(
+						localStorage.getItem(`chat-input${chatIdProp ? `-${chatIdProp}` : ''}`)
+					);
+
+					prompt = input.prompt;
+					files = input.files;
+					selectedToolIds = input.selectedToolIds;
+					webSearchEnabled = input.webSearchEnabled;
+					imageGenerationEnabled = input.imageGenerationEnabled;
+
+					console.log('chat-input', input);
+				} catch (e) {}
+			}
+
 			if (chatIdProp && (await loadChat())) {
 				await tick();
 				loading = false;
-
-				if (localStorage.getItem(`chat-input-${chatIdProp}`)) {
-					try {
-						const input = JSON.parse(localStorage.getItem(`chat-input-${chatIdProp}`));
-
-						prompt = input.prompt;
-						files = input.files;
-						selectedToolIds = input.selectedToolIds;
-						webSearchEnabled = input.webSearchEnabled;
-						imageGenerationEnabled = input.imageGenerationEnabled;
-					} catch (e) {}
-				}
-
 				window.setTimeout(() => scrollToBottom(), 0);
 				const chatInput = document.getElementById('chat-input');
 				chatInput?.focus();
@@ -416,9 +418,12 @@
 			}
 		}
 
-		if (localStorage.getItem(`chat-input-${chatIdProp}`)) {
+		if (localStorage.getItem(`chat-input${chatIdProp ? `-${chatIdProp}` : ''}`)) {
 			try {
-				const input = JSON.parse(localStorage.getItem(`chat-input-${chatIdProp}`));
+				const input = JSON.parse(
+					localStorage.getItem(`chat-input${chatIdProp ? `-${chatIdProp}` : ''}`)
+				);
+				console.log('chat-input', input);
 				prompt = input.prompt;
 				files = input.files;
 				selectedToolIds = input.selectedToolIds;
@@ -2040,6 +2045,7 @@
 								{stopResponse}
 								{createMessagePair}
 								onChange={(input) => {
+									console.log(input);
 									if (input.prompt !== null) {
 										localStorage.setItem(`chat-input-${$chatId}`, JSON.stringify(input));
 									} else {
diff --git a/src/lib/components/chat/MessageInput.svelte b/src/lib/components/chat/MessageInput.svelte
index bcf28f61c..babb5e565 100644
--- a/src/lib/components/chat/MessageInput.svelte
+++ b/src/lib/components/chat/MessageInput.svelte
@@ -89,7 +89,8 @@
 		files,
 		selectedToolIds,
 		imageGenerationEnabled,
-		webSearchEnabled
+		webSearchEnabled,
+		codeInterpreterEnabled
 	});
 
 	let showTools = false;
diff --git a/src/lib/components/chat/Placeholder.svelte b/src/lib/components/chat/Placeholder.svelte
index 545d43c44..ad7bd5009 100644
--- a/src/lib/components/chat/Placeholder.svelte
+++ b/src/lib/components/chat/Placeholder.svelte
@@ -201,6 +201,14 @@
 					{stopResponse}
 					{createMessagePair}
 					placeholder={$i18n.t('How can I help you today?')}
+					onChange={(input) => {
+						console.log('input', input);
+						if (input.prompt !== null) {
+							localStorage.setItem(`chat-input`, JSON.stringify(input));
+						} else {
+							localStorage.removeItem(`chat-input`);
+						}
+					}}
 					on:upload={(e) => {
 						dispatch('upload', e.detail);
 					}}
diff --git a/src/lib/components/chat/Suggestions.svelte b/src/lib/components/chat/Suggestions.svelte
index 746e13e51..5cf7567da 100644
--- a/src/lib/components/chat/Suggestions.svelte
+++ b/src/lib/components/chat/Suggestions.svelte
@@ -2,7 +2,7 @@
 	import Fuse from 'fuse.js';
 	import Bolt from '$lib/components/icons/Bolt.svelte';
 	import { onMount, getContext, createEventDispatcher } from 'svelte';
-	import { WEBUI_NAME } from '$lib/stores';
+	import { settings, WEBUI_NAME } from '$lib/stores';
 	import { WEBUI_VERSION } from '$lib/constants';
 
 	const i18n = getContext('i18n');
@@ -72,7 +72,9 @@
 		<!-- Keine Vorschläge -->
 
 		<div
-			class="flex w-full text-center items-center justify-center self-start text-gray-400 dark:text-gray-600"
+			class="flex w-full {$settings?.landingPageMode === 'chat'
+				? ' -mt-1'
+				: 'text-center items-center justify-center'}  self-start text-gray-400 dark:text-gray-600"
 		>
 			{$WEBUI_NAME} ‧ v{WEBUI_VERSION}
 		</div>