{# M5/M6 — 와이드 카드 partial (썸네일 60×60 좌 + 텍스트 우).
   sprite/spritesheet/sound 종류별 분기. Alpine x-show 로 카드 메타 토글. #}
<div class="card-wide kind-{{ row.kind }}"
     data-asset-id="{{ row.asset_id }}"
     hx-get="/ui/asset-detail/{{ row.asset_id }}"
     hx-target="#asset-detail-modal"
     hx-trigger="click, keydown[key==='Enter']"
     role="button"
     tabindex="0">
  <div class="card-thumb">
    {% if row.kind in ("sprite", "spritesheet") %}
      <img src="/api/thumbnail/{{ row.asset_id }}"
           loading="lazy" alt="{{ row.name }}"
           width="60" height="60" />
    {% elif row.kind == "sound" %}
      <span class="sound-icon" aria-hidden="true">&#128266;</span>
    {% else %}
      <span class="generic-icon" aria-hidden="true">&#128230;</span>
    {% endif %}
  </div>
  <div class="card-body">
    <div class="card-title">
      <span class="name">{{ row.name }}</span>
      <span class="score" x-show="$store.search.cardMeta.score">
        {{ "%.2f"|format(row.score or 0) }}
      </span>
    </div>
    <div class="card-labels" x-show="$store.search.cardMeta.labels">
      {% if row.matched_labels %}
        {{ (row.matched_labels[:3] | map(attribute='label') | list) | join(" · ") }}
      {% endif %}
    </div>
    <div class="card-meta" x-show="$store.search.cardMeta.pack">
      {{ row.pack_name or "" }}
      {% if row.kind == "sprite" and row.width and row.height %}
        &middot; {{ row.width }}&times;{{ row.height }}
      {% endif %}
      {% if row.kind == "spritesheet" and row.frame_count %}
        &middot;
        <span class="frame-badge"
              aria-label="{{ row.frame_count }} frames"
              title="{{ row.frame_count }} frames">
          &#127902; {{ row.frame_count }} frames
        </span>
      {% endif %}
      <span x-show="$store.search.cardMeta.size">
        {% if row.size_kb %} &middot; {{ row.size_kb }}KB{% endif %}
      </span>
    </div>
    {% if row.kind == "sound" %}
      <button class="play-btn"
              hx-get="/ui/audio-player/{{ row.asset_id }}"
              hx-target="next .audio-slot"
              hx-swap="innerHTML"
              onclick="event.stopPropagation()">&#9654; 재생</button>
      <div class="audio-slot"></div>
    {% endif %}
    {# M7 patch — 라이브러리 직접 채택 버튼 제거. 채택은 Claude pending-pick
       (picks.py) 흐름에서만 발생 — record_asset_use(source="claude_pick"). #}
  </div>
</div>