diff --git a/components/control/ButtplugConsole.tsx b/components/control/ButtplugConsole.tsx
index 17070b9..5dd342b 100644
--- a/components/control/ButtplugConsole.tsx
+++ b/components/control/ButtplugConsole.tsx
@@ -22,7 +22,7 @@ import { DeviceCard } from "./DeviceCard";
import { RecordControls } from "./RecordControls";
import { NameSessionDialog } from "./NameSessionDialog";
import { Card, CardContent } from "@/components/ui/card";
-import { Alert, AlertDescription } from "@/components/ui/alert";
+import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
import { Info } from "lucide-react";
interface ActiveSession {
@@ -244,9 +244,9 @@ export function ButtplugConsole() {
{Object.keys(devices).length === 0 ? (
+ No devices connected yet
- No devices connected yet. Scan to discover nearby toys, then select one from your browser's
- pairing prompt.
+ Scan to discover nearby toys, then select one from your browser's pairing prompt.
) : (
diff --git a/components/sessions/ReplayPlayer.tsx b/components/sessions/ReplayPlayer.tsx
index 48b21e4..d40e94b 100644
--- a/components/sessions/ReplayPlayer.tsx
+++ b/components/sessions/ReplayPlayer.tsx
@@ -12,7 +12,7 @@ import { SessionPlayer, type SessionEventRow } from "@/lib/buttplug/player";
import { useButtplugStore } from "@/lib/buttplug/store";
import type { ActuatorInfo, ReplayDeviceSlot } from "@/lib/buttplug/types";
import { Info, Pause, Play } from "lucide-react";
-import { Alert, AlertDescription } from "@/components/ui/alert";
+import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
interface ReplayDataResponse {
session: {
@@ -166,9 +166,9 @@ export function ReplayPlayer({ sessionId }: { sessionId: number }) {
{connectedDevices.length === 0 && (
+ No devices connected yet
- No devices connected yet. Scan to discover nearby toys, then match them to this session's
- original device slots.
+ Scan to discover nearby toys, then match them to this session's original device slots.
)}