From d58875318328c5c354edfe807f57c240e1178aa8 Mon Sep 17 00:00:00 2001
From: Markury <mr.catborg@gmail.com>
Date: Tue, 30 Sep 2025 17:27:04 -0400
Subject: [PATCH] ui: error page

---
 src/lib/ToolBar.svelte          |  2 +-
 src/routes/+error.svelte        | 14 ++++++++++++++
 src/routes/library/+page.svelte | 20 ++++++++++++++++++++
 3 files changed, 35 insertions(+), 1 deletion(-)
 create mode 100644 src/routes/+error.svelte
 create mode 100644 src/routes/library/+page.svelte

diff --git a/src/lib/ToolBar.svelte b/src/lib/ToolBar.svelte
index 6778949..f990dde 100644
--- a/src/lib/ToolBar.svelte
+++ b/src/lib/ToolBar.svelte
@@ -6,7 +6,7 @@
     forward: '/icons/rightarrow.png',
     play: '/icons/speaker.png',
     search: '/icons/internet.png',
-    globe: '/icons/github.svg'
+    globe: '/icons/github-white.svg'
   };
 
   let history: string[] = $state([]);
diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
new file mode 100644
index 0000000..4495d17
--- /dev/null
+++ b/src/routes/+error.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+  import { page } from '$app/stores';
+</script>
+
+<div>
+  <h2>Error {$page.status}</h2>
+  <p>{$page.error?.message || 'An error occurred'}</p>
+</div>
+
+<style>
+  h2 {
+    margin-top: 0;
+  }
+</style>
diff --git a/src/routes/library/+page.svelte b/src/routes/library/+page.svelte
new file mode 100644
index 0000000..9fa15b1
--- /dev/null
+++ b/src/routes/library/+page.svelte
@@ -0,0 +1,20 @@
+<div>
+  <h2>Library</h2>
+  <p>Your music collection</p>
+
+  <section class="library-content">
+    <div class="field-row-stacked">
+      <!-- Library content will go here -->
+    </div>
+  </section>
+</div>
+
+<style>
+  h2 {
+    margin-top: 0;
+  }
+
+  .library-content {
+    margin-top: 20px;
+  }
+</style>