This rune is part of @refrakt-md/plan. Install with npm install @refrakt-md/plan and add "@refrakt-md/plan" to the plugins 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, grouping, and capping. 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.

The examples below pass limit=5 so they stay scannable; in real dashboards omit the attribute (or set it higher) to render the full set.

Ready items sorted by priority

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

<section data-rune="collection">
  <meta data-field="collection-type" content="work,bug">
  <meta data-field="collection-filter" content="status:ready">
  <meta data-field="collection-sort" content="priority">
  <meta data-field="collection-group" content="status">
  <meta data-field="collection-limit" content="5">
  <meta data-field="collection-fields" content="">
  <meta data-field="collection-layout" content="cards">
  <meta data-field="collection-group-display" content="headings">
  <meta data-field="collection-empty" content="">
  <meta data-field="__collection-sentinel" content="true">
  <meta data-field="collection-body" content="{% card href=$item.url %}
{% bar %}
{% $item.identifier %}{% if $item.mixed %} {% badge type=&quot;category&quot; %}{% humanize($item.type) %}{% /badge %}{% /if %}
---
{% badge type=&quot;status&quot; sentiment=$item.sentiment %}{% $item.data.status %}{% /badge %}
{% /bar %}

#### {% $item.data.title %}
{% /card %}
">
  <div data-name="items"></div>
</section>

ready

WORK-101

ready

Content model validation errors

WORK-102

ready

Token fallback chain for nested tints

RF-142

ready

Implement tint rune dark mode support

WORK-055

ready

Learning Package Pipeline Hooks

WORK-094

ready

Create @refrakt-md/vite plugin — Level 1 static transform

<section class="rf-collection" data-type="work,bug" data-layout="cards" data-rune="collection" data-density="full">
  <div data-name="items" class="rf-collection__items rf-collection__items">
    <div class="rf-collection__group" data-group="ready">
      <h3 class="rf-collection__group-title">ready</h3>
      <div class="rf-collection__item" data-entity-id="WORK-101" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>WORK-101</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">ready</span>
                  </p>
                </div>
              </div>
              <h4 id="content-model-validation-errors" data-name="title" class="rf-card__title">Content model validation errors</h4>
            </div>
          </div>
          <a data-name="link" href="/runes/plan/examples" aria-hidden="true" tabindex="-1" class="rf-card__link"></a>
        </div>
      </div>
      <div class="rf-collection__item" data-entity-id="WORK-102" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>WORK-102</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">ready</span>
                  </p>
                </div>
              </div>
              <h4 id="token-fallback-chain-for-nested-tints" data-name="title" class="rf-card__title">Token fallback chain for nested tints</h4>
            </div>
          </div>
          <a data-name="link" href="/runes/plan/examples" aria-hidden="true" tabindex="-1" class="rf-card__link"></a>
        </div>
      </div>
      <div class="rf-collection__item" data-entity-id="RF-142" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>RF-142</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">ready</span>
                  </p>
                </div>
              </div>
              <h4 id="implement-tint-rune-dark-mode-support" data-name="title" class="rf-card__title">Implement tint rune dark mode support</h4>
            </div>
          </div>
          <a data-name="link" href="/runes/plan/work" aria-hidden="true" tabindex="-1" class="rf-card__link"></a>
        </div>
      </div>
      <div class="rf-collection__item" data-entity-id="WORK-055" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>WORK-055</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">ready</span>
                  </p>
                </div>
              </div>
              <h4 id="learning-package-pipeline-hooks" data-name="title" class="rf-card__title">Learning Package Pipeline Hooks</h4>
            </div>
          </div>
        </div>
      </div>
      <div class="rf-collection__item" data-entity-id="WORK-094" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>WORK-094</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">ready</span>
                  </p>
                </div>
              </div>
              <h4 id="create-@refrakt-md/vite-plugin-—-level-1-static-transform" data-name="title" class="rf-card__title">Create @refrakt-md/vite plugin — Level 1 static transform</h4>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

In-progress items

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

<section data-rune="collection">
  <meta data-field="collection-type" content="work,bug">
  <meta data-field="collection-filter" content="status:in-progress">
  <meta data-field="collection-sort" content="priority">
  <meta data-field="collection-group" content="status">
  <meta data-field="collection-limit" content="5">
  <meta data-field="collection-fields" content="">
  <meta data-field="collection-layout" content="cards">
  <meta data-field="collection-group-display" content="headings">
  <meta data-field="collection-empty" content="">
  <meta data-field="__collection-sentinel" content="true">
  <meta data-field="collection-body" content="{% card href=$item.url %}
{% bar %}
{% $item.identifier %}{% if $item.mixed %} {% badge type=&quot;category&quot; %}{% humanize($item.type) %}{% /badge %}{% /if %}
---
{% badge type=&quot;status&quot; sentiment=$item.sentiment %}{% $item.data.status %}{% /badge %}
{% /bar %}

#### {% $item.data.title %}
{% /card %}
">
  <div data-name="items"></div>
</section>

in-progress

WORK-104 Work

in-progress

Heading level auto-detection for nested runes

WORK-051 Work

in-progress

Editor Package Awareness

WORK-089 Work

in-progress

Create @refrakt-md/astro adapter package

WORK-105 Work

in-progress

Snapshot tests for identity transform output

BUG-103 Bug

in-progress

Decision log ignores date filter

<section class="rf-collection" data-type="work,bug" data-layout="cards" data-rune="collection" data-density="full">
  <div data-name="items" class="rf-collection__items rf-collection__items">
    <div class="rf-collection__group" data-group="in-progress">
      <h3 class="rf-collection__group-title">in-progress</h3>
      <div class="rf-collection__item" data-entity-id="WORK-104" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>
                    WORK-104
                     
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="category" data-rune="badge" data-density="full">Work</span>
                  </p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">in-progress</span>
                  </p>
                </div>
              </div>
              <h4 id="heading-level-auto-detection-for-nested-runes" data-name="title" class="rf-card__title">Heading level auto-detection for nested runes</h4>
            </div>
          </div>
          <a data-name="link" href="/runes/plan/examples" aria-hidden="true" tabindex="-1" class="rf-card__link"></a>
        </div>
      </div>
      <div class="rf-collection__item" data-entity-id="WORK-051" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>
                    WORK-051
                     
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="category" data-rune="badge" data-density="full">Work</span>
                  </p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">in-progress</span>
                  </p>
                </div>
              </div>
              <h4 id="editor-package-awareness" data-name="title" class="rf-card__title">Editor Package Awareness</h4>
            </div>
          </div>
        </div>
      </div>
      <div class="rf-collection__item" data-entity-id="WORK-089" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>
                    WORK-089
                     
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="category" data-rune="badge" data-density="full">Work</span>
                  </p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">in-progress</span>
                  </p>
                </div>
              </div>
              <h4 id="create-@refrakt-md/astro-adapter-package" data-name="title" class="rf-card__title">Create @refrakt-md/astro adapter package</h4>
            </div>
          </div>
        </div>
      </div>
      <div class="rf-collection__item" data-entity-id="WORK-105" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>
                    WORK-105
                     
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="category" data-rune="badge" data-density="full">Work</span>
                  </p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">in-progress</span>
                  </p>
                </div>
              </div>
              <h4 id="snapshot-tests-for-identity-transform-output" data-name="title" class="rf-card__title">Snapshot tests for identity transform output</h4>
            </div>
          </div>
          <a data-name="link" href="/runes/plan/examples" aria-hidden="true" tabindex="-1" class="rf-card__link"></a>
        </div>
      </div>
      <div class="rf-collection__item" data-entity-id="BUG-103" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>
                    BUG-103
                     
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="category" data-rune="badge" data-density="full">Bug</span>
                  </p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">in-progress</span>
                  </p>
                </div>
              </div>
              <h4 id="decision-log-ignores-date-filter" data-name="title" class="rf-card__title">Decision log ignores date filter</h4>
            </div>
          </div>
          <a data-name="link" href="/runes/plan/examples" aria-hidden="true" tabindex="-1" class="rf-card__link"></a>
        </div>
      </div>
    </div>
  </div>
</section>

Grouped by status

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

<section data-rune="collection">
  <meta data-field="collection-type" content="work,bug">
  <meta data-field="collection-filter" content="">
  <meta data-field="collection-sort" content="priority">
  <meta data-field="collection-group" content="status">
  <meta data-field="collection-limit" content="10">
  <meta data-field="collection-fields" content="">
  <meta data-field="collection-layout" content="cards">
  <meta data-field="collection-group-display" content="headings">
  <meta data-field="collection-empty" content="">
  <meta data-field="__collection-sentinel" content="true">
  <meta data-field="collection-body" content="{% card href=$item.url %}
{% bar %}
{% $item.identifier %}{% if $item.mixed %} {% badge type=&quot;category&quot; %}{% humanize($item.type) %}{% /badge %}{% /if %}
---
{% badge type=&quot;status&quot; sentiment=$item.sentiment %}{% $item.data.status %}{% /badge %}
{% /bar %}

#### {% $item.data.title %}
{% /card %}
">
  <div data-name="items"></div>
</section>

in-progress

WORK-104

in-progress

Heading level auto-detection for nested runes

review

WORK-108

review

Responsive modifier system

ready

WORK-101

ready

Content model validation errors

WORK-102

ready

Token fallback chain for nested tints

RF-142

ready

Implement tint rune dark mode support

done

WORK-358

done

Engine config variants: RuneConfig.variants type + axis validation

WORK-001

done

Official Rune Packages — Breakout Plan

WORK-021

done

Update Plan Documents to Use Xref Syntax

WORK-027

done

CLI Plugin Discovery Architecture

WORK-028

done

Plan File Scanner Library

<section class="rf-collection" data-type="work,bug" data-layout="cards" data-rune="collection" data-density="full">
  <div data-name="items" class="rf-collection__items rf-collection__items">
    <div class="rf-collection__group" data-group="in-progress">
      <h3 class="rf-collection__group-title">in-progress</h3>
      <div class="rf-collection__item" data-entity-id="WORK-104" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>WORK-104</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">in-progress</span>
                  </p>
                </div>
              </div>
              <h4 id="heading-level-auto-detection-for-nested-runes" data-name="title" class="rf-card__title">Heading level auto-detection for nested runes</h4>
            </div>
          </div>
          <a data-name="link" href="/runes/plan/examples" aria-hidden="true" tabindex="-1" class="rf-card__link"></a>
        </div>
      </div>
    </div>
    <div class="rf-collection__group" data-group="review">
      <h3 class="rf-collection__group-title">review</h3>
      <div class="rf-collection__item" data-entity-id="WORK-108" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>WORK-108</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="caution" data-meta-type="status" data-rune="badge" data-density="full">review</span>
                  </p>
                </div>
              </div>
              <h4 id="responsive-modifier-system" data-name="title" class="rf-card__title">Responsive modifier system</h4>
            </div>
          </div>
          <a data-name="link" href="/runes/plan/examples" aria-hidden="true" tabindex="-1" class="rf-card__link"></a>
        </div>
      </div>
    </div>
    <div class="rf-collection__group" data-group="ready">
      <h3 class="rf-collection__group-title">ready</h3>
      <div class="rf-collection__item" data-entity-id="WORK-101" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>WORK-101</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">ready</span>
                  </p>
                </div>
              </div>
              <h4 id="content-model-validation-errors" data-name="title" class="rf-card__title">Content model validation errors</h4>
            </div>
          </div>
          <a data-name="link" href="/runes/plan/examples" aria-hidden="true" tabindex="-1" class="rf-card__link"></a>
        </div>
      </div>
      <div class="rf-collection__item" data-entity-id="WORK-102" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>WORK-102</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">ready</span>
                  </p>
                </div>
              </div>
              <h4 id="token-fallback-chain-for-nested-tints" data-name="title" class="rf-card__title">Token fallback chain for nested tints</h4>
            </div>
          </div>
          <a data-name="link" href="/runes/plan/examples" aria-hidden="true" tabindex="-1" class="rf-card__link"></a>
        </div>
      </div>
      <div class="rf-collection__item" data-entity-id="RF-142" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>RF-142</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">ready</span>
                  </p>
                </div>
              </div>
              <h4 id="implement-tint-rune-dark-mode-support" data-name="title" class="rf-card__title">Implement tint rune dark mode support</h4>
            </div>
          </div>
          <a data-name="link" href="/runes/plan/work" aria-hidden="true" tabindex="-1" class="rf-card__link"></a>
        </div>
      </div>
    </div>
    <div class="rf-collection__group" data-group="done">
      <h3 class="rf-collection__group-title">done</h3>
      <div class="rf-collection__item" data-entity-id="WORK-358" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>WORK-358</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="positive" data-meta-type="status" data-rune="badge" data-density="full">done</span>
                  </p>
                </div>
              </div>
              <h4 id="engine-config-variants:-runeconfig.variants-type-+-axis-validation" data-name="title" class="rf-card__title">Engine config variants: RuneConfig.variants type + axis validation</h4>
            </div>
          </div>
        </div>
      </div>
      <div class="rf-collection__item" data-entity-id="WORK-001" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>WORK-001</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="positive" data-meta-type="status" data-rune="badge" data-density="full">done</span>
                  </p>
                </div>
              </div>
              <h4 id="official-rune-packages-—-breakout-plan" data-name="title" class="rf-card__title">Official Rune Packages — Breakout Plan</h4>
            </div>
          </div>
        </div>
      </div>
      <div class="rf-collection__item" data-entity-id="WORK-021" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>WORK-021</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="positive" data-meta-type="status" data-rune="badge" data-density="full">done</span>
                  </p>
                </div>
              </div>
              <h4 id="update-plan-documents-to-use-xref-syntax" data-name="title" class="rf-card__title">Update Plan Documents to Use Xref Syntax</h4>
            </div>
          </div>
        </div>
      </div>
      <div class="rf-collection__item" data-entity-id="WORK-027" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>WORK-027</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="positive" data-meta-type="status" data-rune="badge" data-density="full">done</span>
                  </p>
                </div>
              </div>
              <h4 id="cli-plugin-discovery-architecture" data-name="title" class="rf-card__title">CLI Plugin Discovery Architecture</h4>
            </div>
          </div>
        </div>
      </div>
      <div class="rf-collection__item" data-entity-id="WORK-028" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>WORK-028</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="positive" data-meta-type="status" data-rune="badge" data-density="full">done</span>
                  </p>
                </div>
              </div>
              <h4 id="plan-file-scanner-library" data-name="title" class="rf-card__title">Plan File Scanner Library</h4>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

Bugs only

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

<section data-rune="collection">
  <meta data-field="collection-type" content="bug">
  <meta data-field="collection-filter" content="">
  <meta data-field="collection-sort" content="severity">
  <meta data-field="collection-group" content="status">
  <meta data-field="collection-limit" content="5">
  <meta data-field="collection-fields" content="">
  <meta data-field="collection-layout" content="cards">
  <meta data-field="collection-group-display" content="headings">
  <meta data-field="collection-empty" content="">
  <meta data-field="__collection-sentinel" content="true">
  <meta data-field="collection-body" content="{% card href=$item.url %}
{% bar %}
{% $item.identifier %}{% if $item.mixed %} {% badge type=&quot;category&quot; %}{% humanize($item.type) %}{% /badge %}{% /if %} {% if $item.data.severity %}{% badge %}{% $item.data.severity %}{% /badge %}{% /if %}
---
{% badge type=&quot;status&quot; sentiment=$item.sentiment %}{% $item.data.status %}{% /badge %}
{% /bar %}

#### {% $item.data.title %}
{% /card %}
">
  <div data-name="items"></div>
</section>

in-progress

BUG-103 major

in-progress

Decision log ignores date filter

confirmed

BUG-101 critical

confirmed

Pipeline crashes on circular entity references

RF-201 major

confirmed

Showcase bleed breaks with overflow:hidden parent

reported

RF-305 critical

reported

Build fails when no rune packages configured

fixed

BUG-001 major

fixed

Hero, feature, and step stacked media-position labels are inverted

<section class="rf-collection" data-type="bug" data-layout="cards" data-rune="collection" data-density="full">
  <div data-name="items" class="rf-collection__items rf-collection__items">
    <div class="rf-collection__group" data-group="in-progress">
      <h3 class="rf-collection__group-title">in-progress</h3>
      <div class="rf-collection__item" data-entity-id="BUG-103" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>
                    BUG-103
                     
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="tag" data-rune="badge" data-density="full">major</span>
                  </p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">in-progress</span>
                  </p>
                </div>
              </div>
              <h4 id="decision-log-ignores-date-filter" data-name="title" class="rf-card__title">Decision log ignores date filter</h4>
            </div>
          </div>
          <a data-name="link" href="/runes/plan/examples" aria-hidden="true" tabindex="-1" class="rf-card__link"></a>
        </div>
      </div>
    </div>
    <div class="rf-collection__group" data-group="confirmed">
      <h3 class="rf-collection__group-title">confirmed</h3>
      <div class="rf-collection__item" data-entity-id="BUG-101" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>
                    BUG-101
                     
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="tag" data-rune="badge" data-density="full">critical</span>
                  </p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="caution" data-meta-type="status" data-rune="badge" data-density="full">confirmed</span>
                  </p>
                </div>
              </div>
              <h4 id="pipeline-crashes-on-circular-entity-references" data-name="title" class="rf-card__title">Pipeline crashes on circular entity references</h4>
            </div>
          </div>
          <a data-name="link" href="/runes/plan/examples" aria-hidden="true" tabindex="-1" class="rf-card__link"></a>
        </div>
      </div>
      <div class="rf-collection__item" data-entity-id="RF-201" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>
                    RF-201
                     
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="tag" data-rune="badge" data-density="full">major</span>
                  </p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="caution" data-meta-type="status" data-rune="badge" data-density="full">confirmed</span>
                  </p>
                </div>
              </div>
              <h4 id="showcase-bleed-breaks-with-overflow:hidden-parent" data-name="title" class="rf-card__title">Showcase bleed breaks with overflow:hidden parent</h4>
            </div>
          </div>
          <a data-name="link" href="/runes/plan/bug" aria-hidden="true" tabindex="-1" class="rf-card__link"></a>
        </div>
      </div>
    </div>
    <div class="rf-collection__group" data-group="reported">
      <h3 class="rf-collection__group-title">reported</h3>
      <div class="rf-collection__item" data-entity-id="RF-305" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>
                    RF-305
                     
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="tag" data-rune="badge" data-density="full">critical</span>
                  </p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">reported</span>
                  </p>
                </div>
              </div>
              <h4 id="build-fails-when-no-rune-packages-configured" data-name="title" class="rf-card__title">Build fails when no rune packages configured</h4>
            </div>
          </div>
          <a data-name="link" href="/runes/plan/bug" aria-hidden="true" tabindex="-1" class="rf-card__link"></a>
        </div>
      </div>
    </div>
    <div class="rf-collection__group" data-group="fixed">
      <h3 class="rf-collection__group-title">fixed</h3>
      <div class="rf-collection__item" data-entity-id="BUG-001" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>
                    BUG-001
                     
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="tag" data-rune="badge" data-density="full">major</span>
                  </p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="positive" data-meta-type="status" data-rune="badge" data-density="full">fixed</span>
                  </p>
                </div>
              </div>
              <h4 id="hero,-feature,-and-step-stacked-media-position-labels-are-inverted" data-name="title" class="rf-card__title">Hero, feature, and step stacked media-position labels are inverted</h4>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

Decisions

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

<section data-rune="collection">
  <meta data-field="collection-type" content="decision">
  <meta data-field="collection-filter" content="">
  <meta data-field="collection-sort" content="date">
  <meta data-field="collection-group" content="status">
  <meta data-field="collection-limit" content="5">
  <meta data-field="collection-fields" content="">
  <meta data-field="collection-layout" content="cards">
  <meta data-field="collection-group-display" content="headings">
  <meta data-field="collection-empty" content="">
  <meta data-field="__collection-sentinel" content="true">
  <meta data-field="collection-body" content="{% card href=$item.url %}
{% bar %}
{% $item.identifier %}{% if $item.mixed %} {% badge type=&quot;category&quot; %}{% humanize($item.type) %}{% /badge %}{% /if %}
---
{% badge type=&quot;status&quot; sentiment=$item.sentiment %}{% $item.data.status %}{% /badge %}
{% /bar %}

#### {% $item.data.title %}
{% /card %}
">
  <div data-name="items"></div>
</section>

proposed

ADR-004

proposed

Plan Site Theme Resolution

accepted

ADR-001

accepted

Astro Readiness Investigation

ADR-002

accepted

Framework Readiness Investigation: Next.js, Eleventy, Nuxt

ADR-003

accepted

Markdoc Feature Gap Analysis for Refrakt

ADR-102

accepted

BEM naming convention for identity transform

<section class="rf-collection" data-type="decision" data-layout="cards" data-rune="collection" data-density="full">
  <div data-name="items" class="rf-collection__items rf-collection__items">
    <div class="rf-collection__group" data-group="proposed">
      <h3 class="rf-collection__group-title">proposed</h3>
      <div class="rf-collection__item" data-entity-id="ADR-004" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>ADR-004</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">proposed</span>
                  </p>
                </div>
              </div>
              <h4 id="plan-site-theme-resolution" data-name="title" class="rf-card__title">Plan Site Theme Resolution</h4>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="rf-collection__group" data-group="accepted">
      <h3 class="rf-collection__group-title">accepted</h3>
      <div class="rf-collection__item" data-entity-id="ADR-001" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>ADR-001</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="positive" data-meta-type="status" data-rune="badge" data-density="full">accepted</span>
                  </p>
                </div>
              </div>
              <h4 id="astro-readiness-investigation" data-name="title" class="rf-card__title">Astro Readiness Investigation</h4>
            </div>
          </div>
        </div>
      </div>
      <div class="rf-collection__item" data-entity-id="ADR-002" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>ADR-002</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="positive" data-meta-type="status" data-rune="badge" data-density="full">accepted</span>
                  </p>
                </div>
              </div>
              <h4 id="framework-readiness-investigation:-next.js,-eleventy,-nuxt" data-name="title" class="rf-card__title">Framework Readiness Investigation: Next.js, Eleventy, Nuxt</h4>
            </div>
          </div>
        </div>
      </div>
      <div class="rf-collection__item" data-entity-id="ADR-003" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>ADR-003</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="positive" data-meta-type="status" data-rune="badge" data-density="full">accepted</span>
                  </p>
                </div>
              </div>
              <h4 id="markdoc-feature-gap-analysis-for-refrakt" data-name="title" class="rf-card__title">Markdoc Feature Gap Analysis for Refrakt</h4>
            </div>
          </div>
        </div>
      </div>
      <div class="rf-collection__item" data-entity-id="ADR-102" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>ADR-102</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="positive" data-meta-type="status" data-rune="badge" data-density="full">accepted</span>
                  </p>
                </div>
              </div>
              <h4 id="bem-naming-convention-for-identity-transform" data-name="title" class="rf-card__title">BEM naming convention for identity transform</h4>
            </div>
          </div>
          <a data-name="link" href="/runes/plan/examples" aria-hidden="true" tabindex="-1" class="rf-card__link"></a>
        </div>
      </div>
    </div>
  </div>
</section>

Specs

{% backlog show="spec" limit=5 /%}

<section data-rune="collection">
  <meta data-field="collection-type" content="spec">
  <meta data-field="collection-filter" content="">
  <meta data-field="collection-sort" content="priority">
  <meta data-field="collection-group" content="status">
  <meta data-field="collection-limit" content="5">
  <meta data-field="collection-fields" content="">
  <meta data-field="collection-layout" content="cards">
  <meta data-field="collection-group-display" content="headings">
  <meta data-field="collection-empty" content="">
  <meta data-field="__collection-sentinel" content="true">
  <meta data-field="collection-body" content="{% card href=$item.url %}
{% bar %}
{% $item.identifier %}{% if $item.mixed %} {% badge type=&quot;category&quot; %}{% humanize($item.type) %}{% /badge %}{% /if %}
---
{% badge type=&quot;status&quot; sentiment=$item.sentiment %}{% $item.data.status %}{% /badge %}
{% /bar %}

#### {% $item.data.title %}
{% /card %}
">
  <div data-name="items"></div>
</section>

draft

SPEC-103

draft

Block Editor Protocol

SPEC-012

draft

Dependency Graph Visualisation

review

SPEC-102

review

Cross-Package Entity References

accepted

SPEC-101

accepted

Design Token Architecture

SPEC-008

accepted

Tint Rune

<section class="rf-collection" data-type="spec" data-layout="cards" data-rune="collection" data-density="full">
  <div data-name="items" class="rf-collection__items rf-collection__items">
    <div class="rf-collection__group" data-group="draft">
      <h3 class="rf-collection__group-title">draft</h3>
      <div class="rf-collection__item" data-entity-id="SPEC-103" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>SPEC-103</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">draft</span>
                  </p>
                </div>
              </div>
              <h4 id="block-editor-protocol" data-name="title" class="rf-card__title">Block Editor Protocol</h4>
            </div>
          </div>
          <a data-name="link" href="/runes/plan/examples" aria-hidden="true" tabindex="-1" class="rf-card__link"></a>
        </div>
      </div>
      <div class="rf-collection__item" data-entity-id="SPEC-012" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>SPEC-012</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">draft</span>
                  </p>
                </div>
              </div>
              <h4 id="dependency-graph-visualisation" data-name="title" class="rf-card__title">Dependency Graph Visualisation</h4>
            </div>
          </div>
          <a data-name="link" href="/runes/plan/spec" aria-hidden="true" tabindex="-1" class="rf-card__link"></a>
        </div>
      </div>
    </div>
    <div class="rf-collection__group" data-group="review">
      <h3 class="rf-collection__group-title">review</h3>
      <div class="rf-collection__item" data-entity-id="SPEC-102" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>SPEC-102</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="caution" data-meta-type="status" data-rune="badge" data-density="full">review</span>
                  </p>
                </div>
              </div>
              <h4 id="cross-package-entity-references" data-name="title" class="rf-card__title">Cross-Package Entity References</h4>
            </div>
          </div>
          <a data-name="link" href="/runes/plan/examples" aria-hidden="true" tabindex="-1" class="rf-card__link"></a>
        </div>
      </div>
    </div>
    <div class="rf-collection__group" data-group="accepted">
      <h3 class="rf-collection__group-title">accepted</h3>
      <div class="rf-collection__item" data-entity-id="SPEC-101" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>SPEC-101</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="positive" data-meta-type="status" data-rune="badge" data-density="full">accepted</span>
                  </p>
                </div>
              </div>
              <h4 id="design-token-architecture" data-name="title" class="rf-card__title">Design Token Architecture</h4>
            </div>
          </div>
          <a data-name="link" href="/runes/plan/examples" aria-hidden="true" tabindex="-1" class="rf-card__link"></a>
        </div>
      </div>
      <div class="rf-collection__item" data-entity-id="SPEC-008" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>SPEC-008</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="positive" data-meta-type="status" data-rune="badge" data-density="full">accepted</span>
                  </p>
                </div>
              </div>
              <h4 id="tint-rune" data-name="title" class="rf-card__title">Tint Rune</h4>
            </div>
          </div>
          <a data-name="link" href="/runes/plan/spec" aria-hidden="true" tabindex="-1" class="rf-card__link"></a>
        </div>
      </div>
    </div>
  </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" limit=5 /%}

<section data-rune="collection">
  <meta data-field="collection-type" content="work,bug">
  <meta data-field="collection-filter" content="status:ready priority:high priority:critical">
  <meta data-field="collection-sort" content="priority">
  <meta data-field="collection-group" content="status">
  <meta data-field="collection-limit" content="5">
  <meta data-field="collection-fields" content="">
  <meta data-field="collection-layout" content="cards">
  <meta data-field="collection-group-display" content="headings">
  <meta data-field="collection-empty" content="">
  <meta data-field="__collection-sentinel" content="true">
  <meta data-field="collection-body" content="{% card href=$item.url %}
{% bar %}
{% $item.identifier %}{% if $item.mixed %} {% badge type=&quot;category&quot; %}{% humanize($item.type) %}{% /badge %}{% /if %}
---
{% badge type=&quot;status&quot; sentiment=$item.sentiment %}{% $item.data.status %}{% /badge %}
{% /bar %}

#### {% $item.data.title %}
{% /card %}
">
  <div data-name="items"></div>
</section>

ready

WORK-101

ready

Content model validation errors

WORK-102

ready

Token fallback chain for nested tints

RF-142

ready

Implement tint rune dark mode support

WORK-055

ready

Learning Package Pipeline Hooks

WORK-094

ready

Create @refrakt-md/vite plugin — Level 1 static transform

<section class="rf-collection" data-type="work,bug" data-layout="cards" data-rune="collection" data-density="full">
  <div data-name="items" class="rf-collection__items rf-collection__items">
    <div class="rf-collection__group" data-group="ready">
      <h3 class="rf-collection__group-title">ready</h3>
      <div class="rf-collection__item" data-entity-id="WORK-101" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>WORK-101</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">ready</span>
                  </p>
                </div>
              </div>
              <h4 id="content-model-validation-errors" data-name="title" class="rf-card__title">Content model validation errors</h4>
            </div>
          </div>
          <a data-name="link" href="/runes/plan/examples" aria-hidden="true" tabindex="-1" class="rf-card__link"></a>
        </div>
      </div>
      <div class="rf-collection__item" data-entity-id="WORK-102" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>WORK-102</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">ready</span>
                  </p>
                </div>
              </div>
              <h4 id="token-fallback-chain-for-nested-tints" data-name="title" class="rf-card__title">Token fallback chain for nested tints</h4>
            </div>
          </div>
          <a data-name="link" href="/runes/plan/examples" aria-hidden="true" tabindex="-1" class="rf-card__link"></a>
        </div>
      </div>
      <div class="rf-collection__item" data-entity-id="RF-142" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>RF-142</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">ready</span>
                  </p>
                </div>
              </div>
              <h4 id="implement-tint-rune-dark-mode-support" data-name="title" class="rf-card__title">Implement tint rune dark mode support</h4>
            </div>
          </div>
          <a data-name="link" href="/runes/plan/work" aria-hidden="true" tabindex="-1" class="rf-card__link"></a>
        </div>
      </div>
      <div class="rf-collection__item" data-entity-id="WORK-055" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>WORK-055</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">ready</span>
                  </p>
                </div>
              </div>
              <h4 id="learning-package-pipeline-hooks" data-name="title" class="rf-card__title">Learning Package Pipeline Hooks</h4>
            </div>
          </div>
        </div>
      </div>
      <div class="rf-collection__item" data-entity-id="WORK-094" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>WORK-094</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">ready</span>
                  </p>
                </div>
              </div>
              <h4 id="create-@refrakt-md/vite-plugin-—-level-1-static-transform" data-name="title" class="rf-card__title">Create @refrakt-md/vite plugin — Level 1 static transform</h4>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

Top N (limit)

limit=N caps the rendered set after sort and before group. Useful for "top N by priority" dashboards.

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

<section data-rune="collection">
  <meta data-field="collection-type" content="work,bug">
  <meta data-field="collection-filter" content="status:ready">
  <meta data-field="collection-sort" content="priority">
  <meta data-field="collection-group" content="status">
  <meta data-field="collection-limit" content="3">
  <meta data-field="collection-fields" content="">
  <meta data-field="collection-layout" content="cards">
  <meta data-field="collection-group-display" content="headings">
  <meta data-field="collection-empty" content="">
  <meta data-field="__collection-sentinel" content="true">
  <meta data-field="collection-body" content="{% card href=$item.url %}
{% bar %}
{% $item.identifier %}{% if $item.mixed %} {% badge type=&quot;category&quot; %}{% humanize($item.type) %}{% /badge %}{% /if %}
---
{% badge type=&quot;status&quot; sentiment=$item.sentiment %}{% $item.data.status %}{% /badge %}
{% /bar %}

#### {% $item.data.title %}
{% /card %}
">
  <div data-name="items"></div>
</section>

ready

WORK-101

ready

Content model validation errors

WORK-102

ready

Token fallback chain for nested tints

RF-142

ready

Implement tint rune dark mode support

<section class="rf-collection" data-type="work,bug" data-layout="cards" data-rune="collection" data-density="full">
  <div data-name="items" class="rf-collection__items rf-collection__items">
    <div class="rf-collection__group" data-group="ready">
      <h3 class="rf-collection__group-title">ready</h3>
      <div class="rf-collection__item" data-entity-id="WORK-101" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>WORK-101</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">ready</span>
                  </p>
                </div>
              </div>
              <h4 id="content-model-validation-errors" data-name="title" class="rf-card__title">Content model validation errors</h4>
            </div>
          </div>
          <a data-name="link" href="/runes/plan/examples" aria-hidden="true" tabindex="-1" class="rf-card__link"></a>
        </div>
      </div>
      <div class="rf-collection__item" data-entity-id="WORK-102" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>WORK-102</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">ready</span>
                  </p>
                </div>
              </div>
              <h4 id="token-fallback-chain-for-nested-tints" data-name="title" class="rf-card__title">Token fallback chain for nested tints</h4>
            </div>
          </div>
          <a data-name="link" href="/runes/plan/examples" aria-hidden="true" tabindex="-1" class="rf-card__link"></a>
        </div>
      </div>
      <div class="rf-collection__item" data-entity-id="RF-142" data-block="">
        <div class="rf-card" data-media-position="top" data-rune="card" data-density="full">
          <div data-name="content" class="rf-card__content">
            <div data-name="body" class="rf-card__body">
              <div data-zone-layout="bar" class="rf-bar" data-rune="bar" data-density="full">
                <div>
                  <p>RF-142</p>
                </div>
                <div data-align="end">
                  <p>
                    <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">ready</span>
                  </p>
                </div>
              </div>
              <h4 id="implement-tint-rune-dark-mode-support" data-name="title" class="rf-card__title">Implement tint rune dark mode support</h4>
            </div>
          </div>
          <a data-name="link" href="/runes/plan/work" aria-hidden="true" tabindex="-1" class="rf-card__link"></a>
        </div>
      </div>
    </div>
  </div>
</section>

Table layout

layout="table" renders the universal projection as columns — Identifier · Type · Status · Title — handy for a dense, mixed-type view:

{% backlog show="all" layout="table" sort="status" limit=8 /%}

<section data-rune="collection">
  <meta data-field="collection-type" content="work,bug">
  <meta data-field="collection-filter" content="">
  <meta data-field="collection-sort" content="status">
  <meta data-field="collection-group" content="status">
  <meta data-field="collection-limit" content="8">
  <meta data-field="collection-fields" content="">
  <meta data-field="collection-layout" content="table">
  <meta data-field="collection-group-display" content="headings">
  <meta data-field="collection-empty" content="">
  <meta data-field="__collection-sentinel" content="true">
  <meta data-field="collection-body" content="# Identifier
{% link href=$item.url %}{% $item.identifier %}{% /link %}
# Type
{% humanize($item.type) %}
# Status
{% badge type=&quot;status&quot; sentiment=$item.sentiment %}{% $item.data.status %}{% /badge %}
# Title
{% $item.data.title %}
">
  <div data-name="items"></div>
</section>

blocked

Identifier	Type	Status	Title
RF-215	Work	blocked	Alignment system migration

in-progress

Identifier	Type	Status	Title
BUG-103	Bug	in-progress	Decision log ignores date filter
WORK-104	Work	in-progress	Heading level auto-detection for nested runes
WORK-105	Work	in-progress	Snapshot tests for identity transform output
WORK-051	Work	in-progress	Editor Package Awareness
WORK-089	Work	in-progress	Create @refrakt-md/astro adapter package

confirmed

Identifier	Type	Status	Title
RF-201	Bug	confirmed	Showcase bleed breaks with overflow:hidden parent
BUG-101	Bug	confirmed	Pipeline crashes on circular entity references

<section class="rf-collection" data-type="work,bug" data-layout="table" data-rune="collection" data-density="full">
  <div data-name="items" class="rf-collection__items rf-collection__items">
    <div class="rf-collection__group" data-group="blocked">
      <h3 class="rf-collection__group-title">blocked</h3>
      <table class="rf-collection__table">
        <thead>
          <tr>
            <th>Identifier</th>
            <th>Type</th>
            <th>Status</th>
            <th>Title</th>
          </tr>
        </thead>
        <tbody>
          <tr data-entity-id="RF-215">
            <td>
              <p>
                <a href="/runes/plan/work">RF-215</a>
              </p>
            </td>
            <td>Work</td>
            <td>
              <p>
                <span class="rf-badge rf-badge" data-meta-sentiment="negative" data-meta-type="status" data-rune="badge" data-density="full">blocked</span>
              </p>
            </td>
            <td>
              <p>Alignment system migration</p>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="rf-collection__group" data-group="in-progress">
      <h3 class="rf-collection__group-title">in-progress</h3>
      <table class="rf-collection__table">
        <thead>
          <tr>
            <th>Identifier</th>
            <th>Type</th>
            <th>Status</th>
            <th>Title</th>
          </tr>
        </thead>
        <tbody>
          <tr data-entity-id="BUG-103">
            <td>
              <p>
                <a href="/runes/plan/examples">BUG-103</a>
              </p>
            </td>
            <td>Bug</td>
            <td>
              <p>
                <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">in-progress</span>
              </p>
            </td>
            <td>
              <p>Decision log ignores date filter</p>
            </td>
          </tr>
          <tr data-entity-id="WORK-104">
            <td>
              <p>
                <a href="/runes/plan/examples">WORK-104</a>
              </p>
            </td>
            <td>Work</td>
            <td>
              <p>
                <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">in-progress</span>
              </p>
            </td>
            <td>
              <p>Heading level auto-detection for nested runes</p>
            </td>
          </tr>
          <tr data-entity-id="WORK-105">
            <td>
              <p>
                <a href="/runes/plan/examples">WORK-105</a>
              </p>
            </td>
            <td>Work</td>
            <td>
              <p>
                <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">in-progress</span>
              </p>
            </td>
            <td>
              <p>Snapshot tests for identity transform output</p>
            </td>
          </tr>
          <tr data-entity-id="WORK-051">
            <td>
              <p>
                <a href="">WORK-051</a>
              </p>
            </td>
            <td>Work</td>
            <td>
              <p>
                <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">in-progress</span>
              </p>
            </td>
            <td>
              <p>Editor Package Awareness</p>
            </td>
          </tr>
          <tr data-entity-id="WORK-089">
            <td>
              <p>
                <a href="">WORK-089</a>
              </p>
            </td>
            <td>Work</td>
            <td>
              <p>
                <span class="rf-badge rf-badge" data-meta-sentiment="neutral" data-meta-type="status" data-rune="badge" data-density="full">in-progress</span>
              </p>
            </td>
            <td>
              <p>Create @refrakt-md/astro adapter package</p>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="rf-collection__group" data-group="confirmed">
      <h3 class="rf-collection__group-title">confirmed</h3>
      <table class="rf-collection__table">
        <thead>
          <tr>
            <th>Identifier</th>
            <th>Type</th>
            <th>Status</th>
            <th>Title</th>
          </tr>
        </thead>
        <tbody>
          <tr data-entity-id="RF-201">
            <td>
              <p>
                <a href="/runes/plan/bug">RF-201</a>
              </p>
            </td>
            <td>Bug</td>
            <td>
              <p>
                <span class="rf-badge rf-badge" data-meta-sentiment="caution" data-meta-type="status" data-rune="badge" data-density="full">confirmed</span>
              </p>
            </td>
            <td>
              <p>Showcase bleed breaks with overflow:hidden parent</p>
            </td>
          </tr>
          <tr data-entity-id="BUG-101">
            <td>
              <p>
                <a href="/runes/plan/examples">BUG-101</a>
              </p>
            </td>
            <td>Bug</td>
            <td>
              <p>
                <span class="rf-badge rf-badge" data-meta-sentiment="caution" data-meta-type="status" data-rune="badge" data-density="full">confirmed</span>
              </p>
            </td>
            <td>
              <p>Pipeline crashes on circular entity references</p>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </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`. `all` is work + bug; other types must be requested explicitly
`layout`	`string`	`cards`	Item layout: `cards` (default), `list`, or `table`. Forwarded to the underlying `collection`.
`limit`	`number`	—	Cap the number of entities rendered. Applied after sort, before group — "top N" semantics. Unset renders the full filtered set.

Output structure

Backlog is thin sugar over collection: each entity renders through a universal projection that works for every plan type by construction.

Cards / list (default) — each item is a card whose top strip is a bar: the identifier (id, or name for milestones) on the left, a sentiment-coloured status badge on the right, the title below. When the set spans more than one type (and isn't grouped by type), a small type chip appears beside the identifier — omitted for a single-type backlog, so there's no noise.
Table — Identifier · Type · Status · Title columns.

When scoped to a single type, a card also surfaces that type's key field — work shows priority, bug shows severity — since the set is homogeneous. A mixed set stays universal (no ragged per-row columns); for richer per-type detail, author your own collection body. When group is set, items are wrapped in groups headed by the group value.