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
2026-08-25 07:51:38 +02:00
commit 1119c8eea0
112 changed files with 15522 additions and 0 deletions
@@ -0,0 +1,45 @@
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { SessionsSummaryCards } from "@/components/stats/SessionsSummaryCards";
+import { DeviceUsageTable } from "@/components/stats/DeviceUsageTable";
+import { RecordingLibraryStats } from "@/components/stats/RecordingLibraryStats";
+import { getDeviceCommandCounts, getDeviceUsageStats, getRecordingLibraryStats, getSessionsSummary } from "@/lib/db/queries/stats";
+
+export const dynamic = "force-dynamic";
+
+export default async function StatsPage() {
+  const [sessionsSummary, deviceUsage, commandCounts, recordingStats] = await Promise.all([
+    getSessionsSummary(),
+    getDeviceUsageStats(),
+    getDeviceCommandCounts(),
+    getRecordingLibraryStats(),
+  ]);
+
+  const commandCountByDevice = new Map(commandCounts.map((c) => [c.deviceId, c.commandCount]));
+  const devices = deviceUsage.map((d) => ({ ...d, commandCount: commandCountByDevice.get(d.deviceId) ?? 0 }));
+
+  return (
+    <div className="flex flex-col gap-6">
+      <div>
+        <h1 className="font-display text-2xl font-semibold">Stats</h1>
+        <p className="text-sm text-muted-foreground">Usage across sessions, devices, and your recording library.</p>
+      </div>
+
+      <Tabs defaultValue="sessions">
+        <TabsList>
+          <TabsTrigger value="sessions">Sessions</TabsTrigger>
+          <TabsTrigger value="devices">Devices</TabsTrigger>
+          <TabsTrigger value="recordings">Recordings</TabsTrigger>
+        </TabsList>
+        <TabsContent value="sessions" className="pt-4">
+          <SessionsSummaryCards summary={sessionsSummary} />
+        </TabsContent>
+        <TabsContent value="devices" className="pt-4">
+          <DeviceUsageTable devices={devices} />
+        </TabsContent>
+        <TabsContent value="recordings" className="pt-4">
+          <RecordingLibraryStats stats={recordingStats} />
+        </TabsContent>
+      </Tabs>
+    </div>
+  );
+}