hunk.code_window: 			ctx.client.query([
   				'search.paths',
   				{
   					...queryKey[1].arg,
   					cursor
   				}
   			]),
   		getNextPageParam: (lastPage) => lastPage.cursor ?? undefined,
  
hunk.labels: keep keep keep keep replace keep keep keep
hunk.after_edit: 					pagination: {
   						cursor: {
   							pub_id: cursor
   						}
   					}
  
hunk.file_path: interface/app/$libraryId/location/$id.tsx
hunk.type: replace
file: import { BloomOne } from '@sd/assets/images';
  import clsx from 'clsx';
  import { Navigate, Outlet } from 'react-router';
  import { useDebugState } from '@sd/client';
  import { tw } from '@sd/ui';
  import DragRegion from '~/components/DragRegion';
  import { useOperatingSystem } from '~/hooks/useOperatingSystem';
  import DebugPopover from '../$libraryId/Layout/Sidebar/DebugPopover';
  import { macOnly } from '../$libraryId/Layout/Sidebar/helpers';
  import Progress from './Progress';
  import { OnboardingContext, useContextValue } from './context';
  
  export const OnboardingContainer = tw.div`flex flex-col items-center`;
  export const OnboardingTitle = tw.h2`mb-2 text-3xl font-bold`;
  export const OnboardingDescription = tw.p`max-w-xl text-center text-ink-dull`;
  export const OnboardingImg = tw.img`w-20 h-20 mb-2`;
  
  export const Component = () => {
  	const os = useOperatingSystem();
  	const debugState = useDebugState();
  
  	const ctx = useContextValue();
  
  	if (ctx.libraries.isLoading) return null;
  	if (ctx.library?.uuid !== undefined)
  		return <Navigate to={`/${ctx.library.uuid}/overview`} replace />;
  
  	return (
  		<OnboardingContext.Provider value={ctx}>
  			<div
  				className={clsx(
  					macOnly(os, 'bg-opacity-[0.75]'),
  					'flex h-screen flex-col bg-sidebar text-ink'
  				)}
  			>
  				<DragRegion className="z-50 h-9" />
  				<div className="-mt-5 flex grow flex-col gap-8 p-10">
  					<div className="flex grow flex-col items-center justify-center">
  						<Outlet />
  					</div>
  					<Progress />
  				</div>
  				<div className="flex justify-center p-4">
  					<p className="text-xs text-ink-dull opacity-50">
  						&copy; 2022 Spacedrive Technology Inc.
  					</p>
  				</div>
  				<div className="absolute -z-10">
  					<div className="relative h-screen w-screen">
  						<img src={BloomOne} className="absolute h-[2000px] w-[2000px]" />
  						{/* <img src={BloomThree} className="absolute w-[2000px] h-[2000px] -right-[200px]" /> */}
  					</div>
  				</div>
  				{debugState.enabled && <DebugPopover />}
  			</div>
  		</OnboardingContext.Provider>
  	);
  };
  