feat: phase 3 — config, skills, model groups, task list, and sidebar UI

- Config system: TOML-based dispatch.toml with hot-reload via chokidar
- Model/key resolution: tag-based model selection, key fallback chains
- Skills system: directory loader with TOML frontmatter, agent mappings
- Task list tool: add/update/list/get operations with WebSocket events
- API routes: GET /config, /skills, /skills/:name, /models, /models/resolve
- Frontend: sidebar with model status, task list, config viewer, skills browser, permission log
- Sliding sidebar animation using CSS transitions (not Svelte transitions)

1 files changed, 10 insertions, 0 deletions

diff --git a/packages/frontend/src/lib/components/Header.svelte b/packages/frontend/src/lib/components/Header.svelte
index cf466fe..5d14593 100644
--- a/packages/frontend/src/lib/components/Header.svelte
+++ b/packages/frontend/src/lib/components/Header.svelte
@@ -2,6 +2,8 @@
 import { chatStore } from "../chat.svelte.js";
 import ThemeSwitcher from "./ThemeSwitcher.svelte";
 
+const { onToggleSidebar }: { onToggleSidebar: () => void } = $props();
+
 let showThemeSwitcher = $state(false);
 let copyLabel = $state("Copy");
 
@@ -46,6 +48,14 @@ async function handleCopy() {
 		>
 			Theme
 		</button>
+		<button
+			type="button"
+			class="btn btn-ghost btn-sm"
+			onclick={onToggleSidebar}
+			aria-label="Toggle sidebar"
+		>
+			☰ Sidebar
+		</button>
 	</div>
 </header>