From ed1b959bc6cd251608d9e9ac2294ac8966fe52c2 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Sun, 1 Mar 2026 02:38:45 -0600
Subject: [PATCH] refac

---
 src/lib/components/chat/FileNav/FilePreview.svelte | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/chat/FileNav/FilePreview.svelte b/src/lib/components/chat/FileNav/FilePreview.svelte
index a28bde13ee..3561be052a 100644
--- a/src/lib/components/chat/FileNav/FilePreview.svelte
+++ b/src/lib/components/chat/FileNav/FilePreview.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { getContext, onDestroy } from 'svelte';
+	import { getContext, onDestroy, tick } from 'svelte';
 	import panzoom, { type PanZoom } from 'panzoom';
 	import { marked } from 'marked';
 	import DOMPurify from 'dompurify';
@@ -19,6 +19,7 @@
 	export let editing = false;
 	let editContent = '';
 	export let saving = false;
+	let editTextarea: HTMLTextAreaElement;
 
 	// Reset edit state when switching files
 	$: selectedFile, resetEdit();
@@ -29,10 +30,12 @@
 		saving = false;
 	};
 
-	export const startEdit = () => {
+	export const startEdit = async () => {
 		editContent = fileContent ?? '';
 		editing = true;
 		showRaw = true;
+		await tick();
+		editTextarea?.focus();
 	};
 
 	export const saveEdit = async () => {
@@ -191,6 +194,7 @@
 		{:else}
 			{#if editing}
 				<textarea
+					bind:this={editTextarea}
 					bind:value={editContent}
 					class="w-full h-full text-xs font-mono text-gray-800 dark:text-gray-200 whitespace-pre break-all leading-relaxed p-3 bg-transparent border-none outline-none resize-none"
 					spellcheck="false"