// Editorial Studio — TUEPAC-original drafting. Topic brief -> AI draft -> edit -> publish. // Uses window.claude.complete when available; deterministic scripted fallback otherwise. const DESKS = ['Civic','Business','Politics','Sports','Education','Culture','Health','Housing','Legal']; const STUDIO_CITIES = ['Charlotte','Raleigh','Durham','Greensboro','Winston-Salem','Fayetteville','Wilmington','Statewide']; const SEED_PIECES = [ { id:'OR-211', stage:'published', desk:'Business', city:'Statewide', tone:'Analysis', headline:'Inside the broadband gap: who owns the dark fiber under rural Black NC counties', dek:'A three-month review of right-of-way filings shows ownership concentrated among four entities.', editor:'RO', updated:'May 19', words:1180, source:'ai' }, { id:'OR-210', stage:'published', desk:'Politics', city:'Raleigh', tone:'Reported', headline:'Bill to expand minority contracting transparency clears committee', dek:'The measure would require quarterly disclosure of prime-contractor subcontracting data.', editor:'CR', updated:'May 19', words:740, source:'staff' }, { id:'OR-209', stage:'draft', desk:'Sports', city:'Greensboro', tone:'Analysis', headline:'A&T\u2019s 2027 schedule is the most aggressive HBCU football move of the decade', dek:'Three Power-Four guarantees reset what an MEAC program can demand at the negotiating table.', editor:'ME', updated:'May 18', words:610, source:'ai' }, { id:'OR-208', stage:'review', desk:'Health', city:'Charlotte', tone:'Explainer', headline:'What Atrium\u2019s second mobile maternal clinic actually changes in District 3', dek:'A plain-language look at access, hours, and who qualifies.', editor:'AL', updated:'May 18', words:520, source:'ai' }, ]; function stageMeta(s){ if(s==='published') return ['live','LIVE']; if(s==='review') return ['warn','IN REVIEW']; if(s==='scheduled') return ['info','SCHEDULED']; return ['muted','DRAFT']; } function studioInp(h){ const base = {width:'100%',padding:'8px 10px',border:'1px solid var(--rule-line)',background:'var(--bg)',fontSize:13,outline:'none',resize:'vertical',display:'block',fontFamily:'var(--sans)'}; if(h) base.minHeight = h; return base; } function EditorialStudio({setRoute}){ const [pieces, setPieces] = React.useState(SEED_PIECES); const [view, setView] = React.useState('brief'); const [llmOn, setLlmOn] = React.useState(typeof window!=='undefined' && window.claude && typeof window.claude.complete==='function'); const [topic, setTopic] = React.useState(''); const [desk, setDesk] = React.useState('Business'); const [city, setCity] = React.useState('Charlotte'); const [tone, setTone] = React.useState('Reported'); const [length, setLength] = React.useState('Standard'); const [notes, setNotes] = React.useState(''); const [outlineFirst, setOutlineFirst] = React.useState(true); const [headline, setHeadline] = React.useState(''); const [dek, setDek] = React.useState(''); const [outline, setOutline] = React.useState([]); const [body, setBody] = React.useState(''); const [slug, setSlug] = React.useState(''); const [meta, setMeta] = React.useState(''); const [rights, setRights] = React.useState('Original'); const [sponsor, setSponsor] = React.useState(''); const [cites, setCites] = React.useState([]); const [genNote, setGenNote] = React.useState(''); const [genErr, setGenErr] = React.useState(''); const [when, setWhen] = React.useState('now'); const [toNL, setToNL] = React.useState(true); const [nlPick, setNlPick] = React.useState('TUEPAC Daily · Network'); const words = body.trim() ? body.trim().split(/\s+/).length : 0; function reset(){ setTopic(''); setNotes(''); setHeadline(''); setDek(''); setOutline([]); setBody(''); setSlug(''); setMeta(''); setRights('Original'); setSponsor(''); setCites([]); setGenNote(''); setGenErr(''); setView('brief'); } function suggestCites(){ const all = window.PUBLISHERS || []; const local = all.filter(p=>p.city===city); const rest = all.filter(p=>p.city!==city); return [...local, ...rest].slice(0,3).map(p=>p.id); } async function generate(){ if(!topic.trim()) return; setView('generating'); setGenErr(''); const paras = length==='Brief' ? '3-4' : length==='Feature' ? '7-9' : '5-6'; const prompt = `You are a senior editor at TUEPAC, a network of Black-owned and Black-led North Carolina news publishers. Voice: institutional, factual, community-grounded, not promotional. Write a ${tone.toLowerCase()} ${length.toLowerCase()} piece for the ${desk} desk. TOPIC / ANGLE: ${topic} CITY FOCUS: ${city} ${notes.trim()?'EDITOR NOTES: '+notes.trim():''} Return ONLY valid minified JSON, no markdown, with keys: "headline" (<=14 words, specific, no clickbait), "dek" (one sentence summary), "outline" (array of ${outlineFirst?'4-6':'3-4'} short section labels), "body" (array of ${paras} paragraph strings, plain text), "slug" (lowercase-hyphenated), "meta" (<=155 char SEO description).`; let parsed = null; if(llmOn){ try{ const raw = await window.claude.complete(prompt); const clean = String(raw).replace(/```json|```/g,'').trim(); const s = clean.indexOf('{'), e = clean.lastIndexOf('}'); parsed = JSON.parse(clean.slice(s, e+1)); if(!parsed.headline || !parsed.body) throw new Error('thin'); setGenNote('Drafted with Claude · review required before publish'); }catch(err){ parsed = null; setGenErr('Live model unavailable — used scripted draft. '+(err.message||'')); } } if(!parsed) parsed = scriptedDraft({topic,desk,city,tone,length,notes}); setHeadline(parsed.headline||''); setDek(parsed.dek||''); setOutline(Array.isArray(parsed.outline)?parsed.outline:[]); setBody((Array.isArray(parsed.body)?parsed.body:[String(parsed.body||'')]).join('\n\n')); setSlug(parsed.slug || (parsed.headline||'untitled').toLowerCase().replace(/[^a-z0-9]+/g,'-').replace(/^-|-$/g,'').slice(0,60)); setMeta(parsed.meta || parsed.dek || ''); setCites(suggestCites()); if(!llmOn) setGenNote('Scripted draft · live model not detected in this environment'); setView('draft'); } function finalize(){ const id = 'OR-' + (212 + pieces.filter(p=>p.id.startsWith('OR-2')).length); const stage = when==='now' ? 'published' : 'scheduled'; const piece = { id, stage, desk, city, tone, headline, dek, editor: (window.OPERATOR?window.OPERATOR.initials:'MW'), updated:'now', words, source: llmOn?'ai':'staff' }; setPieces([piece, ...pieces]); setView('done'); } return ( {llmOn?'AI ASSIST ON':'SCRIPTED MODE'} }>
p.source==='ai').length)} l="AI-assisted drafts" d="this cycle" up={true}/> p.stage==='review'||p.stage==='draft').length)} l="Awaiting edit/review" d="needs an editor" up={false}/> p.stage==='published').length)} l="Originals live" d="published"/>
{pieces.map(p=>{ const [k,lbl] = stageMeta(p.stage); return (
{p.id} · {p.desk.toUpperCase()} {lbl}
{p.headline}
{p.source==='ai'?'\u2726 AI ':'\u270e '}{p.editor} · {p.words}w · {p.updated}
); })}
{view==='brief' && ( {outlineFirst?'Generate outline + draft →':'Generate draft →'}}>
TOPIC / ANGLE