From b9295a90501e054bc0fec2fff6221d38e24ca79c Mon Sep 17 00:00:00 2001
From: vibe-bot <bot@local>
Date: Fri, 8 Aug 2025 03:31:28 +0200
Subject: [PATCH] =?UTF-8?q?feat(ui):=20Tabs=20ohne=20'Root';=20Favoriten-T?=
 =?UTF-8?q?ab=20hinzugef=C3=BCgt=20und=20filtert=20lokale=20Sterne?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 server/src/index.ts |  3 +--
 web/src/App.tsx     | 11 ++++++++++-
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/server/src/index.ts b/server/src/index.ts
index 06da991..7033628 100644
--- a/server/src/index.ts
+++ b/server/src/index.ts
@@ -225,8 +225,7 @@ app.get('/api/sounds', (req: Request, res: Response) => {
   const filteredItems = itemsByFolder.filter((s) => (q ? s.name.toLowerCase().includes(q) : true));
 
   const total = allItems.length;
-  const rootCount = rootFiles.length;
-  const foldersOut = [{ key: '__all__', name: 'Alle', count: total }, { key: '', name: 'Root', count: rootCount }, ...folders];
+  const foldersOut = [{ key: '__all__', name: 'Alle', count: total }, ...folders];
 
   res.json({ items: filteredItems, total, folders: foldersOut });
 });
diff --git a/web/src/App.tsx b/web/src/App.tsx
index df08d0e..83361e5 100644
--- a/web/src/App.tsx
+++ b/web/src/App.tsx
@@ -132,6 +132,15 @@ export default function App() {
 
       {folders.length > 0 && (
         <nav className="tabs">
+          {/* Favoriten Tab */}
+          <button
+            key="__favs__"
+            className={`tab ${activeFolder === '__favs__' ? 'active' : ''}`}
+            type="button"
+            onClick={() => setActiveFolder('__favs__')}
+          >
+            Favoriten
+          </button>
           {folders.map((f) => (
             <button
               key={f.key}
@@ -154,7 +163,7 @@ export default function App() {
       {error && <div className="error">{error}</div>}
 
       <section className="grid">
-        {filtered.map((s) => {
+        {(activeFolder === '__favs__' ? filtered.filter((s) => !!favs[s.relativePath ?? s.fileName]) : filtered).map((s) => {
           const key = `${s.relativePath ?? s.fileName}`;
           const isFav = !!favs[key];
           return (