From 232eba99b4cf9331c1ad150d4a3118bbd2144adc Mon Sep 17 00:00:00 2001
From: Imad Saddik <simad3647@gmail.com>
Date: Sun, 14 Dec 2025 20:53:08 +0100
Subject: [PATCH] Added a new setting to control the width of elements based on
 the screen size

---
 .../app/chat/ChatSettings/ChatSettingsDialog.svelte          | 5 +++++
 tools/server/webui/src/lib/constants/settings-config.ts      | 3 +++
 2 files changed, 8 insertions(+)

diff --git a/tools/server/webui/src/lib/components/app/chat/ChatSettings/ChatSettingsDialog.svelte b/tools/server/webui/src/lib/components/app/chat/ChatSettings/ChatSettingsDialog.svelte
index d2a0a739c5..8918453474 100644
--- a/tools/server/webui/src/lib/components/app/chat/ChatSettings/ChatSettingsDialog.svelte
+++ b/tools/server/webui/src/lib/components/app/chat/ChatSettings/ChatSettingsDialog.svelte
@@ -53,6 +53,11 @@
 					]
 				},
 				{
+                    key: 'responsiveChatWidth',
+                    label: 'Responsive chat width',
+                    type: 'checkbox'
+                },
+				{
 					key: 'showMessageStats',
 					label: 'Show message generation statistics',
 					type: 'checkbox'
diff --git a/tools/server/webui/src/lib/constants/settings-config.ts b/tools/server/webui/src/lib/constants/settings-config.ts
index 7547832d95..350186ebeb 100644
--- a/tools/server/webui/src/lib/constants/settings-config.ts
+++ b/tools/server/webui/src/lib/constants/settings-config.ts
@@ -9,6 +9,7 @@ export const SETTING_CONFIG_DEFAULT: Record<string, string | number | boolean> =
 	showToolCalls: false,
 	disableReasoningFormat: false,
 	keepStatsVisible: false,
+	responsiveChatWidth: false,
 	showMessageStats: true,
 	askForTitleConfirmation: false,
 	pasteLongTextToFileLen: 2500,
@@ -86,6 +87,8 @@ export const SETTING_CONFIG_INFO: Record<string, string> = {
 	disableReasoningFormat:
 		'Show raw LLM output without backend parsing and frontend Markdown rendering to inspect streaming across different models.',
 	keepStatsVisible: 'Keep processing statistics visible after generation finishes.',
+	responsiveChatWidth:
+		'Enable responsive chat width that adapts to your screen size. When disabled, uses a fixed width optimized for readability.',
 	showMessageStats:
 		'Display generation statistics (tokens/second, token count, duration) below each assistant message.',
 	askForTitleConfirmation: