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,44 @@
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table";
+
+export interface DeviceUsageRow {
+  deviceId: number;
+  displayName: string | null;
+  bleName: string;
+  sessionCount: number;
+  totalActiveMs: number;
+  commandCount: number;
+  lastUsedAt: number | null;
+}
+
+export function DeviceUsageTable({ devices }: { devices: DeviceUsageRow[] }) {
+  if (devices.length === 0) {
+    return <p className="text-sm text-muted-foreground">No device activity yet.</p>;
+  }
+
+  return (
+    <Table>
+      <TableHeader>
+        <TableRow>
+          <TableHead>Device</TableHead>
+          <TableHead>Sessions</TableHead>
+          <TableHead>Active time</TableHead>
+          <TableHead>Commands</TableHead>
+          <TableHead>Last used</TableHead>
+        </TableRow>
+      </TableHeader>
+      <TableBody>
+        {devices.map((d) => (
+          <TableRow key={d.deviceId}>
+            <TableCell className="font-medium">{d.displayName ?? d.bleName}</TableCell>
+            <TableCell>{d.sessionCount}</TableCell>
+            <TableCell>{(d.totalActiveMs / 60_000).toFixed(1)}m</TableCell>
+            <TableCell>{d.commandCount}</TableCell>
+            <TableCell className="text-muted-foreground">
+              {d.lastUsedAt ? new Date(d.lastUsedAt).toLocaleString() : "Never"}
+            </TableCell>
+          </TableRow>
+        ))}
+      </TableBody>
+    </Table>
+  );
+}