From 760369b10233269b908d5ae2f8dda7f2367e35f4 Mon Sep 17 00:00:00 2001
From: Alex Blank <alexblank@fastmail.com>
Date: Sun, 24 May 2026 19:25:42 +0000
Subject: [PATCH] fix: constrain loading overlays to components

- Add position: relative to create-session-form-wrapper so overlay fills only the form
- Remove text from instance busy overlay, show only spinner
- Delete progress indicator now fills only the target card
---
 apps/web/src/components/instance-list.tsx | 1 -
 apps/web/src/styles.css                   | 4 ++++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/components/instance-list.tsx b/apps/web/src/components/instance-list.tsx
index bffddc8..ce2a590 100644
--- a/apps/web/src/components/instance-list.tsx
+++ b/apps/web/src/components/instance-list.tsx
@@ -224,7 +224,6 @@ export const InstanceList = ({ projectId, repoId, projectName, repoName, toolTyp
               {busyInstanceId === instance.id && (
                 <div className="instance-busy-overlay">
                   <Icon name="loading" size="md" />
-                  <span>Working...</span>
                 </div>
               )}
               <div className="instance-info">
diff --git a/apps/web/src/styles.css b/apps/web/src/styles.css
index 0589f53..721055b 100644
--- a/apps/web/src/styles.css
+++ b/apps/web/src/styles.css
@@ -2885,6 +2885,10 @@ a.nav-item,
   pointer-events: none;
 }
 
+.create-session-form-wrapper {
+  position: relative;
+}
+
 .loading-overlay {
   position: absolute;
   top: 0;