From f3402d3f1f5a74fa2bbcfded6ba234ecde20f8ea Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Wed, 11 Mar 2026 18:54:18 -0500
Subject: [PATCH] refac

---
 src/lib/components/chat/FileNav.svelte    |  7 ++++---
 src/lib/components/icons/ZoomReset.svelte | 22 ++++++++++++++++++++++
 2 files changed, 26 insertions(+), 3 deletions(-)
 create mode 100644 src/lib/components/icons/ZoomReset.svelte

diff --git a/src/lib/components/chat/FileNav.svelte b/src/lib/components/chat/FileNav.svelte
index 34da5272d7..6b0b13872b 100644
--- a/src/lib/components/chat/FileNav.svelte
+++ b/src/lib/components/chat/FileNav.svelte
@@ -30,7 +30,8 @@
 	import Folder from '../icons/Folder.svelte';
 	import Document from '../icons/Document.svelte';
 	import PenAlt from '../icons/PenAlt.svelte';
-	import Reset from '../icons/Reset.svelte';
+	import ZoomReset from '../icons/ZoomReset.svelte';
+
 	import Spinner from '../common/Spinner.svelte';
 	import Tooltip from '../common/Tooltip.svelte';
 	import ConfirmDialog from '../common/ConfirmDialog.svelte';
@@ -656,7 +657,7 @@
 						on:click={() => filePreviewRef?.resetImageView()}
 						aria-label={$i18n.t('Reset view')}
 					>
-						<Reset className="size-3.5" />
+						<ZoomReset className="size-3.5" />
 					</button>
 				</Tooltip>
 			{/if}
@@ -667,7 +668,7 @@
 						on:click={() => filePreviewRef?.resetPdfView()}
 						aria-label={$i18n.t('Reset view')}
 					>
-						<Reset className="size-3.5" />
+						<ZoomReset className="size-3.5" />
 					</button>
 				</Tooltip>
 			{/if}
diff --git a/src/lib/components/icons/ZoomReset.svelte b/src/lib/components/icons/ZoomReset.svelte
new file mode 100644
index 0000000000..3b132ee05e
--- /dev/null
+++ b/src/lib/components/icons/ZoomReset.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+	export let className = 'size-4';
+	export let strokeWidth = '1.5';
+</script>
+
+<svg
+	aria-hidden="true"
+	xmlns="http://www.w3.org/2000/svg"
+	fill="none"
+	viewBox="0 0 24 24"
+	stroke-width={strokeWidth}
+	stroke="currentColor"
+	class={className}
+>
+	<rect x="2" y="4" width="20" height="16" rx="3" fill="none" />
+	<!-- The "1" -->
+	<path stroke-linecap="round" stroke-linejoin="round" d="M7.5 9v6M6 10.5l1.5-1.5" />
+	<!-- The ":" -->
+	<path stroke-linecap="round" stroke-linejoin="round" d="M12 10.5v.01M12 13.5v.01" stroke-width="2" />
+	<!-- The other "1" -->
+	<path stroke-linecap="round" stroke-linejoin="round" d="M16.5 9v6M15 10.5l1.5-1.5" />
+</svg>