Fix device/replay/session UX issues, add pagination, bump to 0.3.0
- Fix device rename input collapsing on mobile (fixed width vs w-full inside an auto-layout table column). - Add cascade-delete confirmation for sessions with a saved recording. - Fix header connection LED: derive state from scanning/device-count/ recording instead of the Buttplug client's raw connected flag; drop the label text and hide the indicator entirely when idle. - Add a per-device disconnect button (stop + remove from store, the closest equivalent Buttplug's protocol allows per device). - Fix replay ending early: duration now comes from the recording's actual durationMs, not the last event's timestamp. - Replay robustness: show which devices are being replayed to, reset actuators to zero on start/play/pause, fully disconnect devices and the whole client on stop/unmount, surface command failures via toast. - Stop flagging the header LED red during replay - recording is only for live sessions. - Add page-number pagination to recordings/sessions/devices lists. - Wordmark SEXY -> Sexy; add proper per-page <title>s including dynamic titles for recording/session detail and replay pages. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
+19
-2
@@ -176,6 +176,17 @@
|
||||
.bp-led[data-on="true"] {
|
||||
background: var(--primary);
|
||||
}
|
||||
/* Header connection indicator: state-driven color, distinct from the
|
||||
transmit-dot's boolean data-on above. */
|
||||
.bp-led[data-state="scanning"] {
|
||||
background: var(--muted-foreground);
|
||||
}
|
||||
.bp-led[data-state="connected"] {
|
||||
background: var(--primary);
|
||||
}
|
||||
.bp-led[data-state="recording"] {
|
||||
background: var(--destructive);
|
||||
}
|
||||
|
||||
/* Thin panel seam - a hardware "trim line," not a plain UI divider. */
|
||||
.bp-hairline {
|
||||
@@ -193,15 +204,21 @@
|
||||
@keyframes bp-pulse-glow {
|
||||
0%,
|
||||
100% {
|
||||
box-shadow: 0 0 0 0 color-mix(in srgb, var(--primary) 55%, transparent);
|
||||
box-shadow: 0 0 0 0 color-mix(in srgb, var(--bp-pulse-color, var(--primary)) 55%, transparent);
|
||||
}
|
||||
50% {
|
||||
box-shadow: 0 0 0 6px color-mix(in srgb, var(--primary) 0%, transparent);
|
||||
box-shadow: 0 0 0 6px color-mix(in srgb, var(--bp-pulse-color, var(--primary)) 0%, transparent);
|
||||
}
|
||||
}
|
||||
.bp-pulse {
|
||||
animation: bp-pulse-glow 2s ease-in-out infinite;
|
||||
}
|
||||
.bp-led[data-state="scanning"] {
|
||||
--bp-pulse-color: var(--muted-foreground);
|
||||
}
|
||||
.bp-led[data-state="recording"] {
|
||||
--bp-pulse-color: var(--destructive);
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
.bp-pulse {
|
||||
|
||||
Reference in New Issue
Block a user