feat: add SOUNDCLAW jukebox skill integration (#67)

Add the office jukebox flow so Spotify can be controlled from the SOUNDCLAW skill, manual jukebox UI, and local browser auth bridge during development. Made-with: Cursor
2026-03-26 18:35:19 -05:00
parent a202cdc80f
commit 3da1694085
27 changed files with 3471 additions and 983 deletions
@@ -0,0 +1,39 @@
+"use client";
+
+import { useEffect } from "react";
+
+export default function SpotifyCallbackPage() {
+  useEffect(() => {
+    const url = new URL(window.location.href);
+    const code = url.searchParams.get("code") ?? "";
+    const state = url.searchParams.get("state") ?? "";
+    const error = url.searchParams.get("error") ?? "";
+
+    if (window.opener && !window.opener.closed) {
+      window.opener.postMessage(
+        {
+          type: "soundclaw-spotify-auth",
+          code,
+          state,
+          error,
+        },
+        "*",
+      );
+      window.close();
+    }
+  }, []);
+
+  return (
+    <main className="flex min-h-screen items-center justify-center bg-slate-950 p-6 text-slate-100">
+      <div className="w-full max-w-md rounded-3xl border border-cyan-500/20 bg-slate-900/90 p-8 text-center shadow-2xl">
+        <div className="mb-2 font-mono text-[10px] uppercase tracking-[0.24em] text-cyan-300/70">
+          Soundclaw
+        </div>
+        <h1 className="text-xl font-semibold text-white">Finishing Spotify sign-in</h1>
+        <p className="mt-3 text-sm text-slate-400">
+          You can close this window if it does not close automatically.
+        </p>
+      </div>
+    </main>
+  );
+}