hunk.code_window: 		<div
   			{...props}
   			{...attributes}
   			className="h-full w-full"
   			// Prevent explorer view onMouseDown event from
   			// being executed and resetting the selection
  
hunk.labels: keep keep keep replace keep keep
hunk.after_edit: 			className="w-full h-full"
  
hunk.file_path: interface/app/$libraryId/Explorer/View/Grid/Item.tsx
hunk.type: replace
file: import { auth, useBridgeQuery } from '@sd/client';
  import { Button, Card } from '@sd/ui';
  import { AuthRequiredOverlay } from '~/components/AuthRequiredOverlay';
  import { useLocale } from '~/hooks';
  
  export function SpacedriveAccount() {
  	return (
  		<Card className="relative">
  			<AuthRequiredOverlay />
  			<Account />
  		</Card>
  	);
  }
  
  function Account() {
  	const me = useBridgeQuery(['auth.me'], { retry: false });
  	const { t } = useLocale();
  
  	return (
  		<div className="my-2 flex w-full flex-col">
  			<div className="flex items-center justify-between">
  				<span className="font-semibold">{t('spacedrive_account')}</span>
  				<Button variant="gray" onClick={auth.logout}>
  					{t('logout')}
  				</Button>
  			</div>
  			<hr className="mb-4 mt-2 w-full border-app-line" />
  			<span>{t('logged_in_as', { email: me.data?.email })}</span>
  		</div>
  	);
  }
  