remove lyric agent attribution display

This commit is contained in:
jeffvli
2026-07-09 20:07:49 -07:00
parent 63f6a6620d
commit 0ac24a4165
2 changed files with 0 additions and 28 deletions
@@ -52,16 +52,6 @@
text-align: inherit;
}
.agent-badge {
display: block;
margin-bottom: 0.15rem;
font-size: 0.65em;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.04em;
opacity: 0.7;
}
.agent-text {
display: block;
width: 100%;
@@ -69,8 +59,3 @@
overflow-wrap: break-word;
white-space: normal;
}
.agent-line[data-agent-role='bg'] .agent-badge,
.agent-line[data-agent-role='group'] .agent-badge {
font-style: italic;
}
@@ -29,15 +29,6 @@ interface KaraokeLyricLineProps extends ComponentPropsWithoutRef<'div'> {
type WordSpanVariant = 'main' | 'romaji';
const getAgentLabel = (agents: LyricAgent[] | undefined, agentId?: string): string | undefined => {
if (!agentId || !agents?.length) {
return undefined;
}
const agent = agents.find((entry) => entry.id === agentId);
return agent?.name ?? agent?.role;
};
const renderWordSpans = (
cueLine: SyncedCueLine,
lineIndex: number,
@@ -146,7 +137,6 @@ export const KaraokeLyricLine = memo(
>
<Stack align="stretch" gap={0} w="100%">
{cueLines.map((cueLine, cueLineIndex) => {
const agentLabel = getAgentLabel(agents, cueLine.agentId);
const agent = agents?.find((entry) => entry.id === cueLine.agentId);
const isBackground = agent?.role === 'bg' || agent?.role === 'group';
const romajiCueLine = romajiCueLines?.[cueLineIndex];
@@ -157,9 +147,6 @@ export const KaraokeLyricLine = memo(
data-agent-role={agent?.role}
key={`${cueLine.index}-${cueLineIndex}`}
>
{agentLabel && (
<span className={styles.agentBadge}>{agentLabel}</span>
)}
<span
className={styles.agentText}
id={