Feat : Log recorder

packages/web/src/components/AgentCard.tsx

@@ -9,9 +9,17 @@ interface Props {
   onToggleSelect: (id: string) => void;
   onCommand: (id: string, action: AgentAction, params?: Record<string, unknown>) => Promise<void>;
   onOpenSettings: (agent: AgentView) => void;
+  onOpenHistory: (agent: AgentView) => void;
 }
 
-export function AgentCard({ agent, selected, onToggleSelect, onCommand, onOpenSettings }: Props) {
+export function AgentCard({
+  agent,
+  selected,
+  onToggleSelect,
+  onCommand,
+  onOpenSettings,
+  onOpenHistory,
+}: Props) {
   const [pending, setPending] = useState<AgentAction | null>(null);
   const { status } = agent;
 
@@ -67,6 +75,9 @@ export function AgentCard({ agent, selected, onToggleSelect, onCommand, onOpenSe
           </span>
         )}
         <span className={`badge ${state.tone}`}>{state.label}</span>
+        <button className="icon" onClick={() => onOpenHistory(agent)} title="Historique de cette VM">
+          🕘
+        </button>
         <button className="icon" onClick={() => onOpenSettings(agent)} title="Configuration">
           ⚙
         </button>