// InfoCreditCell — one credit cell of the Track Info modal: the role label
// (11px semibold muted, letter-spacing 0.5) over the performer names, ONE
// CLICKABLE NAME PER LINE. 1:1 with `CreditCell` in
// crates/qbz-ui/ui/album/TrackInfoModal.slint, including its reasoning: there
// is no flow layout, so a wrapping row of links would clip — a vertical stack
// keeps click-to-musician AND never overflows the column.
//
// `cell` is one entry of the trackInfo document's `credits` array:
//   { "role": "PRODUCER", "roleRaw": "Producer", "names": ["A", "B"] }

import QtQuick
import "../controls"
import "../theme"

Column {
    id: cc
    property var cell: null
    /// Fixed cell width handed down by the modal so the two columns stay
    /// aligned and the value text wraps inside the column instead of
    /// dictating its width.
    property int colW: 280

    /// Immersive-panel legibility mode (see TrackInfoBody.qml): fixed light
    /// colors + native shadow instead of the theme tokens.
    property bool overAmbient: false
    /// Hover color for clickable names — the host swaps in the album-palette
    /// accent over ambient (theme accent has no contrast guarantee there).
    property color accentColor: theme.accent

    signal nameClicked(string name, string roleRaw)

    QbzTheme { id: theme }

    width: colW
    spacing: 6

    QbzSelectableText {
        width: cc.colW
        text: cc.cell ? (cc.cell.role || "") : ""
        color: cc.overAmbient ? "#b3ffffff" : theme.textMuted
        raised: cc.overAmbient
        pixelSize: 11
        weight: theme.weightSemibold
        letterSpacing: 0.5
    }

    Column {
        spacing: 2
        Repeater {
            model: cc.cell ? (cc.cell.names || []) : []
            // Selectable AND a link: a click lands on the musician, a drag
            // selects the name (QbzSelectableText, rich-text anchor).
            delegate: QbzSelectableText {
                id: nameRow
                required property string modelData
                width: cc.colW
                text: nameRow.modelData
                color: cc.overAmbient ? "#f2ffffff" : theme.textPrimary
                linkHref: "musician"
                linkHoverColor: cc.accentColor
                raised: cc.overAmbient
                pixelSize: 14
                onLinkActivated: cc.nameClicked(nameRow.modelData,
                                                cc.cell ? (cc.cell.roleRaw || "") : "")
            }
        }
    }
}