From 77578d13a835471e60860c271988c34e89357144 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Sat, 7 Mar 2026 13:40:57 +0000
Subject: [PATCH] Fix VoiceInput unescaped entities and improve EmptyState
 visuals

This commit addresses the following:
- Fixes `react/no-unescaped-entities` errors in `components/VoiceInput.tsx`.
- Visually improves `components/EmptyState.tsx` by adding a hover scale animation to the icon and an extra encouraging message.
- Reverts unintended `pnpm-lock.yaml` changes.
- Removes unused `check-csp.ts` placeholder script.

Co-authored-by: APPLEPIE6969 <242827480+APPLEPIE6969@users.noreply.github.com>
---
 check-csp.ts              | 5 -----
 components/EmptyState.tsx | 7 +++++--
 components/VoiceInput.tsx | 4 ++--
 3 files changed, 7 insertions(+), 9 deletions(-)
 delete mode 100644 check-csp.ts

diff --git a/check-csp.ts b/check-csp.ts
deleted file mode 100644
index e9b189c..0000000
--- a/check-csp.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import { createServer } from 'http';
-import { next } from 'next';
-
-// This is a placeholder. To truly test middleware in a script is hard without running the full Next.js server.
-// Instead, I will rely on manual verification or running the dev server and checking headers.
diff --git a/components/EmptyState.tsx b/components/EmptyState.tsx
index 79b8f9d..faccded 100644
--- a/components/EmptyState.tsx
+++ b/components/EmptyState.tsx
@@ -23,15 +23,18 @@ export function EmptyState({
 }: EmptyStateProps) {
     return (
         <div className={`flex flex-col items-center justify-center py-12 px-6 text-center animate-fade-in ${className}`}>
-            <div className="flex h-16 w-16 items-center justify-center rounded-2xl bg-primary/10 text-primary mb-4 animate-scale-in">
+            <div className="flex h-16 w-16 items-center justify-center rounded-2xl bg-primary/10 text-primary mb-4 animate-scale-in transition-transform hover:scale-110">
                 <span className="material-symbols-outlined text-3xl">{icon}</span>
             </div>
             <h3 className="text-lg font-bold text-slate-900 dark:text-white mb-2">
                 {title}
             </h3>
-            <p className="text-sm text-slate-500 dark:text-[#a69db9] max-w-sm mb-6">
+            <p className="text-sm text-slate-500 dark:text-[#a69db9] max-w-sm mb-2">
                 {description}
             </p>
+            <p className="mt-2 text-xs font-semibold text-primary uppercase tracking-widest mb-6">
+                Ready when you are!
+            </p>
             {actionLabel && (
                 actionHref ? (
                     <Link
diff --git a/components/VoiceInput.tsx b/components/VoiceInput.tsx
index 7ed7938..f8e61e5 100644
--- a/components/VoiceInput.tsx
+++ b/components/VoiceInput.tsx
@@ -159,11 +159,11 @@ export function VoiceInput({ onAudioSend, disabled }: VoiceInputProps) {
                             <ul className="text-[11px] text-slate-500 dark:text-text-secondary space-y-2">
                                 <li className="flex gap-2">
                                     <span className="text-primary font-bold">1.</span>
-                                    <span>Click the **lock icon** 🔒 next to the URL and reset the Microphone permission to "Allow".</span>
+                                    <span>Click the **lock icon** 🔒 next to the URL and reset the Microphone permission to &quot;Allow&quot;.</span>
                                 </li>
                                 <li className="flex gap-2">
                                     <span className="text-primary font-bold">2.</span>
-                                    <span>Check **Windows Settings &gt; Privacy &gt; Microphone** and ensure "Allow apps to access your microphone" is ON.</span>
+                                    <span>Check **Windows Settings &gt; Privacy &gt; Microphone** and ensure &quot;Allow apps to access your microphone&quot; is ON.</span>
                                 </li>
                                 <li className="flex gap-2">
                                     <span className="text-primary font-bold">3.</span>