UI enhancemnts

ui/src/routes/+layout.svelte

@@ -4,6 +4,7 @@
   import '../styles/app.scss';
   import Spinner from '$lib/components/shared/Spinner.svelte';
   import { authStore } from '$lib/stores/auth.store.svelte.js';
+  import { watchlistStore } from '$lib/stores/watchlist.store.svelte.js';
   import type { Snippet } from 'svelte';
   let { children }: { children: Snippet } = $props();
 
@@ -19,6 +20,13 @@
     }
   });
 
+  // Load watchlist once when user is authenticated
+  $effect(() => {
+    if (authStore.isLoggedIn && !watchlistStore.ready && !watchlistStore.loading) {
+      watchlistStore.load();
+    }
+  });
+
   const navLabel = $derived(
     activePath === '/portfolio'         ? 'Loading portfolio…' :
     activePath?.startsWith('/calls')    ? 'Loading market calls…' :

ui/src/routes/+page.svelte

@@ -4,6 +4,7 @@
   import MarketContextStrip from '$lib/components/shared/MarketContextStrip.svelte';
   import AssetTable         from '$lib/components/screener/AssetTable.svelte';
   import AnalysisSidebar    from '$lib/components/screener/AnalysisSidebar.svelte';
+  import WatchlistPanel     from '$lib/components/screener/WatchlistPanel.svelte';
 
   const s = screenerStore;
 
@@ -92,6 +93,12 @@
       </section>
     {/if}
   {/if}
+
+  <WatchlistPanel />
 </div>
 
-<AnalysisSidebar sidebar={s.sidebar} onClose={() => s.closeSidebar()} />
+<AnalysisSidebar
+  sidebar={s.sidebar}
+  onClose={() => s.closeSidebar()}
+  onScreenTickers={(tickers) => { s.input = tickers.join(', '); s.screen(); }}
+/>

ui/src/routes/watchlist/+page.svelte

@@ -0,0 +1,5 @@
+<script lang="ts">
+  import { goto } from '$app/navigation';
+  import { onMount } from 'svelte';
+  onMount(() => goto('/'));
+</script>

ui/src/routes/watchlist/+page.ts

@@ -0,0 +1 @@
+export const ssr = false;