From a545c7a12d4765ccc3a10573177458a6eb192e26 Mon Sep 17 00:00:00 2001
From: Jake <jake@corbel.consulting>
Date: Thu, 7 May 2026 09:05:23 +0100
Subject: [PATCH] fix(dictation): drop bouncy press motion and update
 record-button glow rgba

Record button had active:scale-[0.93] transition-all, which contradicts
the brand motion guideline ("never bounce, slow, calm, deliberate"). The
record button is the most-touched control in the app; a 7% press-shrink
on it sets the wrong tone for everything else.

Removed the scale transform, removed the inline transition-duration
override (the global * rule in app.css already animates the named
properties at --duration-ui). Also updated the inline shadow rgba from
(232,168,124,0.3) to (201,133,85,0.3) so the glow tracks the new
a11y-darkened accent fill instead of the pre-Phase-10a amber.
---
 src/lib/pages/DictationPage.svelte | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/lib/pages/DictationPage.svelte b/src/lib/pages/DictationPage.svelte
index c4c6362..9bce731 100644
--- a/src/lib/pages/DictationPage.svelte
+++ b/src/lib/pages/DictationPage.svelte
@@ -811,18 +811,16 @@
       <!-- Record button -->
       <button
         class="relative flex items-center justify-center w-[40px] h-[40px] min-w-[40px] flex-shrink-0 rounded-full text-white
-          active:scale-[0.93] transition-all
           {page.recording
             ? 'bg-danger animate-pulse-warm'
             : modelLoading
               ? 'bg-warning opacity-60 cursor-wait'
               : !tauriRuntimeAvailable
                 ? 'bg-bg-elevated text-text-tertiary cursor-not-allowed'
-                : 'bg-accent hover:bg-accent-hover shadow-[0_4px_20px_rgba(232,168,124,0.3)]'}"
+                : 'bg-accent hover:bg-accent-hover shadow-[0_4px_20px_rgba(201,133,85,0.3)]'}"
         onclick={toggleRecording}
         disabled={modelLoading || !tauriRuntimeAvailable}
         aria-label={page.recording ? "Stop recording" : "Start recording"}
-        style="transition-duration: var(--duration-ui)"
       >
         {#if page.recording}
           <span class="w-[14px] h-[14px] rounded-[3px] bg-white"></span>