From 2311998dd643d4a06b1ecfcb05577ac74c9c56d5 Mon Sep 17 00:00:00 2001
From: shambukorgal-dev <quess.sharanappa_korgal@daimlertruck.com>
Date: Tue, 9 Dec 2025 15:22:21 +0530
Subject: [PATCH 1/7] feat:logo and text at the login page configurable

---
 client/src/components/Auth/AuthLayout.tsx  | 45 +++++++++++++---------
 packages/data-provider/src/config.ts       |  2 +
 packages/data-schemas/src/app/interface.ts |  2 +
 3 files changed, 30 insertions(+), 19 deletions(-)

diff --git a/client/src/components/Auth/AuthLayout.tsx b/client/src/components/Auth/AuthLayout.tsx
index f2290350ce..c1ce5e3068 100644
--- a/client/src/components/Auth/AuthLayout.tsx
+++ b/client/src/components/Auth/AuthLayout.tsx
@@ -6,6 +6,7 @@ import SocialLoginRender from './SocialLoginRender';
 import { BlinkAnimation } from './BlinkAnimation';
 import { Banner } from '../Banners';
 import Footer from './Footer';
+import MarkdownLite from '~/components/Chat/Messages/Content/MarkdownLite';
 
 function AuthLayout({
   children,
@@ -55,41 +56,47 @@ function AuthLayout({
     }
     return null;
   };
+  const logo_url = startupConfig?.interface?.loginImageUrl;
+  const logo_text = startupConfig?.interface?.loginText;
+  console.log('Login Image URL:', logo_url);
+  console.log('Login Logo Text:', logo_text);
+  console.log('Startup Config:', startupConfig);
 
   return (
     <div className="relative flex min-h-screen flex-col bg-white dark:bg-gray-900">
       <Banner />
       <BlinkAnimation active={isFetching}>
-        <div className="mt-6 h-10 w-full bg-cover">
+        <div className="mt-6 h-64 w-full bg-cover">
           <img
-            src="assets/logo.svg"
+            src={logo_url}
             className="h-full w-full object-contain"
             alt={localize('com_ui_logo', { 0: startupConfig?.appTitle ?? 'LibreChat' })}
           />
         </div>
       </BlinkAnimation>
+      <div className="flex flex-grow items-center justify-center">
+        <div className="w-authPageWidth overflow-hidden bg-white px-6 py-4 dark:bg-gray-900 sm:max-w-md sm:rounded-lg">
+          {children}
+          {(pathname.includes('login') || pathname.includes('register')) && (
+            <SocialLoginRender startupConfig={startupConfig} />
+          )}
+        </div>
+      </div>
+      {/* ——— WELCOME SECTIONS ——— */}
+      <main className="mx-auto w-full max-w-2xl space-y-8 p-6 text-black dark:text-white">
+        <section>
+          <div className="prose dark:prose-invert w-full max-w-none !text-text-primary">
+            <MarkdownLite content={logo_text} />
+          </div>
+        </section>
+      </main>
+      {/* — end welcome sections — */}
+
       <DisplayError />
       <div className="absolute bottom-0 left-0 md:m-4">
         <ThemeSelector />
       </div>
 
-      <div className="flex flex-grow items-center justify-center">
-        <div className="w-authPageWidth overflow-hidden bg-white px-6 py-4 dark:bg-gray-900 sm:max-w-md sm:rounded-lg">
-          {!hasStartupConfigError && !isFetching && header && (
-            <h1
-              className="mb-4 text-center text-3xl font-semibold text-black dark:text-white"
-              style={{ userSelect: 'none' }}
-            >
-              {header}
-            </h1>
-          )}
-          {children}
-          {!pathname.includes('2fa') &&
-            (pathname.includes('login') || pathname.includes('register')) && (
-              <SocialLoginRender startupConfig={startupConfig} />
-            )}
-        </div>
-      </div>
       <Footer startupConfig={startupConfig} />
     </div>
   );
diff --git a/packages/data-provider/src/config.ts b/packages/data-provider/src/config.ts
index 495d7cae6d..a5cd05636e 100644
--- a/packages/data-provider/src/config.ts
+++ b/packages/data-provider/src/config.ts
@@ -531,6 +531,8 @@ export const interfaceSchema = z
       .optional(),
     termsOfService: termsOfServiceSchema.optional(),
     customWelcome: z.string().optional(),
+    loginImageUrl: z.string().optional(),
+    loginText: z.string().optional(),
     mcpServers: mcpServersSchema.optional(),
     endpointsMenu: z.boolean().optional(),
     modelSelect: z.boolean().optional(),
diff --git a/packages/data-schemas/src/app/interface.ts b/packages/data-schemas/src/app/interface.ts
index f8afdefd33..54089ed063 100644
--- a/packages/data-schemas/src/app/interface.ts
+++ b/packages/data-schemas/src/app/interface.ts
@@ -41,6 +41,8 @@ export async function loadDefaultInterface({
     termsOfService: interfaceConfig?.termsOfService ?? defaults.termsOfService,
     mcpServers: interfaceConfig?.mcpServers ?? defaults.mcpServers,
     customWelcome: interfaceConfig?.customWelcome ?? defaults.customWelcome,
+    loginImageUrl: interfaceConfig?.loginImageUrl ?? defaults.loginImageUrl,
+    loginText: interfaceConfig?.loginText ?? defaults.loginText,
 
     // Permissions - only include if explicitly configured
     bookmarks: interfaceConfig?.bookmarks,

From ea531c0090050120cca6211fe6a43ca008a2607c Mon Sep 17 00:00:00 2001
From: shambukorgal-dev <shambu.korgal@gmail.com>
Date: Wed, 17 Dec 2025 14:26:23 +0530
Subject: [PATCH 2/7] feat:Add librechat.yaml config

---
 client/src/components/Auth/AuthLayout.tsx | 3 ---
 librechat.example.yaml                    | 5 ++++-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/src/components/Auth/AuthLayout.tsx b/client/src/components/Auth/AuthLayout.tsx
index c1ce5e3068..0692e38093 100644
--- a/client/src/components/Auth/AuthLayout.tsx
+++ b/client/src/components/Auth/AuthLayout.tsx
@@ -58,9 +58,6 @@ function AuthLayout({
   };
   const logo_url = startupConfig?.interface?.loginImageUrl;
   const logo_text = startupConfig?.interface?.loginText;
-  console.log('Login Image URL:', logo_url);
-  console.log('Login Logo Text:', logo_text);
-  console.log('Startup Config:', startupConfig);
 
   return (
     <div className="relative flex min-h-screen flex-col bg-white dark:bg-gray-900">
diff --git a/librechat.example.yaml b/librechat.example.yaml
index f163f8d4ac..79f3f827df 100644
--- a/librechat.example.yaml
+++ b/librechat.example.yaml
@@ -98,7 +98,10 @@ interface:
   fileCitations: true
   # Temporary chat retention period in hours (default: 720, min: 1, max: 8760)
   # temporaryChatRetention: 1
-
+  loginImageUrl: 'https://librechat.ai/assets/logo.png'
+  loginText: |
+    ## Welcome to LibreChat! Your AI companion for seamless conversations.
+    
 # Example Cloudflare turnstile (optional)
 #turnstile:
 #  siteKey: "your-site-key-here"

From 7cea11316a69d4f13a535acbdaf8e21ea8f685d1 Mon Sep 17 00:00:00 2001
From: shambukorgal-dev <shambu.korgal@gmail.com>
Date: Wed, 14 Jan 2026 15:34:37 +0530
Subject: [PATCH 3/7] Use custome logo if logo_url is provided in
 librechat.yaml else use default logo.

---
 client/src/components/Auth/AuthLayout.tsx | 55 +++++++++++++++--------
 1 file changed, 36 insertions(+), 19 deletions(-)

diff --git a/client/src/components/Auth/AuthLayout.tsx b/client/src/components/Auth/AuthLayout.tsx
index 4de5889aa1..c8b143d0ee 100644
--- a/client/src/components/Auth/AuthLayout.tsx
+++ b/client/src/components/Auth/AuthLayout.tsx
@@ -63,14 +63,43 @@ function AuthLayout({
     <div className="relative flex min-h-screen flex-col bg-white dark:bg-gray-900">
       <Banner />
       <BlinkAnimation active={isFetching}>
-        <div className="mt-6 h-10 w-full bg-cover">
-          <img
-            src={logo_url}
-            className="h-full w-full object-contain"
-            alt={localize('com_ui_logo', { 0: startupConfig?.appTitle ?? 'LibreChat' })}
-          />
-        </div>
+        {logo_url ? (
+          <div className="mt-6 flex w-full justify-center">
+            <img
+              src={logo_url}
+              className="max-h-64 w-auto object-contain"
+              alt={localize('com_ui_logo', { 0: startupConfig?.appTitle ?? 'LibreChat' })}
+            />
+          </div>
+        ) : (
+          <div className="mt-6 flex w-full justify-center">
+            <img
+              src="assets/logo.svg"
+              className="max-h-10 w-auto object-contain"
+              alt={localize('com_ui_logo', { 0: startupConfig?.appTitle ?? 'LibreChat' })}
+            />
+          </div>
+        )}
       </BlinkAnimation>
+      
+      {/* Welcome back header and login buttons below logo */}
+      {!hasStartupConfigError && !isFetching && header && (
+        <div className="mt-6 text-center">
+          <h1
+            className="mb-4 text-3xl font-semibold text-black dark:text-white"
+            style={{ userSelect: 'none' }}
+          >
+            {header}
+          </h1>
+          {!pathname.includes('2fa') &&
+            (pathname.includes('login') || pathname.includes('register')) && (
+              <div className="mx-auto max-w-md">
+                <SocialLoginRender startupConfig={startupConfig} />
+              </div>
+            )}
+        </div>
+      )}
+      
       {/* ——— WELCOME SECTIONS ——— */}
       <main className="mx-auto w-full max-w-2xl space-y-8 p-6 text-black dark:text-white">
         <section>
@@ -87,19 +116,7 @@ function AuthLayout({
 
       <main className="flex flex-grow items-center justify-center">
         <div className="w-authPageWidth overflow-hidden bg-white px-6 py-4 dark:bg-gray-900 sm:max-w-md sm:rounded-lg">
-          {!hasStartupConfigError && !isFetching && header && (
-            <h1
-              className="mb-4 text-center text-3xl font-semibold text-black dark:text-white"
-              style={{ userSelect: 'none' }}
-            >
-              {header}
-            </h1>
-          )}
           {children}
-          {!pathname.includes('2fa') &&
-            (pathname.includes('login') || pathname.includes('register')) && (
-              <SocialLoginRender startupConfig={startupConfig} />
-            )}
         </div>
       </main>
       <Footer startupConfig={startupConfig} />

From ca090fdb093934ec5ca608392c52d809a2c2a4bf Mon Sep 17 00:00:00 2001
From: shambukorgal-dev <shambu.korgal@gmail.com>
Date: Thu, 22 Jan 2026 13:46:38 +0530
Subject: [PATCH 4/7] Updated code with utility functions

---
 client/src/components/Auth/AuthLayout.tsx | 20 +++++++++++---------
 packages/data-provider/src/config.ts      |  9 ++++++++-
 packages/data-provider/src/utils.ts       | 14 ++++++++++++++
 3 files changed, 33 insertions(+), 10 deletions(-)

diff --git a/client/src/components/Auth/AuthLayout.tsx b/client/src/components/Auth/AuthLayout.tsx
index c8b143d0ee..831315be1a 100644
--- a/client/src/components/Auth/AuthLayout.tsx
+++ b/client/src/components/Auth/AuthLayout.tsx
@@ -56,17 +56,17 @@ function AuthLayout({
     }
     return null;
   };
-  const logo_url = startupConfig?.interface?.loginImageUrl;
-  const logo_text = startupConfig?.interface?.loginText;
+  const logoUrl = startupConfig?.interface?.loginImageUrl;
+  const logoText = startupConfig?.interface?.loginText;
 
   return (
     <div className="relative flex min-h-screen flex-col bg-white dark:bg-gray-900">
       <Banner />
       <BlinkAnimation active={isFetching}>
-        {logo_url ? (
+        {logoUrl ? (
           <div className="mt-6 flex w-full justify-center">
             <img
-              src={logo_url}
+              src={logoUrl}
               className="max-h-64 w-auto object-contain"
               alt={localize('com_ui_logo', { 0: startupConfig?.appTitle ?? 'LibreChat' })}
             />
@@ -101,13 +101,15 @@ function AuthLayout({
       )}
       
       {/* ——— WELCOME SECTIONS ——— */}
-      <main className="mx-auto w-full max-w-2xl space-y-8 p-6 text-black dark:text-white">
-        <section>
-          <div className="prose dark:prose-invert w-full max-w-none !text-text-primary">
-            <MarkdownLite content={logo_text} />
+      {logoText && (
+        <section className="mx-auto w-full max-w-2xl space-y-8 p-6 text-black dark:text-white">
+          <div>
+            <div className="prose dark:prose-invert w-full max-w-none !text-text-primary">
+              <MarkdownLite content={logoText} />
+            </div>
           </div>
         </section>
-      </main>
+      )}
       {/* — end welcome sections — */}
       <DisplayError />
       <div className="absolute bottom-0 left-0 md:m-4">
diff --git a/packages/data-provider/src/config.ts b/packages/data-provider/src/config.ts
index 08b810b716..1817d973a2 100644
--- a/packages/data-provider/src/config.ts
+++ b/packages/data-provider/src/config.ts
@@ -7,6 +7,7 @@ import { fileConfigSchema } from './file-config';
 import { apiBaseUrl } from './api-endpoints';
 import { FileSources } from './types/files';
 import { MCPServersSchema } from './mcp';
+import { isSafeImageUrl } from './utils';
 
 export const defaultSocialLogins = ['google', 'facebook', 'openid', 'github', 'discord', 'saml'];
 
@@ -609,7 +610,13 @@ export const interfaceSchema = z
       .optional(),
     termsOfService: termsOfServiceSchema.optional(),
     customWelcome: z.string().optional(),
-    loginImageUrl: z.string().optional(),
+    loginImageUrl: z
+      .string()
+      .url()
+      .refine(isSafeImageUrl, {
+        message: 'loginImageUrl must be a valid HTTP or HTTPS URL',
+      })
+      .optional(),
     loginText: z.string().optional(),
     mcpServers: mcpServersSchema.optional(),
     endpointsMenu: z.boolean().optional(),
diff --git a/packages/data-provider/src/utils.ts b/packages/data-provider/src/utils.ts
index 57abbf0495..bd14302679 100644
--- a/packages/data-provider/src/utils.ts
+++ b/packages/data-provider/src/utils.ts
@@ -60,3 +60,17 @@ export function extractEnvVariable(value: string) {
 export function normalizeEndpointName(name = ''): string {
   return name.toLowerCase() === 'ollama' ? 'ollama' : name;
 }
+
+/**
+ * Validates that a URL uses only safe protocols (http or https)
+ * @param url - The URL string to validate
+ * @returns true if the URL is safe, false otherwise
+ */
+export const isSafeImageUrl = (url: string): boolean => {
+  try {
+    const parsedUrl = new URL(url);
+    return parsedUrl.protocol === 'http:' || parsedUrl.protocol === 'https:';
+  } catch {
+    return false;
+  }
+};

From e3490e8271cba3a938a3f58c981e879202538e0f Mon Sep 17 00:00:00 2001
From: shambukorgal-dev <shambu.korgal@gmail.com>
Date: Fri, 23 Jan 2026 12:45:29 +0530
Subject: [PATCH 5/7] Fixed liniting issues in AuthLayout.tsx

---
 client/src/components/Auth/AuthLayout.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/src/components/Auth/AuthLayout.tsx b/client/src/components/Auth/AuthLayout.tsx
index 831315be1a..1ee9cd87c1 100644
--- a/client/src/components/Auth/AuthLayout.tsx
+++ b/client/src/components/Auth/AuthLayout.tsx
@@ -81,8 +81,8 @@ function AuthLayout({
           </div>
         )}
       </BlinkAnimation>
-      
-      {/* Welcome back header and login buttons below logo */}
+
+      {/* Welcome back header and login buttons below logo */}}
       {!hasStartupConfigError && !isFetching && header && (
         <div className="mt-6 text-center">
           <h1
@@ -99,7 +99,7 @@ function AuthLayout({
             )}
         </div>
       )}
-      
+
       {/* ——— WELCOME SECTIONS ——— */}
       {logoText && (
         <section className="mx-auto w-full max-w-2xl space-y-8 p-6 text-black dark:text-white">

From 09236c96bc05c258024e0633b49e44f7df09eef5 Mon Sep 17 00:00:00 2001
From: shambukorgal-dev <shambu.korgal@gmail.com>
Date: Tue, 24 Feb 2026 10:42:54 +0530
Subject: [PATCH 6/7] Updated Authlayout.tsx

---
 client/src/components/Auth/AuthLayout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/components/Auth/AuthLayout.tsx b/client/src/components/Auth/AuthLayout.tsx
index 1ee9cd87c1..611e688b7d 100644
--- a/client/src/components/Auth/AuthLayout.tsx
+++ b/client/src/components/Auth/AuthLayout.tsx
@@ -82,7 +82,7 @@ function AuthLayout({
         )}
       </BlinkAnimation>
 
-      {/* Welcome back header and login buttons below logo */}}
+      {/* Welcome back header and login buttons below logo */}
       {!hasStartupConfigError && !isFetching && header && (
         <div className="mt-6 text-center">
           <h1

From 301be20806bf39c84094a072ad77a8651d00247a Mon Sep 17 00:00:00 2001
From: Peter Rothlaender <peter.rothlaender@ginkgo.com>
Date: Tue, 24 Feb 2026 08:45:41 +0100
Subject: [PATCH 7/7] support data url for images

---
 packages/data-provider/src/config.ts |  2 +-
 packages/data-provider/src/utils.ts  | 13 +++++++++++--
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/packages/data-provider/src/config.ts b/packages/data-provider/src/config.ts
index 66ca300ef0..1e40b44ad6 100644
--- a/packages/data-provider/src/config.ts
+++ b/packages/data-provider/src/config.ts
@@ -619,7 +619,7 @@ export const interfaceSchema = z
       .string()
       .url()
       .refine(isSafeImageUrl, {
-        message: 'loginImageUrl must be a valid HTTP or HTTPS URL',
+        message: 'loginImageUrl must be a valid HTTP, HTTPS, or data:image URL',
       })
       .optional(),
     loginText: z.string().optional(),
diff --git a/packages/data-provider/src/utils.ts b/packages/data-provider/src/utils.ts
index bd14302679..7bd7c5375f 100644
--- a/packages/data-provider/src/utils.ts
+++ b/packages/data-provider/src/utils.ts
@@ -62,14 +62,23 @@ export function normalizeEndpointName(name = ''): string {
 }
 
 /**
- * Validates that a URL uses only safe protocols (http or https)
+ * Validates that a URL uses only safe protocols (http, https, or data:image/*)
  * @param url - The URL string to validate
  * @returns true if the URL is safe, false otherwise
  */
 export const isSafeImageUrl = (url: string): boolean => {
   try {
     const parsedUrl = new URL(url);
-    return parsedUrl.protocol === 'http:' || parsedUrl.protocol === 'https:';
+    if (parsedUrl.protocol === 'http:' || parsedUrl.protocol === 'https:') {
+      return true;
+    }
+
+    if (parsedUrl.protocol !== 'data:') {
+      return false;
+    }
+
+    // Restrict data URLs to image payloads only.
+    return /^data:image\/[a-z0-9.+-]+(?:;[a-z0-9=._+-]+)*(?:;base64)?,/i.test(url);
   } catch {
     return false;
   }