Aurora: Chat Toggle Tactile Micro-Interaction

.Jules/Aurora/delights.md

@@ -6,3 +6,10 @@
 - User Target: Joy
 - Abort Triggers: None (verified via Playwright and build pipeline).
 - User Reaction: Pending synthetic feedback.
+
+## 2026-06-11 - Chat Toggle Tactile Bounce | Signal: Competitive | Lean Implementation: Added tactile spring-scale on hover (1.08) and active press (0.95) to Chat FAB.
+
+- Insight: Floating action buttons with subtle spring tactile feedback create higher perceived physical responsiveness and invite user interaction.
+- User Target: Surprise & Delight
+- Abort Triggers: None (verified via build, lint, and vitest suites).
+- User Reaction: Pending synthetic feedback.

src/components/Chat.astro

@@ -1,11 +1,14 @@
 ---
+import { getEntry } from 'astro:content';
 
+const flagsEntry = await getEntry('flags', 'config');
+const isTactileEnabled = flagsEntry?.data.enable_chat_toggle_tactile_v1 ?? false;
 ---
 
 <div id="chat-container" class="chat-container">
   <button
     id="chat-toggle"
-    class="chat-toggle"
+    class:list={['chat-toggle', { 'tactile-v1': isTactileEnabled }]}
     aria-label="Open chat"
     aria-expanded="false"
     aria-controls="chat-window"
@@ -188,6 +191,18 @@
     outline-offset: 4px;
   }
 
+  @media (prefers-reduced-motion: no-preference) {
+    .chat-toggle.tactile-v1 {
+      transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
+    }
+    .chat-toggle.tactile-v1:hover {
+      transform: scale(1.08);
+    }
+    .chat-toggle.tactile-v1:active {
+      transform: scale(0.95);
+    }
+  }
+
   .chat-container.is-prominent .chat-toggle,
   .chat-container.is-open .chat-toggle,
   .chat-container.is-docked .chat-toggle {

src/content.config.ts

@@ -27,6 +27,7 @@ export const collections = {
       enable_logo_wobble_v1: z.boolean().default(false),
       enable_cta_tactile_v1: z.boolean().default(false),
       enable_theme_toggle_tactile_v1: z.boolean().default(false),
+      enable_chat_toggle_tactile_v1: z.boolean().default(false),
     }),
   }),
 };

src/content/flags/config.json

@@ -7,5 +7,6 @@
   "enable_reading_list": true,
   "enable_logo_wobble_v1": true,
   "enable_cta_tactile_v1": true,
-  "enable_theme_toggle_tactile_v1": true
+  "enable_theme_toggle_tactile_v1": true,
+  "enable_chat_toggle_tactile_v1": true
 }