From 42907f22a40c37c85171e0f12d5b279a47956e42 Mon Sep 17 00:00:00 2001
From: DexterFromLab <bartoszczarnota1@gmail.com>
Date: Thu, 12 Mar 2026 12:16:13 +0100
Subject: [PATCH] Auto-scroll ProjectGrid to focused project on agent selection

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 .../lib/components/Workspace/ProjectGrid.svelte   | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/v2/src/lib/components/Workspace/ProjectGrid.svelte b/v2/src/lib/components/Workspace/ProjectGrid.svelte
index e8b6da2..b1c6e8e 100644
--- a/v2/src/lib/components/Workspace/ProjectGrid.svelte
+++ b/v2/src/lib/components/Workspace/ProjectGrid.svelte
@@ -12,6 +12,19 @@
     Math.min(projects.length, Math.max(1, Math.floor(containerWidth / 520))),
   );
 
+  // Track slot elements for auto-scroll
+  let slotEls = $state<Record<string, HTMLElement>>({});
+
+  // Auto-scroll to active project when it changes
+  $effect(() => {
+    const id = activeProjectId;
+    if (!id) return;
+    const el = slotEls[id];
+    if (!el) return;
+    // Use smooth scroll; block: nearest avoids jumping if already visible
+    el.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'nearest' });
+  });
+
   let observer: ResizeObserver | undefined;
 
   onMount(() => {
@@ -37,7 +50,7 @@
   style="--visible-count: {visibleCount}"
 >
   {#each projects as project, i (project.id)}
-    <div class="project-slot">
+    <div class="project-slot" bind:this={slotEls[project.id]}>
       <ProjectBox
         {project}
         slotIndex={i}