Initial implementation of Bluetooth toy control app

Next.js app with a browser-side buttplug/buttplug-wasm control layer
(server never touches real-time device commands), SQLite storage via
Drizzle, single-secret auth, recordings/replay with device remapping,
a usage stats dashboard, Docker deployment, and Gitea CI.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01W8WkFF5ppURBAB918593Eb

components/control/RecordControls.tsx

@@ -0,0 +1,35 @@
+"use client";
+
+import { Button } from "@/components/ui/button";
+import { Circle, Square } from "lucide-react";
+
+interface RecordControlsProps {
+  active: boolean;
+  elapsedLabel: string;
+  disabled: boolean;
+  busy: boolean;
+  onStart: () => void;
+  onEnd: () => void;
+}
+
+export function RecordControls({ active, elapsedLabel, disabled, busy, onStart, onEnd }: RecordControlsProps) {
+  if (active) {
+    return (
+      <div className="flex items-center gap-3">
+        <span className="flex items-center gap-2 text-sm font-medium">
+          <Circle className="bp-pulse size-2.5 fill-destructive text-destructive" />
+          Session live · {elapsedLabel}
+        </span>
+        <Button variant="outline" size="sm" onClick={onEnd} disabled={busy}>
+          <Square className="size-3.5" /> End session
+        </Button>
+      </div>
+    );
+  }
+
+  return (
+    <Button onClick={onStart} disabled={disabled || busy} size="sm">
+      <Circle className="size-3.5" /> Start session
+    </Button>
+  );
+}