Files
board-viewer/.tasks/done/2026-05-22-00211-board-viewer-ux-show-slug.md

1.6 KiB
Raw Blame History

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