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.

Plan Activity

Renders a recent activity feed showing the most recently modified plan entities. Each entry displays the modification date, entity type, ID, status, and title. Status badges are color-coded using the plan status palette.

This is a self-closing aggregation rune — it produces a sentinel that the pipeline resolves with live entity data, sorted by file modification time.

Default (last 10 items)

{% plan-activity /%}

<section data-rune="collection">
  <meta data-field="collection-type" content="work,bug,spec,decision,milestone">
  <meta data-field="collection-filter" content="">
  <meta data-field="collection-sort" content="-modified">
  <meta data-field="collection-group" content="">
  <meta data-field="collection-limit" content="10">
  <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="# Item
{% link href=$item.url %}**{% $item.id %}** — {% $item.data.title %}{% /link %}
# Type
{% humanize($item.type) %}
# Status
{% humanize($item.data.status) %}
# Modified
{% date($item.data.modified) %}
">
  <div data-name="items"></div>
</section>

Item	Type	Status	Modified
WORK-101 — Content model validation errors	Work	Ready	Sep 13, 2026
WORK-102 — Token fallback chain for nested tints	Work	Ready	Sep 13, 2026
WORK-103 — Interactive rune playground	Work	Ready	Sep 13, 2026
WORK-104 — Heading level auto-detection for nested runes	Work	In Progress	Sep 13, 2026
WORK-105 — Snapshot tests for identity transform output	Work	In Progress	Sep 13, 2026
WORK-106 — Add copy button to code fences	Work	Done	Sep 13, 2026
WORK-107 — Theme marketplace architecture	Work	Draft	Sep 13, 2026
WORK-108 — Responsive modifier system	Work	Review	Sep 13, 2026
RF-142 — Implement tint rune dark mode support	Work	Ready	Sep 13, 2026
RF-215 — Alignment system migration	Work	Blocked	Sep 13, 2026

<section class="rf-collection" data-type="work,bug,spec,decision,milestone" data-layout="table" data-rune="collection" data-density="full">
  <div data-name="items" class="rf-collection__items rf-collection__items">
    <table class="rf-collection__table">
      <thead>
        <tr>
          <th>Item</th>
          <th>Type</th>
          <th>Status</th>
          <th>Modified</th>
        </tr>
      </thead>
      <tbody>
        <tr data-entity-id="WORK-101">
          <td>
            <p>
              <a href="/runes/plan/examples">
                <strong marker="**">WORK-101</strong>
                 — 
                Content model validation errors
              </a>
            </p>
          </td>
          <td>Work</td>
          <td>Ready</td>
          <td>Sep 13, 2026</td>
        </tr>
        <tr data-entity-id="WORK-102">
          <td>
            <p>
              <a href="/runes/plan/examples">
                <strong marker="**">WORK-102</strong>
                 — 
                Token fallback chain for nested tints
              </a>
            </p>
          </td>
          <td>Work</td>
          <td>Ready</td>
          <td>Sep 13, 2026</td>
        </tr>
        <tr data-entity-id="WORK-103">
          <td>
            <p>
              <a href="/runes/plan/examples">
                <strong marker="**">WORK-103</strong>
                 — 
                Interactive rune playground
              </a>
            </p>
          </td>
          <td>Work</td>
          <td>Ready</td>
          <td>Sep 13, 2026</td>
        </tr>
        <tr data-entity-id="WORK-104">
          <td>
            <p>
              <a href="/runes/plan/examples">
                <strong marker="**">WORK-104</strong>
                 — 
                Heading level auto-detection for nested runes
              </a>
            </p>
          </td>
          <td>Work</td>
          <td>In Progress</td>
          <td>Sep 13, 2026</td>
        </tr>
        <tr data-entity-id="WORK-105">
          <td>
            <p>
              <a href="/runes/plan/examples">
                <strong marker="**">WORK-105</strong>
                 — 
                Snapshot tests for identity transform output
              </a>
            </p>
          </td>
          <td>Work</td>
          <td>In Progress</td>
          <td>Sep 13, 2026</td>
        </tr>
        <tr data-entity-id="WORK-106">
          <td>
            <p>
              <a href="/runes/plan/examples">
                <strong marker="**">WORK-106</strong>
                 — 
                Add copy button to code fences
              </a>
            </p>
          </td>
          <td>Work</td>
          <td>Done</td>
          <td>Sep 13, 2026</td>
        </tr>
        <tr data-entity-id="WORK-107">
          <td>
            <p>
              <a href="/runes/plan/examples">
                <strong marker="**">WORK-107</strong>
                 — 
                Theme marketplace architecture
              </a>
            </p>
          </td>
          <td>Work</td>
          <td>Draft</td>
          <td>Sep 13, 2026</td>
        </tr>
        <tr data-entity-id="WORK-108">
          <td>
            <p>
              <a href="/runes/plan/examples">
                <strong marker="**">WORK-108</strong>
                 — 
                Responsive modifier system
              </a>
            </p>
          </td>
          <td>Work</td>
          <td>Review</td>
          <td>Sep 13, 2026</td>
        </tr>
        <tr data-entity-id="RF-142">
          <td>
            <p>
              <a href="/runes/plan/work">
                <strong marker="**">RF-142</strong>
                 — 
                Implement tint rune dark mode support
              </a>
            </p>
          </td>
          <td>Work</td>
          <td>Ready</td>
          <td>Sep 13, 2026</td>
        </tr>
        <tr data-entity-id="RF-215">
          <td>
            <p>
              <a href="/runes/plan/work">
                <strong marker="**">RF-215</strong>
                 — 
                Alignment system migration
              </a>
            </p>
          </td>
          <td>Work</td>
          <td>Blocked</td>
          <td>Sep 13, 2026</td>
        </tr>
      </tbody>
    </table>
  </div>
</section>

Custom limit

Show fewer or more recent items.

{% plan-activity limit="5" /%}

<section data-rune="collection">
  <meta data-field="collection-type" content="work,bug,spec,decision,milestone">
  <meta data-field="collection-filter" content="">
  <meta data-field="collection-sort" content="-modified">
  <meta data-field="collection-group" content="">
  <meta data-field="collection-limit" content="5">
  <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="# Item
{% link href=$item.url %}**{% $item.id %}** — {% $item.data.title %}{% /link %}
# Type
{% humanize($item.type) %}
# Status
{% humanize($item.data.status) %}
# Modified
{% date($item.data.modified) %}
">
  <div data-name="items"></div>
</section>

Item	Type	Status	Modified
WORK-101 — Content model validation errors	Work	Ready	Sep 13, 2026
WORK-102 — Token fallback chain for nested tints	Work	Ready	Sep 13, 2026
WORK-103 — Interactive rune playground	Work	Ready	Sep 13, 2026
WORK-104 — Heading level auto-detection for nested runes	Work	In Progress	Sep 13, 2026
WORK-105 — Snapshot tests for identity transform output	Work	In Progress	Sep 13, 2026

<section class="rf-collection" data-type="work,bug,spec,decision,milestone" data-layout="table" data-rune="collection" data-density="full">
  <div data-name="items" class="rf-collection__items rf-collection__items">
    <table class="rf-collection__table">
      <thead>
        <tr>
          <th>Item</th>
          <th>Type</th>
          <th>Status</th>
          <th>Modified</th>
        </tr>
      </thead>
      <tbody>
        <tr data-entity-id="WORK-101">
          <td>
            <p>
              <a href="/runes/plan/examples">
                <strong marker="**">WORK-101</strong>
                 — 
                Content model validation errors
              </a>
            </p>
          </td>
          <td>Work</td>
          <td>Ready</td>
          <td>Sep 13, 2026</td>
        </tr>
        <tr data-entity-id="WORK-102">
          <td>
            <p>
              <a href="/runes/plan/examples">
                <strong marker="**">WORK-102</strong>
                 — 
                Token fallback chain for nested tints
              </a>
            </p>
          </td>
          <td>Work</td>
          <td>Ready</td>
          <td>Sep 13, 2026</td>
        </tr>
        <tr data-entity-id="WORK-103">
          <td>
            <p>
              <a href="/runes/plan/examples">
                <strong marker="**">WORK-103</strong>
                 — 
                Interactive rune playground
              </a>
            </p>
          </td>
          <td>Work</td>
          <td>Ready</td>
          <td>Sep 13, 2026</td>
        </tr>
        <tr data-entity-id="WORK-104">
          <td>
            <p>
              <a href="/runes/plan/examples">
                <strong marker="**">WORK-104</strong>
                 — 
                Heading level auto-detection for nested runes
              </a>
            </p>
          </td>
          <td>Work</td>
          <td>In Progress</td>
          <td>Sep 13, 2026</td>
        </tr>
        <tr data-entity-id="WORK-105">
          <td>
            <p>
              <a href="/runes/plan/examples">
                <strong marker="**">WORK-105</strong>
                 — 
                Snapshot tests for identity transform output
              </a>
            </p>
          </td>
          <td>Work</td>
          <td>In Progress</td>
          <td>Sep 13, 2026</td>
        </tr>
      </tbody>
    </table>
  </div>
</section>

Attributes

Attribute	Type	Required	Description
`limit`	`number`	—	Maximum number of recent items to show.

Universal attributes

The background layer (SPEC-088): image, video, gradient, flat overlay wash and legibility scrim, in a single injected layer behind the rune's content.

Attribute	Type	Required	Description
`bg`	`string`	—	Background preset applied to this block
`bg-from`	`string`	—	Gradient start colour — a semantic token name (→ var(--rf-color-*))
`bg-gradient`	`"to-t" \| "to-b" \| "to-l" \| "to-r" \| "to-tr" \| "to-br" \| "to-bl" \| "to-tl"`	—	Gradient direction (bounded named set)
`bg-gradient-type`	`"linear" \| "radial" \| "conic"`	—	Gradient type
`bg-to`	`string`	—	Gradient end colour — a semantic token name
`bg-via`	`string`	—	Optional middle gradient stop — a semantic token name
`scrim`	`"top" \| "bottom" \| "left" \| "right" \| "none"`	—	Scrim direction (heaviest edge); presence turns the scrim on, "none" opts out of the default cover scrim
`scrim-blur`	`"none" \| "sm" \| "md" \| "lg"`	—	Frost scrim blur amount
`scrim-strength`	`"sm" \| "md" \| "lg"`	—	Gradient scrim strength
`scrim-tone`	`"dark" \| "light"`	—	Whether the scrim darkens (for light text) or lightens (for dark text)
`scrim-type`	`"gradient" \| "frost"`	—	Scrim treatment: gradient (default) or frost (backdrop blur)

The chrome/depth ladder (SPEC-107). The skin maps each rung to a chrome bundle by attribute, so there is no BEM class.

Attribute	Type	Required	Description
`elevation`	`"sunken" \| "flush" \| "flat" \| "raised" \| "floating" \| "overlay" \| "none" \| "sm" \| "md" \| "lg"`	—	Surface depth on the SPEC-107 ladder (sunken→overlay); none/sm/md/lg are deprecated aliases

Internal padding override.

Attribute	Type	Required	Description
`inset`	`"flush" \| "tight" \| "default" \| "loose" \| "breathe"`	—	Inner padding of this block

Scroll-reveal entrance (SPEC-105). The author declares the character, the theme owns the choreography, a behaviour owns the timing.

Attribute	Type	Required	Description
`reveal`	`"none" \| "fade" \| "slide" \| "scale" \| "blur"`	—	Scroll-reveal entrance character (none\|fade\|slide\|scale\|blur); the theme owns the choreography
`stagger`	`boolean`	—	Cascade this block's items in as it reveals (no-op on single-child runes)

Block-level rhythm override.

Attribute	Type	Required	Description
`spacing`	`"flush" \| "tight" \| "default" \| "loose" \| "breathe"`	—	Vertical spacing above and below this block

Generated pattern fills (SPEC-087). Markers only — the engine sets the attributes and cell/opacity custom properties, CSS draws the pattern.

Attribute	Type	Required	Description
`substrate`	`"dots" \| "grid" \| "lines" \| "cross" \| "checker" \| "none"`	—	Generated surface pattern
`substrate-fill`	`"inherit" \| "inset"`	—	Surface fill the pattern sits on (full colour stays with tint)
`substrate-opacity`	`"sm" \| "md" \| "lg"`	—	Pattern ink strength
`substrate-size`	`"sm" \| "md" \| "lg"`	—	Pattern cell size
`substrate-target`	`"self" \| "media"`	—	Which surface the pattern fills (overrides the rune/theme default)

Per-rune colour override (SPEC-053): a named tint from the theme registry, with inline per-token overrides layered on top.

Attribute	Type	Required	Description
`tint`	`string`	—	Color tint preset applied to this block
`tint-mode`	`"auto" \| "dark" \| "light"`	—	Whether the tint adapts to auto, dark, or light mode

The track a block rune occupies.

Attribute	Type	Required	Description
`width`	`"compact" \| "narrow" \| "content" \| "wide" \| "full"`	—	Maximum width constraint for this block

Not available	Why
dropcap, reading	this rune declares no prose body
frame	this rune declares neither a `frameTarget` nor a media section
prominence	this rune has no page-section header

Output structure

The rune resolves to an ordered list of entries, each containing:

Modification date (<time> element, ISO date format)
Entity type label (work, bug, spec, decision)
Entity ID
Status badge with [data-status] color-coding
Entity title

Items are sorted by file modification time, most recent first. Only entities with available modification data are included. Modification dates are sourced from the shared content pipeline's $file.modified variable, which uses git commit timestamps with a filesystem stat fallback.

Docs

Runes

Themes

Extend

Project

Essentials

Content

Registry

Layout

Code & Data

Site

Marketing

Docs

Storytelling

Places

Business

Learning

Design

Media

Plan