import React from 'react';

const AgentConsoleView = () => {
  return (
    <div className="console-card">
      <h2>Agent Console</h2>
      <div className="workflow-diagram">
        <span>Draft</span> → <span>Plan</span> → <span>Scope Approval</span> → <span>Implementation</span> → <span>Diff Approval</span> → <span>Validation</span> → <span>Deployment Approval</span> → <span>Deploy</span>
      </div>
      <p className="unavailable-message">Ticket-bound agent execution is not configured yet.</p>
    </div>
  );
};

export default AgentConsoleView;