hunk.code_window: 	const showSize =
   		showBytesInGridView &&
   		!isEphemeralLocation &&
   		!isFolder &&
   		!location &&
  
hunk.labels: keep keep keep replace replace keep
hunk.file_path: interface/app/$libraryId/Explorer/View/GridView.tsx
hunk.type: replace
file: import type { PropsWithChildren } from 'react';
  import { CategoryHeading } from '@sd/ui';
  
  export default (
  	props: PropsWithChildren<{
  		name: string;
  		actionArea?: React.ReactNode;
  		onDoubleClick?: () => void;
  	}>
  ) => (
  	<div onDoubleClick={props.onDoubleClick} className="group mt-5">
  		<div className="mb-1 flex items-center justify-between">
  			<CategoryHeading className="ml-1">{props.name}</CategoryHeading>
  			{props.actionArea && (
  				<div className="text-sidebar-inkFaint opacity-0 transition-all duration-300 hover:!opacity-100 group-hover:opacity-30">
  					{props.actionArea}
  				</div>
  			)}
  		</div>
  		{props.children}
  	</div>
  );
  