import React from 'react';
import { Mic, TriangleAlert } from 'lucide-react';
import type { RemoteMeetingParticipant } from '../../../services/video/ChimeCallSession';
import { resolveParticipantLabel } from '../../../components/video/participantIdentity';
import { useParticipantNames } from '../../../components/video/useParticipantNames';

/**
 * - E10 + E11 - WHO IS ACTUALLY ON THE TAPE, stated as a fact.
 *
 * WHY THIS IS AN ASSERTION AND NOT A WARNING
 *
 * A one-sided telehealth recording **transcribes and drafts perfectly**: clean note, `unsupported: 0`,
 * nothing on screen distinguishing it from a good one. So a banner reading *"transcription may not capture
 * other attendees"* is dismissed on day two and protects nobody after that.
 *
 * The app KNOWS which case it is in - it knows the call is live and whether the far-side stream reached
 * the recorder's mixing bus. E10's ruling is therefore to **assert the fact, never warn about the risk**:
 * *"Recording all 3 participants: you -..."* or *"Only your microphone is being recorded."*
 *
 * It is the product's own discipline turned on itself - *don't assert what the recording doesn't
 * support*. A note grounded on half a conversation and presented as grounded is exactly that failure,
 * inside a clinical record.
 *
 * WHY THE ROSTER IS ALL-OR-NOTHING
 *
 * Chime mixes EVERY remote participant into ONE `<audio>` element, and that single element is what the
 * recorder taps. So either all of them are on the tape or none of them are - there is no state where one
 * attendee is captured and another is missing. That is what makes E11's *"name who is missing"* tractable
 * rather than an unanswerable per-person question: when the mix did not take, the answer is everyone.
 *
 * WHY THIS IS A SEPARATE COMPONENT
 *
 * `useParticipantNames` reaches three THROWING service accessors (practitioner, patient, related person).
 * Called from the recorder panel directly, a missing provider anywhere in the tree would take down the
 * recorder - and through it the note editor - on every IN-PERSON visit, to serve a telehealth feature that
 * visit was never using. That is the same mistake `ClinicalNoteEditor` already had to correct once. Here
 * the hooks only ever run while a call is live for this encounter, which bounds the blast radius to the
 * one situation where video is genuinely required to be working.
 */

interface Props {
    /** The far side of THIS encounter's call. Never empty - the parent renders nothing when it is. */
    participants: RemoteMeetingParticipant[];
    /** Whether the far side actually reached the recorder's mixing bus. */
    mixed: boolean;
}

/**
 * "Jacob Miller and Dr. Okafor", never "some attendees".
 *
 * Naming them is what makes the sentence actionable. On a cross-org collaboration visit the missing
 * party may be the specialist whose opinion the note exists to capture.
 */
export const formatParticipantList = (names: string[]): string => {
    if (names.length === 0) return 'The other participant';
    if (names.length === 1) return names[0];
    return `${names.slice(0, -1).join(', ')} and ${names[names.length - 1]}`;
};

export const TelehealthRecordingAssertion: React.FC<Props> = ({ participants, mixed }) => {
    const names = useParticipantNames(participants);
    const roster = participants.map((participant) => resolveParticipantLabel(
        participant.externalUserId,
        // `||` not `??`: an empty string means "fetched, no usable name" and must fall through to the
        // neutral label exactly as an absent entry does.
        (participant.externalUserId ? names[participant.externalUserId] : undefined) || undefined,
    ));

    if (mixed) {
        return (
            <p className="flex items-start gap-2 text-xs text-sage-ink dark:text-emerald-400">
                <Mic className="w-3.5 h-3.5 mt-0.5 shrink-0" />
                {/* The count includes the practitioner, because "all 3 participants" is only true if the
                    person reading it is one of them. */}
                <span>
                    Recording all {roster.length + 1} participants: you · {formatParticipantList(roster)}
                </span>
            </p>
        );
    }

    return (
        <div className="flex items-start gap-2 text-xs text-red-700 dark:text-red-400">
            <TriangleAlert className="w-3.5 h-3.5 mt-0.5 shrink-0" />
            <span>
                Only your microphone is being recorded. {formatParticipantList(roster)} will not appear in
                the transcript.
            </span>
        </div>
    );
};