{{/*
Phase 5i Slice B — card view for /tree. Renders the filtered item set as a
flat tile grid (no forest, no ancestor-keep). One tile per matched item,
ordered by primary path. Reuses the per-item field set the list view emits;
the visual difference is layout, not data shape.
*/}}
{{define "tree-card"}}
<div class="tree-card-grid">
  {{range .CardItems}}
    <article class="tree-card">
      <header class="tree-card-head">
        <a class="tree-card-title" href="/i/{{.PrimaryPath}}">{{.Title}}</a>
        <span class="tree-card-slug muted">{{.PrimaryPath}}</span>
      </header>
      <p class="tree-card-meta">
        {{range .Management}}<span class="mgmt mgmt-{{.}}">{{.}}</span>{{end}}
        {{range .Tags}}<span class="tag">{{.}}</span>{{end}}
        {{if .Pinned}}<span class="pinned" title="Pinned">★</span>{{end}}
        {{if eq .Status "done"}}<span class="status status-done">done</span>{{end}}
        {{if .Archived}}<span class="status status-archived">archived</span>{{end}}
      </p>
    </article>
  {{else}}
    <div class="tree-card-empty">
      <em>No items match. Try fewer filters or <a href="/views/tree">clear all</a>.</em>
    </div>
  {{end}}
</div>
{{end}}