valknarandClaude Sonnet 5
401b9b5033
Recordings were just a thin named pointer over an already-captured session's events, so the whole separate feature (recordings table, API routes, pages, UI) is gone: any completed session can now be named and replayed directly. Replaying no longer creates a session or duplicates events of its own - it just bumps the source session's playCount/lastPlayedAt. Also renames play_sessions/playSession(s) to sessions/session(s) throughout the schema, queries, API routes, and UI for consistency, and updates the README to match the new flow. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
36 lines
981 B
TypeScript
36 lines
981 B
TypeScript
"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" onClick={onEnd} disabled={busy}>
|
|
<Square className="size-3.5" /> End session
|
|
</Button>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<Button onClick={onStart} disabled={disabled || busy}>
|
|
<Circle className="size-3.5" /> Start session
|
|
</Button>
|
|
);
|
|
}
|