OctoLauncher 1.3.1

Manifest-based CDN updater and mod manager for the OctoWoW 1.12.1 client:
launcher-owned realmlist, torrent-backed content sync with bundled aria2c,
antivirus and Defender exclusion handling, hardware-aware render distance,
optional client tweaks and mods, and the in-launcher news feed.

src/renderer/components/form/FilePickerInput.tsx

@@ -0,0 +1,47 @@
+import cls from 'classnames';
+import { forwardRef, type HTMLProps } from 'react';
+import { AppWindow, FolderOpen } from 'lucide-react';
+
+import { api, type RouterInputs } from '~renderer/utils/api';
+
+import TextButton from '../styled/TextButton';
+
+type Props = HTMLProps<HTMLInputElement> & {
+	setValue: (newVal: string) => void;
+	options: RouterInputs['general']['filePicker'];
+};
+
+const FilePickerInput = forwardRef<HTMLInputElement, Props>(
+	({ setValue, options, className, ...props }, ref) => {
+		const filePicker = api.general.filePicker.useMutation();
+		return (
+			<div className="relative flex grow">
+				<input
+					ref={ref}
+					id={props.name}
+					{...props}
+					className={cls(
+						'grow border-b border-blueGray bg-inherit p-1 pr-[44px] hocus:border-orange',
+						className
+					)}
+				/>
+				<TextButton
+					className="absolute right-1 top-0 h-full"
+					icon={
+						options.properties?.includes('openDirectory')
+							? FolderOpen
+							: AppWindow
+					}
+					title="Pick file"
+					onClick={async () => {
+						const r = await filePicker.mutateAsync(options);
+						if (r.canceled) return;
+						setValue(r.path[0]);
+					}}
+				/>
+			</div>
+		);
+	}
+);
+
+export default FilePickerInput;