From 69e4fb286cb4d589cfef7cd6afb0de9d858145dc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Tue, 1 Sep 2026 19:06:28 +0200
Subject: [PATCH] Give the "no devices connected" alerts a title

Splits the placeholder text into an AlertTitle ("No devices connected
yet") and an AlertDescription for the rest, in both ButtplugConsole
and ReplayPlayer.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 components/control/ButtplugConsole.tsx | 6 +++---
 components/sessions/ReplayPlayer.tsx   | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

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 ? (
         <Alert className="bp-glass">
           <Info />
+          <AlertTitle>No devices connected yet</AlertTitle>
           <AlertDescription>
-            No devices connected yet. Scan to discover nearby toys, then select one from your browser&apos;s
-            pairing prompt.
+            Scan to discover nearby toys, then select one from your browser&apos;s pairing prompt.
           </AlertDescription>
         </Alert>
       ) : (
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 && (
             <Alert className="bp-glass">
               <Info />
+              <AlertTitle>No devices connected yet</AlertTitle>
               <AlertDescription>
-                No devices connected yet. Scan to discover nearby toys, then match them to this session&apos;s
-                original device slots.
+                Scan to discover nearby toys, then match them to this session&apos;s original device slots.
               </AlertDescription>
             </Alert>
           )}