Docs Runes Plan Blog Changelog

This rune is part of @refrakt-md/plan. Install with npm install @refrakt-md/plan and add "@refrakt-md/plan" to the packages array in your refrakt.config.json.

Backlog

An aggregation rune that renders a live view of plan entities from the entity registry. Supports filtering by any field, sorting, and grouping. Use show to select entity types — work items, bugs, specs, decisions, or milestones. The rune produces a sentinel that the pipeline resolves with real entity data — no manual list maintenance required.

Ready items sorted by priority

{% backlog filter="status:ready" sort="priority" /%}

<section data-rune="backlog">
  <meta content="status:ready" data-field="filter">
  <meta content="priority" data-field="sort">
  <meta content="" data-field="group">
  <meta content="all" data-field="show">
  <meta data-field="__backlog-sentinel" content="true">
  <div data-name="items"></div>
</section>

ID:WORK-101Status:ready0/3

Content model validation errors

Priority:criticalComplexity:moderateMilestone:v0.5.0

ID:WORK-102Status:ready0/2

Token fallback chain for nested tints

Priority:highComplexity:simpleMilestone:v0.5.0

ID:RF-142Status:ready0/5

Implement tint rune dark mode support

Priority:highComplexity:moderateMilestone:v0.5.0

ID:WORK-103Status:ready0/4

Interactive rune playground

Priority:mediumComplexity:complexMilestone:v1.0

<section class="rf-backlog" data-filter="status:ready" data-sort="priority" data-show="all" data-rune="backlog" data-density="full">
  <div data-name="items" class="rf-backlog__items">
    <article class="rf-backlog__card" data-type="work" data-status="ready" data-id="WORK-101">
      <a class="rf-backlog__card-link" href="/runes/plan/examples">
        <div data-section="header">
          <span class="rf-backlog__card-header-left">
            <span data-meta-type="id" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">ID:</span>
              <span data-meta-value="">WORK-101</span>
            </span>
          </span>
          <span class="rf-backlog__card-header-right">
            <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="neutral">
              <span data-meta-label="" data-meta-label-hidden="">Status:</span>
              <span data-meta-value="">ready</span>
            </span>
            <span class="rf-backlog__card-progress" data-checked="0" data-total="3">0/3</span>
          </span>
        </div>
        <div data-section="title">Content model validation errors</div>
        <div data-section="footer">
          <span data-meta-type="category" data-meta-rank="secondary" data-meta-sentiment="negative">
            <span data-meta-label="">Priority:</span>
            <span data-meta-value="">critical</span>
          </span>
          <span data-meta-type="quantity" data-meta-rank="secondary">
            <span data-meta-label="">Complexity:</span>
            <span data-meta-value="">moderate</span>
          </span>
          <span data-meta-type="tag" data-meta-rank="secondary">
            <span data-meta-label="" data-meta-label-hidden="">Milestone:</span>
            <span data-meta-value="">v0.5.0</span>
          </span>
        </div>
      </a>
    </article>
    <article class="rf-backlog__card" data-type="work" data-status="ready" data-id="WORK-102">
      <a class="rf-backlog__card-link" href="/runes/plan/examples">
        <div data-section="header">
          <span class="rf-backlog__card-header-left">
            <span data-meta-type="id" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">ID:</span>
              <span data-meta-value="">WORK-102</span>
            </span>
          </span>
          <span class="rf-backlog__card-header-right">
            <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="neutral">
              <span data-meta-label="" data-meta-label-hidden="">Status:</span>
              <span data-meta-value="">ready</span>
            </span>
            <span class="rf-backlog__card-progress" data-checked="0" data-total="2">0/2</span>
          </span>
        </div>
        <div data-section="title">Token fallback chain for nested tints</div>
        <div data-section="footer">
          <span data-meta-type="category" data-meta-rank="secondary" data-meta-sentiment="caution">
            <span data-meta-label="">Priority:</span>
            <span data-meta-value="">high</span>
          </span>
          <span data-meta-type="quantity" data-meta-rank="secondary">
            <span data-meta-label="">Complexity:</span>
            <span data-meta-value="">simple</span>
          </span>
          <span data-meta-type="tag" data-meta-rank="secondary">
            <span data-meta-label="" data-meta-label-hidden="">Milestone:</span>
            <span data-meta-value="">v0.5.0</span>
          </span>
        </div>
      </a>
    </article>
    <article class="rf-backlog__card" data-type="work" data-status="ready" data-id="RF-142">
      <a class="rf-backlog__card-link" href="/runes/plan/work">
        <div data-section="header">
          <span class="rf-backlog__card-header-left">
            <span data-meta-type="id" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">ID:</span>
              <span data-meta-value="">RF-142</span>
            </span>
          </span>
          <span class="rf-backlog__card-header-right">
            <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="neutral">
              <span data-meta-label="" data-meta-label-hidden="">Status:</span>
              <span data-meta-value="">ready</span>
            </span>
            <span class="rf-backlog__card-progress" data-checked="0" data-total="5">0/5</span>
          </span>
        </div>
        <div data-section="title">Implement tint rune dark mode support</div>
        <div data-section="footer">
          <span data-meta-type="category" data-meta-rank="secondary" data-meta-sentiment="caution">
            <span data-meta-label="">Priority:</span>
            <span data-meta-value="">high</span>
          </span>
          <span data-meta-type="quantity" data-meta-rank="secondary">
            <span data-meta-label="">Complexity:</span>
            <span data-meta-value="">moderate</span>
          </span>
          <span data-meta-type="tag" data-meta-rank="secondary">
            <span data-meta-label="" data-meta-label-hidden="">Milestone:</span>
            <span data-meta-value="">v0.5.0</span>
          </span>
        </div>
      </a>
    </article>
    <article class="rf-backlog__card" data-type="work" data-status="ready" data-id="WORK-103">
      <a class="rf-backlog__card-link" href="/runes/plan/examples">
        <div data-section="header">
          <span class="rf-backlog__card-header-left">
            <span data-meta-type="id" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">ID:</span>
              <span data-meta-value="">WORK-103</span>
            </span>
          </span>
          <span class="rf-backlog__card-header-right">
            <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="neutral">
              <span data-meta-label="" data-meta-label-hidden="">Status:</span>
              <span data-meta-value="">ready</span>
            </span>
            <span class="rf-backlog__card-progress" data-checked="0" data-total="4">0/4</span>
          </span>
        </div>
        <div data-section="title">Interactive rune playground</div>
        <div data-section="footer">
          <span data-meta-type="category" data-meta-rank="secondary" data-meta-sentiment="neutral">
            <span data-meta-label="">Priority:</span>
            <span data-meta-value="">medium</span>
          </span>
          <span data-meta-type="quantity" data-meta-rank="secondary">
            <span data-meta-label="">Complexity:</span>
            <span data-meta-value="">complex</span>
          </span>
          <span data-meta-type="tag" data-meta-rank="secondary">
            <span data-meta-label="" data-meta-label-hidden="">Milestone:</span>
            <span data-meta-value="">v1.0</span>
          </span>
        </div>
      </a>
    </article>
  </div>
</section>

In-progress items

{% backlog filter="status:in-progress" sort="priority" /%}

<section data-rune="backlog">
  <meta content="status:in-progress" data-field="filter">
  <meta content="priority" data-field="sort">
  <meta content="" data-field="group">
  <meta content="all" data-field="show">
  <meta data-field="__backlog-sentinel" content="true">
  <div data-name="items"></div>
</section>

ID:WORK-104Status:in-progress2/3

Heading level auto-detection for nested runes

Priority:highComplexity:moderateMilestone:v0.5.0

ID:WORK-105Status:in-progress1/3

Snapshot tests for identity transform output

Priority:mediumComplexity:simple

ID:BUG-103Status:in-progress

Decision log ignores date filter

Severity:majorMilestone:v0.5.0

<section class="rf-backlog" data-filter="status:in-progress" data-sort="priority" data-show="all" data-rune="backlog" data-density="full">
  <div data-name="items" class="rf-backlog__items">
    <article class="rf-backlog__card" data-type="work" data-status="in-progress" data-id="WORK-104">
      <a class="rf-backlog__card-link" href="/runes/plan/examples">
        <div data-section="header">
          <span class="rf-backlog__card-header-left">
            <span data-meta-type="id" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">ID:</span>
              <span data-meta-value="">WORK-104</span>
            </span>
          </span>
          <span class="rf-backlog__card-header-right">
            <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="neutral">
              <span data-meta-label="" data-meta-label-hidden="">Status:</span>
              <span data-meta-value="">in-progress</span>
            </span>
            <span class="rf-backlog__card-progress" data-checked="2" data-total="3">2/3</span>
          </span>
        </div>
        <div data-section="title">Heading level auto-detection for nested runes</div>
        <div data-section="footer">
          <span data-meta-type="category" data-meta-rank="secondary" data-meta-sentiment="caution">
            <span data-meta-label="">Priority:</span>
            <span data-meta-value="">high</span>
          </span>
          <span data-meta-type="quantity" data-meta-rank="secondary">
            <span data-meta-label="">Complexity:</span>
            <span data-meta-value="">moderate</span>
          </span>
          <span data-meta-type="tag" data-meta-rank="secondary">
            <span data-meta-label="" data-meta-label-hidden="">Milestone:</span>
            <span data-meta-value="">v0.5.0</span>
          </span>
        </div>
      </a>
    </article>
    <article class="rf-backlog__card" data-type="work" data-status="in-progress" data-id="WORK-105">
      <a class="rf-backlog__card-link" href="/runes/plan/examples">
        <div data-section="header">
          <span class="rf-backlog__card-header-left">
            <span data-meta-type="id" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">ID:</span>
              <span data-meta-value="">WORK-105</span>
            </span>
          </span>
          <span class="rf-backlog__card-header-right">
            <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="neutral">
              <span data-meta-label="" data-meta-label-hidden="">Status:</span>
              <span data-meta-value="">in-progress</span>
            </span>
            <span class="rf-backlog__card-progress" data-checked="1" data-total="3">1/3</span>
          </span>
        </div>
        <div data-section="title">Snapshot tests for identity transform output</div>
        <div data-section="footer">
          <span data-meta-type="category" data-meta-rank="secondary" data-meta-sentiment="neutral">
            <span data-meta-label="">Priority:</span>
            <span data-meta-value="">medium</span>
          </span>
          <span data-meta-type="quantity" data-meta-rank="secondary">
            <span data-meta-label="">Complexity:</span>
            <span data-meta-value="">simple</span>
          </span>
        </div>
      </a>
    </article>
    <article class="rf-backlog__card" data-type="bug" data-status="in-progress" data-id="BUG-103">
      <a class="rf-backlog__card-link" href="/runes/plan/examples">
        <div data-section="header">
          <span class="rf-backlog__card-header-left">
            <span data-meta-type="id" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">ID:</span>
              <span data-meta-value="">BUG-103</span>
            </span>
          </span>
          <span class="rf-backlog__card-header-right">
            <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="neutral">
              <span data-meta-label="" data-meta-label-hidden="">Status:</span>
              <span data-meta-value="">in-progress</span>
            </span>
          </span>
        </div>
        <div data-section="title">Decision log ignores date filter</div>
        <div data-section="footer">
          <span data-meta-type="category" data-meta-rank="secondary" data-meta-sentiment="caution">
            <span data-meta-label="">Severity:</span>
            <span data-meta-value="">major</span>
          </span>
          <span data-meta-type="tag" data-meta-rank="secondary">
            <span data-meta-label="" data-meta-label-hidden="">Milestone:</span>
            <span data-meta-value="">v0.5.0</span>
          </span>
        </div>
      </a>
    </article>
  </div>
</section>

Grouped by status

{% backlog sort="priority" group="status" /%}

<section data-rune="backlog">
  <meta content="" data-field="filter">
  <meta content="priority" data-field="sort">
  <meta content="status" data-field="group">
  <meta content="all" data-field="show">
  <meta data-field="__backlog-sentinel" content="true">
  <div data-name="items"></div>
</section>

ready

ID:WORK-101Status:ready0/3

Content model validation errors

Priority:criticalComplexity:moderateMilestone:v0.5.0

ID:WORK-102Status:ready0/2

Token fallback chain for nested tints

Priority:highComplexity:simpleMilestone:v0.5.0

ID:RF-142Status:ready0/5

Implement tint rune dark mode support

Priority:highComplexity:moderateMilestone:v0.5.0

ID:WORK-103Status:ready0/4

Interactive rune playground

Priority:mediumComplexity:complexMilestone:v1.0

in-progress

ID:WORK-104Status:in-progress2/3

Heading level auto-detection for nested runes

Priority:highComplexity:moderateMilestone:v0.5.0

ID:WORK-105Status:in-progress1/3

Snapshot tests for identity transform output

Priority:mediumComplexity:simple

ID:BUG-103Status:in-progress

Decision log ignores date filter

Severity:majorMilestone:v0.5.0

review

ID:WORK-108Status:review3/4

Responsive modifier system

Priority:highComplexity:complexMilestone:v0.5.0

draft

ID:WORK-107Status:draft0/2

Theme marketplace architecture

Priority:medium

blocked

ID:RF-215Status:blocked0/3

Alignment system migration

Priority:mediumComplexity:complex

done

ID:WORK-106Status:done3/3

Add copy button to code fences

Priority:lowComplexity:trivialMilestone:v0.4.0

confirmed

ID:RF-201Status:confirmed

Showcase bleed breaks with overflow:hidden parent

ID:BUG-101Status:confirmed

Pipeline crashes on circular entity references

Severity:criticalMilestone:v0.5.0

reported

ID:RF-305Status:reported

Build fails when no rune packages configured

Severity:critical

ID:BUG-102Status:reported

Backlog card wraps awkwardly at narrow widths

fixed

ID:BUG-104Status:fixed

Plan progress bar label misaligned in Safari

Severity:cosmeticMilestone:v0.4.0

<section class="rf-backlog" data-sort="priority" data-group="status" data-show="all" data-rune="backlog" data-density="full">
  <div data-name="items" class="rf-backlog__items">
    <div class="rf-backlog__group" data-group="ready">
      <h3 class="rf-backlog__group-title">ready</h3>
      <article class="rf-backlog__card" data-type="work" data-status="ready" data-id="WORK-101">
        <a class="rf-backlog__card-link" href="/runes/plan/examples">
          <div data-section="header">
            <span class="rf-backlog__card-header-left">
              <span data-meta-type="id" data-meta-rank="primary">
                <span data-meta-label="" data-meta-label-hidden="">ID:</span>
                <span data-meta-value="">WORK-101</span>
              </span>
            </span>
            <span class="rf-backlog__card-header-right">
              <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="neutral">
                <span data-meta-label="" data-meta-label-hidden="">Status:</span>
                <span data-meta-value="">ready</span>
              </span>
              <span class="rf-backlog__card-progress" data-checked="0" data-total="3">0/3</span>
            </span>
          </div>
          <div data-section="title">Content model validation errors</div>
          <div data-section="footer">
            <span data-meta-type="category" data-meta-rank="secondary" data-meta-sentiment="negative">
              <span data-meta-label="">Priority:</span>
              <span data-meta-value="">critical</span>
            </span>
            <span data-meta-type="quantity" data-meta-rank="secondary">
              <span data-meta-label="">Complexity:</span>
              <span data-meta-value="">moderate</span>
            </span>
            <span data-meta-type="tag" data-meta-rank="secondary">
              <span data-meta-label="" data-meta-label-hidden="">Milestone:</span>
              <span data-meta-value="">v0.5.0</span>
            </span>
          </div>
        </a>
      </article>
      <article class="rf-backlog__card" data-type="work" data-status="ready" data-id="WORK-102">
        <a class="rf-backlog__card-link" href="/runes/plan/examples">
          <div data-section="header">
            <span class="rf-backlog__card-header-left">
              <span data-meta-type="id" data-meta-rank="primary">
                <span data-meta-label="" data-meta-label-hidden="">ID:</span>
                <span data-meta-value="">WORK-102</span>
              </span>
            </span>
            <span class="rf-backlog__card-header-right">
              <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="neutral">
                <span data-meta-label="" data-meta-label-hidden="">Status:</span>
                <span data-meta-value="">ready</span>
              </span>
              <span class="rf-backlog__card-progress" data-checked="0" data-total="2">0/2</span>
            </span>
          </div>
          <div data-section="title">Token fallback chain for nested tints</div>
          <div data-section="footer">
            <span data-meta-type="category" data-meta-rank="secondary" data-meta-sentiment="caution">
              <span data-meta-label="">Priority:</span>
              <span data-meta-value="">high</span>
            </span>
            <span data-meta-type="quantity" data-meta-rank="secondary">
              <span data-meta-label="">Complexity:</span>
              <span data-meta-value="">simple</span>
            </span>
            <span data-meta-type="tag" data-meta-rank="secondary">
              <span data-meta-label="" data-meta-label-hidden="">Milestone:</span>
              <span data-meta-value="">v0.5.0</span>
            </span>
          </div>
        </a>
      </article>
      <article class="rf-backlog__card" data-type="work" data-status="ready" data-id="RF-142">
        <a class="rf-backlog__card-link" href="/runes/plan/work">
          <div data-section="header">
            <span class="rf-backlog__card-header-left">
              <span data-meta-type="id" data-meta-rank="primary">
                <span data-meta-label="" data-meta-label-hidden="">ID:</span>
                <span data-meta-value="">RF-142</span>
              </span>
            </span>
            <span class="rf-backlog__card-header-right">
              <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="neutral">
                <span data-meta-label="" data-meta-label-hidden="">Status:</span>
                <span data-meta-value="">ready</span>
              </span>
              <span class="rf-backlog__card-progress" data-checked="0" data-total="5">0/5</span>
            </span>
          </div>
          <div data-section="title">Implement tint rune dark mode support</div>
          <div data-section="footer">
            <span data-meta-type="category" data-meta-rank="secondary" data-meta-sentiment="caution">
              <span data-meta-label="">Priority:</span>
              <span data-meta-value="">high</span>
            </span>
            <span data-meta-type="quantity" data-meta-rank="secondary">
              <span data-meta-label="">Complexity:</span>
              <span data-meta-value="">moderate</span>
            </span>
            <span data-meta-type="tag" data-meta-rank="secondary">
              <span data-meta-label="" data-meta-label-hidden="">Milestone:</span>
              <span data-meta-value="">v0.5.0</span>
            </span>
          </div>
        </a>
      </article>
      <article class="rf-backlog__card" data-type="work" data-status="ready" data-id="WORK-103">
        <a class="rf-backlog__card-link" href="/runes/plan/examples">
          <div data-section="header">
            <span class="rf-backlog__card-header-left">
              <span data-meta-type="id" data-meta-rank="primary">
                <span data-meta-label="" data-meta-label-hidden="">ID:</span>
                <span data-meta-value="">WORK-103</span>
              </span>
            </span>
            <span class="rf-backlog__card-header-right">
              <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="neutral">
                <span data-meta-label="" data-meta-label-hidden="">Status:</span>
                <span data-meta-value="">ready</span>
              </span>
              <span class="rf-backlog__card-progress" data-checked="0" data-total="4">0/4</span>
            </span>
          </div>
          <div data-section="title">Interactive rune playground</div>
          <div data-section="footer">
            <span data-meta-type="category" data-meta-rank="secondary" data-meta-sentiment="neutral">
              <span data-meta-label="">Priority:</span>
              <span data-meta-value="">medium</span>
            </span>
            <span data-meta-type="quantity" data-meta-rank="secondary">
              <span data-meta-label="">Complexity:</span>
              <span data-meta-value="">complex</span>
            </span>
            <span data-meta-type="tag" data-meta-rank="secondary">
              <span data-meta-label="" data-meta-label-hidden="">Milestone:</span>
              <span data-meta-value="">v1.0</span>
            </span>
          </div>
        </a>
      </article>
    </div>
    <div class="rf-backlog__group" data-group="in-progress">
      <h3 class="rf-backlog__group-title">in-progress</h3>
      <article class="rf-backlog__card" data-type="work" data-status="in-progress" data-id="WORK-104">
        <a class="rf-backlog__card-link" href="/runes/plan/examples">
          <div data-section="header">
            <span class="rf-backlog__card-header-left">
              <span data-meta-type="id" data-meta-rank="primary">
                <span data-meta-label="" data-meta-label-hidden="">ID:</span>
                <span data-meta-value="">WORK-104</span>
              </span>
            </span>
            <span class="rf-backlog__card-header-right">
              <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="neutral">
                <span data-meta-label="" data-meta-label-hidden="">Status:</span>
                <span data-meta-value="">in-progress</span>
              </span>
              <span class="rf-backlog__card-progress" data-checked="2" data-total="3">2/3</span>
            </span>
          </div>
          <div data-section="title">Heading level auto-detection for nested runes</div>
          <div data-section="footer">
            <span data-meta-type="category" data-meta-rank="secondary" data-meta-sentiment="caution">
              <span data-meta-label="">Priority:</span>
              <span data-meta-value="">high</span>
            </span>
            <span data-meta-type="quantity" data-meta-rank="secondary">
              <span data-meta-label="">Complexity:</span>
              <span data-meta-value="">moderate</span>
            </span>
            <span data-meta-type="tag" data-meta-rank="secondary">
              <span data-meta-label="" data-meta-label-hidden="">Milestone:</span>
              <span data-meta-value="">v0.5.0</span>
            </span>
          </div>
        </a>
      </article>
      <article class="rf-backlog__card" data-type="work" data-status="in-progress" data-id="WORK-105">
        <a class="rf-backlog__card-link" href="/runes/plan/examples">
          <div data-section="header">
            <span class="rf-backlog__card-header-left">
              <span data-meta-type="id" data-meta-rank="primary">
                <span data-meta-label="" data-meta-label-hidden="">ID:</span>
                <span data-meta-value="">WORK-105</span>
              </span>
            </span>
            <span class="rf-backlog__card-header-right">
              <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="neutral">
                <span data-meta-label="" data-meta-label-hidden="">Status:</span>
                <span data-meta-value="">in-progress</span>
              </span>
              <span class="rf-backlog__card-progress" data-checked="1" data-total="3">1/3</span>
            </span>
          </div>
          <div data-section="title">Snapshot tests for identity transform output</div>
          <div data-section="footer">
            <span data-meta-type="category" data-meta-rank="secondary" data-meta-sentiment="neutral">
              <span data-meta-label="">Priority:</span>
              <span data-meta-value="">medium</span>
            </span>
            <span data-meta-type="quantity" data-meta-rank="secondary">
              <span data-meta-label="">Complexity:</span>
              <span data-meta-value="">simple</span>
            </span>
          </div>
        </a>
      </article>
      <article class="rf-backlog__card" data-type="bug" data-status="in-progress" data-id="BUG-103">
        <a class="rf-backlog__card-link" href="/runes/plan/examples">
          <div data-section="header">
            <span class="rf-backlog__card-header-left">
              <span data-meta-type="id" data-meta-rank="primary">
                <span data-meta-label="" data-meta-label-hidden="">ID:</span>
                <span data-meta-value="">BUG-103</span>
              </span>
            </span>
            <span class="rf-backlog__card-header-right">
              <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="neutral">
                <span data-meta-label="" data-meta-label-hidden="">Status:</span>
                <span data-meta-value="">in-progress</span>
              </span>
            </span>
          </div>
          <div data-section="title">Decision log ignores date filter</div>
          <div data-section="footer">
            <span data-meta-type="category" data-meta-rank="secondary" data-meta-sentiment="caution">
              <span data-meta-label="">Severity:</span>
              <span data-meta-value="">major</span>
            </span>
            <span data-meta-type="tag" data-meta-rank="secondary">
              <span data-meta-label="" data-meta-label-hidden="">Milestone:</span>
              <span data-meta-value="">v0.5.0</span>
            </span>
          </div>
        </a>
      </article>
    </div>
    <div class="rf-backlog__group" data-group="review">
      <h3 class="rf-backlog__group-title">review</h3>
      <article class="rf-backlog__card" data-type="work" data-status="review" data-id="WORK-108">
        <a class="rf-backlog__card-link" href="/runes/plan/examples">
          <div data-section="header">
            <span class="rf-backlog__card-header-left">
              <span data-meta-type="id" data-meta-rank="primary">
                <span data-meta-label="" data-meta-label-hidden="">ID:</span>
                <span data-meta-value="">WORK-108</span>
              </span>
            </span>
            <span class="rf-backlog__card-header-right">
              <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="caution">
                <span data-meta-label="" data-meta-label-hidden="">Status:</span>
                <span data-meta-value="">review</span>
              </span>
              <span class="rf-backlog__card-progress" data-checked="3" data-total="4">3/4</span>
            </span>
          </div>
          <div data-section="title">Responsive modifier system</div>
          <div data-section="footer">
            <span data-meta-type="category" data-meta-rank="secondary" data-meta-sentiment="caution">
              <span data-meta-label="">Priority:</span>
              <span data-meta-value="">high</span>
            </span>
            <span data-meta-type="quantity" data-meta-rank="secondary">
              <span data-meta-label="">Complexity:</span>
              <span data-meta-value="">complex</span>
            </span>
            <span data-meta-type="tag" data-meta-rank="secondary">
              <span data-meta-label="" data-meta-label-hidden="">Milestone:</span>
              <span data-meta-value="">v0.5.0</span>
            </span>
          </div>
        </a>
      </article>
    </div>
    <div class="rf-backlog__group" data-group="draft">
      <h3 class="rf-backlog__group-title">draft</h3>
      <article class="rf-backlog__card" data-type="work" data-status="draft" data-id="WORK-107">
        <a class="rf-backlog__card-link" href="/runes/plan/examples">
          <div data-section="header">
            <span class="rf-backlog__card-header-left">
              <span data-meta-type="id" data-meta-rank="primary">
                <span data-meta-label="" data-meta-label-hidden="">ID:</span>
                <span data-meta-value="">WORK-107</span>
              </span>
            </span>
            <span class="rf-backlog__card-header-right">
              <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="neutral">
                <span data-meta-label="" data-meta-label-hidden="">Status:</span>
                <span data-meta-value="">draft</span>
              </span>
              <span class="rf-backlog__card-progress" data-checked="0" data-total="2">0/2</span>
            </span>
          </div>
          <div data-section="title">Theme marketplace architecture</div>
          <div data-section="footer">
            <span data-meta-type="category" data-meta-rank="secondary" data-meta-sentiment="neutral">
              <span data-meta-label="">Priority:</span>
              <span data-meta-value="">medium</span>
            </span>
          </div>
        </a>
      </article>
    </div>
    <div class="rf-backlog__group" data-group="blocked">
      <h3 class="rf-backlog__group-title">blocked</h3>
      <article class="rf-backlog__card" data-type="work" data-status="blocked" data-id="RF-215">
        <a class="rf-backlog__card-link" href="/runes/plan/work">
          <div data-section="header">
            <span class="rf-backlog__card-header-left">
              <span data-meta-type="id" data-meta-rank="primary">
                <span data-meta-label="" data-meta-label-hidden="">ID:</span>
                <span data-meta-value="">RF-215</span>
              </span>
            </span>
            <span class="rf-backlog__card-header-right">
              <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="negative">
                <span data-meta-label="" data-meta-label-hidden="">Status:</span>
                <span data-meta-value="">blocked</span>
              </span>
              <span class="rf-backlog__card-progress" data-checked="0" data-total="3">0/3</span>
            </span>
          </div>
          <div data-section="title">Alignment system migration</div>
          <div data-section="footer">
            <span data-meta-type="category" data-meta-rank="secondary" data-meta-sentiment="neutral">
              <span data-meta-label="">Priority:</span>
              <span data-meta-value="">medium</span>
            </span>
            <span data-meta-type="quantity" data-meta-rank="secondary">
              <span data-meta-label="">Complexity:</span>
              <span data-meta-value="">complex</span>
            </span>
          </div>
        </a>
      </article>
    </div>
    <div class="rf-backlog__group" data-group="done">
      <h3 class="rf-backlog__group-title">done</h3>
      <article class="rf-backlog__card" data-type="work" data-status="done" data-id="WORK-106">
        <a class="rf-backlog__card-link" href="/runes/plan/examples">
          <div data-section="header">
            <span class="rf-backlog__card-header-left">
              <span data-meta-type="id" data-meta-rank="primary">
                <span data-meta-label="" data-meta-label-hidden="">ID:</span>
                <span data-meta-value="">WORK-106</span>
              </span>
            </span>
            <span class="rf-backlog__card-header-right">
              <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="positive">
                <span data-meta-label="" data-meta-label-hidden="">Status:</span>
                <span data-meta-value="">done</span>
              </span>
              <span class="rf-backlog__card-progress" data-checked="3" data-total="3">3/3</span>
            </span>
          </div>
          <div data-section="title">Add copy button to code fences</div>
          <div data-section="footer">
            <span data-meta-type="category" data-meta-rank="secondary" data-meta-sentiment="neutral">
              <span data-meta-label="">Priority:</span>
              <span data-meta-value="">low</span>
            </span>
            <span data-meta-type="quantity" data-meta-rank="secondary">
              <span data-meta-label="">Complexity:</span>
              <span data-meta-value="">trivial</span>
            </span>
            <span data-meta-type="tag" data-meta-rank="secondary">
              <span data-meta-label="" data-meta-label-hidden="">Milestone:</span>
              <span data-meta-value="">v0.4.0</span>
            </span>
          </div>
        </a>
      </article>
    </div>
    <div class="rf-backlog__group" data-group="confirmed">
      <h3 class="rf-backlog__group-title">confirmed</h3>
      <article class="rf-backlog__card" data-type="bug" data-status="confirmed" data-id="RF-201">
        <a class="rf-backlog__card-link" href="/runes/plan/bug">
          <div data-section="header">
            <span class="rf-backlog__card-header-left">
              <span data-meta-type="id" data-meta-rank="primary">
                <span data-meta-label="" data-meta-label-hidden="">ID:</span>
                <span data-meta-value="">RF-201</span>
              </span>
            </span>
            <span class="rf-backlog__card-header-right">
              <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="caution">
                <span data-meta-label="" data-meta-label-hidden="">Status:</span>
                <span data-meta-value="">confirmed</span>
              </span>
            </span>
          </div>
          <div data-section="title">Showcase bleed breaks with overflow:hidden parent</div>
          <div data-section="footer">
            <span data-meta-type="category" data-meta-rank="secondary" data-meta-sentiment="caution">
              <span data-meta-label="">Severity:</span>
              <span data-meta-value="">major</span>
            </span>
          </div>
        </a>
      </article>
      <article class="rf-backlog__card" data-type="bug" data-status="confirmed" data-id="BUG-101">
        <a class="rf-backlog__card-link" href="/runes/plan/examples">
          <div data-section="header">
            <span class="rf-backlog__card-header-left">
              <span data-meta-type="id" data-meta-rank="primary">
                <span data-meta-label="" data-meta-label-hidden="">ID:</span>
                <span data-meta-value="">BUG-101</span>
              </span>
            </span>
            <span class="rf-backlog__card-header-right">
              <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="caution">
                <span data-meta-label="" data-meta-label-hidden="">Status:</span>
                <span data-meta-value="">confirmed</span>
              </span>
            </span>
          </div>
          <div data-section="title">Pipeline crashes on circular entity references</div>
          <div data-section="footer">
            <span data-meta-type="category" data-meta-rank="secondary" data-meta-sentiment="negative">
              <span data-meta-label="">Severity:</span>
              <span data-meta-value="">critical</span>
            </span>
            <span data-meta-type="tag" data-meta-rank="secondary">
              <span data-meta-label="" data-meta-label-hidden="">Milestone:</span>
              <span data-meta-value="">v0.5.0</span>
            </span>
          </div>
        </a>
      </article>
    </div>
    <div class="rf-backlog__group" data-group="reported">
      <h3 class="rf-backlog__group-title">reported</h3>
      <article class="rf-backlog__card" data-type="bug" data-status="reported" data-id="RF-305">
        <a class="rf-backlog__card-link" href="/runes/plan/bug">
          <div data-section="header">
            <span class="rf-backlog__card-header-left">
              <span data-meta-type="id" data-meta-rank="primary">
                <span data-meta-label="" data-meta-label-hidden="">ID:</span>
                <span data-meta-value="">RF-305</span>
              </span>
            </span>
            <span class="rf-backlog__card-header-right">
              <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="neutral">
                <span data-meta-label="" data-meta-label-hidden="">Status:</span>
                <span data-meta-value="">reported</span>
              </span>
            </span>
          </div>
          <div data-section="title">Build fails when no rune packages configured</div>
          <div data-section="footer">
            <span data-meta-type="category" data-meta-rank="secondary" data-meta-sentiment="negative">
              <span data-meta-label="">Severity:</span>
              <span data-meta-value="">critical</span>
            </span>
          </div>
        </a>
      </article>
      <article class="rf-backlog__card" data-type="bug" data-status="reported" data-id="BUG-102">
        <a class="rf-backlog__card-link" href="/runes/plan/examples">
          <div data-section="header">
            <span class="rf-backlog__card-header-left">
              <span data-meta-type="id" data-meta-rank="primary">
                <span data-meta-label="" data-meta-label-hidden="">ID:</span>
                <span data-meta-value="">BUG-102</span>
              </span>
            </span>
            <span class="rf-backlog__card-header-right">
              <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="neutral">
                <span data-meta-label="" data-meta-label-hidden="">Status:</span>
                <span data-meta-value="">reported</span>
              </span>
            </span>
          </div>
          <div data-section="title">Backlog card wraps awkwardly at narrow widths</div>
          <div data-section="footer">
            <span data-meta-type="category" data-meta-rank="secondary" data-meta-sentiment="neutral">
              <span data-meta-label="">Severity:</span>
              <span data-meta-value="">minor</span>
            </span>
          </div>
        </a>
      </article>
    </div>
    <div class="rf-backlog__group" data-group="fixed">
      <h3 class="rf-backlog__group-title">fixed</h3>
      <article class="rf-backlog__card" data-type="bug" data-status="fixed" data-id="BUG-104">
        <a class="rf-backlog__card-link" href="/runes/plan/examples">
          <div data-section="header">
            <span class="rf-backlog__card-header-left">
              <span data-meta-type="id" data-meta-rank="primary">
                <span data-meta-label="" data-meta-label-hidden="">ID:</span>
                <span data-meta-value="">BUG-104</span>
              </span>
            </span>
            <span class="rf-backlog__card-header-right">
              <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="positive">
                <span data-meta-label="" data-meta-label-hidden="">Status:</span>
                <span data-meta-value="">fixed</span>
              </span>
            </span>
          </div>
          <div data-section="title">Plan progress bar label misaligned in Safari</div>
          <div data-section="footer">
            <span data-meta-type="category" data-meta-rank="secondary">
              <span data-meta-label="">Severity:</span>
              <span data-meta-value="">cosmetic</span>
            </span>
            <span data-meta-type="tag" data-meta-rank="secondary">
              <span data-meta-label="" data-meta-label-hidden="">Milestone:</span>
              <span data-meta-value="">v0.4.0</span>
            </span>
          </div>
        </a>
      </article>
    </div>
  </div>
</section>

Bugs only

{% backlog show="bug" sort="severity" /%}

<section data-rune="backlog">
  <meta content="" data-field="filter">
  <meta content="severity" data-field="sort">
  <meta content="" data-field="group">
  <meta content="bug" data-field="show">
  <meta data-field="__backlog-sentinel" content="true">
  <div data-name="items"></div>
</section>

ID:BUG-104Status:fixed

Plan progress bar label misaligned in Safari

Severity:cosmeticMilestone:v0.4.0

ID:RF-305Status:reported

Build fails when no rune packages configured

Severity:critical

ID:BUG-101Status:confirmed

Pipeline crashes on circular entity references

Severity:criticalMilestone:v0.5.0

ID:RF-201Status:confirmed

Showcase bleed breaks with overflow:hidden parent

ID:BUG-103Status:in-progress

Decision log ignores date filter

Severity:majorMilestone:v0.5.0

ID:BUG-102Status:reported

Backlog card wraps awkwardly at narrow widths

<section class="rf-backlog" data-sort="severity" data-show="bug" data-rune="backlog" data-density="full">
  <div data-name="items" class="rf-backlog__items">
    <article class="rf-backlog__card" data-type="bug" data-status="fixed" data-id="BUG-104">
      <a class="rf-backlog__card-link" href="/runes/plan/examples">
        <div data-section="header">
          <span class="rf-backlog__card-header-left">
            <span data-meta-type="id" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">ID:</span>
              <span data-meta-value="">BUG-104</span>
            </span>
          </span>
          <span class="rf-backlog__card-header-right">
            <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="positive">
              <span data-meta-label="" data-meta-label-hidden="">Status:</span>
              <span data-meta-value="">fixed</span>
            </span>
          </span>
        </div>
        <div data-section="title">Plan progress bar label misaligned in Safari</div>
        <div data-section="footer">
          <span data-meta-type="category" data-meta-rank="secondary">
            <span data-meta-label="">Severity:</span>
            <span data-meta-value="">cosmetic</span>
          </span>
          <span data-meta-type="tag" data-meta-rank="secondary">
            <span data-meta-label="" data-meta-label-hidden="">Milestone:</span>
            <span data-meta-value="">v0.4.0</span>
          </span>
        </div>
      </a>
    </article>
    <article class="rf-backlog__card" data-type="bug" data-status="reported" data-id="RF-305">
      <a class="rf-backlog__card-link" href="/runes/plan/bug">
        <div data-section="header">
          <span class="rf-backlog__card-header-left">
            <span data-meta-type="id" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">ID:</span>
              <span data-meta-value="">RF-305</span>
            </span>
          </span>
          <span class="rf-backlog__card-header-right">
            <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="neutral">
              <span data-meta-label="" data-meta-label-hidden="">Status:</span>
              <span data-meta-value="">reported</span>
            </span>
          </span>
        </div>
        <div data-section="title">Build fails when no rune packages configured</div>
        <div data-section="footer">
          <span data-meta-type="category" data-meta-rank="secondary" data-meta-sentiment="negative">
            <span data-meta-label="">Severity:</span>
            <span data-meta-value="">critical</span>
          </span>
        </div>
      </a>
    </article>
    <article class="rf-backlog__card" data-type="bug" data-status="confirmed" data-id="BUG-101">
      <a class="rf-backlog__card-link" href="/runes/plan/examples">
        <div data-section="header">
          <span class="rf-backlog__card-header-left">
            <span data-meta-type="id" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">ID:</span>
              <span data-meta-value="">BUG-101</span>
            </span>
          </span>
          <span class="rf-backlog__card-header-right">
            <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="caution">
              <span data-meta-label="" data-meta-label-hidden="">Status:</span>
              <span data-meta-value="">confirmed</span>
            </span>
          </span>
        </div>
        <div data-section="title">Pipeline crashes on circular entity references</div>
        <div data-section="footer">
          <span data-meta-type="category" data-meta-rank="secondary" data-meta-sentiment="negative">
            <span data-meta-label="">Severity:</span>
            <span data-meta-value="">critical</span>
          </span>
          <span data-meta-type="tag" data-meta-rank="secondary">
            <span data-meta-label="" data-meta-label-hidden="">Milestone:</span>
            <span data-meta-value="">v0.5.0</span>
          </span>
        </div>
      </a>
    </article>
    <article class="rf-backlog__card" data-type="bug" data-status="confirmed" data-id="RF-201">
      <a class="rf-backlog__card-link" href="/runes/plan/bug">
        <div data-section="header">
          <span class="rf-backlog__card-header-left">
            <span data-meta-type="id" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">ID:</span>
              <span data-meta-value="">RF-201</span>
            </span>
          </span>
          <span class="rf-backlog__card-header-right">
            <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="caution">
              <span data-meta-label="" data-meta-label-hidden="">Status:</span>
              <span data-meta-value="">confirmed</span>
            </span>
          </span>
        </div>
        <div data-section="title">Showcase bleed breaks with overflow:hidden parent</div>
        <div data-section="footer">
          <span data-meta-type="category" data-meta-rank="secondary" data-meta-sentiment="caution">
            <span data-meta-label="">Severity:</span>
            <span data-meta-value="">major</span>
          </span>
        </div>
      </a>
    </article>
    <article class="rf-backlog__card" data-type="bug" data-status="in-progress" data-id="BUG-103">
      <a class="rf-backlog__card-link" href="/runes/plan/examples">
        <div data-section="header">
          <span class="rf-backlog__card-header-left">
            <span data-meta-type="id" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">ID:</span>
              <span data-meta-value="">BUG-103</span>
            </span>
          </span>
          <span class="rf-backlog__card-header-right">
            <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="neutral">
              <span data-meta-label="" data-meta-label-hidden="">Status:</span>
              <span data-meta-value="">in-progress</span>
            </span>
          </span>
        </div>
        <div data-section="title">Decision log ignores date filter</div>
        <div data-section="footer">
          <span data-meta-type="category" data-meta-rank="secondary" data-meta-sentiment="caution">
            <span data-meta-label="">Severity:</span>
            <span data-meta-value="">major</span>
          </span>
          <span data-meta-type="tag" data-meta-rank="secondary">
            <span data-meta-label="" data-meta-label-hidden="">Milestone:</span>
            <span data-meta-value="">v0.5.0</span>
          </span>
        </div>
      </a>
    </article>
    <article class="rf-backlog__card" data-type="bug" data-status="reported" data-id="BUG-102">
      <a class="rf-backlog__card-link" href="/runes/plan/examples">
        <div data-section="header">
          <span class="rf-backlog__card-header-left">
            <span data-meta-type="id" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">ID:</span>
              <span data-meta-value="">BUG-102</span>
            </span>
          </span>
          <span class="rf-backlog__card-header-right">
            <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="neutral">
              <span data-meta-label="" data-meta-label-hidden="">Status:</span>
              <span data-meta-value="">reported</span>
            </span>
          </span>
        </div>
        <div data-section="title">Backlog card wraps awkwardly at narrow widths</div>
        <div data-section="footer">
          <span data-meta-type="category" data-meta-rank="secondary" data-meta-sentiment="neutral">
            <span data-meta-label="">Severity:</span>
            <span data-meta-value="">minor</span>
          </span>
        </div>
      </a>
    </article>
  </div>
</section>

Decisions

{% backlog show="decision" sort="date" /%}

<section data-rune="backlog">
  <meta content="" data-field="filter">
  <meta content="date" data-field="sort">
  <meta content="" data-field="group">
  <meta content="decision" data-field="show">
  <meta data-field="__backlog-sentinel" content="true">
  <div data-name="items"></div>
</section>

ID:ADR-103Status:proposed

Lazy entity registration for large sites

ID:ADR-015Status:proposed

Adopt content model validation at parse time

ID:ADR-007Status:accepted

Use CSS custom properties for tint token injection

ID:ADR-101Status:accepted

Use pipeline hooks instead of plugin system

ID:ADR-102Status:accepted

BEM naming convention for identity transform

<section class="rf-backlog" data-sort="date" data-show="decision" data-rune="backlog" data-density="full">
  <div data-name="items" class="rf-backlog__items">
    <article class="rf-backlog__card" data-type="decision" data-status="proposed" data-id="ADR-103">
      <a class="rf-backlog__card-link" href="/runes/plan/examples">
        <div data-section="header">
          <span class="rf-backlog__card-header-left">
            <span data-meta-type="id" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">ID:</span>
              <span data-meta-value="">ADR-103</span>
            </span>
          </span>
          <span class="rf-backlog__card-header-right">
            <span data-meta-type="status" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">Status:</span>
              <span data-meta-value="">proposed</span>
            </span>
          </span>
        </div>
        <div data-section="title">Lazy entity registration for large sites</div>
      </a>
    </article>
    <article class="rf-backlog__card" data-type="decision" data-status="proposed" data-id="ADR-015">
      <a class="rf-backlog__card-link" href="/runes/plan/decision">
        <div data-section="header">
          <span class="rf-backlog__card-header-left">
            <span data-meta-type="id" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">ID:</span>
              <span data-meta-value="">ADR-015</span>
            </span>
          </span>
          <span class="rf-backlog__card-header-right">
            <span data-meta-type="status" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">Status:</span>
              <span data-meta-value="">proposed</span>
            </span>
          </span>
        </div>
        <div data-section="title">Adopt content model validation at parse time</div>
      </a>
    </article>
    <article class="rf-backlog__card" data-type="decision" data-status="accepted" data-id="ADR-007">
      <a class="rf-backlog__card-link" href="/runes/plan/decision">
        <div data-section="header">
          <span class="rf-backlog__card-header-left">
            <span data-meta-type="id" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">ID:</span>
              <span data-meta-value="">ADR-007</span>
            </span>
          </span>
          <span class="rf-backlog__card-header-right">
            <span data-meta-type="status" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">Status:</span>
              <span data-meta-value="">accepted</span>
            </span>
          </span>
        </div>
        <div data-section="title">Use CSS custom properties for tint token injection</div>
      </a>
    </article>
    <article class="rf-backlog__card" data-type="decision" data-status="accepted" data-id="ADR-101">
      <a class="rf-backlog__card-link" href="/runes/plan/examples">
        <div data-section="header">
          <span class="rf-backlog__card-header-left">
            <span data-meta-type="id" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">ID:</span>
              <span data-meta-value="">ADR-101</span>
            </span>
          </span>
          <span class="rf-backlog__card-header-right">
            <span data-meta-type="status" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">Status:</span>
              <span data-meta-value="">accepted</span>
            </span>
          </span>
        </div>
        <div data-section="title">Use pipeline hooks instead of plugin system</div>
      </a>
    </article>
    <article class="rf-backlog__card" data-type="decision" data-status="accepted" data-id="ADR-102">
      <a class="rf-backlog__card-link" href="/runes/plan/examples">
        <div data-section="header">
          <span class="rf-backlog__card-header-left">
            <span data-meta-type="id" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">ID:</span>
              <span data-meta-value="">ADR-102</span>
            </span>
          </span>
          <span class="rf-backlog__card-header-right">
            <span data-meta-type="status" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">Status:</span>
              <span data-meta-value="">accepted</span>
            </span>
          </span>
        </div>
        <div data-section="title">BEM naming convention for identity transform</div>
      </a>
    </article>
  </div>
</section>

Specs

{% backlog show="spec" /%}

<section data-rune="backlog">
  <meta content="" data-field="filter">
  <meta content="priority" data-field="sort">
  <meta content="" data-field="group">
  <meta content="spec" data-field="show">
  <meta data-field="__backlog-sentinel" content="true">
  <div data-name="items"></div>
</section>

ID:SPEC-101Status:accepted

Design Token Architecture

ID:SPEC-102Status:review

Cross-Package Entity References

ID:SPEC-103Status:draft

Block Editor Protocol

ID:SPEC-008Status:accepted

ID:SPEC-012Status:draft

Dependency Graph Visualisation

ID:SPEC-003Status:superseded

Original Token System

<section class="rf-backlog" data-sort="priority" data-show="spec" data-rune="backlog" data-density="full">
  <div data-name="items" class="rf-backlog__items">
    <article class="rf-backlog__card" data-type="spec" data-status="accepted" data-id="SPEC-101">
      <a class="rf-backlog__card-link" href="/runes/plan/examples">
        <div data-section="header">
          <span class="rf-backlog__card-header-left">
            <span data-meta-type="id" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">ID:</span>
              <span data-meta-value="">SPEC-101</span>
            </span>
          </span>
          <span class="rf-backlog__card-header-right">
            <span data-meta-type="status" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">Status:</span>
              <span data-meta-value="">accepted</span>
            </span>
          </span>
        </div>
        <div data-section="title">Design Token Architecture</div>
      </a>
    </article>
    <article class="rf-backlog__card" data-type="spec" data-status="review" data-id="SPEC-102">
      <a class="rf-backlog__card-link" href="/runes/plan/examples">
        <div data-section="header">
          <span class="rf-backlog__card-header-left">
            <span data-meta-type="id" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">ID:</span>
              <span data-meta-value="">SPEC-102</span>
            </span>
          </span>
          <span class="rf-backlog__card-header-right">
            <span data-meta-type="status" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">Status:</span>
              <span data-meta-value="">review</span>
            </span>
          </span>
        </div>
        <div data-section="title">Cross-Package Entity References</div>
      </a>
    </article>
    <article class="rf-backlog__card" data-type="spec" data-status="draft" data-id="SPEC-103">
      <a class="rf-backlog__card-link" href="/runes/plan/examples">
        <div data-section="header">
          <span class="rf-backlog__card-header-left">
            <span data-meta-type="id" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">ID:</span>
              <span data-meta-value="">SPEC-103</span>
            </span>
          </span>
          <span class="rf-backlog__card-header-right">
            <span data-meta-type="status" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">Status:</span>
              <span data-meta-value="">draft</span>
            </span>
          </span>
        </div>
        <div data-section="title">Block Editor Protocol</div>
      </a>
    </article>
    <article class="rf-backlog__card" data-type="spec" data-status="accepted" data-id="SPEC-008">
      <a class="rf-backlog__card-link" href="/runes/plan/spec">
        <div data-section="header">
          <span class="rf-backlog__card-header-left">
            <span data-meta-type="id" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">ID:</span>
              <span data-meta-value="">SPEC-008</span>
            </span>
          </span>
          <span class="rf-backlog__card-header-right">
            <span data-meta-type="status" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">Status:</span>
              <span data-meta-value="">accepted</span>
            </span>
          </span>
        </div>
        <div data-section="title">Tint Rune</div>
      </a>
    </article>
    <article class="rf-backlog__card" data-type="spec" data-status="draft" data-id="SPEC-012">
      <a class="rf-backlog__card-link" href="/runes/plan/spec">
        <div data-section="header">
          <span class="rf-backlog__card-header-left">
            <span data-meta-type="id" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">ID:</span>
              <span data-meta-value="">SPEC-012</span>
            </span>
          </span>
          <span class="rf-backlog__card-header-right">
            <span data-meta-type="status" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">Status:</span>
              <span data-meta-value="">draft</span>
            </span>
          </span>
        </div>
        <div data-section="title">Dependency Graph Visualisation</div>
      </a>
    </article>
    <article class="rf-backlog__card" data-type="spec" data-status="superseded" data-id="SPEC-003">
      <a class="rf-backlog__card-link" href="/runes/plan/spec">
        <div data-section="header">
          <span class="rf-backlog__card-header-left">
            <span data-meta-type="id" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">ID:</span>
              <span data-meta-value="">SPEC-003</span>
            </span>
          </span>
          <span class="rf-backlog__card-header-right">
            <span data-meta-type="status" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">Status:</span>
              <span data-meta-value="">superseded</span>
            </span>
          </span>
        </div>
        <div data-section="title">Original Token System</div>
      </a>
    </article>
  </div>
</section>

Multi-field filter

Filters combine with AND logic. Multiple values for the same field combine with OR.

{% backlog filter="status:ready priority:high priority:critical" sort="priority" /%}

<section data-rune="backlog">
  <meta content="status:ready priority:high priority:critical" data-field="filter">
  <meta content="priority" data-field="sort">
  <meta content="" data-field="group">
  <meta content="all" data-field="show">
  <meta data-field="__backlog-sentinel" content="true">
  <div data-name="items"></div>
</section>

ID:WORK-101Status:ready0/3

Content model validation errors

Priority:criticalComplexity:moderateMilestone:v0.5.0

ID:WORK-102Status:ready0/2

Token fallback chain for nested tints

Priority:highComplexity:simpleMilestone:v0.5.0

ID:RF-142Status:ready0/5

Implement tint rune dark mode support

Priority:highComplexity:moderateMilestone:v0.5.0

<section class="rf-backlog" data-filter="status:ready priority:high priority:critical" data-sort="priority" data-show="all" data-rune="backlog" data-density="full">
  <div data-name="items" class="rf-backlog__items">
    <article class="rf-backlog__card" data-type="work" data-status="ready" data-id="WORK-101">
      <a class="rf-backlog__card-link" href="/runes/plan/examples">
        <div data-section="header">
          <span class="rf-backlog__card-header-left">
            <span data-meta-type="id" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">ID:</span>
              <span data-meta-value="">WORK-101</span>
            </span>
          </span>
          <span class="rf-backlog__card-header-right">
            <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="neutral">
              <span data-meta-label="" data-meta-label-hidden="">Status:</span>
              <span data-meta-value="">ready</span>
            </span>
            <span class="rf-backlog__card-progress" data-checked="0" data-total="3">0/3</span>
          </span>
        </div>
        <div data-section="title">Content model validation errors</div>
        <div data-section="footer">
          <span data-meta-type="category" data-meta-rank="secondary" data-meta-sentiment="negative">
            <span data-meta-label="">Priority:</span>
            <span data-meta-value="">critical</span>
          </span>
          <span data-meta-type="quantity" data-meta-rank="secondary">
            <span data-meta-label="">Complexity:</span>
            <span data-meta-value="">moderate</span>
          </span>
          <span data-meta-type="tag" data-meta-rank="secondary">
            <span data-meta-label="" data-meta-label-hidden="">Milestone:</span>
            <span data-meta-value="">v0.5.0</span>
          </span>
        </div>
      </a>
    </article>
    <article class="rf-backlog__card" data-type="work" data-status="ready" data-id="WORK-102">
      <a class="rf-backlog__card-link" href="/runes/plan/examples">
        <div data-section="header">
          <span class="rf-backlog__card-header-left">
            <span data-meta-type="id" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">ID:</span>
              <span data-meta-value="">WORK-102</span>
            </span>
          </span>
          <span class="rf-backlog__card-header-right">
            <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="neutral">
              <span data-meta-label="" data-meta-label-hidden="">Status:</span>
              <span data-meta-value="">ready</span>
            </span>
            <span class="rf-backlog__card-progress" data-checked="0" data-total="2">0/2</span>
          </span>
        </div>
        <div data-section="title">Token fallback chain for nested tints</div>
        <div data-section="footer">
          <span data-meta-type="category" data-meta-rank="secondary" data-meta-sentiment="caution">
            <span data-meta-label="">Priority:</span>
            <span data-meta-value="">high</span>
          </span>
          <span data-meta-type="quantity" data-meta-rank="secondary">
            <span data-meta-label="">Complexity:</span>
            <span data-meta-value="">simple</span>
          </span>
          <span data-meta-type="tag" data-meta-rank="secondary">
            <span data-meta-label="" data-meta-label-hidden="">Milestone:</span>
            <span data-meta-value="">v0.5.0</span>
          </span>
        </div>
      </a>
    </article>
    <article class="rf-backlog__card" data-type="work" data-status="ready" data-id="RF-142">
      <a class="rf-backlog__card-link" href="/runes/plan/work">
        <div data-section="header">
          <span class="rf-backlog__card-header-left">
            <span data-meta-type="id" data-meta-rank="primary">
              <span data-meta-label="" data-meta-label-hidden="">ID:</span>
              <span data-meta-value="">RF-142</span>
            </span>
          </span>
          <span class="rf-backlog__card-header-right">
            <span data-meta-type="status" data-meta-rank="primary" data-meta-sentiment="neutral">
              <span data-meta-label="" data-meta-label-hidden="">Status:</span>
              <span data-meta-value="">ready</span>
            </span>
            <span class="rf-backlog__card-progress" data-checked="0" data-total="5">0/5</span>
          </span>
        </div>
        <div data-section="title">Implement tint rune dark mode support</div>
        <div data-section="footer">
          <span data-meta-type="category" data-meta-rank="secondary" data-meta-sentiment="caution">
            <span data-meta-label="">Priority:</span>
            <span data-meta-value="">high</span>
          </span>
          <span data-meta-type="quantity" data-meta-rank="secondary">
            <span data-meta-label="">Complexity:</span>
            <span data-meta-value="">moderate</span>
          </span>
          <span data-meta-type="tag" data-meta-rank="secondary">
            <span data-meta-label="" data-meta-label-hidden="">Milestone:</span>
            <span data-meta-value="">v0.5.0</span>
          </span>
        </div>
      </a>
    </article>
  </div>
</section>

Attributes

Attribute	Type	Default	Description
`filter`	`string`	—	Space-separated `field:value` pairs. Same-field values are OR'd; different fields are AND'd. Fields: `status`, `priority`, `severity`, `assignee`, `milestone`, `complexity`, `tags`
`sort`	`string`	`priority`	Sort field: `priority`, `status`, `id`, `assignee`, `complexity`, `milestone`, `date`
`group`	`string`	—	Group by field: `status`, `priority`, `assignee`, `milestone`, `type`, `tags`
`show`	`string`	`all`	Entity types to include: `all`, `work`, `bug`, `spec`, `decision`, `milestone`. Note: `all` includes work and bug only (for backward compatibility) — other types must be requested explicitly

Output structure

Each entity renders as a card (article.rf-backlog__card) containing:

ID badge
Status badge (color-coded via [data-status])
Priority badge (work items only)
Complexity badge (work items, when not "unknown")
Severity badge (bugs only)
Milestone badge (when assigned)
Title

When group is set, cards are wrapped in groups with a heading showing the group value.