From a5d624724303155dd71dbf6387f7519e0504fa0a Mon Sep 17 00:00:00 2001
From: phillsatellite <pprints12@gmail.com>
Date: Mon, 9 Mar 2026 22:21:27 -0400
Subject: [PATCH] Add work-in-progress mock data notice below mic button

---
 src/components/MicButton.css | 8 ++++++++
 src/components/MicButton.jsx | 1 +
 2 files changed, 9 insertions(+)

diff --git a/src/components/MicButton.css b/src/components/MicButton.css
index 3aa2a80..00953f4 100644
--- a/src/components/MicButton.css
+++ b/src/components/MicButton.css
@@ -107,3 +107,11 @@
 .mic-wave-bar:nth-child(5) { animation-delay: 0.2s; }
 .mic-wave-bar:nth-child(6) { animation-delay: 0.1s; }
 .mic-wave-bar:nth-child(7) { animation-delay: 0s; }
+
+.mic-mock-notice {
+  font-size: 13px;
+  color: #f0c040;
+  opacity: 0.85;
+  margin: 0;
+  letter-spacing: 0.01em;
+}
diff --git a/src/components/MicButton.jsx b/src/components/MicButton.jsx
index 3aa7f03..7116450 100644
--- a/src/components/MicButton.jsx
+++ b/src/components/MicButton.jsx
@@ -57,6 +57,7 @@ export default function MicButton({ apiKey, processing, setProcessing, onResult
         {statusText}
       </span>
       <Waveform active={active} />
+      <p className="mic-mock-notice">Work in progress — results are mock data.</p>
     </div>
   );
 }