import TranscriptAssist from './TranscriptAssist';
import type {Command,Campaign,Transcript,TranscriptReview as Review,TranscriptSegment} from '../lib/types';
import {mapTranscriptSpeaker,reviewedTranscriptExcerpt,reviewLabels,reviewState} from '../lib/transcript-review';
import {download} from '../lib/api';
import {Button,Field,Modal} from './ui';
export default function TranscriptReview({transcript:t,campaign,onChange,onClose,onSave,notice,send,version,demo=false}:{transcript:Transcript;campaign:Campaign;onChange:(t:Transcript)=>void;onClose:()=>void;onSave:()=>Promise<void>;notice:(message:string)=>void;send:(command:Command)=>Promise<void>;version:number;demo?:boolean}){
 const speakers=[...new Set(t.segments.map(s=>s.speaker))];
 const reviewed=t.segments.filter(s=>reviewState(s)==='in-world').length;
 const patch=(index:number,values:Partial<TranscriptSegment>)=>onChange({...t,segments:t.segments.map((s,i)=>i===index?{...s,...values}:s)});
 const characterOptions=<><option value="">Unassigned / narration / NPC</option>{campaign.characters.map(c=><option key={c.id} value={c.id}>{c.name}</option>)}</>;
 return <Modal title="Review transcript" onClose={onClose} wide>
  <TranscriptAssist transcript={t} campaign={campaign} version={version} demo={demo} send={send} onApplied={onClose} notice={notice}/>
  <p role="status">{reviewed} In-world · {t.segments.filter(s=>reviewState(s)==='ooc').length} Table chatter · {t.segments.filter(s=>reviewState(s)==='unreviewed').length} Unreviewed</p>
  <details className="transcript-manual"><summary>Manual review & transcript edits</summary>
  <Field label="Transcript name"><input maxLength={150} value={t.name} onChange={e=>onChange({...t,name:e.target.value})}/></Field>
  <Field label="Session"><select value={t.sessionId} onChange={e=>onChange({...t,sessionId:e.target.value})}><option value="">Campaign-wide</option>{campaign.sessions.map(s=><option key={s.id} value={s.id}>{s.title}</option>)}</select></Field>
  <p className="muted">Manual cleanup is private to the DM. Save your changes before requesting AI suggestions. Match speakers or mark dialogue only when you want a reviewed story excerpt. Leave uncertain speech Unreviewed; mark jokes and real-life talk Table chatter. Nothing here changes canon or gameplay.</p>
  <details className="transcript-speakers"><summary>Match speakers to characters · {speakers.length}</summary><p className="muted">Each choice applies to this speaker’s segments. Original speaker labels stay intact; individual segments can differ.</p>{speakers.map(speaker=>{
   const segments=t.segments.filter(s=>s.speaker===speaker),ids=new Set(segments.map(s=>s.characterId||''));
   return <Field key={speaker} label={`Character for ${speaker||'Unassigned'}`}><select value={ids.size===1?segments[0].characterId||'':'mixed'} onChange={e=>onChange(mapTranscriptSpeaker(t,speaker,e.target.value))}>{ids.size>1&&<option value="mixed" disabled>Mixed assignments</option>}{characterOptions}</select></Field>;
  })}</details>
  <div className="transcript-editor">{t.segments.map((segment,index)=><details className="transcript-segment" key={index}>
   <summary><strong>{index+1}. {segment.speaker||'Unassigned'} · {reviewLabels[reviewState(segment)]}</strong><small>{segment.time||'Untimed'}{segment.characterId?' · '+(campaign.characters.find(c=>c.id===segment.characterId)?.name||'Missing character'):''}</small><span>{segment.text.slice(0,130)}{segment.text.length>130?'…':''}</span></summary>
   <Field label={`Review segment ${index+1}`}><select value={reviewState(segment)} onChange={e=>patch(index,{review:e.target.value as Review})}>{Object.entries(reviewLabels).map(([value,label])=><option key={value} value={value}>{label}</option>)}</select></Field>
   <Field label={`Character in segment ${index+1}`}><select value={segment.characterId||''} onChange={e=>patch(index,{characterId:e.target.value||undefined})}>{characterOptions}</select></Field>
   <Field label={`Speaker in segment ${index+1}`}><input aria-label="Speaker" maxLength={100} value={segment.speaker} onChange={e=>patch(index,{speaker:e.target.value})}/></Field>
   <textarea aria-label={`Transcript segment ${index+1}`} maxLength={10000} rows={4} value={segment.text} onChange={e=>patch(index,{text:e.target.value})}/>
  </details>)}</div>
  </details>
  <p className="muted">Save to keep your manual review. Copy/download includes only In-world segments from this review, with source references. It does not publish a recap.</p>
  <div className="actions"><Button onClick={onSave}>Save transcript</Button><Button kind="quiet" disabled={!reviewed} onClick={async()=>{try{await navigator.clipboard.writeText(reviewedTranscriptExcerpt(t,campaign));notice('Reviewed excerpt copied. No story facts changed.')}catch{notice('Clipboard unavailable here. Use Download reviewed excerpt.')}}}>Copy reviewed excerpt</Button><Button kind="quiet" disabled={!reviewed} onClick={()=>download(t.name+'-reviewed.txt',reviewedTranscriptExcerpt(t,campaign))}>Download reviewed excerpt</Button><Button kind="quiet" onClick={()=>download(t.name+'-raw.json',t)}>Export full private transcript</Button></div>
 </Modal>;
}