frontend/src/features/viewer/BridgePanel.tsx

interface BridgePanelProps {
  messages: string[];
}

export default function BridgePanel({ messages }: BridgePanelProps) {
  if (messages.length === 0) return null;

  return (
    <div className="bridge-panel">
      <h3>Mensajes del padre</h3>
      <ul>
        {messages.map((message, index) => (
          <li key={index}>{message}</li>
        ))}
      </ul>
    </div>
  );
}