diff --git a/src/components/AddTorrentModal.tsx b/src/components/AddTorrentModal.tsx
index df19735..ab19507 100644
--- a/src/components/AddTorrentModal.tsx
+++ b/src/components/AddTorrentModal.tsx
@@ -1,6 +1,8 @@
 import { useState, useRef } from 'react'
 import { Plus, X, Upload, CheckCircle, Check } from 'lucide-react'
 import { useAddTorrent, useCategories } from '../hooks/useTorrents'
+import { PathInput } from './ui/PathInput'
+import { usePathHistory } from '../hooks/usePathHistory'
 
 interface Props {
 	open: boolean
@@ -22,6 +24,7 @@ export function AddTorrentModal({ open, onClose }: Props) {
 
 	const { data: categories = {} } = useCategories()
 	const addMutation = useAddTorrent()
+	const { addPath } = usePathHistory()
 
 	if (!open) return null
 
@@ -44,6 +47,7 @@ export function AddTorrentModal({ open, onClose }: Props) {
 			},
 			{
 				onSuccess: () => {
+					if (savepath.trim()) addPath(savepath.trim())
 					setUrl('')
 					setFiles([])
 					setCategory('')
@@ -257,10 +261,9 @@ export function AddTorrentModal({ open, onClose }: Props) {
 							<label className="block text-xs font-medium mb-2" style={{ color: 'var(--text-muted)' }}>
 								Save path
 							</label>
-							<input
-								type="text"
+							<PathInput
 								value={savepath}
-								onChange={(e) => setSavepath(e.target.value)}
+								onChange={setSavepath}
 								placeholder="Default"
 								className="w-full px-3 py-2.5 rounded-xl border text-sm focus:outline-none transition-colors"
 								style={{
@@ -348,3 +351,4 @@ export function AddTorrentModal({ open, onClose }: Props) {
 		</div>
 	)
 }
+
diff --git a/src/components/ContextMenu.tsx b/src/components/ContextMenu.tsx
index 87a212d..e1aea3d 100644
--- a/src/components/ContextMenu.tsx
+++ b/src/components/ContextMenu.tsx
@@ -1,5 +1,7 @@
 import { useState, useRef, useEffect } from 'react'
 import { ChevronRight } from 'lucide-react'
+import { PathInput } from './ui/PathInput'
+import { usePathHistory } from '../hooks/usePathHistory'
 import {
 	useCategories,
 	useTags,
@@ -34,6 +36,7 @@ export function ContextMenu({ x, y, torrents, onClose }: Props) {
 	const [inputValue, setInputValue] = useState('')
 	const ref = useRef<HTMLDivElement>(null)
 	const inputRef = useRef<HTMLInputElement>(null)
+	const { addPath } = usePathHistory()
 
 	const { data: categories = {} } = useCategories()
 	const { data: tags = [] } = useTags()
@@ -135,13 +138,13 @@ export function ContextMenu({ x, y, torrents, onClose }: Props) {
 		}
 
 		if (editorMode === 'savePath') {
-			setLocationMutation.mutate({ hashes, location: value })
+			setLocationMutation.mutate({ hashes, location: value }, { onSuccess: () => addPath(value) })
 			onClose()
 			return
 		}
 
 		if (editorMode === 'downloadPath') {
-			setDownloadPathMutation.mutate({ hashes, downloadPath: value })
+			setDownloadPathMutation.mutate({ hashes, downloadPath: value }, { onSuccess: () => addPath(value) })
 			onClose()
 		}
 	}
@@ -198,19 +201,36 @@ export function ContextMenu({ x, y, torrents, onClose }: Props) {
 				<div className="text-xs font-medium mb-2" style={{ color: 'var(--text-muted)' }}>
 					{editorTitle}
 				</div>
-				<input
-					ref={inputRef}
-					type="text"
-					value={inputValue}
-					onChange={(e) => setInputValue(e.target.value)}
-					placeholder={editorPlaceholder}
-					onKeyDown={(e) => {
-						if (e.key === 'Enter') handleEditorSubmit()
-						if (e.key === 'Escape') onClose()
-					}}
-					className="w-full px-3 py-2 rounded-lg border text-sm mb-2"
-					style={{ backgroundColor: 'var(--bg-secondary)', borderColor: 'var(--border)', color: 'var(--text-primary)' }}
-				/>
+				{editorMode === 'rename' ? (
+					<input
+						ref={inputRef}
+						type="text"
+						value={inputValue}
+						onChange={(e) => setInputValue(e.target.value)}
+						placeholder={editorPlaceholder}
+						onKeyDown={(e) => {
+							if (e.key === 'Enter') handleEditorSubmit()
+							if (e.key === 'Escape') onClose()
+						}}
+						className="w-full px-3 py-2 rounded-lg border text-sm mb-2"
+						style={{ backgroundColor: 'var(--bg-secondary)', borderColor: 'var(--border)', color: 'var(--text-primary)' }}
+					/>
+				) : (
+					<div className="mb-2">
+						<PathInput
+							inputRef={inputRef}
+							value={inputValue}
+							onChange={setInputValue}
+							placeholder={editorPlaceholder}
+							onKeyDown={(e) => {
+								if (e.key === 'Enter') handleEditorSubmit()
+								if (e.key === 'Escape') onClose()
+							}}
+							className="w-full px-3 py-2 rounded-lg border text-sm"
+							style={{ backgroundColor: 'var(--bg-secondary)', borderColor: 'var(--border)', color: 'var(--text-primary)' }}
+						/>
+					</div>
+				)}
 				<div className="flex gap-2">
 					<button
 						onClick={onClose}
@@ -338,3 +358,4 @@ function MenuItem({
 	)
 }
 
+
diff --git a/src/components/SearchPanel.tsx b/src/components/SearchPanel.tsx
index eb17fa3..df656b8 100644
--- a/src/components/SearchPanel.tsx
+++ b/src/components/SearchPanel.tsx
@@ -1,5 +1,7 @@
 import { useState, useEffect, Fragment } from 'react'
 import { Plus, Trash2, ChevronDown, Filter, X } from 'lucide-react'
+import { PathInput } from './ui/PathInput'
+import { usePathHistory } from '../hooks/usePathHistory'
 import {
 	getIntegrations,
 	createIntegration,
@@ -34,6 +36,7 @@ function formatAge(dateStr: string): string {
 export function SearchPanel() {
 	const [integrations, setIntegrations] = useState<Integration[]>([])
 	const [instances, setInstances] = useState<Instance[]>([])
+	const { addPath } = usePathHistory()
 	const [selectedIntegration, setSelectedIntegration] = useState<Integration | null>(null)
 	const [indexers, setIndexers] = useState<Indexer[]>([])
 	const [prowlarrCategories, setProwlarrCategories] = useState<ProwlarrCategory[]>([])
@@ -212,8 +215,12 @@ export function SearchPanel() {
 		setGrabResult(null)
 		const options: { category?: string; savepath?: string; downloadPath?: string } = {}
 		if (grabCategory) options.category = grabCategory
-		if (grabSavepath.trim()) options.savepath = grabSavepath.trim()
-		if (grabDownloadPath.trim()) options.downloadPath = grabDownloadPath.trim()
+		if (grabSavepath.trim()) {
+			options.savepath = grabSavepath.trim()
+		}
+		if (grabDownloadPath.trim()) {
+			options.downloadPath = grabDownloadPath.trim()
+		}
 		try {
 			await grabRelease(
 				selectedIntegration.id,
@@ -226,6 +233,8 @@ export function SearchPanel() {
 				grabInstance,
 				Object.keys(options).length > 0 ? options : undefined
 			)
+			if (grabSavepath.trim()) addPath(grabSavepath.trim())
+			if (grabDownloadPath.trim()) addPath(grabDownloadPath.trim())
 			setGrabResult({ guid: grabModal.guid, success: true })
 			closeGrabModal()
 			setTimeout(() => setGrabResult(null), 3000)
@@ -1053,10 +1062,9 @@ export function SearchPanel() {
 								>
 									Save Path
 								</label>
-								<input
-									type="text"
+								<PathInput
 									value={grabSavepath}
-									onChange={(e) => setGrabSavepath(e.target.value)}
+									onChange={setGrabSavepath}
 									disabled={!grabInstance}
 									placeholder="Default"
 									className="w-full px-3 py-2 rounded-lg border text-sm disabled:opacity-50"
@@ -1074,10 +1082,9 @@ export function SearchPanel() {
 								>
 									Download Path
 								</label>
-								<input
-									type="text"
+								<PathInput
 									value={grabDownloadPath}
-									onChange={(e) => setGrabDownloadPath(e.target.value)}
+									onChange={setGrabDownloadPath}
 									disabled={!grabInstance}
 									placeholder="Default"
 									className="w-full px-3 py-2 rounded-lg border text-sm disabled:opacity-50"
@@ -1113,3 +1120,4 @@ export function SearchPanel() {
 	)
 }
 
+
diff --git a/src/components/TorrentDetailsPanel.tsx b/src/components/TorrentDetailsPanel.tsx
index bda0d72..9a613df 100644
--- a/src/components/TorrentDetailsPanel.tsx
+++ b/src/components/TorrentDetailsPanel.tsx
@@ -24,6 +24,8 @@ import {
 	useRemoveTrackers,
 } from '../hooks/useTorrentDetails'
 import { useSetTorrentDownloadPath, useSetTorrentLocation } from '../hooks/useTorrents'
+import { usePathHistory } from '../hooks/usePathHistory'
+import { PathInput } from './ui/PathInput'
 import { formatSize, formatSpeed, formatDate, formatDuration, formatEta } from '../utils/format'
 import type { Tracker, Peer } from '../types/torrentDetails'
 import { buildFileTree, flattenVisibleNodes, getInitialExpanded } from '../utils/fileTree'
@@ -148,6 +150,7 @@ function GeneralTab({ hash, category, tags }: { hash: string; category: string;
 	const { data: p, isLoading } = useTorrentProperties(hash)
 	const setLocationMutation = useSetTorrentLocation()
 	const setDownloadPathMutation = useSetTorrentDownloadPath()
+	const { addPath } = usePathHistory()
 	if (isLoading) return <LoadingSkeleton />
 	if (!p) return <EmptyState message="Failed to load" />
 	const properties = p
@@ -173,13 +176,13 @@ function GeneralTab({ hash, category, tags }: { hash: string; category: string;
 		if (!trimmed) return
 
 		if (editorMode === 'savePath') {
-			setLocationMutation.mutate({ hashes: [hash], location: trimmed })
+			setLocationMutation.mutate({ hashes: [hash], location: trimmed }, { onSuccess: () => addPath(trimmed) })
 			setEditorMode(null)
 			return
 		}
 
 		if (editorMode === 'downloadPath') {
-			setDownloadPathMutation.mutate({ hashes: [hash], downloadPath: trimmed })
+			setDownloadPathMutation.mutate({ hashes: [hash], downloadPath: trimmed }, { onSuccess: () => addPath(trimmed) })
 			setEditorMode(null)
 		}
 	}
@@ -296,10 +299,9 @@ function GeneralTab({ hash, category, tags }: { hash: string; category: string;
 						<div className="text-[9px] uppercase tracking-widest" style={{ color: 'var(--text-muted)' }}>
 							{editorMode === 'savePath' ? 'Change Save Path' : 'Change Download Path'}
 						</div>
-						<input
-							type="text"
+						<PathInput
 							value={inputValue}
-							onChange={(e) => setInputValue(e.target.value)}
+							onChange={setInputValue}
 							onKeyDown={(e) => {
 								if (e.key === 'Enter') handlePathSave()
 								if (e.key === 'Escape') setEditorMode(null)
diff --git a/src/components/ui/PathInput.tsx b/src/components/ui/PathInput.tsx
new file mode 100644
index 0000000..6dbe9ca
--- /dev/null
+++ b/src/components/ui/PathInput.tsx
@@ -0,0 +1,148 @@
+import { useState, useRef, useEffect, useCallback } from 'react'
+import { usePathHistory } from '../../hooks/usePathHistory'
+
+interface PathInputProps {
+	value: string
+	onChange: (value: string) => void
+	onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void
+	placeholder?: string
+	className?: string
+	style?: React.CSSProperties
+	autoFocus?: boolean
+	disabled?: boolean
+	inputRef?: React.Ref<HTMLInputElement>
+	onTouchEnd?: (e: React.TouchEvent<HTMLInputElement>) => void
+}
+
+export function PathInput({
+	value,
+	onChange,
+	onKeyDown,
+	placeholder,
+	className,
+	style,
+	autoFocus,
+	disabled,
+	inputRef,
+	onTouchEnd,
+}: PathInputProps) {
+	const [showSuggestions, setShowSuggestions] = useState(false)
+	const [selectedIndex, setSelectedIndex] = useState(-1)
+	const { getSuggestions } = usePathHistory()
+	const suggestions = getSuggestions(value)
+	const containerRef = useRef<HTMLDivElement>(null)
+	const internalRef = useRef<HTMLInputElement>(null)
+	const listRef = useRef<HTMLUListElement>(null)
+
+	const resolvedRef = (inputRef ?? internalRef) as React.RefObject<HTMLInputElement>
+
+	useEffect(() => {
+		function handleClickOutside(e: MouseEvent) {
+			if (containerRef.current && !containerRef.current.contains(e.target as Node)) {
+				setShowSuggestions(false)
+			}
+		}
+		document.addEventListener('mousedown', handleClickOutside)
+		return () => document.removeEventListener('mousedown', handleClickOutside)
+	}, [])
+
+	useEffect(() => {
+		if (selectedIndex >= 0 && listRef.current) {
+			const item = listRef.current.children[selectedIndex] as HTMLElement
+			item?.scrollIntoView({ block: 'nearest' })
+		}
+	}, [selectedIndex])
+
+	const handleKeyDown = useCallback(
+		(e: React.KeyboardEvent<HTMLInputElement>) => {
+			if (showSuggestions && suggestions.length > 0) {
+				if (e.key === 'ArrowDown') {
+					e.preventDefault()
+					setSelectedIndex((prev) => (prev < suggestions.length - 1 ? prev + 1 : 0))
+					return
+				}
+				if (e.key === 'ArrowUp') {
+					e.preventDefault()
+					setSelectedIndex((prev) => (prev > 0 ? prev - 1 : suggestions.length - 1))
+					return
+				}
+				if (e.key === 'Enter' && selectedIndex >= 0) {
+					e.preventDefault()
+					onChange(suggestions[selectedIndex])
+					setShowSuggestions(false)
+					return
+				}
+				if (e.key === 'Escape') {
+					setShowSuggestions(false)
+					return
+				}
+			}
+			onKeyDown?.(e)
+		},
+		[showSuggestions, suggestions, selectedIndex, onChange, onKeyDown]
+	)
+
+	function handleSelect(path: string) {
+		onChange(path)
+		setShowSuggestions(false)
+		resolvedRef.current?.focus()
+	}
+
+	const hasSuggestions = suggestions.length > 0
+
+	return (
+		<div ref={containerRef} className="relative">
+			<input
+				ref={resolvedRef as React.RefObject<HTMLInputElement>}
+				type="text"
+				value={value}
+				onChange={(e) => {
+					onChange(e.target.value)
+					setSelectedIndex(-1)
+					setShowSuggestions(true)
+				}}
+				onFocus={() => setShowSuggestions(true)}
+				onKeyDown={handleKeyDown}
+				onTouchEnd={onTouchEnd}
+				placeholder={placeholder}
+				className={className}
+				style={style}
+				autoFocus={autoFocus}
+				disabled={disabled}
+			/>
+			{showSuggestions && hasSuggestions && (
+				<ul
+					ref={listRef}
+					className="absolute left-0 right-0 z-[300] max-h-40 overflow-y-auto rounded-lg border shadow-lg"
+					style={{
+						top: '100%',
+						marginTop: '2px',
+						backgroundColor: 'var(--bg-tertiary)',
+						borderColor: 'var(--border)',
+					}}
+				>
+					{suggestions.map((path: string, i: number) => (
+						<li
+							key={path}
+							onMouseDown={(e) => {
+								e.preventDefault()
+								handleSelect(path)
+							}}
+							className="px-3 py-1.5 text-xs cursor-pointer truncate"
+							style={{
+								color: 'var(--text-primary)',
+								backgroundColor: i === selectedIndex ? 'var(--bg-hover)' : undefined,
+							}}
+							onMouseEnter={() => setSelectedIndex(i)}
+						>
+							{path}
+						</li>
+					))}
+				</ul>
+			)}
+		</div>
+	)
+}
+
+
+
diff --git a/src/components/ui/index.ts b/src/components/ui/index.ts
index 50ca0e0..23f2689 100644
--- a/src/components/ui/index.ts
+++ b/src/components/ui/index.ts
@@ -2,3 +2,5 @@ export { Toggle } from './Toggle'
 export { Checkbox } from './Checkbox'
 export { Select } from './Select'
 export { MultiSelect } from './MultiSelect'
+export { PathInput } from './PathInput'
+
diff --git a/src/hooks/usePathHistory.ts b/src/hooks/usePathHistory.ts
new file mode 100644
index 0000000..61213db
--- /dev/null
+++ b/src/hooks/usePathHistory.ts
@@ -0,0 +1,39 @@
+import { useCallback } from 'react'
+
+const STORAGE_KEY = 'qbit-path-history'
+const MAX_ENTRIES = 50
+
+function getHistory(): string[] {
+	try {
+		const raw = localStorage.getItem(STORAGE_KEY)
+		if (!raw) return []
+		const parsed = JSON.parse(raw)
+		return Array.isArray(parsed) ? parsed.filter((p): p is string => typeof p === 'string') : []
+	} catch {
+		return []
+	}
+}
+
+function saveHistory(paths: string[]) {
+	localStorage.setItem(STORAGE_KEY, JSON.stringify(paths.slice(0, MAX_ENTRIES)))
+}
+
+export function usePathHistory() {
+	const addPath = useCallback((path: string) => {
+		const trimmed = path.trim()
+		if (!trimmed) return
+		const history = getHistory().filter((p) => p !== trimmed)
+		history.unshift(trimmed)
+		saveHistory(history)
+	}, [])
+
+	const getSuggestions = useCallback((input: string): string[] => {
+		const history = getHistory()
+		if (!input) return history.slice(0, 5)
+		const lower = input.toLowerCase()
+		return history.filter((p) => p.toLowerCase().includes(lower))
+	}, [])
+
+	return { addPath, getSuggestions }
+}
+
diff --git a/src/mobile/MobileSearchPanel.tsx b/src/mobile/MobileSearchPanel.tsx
index fb4c922..cf79f60 100644
--- a/src/mobile/MobileSearchPanel.tsx
+++ b/src/mobile/MobileSearchPanel.tsx
@@ -18,6 +18,8 @@ import { type Instance } from '../api/instances'
 import { getCategories, type Category } from '../api/qbittorrent'
 import { formatSize } from '../utils/format'
 import { extractTags, sortResults, filterResults, type SortKey } from '../utils/search'
+import { PathInput } from '../components/ui/PathInput'
+import { usePathHistory } from '../hooks/usePathHistory'
 
 function formatAge(dateStr: string): string {
 	const date = new Date(dateStr)
@@ -39,6 +41,7 @@ interface Props {
 export function MobileSearchPanel({ instances, onBack }: Props) {
 	const [integrations, setIntegrations] = useState<Integration[]>([])
 	const [selectedIntegration, setSelectedIntegration] = useState<Integration | null>(null)
+	const { addPath } = usePathHistory()
 	const [indexers, setIndexers] = useState<Indexer[]>([])
 	const [prowlarrCategories, setProwlarrCategories] = useState<ProwlarrCategory[]>([])
 	const [selectedIndexer, setSelectedIndexer] = useState<string>('-2')
@@ -189,8 +192,12 @@ export function MobileSearchPanel({ instances, onBack }: Props) {
 		setGrabResult(null)
 		const options: { category?: string; savepath?: string; downloadPath?: string } = {}
 		if (grabCategory) options.category = grabCategory
-		if (grabSavepath.trim()) options.savepath = grabSavepath.trim()
-		if (grabDownloadPath.trim()) options.downloadPath = grabDownloadPath.trim()
+		if (grabSavepath.trim()) {
+			options.savepath = grabSavepath.trim()
+		}
+		if (grabDownloadPath.trim()) {
+			options.downloadPath = grabDownloadPath.trim()
+		}
 		try {
 			await grabRelease(
 				selectedIntegration.id,
@@ -203,6 +210,8 @@ export function MobileSearchPanel({ instances, onBack }: Props) {
 				instanceId,
 				Object.keys(options).length > 0 ? options : undefined
 			)
+			if (grabSavepath.trim()) addPath(grabSavepath.trim())
+			if (grabDownloadPath.trim()) addPath(grabDownloadPath.trim())
 			setGrabResult({ guid: result.guid, success: true })
 			setShowGrabSheet(null)
 			setTimeout(() => setGrabResult(null), 3000)
@@ -901,10 +910,9 @@ export function MobileSearchPanel({ instances, onBack }: Props) {
 								<div className="text-xs font-medium px-1 pb-2" style={{ color: 'var(--text-muted)' }}>
 									Save Path
 								</div>
-								<input
-									type="text"
+								<PathInput
 									value={grabSavepath}
-									onChange={(e) => setGrabSavepath(e.target.value)}
+									onChange={setGrabSavepath}
 									disabled={!grabInstance}
 									placeholder="Default"
 									className="w-full px-4 py-3 rounded-xl border text-base disabled:opacity-50"
@@ -919,10 +927,9 @@ export function MobileSearchPanel({ instances, onBack }: Props) {
 								<div className="text-xs font-medium px-1 pb-2" style={{ color: 'var(--text-muted)' }}>
 									Download Path
 								</div>
-								<input
-									type="text"
+								<PathInput
 									value={grabDownloadPath}
-									onChange={(e) => setGrabDownloadPath(e.target.value)}
+									onChange={setGrabDownloadPath}
 									disabled={!grabInstance}
 									placeholder="Default"
 									className="w-full px-4 py-3 rounded-xl border text-base disabled:opacity-50"
@@ -1153,3 +1160,4 @@ export function MobileSearchPanel({ instances, onBack }: Props) {
 	)
 }
 
+
diff --git a/src/mobile/MobileTorrentDetail.tsx b/src/mobile/MobileTorrentDetail.tsx
index 909c30e..3c60cef 100644
--- a/src/mobile/MobileTorrentDetail.tsx
+++ b/src/mobile/MobileTorrentDetail.tsx
@@ -6,6 +6,8 @@ import { Play, Pause, Trash2 } from 'lucide-react'
 import * as api from '../api/qbittorrent'
 import type { TorrentState } from '../types/qbittorrent'
 import { formatSize, formatSpeed, formatDate, formatDuration } from '../utils/format'
+import { PathInput } from '../components/ui/PathInput'
+import { usePathHistory } from '../hooks/usePathHistory'
 
 type Tab = 'general' | 'files' | 'trackers' | 'peers' | 'http'
 type PathEditorMode = 'savePath' | 'downloadPath' | null
@@ -49,6 +51,7 @@ export function MobileTorrentDetail({ torrentHash, instanceId, onClose }: Props)
 	const [pathValue, setPathValue] = useState('')
 	const [deleteFiles, setDeleteFiles] = useState(false)
 	const queryClient = useQueryClient()
+	const { addPath } = usePathHistory()
 
 	useEffect(() => {
 		if (document.activeElement instanceof HTMLElement) {
@@ -143,14 +146,14 @@ export function MobileTorrentDetail({ torrentHash, instanceId, onClose }: Props)
 
 		if (pathEditorMode === 'savePath') {
 			setLocationMutation.mutate(trimmed, {
-				onSuccess: () => setPathEditorMode(null),
+				onSuccess: () => { addPath(trimmed); setPathEditorMode(null) },
 			})
 			return
 		}
 
 		if (pathEditorMode === 'downloadPath') {
 			setDownloadPathMutation.mutate(trimmed, {
-				onSuccess: () => setPathEditorMode(null),
+				onSuccess: () => { addPath(trimmed); setPathEditorMode(null) },
 			})
 		}
 	}
@@ -465,13 +468,12 @@ export function MobileTorrentDetail({ torrentHash, instanceId, onClose }: Props)
 						<h3 className="text-lg font-semibold mb-4" style={{ color: 'var(--text-primary)' }}>
 							{pathEditorTitle}
 						</h3>
-						<input
-							ref={(el) => { if (el) setTimeout(() => el.focus(), 50) }}
-							type="text"
+						<PathInput
 							value={pathValue}
-							onChange={(e) => setPathValue(e.target.value)}
+							onChange={setPathValue}
 							onKeyDown={(e) => e.key === 'Enter' && handlePathSave()}
 							onTouchEnd={(e) => { e.stopPropagation(); (e.target as HTMLInputElement).focus() }}
+							autoFocus
 							className="w-full px-4 py-3 rounded-xl border text-base"
 							style={{
 								backgroundColor: 'var(--bg-tertiary)',
@@ -616,3 +618,4 @@ function PathRow({
 	)
 }
 
+