From 36f334f4aff1f5132c5dda2ff242cc32b3f914e2 Mon Sep 17 00:00:00 2001
From: Imad Saddik <simad3647@gmail.com>
Date: Sat, 3 Jan 2026 08:40:21 +0100
Subject: [PATCH] Put the constant into constants/chat-width.ts

---
 .../ChatSettingsComboboxCustomWidth.svelte    |  8 +++--
 .../webui/src/lib/constants/chat-width.ts     | 28 ++++++++++++++++++
 .../server/webui/src/lib/utils/chat-width.ts  | 29 +------------------
 3 files changed, 35 insertions(+), 30 deletions(-)
 create mode 100644 tools/server/webui/src/lib/constants/chat-width.ts

diff --git a/tools/server/webui/src/lib/components/app/chat/ChatSettings/ChatSettingsComboboxCustomWidth.svelte b/tools/server/webui/src/lib/components/app/chat/ChatSettings/ChatSettingsComboboxCustomWidth.svelte
index 90dd0e6440..9fc47cd8db 100644
--- a/tools/server/webui/src/lib/components/app/chat/ChatSettings/ChatSettingsComboboxCustomWidth.svelte
+++ b/tools/server/webui/src/lib/components/app/chat/ChatSettings/ChatSettingsComboboxCustomWidth.svelte
@@ -6,7 +6,11 @@
 	import { Input } from '$lib/components/ui/input';
 	import { cn } from '$lib/components/ui/utils';
 	import { tick } from 'svelte';
-	import { CUSTOM_WIDTH_PRESETS, MIN_CUSTOM_WIDTH, MAX_CUSTOM_WIDTH } from '$lib/utils/chat-width';
+	import {
+		CUSTOM_WIDTH_PRESETS,
+		MIN_CUSTOM_WIDTH,
+		MAX_CUSTOM_WIDTH
+	} from '$lib/constants/chat-width';
 
 	interface Props {
 		value: string;
@@ -148,7 +152,7 @@
 	</Popover.Root>
 
 	{#if isEditing}
-		<div class="flex animate-in items-start gap-2 duration-200 fade-in slide-in-from-top-1">
+		<div class="animate-in fade-in slide-in-from-top-1 flex items-start gap-2 duration-200">
 			<div class="flex-1 space-y-1">
 				<Input
 					bind:ref={inputRef}
diff --git a/tools/server/webui/src/lib/constants/chat-width.ts b/tools/server/webui/src/lib/constants/chat-width.ts
new file mode 100644
index 0000000000..45f258255a
--- /dev/null
+++ b/tools/server/webui/src/lib/constants/chat-width.ts
@@ -0,0 +1,28 @@
+export const DEFAULT_WIDTH = 'max-w-[48rem]';
+
+export const MIN_CUSTOM_WIDTH = 300;
+export const MAX_CUSTOM_WIDTH = 10000;
+
+export const AUTO_WIDTH_CLASSES = `
+  max-w-[48rem] 
+  md:max-w-[60rem] 
+  xl:max-w-[70rem] 
+  2xl:max-w-[80rem] 
+  3xl:max-w-[90rem] 
+  4xl:max-w-[100rem] 
+  5xl:max-w-[150rem]
+`;
+
+export const CUSTOM_WIDTH_PRESETS = {
+	xs: 480,
+	sm: 600,
+	md: 768,
+	lg: 960,
+	xl: 1152,
+	'2xl': 1280,
+	'3xl': 1440,
+	'4xl': 1600,
+	'5xl': 1920,
+	'6xl': 2304,
+	'7xl': 3072
+} as const;
diff --git a/tools/server/webui/src/lib/utils/chat-width.ts b/tools/server/webui/src/lib/utils/chat-width.ts
index d59f53a51b..532b5b69b1 100644
--- a/tools/server/webui/src/lib/utils/chat-width.ts
+++ b/tools/server/webui/src/lib/utils/chat-width.ts
@@ -1,31 +1,4 @@
-export const DEFAULT_WIDTH = 'max-w-[48rem]';
-
-export const MIN_CUSTOM_WIDTH = 300;
-export const MAX_CUSTOM_WIDTH = 10000;
-
-export const AUTO_WIDTH_CLASSES = `
-  max-w-[48rem] 
-  md:max-w-[60rem] 
-  xl:max-w-[70rem] 
-  2xl:max-w-[80rem] 
-  3xl:max-w-[90rem] 
-  4xl:max-w-[100rem] 
-  5xl:max-w-[150rem]
-`;
-
-export const CUSTOM_WIDTH_PRESETS = {
-	xs: 480,
-	sm: 600,
-	md: 768,
-	lg: 960,
-	xl: 1152,
-	'2xl': 1280,
-	'3xl': 1440,
-	'4xl': 1600,
-	'5xl': 1920,
-	'6xl': 2304,
-	'7xl': 3072
-} as const;
+import { AUTO_WIDTH_CLASSES, CUSTOM_WIDTH_PRESETS, DEFAULT_WIDTH } from '$lib/constants/chat-width';
 
 export type CustomWidthPreset = keyof typeof CUSTOM_WIDTH_PRESETS;