frontend/src/features/workspace/OutlinerBlock.tsx

@@ -479,6 +479,7 @@ export const OutlinerBlock: React.FC<OutlinerBlockProps> = ({
 
   const level = Math.max(0, block.level || 0);
   const visualLevel = Math.max(0, level - (levelOffset || 0));
+  const isEmpty = (!localContent || localContent.trim() === '') && !hasChildren;
 
   // Parse rich tokens (WikiLinks [[Page]], Markdown Links [Title](url), raw URLs, and #Tags)
   const tokens = useMemo(() => {
@@ -560,12 +561,16 @@ export const OutlinerBlock: React.FC<OutlinerBlockProps> = ({
           }
         >
           <span
-            className={`w-1.5 h-1.5 rounded-full transition-all ${
+            className={`w-1.5 h-1.5 rounded-full transition-all duration-150 ${
               block.collapsed && hasChildren
                 ? 'bg-accent ring-2 ring-accent/30'
                 : activeFocus
                 ? 'bg-accent scale-125'
                 : 'bg-faint group-hover/bullet:bg-accent group-hover/bullet:scale-125'
+            } ${
+              isEmpty
+                ? 'opacity-0 group-hover:opacity-100 hover:opacity-100'
+                : 'opacity-100'
             }`}
           />
         </button>