From 522228fb7909d88e34ffac09e2e476dd976b1770 Mon Sep 17 00:00:00 2001
From: dtoro <d.toro.v@pm.me>
Date: Wed, 8 Apr 2026 12:48:45 +0200
Subject: [PATCH] refactor: drop LeftSidebar header in favor of group rows
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The "Views" header + MoreHorizontal kebab were vestigial — the Views/Folders
group rows already label themselves, and the kebab was a no-op. Swap the
group icons (Layers2 for Views, HardDrive for Folders) so the visual
hierarchy stays clear without the header.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 frontend/src/components/layout/LeftSidebar.tsx | 16 ++++------------
 1 file changed, 4 insertions(+), 12 deletions(-)

diff --git a/frontend/src/components/layout/LeftSidebar.tsx b/frontend/src/components/layout/LeftSidebar.tsx
index ead1d9d..e400f53 100644
--- a/frontend/src/components/layout/LeftSidebar.tsx
+++ b/frontend/src/components/layout/LeftSidebar.tsx
@@ -6,11 +6,11 @@ import {
   Image,
   Star,
   Trash2,
-  MoreHorizontal,
   HardDrive,
   RefreshCw,
   Copy,
   Tag as TagIcon,
+  Layers2,
 } from 'lucide-react'
 import clsx from 'clsx'
 import { sourceFolders, library, photos as photosApi, type FolderTreeNode } from '../../services/api'
@@ -211,8 +211,8 @@ export function LeftSidebar() {
   const libraryTree: TreeItem[] = [
     {
       id: 'library',
-      label: 'Library',
-      icon: <HardDrive className="h-4 w-4" />,
+      label: 'Views',
+      icon: <Layers2 className="h-4 w-4" />,
       children: [
         { id: 'all-photos', label: 'All Photos', icon: <Image className="h-4 w-4" />, count: 0 },
         { id: 'rated', label: 'Rated', icon: <Star className="h-4 w-4" />, count: 0 },
@@ -224,7 +224,7 @@ export function LeftSidebar() {
     {
       id: 'folders',
       label: 'Folders',
-      icon: <Folder className="h-4 w-4" />,
+      icon: <HardDrive className="h-4 w-4" />,
       children: folderTree.map(folderNodeToTreeItem),
     },
   ]
@@ -403,14 +403,6 @@ export function LeftSidebar() {
 
   return (
     <div className="flex h-full flex-col bg-surface">
-      {/* Sidebar Header */}
-      <div className="flex items-center justify-between border-b border-border px-3 py-2">
-        <h2 className="text-sm font-semibold text-text">Views</h2>
-        <button className="rounded p-1 text-text-muted hover:bg-surface-2 hover:text-text">
-          <MoreHorizontal className="h-4 w-4" />
-        </button>
-      </div>
-
       {/* Tree View */}
       <div className="flex-1 overflow-y-auto py-2">
         {libraryTree.map((item) => renderTreeItem(item))}