{options.map((o) => {
const k = typeof o === 'string' ? o : o.k;
const l = typeof o === 'string' ? o : o.l || o.k;
const active = value === k;
return (
);
})}
);
}
// ── Multi-artist field — array of {name, aid, role: 'primary'|'featured'|'remixer'} ──
// Releases routinely credit several artists (Beyoncé & Jay-Z; DJ Khaled feat.
// Drake & Lil Baby). DDEX ERN distinguishes between MainArtist, FeaturedArtist,
// and Remixer contributor — we capture all three. Roles come from
// ref.artist_roles via window.refArtistRoles().
function _ArArtistsField({ value, onChange, autoFocus = false }) {
const list = Array.isArray(value) && value.length ? value : [{ name: '', aid: null, role: 'primary', creditedAs: '' }];
const update = (i, patch) => onChange(list.map((r, k) => k === i ? { ...r, ...patch } : r));
const remove = (i) => onChange(list.filter((_, k) => k !== i).length ? list.filter((_, k) => k !== i) : [{ name: '', aid: null, role: 'primary', creditedAs: '' }]);
const add = (role = 'primary') => onChange(list.concat({ name: '', aid: null, role, creditedAs: '' }));
const roles = (window.refArtistRoles ? window.refArtistRoles() : [
{ v: 'primary', l: 'Primary Artist' },
{ v: 'featured', l: 'Featured Artist' },
{ v: 'remixer', l: 'Remixer' },
]);
return (
);
}
// Render an artists[] array as a credit string for headers / cards.
// PRIMARY rows → joined with " & " (Beyoncé & Jay-Z)
// FEATURED rows → " feat. A, B" (Solange feat. Lil Wayne)
// REMIXER rows → " (A Remix)" (Solange — Cranes In The Sky (Maceo Plex Remix))
function _arCreditLine(artists) {
if (!Array.isArray(artists)) return artists || '';
const filled = artists.filter((a) => a && a.name);
if (!filled.length) return '';
// Use the per-release `creditedAs` override when present; fall back to the canonical artist name.
const display = (a) => (a.creditedAs && String(a.creditedAs).trim()) || a.name;
const primaries = filled.filter((a) => a.role === 'primary');
const feats = filled.filter((a) => a.role === 'featured');
const remixers = filled.filter((a) => a.role === 'remixer');
let s = '';
if (primaries.length) {
s = primaries.map(display).join(' & ');
} else {
s = display(filled[0]);
}
if (feats.length) s += ' feat. ' + feats.map(display).join(', ');
if (remixers.length) {
s += ' (' + remixers.map(display).join(' & ') + (remixers.length === 1 ? ' Remix)' : ' Remixes)');
}
return s;
}
// ── Tracklist row (sortable + linked to a real recording id) ───
//
// MusicBrainz model: a `track` is the appearance of a `recording` on a
// release/edition. The recording is the master (one canonical ISRC, title,
// duration, artists). The track row may override any of:
// - track.trackTitle (string; null = use recording.title)
// - track.durationOverride (seconds; null = use recording.duration)
// - track.isrcs[] ([{isrc, primary}]; first/primary used in UI;
// if empty, fall back to recording.isrc)
// - track.artistOverrides[] ([{aid, role, displayNameOverride}];
// each override targets one of the recording's
// performers by aid + role and renames it for
// *this* track only — `display_name_override`
// in the schema)
//
// When any of those override fields is present and non-empty, render an "OVR"
// chip on the row. Click the ✎ (edit) button to expand the inline editor.
// Has any override been applied to this track?
function _arTrackHasOverrides(t) {
if (!t) return false;
if (t.trackTitle && String(t.trackTitle).trim()) return true;
if (typeof t.durationOverride === 'number' && t.durationOverride > 0) return true;
if (Array.isArray(t.isrcs) && t.isrcs.some((x) => x && x.isrc && String(x.isrc).trim())) return true;
if (Array.isArray(t.artistOverrides) && t.artistOverrides.some((x) =>
x && (
(x.displayNameOverride && String(x.displayNameOverride).trim()) ||
// an artist-only-on-this-track row counts as an override too
(x.role && x.aid && x._extra)
)
)) return true;
return false;
}
function _ArTrackRow({ track, idx, onRemove, onMoveUp, onMoveDown, onTogglePromo, onUpdate, isFirst, isLast }) {
const [open, setOpen] = useArS(false);
const REC = (window.REC_BY_ID || {})[track.recId] || {};
// Title / duration / ISRC: prefer override, else recording.
const title = (track.trackTitle && String(track.trackTitle).trim()) || track.title || REC.title || '(missing)';
const dur = (typeof track.durationOverride === 'number' && track.durationOverride > 0)
? track.durationOverride
: (track.duration || REC.duration || 0);
const isrcRow = Array.isArray(track.isrcs) ? track.isrcs.find((x) => x && x.primary) || track.isrcs[0] : null;
const isrc = (isrcRow && isrcRow.isrc) || track.isrc || REC.isrc || '';
// Credit string: use the recording's artist as base, and apply any per-track
// displayNameOverrides. We don't have full artist-credit objects in seed
// data yet, so this falls back to the recording's `artist` string and tags
// any extra-only override rows on the end.
const artistBase = track.artist || REC.artist || '';
const overrides = Array.isArray(track.artistOverrides) ? track.artistOverrides : [];
let artist = artistBase;
// If an override targets the primary artist's name, apply it.
// Heuristic: an override with role 'primary' and no aid/extra acts as a
// bulk replacement of the primary credit string.
const primaryOverride = overrides.find((o) => o && o.role === 'primary' && o.displayNameOverride);
if (primaryOverride) artist = primaryOverride.displayNameOverride;
// Append any extra featured/remixer overrides not already on the recording.
const extras = overrides.filter((o) => o && o._extra && (o.displayNameOverride || '').trim());
if (extras.length) {
const feats = extras.filter((o) => o.role === 'featured').map((o) => o.displayNameOverride.trim());
const remixers = extras.filter((o) => o.role === 'remixer').map((o) => o.displayNameOverride.trim());
if (feats.length && !/feat\.|featuring/i.test(artist)) {
artist += ' feat. ' + feats.join(', ');
}
if (remixers.length) {
artist += ' (' + remixers.join(' & ') + (remixers.length === 1 ? ' Remix)' : ' Remixes)');
}
}
const hasOvr = _arTrackHasOverrides(track);
return (
Search by UPC, title or artist. We check your own catalog first to avoid
duplicates, then DSPs and external metadata sources. Pick a match to prefill identifiers,
copy lines, dates, and artwork — you can review and edit each step.
<_ArLbl>Release title
<_ArInp value={form.searchTitle} onChange={(v) => set({ searchTitle: v })} placeholder="A Seat at the Table" autoFocus />