Feat : OBS presets

packages/web/src/components/AgentCard.tsx

@@ -1,5 +1,6 @@
 import { useState } from 'react';
 import type { AgentAction, AgentView, WatchState } from '@stream-control/shared';
+import { findRecordingPreset } from '@stream-control/shared';
 import { formatBytes, formatPercent, formatRelative, formatTimecode } from '../format';
 
 interface Props {
@@ -27,6 +28,7 @@ export function AgentCard({ agent, selected, onToggleSelect, onCommand, onOpenSe
   const obsReady = agent.online && status.obsConnected;
 
   const watch = status.watch;
+  const presetLabel = findRecordingPreset(agent.recording.presetId)?.label ?? null;
   const pausedLabel = watch?.autoPaused ? 'Pause · show privé' : 'En pause';
 
   const state = !agent.online
@@ -59,6 +61,11 @@ export function AgentCard({ agent, selected, onToggleSelect, onCommand, onOpenSe
             {status.buildId ? ` · build ${status.buildId}` : ''}
           </span>
         </div>
+        {agent.recording.enabled && presetLabel && (
+          <span className="badge" title="Preset d'enregistrement piloté depuis le dashboard">
+            {presetLabel}
+          </span>
+        )}
         <span className={`badge ${state.tone}`}>{state.label}</span>
         <button className="icon" onClick={() => onOpenSettings(agent)} title="Configuration">
           ⚙