{#- chirp-ui: Settings row — label | status badge | detail
    Three-column field set for setup targets, health checks, validation summaries.
    Use settings_row_list as container for aligned columns across rows.

    Usage:
        from "chirpui/settings_row.html" import settings_row_list, settings_row

        {% call settings_row_list() %}
            {{ settings_row("Cursor IDE", status="Configured", detail="dori setup cursor") }}
            {{ settings_row("Skills directory", status="ok", detail="/path/to/skills") }}
        {% end %}

    List modifiers: hoverable=true, divided=true, relaxed=true
-#}
{% from "chirpui/badge.html" import badge %}

{% def settings_row_list(hoverable=false, divided=false, relaxed=false, cls="") %}
{# @consumes _surface_variant from: panel, surface — falls back to "" #}
{% set _surface = consume("_surface_variant", "") %}
{# @consumes _card_variant from: card — falls back to "" #}
{% set _card = consume("_card_variant", "") %}
{% set _ctx = _card or _surface %}
{% set _on_ctx = " chirpui-settings-row-list--on-" ~ _ctx if _ctx and _ctx != "default" else "" %}
{% let mods = [m for m in [("chirpui-settings-row-list--hoverable" if hoverable else ""), ("chirpui-settings-row-list--divided" if divided else ""), ("chirpui-settings-row-list--relaxed" if relaxed else "")] if m] %}
<div class="chirpui-settings-row-list{{ _on_ctx }}{{ " " ~ mods | join(" ") if mods else "" }}{{ " " ~ cls if cls else "" }}">
    {% slot %}
</div>
{% end %}

{% def settings_row(label, status=none, detail=none, status_variant=none, cls="") %}
{% set v = status_variant if status_variant is not none else (status | resolve_status_variant("muted") if status else "muted") %}
<div class="chirpui-settings-row{{ " " ~ cls if cls else "" }}">
    <span class="chirpui-settings-row__label chirpui-font-sm chirpui-font-medium">{{ label }}</span>
    <span class="chirpui-settings-row__status">
    {% if status %}
    {{ badge(status, variant=v) }}
    {% end %}
    </span>
    <span class="chirpui-settings-row__detail">
    {% if detail %}
    <span class="chirpui-text-muted chirpui-font-sm chirpui-font-mono">{{ detail }}</span>
    {% end %}
    </span>
</div>
{% end %}