From 503319d46efbd4373052bf2a96d377ff5d9373cd Mon Sep 17 00:00:00 2001
From: Richard R <me@richardr.dev>
Date: Fri, 29 May 2026 21:49:13 -0600
Subject: [PATCH] style(ui): adjust sidebar hover effects and document skeleton
 timeout

Update FinderSidebar to remove background color on inactive hover for
improved visual clarity. Extend the DocumentSkeleton warning timeout to
10 seconds to allow more time before displaying the alert. Refine test
description for icons grid layout to clarify auto-fit behavior.
---
 src/components/doclist/window/FinderSidebar.tsx | 2 +-
 src/components/documents/DocumentSkeleton.tsx   | 2 +-
 tests/unit/icons-grid.spec.ts                   | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/doclist/window/FinderSidebar.tsx b/src/components/doclist/window/FinderSidebar.tsx
index a482a6f..d6216cb 100644
--- a/src/components/doclist/window/FinderSidebar.tsx
+++ b/src/components/doclist/window/FinderSidebar.tsx
@@ -59,7 +59,7 @@ function SidebarRow({
         'group w-full flex items-center gap-2 px-2 py-1 rounded-md text-[12px] border transform transition-all duration-200 ease-out text-left hover:scale-[1.01] ' +
         (active
           ? 'border-accent bg-offbase text-accent'
-          : 'border-transparent text-foreground hover:border-accent hover:bg-offbase hover:text-accent') +
+          : 'border-transparent bg-transparent text-foreground hover:border-accent hover:text-accent') +
         (isDropTarget ? ' ring-1 ring-accent' : '')
       }
     >
diff --git a/src/components/documents/DocumentSkeleton.tsx b/src/components/documents/DocumentSkeleton.tsx
index 0adccda..9f39b7b 100644
--- a/src/components/documents/DocumentSkeleton.tsx
+++ b/src/components/documents/DocumentSkeleton.tsx
@@ -8,7 +8,7 @@ export function DocumentSkeleton() {
         icon: '⚠️',
         duration: 5000,
       });
-    }, 3000);
+    }, 10000);
 
     return () => clearTimeout(timer);
   }, []);
diff --git a/tests/unit/icons-grid.spec.ts b/tests/unit/icons-grid.spec.ts
index 092844e..5663c47 100644
--- a/tests/unit/icons-grid.spec.ts
+++ b/tests/unit/icons-grid.spec.ts
@@ -8,7 +8,7 @@ test.describe('icons grid layout', () => {
     expect(maxColumnsForIconGrid('md', 1000)).toBe(6);
   });
 
-  test('keeps fill behavior when single-row suppression is off', () => {
+  test('uses auto-fit by default when single-row suppression is off', () => {
     const style = iconsGridStyle('md', 4);
     expect(style.gridTemplateColumns).toContain('repeat(auto-fit');
     expect(style.gridTemplateColumns).toContain('1fr');