From 50618865e7ffdfde2d5aa18ce5e62561f3f6338c Mon Sep 17 00:00:00 2001
From: XShine555 <xshine555@gmail.com>
Date: Tue, 22 Sep 2026 14:12:11 +0200
Subject: [PATCH] Move app chrome components into components/layout

---
 .../lib/components/{ => layout}/MobileHeader.svelte    | 10 +++++-----
 .../src/lib/components/{ => layout}/Sidebar.svelte     |  6 +++---
 .../src/lib/components/{ => layout}/TabsBar.svelte     |  0
 .../src/lib/components/{ => layout}/TopBar.svelte      |  8 ++++----
 web-player/src/lib/components/player/PlayerDock.svelte |  2 +-
 web-player/src/routes/+layout.svelte                   |  6 +++---
 6 files changed, 16 insertions(+), 16 deletions(-)
 rename web-player/src/lib/components/{ => layout}/MobileHeader.svelte (84%)
 rename web-player/src/lib/components/{ => layout}/Sidebar.svelte (95%)
 rename web-player/src/lib/components/{ => layout}/TabsBar.svelte (100%)
 rename web-player/src/lib/components/{ => layout}/TopBar.svelte (94%)

diff --git a/web-player/src/lib/components/MobileHeader.svelte b/web-player/src/lib/components/layout/MobileHeader.svelte
similarity index 84%
rename from web-player/src/lib/components/MobileHeader.svelte
rename to web-player/src/lib/components/layout/MobileHeader.svelte
index f449659..3629bba 100644
--- a/web-player/src/lib/components/MobileHeader.svelte
+++ b/web-player/src/lib/components/layout/MobileHeader.svelte
@@ -3,11 +3,11 @@
 	import Upload from '@lucide/svelte/icons/upload';
 	import Folder from '@lucide/svelte/icons/folder';
 	import LogIn from '@lucide/svelte/icons/log-in';
-	import MenuItem from './ui/MenuItem.svelte';
-	import AccountMenu from './ui/AccountMenu.svelte';
-	import Avatar from './ui/Avatar.svelte';
-	import IconButton from './ui/IconButton.svelte';
-	import Logo from './ui/Logo.svelte';
+	import MenuItem from '../ui/MenuItem.svelte';
+	import AccountMenu from '../ui/AccountMenu.svelte';
+	import Avatar from '../ui/Avatar.svelte';
+	import IconButton from '../ui/IconButton.svelte';
+	import Logo from '../ui/Logo.svelte';
 
 	interface Props {
 		user: SessionUser | null;
diff --git a/web-player/src/lib/components/Sidebar.svelte b/web-player/src/lib/components/layout/Sidebar.svelte
similarity index 95%
rename from web-player/src/lib/components/Sidebar.svelte
rename to web-player/src/lib/components/layout/Sidebar.svelte
index adfa974..b66d032 100644
--- a/web-player/src/lib/components/Sidebar.svelte
+++ b/web-player/src/lib/components/layout/Sidebar.svelte
@@ -4,9 +4,9 @@
 	import { liked } from '$lib/player/liked.svelte';
 	import { createPlaylistModal } from '$lib/state/playlists.svelte';
 	import type { SessionUser } from '$lib/types';
-	import ListRow from './ui/ListRow.svelte';
-	import IconButton from './ui/IconButton.svelte';
-	import Logo from './ui/Logo.svelte';
+	import ListRow from '../ui/ListRow.svelte';
+	import IconButton from '../ui/IconButton.svelte';
+	import Logo from '../ui/Logo.svelte';
 	import Plus from '@lucide/svelte/icons/plus';
 
 	interface SidebarPlaylist {
diff --git a/web-player/src/lib/components/TabsBar.svelte b/web-player/src/lib/components/layout/TabsBar.svelte
similarity index 100%
rename from web-player/src/lib/components/TabsBar.svelte
rename to web-player/src/lib/components/layout/TabsBar.svelte
diff --git a/web-player/src/lib/components/TopBar.svelte b/web-player/src/lib/components/layout/TopBar.svelte
similarity index 94%
rename from web-player/src/lib/components/TopBar.svelte
rename to web-player/src/lib/components/layout/TopBar.svelte
index f5147bf..ed28306 100644
--- a/web-player/src/lib/components/TopBar.svelte
+++ b/web-player/src/lib/components/layout/TopBar.svelte
@@ -7,10 +7,10 @@
 	import Search from '@lucide/svelte/icons/search';
 	import X from '@lucide/svelte/icons/x';
 	import ChevronLeft from '@lucide/svelte/icons/chevron-left';
-	import AccountMenu from './ui/AccountMenu.svelte';
-	import Avatar from './ui/Avatar.svelte';
-	import IconButton from './ui/IconButton.svelte';
-	import Button from './ui/Button.svelte';
+	import AccountMenu from '../ui/AccountMenu.svelte';
+	import Avatar from '../ui/Avatar.svelte';
+	import IconButton from '../ui/IconButton.svelte';
+	import Button from '../ui/Button.svelte';
 
 	interface Props {
 		user: SessionUser | null;
diff --git a/web-player/src/lib/components/player/PlayerDock.svelte b/web-player/src/lib/components/player/PlayerDock.svelte
index 4d7a111..5eece8e 100644
--- a/web-player/src/lib/components/player/PlayerDock.svelte
+++ b/web-player/src/lib/components/player/PlayerDock.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import PlayerBar from './PlayerBar.svelte';
-	import TabsBar from '../TabsBar.svelte';
+	import TabsBar from '../layout/TabsBar.svelte';
 	import Alert from '$lib/components/ui/Alert.svelte';
 	import { player } from '$lib/player/player.svelte';
 	import type { SessionUser } from '$lib/types';
diff --git a/web-player/src/routes/+layout.svelte b/web-player/src/routes/+layout.svelte
index 41bbae9..530f756 100644
--- a/web-player/src/routes/+layout.svelte
+++ b/web-player/src/routes/+layout.svelte
@@ -6,9 +6,9 @@
 	import favicon from '$lib/assets/favicon.svg';
 	import PlayerDock from '$lib/components/player/PlayerDock.svelte';
 	import Queue from '$lib/components/player/Queue.svelte';
-	import Sidebar from '$lib/components/Sidebar.svelte';
-	import TopBar from '$lib/components/TopBar.svelte';
-	import MobileHeader from '$lib/components/MobileHeader.svelte';
+	import Sidebar from '$lib/components/layout/Sidebar.svelte';
+	import TopBar from '$lib/components/layout/TopBar.svelte';
+	import MobileHeader from '$lib/components/layout/MobileHeader.svelte';
 	import Modal from '$lib/components/ui/Modal.svelte';
 	import PlaylistForm from '$lib/components/ui/PlaylistForm.svelte';
 	import { player } from '$lib/player/player.svelte';