hunk.code_window: 				'search.paths',
   				{
   					...queryKey[1].arg,
   					cursor
   				}
   			]),
   		getNextPageParam: (lastPage) => lastPage.cursor ?? undefined,
   		onSuccess: () => getExplorerStore().resetNewThumbnails()
  
hunk.labels: keep keep keep replace keep keep keep keep
hunk.after_edit: 					pagination: {
   						cursor: {
   							pub_id: cursor
   						}
   					}
  
hunk.file_path: interface/app/$libraryId/overview/data.ts
hunk.type: replace
file: import { Laptop } from '@sd/assets/icons';
  import { useMemo } from 'react';
  import { useBridgeQuery, useLibraryQuery } from '@sd/client';
  import { NodeIdParamsSchema } from '~/app/route-schemas';
  import { useZodRouteParams } from '~/hooks';
  import Explorer from '../Explorer';
  import { ExplorerContextProvider } from '../Explorer/Context';
  import { DefaultTopBarOptions } from '../Explorer/TopBarOptions';
  import { createDefaultExplorerSettings } from '../Explorer/store';
  import { useExplorer, useExplorerSettings } from '../Explorer/useExplorer';
  import { TopBarPortal } from '../TopBar/Portal';
  
  export const Component = () => {
  	const { id: nodeId } = useZodRouteParams(NodeIdParamsSchema);
  
  	const query = useLibraryQuery(['nodes.listLocations', nodeId]);
  
  	const nodeState = useBridgeQuery(['nodeState']);
  
  	const explorerSettings = useExplorerSettings({
  		settings: useMemo(
  			() =>
  				createDefaultExplorerSettings<never>({
  					order: null
  				}),
  			[]
  		),
  		onSettingsChanged: () => {}
  	});
  
  	const explorer = useExplorer({
  		items: query.data || null,
  		parent: nodeState.data
  			? {
  					type: 'Node',
  					node: nodeState.data
  			  }
  			: undefined,
  		settings: explorerSettings
  	});
  
  	return (
  		<ExplorerContextProvider explorer={explorer}>
  			<TopBarPortal
  				left={
  					<div className="flex items-center gap-2">
  						<img src={Laptop} className="mt-[-1px] h-6 w-6" />
  						<span className="truncate text-sm font-medium">
  							{nodeState.data?.name || 'Node'}
  						</span>
  					</div>
  				}
  				right={<DefaultTopBarOptions />}
  			/>
  
  			<Explorer />
  		</ExplorerContextProvider>
  	);
  };
  