{#- chirp-ui: Dense workspace primitives
    Small semantic shapes for serious multi-region workspaces.

    These primitives are intentionally narrow: filter rails, metric strips,
    result collections/cards, and inspector panels. They carry layout-affinity
    attributes so workspace shells can resolve natural placement without
    page-local grid wrappers.
-#}

{% def filter_rail(label="Filters", cls="") %}
<nav class="chirpui-filter-rail{{ " " ~ cls if cls else "" }}"
     aria-label="{{ label }}"
     data-chirpui-role="rail nav"
     data-chirpui-pressure="compress"
     data-chirpui-affinity="start"
     data-chirpui-rhythm="stack">
    <div class="chirpui-filter-rail__list" data-chirpui-rhythm="stack">
        {% slot %}
    </div>
</nav>
{% end %}

{% def filter_rail_item(href, label, count=none, meta=none, icon=none, active=false, cls="", attrs_map=none) %}
<a class="chirpui-filter-rail__item{{ " is-active" if active else "" }}{{ " " ~ cls if cls else "" }}"
   href="{{ href }}"
   {% if active %}aria-current="page"{% end %}
   data-chirpui-role="nav"
   data-chirpui-pressure="compress"
   data-chirpui-rhythm="group"
   {{ attrs_map | html_attrs }}>
    {% if icon %}<span class="chirpui-filter-rail__mark" aria-hidden="true">{{ icon }}</span>{% end %}
    <span class="chirpui-filter-rail__body">
        <strong class="chirpui-filter-rail__label">{{ label }}</strong>
        {% if meta %}<small class="chirpui-filter-rail__meta">{{ meta }}</small>{% end %}
    </span>
    {% if count is not none %}<span class="chirpui-filter-rail__count">{{ count }}</span>{% end %}
</a>
{% end %}

{% def metric_strip(label="Metrics", cls="") %}
<div class="chirpui-metric-strip{{ " " ~ cls if cls else "" }}"
     aria-label="{{ label }}"
     data-chirpui-role="metadata"
     data-chirpui-pressure="compress"
     data-chirpui-rhythm="group">
    {% slot %}
</div>
{% end %}

{% def metric_item(value, label, cls="") %}
<span class="chirpui-metric-strip__item{{ " " ~ cls if cls else "" }}">
    <strong class="chirpui-metric-strip__value">{{ value }}</strong>
    <small class="chirpui-metric-strip__label">{{ label }}</small>
</span>
{% end %}

{% def result_collection(label="Results", title=none, cls="") %}
<section class="chirpui-result-collection{{ " " ~ cls if cls else "" }}"
         aria-label="{{ label }}"
         data-chirpui-role="content"
         data-chirpui-pressure="flex"
         data-chirpui-affinity="fill"
         data-chirpui-rhythm="stack">
    {% if title %}
    <header class="chirpui-result-collection__header">
        <h2 class="chirpui-result-collection__title">{{ title }}</h2>
        <div class="chirpui-result-collection__meta">{% slot meta %}</div>
    </header>
    {% end %}
    <div class="chirpui-result-collection__items" role="list" data-chirpui-rhythm="stack">
        {% slot %}
    </div>
</section>
{% end %}

{% def result_card(title, subtitle=none, cls="", attrs_map=none) %}
<article class="chirpui-result-card{{ " " ~ cls if cls else "" }}"
         role="listitem"
         data-chirpui-role="content"
         data-chirpui-pressure="compress"
         data-chirpui-rhythm="inset"
         {{ attrs_map | html_attrs }}>
    <header class="chirpui-result-card__header" data-chirpui-rhythm="attached">
        <div class="chirpui-result-card__mark">{% slot mark %}</div>
        <div class="chirpui-result-card__copy" data-chirpui-role="content" data-chirpui-pressure="flex" data-chirpui-affinity="fill">
            <h3 class="chirpui-result-card__title">{{ title }}</h3>
            {% if subtitle %}<p class="chirpui-result-card__subtitle">{{ subtitle }}</p>{% end %}
        </div>
        <div class="chirpui-result-card__actions" data-chirpui-role="actions" data-chirpui-pressure="rigid" data-chirpui-affinity="end">{% slot actions %}</div>
    </header>
    <div class="chirpui-result-card__body" data-chirpui-rhythm="stack">{% slot %}</div>
    <footer class="chirpui-result-card__footer" data-chirpui-role="metadata" data-chirpui-pressure="compress" data-chirpui-affinity="block-end" data-chirpui-rhythm="group separated">{% slot footer %}</footer>
</article>
{% end %}

{% def inspector_panel(title=none, subtitle=none, cls="") %}
<section class="chirpui-inspector-panel{{ " " ~ cls if cls else "" }}"
         data-chirpui-role="aside content"
         data-chirpui-pressure="compress"
         data-chirpui-affinity="end"
         data-chirpui-rhythm="inset">
    {% if title or subtitle %}
    <header class="chirpui-inspector-panel__header" data-chirpui-rhythm="attached">
        <div class="chirpui-inspector-panel__copy" data-chirpui-role="content" data-chirpui-pressure="flex" data-chirpui-affinity="fill">
            {% if title %}<h3 class="chirpui-inspector-panel__title">{{ title }}</h3>{% end %}
            {% if subtitle %}<p class="chirpui-inspector-panel__subtitle">{{ subtitle }}</p>{% end %}
        </div>
        <div class="chirpui-inspector-panel__actions" data-chirpui-role="actions" data-chirpui-pressure="rigid" data-chirpui-affinity="end">{% slot actions %}</div>
    </header>
    {% end %}
    <div class="chirpui-inspector-panel__body" data-chirpui-rhythm="stack">{% slot %}</div>
    <footer class="chirpui-inspector-panel__footer" data-chirpui-role="metadata" data-chirpui-pressure="compress" data-chirpui-affinity="block-end" data-chirpui-rhythm="group separated">{% slot footer %}</footer>
</section>
{% end %}