// mmv-pages.jsx — Dashboard, SongsPage, SplitsPage, CollaboratorsPage, SyncPage, ReleasesPage const { useState: useState2, useMemo: useMemo2, useRef: useRef2, useEffect: useEffect2 } = React; // ─── GenreDropdown ──────────────────────────────────────────────────────────── function GenreDropdown({ allGenres, selectedGenres, setSelectedGenres, genreMode, setGenreMode }) { const [open, setOpen] = useState2(false); const ref = useRef2(null); useEffect2(() => { if (!open) return; const handler = (e) => { if (ref.current && !ref.current.contains(e.target)) setOpen(false); }; document.addEventListener("mousedown", handler); return () => document.removeEventListener("mousedown", handler); }, [open]); const toggle = (g) => setSelectedGenres(prev => prev.includes(g) ? prev.filter(x => x !== g) : [...prev, g]); const active = selectedGenres.length > 0; const label = active ? `Genre (${selectedGenres.length})` : "Genre"; return (

{open && (

{active && ( )} {allGenres.map(g => ( e.currentTarget.style.background = "var(--bg-2)"} onMouseLeave={e => e.currentTarget.style.background = ""} > toggle(g)} style={{ accentColor:"var(--accent)", cursor:"pointer" }} /> {g} ))} {selectedGenres.length >= 2 && (

Match

)}

); } // ─── Dashboard ──────────────────────────────────────────────────────────────── function Dashboard({ songs, briefs, showAnalytics, onSelectSong }) { const syncReady = songs.filter(s => s.syncReady).length; const pending = songs.filter(s => s.splitConflict).length; const released = songs.filter(s => s.status === "Released").length; const stats = [ { num:songs.length, label:"Total Songs", sub:`${released} released`, accent:"var(--accent)" }, { num:syncReady, label:"Sync Ready", sub:"cleared for licensing", accent:"#059669" }, { num:pending, label:"Pending Splits", sub:"awaiting signatures", accent:"#d97706" }, { num:2, label:"Upcoming Releases", sub:"next 90 days", accent:"#2563eb" }, ]; return (

{showAnalytics && (

{stats.map((s,i) => (

{s.num}

{s.label}

{s.sub}

))}

)}

{/* Recent songs */}

Recent SongsUpdated recently

{[...songs].reverse().slice(0,5).map(s => ( onSelectSong(s)} style={{ cursor:"pointer" }}> ))}

Title	BPM	Status	Sync
{s.title} {s.genre}	{s.bpm}		{s.syncReady ? ✓ : —}

{/* Sync-ready */}

Sync-Ready Catalog{syncReady} tracks

{songs.filter(s=>s.syncReady).map(s => (

onSelectSong(s)}>

{s.bpm}

{s.title}

{s.key} · {s.genre}

{s.stemsAvailable && Stems}

))}

{/* Active briefs */}

Active Sync Briefs{briefs.filter(b=>!["Landed","Passed","Expired"].includes(b.status)).length} active

{briefs.filter(b=>!["Landed","Passed","Expired"].includes(b.status)).slice(0,5).map(b => (

{b.title}

{b.client} · {b.deadline}

))} {briefs.filter(b=>!["Landed","Passed","Expired"].includes(b.status)).length===0 && (

No active briefs

)}

); } // ─── Songs Page ─────────────────────────────────────────────────────────────── function SongsPage({ songs, collabs: collabsProp, setSongs, search, onSelect, density }) { const allCollabs = collabsProp || COLLABS; const [filter, setFilter] = useState2("All"); const [sortBy, setSortBy] = useState2("date-desc"); const [selectedGenres, setSelectedGenres] = useState2([]); const [genreMode, setGenreMode] = useState2("OR"); const ROW_PAD = { compact:"7px 14px", comfortable:"11px 14px", spacious:"16px 14px" }; const pad = ROW_PAD[density] || ROW_PAD.comfortable; const allGenres = useMemo2(() => { const gs = songs.flatMap(s => s.genre.split(" / ").map(g => g.trim())); return [...new Set(gs)].sort(); }, [songs]); const toggleGenre = (g) => setSelectedGenres(prev => prev.includes(g) ? prev.filter(x => x !== g) : [...prev, g]); const filtered = useMemo2(() => { let list = songs; if (filter==="Sync Ready") list = list.filter(s => s.syncReady); else if (filter==="Released") list = list.filter(s => s.status==="Released"); else if (filter==="In Progress") list = list.filter(s => ["In Progress","Mixing"].includes(s.status)); else if (filter==="Demo") list = list.filter(s => s.status==="Demo"); if (search) { const q = search.toLowerCase(); list = list.filter(s => s.title.toLowerCase().includes(q) || s.genre.toLowerCase().includes(q) || s.key.toLowerCase().includes(q) || s.isrc.toLowerCase().includes(q) || s.moods.some(m => m.toLowerCase().includes(q)) ); } if (selectedGenres.length > 0) { list = list.filter(s => { const sg = s.genre.split(" / ").map(g => g.trim()); return genreMode === "OR" ? selectedGenres.some(g => sg.includes(g)) : selectedGenres.every(g => sg.includes(g)); }); } list = [...list].sort((a,b) => { if (sortBy==="title-asc" || sortBy==="title") return a.title.localeCompare(b.title); if (sortBy==="title-desc") return b.title.localeCompare(a.title); if (sortBy==="bpm-desc" || sortBy==="bpm") return b.bpm - a.bpm; if (sortBy==="bpm-asc") return a.bpm - b.bpm; if (sortBy==="status-asc" || sortBy==="status") return a.status.localeCompare(b.status); if (sortBy==="status-desc") return b.status.localeCompare(a.status); if (sortBy==="date-asc") return (a.createdAt||0) - (b.createdAt||0); return (b.createdAt||0) - (a.createdAt||0); }); return list; }, [songs, filter, search, sortBy, selectedGenres, genreMode]); const selStyle = { fontSize:12, padding:"4px 8px", borderRadius:5, border:"1px solid var(--border)", background:"var(--bg-2)", color:"var(--text-2)", outline:"none", cursor:"pointer" }; const handleColSort = (col) => { if (col === "title") { if (sortBy === "title-asc" || sortBy === "title") setSortBy("title-desc"); else setSortBy("title-asc"); } else if (col === "bpm") { if (sortBy === "bpm-desc" || sortBy === "bpm") setSortBy("bpm-asc"); else setSortBy("bpm-desc"); } else if (col === "status") { if (sortBy === "status-asc" || sortBy === "status") setSortBy("status-desc"); else setSortBy("status-asc"); } }; const colSortIcon = (col) => { if (col === "title") { if (sortBy === "title-asc" || sortBy === "title") return " ↑"; if (sortBy === "title-desc") return " ↓"; } else if (col === "bpm") { if (sortBy === "bpm-desc" || sortBy === "bpm") return " ↓"; if (sortBy === "bpm-asc") return " ↑"; } else if (col === "status") { if (sortBy === "status-asc" || sortBy === "status") return " ↑"; if (sortBy === "status-desc") return " ↓"; } return " ↕"; }; const thSort = (col, label) => ( handleColSort(col)} style={{ cursor:"pointer", userSelect:"none", whiteSpace:"nowrap" }}> {label}{colSortIcon(col)} ); return (

{["All","Released","Sync Ready","In Progress","Demo"].map(f => ( ))}

{allGenres.length > 0 && } {filtered.length} songs

{thSort("title", "Title")} {thSort("status", "Status")} {filtered.map(song => ( onSelect(song)} style={{ cursor:"pointer" }}> ))}

Key / BPM	Genre	Moods	Sync	Own%	Collaborators
{song.title} {song.version} {song.splitConflict && ⚠ Split pending }	{song.key} {song.bpm} bpm	{song.genre}	{song.moods.slice(0,2).map(m => {m})}		{song.syncReady ? ✓ Ready : —}	{+parseFloat(song.ownershipPct).toFixed(2)}% / {+parseFloat(song.splits.find(s => getSplitName(s, allCollabs) === song.masterOwner)?.publisher ?? song.ownershipPct).toFixed(2)}% M / P	{song.splits.map((sp,i) => { const spName = getSplitName(sp, allCollabs); return ( {spName.charAt(0)} ); })}

{filtered.length===0 && (

No songs match your filters.

)}

); } // ─── Splits Page ────────────────────────────────────────────────────────────── function SplitsPage({ songs, collabs: collabsProp, onSaveSplits }) { const collabs = collabsProp || COLLABS; const [selId, setSelId] = useState2(songs[0]?.id); const [editSplits, setEditSplits] = useState2(null); const [saved, setSaved] = useState2(false); const song = songs.find(s => s.id===selId) || songs[0]; useEffect2(() => { if (song) setEditSplits(song.splits.map(s => ({...s}))); setSaved(false); }, [selId]); const total = (editSplits||[]).reduce((a,s) => a + Number(s.writer||0), 0); const valid = Math.abs(total - 100) < 0.01; const dirty = editSplits && JSON.stringify(editSplits) !== JSON.stringify(song?.splits); const update = (idx, field, val) => { setSaved(false); setEditSplits(prev => prev.map((s,i) => i===idx ? {...s, [field]: field==="writer"||field==="publisher" ? Number(val) : val} : s)); }; const save = () => { if (!valid) return; onSaveSplits(selId, editSplits); setSaved(true); setTimeout(() => setSaved(false), 2000); }; const distribute = () => { if (!editSplits) return; const each = Math.floor(100 / editSplits.length); const rem = 100 - each * editSplits.length; setEditSplits(editSplits.map((s,i) => ({...s, writer:each+(i===0?rem:0), publisher:each+(i===0?rem:0)}))); setSaved(false); }; if (!song || !editSplits) return null; return (

{/* Song list */}

Songs

{songs.map(s => { const t = s.splits.reduce((a,sp) => a+sp.writer, 0); return (

setSelId(s.id)}>

{s.title}

{t===100 ? "✓ Balanced" : `⚠ ${t}%`}

{s.splits.length}p

); })}

{/* Detail */}

{song.title}

{valid ? ✓ Balanced : ⚠ {+parseFloat(total).toFixed(2)}% } {dirty && !saved && ( <> )} {saved && ✓ Saved}

{/* Live visual bar */}

Writer Split Distribution

{editSplits.map((s,i) => (

0?2:0 }}>

))} {total < 100 &&

}

{editSplits.map((s,i) => (

{getSplitName(s, collabs).split(" ")[0]}: {s.writer}%

))}

{/* Editable table */} {editSplits.map((s,i) => ( ))}

Collaborator	Role	Writer %	Publisher %	PRO	Status
{getSplitName(s, collabs).charAt(0)} {getSplitName(s, collabs)}	{s.role}	update(i,"writer",e.target.value)} className="split-input" style={{ borderColor: valid?"var(--border)":"#fcd34d" }} /> %	update(i,"publisher",e.target.value)} className="split-input" /> %	{(() => { const c = s.collabId ? collabs.find(x => x.id === s.collabId) : collabs.find(x => x.name === s.name); return c ? (c.pro \|\| "—") : "—"; })()}	{(song.splitConflict && i > 0) ? Pending : Signed}

{/* Total row */}

Writer Total {+parseFloat(total).toFixed(2)}%

{!valid && (

⚠ {total < 100 ? `${+parseFloat(100-total).toFixed(2)}% unassigned` : `${+parseFloat(total-100).toFixed(2)}% over-allocated`} — adjust splits before saving.

)}

); } // ─── Collaborators Page ─────────────────────────────────────────────────────── function CollaboratorsPage({ search, collabs: collabsProp, songs: songsProp, onSelectCollab }) { const collabs = collabsProp || COLLABS; const songs = songsProp || SONGS; const [filter, setFilter] = useState2("All"); const [selectedGenres, setSelectedGenres] = useState2([]); const [genreMode, setGenreMode] = useState2("OR"); const [sortAZ, setSortAZ] = useState2(null); const [viewMode, setViewMode] = useState2("cards"); const [listSort, setListSort] = useState2({ col: "name", dir: "asc" }); const allGenres = useMemo2(() => { const tags = collabs.flatMap(c => c.tags || []); return [...new Set(tags)].sort(); }, [collabs]); const filtered = useMemo2(() => { let list = collabs; if (filter === "Incomplete") list = list.filter(c => !isCollabComplete(c)); if (search) { const q = search.toLowerCase(); list = list.filter(c => c.name.toLowerCase().includes(q) || c.role.toLowerCase().includes(q) || (c.location||"").toLowerCase().includes(q) || (c.tags||[]).some(t=>t.toLowerCase().includes(q)) ); } if (selectedGenres.length > 0) { list = list.filter(c => { const tags = c.tags || []; return genreMode === "OR" ? selectedGenres.some(g => tags.includes(g)) : selectedGenres.every(g => tags.includes(g)); }); } return list; }, [collabs, search, filter, selectedGenres, genreMode]); const sorted = useMemo2(() => { let list = [...filtered]; if (viewMode === "cards") { if (sortAZ === "asc") list.sort((a,b) => a.name.localeCompare(b.name)); if (sortAZ === "desc") list.sort((a,b) => b.name.localeCompare(a.name)); } else { list.sort((a,b) => { const av = (a[listSort.col] || "").toString(); const bv = (b[listSort.col] || "").toString(); return listSort.dir === "asc" ? av.localeCompare(bv) : bv.localeCompare(av); }); } return list; }, [filtered, viewMode, sortAZ, listSort]); const songCountByCollab = useMemo2(() => { const map = {}; for (const c of collabs) { map[c.id] = songs.filter(s => s.splits.some(sp => sp.collabId === c.id || sp.name === c.name)).length; } return map; }, [collabs, songs]); const incompleteCount = collabs.filter(c => !isCollabComplete(c)).length; const toggleListSort = (col) => setListSort(prev => prev.col === col ? { col, dir: prev.dir === "asc" ? "desc" : "asc" } : { col, dir: "asc" } ); const thSort = (col, label) => ( toggleListSort(col)} style={{ cursor:"pointer", userSelect:"none" }}> {label}{listSort.col === col ? (listSort.dir === "asc" ? " ▲" : " ▼") : ""} ); return (

{["All","Incomplete"].map(f => ( ))}

{allGenres.length > 0 && } {viewMode === "cards" && ( )}

{[["cards","Cards"],["list","List"]].map(([mode, label]) => ( ))}

{viewMode === "cards" ? (

{sorted.map((c,idx) => { const pal = COLLAB_PALETTE[idx % COLLAB_PALETTE.length]; const songCount = songCountByCollab[c.id] ?? 0; return (

onSelectCollab(c)}>

{c.name.split(" ").map(n=>n[0]).join("")}

{!isCollabComplete(c) && ( ⚠ Incomplete )}

{c.name}

{c.role}

{c.location}

{c.tags.map(t => {t})}

{songCount} song{songCount!==1?"s":""} {c.pro}

); })}

) : (

{thSort("name", "Name")} {thSort("role", "Role")} {thSort("status", "Status")} {sorted.map(c => { const songCount = songCountByCollab[c.id] ?? 0; return ( onSelectCollab(c)} style={{ cursor:"pointer" }}> ); })}

Location	Songs
{c.name} {!isCollabComplete(c) && ⚠}	{c.role \|\| "—"}	{c.location \|\| "—"}	{songCount}

)}

); } // ─── Sync Page ──────────────────────────────────────────────────────────────── function SyncPage({ briefs, songs, onUpdateBrief, onSelectBrief, onNewBrief }) { const [tab, setTab] = useState2("active"); const [historyFilter, setHistoryFilter] = useState2("All"); const { dragOverCol, handleDragStart, handleDrop, handleDragOver, handleDragLeave, handleDragEnd } = useKanban(onUpdateBrief); const ARCHIVE = ["Landed","Passed","Expired"]; const COLS = ["Active","Submitted","In Review","Shortlisted"]; const pipeline = briefs.filter(b => !ARCHIVE.includes(b.status)); const history = briefs.filter(b => ARCHIVE.includes(b.status)); const overdueFU = pipeline.filter(b => b.followUpDate && !b.followUpDone && new Date(b.followUpDate) < new Date()).length; const pipelineValue = pipeline.reduce((a, b) => a + (b.budgetEstimate || 0), 0); const landedDeals = history.filter(b => b.status === "Landed"); const landedRevenue = landedDeals.reduce((a, b) => a + (b.confirmedFee || 0), 0); const filteredHistory = historyFilter === "All" ? history : history.filter(b => b.status === historyFilter); return (

{/* Stats bar */}

{[ { label:"Active Briefs", value:pipeline.length, accent:"var(--accent)" }, { label:"Overdue Follow-ups", value:overdueFU, accent:overdueFU>0?"#dc2626":"#9ca3af" }, { label:"Pipeline Value", value:pipelineValue>0?"$"+pipelineValue.toLocaleString():"—", accent:"#059669" }, { label:"Landed", value:landedRevenue>0?"$"+landedRevenue.toLocaleString():landedDeals.length+" deal"+(landedDeals.length!==1?"s":""), accent:"#2563eb" }, ].map((s, i) => (

{s.value}

{s.label}

))}

{/* Tab bar + New Brief */}

{[["active","Active Pipeline"],["history","History"]].map(([t,l]) => ( ))}

{/* Kanban */} {tab==="active" && (

{COLS.map(col => { const colBriefs = pipeline.filter(b => b.status === col); return (

handleDragOver(e,col)} onDragLeave={handleDragLeave} onDrop={e=>handleDrop(e,col)} >

{col} {colBriefs.length}

{colBriefs.map(b => { const overdue = b.followUpDate && !b.followUpDone && new Date(b.followUpDate) < new Date(); const songCt = (b.submittedSongs||[]).length; return (

handleDragStart(e,b.id)} onDragEnd={handleDragEnd} onClick={()=>onSelectBrief(b)} >

{b.title}

{overdue && Follow-up}

{b.client||"—"}

{b.placement &&

{b.placement}

} {(b.mood||[]).length>0 && (

{(b.mood||[]).slice(0,2).map((m,i)=>{m})}

)}

{b.deadline && Due {b.deadline}} {songCt>0 && {songCt} song{songCt!==1?"s":""}}

{b.budget && {b.budget}}

); })} {colBriefs.length===0 && (

{dragOverCol===col?"Drop here":"Empty"}

)}

); })}

)} {/* History */} {tab==="history" && (

{["All","Landed","Passed","Expired"].map(f=>( ))} {filteredHistory.length} brief{filteredHistory.length!==1?"s":""}

{filteredHistory.length>0 ? (

{filteredHistory.map(b => { const songCt = (b.submittedSongs||[]).length; return ( onSelectBrief(b)} style={{cursor:"pointer"}}> ); })}

Brief	Client	Deadline	Outcome	Songs	Fee	Notes
{b.title} {b.placement && {b.placement} }	{b.client\|\|"—"}	{b.deadline\|\|"—"}		0?"var(--accent)":"var(--text-3)"}}> {songCt>0?`${songCt} song${songCt!==1?"s":""}` : "—"}	{b.confirmedFee?"$"+b.confirmedFee.toLocaleString():"—"}	{b.outcomeNotes\|\|"—"}

) : (

No {historyFilter!=="All"?historyFilter.toLowerCase()+" ":""}briefs yet.

)}

); } // ─── Releases Page ──────────────────────────────────────────────────────────── function ReleasesPage() { const labels = { metadata:"Metadata Complete", artwork:"Artwork Delivered", audio:"Audio Mastered", isrc:"ISRC Registered", upc:"UPC Assigned", pitchSubmitted:"DSP Pitch Submitted" }; return (

{RELEASES.map(r => { const items = Object.entries(r.checklist); const done = items.filter(([,v])=>v).length; const pct = Math.round(done/items.length*100); return (

{r.title}

{r.type} · {r.distributor} · {r.date}

{pct}%

{items.map(([key,val]) => (

{val?"●":"○"} {labels[key]}

))}

); })}

); } // ─── Publishers Page ────────────────────────────────────────────────────────── function PublishersPage({ search, publishers: publishersProp, collabs: collabsProp, songs: songsProp, onSelectPublisher, onSelectSong }) { const publishers = publishersProp || PUBLISHERS; const collabs = collabsProp || COLLABS; const songs = songsProp || SONGS; const [filter, setFilter] = useState2("All"); const [selId, setSelId] = useState2(publishers[0]?.id); const [sortAZ, setSortAZ] = useState2(null); const incompleteCount = publishers.filter(p => !isPublisherComplete(p)).length; const filtered = useMemo2(() => { let list = publishers; if (filter === "Incomplete") list = list.filter(p => !isPublisherComplete(p)); if (search) { const q = search.toLowerCase(); list = list.filter(p => p.name.toLowerCase().includes(q) || (p.type||"").toLowerCase().includes(q) || (p.pro||"").toLowerCase().includes(q) || (p.address||"").toLowerCase().includes(q) ); } if (sortAZ === "asc") list = [...list].sort((a,b) => a.name.localeCompare(b.name)); if (sortAZ === "desc") list = [...list].sort((a,b) => b.name.localeCompare(a.name)); return list; }, [search, publishers, filter, sortAZ]); const pub = publishers.find(p => p.id === selId) || filtered[0]; const rosterCollabs = useMemo2(() => pub ? collabs.filter(c => (pub.roster||[]).includes(c.id)) : [], [pub, collabs] ); const pubSongs = useMemo2(() => pub ? songs.filter(s => s.publishingOwner === pub.name || s.splits.some(sp => rosterCollabs.some(c => c.id === sp.collabId || c.name === sp.name)) ) : [], [pub, rosterCollabs, songs] ); return (

{["All","Incomplete"].map(f => ( ))}

{/* Left: publisher list */}

Publishers ({filtered.length})

{filtered.map(p => { const tc = PUB_TYPE_COLORS[p.type] || { bg:"#f3f4f6", color:"#6b7280" }; const rc = collabs.filter(c => (p.roster||[]).includes(c.id)); return (

setSelId(p.id)}>

{p.name}

{rc.length} collab{rc.length!==1?"s":""}

{p.type}

); })}

{/* Right: publisher detail */} {pub && (

{pub.name} {(pub.pro || pub.ipi) && ( {pub.pro}{pub.ipi ? ` · IPI ${pub.ipi}` : ""} )}

{/* Collaborators */}

Collaborators ({rosterCollabs.length})

{rosterCollabs.length > 0 ? ( {rosterCollabs.map(c => ( ))}

Name	Role	PRO	IPI
{c.name}	{c.role \|\| "—"}	{c.pro \|\| "—"}	{c.ipi \|\| "—"}

) : (

No collaborators linked.

)} {/* Songs */}

Songs ({pubSongs.length})

{pubSongs.length > 0 ? ( {pubSongs.flatMap(s => { const rosterSplits = s.splits.filter(sp => rosterCollabs.some(c => c.id === sp.collabId || c.name === sp.name)); return rosterSplits.map((sp, i) => { const collab = rosterCollabs.find(c => c.id === sp.collabId || c.name === sp.name); return ( onSelectSong && onSelectSong(s)} style={{ cursor: onSelectSong ? "pointer" : "default" }}> ); }); })}

Title	Artist	Writer	Writer %	Publisher %
{i === 0 ? s.title : ""}	{i === 0 ? (s.artist \|\| "—") : ""}	{collab ? collab.name : sp.name \|\| "—"}	{Number(sp.writer\|\|0)}%	{Number(sp.publisher\|\|0)}%

) : (

No songs linked.

)}

); } // ─── Analytics Page ─────────────────────────────────────────────────────────── function AnalyticsPage({ songs, briefs }) { const statusGroups = [ {label:"Released", color:"#059669"}, {label:"Mastered", color:"#2563eb"}, {label:"In Progress", color:"#d97706"}, {label:"Mixing", color:"#d97706"}, {label:"Demo", color:"#9ca3af"}, ].map(s => ({...s, count:songs.filter(x=>x.status===s.label).length})); const maxStatus = Math.max(...statusGroups.map(s=>s.count), 1); const genreMap = {}; songs.forEach(s => { const g=s.genre.split("/")[0].trim(); genreMap[g]=(genreMap[g]||0)+1; }); const genres = Object.entries(genreMap).map(([l,c])=>({label:l,count:c})).sort((a,b)=>b.count-a.count); const GCOLS = ["#7c6fff","#f472b6","#22c55e","#60a5fa","#f59e0b","#e879f9","#2dd4bf"]; let donutPos=0; const donutSlices = genres.map((g,i)=>{ const pct=(g.count/songs.length)*100; const start=donutPos; donutPos+=pct; return {...g,pct,start,color:GCOLS[i%GCOLS.length]}; }); const collabShares = {}; songs.forEach(s=>s.splits.forEach(sp=>{ const n = getSplitName(sp, COLLABS); collabShares[n]=(collabShares[n]||0)+sp.writer/100*s.ownershipPct; })); const topCollabs = Object.entries(collabShares).map(([n,s])=>({name:n,share:Math.round(s)})).sort((a,b)=>b.share-a.share).slice(0,5); const maxShare = Math.max(...topCollabs.map(c=>c.share),1); const bpmBuckets = [ {label:"<80", count:songs.filter(s=>s.bpm<80).length}, {label:"80–100",count:songs.filter(s=>s.bpm>=80&&s.bpm<100).length}, {label:"100–120",count:songs.filter(s=>s.bpm>=100&&s.bpm<120).length}, {label:"120–140",count:songs.filter(s=>s.bpm>=120&&s.bpm<140).length}, {label:"140+", count:songs.filter(s=>s.bpm>=140).length}, ]; const maxBPM = Math.max(...bpmBuckets.map(b=>b.count),1); const syncTotal = briefs.filter(b=>!["Landed","Passed","Expired"].includes(b.status)).reduce((a,b)=>a+(b.budgetEstimate||0),0); const syncCleared = briefs.filter(b=>b.status==="Landed").reduce((a,b)=>a+(b.confirmedFee||b.budgetEstimate||0),0); const avgOwn = Math.round(songs.reduce((a,s)=>a+s.ownershipPct,0)/songs.length); return (

{/* KPIs */}

{[ {label:"Sync Pipeline", value:"$"+syncTotal.toLocaleString(), sub:"total potential value", accent:"var(--accent)"}, {label:"Landed Revenue", value:"$"+syncCleared.toLocaleString(),sub:"confirmed sync licensing", accent:"#059669"}, {label:"Sync Ready", value:`${songs.filter(s=>s.syncReady).length}/${songs.length}`, sub:"tracks cleared for licensing", accent:"#2563eb"}, {label:"Avg Ownership", value:avgOwn+"%", sub:"per track across catalog", accent:"#d97706"}, ].map((k,i)=>(

{k.value}

{k.label}

{k.sub}

))}

{/* Status breakdown */}

Catalog by Status{songs.length} total

{statusGroups.filter(s=>s.count>0).map(s=>(

{s.label} {s.count}

))}

{/* Genre donut */}

Genre Breakdown

`${s.color} ${s.start}% ${s.start+s.pct}%`).join(",")})`}}>

{songs.length}

{donutSlices.map((s,i)=>(

{s.label} {s.count}

))}

{/* Collaborator shares */}

Collaborator Catalog Share

{topCollabs.map((c,i)=>(

{c.name.charAt(0)}

{c.name.split(" ")[0]}

{c.share}%

))}

{/* BPM histogram */}

BPM Distribution

{bpmBuckets.map((b,i)=>(

0?`${(b.count/maxBPM)*88}%`:"4px",background:b.count>0?"var(--accent)":"var(--border)",borderRadius:"4px 4px 0 0",opacity:0.85,minHeight:b.count>0?6:0,transition:"height 0.3s"}}>

{b.label}

{b.count>0&&

{b.count}

}

))}

{/* Sync pipeline */}

Sync Licensing Pipeline Potential: {syncTotal>0?"$"+syncTotal.toLocaleString():"—"}

{briefs.filter(b=>!["Landed","Passed","Expired"].includes(b.status)).length>0 ? (

{briefs.filter(b=>!["Landed","Passed","Expired"].includes(b.status)).map(b=>{ const pct=syncTotal>0?((b.budgetEstimate||0)/syncTotal)*100:0; const sc={"Active":"#7c3aed","Submitted":"#2563eb","In Review":"#9d174d","Shortlisted":"#d97706"}; return(

{b.client||b.title}

{b.title}

{b.budget||"—"}

); })}

):(

No active briefs in pipeline

)}

); } // ─── Import / Export Page ───────────────────────────────────────────────────── function ImportExportPage({ songs, setSongs, campaigns, pitchEntries, contacts, onAddPitchEntry, onUpdateContact, collabs, publishers, profile, onUpdateSong }) { const [importFile, setImportFile] = useState2(null); const [importHeaders, setImportHeaders] = useState2([]); const [importAllRows, setImportAllRows] = useState2([]); const [columnMap, setColumnMap] = useState2({}); const [importStep, setImportStep] = useState2("idle"); const [importCount, setImportCount] = useState2(0); const fileInputRef = useRef2(null); const [pitchImportFile, setPitchImportFile] = useState2(null); const [pitchImportStep, setPitchImportStep] = useState2("idle"); const [pitchImportRows, setPitchImportRows] = useState2([]); const [pitchImportResults, setPitchImportResults] = useState2(null); const pitchFileInputRef = useRef2(null); const [cwrStep, setCwrStep] = useState2("idle"); const [cwrResult, setCwrResult] = useState2(null); const [cwrSociety, setCwrSociety] = useState2("008"); // APRA AMCOS default const [cwrVersion, setCwrVersion] = useState2("2.1"); // driven by society selection const [cwrSeqNum, setCwrSeqNum] = useState2(1); const cwrValidation = useMemo2(() => { if (typeof cwrValidateAll === "undefined") return { valid:true, errors:[], profileErrors:[], groupedSongErrors:[], songsWithErrors:[], eligibleSongs:songs }; const result = cwrValidateAll(songs, collabs || [], profile || {}); const profileErrors = result.errors.filter(e => !e.song); const songErrors = result.errors.filter(e => e.song); const songsWithErrors = [...new Set(songErrors.map(e => e.song.id))]; const eligibleSongs = songs.filter(s => !songsWithErrors.includes(s.id)); const songErrorMap = {}; songErrors.forEach(({ song, error }) => { if (!songErrorMap[song.id]) songErrorMap[song.id] = { song, errors: [] }; songErrorMap[song.id].errors.push(error); }); return { ...result, profileErrors, groupedSongErrors: Object.values(songErrorMap), songsWithErrors, eligibleSongs }; }, [songs, collabs, profile]); const handleCwrExport = () => { const { eligibleSongs } = cwrValidation; const result = cwrExportSongs(eligibleSongs, collabs || [], publishers || [], profile || {}, { version: cwrVersion, receiverCode: cwrSociety, seqNum: cwrSeqNum, }); const blob = new Blob([result.content], { type: "text/plain;charset=us-ascii" }); const url = URL.createObjectURL(blob); const a = document.createElement("a"); a.href = url; a.download = result.filename; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); if (onUpdateSong) { eligibleSongs.forEach(song => onUpdateSong(song.id, { cwrExportedAt: Date.now(), cwrFileRef: result.filename })); } setCwrResult(result); setCwrStep("done"); }; const CAMPAIGN_NAME_MAP = { "cameron taylor library": "cameron-library", "cameron taylor music": "cameron-library", "cameron library": "cameron-library", "kyte publishing": "kyte-publishing", "kyte": "kyte-publishing", }; const PITCH_STATUS_MAP = { "not contacted": "Not Contacted", "email sent": "Pitched", "pitched": "Pitched", "awaiting reply": "Following Up", "following up": "Following Up", "in discussion": "In Discussion", "deal": "Signed", "signed": "Signed", "no response": "No Response", "passed": "Passed", }; const handlePitchFile = (e) => { const f = e.target.files[0]; if (!f) return; const reader = new FileReader(); reader.onload = (ev) => { const lines = ev.target.result.trim().split("\n"); if (lines.length < 2) return; const headers = parseLine(lines[0]).map(h => h.toLowerCase().trim()); const col = (name) => headers.indexOf(name); const rows = lines.slice(1).map(parseLine).filter(r => r.some(v => v)).map(row => { const agency = (row[col("agency")] || "").trim(); const campaignRaw = (row[col("campaign")] || "").trim(); const statusRaw = (row[col("status")] || "").trim(); const notes = (row[col("notes")] || "").trim(); const subWindow = (row[col("submission window")] || "").trim(); const warmIntro = (row[col("requires warm intro")] || "").trim(); const dateStr = (row[col("date contacted")] || "").trim(); const campaignId = CAMPAIGN_NAME_MAP[campaignRaw.toLowerCase()] || null; const contact = agency ? (contacts || []).find(c => c.name?.toLowerCase() === agency.toLowerCase()) : null; const status = PITCH_STATUS_MAP[statusRaw.toLowerCase()] || "Not Contacted"; const alreadyExists = contact && campaignId && (pitchEntries || []).some(e => e.contactId === contact.id && e.campaignId === campaignId); const skip = !agency || !campaignId || !contact || alreadyExists; const skipReason = !agency ? "No agency name" : !campaignId ? `Unknown campaign: "${campaignRaw}"` : !contact ? "No matching contact" : "Already in campaign"; return { agency, campaignId, campaignRaw, status, notes, subWindow, dateStr, requiresWarmIntro: ["yes","true","1"].includes(warmIntro.toLowerCase()), contact, alreadyExists, skip, skipReason }; }).filter(r => r.agency); setPitchImportRows(rows); setPitchImportFile({ name: f.name, count: rows.length }); setPitchImportStep("preview"); }; reader.readAsText(f); e.target.value = ""; }; const runPitchImport = async () => { let created = 0, updated = 0, skipped = 0; for (let i = 0; i < pitchImportRows.length; i++) { const row = pitchImportRows[i]; if (row.skip) { skipped++; continue; } const entry = { id: String(Date.now() + i), contactId: row.contact.id, campaignId: row.campaignId, status: row.status, customNote: row.notes, followUpDate: null, followUpDone: false, pitchHistory: row.status !== "Not Contacted" ? [{ type: "pitched", date: row.dateStr || new Date().toISOString().split("T")[0], note: "Imported from outreach tracker", sentVia: "email" }] : [], createdAt: Date.now(), updatedAt: Date.now(), }; await onAddPitchEntry(row.campaignId, entry); created++; if (row.subWindow || row.requiresWarmIntro) { const contactUpdates = {}; if (row.subWindow) contactUpdates.submissionWindow = row.subWindow; if (row.requiresWarmIntro) contactUpdates.requiresWarmIntro = true; onUpdateContact(row.contact.id, contactUpdates); updated++; } } setPitchImportResults({ created, updated, skipped }); setPitchImportStep("done"); }; const EXPORT_PRESETS = [ { id:"full", name:"Full Catalog", accent:"var(--accent)", description:"All song metadata including new fields. Use for backups or migrating data between systems.", fields:"Title, Version, Artist, Album, ISRC, ISWC, BPM, Key, Genre, Duration, Status, Sync Ready, Stems, Instrumental, Release Date, International Title, Master, Publisher, Own%, PRO, Moods, Splits, Notes", action: () => exportSongsCSV(songs), count: `${songs.length} songs`, }, { id:"sync", name:"Sync Brief", accent:"#059669", description:"Curated fields for sync supervisors and music libraries. Sync-ready tracks only.", fields:"Title, Artist, Key, BPM, Genre, Moods, Duration, Sync Ready, Stems, Instrumental, ISRC, Status, Notes", action: () => exportSyncBriefCSV(songs), count: `${songs.filter(s=>s.syncReady).length} sync-ready`, }, { id:"kyte", name:"KYTE Sub-Pub Registration", accent:"#2563eb", description:"Multi-row format for KYTE sub-publisher registration. One row per writer per song, with CISAC codes.", fields:"n°, Title, International Title, Artist, IPI, Role, Composer Name, PRO CISAC, PR%, MRO CISAC, MR%, Control, Publisher, ISWC, Album, ISRC, Release Date", action: () => exportKYTECSV(songs), count: `${songs.length} songs`, }, ]; const APP_FIELDS = [ {value:"",label:"— Ignore —"}, {value:"title",label:"Title"},{value:"version",label:"Version"}, {value:"artist",label:"Artist"},{value:"album",label:"Album"}, {value:"isrc",label:"ISRC"},{value:"iswc",label:"ISWC"}, {value:"bpm",label:"BPM"},{value:"key",label:"Key"}, {value:"genre",label:"Genre"},{value:"duration",label:"Duration"}, {value:"status",label:"Status"},{value:"syncReady",label:"Sync Ready (Yes/No)"}, {value:"stemsAvailable",label:"Stems Available (Yes/No)"},{value:"instrumental",label:"Instrumental (Yes/No)"}, {value:"releaseDate",label:"Release Date"},{value:"masterOwner",label:"Master Owner"}, {value:"publishingOwner",label:"Publishing Owner"},{value:"ownershipPct",label:"Ownership %"}, {value:"pro",label:"PRO"},{value:"moods",label:"Moods (semicolon-separated)"}, {value:"notes",label:"Notes"},{value:"internationalTitle",label:"International Title"}, ]; const parseLine = (line) => { const vals=[]; let cur=""; let inQ=false; for (let c=0;cv.replace(/^"|"$/g,"").trim()); }; const autoMatch = (headers) => { const map={}; const norm = s => s.toLowerCase().replace(/[^a-z0-9]/g,""); const lookup = { title:"title",version:"version",artist:"artist",album:"album", isrc:"isrc",iswc:"iswc",bpm:"bpm",key:"key",genre:"genre", duration:"duration",status:"status",syncready:"syncReady", stemsavailable:"stemsAvailable",instrumental:"instrumental", releasedate:"releaseDate",masterowner:"masterOwner", publishingowner:"publishingOwner",ownership:"ownershipPct", ownershipPct:"ownershipPct",pro:"pro",moods:"moods",notes:"notes", internationaltitle:"internationalTitle", }; headers.forEach((h,i)=>{ map[i]=lookup[norm(h)]||""; }); return map; }; const handleFile = (e) => { const f=e.target.files[0]; if(!f) return; const reader=new FileReader(); reader.onload=(ev)=>{ const lines=ev.target.result.trim().split("\n"); if(lines.length<2) return; const headers=parseLine(lines[0]); const allRows=lines.slice(1).map(parseLine).filter(r=>r.some(v=>v)); setImportHeaders(headers); setImportAllRows(allRows); setColumnMap(autoMatch(headers)); setImportFile({name:f.name,count:allRows.length}); setImportStep("mapping"); }; reader.readAsText(f); e.target.value=""; }; const runImport = () => { const boolVal = v => v.toLowerCase()==="yes"||v==="true"||v==="1"; const imported = importAllRows.map((row,idx)=>{ const song={ id:Date.now()+idx, title:"Untitled", version:"Original", isrc:"", iswc:"", bpm:120, key:"C Major", genre:"", duration:"", status:"Demo", syncReady:false, stemsAvailable:false, instrumental:false, releaseDate:null, masterOwner:"", publishingOwner:"", ownershipPct:100, pro:"", moods:[], notes:"", artist:"", album:"", internationalTitle:"", artworkHue:Math.floor(Math.random()*360), splits:[{name:"",role:"Writer",writer:100,publisher:100}], }; Object.entries(columnMap).forEach(([ci,field])=>{ if(!field) return; const val=(row[parseInt(ci)]||"").trim(); if(field==="bpm") song[field]=parseInt(val)||0; else if(field==="ownershipPct") song[field]=parseFloat(val)||0; else if(["syncReady","stemsAvailable","instrumental"].includes(field)) song[field]=boolVal(val); else if(field==="moods") song[field]=val?val.split(";").map(m=>m.trim()).filter(Boolean):[]; else if(field==="releaseDate") song[field]=val||null; else song[field]=val; }); return song; }).filter(s=>s.title&&s.title!=="Untitled"); setSongs(prev=>[...prev,...imported]); setImportCount(imported.length); setImportStep("done"); }; const sel = {width:"100%",padding:"5px 8px",border:"1px solid var(--border)",borderRadius:5,background:"var(--bg-2)",color:"var(--text)",fontSize:12,fontFamily:"var(--font)",outline:"none"}; return (

{/* Export */}

Export

Download your catalog in different formats.

{EXPORT_PRESETS.map(p=>(

{p.name}

{p.description}

{p.fields}

{p.count}

))}

{/* CWR Export [PUBLISHER] */}

CWR Export

PUBLISHER

Generate a CWR file for PRO registration with APRA AMCOS, ASCAP, BMI, PRS, and other CISAC members.

{/* Profile config warning */} {cwrValidation.profileErrors.length > 0 && (

⚠ {cwrValidation.profileErrors[0].error}

)} {/* Per-song validation issues */} {cwrValidation.groupedSongErrors.length > 0 && (

⚠ {cwrValidation.groupedSongErrors.length} song{cwrValidation.groupedSongErrors.length!==1?"s":""} with issues — will be skipped on export

{cwrValidation.groupedSongErrors.map(({song,errors},i) => (

{song.title} {errors.join(" · ")}

))}

)} {/* Society + version + seq controls */}

Target Society

Version

Seq #

setCwrSeqNum(Math.max(1, parseInt(e.target.value)||1))} style={{width:70,padding:"6px 8px",borderRadius:7,border:"1px solid var(--border)",background:"var(--bg-2)",color:"var(--text)",fontSize:12.5,fontFamily:"monospace",textAlign:"center"}} />

CWR {cwrVersion} — {(typeof CWR_SOCIETIES !== "undefined" ? CWR_SOCIETIES : []).find(s=>s.code===cwrSociety)?.name || cwrSociety}

{cwrValidation.eligibleSongs.length} song{cwrValidation.eligibleSongs.length!==1?"s":""} eligible {cwrValidation.songsWithErrors.length > 0 && ` · ${cwrValidation.songsWithErrors.length} skipped`} {" · "}filename: {typeof cwrFilename!=="undefined" && cwrFilename((profile&&profile.cwrSenderId)||"MMV", cwrSeqNum, cwrSociety, cwrVersion)}

{/* Success banner */} {cwrStep === "done" && cwrResult && (

✓ CWR file downloaded

{cwrResult.filename} · {cwrResult.songCount} song{cwrResult.songCount!==1?"s":""} · {cwrResult.recordCount} records

)}

{/* Import */}

Import

Import songs from a CSV. Map columns to app fields before importing.

{importStep==="idle" && (

fileInputRef.current?.click()} style={{border:"2px dashed var(--border)",borderRadius:10,padding:"44px 24px",textAlign:"center",cursor:"pointer",background:"var(--bg-2)",transition:"all 0.15s"}} onMouseEnter={e=>{e.currentTarget.style.borderColor="var(--accent)";e.currentTarget.style.background="var(--accent-dim)";}} onMouseLeave={e=>{e.currentTarget.style.borderColor="var(--border)";e.currentTarget.style.background="var(--bg-2)";}} >

↑

Upload CSV file

Click to browse · Columns are mapped before import

)} {importStep==="mapping" && importFile && (

{importFile.name}

{importFile.count} rows · Map each column to an app field, or ignore it

{importHeaders.map((h,i)=>( ))}

CSV Column	Map to App Field	Preview (row 1)
{h}		{importAllRows[0]?.[i]\|\|"—"}

Songs missing a Title will be skipped.

)} {importStep==="done" && (

✓ Import complete

{importCount} song{importCount!==1?"s":""} added to your catalog.

)}

{/* Pitching Import */}

Import Outreach Tracker

Import your sync pitching contacts from a Google Sheets CSV export into the Pitching page.

Expected columns: Agency, Campaign, Status, Date Contacted, Notes, Submission Window, Requires Warm Intro

{pitchImportStep==="idle" && (

pitchFileInputRef.current?.click()} style={{border:"2px dashed var(--border)",borderRadius:10,padding:"44px 24px",textAlign:"center",cursor:"pointer",background:"var(--bg-2)",transition:"all 0.15s"}} onMouseEnter={e=>{e.currentTarget.style.borderColor="var(--accent)";e.currentTarget.style.background="var(--accent-dim)";}} onMouseLeave={e=>{e.currentTarget.style.borderColor="var(--border)";e.currentTarget.style.background="var(--bg-2)";}} >

↑

Upload outreach tracker CSV

Contacts matched by agency name · Duplicates skipped automatically

)} {pitchImportStep==="preview" && pitchImportFile && (()=>{ const willCreate = pitchImportRows.filter(r=>!r.skip).length; const willSkip = pitchImportRows.filter(r=>r.skip).length; return (

{pitchImportFile.name}

{willCreate} entr{willCreate===1?"y":"ies"} will be created · {willSkip} row{willSkip!==1?"s":""} skipped

{pitchImportRows.map((r,i)=>( ))}

Agency	Campaign	Status	Result
{r.agency}	{r.campaignRaw\|\|"—"}	{r.status}	{r.skip ? ⚠ {r.skipReason} : ✓ Will create }

Contacts matched by agency name (case-insensitive).

); })()} {pitchImportStep==="done" && pitchImportResults && (

✓ Pitching import complete

{pitchImportResults.created} {pitchImportResults.created===1?"entry":"entries"} created · {pitchImportResults.updated} contact{pitchImportResults.updated!==1?"s":""} updated · {pitchImportResults.skipped} row{pitchImportResults.skipped!==1?"s":""} skipped.

)}

); } // ─── Artists Page ───────────────────────────────────────────────────────────── function ArtistsPage({ songs, search, onSelectArtist }) { const unassigned = songs.filter(s => !s.artist).length; const [selectedGenres, setSelectedGenres] = useState2([]); const [genreMode, setGenreMode] = useState2("OR"); const allGenres = useMemo2(() => { const gs = ARTISTS.flatMap(a => a.genre.split(" / ").map(g => g.trim())); return [...new Set(gs)].sort(); }, []); const toggleGenre = (g) => setSelectedGenres(prev => prev.includes(g) ? prev.filter(x => x !== g) : [...prev, g]); const filtered = useMemo2(() => { let list = ARTISTS; if (search) { const q = search.toLowerCase(); list = list.filter(a => a.name.toLowerCase().includes(q) || a.genre.toLowerCase().includes(q) || (a.description||"").toLowerCase().includes(q) ); } if (selectedGenres.length > 0) { list = list.filter(a => { const ag = a.genre.split(" / ").map(g => g.trim()); return genreMode === "OR" ? selectedGenres.some(g => ag.includes(g)) : selectedGenres.every(g => ag.includes(g)); }); } return list; }, [search, selectedGenres, genreMode]); return (

{[ { label:"Artist Projects", value:ARTISTS.length, accent:"var(--accent)" }, { label:"Songs Assigned", value:songs.filter(s=>s.artist).length, accent:"#059669" }, { label:"Unassigned", value:unassigned, accent:unassigned>0?"#d97706":"#9ca3af" }, ].map((s,i) => (

{s.value}

{s.label}

))}

{allGenres.length > 0 && (

)}

{filtered.map(artist => { const artistSongs = songs.filter(s => s.artist === artist.name); const released = artistSongs.filter(s => s.status === "Released").length; const syncReady = artistSongs.filter(s => s.syncReady).length; const inProgress = artistSongs.filter(s => ["In Progress","Mixing","Demo","Mastered"].includes(s.status)).length; const genres = [...new Set(artistSongs.map(s => s.genre.split("/")[0].trim()))].slice(0,3); return (

onSelectArtist(artist)}>

{artist.name.split(" ").map(n=>n[0]).join("").slice(0,2)}

{artist.active ? "Active" : "Inactive"}

{artist.name}

{artist.genre}

{artist.description && (

{artist.description}

)}

{genres.length > 0 && (

{genres.map(g => {g})}

)} {artistSongs.length > 0 && (

)}

{artistSongs.length} song{artistSongs.length!==1?"s":""} 0?"#059669":"var(--text-3)" }}>{syncReady} sync ready

); })}

e.currentTarget.style.borderColor = "var(--accent)"} onMouseLeave={e => e.currentTarget.style.borderColor = "var(--border)"} >

Add Artist

New project or alias

{unassigned > 0 && (

Unassigned

No artist set

{unassigned} song{unassigned!==1?"s":""} without an artist. Edit each song to assign.

⚠ {unassigned} unassigned

)}

); } // ─── Contacts Page ──────────────────────────────────────────────────────────── const CONTACT_TYPE_COLORS2 = { "Agency":"#7c6fff", "Sub-Publisher":"#22c55e", "Supervisor":"#f59e0b", "Label":"#f472b6" }; function ContactsPage({ contacts, songs, onSelectContact }) { const [filter, setFilter] = useState2("All"); const totalLinked = songs.filter(s => (s.agencyIds||[]).length > 0).length; const filtered = useMemo2(() => { if (filter === "All") return contacts; return contacts.filter(c => c.type === filter); }, [contacts, filter]); const types = ["All", "Agency", "Sub-Publisher", "Supervisor", "Label"]; return (

{[ ["Contacts", contacts.length], ["Songs Pitched", totalLinked], ["Agencies", contacts.filter(c=>c.type==="Agency").length], ["Sub-Publishers", contacts.filter(c=>c.type==="Sub-Publisher").length], ].map(([l,v]) => (

{v}

{l}

))}

{types.map(t => ( ))}

{filtered.length} contacts

{filtered.map(c => { const typeColor = CONTACT_TYPE_COLORS2[c.type] || "var(--text-3)"; const linked = songs.filter(s => (s.agencyIds||[]).includes(c.id)).length; const initials = c.name.split(" ").map(w=>w[0]).join("").slice(0,2).toUpperCase(); return ( onSelectContact(c)} style={{ cursor:"pointer" }}> ); })}

Name	Type	Email	Website	Songs Linked	Notes
{initials} {c.name}	{c.type}	{c.email ? e.stopPropagation()} style={{ color:"var(--accent)", textDecoration:"none" }}>{c.email} : —}	{c.website ? e.stopPropagation()} style={{ color:"var(--accent)", textDecoration:"none" }}>{c.website} : —}	0 ? "var(--text)" : "var(--text-3)" }}> {linked > 0 ? {linked} song{linked!==1?"s":""} : "—"}	{c.notes\|\|"—"}

); } // ─── Profile Page ───────────────────────────────────────────────────────────── function ProfilePage({ user, songs, contacts, darkMode, onToggleDark, drawerCentered, onToggleDrawerCentered, onLogout, onDeleteAllData, profile, onUpdateProfile }) { const { useState, useEffect } = React; const [showDeleteModal, setShowDeleteModal] = useState(false); const [deleteConfirmText, setDeleteConfirmText] = useState(''); const [deleteLoading, setDeleteLoading] = useState(false); const [cwrSenderIdInput, setCwrSenderIdInput] = useState(''); const [cwrSaved, setCwrSaved] = useState(false); useEffect(() => { setCwrSenderIdInput(profile?.cwrSenderId || ''); }, [profile?.cwrSenderId]); const handleDeleteAllData = async () => { setDeleteLoading(true); await onDeleteAllData(); }; const handleSaveCwrSenderId = () => { if (onUpdateProfile) onUpdateProfile({ cwrSenderId: cwrSenderIdInput.trim() }); setCwrSaved(true); setTimeout(() => setCwrSaved(false), 2000); }; const displayName = user?.displayName || user?.email?.split("@")[0] || "User"; const initials = displayName.split(" ").filter(Boolean).map(w => w[0]).join("").toUpperCase().slice(0, 2) || "U"; const joinDate = user?.metadata?.creationTime ? new Date(user.metadata.creationTime).toLocaleDateString("en-AU", { day:"numeric", month:"long", year:"numeric" }) : "—"; const provider = user?.providerData?.[0]?.providerId === "google.com" ? "Google OAuth" : "Email & Password"; const statsData = [ { label:"Total Songs", value:songs.length, accent:"var(--accent)" }, { label:"Sync Ready", value:songs.filter(s => s.syncReady).length, accent:"#059669" }, { label:"Released", value:songs.filter(s => s.status === "Released").length, accent:"#2563eb" }, { label:"Contacts", value:contacts.length, accent:"#d97706" }, ]; return (

{/* ── Profile header ── */}

{user?.photoURL ?

: {initials} }

{displayName}

{user?.email}

Member since {joinDate}

Beta

{/* ── Stats ── */}

{statsData.map((s, i) => (

{s.value}

{s.label}

))}

{/* ── Account details ── */}

Account

Email address {user?.email}

Sign-in method {provider}

Member since {joinDate}

User ID {user?.uid}

{/* ── Subscription ── */}

Subscription

Free — Beta Access

Full access during beta period

Paid plans coming soon — $15 AUD/month · 14-day free trial · card required at signup.

{/* ── Preferences ── */}

Preferences

Appearance

Currently: {darkMode ? "Dark mode" : "Light mode"}

Edit panel layout

Default: {drawerCentered ? "Centered (float)" : "Side panel (right)"}

{/* ── CWR Settings [PUBLISHER] ── */}

CWR Settings PUBLISHER

CWR Sender ID

Your unique sender identifier issued by your PRO or CISAC-registered society. Used in the CWR file header (HDR record).

setCwrSenderIdInput(e.target.value.toUpperCase())} placeholder="e.g. APRA001" maxLength={9} style={{ flex:1, maxWidth:220, padding:"7px 11px", border:"1px solid var(--border)", borderRadius:"var(--r)", fontSize:13, fontFamily:"monospace", background:"var(--bg-2)", color:"var(--text)", outline:"none" }} />

{/* ── Session ── */}

Session

Sign out

Sign out of MMV on this device

{/* ── Danger Zone ── */}

Danger Zone

Delete all data

Permanently remove all songs, artists, collaborators, publishers, contacts, and sync briefs. Cannot be undone.

{/* ── Delete confirmation modal ── */} {showDeleteModal && (

Delete all data

This will permanently delete all your songs, artists, collaborators, publishers, contacts, and sync briefs. Your account will remain active with zero data. This cannot be undone.

Type DELETE to confirm:

setDeleteConfirmText(e.target.value)} placeholder="DELETE" disabled={deleteLoading} style={{ width:"100%", boxSizing:"border-box", padding:"8px 11px", border:"1px solid var(--border)", borderRadius:"var(--r)", fontSize:13, fontFamily:"var(--font)", background:"var(--bg-2)", color:"var(--text)", marginBottom:16, outline:"none" }} autoFocus />

)}

); } // ─── PitchingPage ───────────────────────────────────────────────────────────── const PITCH_STAGES = ["Not Contacted", "Pitched", "Following Up", "In Discussion", "Signed", "Passed", "No Response"]; const PITCH_TERMINAL = ["Signed", "Passed", "No Response"]; function PitchingPage({ campaigns, pitchEntries, contacts, onAddCampaign, onUpdateCampaign, onSelectEntry, onUpdateEntry, onAddEntry }) { const [activeCampaignId, setActiveCampaignId] = useState2(campaigns[0]?.id || null); const [showNewCampaign, setShowNewCampaign] = useState2(false); const [newCampaignName, setNewCampaignName] = useState2(""); const [statusFilter, setStatusFilter] = useState2("All"); const [search, setSearch] = useState2(""); const [openStatusDropId, setOpenStatusDropId] = useState2(null); const [addContactOpen, setAddContactOpen] = useState2(false); const [viewMode, setViewMode] = useState2("table"); const statusDropRef = useRef2(null); // Kanban drag-and-drop for pitch entries const handleKanbanMove = (entryId, { status: newStage }) => { const entry = pitchEntries.find(e => e.id === entryId); if (entry) onUpdateEntry(entry.campaignId, entry.id, { status: newStage }); }; const { dragOverCol: pitchDragOverCol, handleDragStart: pitchDragStart, handleDrop: pitchDrop, handleDragOver: pitchDragOver, handleDragLeave: pitchDragLeave, handleDragEnd: pitchDragEnd } = useKanban(handleKanbanMove); useEffect2(() => { const handler = (e) => { if (statusDropRef.current && !statusDropRef.current.contains(e.target)) { setOpenStatusDropId(null); } }; document.addEventListener("mousedown", handler); return () => document.removeEventListener("mousedown", handler); }, []); // Keep activeCampaignId in sync if campaigns load asynchronously useEffect2(() => { if (!activeCampaignId && campaigns.length > 0) setActiveCampaignId(campaigns[0].id); }, [campaigns, activeCampaignId]); const activeCampaign = campaigns.find(c => c.id === activeCampaignId) || null; const campaignEntries = useMemo2(() => pitchEntries.filter(e => e.campaignId === activeCampaignId) , [pitchEntries, activeCampaignId]); const isOverdue = (e) => { if (!e.followUpDate || e.followUpDone || PITCH_TERMINAL.includes(e.status)) return false; const d = new Date(e.followUpDate); d.setHours(0, 0, 0, 0); const t = new Date(); t.setHours(0, 0, 0, 0); return d < t; }; // Stats for active campaign const stats = useMemo2(() => ({ total: campaignEntries.length, pitched: campaignEntries.filter(e => e.status === "Pitched" || e.status === "Following Up").length, inDiscussion: campaignEntries.filter(e => e.status === "In Discussion").length, signed: campaignEntries.filter(e => e.status === "Signed").length, overdue: campaignEntries.filter(isOverdue).length, }), [campaignEntries]); // Filtered entries const filtered = useMemo2(() => { let list = campaignEntries; if (statusFilter !== "All") list = list.filter(e => e.status === statusFilter); if (search) { const q = search.toLowerCase(); list = list.filter(e => { const name = contacts.find(c => c.id === e.contactId)?.name || ""; return name.toLowerCase().includes(q); }); } return list; }, [campaignEntries, statusFilter, search, contacts]); const handleSaveCampaign = () => { if (!newCampaignName.trim()) return; const newCampaign = { id: String(Date.now()), name: newCampaignName.trim(), pitchTemplate: { subject: "", body: "" }, followUpTemplate: { subject: "", body: "" }, createdAt: Date.now(), }; onAddCampaign(newCampaign); setActiveCampaignId(newCampaign.id); setNewCampaignName(""); setShowNewCampaign(false); }; const handleStatusChange = (entry, newStatus) => { onUpdateEntry(entry.campaignId, entry.id, { status: newStatus }); setOpenStatusDropId(null); }; const selStyle = { fontSize: 12, padding: "4px 8px", borderRadius: 5, border: "1px solid var(--border)", background: "var(--bg-2)", color: "var(--text-2)", outline: "none", cursor: "pointer", fontFamily: "var(--font)", }; return (

{/* ── Campaign tabs ── */}

{campaigns.map(c => ( ))}

{/* ── Stats bar ── */} {activeCampaign && (

{[ { label:"Total", value:stats.total, color:"var(--text-2)", bg:"var(--bg-2)", border:"var(--border)" }, { label:"Pitched", value:stats.pitched, color:"var(--text-2)", bg:"var(--bg-2)", border:"var(--border)" }, { label:"In Discussion",value:stats.inDiscussion, color:"var(--text-2)", bg:"var(--bg-2)", border:"var(--border)" }, { label:"Signed", value:stats.signed, color:"var(--accent-text)",bg:"var(--accent-dim)",border:"var(--accent)" }, { label:"Overdue", value:stats.overdue, color:"#92400e", bg:"#fef3c7", border:"#fcd34d" }, ].map(s => (

{s.value} {s.label}

))}

)} {/* ── Filter row ── */} {activeCampaign && (

{viewMode === "table" && ( )} setSearch(e.target.value)} style={{ ...selStyle, padding:"5px 10px", width:220 }} /> {filtered.length} contact{filtered.length !== 1 ? "s" : ""} {/* View mode toggle */}

{[["table","Table"],["kanban","Kanban"]].map(([mode, label]) => ( ))}

)} {/* ── Contact table ── */} {activeCampaign && viewMode === "table" ? (

{filtered.length === 0 ? ( ) : filtered.map(entry => { const contact = contacts.find(c => c.id === entry.contactId); const name = contact?.name || "Unknown"; const overdueEntry = isOverdue(entry); const initials = name.split(" ").filter(Boolean).map(w => w[0]).join("").slice(0, 2).toUpperCase(); return ( onSelectEntry(entry)} style={{ cursor:"pointer" }}> {/* Agency / Contact */} {/* Inline status dropdown */} {/* Last Pitched */} {/* Follow-Up Date */} {/* Notes snippet */} ); })}

Agency / Contact	Status	Last Pitched	Follow-Up Date	Notes
{campaignEntries.length === 0 ? "No contacts in this campaign yet. Add contacts to get started." : "No contacts match the current filter."}
{initials} {name}	e.stopPropagation()}> {openStatusDropId === entry.id && ( {PITCH_STAGES.map(stage => ( ))} )}	{entry.lastPitchedDate ? new Date(entry.lastPitchedDate).toLocaleDateString("en-AU", { day:"numeric", month:"short", year:"numeric" }) : —}	{entry.followUpDate ? ( {overdueEntry && ⚠} {new Date(entry.followUpDate).toLocaleDateString("en-AU", { day:"numeric", month:"short", year:"numeric" })} ) : —}	{entry.customNote \|\| "—"}

) : activeCampaign && viewMode === "kanban" ? ( /* ── Kanban board ── */

{PITCH_STAGES.map(stage => { const colEntries = filtered.filter(e => e.status === stage); return (

pitchDragOver(e, stage)} onDragLeave={pitchDragLeave} onDrop={e => pitchDrop(e, stage)} >

{stage} {colEntries.length}

{colEntries.map(entry => { const contact = contacts.find(c => c.id === entry.contactId); const name = contact?.name || "Unknown"; const overdueEntry = isOverdue(entry); return (

pitchDragStart(e, entry.id)} onDragEnd={pitchDragEnd} onClick={() => onSelectEntry(entry)} >

{name}

{entry.status || "Not Contacted"}

{entry.customNote && (

{entry.customNote}

)} {entry.followUpDate && (

{overdueEntry && ⚠} {new Date(entry.followUpDate).toLocaleDateString("en-AU", { day:"numeric", month:"short", year:"numeric" })}

)}

); })} {colEntries.length === 0 && (

{pitchDragOverCol === stage ? "Drop here" : "Empty"}

)}

); })}

) : (

No campaigns yet. Create one to get started.

)} {/* ── Add Contact modal ── */} {addContactOpen && activeCampaign && ( e.campaignId === activeCampaignId)} campaignId={activeCampaignId} onAdd={onAddEntry} onClose={() => setAddContactOpen(false)} /> )} {/* ── New Campaign modal ── */} {showNewCampaign && ( <>

setShowNewCampaign(false)} />

New Campaign

Campaign Name

setNewCampaignName(e.target.value)} onKeyDown={e => { if (e.key === "Enter") handleSaveCampaign(); if (e.key === "Escape") setShowNewCampaign(false); }} placeholder="e.g. Summer 2026 Pitch" autoFocus style={{ width:"100%", padding:"8px 11px", border:"1px solid var(--border)", borderRadius:"var(--r)", background:"var(--bg-2)", color:"var(--text)", fontSize:13, outline:"none", fontFamily:"var(--font)", marginBottom:20, boxSizing:"border-box" }} />

)}

); } Object.assign(window, { Dashboard, SongsPage, SplitsPage, CollaboratorsPage, PublishersPage, AnalyticsPage, SyncPage, PitchingPage, ReleasesPage, ArtistsPage, ImportExportPage, ContactsPage, ProfilePage });