chore(style): tree view

Author: dinhanhthi

.github/workflows/release.yml

@@ -3,7 +3,7 @@ name: Release on Tag Push
 on:
   push:
     tags:
-      - "v*"
+      - 'v*'
 
 permissions:
   contents: write

packages/ui/src/components/file-tree.tsx

@@ -355,15 +355,10 @@ function TreeNodeView({
               <TooltipContent side="top">Clone to other repos</TooltipContent>
             </Tooltip>
           )}
-          {dirSize > 0 && (
-            <SizeLabel
-              bytes={dirSize}
-              className={`shrink-0 ${onClone ? '' : !dirStatus ? 'ml-auto' : ''}`}
-            />
-          )}
-          {dirStatus && (
-            <span className={`shrink-0 ${onClone || dirSize > 0 ? '' : 'ml-auto'}`}>
-              {folderSuffix?.(dirStatus)}
+          {(dirSize > 0 || dirStatus) && (
+            <span className={`shrink-0 flex items-center gap-1.5 ${onClone ? '' : 'ml-auto'}`}>
+              {dirSize > 0 && <SizeLabel bytes={dirSize} className="shrink-0" />}
+              {dirStatus && <span className="shrink-0">{folderSuffix?.(dirStatus)}</span>}
             </span>
           )}
         </button>

packages/ui/src/components/size-label.tsx

@@ -6,7 +6,7 @@ interface SizeLabelProps {
 }
 
 export function SizeLabel({ bytes, className }: SizeLabelProps) {
-  if (bytes <= 0) return null;
+  if (bytes < 0) return null;
 
   return (
     <span

packages/ui/src/pages/repo-detail.tsx

@@ -300,9 +300,7 @@ function DetailPage({ type }: { type: 'repo' | 'service' }) {
         storeSize: f.storeSize,
         suffix: (
           <>
-            {f.storeSize != null && f.storeSize > 0 && (
-              <SizeLabel bytes={f.storeSize} className="mr-1" />
-            )}
+            {f.storeSize != null && <SizeLabel bytes={f.storeSize} className="mr-1" />}
             <SyncStatusBadge status={f.syncStatus} size="sm" />
           </>
         ),