From ccef9be2d376cbd2835f4d24b89eed167fb4fe67 Mon Sep 17 00:00:00 2001
From: Bryan Van Deusen <bryan.vandeusen@fabledsword.com>
Date: Fri, 24 Apr 2026 21:42:10 -0400
Subject: [PATCH] feat(web): add PlayerBar slot to Shell

Grid grows to 3 rows (auto / 1fr / auto); PlayerBar spans both columns
in the last row, rendering only when player.current is defined so the
row collapses before first play.
---
 web/src/lib/components/Shell.svelte | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/web/src/lib/components/Shell.svelte b/web/src/lib/components/Shell.svelte
index b37d41fd..fccea0ad 100644
--- a/web/src/lib/components/Shell.svelte
+++ b/web/src/lib/components/Shell.svelte
@@ -2,6 +2,8 @@
   import { page } from '$app/state';
   import { goto } from '$app/navigation';
   import { user, logout } from '$lib/auth/store.svelte';
+  import { player } from '$lib/player/store.svelte';
+  import PlayerBar from './PlayerBar.svelte';
 
   let { children } = $props<{ children: import('svelte').Snippet }>();
 
@@ -27,7 +29,7 @@
 
 <svelte:window onclick={() => (menuOpen = false)} onkeydown={(e) => e.key === 'Escape' && (menuOpen = false)} />
 
-<div class="grid h-screen grid-cols-[auto_1fr] grid-rows-[auto_1fr] bg-background text-text-primary">
+<div class="grid h-screen grid-cols-[auto_1fr] grid-rows-[auto_1fr_auto] bg-background text-text-primary">
   <header class="col-span-2 flex items-center justify-between border-b border-border bg-surface px-4 py-3">
     <div class="font-semibold">Minstrel</div>
     <div class="relative">
@@ -77,4 +79,10 @@
   <main class="overflow-y-auto p-4 md:col-start-2">
     {@render children?.()}
   </main>
+
+  {#if player.current}
+    <div class="col-span-2">
+      <PlayerBar />
+    </div>
+  {/if}
 </div>