// imprint-hierarchy.jsx — Publisher imprint hierarchy explorer. // Renders the publisher catalog as a centerpiece tree (with list-view tweak), // node cards with metadata, side detail panel, filters, and re-parent / add / archive actions. (function () { const { useMemo, useState, useEffect, useRef } = React; // ── seed: extend window.PUBLISHERS to a richer hierarchy ─────────── function ensureSeed() { const base = window.PUBLISHERS || []; if (window.__IMPRINT_TREE_SEEDED) return base; // Extra nodes to round out 25-imprint catalog with realistic depth const extras = [ { id: 'pb_g1', name: 'Pluralis Music Group', pro: 'ASCAP', territory: 'Worldwide', works: 4820, parent: '—', parentPub: null, administrator: 'Self', cae: '00210034801', submitterCode: 'PMG', since: '2002', tier: 'group', adminPct: 100, status: 'active', revenue: 18.4, dealStart: '2002-01-01', dealEnd: null }, { id: 'pb_g2', name: 'Sony Music Publishing', pro: 'ASCAP', territory: 'Worldwide', works: 4_900_000, parent: '—', parentPub: null, administrator: 'Self', cae: '00012410012', submitterCode: 'SNY', since: '1995', tier: 'group', adminPct: 100, status: 'active', revenue: 1480.0, dealStart: '1995-01-01', dealEnd: null }, { id: 'pb_g3', name: 'Concord Music', pro: 'BMI', territory: 'Worldwide', works: 1_200_000, parent: '—', parentPub: null, administrator: 'Self', cae: '00041220078', submitterCode: 'CCD', since: '1973', tier: 'group', adminPct: 100, status: 'active', revenue: 720.0, dealStart: '1973-01-01', dealEnd: null }, { id: 'pb_g4', name: 'Domino Publ.', pro: 'PRS', territory: 'Worldwide', works: 88_000, parent: '—', parentPub: null, administrator: 'Self', cae: '00088002201', submitterCode: 'DOM', since: '1993', tier: 'group', adminPct: 100, status: 'active', revenue: 42.1, dealStart: '1993-01-01', dealEnd: null }, { id: 'pb_g5', name: 'Beggars Music', pro: 'PRS', territory: 'Worldwide', works: 56_400, parent: '—', parentPub: null, administrator: 'Self', cae: '00056140111', submitterCode: 'BGR', since: '1977', tier: 'group', adminPct: 100, status: 'active', revenue: 31.7, dealStart: '1977-01-01', dealEnd: null }, { id: 'pb_g6', name: 'Kobalt', pro: 'PRS', territory: 'Worldwide', works: 1_300_000, parent: '—', parentPub: null, administrator: 'Self', cae: '00130012244', submitterCode: 'KBT', since: '2000', tier: 'group', adminPct: 100, status: 'active', revenue: 530.0, dealStart: '2000-01-01', dealEnd: null }, // Sony sub-imprints { id: 'pb_s1', name: 'EMI Music Publishing', pro: 'ASCAP', territory: 'Worldwide', works: 1_400_000, parent: 'Sony Music Publishing', parentPub: 'Sony Music Publishing', administrator: 'Sony Music Publishing', cae: '00140012044', submitterCode: 'EMI', since: '2018', tier: 'imprint', adminPct: 100, status: 'active', revenue: 220.0, dealStart: '2018-04-01', dealEnd: null }, { id: 'pb_s2', name: 'Stage Three Music', pro: 'PRS', territory: 'GB · EU', works: 22_000, parent: 'EMI Music Publishing', parentPub: 'EMI Music Publishing', administrator: 'Sony Music Publishing', cae: '00220012088', submitterCode: 'ST3', since: '2003', tier: 'sub', adminPct: 75, status: 'active', revenue: 8.9, dealStart: '2003-01-01', dealEnd: null }, { id: 'pb_s3', name: 'Famous Music', pro: 'BMI', territory: 'Worldwide', works: 125_000, parent: 'Sony Music Publishing', parentPub: 'Sony Music Publishing', administrator: 'Sony Music Publishing', cae: '00125014411', submitterCode: 'FAM', since: '2007', tier: 'imprint', adminPct: 100, status: 'active', revenue: 28.4, dealStart: '2007-06-01', dealEnd: null }, // Concord sub-imprints { id: 'pb_c1', name: 'Pulse Music Publishing', pro: 'ASCAP', territory: 'Worldwide', works: 18_500, parent: 'Concord Music', parentPub: 'Concord Music', administrator: 'Concord Music', cae: '00018510041', submitterCode: 'PLS', since: '2010', tier: 'imprint', adminPct: 100, status: 'active', revenue: 7.2, dealStart: '2010-01-01', dealEnd: null }, { id: 'pb_c2', name: 'Rodgers & Hammerstein', pro: 'ASCAP', territory: 'Worldwide', works: 920, parent: 'Concord Music', parentPub: 'Concord Music', administrator: 'Concord Music', cae: '00000920012', submitterCode: 'RNH', since: '2017', tier: 'imprint', adminPct: 100, status: 'active', revenue: 3.4, dealStart: '2017-09-01', dealEnd: null }, // Pluralis sub-imprints { id: 'pb_p1', name: 'Pluralis Sync', pro: 'ASCAP', territory: 'US · CA', works: 1240, parent: 'Pluralis Music Group', parentPub: 'Pluralis Music Group', administrator: 'Self', cae: '00001240088', submitterCode: 'PSY', since: '2014', tier: 'imprint', adminPct: 100, status: 'active', revenue: 4.1, dealStart: '2014-03-01', dealEnd: null }, { id: 'pb_p2', name: 'Pluralis JP', pro: 'JASRAC',territory: 'JP', works: 220, parent: 'Pluralis Music Group', parentPub: 'Pluralis Music Group', administrator: 'Self', cae: '00000220011', submitterCode: 'PJP', since: '2019', tier: 'imprint', adminPct: 100, status: 'active', revenue: 0.62, dealStart: '2019-01-01', dealEnd: null }, { id: 'pb_p3', name: 'Pluralis EU', pro: 'GEMA', territory: 'EU', works: 410, parent: 'Pluralis Music Group', parentPub: 'Pluralis Music Group', administrator: 'Self', cae: '00000410022', submitterCode: 'PEU', since: '2016', tier: 'imprint', adminPct: 100, status: 'active', revenue: 1.41, dealStart: '2016-04-01', dealEnd: null }, { id: 'pb_p4', name: 'Pluralis Latin', pro: 'SACM', territory: 'LATAM', works: 180, parent: 'Pluralis Music Group', parentPub: 'Pluralis Music Group', administrator: 'Self', cae: '00000180044', submitterCode: 'PLA', since: '2021', tier: 'imprint', adminPct: 100, status: 'active', revenue: 0.21, dealStart: '2021-06-01', dealEnd: null }, // Domino sub { id: 'pb_d1', name: 'Domino Publishing US', pro: 'BMI', territory: 'US', works: 8200, parent: 'Domino Publ.', parentPub: 'Domino Publ.', administrator: 'Domino Publ.', cae: '00008200044', submitterCode: 'DPU', since: '2008', tier: 'imprint', adminPct: 100, status: 'active', revenue: 3.8, dealStart: '2008-06-01', dealEnd: null }, // Wixen { id: 'pb_w1', name: 'Wixen Music', pro: 'BMI', territory: 'Worldwide', works: 50_000, parent: '—', parentPub: null, administrator: 'Self', cae: '00050001244', submitterCode: 'WXM', since: '1978', tier: 'group', adminPct: 100, status: 'active', revenue: 24.0, dealStart: '1978-01-01', dealEnd: null }, // Some dormant / terminated examples { id: 'pb_t1', name: 'Saint Songs Old Cat', pro: 'BMI', territory: 'Worldwide', works: 14, parent: 'Saint Music', parentPub: 'Saint Music', administrator: 'Sony Music Publishing', cae: '00000014022', submitterCode: 'SSO', since: '2009', tier: 'sub', adminPct: 50, status: 'terminated', revenue: 0.04, dealStart: '2009-03-01', dealEnd: '2021-09-30' }, { id: 'pb_t2', name: 'Helado Sub-Latin', pro: 'SACM', territory: 'LATAM', works: 22, parent: 'Helado Pub', parentPub: 'Helado Pub', administrator: 'Beggars Music', cae: '00000022011', submitterCode: 'HSL', since: '2020', tier: 'sub', adminPct: 60, status: 'dormant', revenue: 0.08, dealStart: '2020-01-01', dealEnd: null }, ]; // Patch existing 8 to add tier/status/adminPct/revenue and link orphans to groups const patches = { pb_01: { tier: 'imprint', status: 'active', adminPct: 100, revenue: 6.2, dealStart: '2018-01-01', dealEnd: null }, pb_02: { tier: 'imprint', status: 'active', adminPct: 100, revenue: 4.4, dealStart: '2014-06-01', dealEnd: null }, pb_03: { tier: 'imprint', status: 'active', adminPct: 100, revenue: 1.8, dealStart: '2020-08-01', dealEnd: null, parent: 'Kobalt', parentPub: 'Kobalt' }, pb_04: { tier: 'imprint', status: 'active', adminPct: 100, revenue: 0.41, dealStart: '2017-04-01', dealEnd: null }, pb_05: { tier: 'imprint', status: 'active', adminPct: 100, revenue: 1.22, dealStart: '2016-02-01', dealEnd: null }, pb_06: { tier: 'imprint', status: 'active', adminPct: 100, revenue: 2.6, dealStart: '2019-11-01', dealEnd: null, parent: 'Wixen Music', parentPub: 'Wixen Music' }, pb_07: { tier: 'imprint', status: 'dormant',adminPct: 100, revenue: 0.18, dealStart: '2015-05-01', dealEnd: null, parent: 'Wixen Music', parentPub: 'Wixen Music' }, pb_08: { tier: 'imprint', status: 'active', adminPct: 100, revenue: 0.94, dealStart: '2018-07-01', dealEnd: null }, }; base.forEach(p => Object.assign(p, patches[p.id] || {})); // Append extras (avoid duplicates) const ids = new Set(base.map(p => p.id)); extras.forEach(e => { if (!ids.has(e.id)) base.push(e); }); window.PUBLISHERS = base; window.__PUBLISHERS = base; window.__IMPRINT_TREE_SEEDED = true; return base; } // ── tree builders ────────────────────────────────────────────────── function buildTree(nodes) { const byName = new Map(nodes.map(n => [n.name, n])); const children = new Map(); const roots = []; nodes.forEach(n => children.set(n.id, [])); nodes.forEach(n => { const parent = n.parent && n.parent !== '—' ? byName.get(n.parent) : null; if (parent) children.get(parent.id).push(n); else roots.push(n); }); // sort siblings by works desc children.forEach(arr => arr.sort((a, b) => (b.works || 0) - (a.works || 0))); roots.sort((a, b) => (b.works || 0) - (a.works || 0)); return { roots, children }; } function descendants(tree, id, acc = new Set()) { const kids = tree.children.get(id) || []; kids.forEach(k => { acc.add(k.id); descendants(tree, k.id, acc); }); return acc; } // ── ASTRO design tokens (match other screens) ────────────────────── const Pill = ({ tone, dot, children }) => { const c = tone === 'ok' ? 'oklch(0.55 0.16 145)' : tone === 'err' ? 'oklch(0.55 0.18 25)' : tone === 'warn' ? 'oklch(0.55 0.16 75)' : tone === 'accent' ? 'oklch(0.55 0.16 230)' : 'var(--ink-3)'; return ( {dot && } {children} ); }; const num = (v, dp = 2) => Number(v || 0).toFixed(dp); const fmtWorks = (n) => n >= 1e6 ? (n / 1e6).toFixed(1) + 'M' : n >= 1e3 ? (n / 1e3).toFixed(1) + 'k' : String(n); const fmtRev = (m) => m >= 1000 ? '$' + (m / 1000).toFixed(2) + 'B' : m >= 1 ? '$' + m.toFixed(1) + 'M' : '$' + (m * 1000).toFixed(0) + 'K'; // color-by-mode hashing function colorFor(node, mode) { if (mode === 'status') { return node.status === 'active' ? 'oklch(0.55 0.16 145)' : node.status === 'dormant' ? 'oklch(0.55 0.16 75)' : node.status === 'terminated' ? 'oklch(0.55 0.18 25)' : 'var(--ink-3)'; } if (mode === 'territory') { const map = { 'Worldwide': 'oklch(0.55 0.16 230)', 'US': 'oklch(0.6 0.15 25)', 'US · CA': 'oklch(0.6 0.15 30)', 'GB · EU': 'oklch(0.55 0.15 280)', 'EU': 'oklch(0.55 0.15 280)', 'JP': 'oklch(0.6 0.16 360)', 'LATAM': 'oklch(0.6 0.16 60)', 'Worldwide ex. JP': 'oklch(0.55 0.16 200)' }; return map[node.territory] || 'var(--ink-3)'; } if (mode === 'pro') { const map = { 'ASCAP': 'oklch(0.5 0.18 240)', 'BMI': 'oklch(0.55 0.16 25)', 'PRS': 'oklch(0.55 0.15 280)', 'GEMA': 'oklch(0.5 0.18 30)', 'JASRAC': 'oklch(0.5 0.18 360)', 'SACM': 'oklch(0.55 0.16 100)' }; return map[node.pro] || 'var(--ink-3)'; } if (mode === 'revenue') { const r = node.revenue || 0; return r >= 100 ? 'oklch(0.55 0.16 145)' : r >= 10 ? 'oklch(0.6 0.13 130)' : r >= 1 ? 'oklch(0.65 0.1 100)' : 'oklch(0.7 0.06 80)'; } return 'var(--ink-3)'; } // ── tweaks panel state ──────────────────────────────────────────── const DEFAULTS = /*EDITMODE-BEGIN*/{ "view": "tree", "colorBy": "status", "density": "comfortable", "showCounts": true, "showAdminPct": true, "rootOnly": false }/*EDITMODE-END*/; function useTweaks(initial) { const [t, setT] = useState(initial); function set(patch) { const next = { ...t, ...patch }; setT(next); window.parent.postMessage({ type: '__edit_mode_set_keys', edits: patch }, '*'); } return [t, set]; } // ── filter UI atoms ─────────────────────────────────────────────── const FilterBtn = ({ active, onClick, children }) => ( ); // ── tree-view node row ──────────────────────────────────────────── function TreeNode({ node, tree, depth, expanded, setExpanded, selected, setSelected, t, search, drag, setDrag, dropTarget, setDropTarget, onMove }) { const kids = tree.children.get(node.id) || []; const isOpen = expanded.has(node.id); const isSelected = selected === node.id; const matches = !search || node.name.toLowerCase().includes(search.toLowerCase()) || (node.aliases || '').toLowerCase().includes(search.toLowerCase()); const dim = !matches && search; const c = colorFor(node, t.colorBy); const isDropTarget = dropTarget === node.id && drag && drag !== node.id; function handleDragStart(e) { e.dataTransfer.setData('text/plain', node.id); e.dataTransfer.effectAllowed = 'move'; setDrag(node.id); } function handleDragOver(e) { if (drag && drag !== node.id) { e.preventDefault(); e.dataTransfer.dropEffect = 'move'; setDropTarget(node.id); } } function handleDragLeave() { if (dropTarget === node.id) setDropTarget(null); } function handleDrop(e) { e.preventDefault(); const sourceId = e.dataTransfer.getData('text/plain') || drag; if (sourceId && sourceId !== node.id) onMove(sourceId, node.id); setDrag(null); setDropTarget(null); } const padY = t.density === 'compact' ? 6 : t.density === 'spacious' ? 16 : 11; return ( <>
setSelected(node.id)} style={{ display: 'grid', gridTemplateColumns: `${depth * 26 + 18}px 18px 1fr auto auto auto`, gap: 0, alignItems: 'center', padding: `${padY}px 14px ${padY}px 8px`, borderTop: '1px solid var(--rule-soft)', background: isSelected ? 'var(--bg-2)' : isDropTarget ? 'oklch(0.95 0.04 145)' : 'transparent', cursor: 'pointer', opacity: dim ? 0.35 : 1, transition: 'background 80ms', }} onMouseEnter={e => { if (!isSelected) e.currentTarget.style.background = 'var(--bg-2)'; }} onMouseLeave={e => { if (!isSelected && !isDropTarget) e.currentTarget.style.background = 'transparent'; }} > {/* indent + connector lines */}
{Array.from({ length: depth }).map((_, i) => (
))} {depth > 0 &&
}
{/* expand caret */} {kids.length > 0 ? ( ) : } {/* name + meta */}
{node.name} {node.tier === 'group' && GROUP}
{node.pro} · {node.territory} · IPI {node.cae} {node.administrator && node.administrator !== 'Self' && · admin {node.administrator}}
{/* counts */} {t.showCounts && (
{fmtWorks(node.works || 0)} works
)} {/* admin pct */} {t.showAdminPct && (
{node.adminPct || 100}%
)} {/* status pill */}
{node.status || 'active'}
{/* children */} {isOpen && kids.map(k => ( ))} ); } // ── side detail panel ───────────────────────────────────────────── function DetailPanel({ node, tree, allNodes, onClose, onAddChild, onArchive, onMove, go }) { if (!node) return (
NO IMPRINT SELECTED
Click any imprint in the tree to inspect its detail. Drag rows onto each other to re-parent.
); const kids = tree.children.get(node.id) || []; const desc = descendants(tree, node.id); const totalSubWorks = [...desc].reduce((s, id) => s + ((allNodes.find(n => n.id === id)?.works) || 0), 0); const totalSubRev = [...desc].reduce((s, id) => s + ((allNodes.find(n => n.id === id)?.revenue) || 0), 0); return (
IMPRINT · {node.id}

{node.name}

{node.aliases &&
aka {node.aliases}
}
{node.status} {node.tier && {node.tier}} {node.pro} {node.territory}
{/* metric grid */}
{/* deal terms */}
DEAL TERMS
SINCE{node.since || '—'} START{node.dealStart || '—'} END{node.dealEnd || 'open'} ADMIN{node.administrator || 'Self'} SUBMITTER{node.submitterCode || '—'} IPI{node.cae || '—'}
{/* parent */}
PARENT
{/* children list */} {kids.length > 0 && ( <>
CHILDREN · {kids.length}
{kids.map((k, i) => (
{k.name} {fmtWorks(k.works || 0)}
))}
)} {/* actions */}
); } function Stat({ label, value, sub }) { return (
{label}
{value}
{sub &&
{sub}
}
); } const btnGhost = { padding: '6px 11px', fontSize: 10, letterSpacing: '.08em', background: 'transparent', color: 'var(--ink)', border: '1px solid var(--rule)', cursor: 'pointer', }; // ── add-child modal ─────────────────────────────────────────────── function AddChildModal({ parentId, allNodes, onCancel, onCreate }) { const parent = allNodes.find(n => n.id === parentId); const [name, setName] = useState(''); const [pro, setPro] = useState('ASCAP'); const [territory, setTerritory] = useState('Worldwide'); const [adminPct, setAdminPct] = useState(100); if (!parent) return null; return (
e.stopPropagation()} style={{ background: 'var(--bg)', width: 'min(440px, 92vw)', border: '1px solid var(--rule)' }}>
ADD CHILD IMPRINT
Parent: {parent.name}
setName(e.target.value)} placeholder="e.g. New Imprint" style={inp} />
setAdminPct(+e.target.value)} style={inp} />
); } function Field({ label, children }) { return ( ); } const inp = { width: '100%', padding: '6px 8px', fontSize: 12, background: 'var(--bg)', color: 'var(--ink)', border: '1px solid var(--rule-soft)', fontFamily: 'inherit' }; // ── tweaks panel ────────────────────────────────────────────────── function TweaksPanel({ t, set, onClose }) { return (
TWEAKS
{['tree', 'list', 'compact-list'].map(v => ( set({ view: v })}>{v} ))} {['status', 'territory', 'pro', 'revenue'].map(v => ( set({ colorBy: v })}>{v} ))} {['compact', 'comfortable', 'spacious'].map(v => ( set({ density: v })}>{v.slice(0, 4)} ))}
); } function Tweak({ label, children }) { return (
{label &&
{label}
}
{children}
); } // ── main screen ─────────────────────────────────────────────────── function ScreenImprintHierarchy({ go }) { const all = useMemo(() => ensureSeed(), []); const [, force] = useState(0); const refresh = () => force(x => x + 1); const [search, setSearch] = useState(''); const [filterPro, setFilterPro] = useState('all'); const [filterStatus, setFilterStatus] = useState('all'); const [filterTerritory, setFilterTerritory] = useState('all'); const [selected, setSelected] = useState(null); const [expanded, setExpanded] = useState(() => new Set(all.filter(n => n.tier === 'group' || !n.parent || n.parent === '—').map(n => n.id))); const [drag, setDrag] = useState(null); const [dropTarget, setDropTarget] = useState(null); const [addUnder, setAddUnder] = useState(null); const [tweaksOpen, setTweaksOpen] = useState(false); const [t, setT] = useTweaks(DEFAULTS); // edit mode coupling useEffect(() => { const onMsg = (e) => { if (e.data?.type === '__activate_edit_mode') setTweaksOpen(true); if (e.data?.type === '__deactivate_edit_mode') setTweaksOpen(false); }; window.addEventListener('message', onMsg); window.parent.postMessage({ type: '__edit_mode_available' }, '*'); return () => window.removeEventListener('message', onMsg); }, []); // collapse-all override useEffect(() => { if (t.rootOnly) setExpanded(new Set()); }, [t.rootOnly]); // filter the visible set const filtered = useMemo(() => all.filter(n => { if (filterPro !== 'all' && n.pro !== filterPro) return false; if (filterStatus !== 'all' && (n.status || 'active') !== filterStatus) return false; if (filterTerritory !== 'all' && n.territory !== filterTerritory) return false; return true; }), [all, filterPro, filterStatus, filterTerritory]); // when filter is on, expand ancestors of any match so they're visible useEffect(() => { if (filterPro === 'all' && filterStatus === 'all' && filterTerritory === 'all') return; const tree = buildTree(all); const byName = new Map(all.map(n => [n.name, n])); const need = new Set(); filtered.forEach(n => { let cur = n; while (cur && cur.parent && cur.parent !== '—') { const p = byName.get(cur.parent); if (!p) break; need.add(p.id); cur = p; } }); setExpanded(prev => new Set([...prev, ...need])); }, [filterPro, filterStatus, filterTerritory]); const tree = useMemo(() => buildTree(all), [all]); const treeFiltered = useMemo(() => buildTree(filtered), [filtered]); const counts = useMemo(() => { const by = (k, fn = n => n[k]) => { const m = new Map(); all.forEach(n => { const v = fn(n) || '—'; m.set(v, (m.get(v) || 0) + 1); }); return m; }; return { total: all.length, active: all.filter(n => (n.status || 'active') === 'active').length, groups: all.filter(n => n.tier === 'group').length, works: all.reduce((s, n) => s + (n.works || 0), 0), revenue: all.reduce((s, n) => s + (n.revenue || 0), 0), pros: by('pro'), territories: by('territory'), statuses: by('status'), }; }, [all]); function moveNode(id, parentId) { const node = all.find(n => n.id === id); if (!node) return; // prevent cycles if (parentId) { const desc = descendants(buildTree(all), id); if (desc.has(parentId) || id === parentId) { window.toast && window.toast('Cannot move into self or descendant', 'soft'); return; } } if (parentId) { const p = all.find(n => n.id === parentId); node.parent = p.name; node.parentPub = p.name; } else { node.parent = '—'; node.parentPub = null; } window.toast && window.toast(`Moved ${node.name}`, 'soft'); refresh(); } function addChild({ name, pro, territory, adminPct, parentId }) { const p = all.find(n => n.id === parentId); const id = 'pb_' + Math.random().toString(36).slice(2, 8); all.push({ id, name, pro, territory, adminPct, parent: p ? p.name : '—', parentPub: p ? p.name : null, works: 0, cae: '—', submitterCode: name.slice(0, 3).toUpperCase(), since: new Date().getFullYear() + '', administrator: 'Self', tier: 'sub', status: 'active', revenue: 0, dealStart: new Date().toISOString().slice(0, 10), dealEnd: null, }); window.toast && window.toast(`Created ${name}`, 'soft'); setAddUnder(null); const next = new Set(expanded); next.add(parentId); setExpanded(next); setSelected(id); refresh(); } function archive(id) { const n = all.find(x => x.id === id); if (!n) return; n.status = n.status === 'terminated' ? 'active' : 'terminated'; window.toast && window.toast(`${n.name} → ${n.status}`, 'soft'); refresh(); } function exportCsv() { const rows = [['id', 'name', 'parent', 'pro', 'territory', 'works', 'revenueM', 'status', 'adminPct', 'tier', 'cae', 'submitterCode', 'dealStart', 'dealEnd']]; all.forEach(n => rows.push([n.id, n.name, n.parent || '', n.pro, n.territory, n.works || 0, n.revenue || 0, n.status || 'active', n.adminPct || 100, n.tier || '', n.cae || '', n.submitterCode || '', n.dealStart || '', n.dealEnd || ''])); const csv = rows.map(r => r.map(c => `"${String(c).replace(/"/g, '""')}"`).join(',')).join('\n'); const blob = new Blob([csv], { type: 'text/csv' }); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = 'imprint-hierarchy.csv'; a.click(); setTimeout(() => URL.revokeObjectURL(url), 1000); } function expandAll() { setExpanded(new Set(all.map(n => n.id))); } function collapseAll() { setExpanded(new Set()); } const proOpts = ['all', ...new Set(all.map(n => n.pro))]; const statusOpts = ['all', 'active', 'dormant', 'terminated']; const terrOpts = ['all', ...new Set(all.map(n => n.territory))]; return (
{/* hero */}
CATALOG · STRUCTURE

Imprint hierarchy

The full publisher tree across the catalog. Drag any imprint onto another to re-parent. Click a node to inspect; use filters and the tweaks panel to slice.
{/* stats strip */}
{/* filter bar */}
setSearch(e.target.value)} placeholder="Search by name or alias…" style={{ flex: '0 1 280px', padding: '7px 10px', fontSize: 12, background: 'var(--bg)', color: 'var(--ink)', border: '1px solid var(--rule)' }} /> {proOpts.map(p => setFilterPro(p)}>{p})} {statusOpts.map(s => setFilterStatus(s)}>{s})} {terrOpts.slice(0, 6).map(t => setFilterTerritory(t)}>{t})}
{/* main split */}
{/* tree headers */}
IMPRINT {t.showCounts && WORKS} {t.showAdminPct && ADMIN%} STATUS
{/* render either tree or flat list */} {t.view === 'tree' ? ( <> {treeFiltered.roots.map(r => ( ))} {treeFiltered.roots.length === 0 &&
No imprints match the current filters.
} ) : ( )}
{/* detail panel */}
n.id === selected) : null} tree={tree} allNodes={all} onClose={() => setSelected(null)} onAddChild={(id) => setAddUnder(id)} onArchive={archive} onMove={moveNode} go={go} />
{addUnder && setAddUnder(null)} onCreate={addChild} />} {tweaksOpen && { setTweaksOpen(false); window.parent.postMessage({ type: '__edit_mode_dismissed' }, '*'); }} />}
); } function FlatList({ nodes, t, search, selected, setSelected, colorFor }) { const sorted = [...nodes] .filter(n => !search || n.name.toLowerCase().includes(search.toLowerCase()) || (n.aliases || '').toLowerCase().includes(search.toLowerCase())) .sort((a, b) => (b.works || 0) - (a.works || 0)); const padY = t.density === 'compact' ? 6 : t.density === 'spacious' ? 16 : 11; return ( <> {sorted.map(n => { const isSelected = selected === n.id; return (
setSelected(n.id)} style={{ display: 'grid', gridTemplateColumns: '1fr auto auto auto', gap: 0, alignItems: 'center', padding: `${padY}px 14px`, borderTop: '1px solid var(--rule-soft)', background: isSelected ? 'var(--bg-2)' : 'transparent', cursor: 'pointer', }} onMouseEnter={e => { if (!isSelected) e.currentTarget.style.background = 'var(--bg-2)'; }} onMouseLeave={e => { if (!isSelected) e.currentTarget.style.background = 'transparent'; }}>
{n.name}
{n.parent && n.parent !== '—' ? `↳ ${n.parent}` : '— top-level'} · {n.pro} · {n.territory}
{fmtWorks(n.works || 0)} {n.adminPct || 100}%
{n.status || 'active'}
); })} ); } function FilterGroup({ label, children }) { return (
{label}
{children}
); } // ── exports Object.assign(window, { ScreenImprintHierarchy, }); })();