# board-viewer-ux-show-slug

## Goal

Карточка не показывает slug визуально. Юзер видит только description (первая строка после `## 🟢 [<slug>] — <desc>`) и не понимает «какая это таска по имени». `data-slug` атрибут есть, но в header карточки не рендерится.

Добавить slug как видимый sub-heading или badge в верхней части карточки (под/над description-line, в моноширинном шрифте чтобы выделялся).

## TDD posture

**Mode = TDD** (project `follow tdd-criteria`). Сначала failing render-test: ожидать что output `renderCard(record)` содержит `<code class="card-slug">board-viewer-pointers</code>` (или эквивалент). Затем impl в `src/render.ts`.

## Key files

- `src/render.ts` (рендер карточки — добавить slug-element)
- `static/board.css` (стиль `.card-slug` — monospace, dim color, маленький)
- `tests/render.test.ts` — новый тест

## Acceptance

- Slug виден на каждой карточке (любой статус)
- Тест: html-output карточки содержит slug в parseable form (не только в data-атрибуте)
- Smoke: визуально на board.kzntsv.site после redeploy — slug читается, не сливается с description

<!-- created-by: OpeItcLoc03@DESKTOP-NSEF0UK / from: .workshop / 2026-05-22 / trigger: user-ux-feedback-round1 -->