From 1c71b09f20f66f902dd2b02fd1aaf9190e21be18 Mon Sep 17 00:00:00 2001
From: Sandro <mail@sandrodach.de>
Date: Tue, 27 Oct 2026 21:29:05 +0100
Subject: [PATCH] feat(workspace): hide bullet point on empty blocks unless
 hovered

---
 frontend/src/features/workspace/OutlinerBlock.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/features/workspace/OutlinerBlock.tsx b/frontend/src/features/workspace/OutlinerBlock.tsx
index 122307e..aee78a0 100644
--- a/frontend/src/features/workspace/OutlinerBlock.tsx
+++ b/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>