From 282c541427c9a4572115b442fc292098fcf30d74 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Wed, 10 Dec 2025 23:56:20 -0500
Subject: [PATCH] refac

---
 src/lib/components/layout/Sidebar.svelte | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/layout/Sidebar.svelte b/src/lib/components/layout/Sidebar.svelte
index 41b58129b9..055970bc97 100644
--- a/src/lib/components/layout/Sidebar.svelte
+++ b/src/lib/components/layout/Sidebar.svelte
@@ -378,14 +378,13 @@
 	let isResizing = false;
 
 	let startWidth = 0;
-	let startX = 0;
-	let endX = 0;
+	let startClientX = 0;
 
 	const resizeStartHandler = (e: MouseEvent) => {
 		if ($mobile) return;
 		isResizing = true;
 
-		startX = e.clientX;
+		startClientX = e.clientX;
 		startWidth = $sidebarWidth ?? 260;
 
 		document.body.style.userSelect = 'none';
@@ -399,8 +398,8 @@
 		localStorage.setItem('sidebarWidth', String($sidebarWidth));
 	};
 
-	const applyResize = () => {
-		const dx = endX - startX;
+	const resizeSidebarHandler = (endClientX) => {
+		const dx = endClientX - startClientX;
 		const newSidebarWidth = Math.min(MAX_WIDTH, Math.max(MIN_WIDTH, startWidth + dx));
 
 		sidebarWidth.set(newSidebarWidth);
@@ -622,8 +621,7 @@
 <svelte:window
 	on:mousemove={(e) => {
 		if (!isResizing) return;
-		endX = e.clientX;
-		applyResize();
+		resizeSidebarHandler(e.clientX);
 	}}
 	on:mouseup={() => {
 		resizeEndHandler();