hunk.code_window: 	useEffect(() => {
   		setMounted(true);
   	}, []);
   	const progress = useMemo(() => {
   		if (!mounted) return 0;
   		return Math.floor(
   			((Number(totalSpace.original) - Number(freeSpace.original)) /
   				Number(totalSpace.original)) *
   				100
   		);
   	}, [totalSpace, freeSpace, mounted]);
   	return (
   		<Card className="flex w-[280px] shrink-0 flex-col  bg-app-box/50 !p-0 ">
   			<div className="flex flex-row items-center gap-5 p-4 px-6 ">
  
hunk.labels: keep keep keep keep keep replace replace replace replace replace replace replace keep keep keep keep
hunk.after_edit: 		if (!mounted || totalSpace.original === 0n) return 0;
   		return Math.floor((usedSpaceSpace.value / totalSpace.value) * 100);
   	}, [mounted, totalSpace, usedSpaceSpace]);
  
hunk.file_path: interface/app/$libraryId/overview/StatCard.tsx
hunk.type: replace