From 8f01f72d287fa7e5155782a2bd6bfe493f4185eb Mon Sep 17 00:00:00 2001
From: Classic298 <27028174+Classic298@users.noreply.github.com>
Date: Sat, 21 Jun 2025 13:57:11 +0200
Subject: [PATCH] Update Placeholder.svelte

---
 src/lib/components/chat/Placeholder.svelte | 26 +++++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/chat/Placeholder.svelte b/src/lib/components/chat/Placeholder.svelte
index 41cea8a0f..bae10164e 100644
--- a/src/lib/components/chat/Placeholder.svelte
+++ b/src/lib/components/chat/Placeholder.svelte
@@ -7,7 +7,7 @@
 
 	const dispatch = createEventDispatcher();
 
-	import { config, user, models as _models, temporaryChatEnabled } from '$lib/stores';
+	import { config, user, models as _models, temporaryChatEnabled, pendingFolderId, pendingFolderName } from '$lib/stores';
 	import { sanitizeResponseContent, extractCurlyBraceWords } from '$lib/utils';
 	import { WEBUI_BASE_URL } from '$lib/constants';
 
@@ -16,6 +16,9 @@
 	import EyeSlash from '$lib/components/icons/EyeSlash.svelte';
 	import MessageInput from './MessageInput.svelte';
 
+	import FolderOpen from '$lib/components/icons/FolderOpen.svelte';
+	import XMark from '$lib/components/icons/XMark.svelte';
+
 	const i18n = getContext('i18n');
 
 	export let transparentBackground = false;
@@ -103,6 +106,27 @@
 		</Tooltip>
 	{/if}
 
+	{#if $pendingFolderName}
+	    <div class="mb-2 px-4 py-2 bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg mx-auto max-w-xl">
+	        <div class="flex items-center gap-2 text-blue-700 dark:text-blue-300">
+	            <FolderOpen className="size-4" />
+	            <span class="text-sm font-medium">
+	                {$i18n.t('Next chat will be created in folder:')} 
+	                <strong>{$pendingFolderName}</strong>
+	            </span>
+	            <button 
+	                class="ml-auto text-blue-500 hover:text-blue-700"
+	                on:click={() => {
+	                    pendingFolderId.set(null);
+	                    pendingFolderName.set(null);
+	                }}
+	            >
+	                <XMark className="size-4" />
+	            </button>
+	        </div>
+	    </div>
+	{/if}
+
 	<div
 		class="w-full text-3xl text-gray-800 dark:text-gray-100 text-center flex items-center gap-4 font-primary"
 	>