// CitationModal.jsx — excerpt conduit (4px hard shadow modal)
function CitationModal({ citation, onClose }) {
  if (!citation) return null;
  return (
    <div className="ask-modal__scrim" onClick={onClose}>
      <div className="ask-modal" onClick={e => e.stopPropagation()}>
        <div className="ask-modal__head">
          <div>
            <div className="eyebrow">Source · {citation.n}</div>
            <h3 className="ask-modal__title">{citation.title}</h3>
          </div>
          <button className="ask-modal__close" onClick={onClose}><Icon name="x" size={18}/></button>
        </div>
        <div className="ask-modal__meta">
          <span><Icon name="pod" size={12}/> {citation.pod}</span>
          <span><Icon name="clock" size={12}/> indexed {citation.indexed}</span>
          <span>chunk #{citation.chunk}</span>
        </div>
        <div className="ask-modal__excerpt">
          <p>{citation.excerpt}</p>
        </div>
        <div className="ask-modal__foot">
          <button className="btn btn-secondary btn-sm"><Icon name="external" size={14}/> Open document</button>
          <button className="btn btn-ghost btn-sm" onClick={onClose}>Dismiss</button>
        </div>
      </div>
    </div>
  );
}
window.CitationModal = CitationModal;