Fixes audio visualizer color issues (#19)

src/components/visualization/AgentMultibandAudioVisualizer.tsx

@@ -72,11 +72,11 @@ export const AgentMultibandAudioVisualizer = ({
       {summedFrequencies.map((frequency, index) => {
         const isCenter = index === Math.floor(summedFrequencies.length / 2);
 
-        let color = accentColor;
+        let color = `${accentColor}-${accentShade}`;
         let shadow = `shadow-lg-${accentColor}`;
         let transform;
 
-        if (state === "listening") {
+        if (state === "listening" || state === "idle") {
           color = isCenter ? `${accentColor}-${accentShade}` : "gray-950";
           shadow = !isCenter ? "" : shadow;
           transform = !isCenter ? "scale(1.0)" : "scale(1.2)";

src/lib/types.ts

@@ -16,6 +16,7 @@ export interface TokenResult {
 }
 
 export type AgentState =
+  | "idle"
   | "listening"
   | "speaking"
   | "thinking"