@adea-ai/audio 0.12.0 → 0.12.1

package/dist/config.js

@@ -1,6 +1,6 @@
 /** Optional soundtrack hooks for Adea. */
-export const AUDIO_BASE_URL = "/assets/audio";
+export const AUDIO_BASE_URL = '/assets/audio';
 export const MUSIC_DIR = `${AUDIO_BASE_URL}/sounds/music`;
 export const MUSIC_FILES = {
-    silent: "",
+    silent: '',
 };

package/dist/controller.d.ts

@@ -1,4 +1,4 @@
-import { type MusicId } from "./config";
+import { type MusicId } from './config';
 export type MusicOptions = {
     /** 0..1 track gain (default 0.8). */
     volume?: number;

package/dist/controller.js

@@ -1,13 +1,13 @@
-import { MUSIC_DIR, MUSIC_FILES } from "./config";
-const MUSIC_MUTE_KEY = "adea:audio:music-muted";
-const LEGACY_MUTE_KEY = "adea:audio:muted";
+import { MUSIC_DIR, MUSIC_FILES } from './config';
+const MUSIC_MUTE_KEY = 'adea:audio:music-muted';
+const LEGACY_MUTE_KEY = 'adea:audio:muted';
 const DEFAULT_MUSIC_VOLUME = 0.8;
 const FADE_STEP_MS = 30;
 function clampVolume(value) {
     return value <= 0 ? 0 : value > 1 ? 1 : value;
 }
 function readStorage(key) {
-    if (typeof window === "undefined")
+    if (typeof window === 'undefined')
         return null;
     try {
         return window.localStorage.getItem(key);
@@ -17,11 +17,11 @@ function readStorage(key) {
     }
 }
 function writeStorage(key, muted) {
-    if (typeof window === "undefined")
+    if (typeof window === 'undefined')
         return;
     try {
         if (muted)
-            window.localStorage.setItem(key, "1");
+            window.localStorage.setItem(key, '1');
         else
             window.localStorage.removeItem(key);
     }
@@ -30,7 +30,7 @@ function writeStorage(key, muted) {
     }
 }
 function loadMusicMuted() {
-    return readStorage(MUSIC_MUTE_KEY) === "1" || readStorage(LEGACY_MUTE_KEY) === "1";
+    return readStorage(MUSIC_MUTE_KEY) === '1' || readStorage(LEGACY_MUTE_KEY) === '1';
 }
 export class SoundController {
     musicElements = new Map();
@@ -78,7 +78,7 @@ export class SoundController {
         element.loop = true;
         // Defer the request until playback is allowed so audio never competes with
         // the scene's first visual and physics assets.
-        element.preload = "none";
+        element.preload = 'none';
         this.musicElements.set(id, element);
     }
     startMusic(id, options = {}) {

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { AUDIO_BASE_URL, MUSIC_FILES, type MusicId } from "./config";
-export { SoundController, soundController, type MusicOptions } from "./controller";
-export { musicForScene, sceneMusicTracks } from "./scene-music";
-export { MusicToggle, SoundProvider, useSceneMusic, useSound, type SoundContextValue, } from "./react";
+export { AUDIO_BASE_URL, MUSIC_FILES, type MusicId } from './config';
+export { SoundController, soundController, type MusicOptions } from './controller';
+export { musicForScene, sceneMusicTracks } from './scene-music';
+export { MusicToggle, SoundProvider, useSceneMusic, useSound, type SoundContextValue, } from './react';

package/dist/index.js

@@ -1,5 +1,5 @@
 // Optional soundtrack hooks for Adea.
-export { AUDIO_BASE_URL, MUSIC_FILES } from "./config";
-export { SoundController, soundController } from "./controller";
-export { musicForScene, sceneMusicTracks } from "./scene-music";
-export { MusicToggle, SoundProvider, useSceneMusic, useSound, } from "./react";
+export { AUDIO_BASE_URL, MUSIC_FILES } from './config';
+export { SoundController, soundController } from './controller';
+export { musicForScene, sceneMusicTracks } from './scene-music';
+export { MusicToggle, SoundProvider, useSceneMusic, useSound, } from './react';

package/dist/react.d.ts

@@ -1,6 +1,6 @@
-import { type ReactNode } from "react";
-import { soundController, type MusicOptions } from "./controller";
-import type { MusicId } from "./config";
+import { type ReactNode } from 'react';
+import { soundController, type MusicOptions } from './controller';
+import type { MusicId } from './config';
 export type SoundContextValue = {
     controller: typeof soundController;
     ready: boolean;

package/dist/react.js

@@ -1,9 +1,9 @@
-"use client";
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useEffect, useMemo, useState } from "react";
-import { Music, Music2 } from "lucide-react";
-import { soundController } from "./controller";
-import { musicForScene } from "./scene-music";
+import { createContext, useContext, useEffect, useMemo, useState } from 'react';
+import { Music, Music2 } from 'lucide-react';
+import { soundController } from './controller';
+import { musicForScene } from './scene-music';
 const SoundContext = createContext(null);
 export function SoundProvider({ children }) {
     const [musicMuted, setMusicMuted] = useState(false);
@@ -20,18 +20,19 @@ export function SoundProvider({ children }) {
                     setReady(true);
             });
         };
-        window.addEventListener("pointerdown", onGesture, { capture: true });
-        window.addEventListener("keydown", onGesture, { capture: true });
-        window.addEventListener("touchstart", onGesture, { capture: true });
-        if (new URLSearchParams(window.location.search).has("debug")) {
+        window.addEventListener('pointerdown', onGesture, { capture: true });
+        window.addEventListener('keydown', onGesture, { capture: true });
+        window.addEventListener('touchstart', onGesture, { capture: true });
+        if (new URLSearchParams(window.location.search).has('debug')) {
+            ;
             window.__agentHqSound =
                 soundController;
         }
         return () => {
             mounted = false;
-            window.removeEventListener("pointerdown", onGesture, { capture: true });
-            window.removeEventListener("keydown", onGesture, { capture: true });
-            window.removeEventListener("touchstart", onGesture, { capture: true });
+            window.removeEventListener('pointerdown', onGesture, { capture: true });
+            window.removeEventListener('keydown', onGesture, { capture: true });
+            window.removeEventListener('touchstart', onGesture, { capture: true });
         };
     }, []);
     const value = useMemo(() => ({
@@ -46,7 +47,7 @@ export function SoundProvider({ children }) {
 export function useSound() {
     const value = useContext(SoundContext);
     if (!value)
-        throw new Error("useSound must be used within <SoundProvider>");
+        throw new Error('useSound must be used within <SoundProvider>');
     return value;
 }
 export function useSceneMusic(sceneId) {
@@ -58,7 +59,7 @@ export function useSceneMusic(sceneId) {
     }, [sceneId]);
 }
 function MusicButton({ muted, onToggle }) {
-    return (_jsx("button", { type: "button", "aria-label": muted ? "Unmute music" : "Mute music", "aria-pressed": muted, onClick: onToggle, className: `inline-flex size-9 items-center justify-center rounded-lg border border-input bg-background transition-colors ${muted ? "text-muted-foreground hover:text-foreground" : "bg-primary text-primary-foreground"}`, children: muted ? (_jsx(Music, { className: "size-5", "aria-hidden": "true" })) : (_jsx(Music2, { className: "size-5", "aria-hidden": "true" })) }));
+    return (_jsx("button", { type: "button", "aria-label": muted ? 'Unmute music' : 'Mute music', "aria-pressed": muted, onClick: onToggle, className: `inline-flex size-9 items-center justify-center rounded-lg border border-input bg-background transition-colors ${muted ? 'text-muted-foreground hover:text-foreground' : 'bg-primary text-primary-foreground'}`, children: muted ? (_jsx(Music, { className: "size-5", "aria-hidden": "true" })) : (_jsx(Music2, { className: "size-5", "aria-hidden": "true" })) }));
 }
 export function MusicToggle() {
     const { musicMuted, toggleMusicMute } = useSound();

package/dist/scene-music.d.ts

@@ -1,4 +1,4 @@
-import type { MusicId } from "./config";
+import type { MusicId } from './config';
 /** Scene route id -> optional track. Deployments can add tracks without changing scene code. */
 export declare const sceneMusicTracks: Record<string, MusicId>;
 export declare function musicForScene(sceneId: string | null | undefined): MusicId;

package/dist/scene-music.js

@@ -1,8 +1,8 @@
 /** Scene route id -> optional track. Deployments can add tracks without changing scene code. */
 export const sceneMusicTracks = {
-    "hq-home": "silent",
-    "hq-work": "silent",
+    'hq-home': 'silent',
+    'hq-work': 'silent',
 };
 export function musicForScene(sceneId) {
-    return sceneMusicTracks[sceneId ?? ""] ?? "silent";
+    return sceneMusicTracks[sceneId ?? ''] ?? 'silent';
 }

package/package.json

@@ -1,15 +1,15 @@
 {
   "name": "@adea-ai/audio",
-  "version": "0.12.0",
-  "type": "module",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
+  "version": "0.12.1",
   "files": [
     "dist",
     "src",
     "tsconfig.json",
     "README.md"
   ],
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -18,16 +18,16 @@
     }
   },
   "scripts": {
-    "lint": "eslint .",
+    "lint": "oxlint",
     "build": "tsc -p tsconfig.json",
     "dev": "tsc -p tsconfig.json --watch --preserveWatchOutput",
     "typecheck": "tsc -p tsconfig.json --noEmit"
   },
-  "devDependencies": {
-    "@types/react": "^19.2.18"
-  },
   "dependencies": {
     "lucide-react": "^1.33.0",
     "react": "19.2.8"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.18"
   }
 }

package/src/config.ts

@@ -1,9 +1,9 @@
 /** Optional soundtrack hooks for Adea. */
-export const AUDIO_BASE_URL = "/assets/audio";
-export const MUSIC_DIR = `${AUDIO_BASE_URL}/sounds/music`;
+export const AUDIO_BASE_URL = '/assets/audio'
+export const MUSIC_DIR = `${AUDIO_BASE_URL}/sounds/music`
 
 export const MUSIC_FILES = {
-  silent: "",
-} as const;
+  silent: '',
+} as const
 
-export type MusicId = keyof typeof MUSIC_FILES;
+export type MusicId = keyof typeof MUSIC_FILES

package/src/controller.ts

@@ -1,144 +1,144 @@
-import { MUSIC_DIR, MUSIC_FILES, type MusicId } from "./config";
+import { MUSIC_DIR, MUSIC_FILES, type MusicId } from './config'
 
 export type MusicOptions = {
   /** 0..1 track gain (default 0.8). */
-  volume?: number;
+  volume?: number
   /** Crossfade/fade duration in ms (default 500). */
-  fadeMs?: number;
-};
+  fadeMs?: number
+}
 
-const MUSIC_MUTE_KEY = "adea:audio:music-muted";
-const LEGACY_MUTE_KEY = "adea:audio:muted";
-const DEFAULT_MUSIC_VOLUME = 0.8;
-const FADE_STEP_MS = 30;
+const MUSIC_MUTE_KEY = 'adea:audio:music-muted'
+const LEGACY_MUTE_KEY = 'adea:audio:muted'
+const DEFAULT_MUSIC_VOLUME = 0.8
+const FADE_STEP_MS = 30
 
 function clampVolume(value: number): number {
-  return value <= 0 ? 0 : value > 1 ? 1 : value;
+  return value <= 0 ? 0 : value > 1 ? 1 : value
 }
 
 function readStorage(key: string): string | null {
-  if (typeof window === "undefined") return null;
+  if (typeof window === 'undefined') return null
   try {
-    return window.localStorage.getItem(key);
+    return window.localStorage.getItem(key)
   } catch {
-    return null;
+    return null
   }
 }
 
 function writeStorage(key: string, muted: boolean): void {
-  if (typeof window === "undefined") return;
+  if (typeof window === 'undefined') return
   try {
-    if (muted) window.localStorage.setItem(key, "1");
-    else window.localStorage.removeItem(key);
+    if (muted) window.localStorage.setItem(key, '1')
+    else window.localStorage.removeItem(key)
   } catch {
     // Storage can be unavailable; the in-memory mute still applies.
   }
 }
 
 function loadMusicMuted(): boolean {
-  return readStorage(MUSIC_MUTE_KEY) === "1" || readStorage(LEGACY_MUTE_KEY) === "1";
+  return readStorage(MUSIC_MUTE_KEY) === '1' || readStorage(LEGACY_MUTE_KEY) === '1'
 }
 
 export class SoundController {
-  private musicElements = new Map<MusicId, HTMLAudioElement>();
-  private desiredMusic: MusicId | null = null;
-  private currentMusic: MusicId | null = null;
-  private activeFades = new Set<number>();
-  private _musicMuted: boolean;
+  private musicElements = new Map<MusicId, HTMLAudioElement>()
+  private desiredMusic: MusicId | null = null
+  private currentMusic: MusicId | null = null
+  private activeFades = new Set<number>()
+  private _musicMuted: boolean
 
   constructor() {
-    this._musicMuted = loadMusicMuted();
+    this._musicMuted = loadMusicMuted()
   }
 
   get musicMuted(): boolean {
-    return this._musicMuted;
+    return this._musicMuted
   }
 
   /** Retry queued playback after a user gesture. */
   async unlock(): Promise<void> {
-    this.startDesiredMusic();
+    this.startDesiredMusic()
   }
 
   /** Start or switch to a looping soundtrack. */
   playMusic(id: MusicId, options: MusicOptions = {}): void {
-    if (!MUSIC_FILES[id]) return;
-    this.desiredMusic = id;
-    this.prepareMusicElement(id);
-    if (!this.musicMuted) this.startMusic(id, options);
+    if (!MUSIC_FILES[id]) return
+    this.desiredMusic = id
+    this.prepareMusicElement(id)
+    if (!this.musicMuted) this.startMusic(id, options)
   }
 
   setMusicMuted(muted: boolean): void {
-    this._musicMuted = muted;
-    writeStorage(MUSIC_MUTE_KEY, muted);
+    this._musicMuted = muted
+    writeStorage(MUSIC_MUTE_KEY, muted)
     for (const element of this.musicElements.values()) {
-      if (muted) element.pause();
+      if (muted) element.pause()
     }
-    if (!muted) this.startDesiredMusic();
+    if (!muted) this.startDesiredMusic()
   }
 
   toggleMusicMute(): boolean {
-    this.setMusicMuted(!this._musicMuted);
-    return this._musicMuted;
+    this.setMusicMuted(!this._musicMuted)
+    return this._musicMuted
   }
 
   private prepareMusicElement(id: MusicId): void {
-    if (this.musicElements.has(id)) return;
-    const element = new Audio(`${MUSIC_DIR}/${MUSIC_FILES[id]}`);
-    element.loop = true;
+    if (this.musicElements.has(id)) return
+    const element = new Audio(`${MUSIC_DIR}/${MUSIC_FILES[id]}`)
+    element.loop = true
     // Defer the request until playback is allowed so audio never competes with
     // the scene's first visual and physics assets.
-    element.preload = "none";
-    this.musicElements.set(id, element);
+    element.preload = 'none'
+    this.musicElements.set(id, element)
   }
 
   private startMusic(id: MusicId, options: MusicOptions = {}): void {
     if (this.currentMusic === id) {
-      const active = this.musicElements.get(id);
-      if (active?.paused) void active.play().catch(() => undefined);
-      return;
+      const active = this.musicElements.get(id)
+      if (active?.paused) void active.play().catch(() => undefined)
+      return
     }
 
-    const fadeMs = options.fadeMs ?? 500;
-    const target = clampVolume(options.volume ?? DEFAULT_MUSIC_VOLUME);
-    const previousId = this.currentMusic;
-    const previous = previousId ? (this.musicElements.get(previousId) ?? null) : null;
-    this.currentMusic = id;
-    const element = this.musicElements.get(id);
-    if (!element) return;
-    element.volume = 0;
-    element.currentTime = 0;
+    const fadeMs = options.fadeMs ?? 500
+    const target = clampVolume(options.volume ?? DEFAULT_MUSIC_VOLUME)
+    const previousId = this.currentMusic
+    const previous = previousId ? (this.musicElements.get(previousId) ?? null) : null
+    this.currentMusic = id
+    const element = this.musicElements.get(id)
+    if (!element) return
+    element.volume = 0
+    element.currentTime = 0
     void element
       .play()
       .then(() => {
         if (this.currentMusic !== id) {
-          element.pause();
-          return;
+          element.pause()
+          return
         }
         if (previous) {
           this.fadeMusic(previous, 0, fadeMs, () => {
-            previous.pause();
-            previous.currentTime = 0;
-          });
+            previous.pause()
+            previous.currentTime = 0
+          })
         }
-        this.fadeMusic(element, target, fadeMs);
+        this.fadeMusic(element, target, fadeMs)
       })
       .catch(() => {
         // Autoplay is blocked before the first user gesture. Keep the desired
         // track so unlock() can retry it later.
-        if (previous) this.currentMusic = previousId;
-        else this.currentMusic = null;
-      });
+        if (previous) this.currentMusic = previousId
+        else this.currentMusic = null
+      })
   }
 
   private startDesiredMusic(): void {
-    if (this.musicMuted || !this.desiredMusic) return;
-    const desired = this.desiredMusic;
+    if (this.musicMuted || !this.desiredMusic) return
+    const desired = this.desiredMusic
     if (this.currentMusic !== desired) {
-      this.startMusic(desired);
-      return;
+      this.startMusic(desired)
+      return
     }
-    const element = this.musicElements.get(desired);
-    if (element?.paused) void element.play().catch(() => undefined);
+    const element = this.musicElements.get(desired)
+    if (element?.paused) void element.play().catch(() => undefined)
   }
 
   private fadeMusic(
@@ -147,19 +147,19 @@ export class SoundController {
     durationMs: number,
     onDone?: () => void
   ): void {
-    const start = element.volume;
-    const startTime = performance.now();
+    const start = element.volume
+    const startTime = performance.now()
     const interval = window.setInterval(() => {
-      const progress = Math.min(1, (performance.now() - startTime) / Math.max(durationMs, 1));
-      element.volume = start + (target - start) * progress;
+      const progress = Math.min(1, (performance.now() - startTime) / Math.max(durationMs, 1))
+      element.volume = start + (target - start) * progress
       if (progress >= 1) {
-        window.clearInterval(interval);
-        this.activeFades.delete(interval);
-        onDone?.();
+        window.clearInterval(interval)
+        this.activeFades.delete(interval)
+        onDone?.()
       }
-    }, FADE_STEP_MS);
-    this.activeFades.add(interval);
+    }, FADE_STEP_MS)
+    this.activeFades.add(interval)
   }
 }
 
-export const soundController = new SoundController();
+export const soundController = new SoundController()

package/src/index.ts

@@ -1,12 +1,12 @@
 // Optional soundtrack hooks for Adea.
 
-export { AUDIO_BASE_URL, MUSIC_FILES, type MusicId } from "./config";
-export { SoundController, soundController, type MusicOptions } from "./controller";
-export { musicForScene, sceneMusicTracks } from "./scene-music";
+export { AUDIO_BASE_URL, MUSIC_FILES, type MusicId } from './config'
+export { SoundController, soundController, type MusicOptions } from './controller'
+export { musicForScene, sceneMusicTracks } from './scene-music'
 export {
   MusicToggle,
   SoundProvider,
   useSceneMusic,
   useSound,
   type SoundContextValue,
-} from "./react";
+} from './react'

package/src/react.tsx

@@ -1,50 +1,50 @@
-"use client";
+'use client'
 
-import { createContext, useContext, useEffect, useMemo, useState, type ReactNode } from "react";
-import { Music, Music2 } from "lucide-react";
-import { soundController, type MusicOptions } from "./controller";
-import { musicForScene } from "./scene-music";
-import type { MusicId } from "./config";
+import { createContext, useContext, useEffect, useMemo, useState, type ReactNode } from 'react'
+import { Music, Music2 } from 'lucide-react'
+import { soundController, type MusicOptions } from './controller'
+import { musicForScene } from './scene-music'
+import type { MusicId } from './config'
 
 export type SoundContextValue = {
-  controller: typeof soundController;
-  ready: boolean;
-  musicMuted: boolean;
-  toggleMusicMute: () => void;
-  playMusic: (id: MusicId, options?: MusicOptions) => void;
-};
+  controller: typeof soundController
+  ready: boolean
+  musicMuted: boolean
+  toggleMusicMute: () => void
+  playMusic: (id: MusicId, options?: MusicOptions) => void
+}
 
-const SoundContext = createContext<SoundContextValue | null>(null);
+const SoundContext = createContext<SoundContextValue | null>(null)
 
 export function SoundProvider({ children }: { children: ReactNode }) {
-  const [musicMuted, setMusicMuted] = useState(false);
-  const [ready, setReady] = useState(false);
+  const [musicMuted, setMusicMuted] = useState(false)
+  const [ready, setReady] = useState(false)
 
   useEffect(() => {
-    let mounted = true;
+    let mounted = true
     queueMicrotask(() => {
-      if (mounted) setMusicMuted(soundController.musicMuted);
-    });
+      if (mounted) setMusicMuted(soundController.musicMuted)
+    })
 
     const onGesture = () => {
       void soundController.unlock().then(() => {
-        if (mounted) setReady(true);
-      });
-    };
-    window.addEventListener("pointerdown", onGesture, { capture: true });
-    window.addEventListener("keydown", onGesture, { capture: true });
-    window.addEventListener("touchstart", onGesture, { capture: true });
-    if (new URLSearchParams(window.location.search).has("debug")) {
-      (window as unknown as { __agentHqSound?: typeof soundController }).__agentHqSound =
-        soundController;
+        if (mounted) setReady(true)
+      })
+    }
+    window.addEventListener('pointerdown', onGesture, { capture: true })
+    window.addEventListener('keydown', onGesture, { capture: true })
+    window.addEventListener('touchstart', onGesture, { capture: true })
+    if (new URLSearchParams(window.location.search).has('debug')) {
+      ;(window as unknown as { __agentHqSound?: typeof soundController }).__agentHqSound =
+        soundController
     }
     return () => {
-      mounted = false;
-      window.removeEventListener("pointerdown", onGesture, { capture: true });
-      window.removeEventListener("keydown", onGesture, { capture: true });
-      window.removeEventListener("touchstart", onGesture, { capture: true });
-    };
-  }, []);
+      mounted = false
+      window.removeEventListener('pointerdown', onGesture, { capture: true })
+      window.removeEventListener('keydown', onGesture, { capture: true })
+      window.removeEventListener('touchstart', onGesture, { capture: true })
+    }
+  }, [])
 
   const value = useMemo<SoundContextValue>(
     () => ({
@@ -55,34 +55,34 @@ export function SoundProvider({ children }: { children: ReactNode }) {
       playMusic: (id, options) => soundController.playMusic(id, options),
     }),
     [musicMuted, ready]
-  );
+  )
 
-  return <SoundContext.Provider value={value}>{children}</SoundContext.Provider>;
+  return <SoundContext.Provider value={value}>{children}</SoundContext.Provider>
 }
 
 export function useSound(): SoundContextValue {
-  const value = useContext(SoundContext);
-  if (!value) throw new Error("useSound must be used within <SoundProvider>");
-  return value;
+  const value = useContext(SoundContext)
+  if (!value) throw new Error('useSound must be used within <SoundProvider>')
+  return value
 }
 
 export function useSceneMusic(sceneId: string | null | undefined): void {
   useEffect(() => {
     const timeout = window.setTimeout(() => {
-      soundController.playMusic(musicForScene(sceneId));
-    }, 1500);
-    return () => window.clearTimeout(timeout);
-  }, [sceneId]);
+      soundController.playMusic(musicForScene(sceneId))
+    }, 1500)
+    return () => window.clearTimeout(timeout)
+  }, [sceneId])
 }
 
 function MusicButton({ muted, onToggle }: { muted: boolean; onToggle: () => void }) {
   return (
     <button
       type="button"
-      aria-label={muted ? "Unmute music" : "Mute music"}
+      aria-label={muted ? 'Unmute music' : 'Mute music'}
       aria-pressed={muted}
       onClick={onToggle}
-      className={`inline-flex size-9 items-center justify-center rounded-lg border border-input bg-background transition-colors ${muted ? "text-muted-foreground hover:text-foreground" : "bg-primary text-primary-foreground"}`}
+      className={`inline-flex size-9 items-center justify-center rounded-lg border border-input bg-background transition-colors ${muted ? 'text-muted-foreground hover:text-foreground' : 'bg-primary text-primary-foreground'}`}
     >
       {muted ? (
         <Music className="size-5" aria-hidden="true" />
@@ -90,10 +90,10 @@ function MusicButton({ muted, onToggle }: { muted: boolean; onToggle: () => void
         <Music2 className="size-5" aria-hidden="true" />
       )}
     </button>
-  );
+  )
 }
 
 export function MusicToggle() {
-  const { musicMuted, toggleMusicMute } = useSound();
-  return <MusicButton muted={musicMuted} onToggle={toggleMusicMute} />;
+  const { musicMuted, toggleMusicMute } = useSound()
+  return <MusicButton muted={musicMuted} onToggle={toggleMusicMute} />
 }

package/src/scene-music.ts

@@ -1,11 +1,11 @@
-import type { MusicId } from "./config";
+import type { MusicId } from './config'
 
 /** Scene route id -> optional track. Deployments can add tracks without changing scene code. */
 export const sceneMusicTracks: Record<string, MusicId> = {
-  "hq-home": "silent",
-  "hq-work": "silent",
-};
+  'hq-home': 'silent',
+  'hq-work': 'silent',
+}
 
 export function musicForScene(sceneId: string | null | undefined): MusicId {
-  return sceneMusicTracks[sceneId ?? ""] ?? "silent";
+  return sceneMusicTracks[sceneId ?? ''] ?? 'silent'
 }