frontend/src/components/StatusBadge.tsx

export default function StatusBadge({ state, stage }) {
  const color =
    state === "CONNECTED"
      ? "bg-green-500"
      : state === "ERROR"
      ? "bg-red-500"
      : "bg-gray-500";

  return (
    <div className={`px-3 py-1 rounded ${color}`}>
	  {state} • {stage}
	</div>
  );
}