From c95bd92ef62a09790f31d4163bbc032025e0adcf Mon Sep 17 00:00:00 2001
From: dhaatrik <90041791+dhaatrik@users.noreply.github.com>
Date: Wed, 22 Apr 2026 19:41:12 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20Replace=20save=20aler?=
 =?UTF-8?q?t=20with=20inline=20feedback?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replaces the blocking `alert('Blueprint saved!')` in VABEditor with inline success feedback on the save button itself, adding proper hover states and success states.

Co-authored-by: google-labs-jules[bot] <161369871+google-labs-jules[bot]@users.noreply.github.com>
---
 public/style.css    | 11 +++++++++++
 src/ui/VABEditor.ts | 13 ++++++++++++-
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/public/style.css b/public/style.css
index 79d1c78..fc1b615 100644
--- a/public/style.css
+++ b/public/style.css
@@ -400,6 +400,17 @@ button.primary:hover {
     transition: var(--transition-fast);
 }
 
+.vab-save-btn:hover,
+.vab-cancel-btn:hover {
+    background: var(--glass-bg);
+}
+
+.vab-save-btn.success {
+    background: var(--success-color, #4CAF50);
+    border-color: var(--success-color, #4CAF50);
+    color: white;
+}
+
 .vab-cat-tab:hover {
     border-color: var(--color-primary);
     color: white;
diff --git a/src/ui/VABEditor.ts b/src/ui/VABEditor.ts
index 24fdf14..420c104 100644
--- a/src/ui/VABEditor.ts
+++ b/src/ui/VABEditor.ts
@@ -147,7 +147,18 @@ export class VABEditor {
                     this.savedBlueprints.push(this.blueprint);
                 }
                 saveBlueprints(this.savedBlueprints);
-                alert('Blueprint saved!');
+
+                // Inline success feedback
+                const originalText = saveBtn.textContent;
+                saveBtn.textContent = 'Saved!';
+                saveBtn.classList.add('success');
+                saveBtn.setAttribute('aria-live', 'polite');
+
+                setTimeout(() => {
+                    saveBtn.textContent = originalText;
+                    saveBtn.classList.remove('success');
+                    saveBtn.removeAttribute('aria-live');
+                }, 2000);
                 return;
             }