hunk.code_window: 			// Prevent explorer view onMouseDown event from
   			// being executed and resetting the selection
   			onMouseDown={(e) => e.stopPropagation()}
   			onContextMenu={(e) => {
   				if (!explorerView.selectable || explorer.selectedItems.has(item)) return;
   				explorer.resetSelectedItems([item]);
  
hunk.labels: keep keep replace keep keep keep
hunk.after_edit: 			onMouseDown={(e) => {
   				if (os === 'browser') return;
   				e.stopPropagation();
   				if (e.buttons === 8 || e.buttons === 3) {
   					if (!canGoBack) return;
   					navigate(-1);
   				} else if (e.buttons === 16 || e.buttons === 4) {
   					if (!canGoForward) return;
   					navigate(1);
   				}
   			}}
  
hunk.file_path: interface/app/$libraryId/Explorer/View/Grid/Item.tsx
hunk.type: replace
file: import { AlphaBg, AlphaBg_Light, AppLogo } from '@sd/assets/images';
  import { Discord } from '@sd/assets/svgs/brands';
  import { Button, ButtonLink } from '@sd/ui';
  import { useIsDark, useLocale } from '~/hooks';
  import { usePlatform } from '~/util/Platform';
  
  import { OnboardingContainer } from './components';
  
  export default function OnboardingAlpha() {
  	const platform = usePlatform();
  	const isDark = useIsDark();
  
  	const { t } = useLocale();
  
  	return (
  		<OnboardingContainer>
  			<div className="relative w-screen text-center">
  				<img
  					src={isDark ? AlphaBg : AlphaBg_Light}
  					alt="Alpha Background"
  					className="absolute top-[-50px] z-0 w-full"
  				/>
  				<div className="relative z-10 flex flex-col gap-5">
  					<div className="mb-5 flex w-full items-center justify-center gap-2">
  						<img src={AppLogo} alt="Spacedrive" className="h-8 w-8" />
  						<h1 className="text-[25px] font-semibold">Spacedrive</h1>
  					</div>
  					<h1 className="text-[40px] font-bold">{t('alpha_release_title')}</h1>
  					<p className="mx-auto w-full max-w-[450px] text-sm text-ink-faint">
  						{t('alpha_release_description')}
  					</p>
  					<div className="mt-0 flex w-full items-center justify-center gap-2">
  						<Button
  							onClick={() => platform.openLink('https://discord.gg/ukRnWSnAbG')}
  							className="flex gap-2"
  							variant="gray"
  						>
  							<Discord className="h-4 w-4 fill-ink" />
  							{t('join_discord')}
  						</Button>
  						<ButtonLink to="../new-library" replace variant="accent">
  							{t('continue')}
  						</ButtonLink>
  					</div>
  				</div>
  			</div>
  		</OnboardingContainer>
  	);
  }
  