← Cycles
Design · c84

Cycles Status Page

activecreated 2026-09-03· last activity 2026-09-09· mode: Assemblage - the cycle records, c71 atlas parser, c69 operating-system findings, bob-wire fidelity ladder, and q-nuxt-layer components already exist; the work is composing them into a team-facing operating surface

Redesign `/cycles` into a living Design status surface - working now, decisions, seeds, blocked work, abandoned ideas, and the existing atlas

New in this cycle: A living Design status surface for /cycles — four lo-fi directions (workboard, standup feed, matrix, rulings), four layer mockups of the same, and the promoted M5 Current Matrix: live work first, closed archive hidden, a decision queue, explicit row and column definitions

Why

Design is becoming a visible member of the team. The existing /cycles page is a strong archive and atlas, but it does not immediately answer the operational question: what is Design working on now, what is parked, what is blocked, what is only a seed, and what should be ruled abandoned or archived?

c69 identified this exact failure mode: too many nominally-active cycles, stale records, parked decisions, and no quick way for a fresh teammate or agent to understand the live shape of the work. c71 built the raw material - parsed cycle records, detail pages, status joins, imagery, and project grouping - and explicitly deferred the completeness/filter/ops view. This cycle turns that deferred view into the /cycles landing page.

Objective

Design the next /cycles landing page through the bob-wire fidelity ladder, implemented inside the design repo's /pages gallery under a new _meta category:

  1. Write a goal-oriented design brief.
  2. Produce four lo-fi wireframe directions.
  3. Produce four q-nuxt-layer mockups using established design components and page patterns.
  4. Preserve the existing atlas and detail-page role while making "working now" the first-viewport answer.

Done looks like: /pages/_meta exists; four wireframes and four mockups render there; the cycle docs explain the directions, component/pattern references, and recommended next build slice.

Scope

  • cycles/c84.cycles-status-page/ - prompt, plan, brief, cycle record
  • app/pages/pages/_meta/** - c84 wireframes and mockups
  • app/data/page-registry.ts - _meta phase/category and page entries
  • app/data/meta-cycle-status.ts - local fixture/data for the c84 prototypes
  • app/pages/pages/index.vue, app/pages/pages/phase0/index.vue - route/category bookkeeping

Out: replacing the live /cycles page in this first pass; Linear or GitHub status joins; server parser implementation beyond what the mockups need.

Key Changes

  • 2026-09-03 - Cycle activated from Mark's execution prompt. Saved the first planning pass in cycles-status-page-plan.md; execution prompt and plan in execution-prompt.md and execution-plan.md. Design brief lives in briefs/cycles-status-page.md.
  • 2026-09-03 - First design pass completed under /pages/_meta: four lo-fi wireframes, four q-nuxt-layer mockups, _meta page registry support, and a local status fixture in app/data/meta-cycle-status.ts. npm run build completes successfully; /pages/_meta and all eight prototype routes return HTTP 200 on the local dev server. Existing prerender warnings remain outside this cycle's routes.
  • 2026-09-03 - Mark selected M3 Matrix as the strongest direction and clarified that iterations should preserve older experiments. Restored M3 as the original first-pass mockup and added cycles-status-m5-current-matrix as the promoted refinement. M5 adds a clearer first viewport, row/column definitions, decision queue, live register, and a hidden-by-default closed archive backed by /api/cycles (91 closed cycles in the local atlas). Prompt and plan saved as iteration-2-prompt.md and iteration-2-plan.md.

Outcome

M5 Current Matrix is the promoted c84 candidate. Earlier wireframes and mockups remain preserved for comparison; the next production slice is replacing the /cycles first viewport with the M5 operating read while keeping the atlas below it.

Visual record

17 captures — heroes, page slices, and full-page renders. Click to view.

/pages/_meta/cycles-status-wf1-workboard — WF1 Workboard — lo-fi: four operational lanes make working-now, waiting, seeds, blocked and recently-closed cycles visible at standup speed
/pages/_meta/cycles-status-wf1-workboard — WF1 Workboard — lo-fi: four operational lanes make working-now, waiting, seeds, blocked and recently-closed cycles visible at standup speed open page →
/pages/_meta/cycles-status-wf2-standup — WF2 Standup Feed — lo-fi: chronological work feed with a decision-queue rail for teammates asking what changed since the last look
/pages/_meta/cycles-status-wf2-standup — WF2 Standup Feed — lo-fi: chronological work feed with a decision-queue rail for teammates asking what changed since the last look open page →
/pages/_meta/cycles-status-wf3-matrix — WF3 Matrix — lo-fi: stage-by-attention portfolio map that exposes imbalance, stale work and backlog shape
/pages/_meta/cycles-status-wf3-matrix — WF3 Matrix — lo-fi: stage-by-attention portfolio map that exposes imbalance, stale work and backlog shape open page →
/pages/_meta/cycles-status-wf4-rulings — WF4 Rulings — lo-fi: decision-first desk where parked, blocked and needs-ruling cycles sit above ordinary active work
/pages/_meta/cycles-status-wf4-rulings — WF4 Rulings — lo-fi: decision-first desk where parked, blocked and needs-ruling cycles sit above ordinary active work open page →
/pages/_meta/cycles-status-m1-workboard — M1 Workboard — layer mockup: c68/c81-style verdict, stats band, operational lanes and an atlas preview
/pages/_meta/cycles-status-m1-workboard — M1 Workboard — layer mockup: c68/c81-style verdict, stats band, operational lanes and an atlas preview open page →
/pages/_meta/cycles-status-m2-standup — M2 Standup Feed — layer mockup: event-feed landing with compact decision and seed rails
/pages/_meta/cycles-status-m2-standup — M2 Standup Feed — layer mockup: event-feed landing with compact decision and seed rails open page →
/pages/_meta/cycles-status-m3-matrix — M3 Matrix — layer mockup: stage matrix plus a dense supporting table on the data-table pattern
/pages/_meta/cycles-status-m3-matrix — M3 Matrix — layer mockup: stage matrix plus a dense supporting table on the data-table pattern open page →
/pages/_meta/cycles-status-m4-rulings — M4 Rulings — layer mockup: decision-first ruling surface for parked, blocked, stale and abandon-candidate work
/pages/_meta/cycles-status-m4-rulings — M4 Rulings — layer mockup: decision-first ruling surface for parked, blocked, stale and abandon-candidate work open page →
/pages/_meta/cycles-status-m5-current-matrix — M5 Current Matrix — the promoted candidate: M3 evolved with live work first, closed archive hidden by default, a decision queue and explicit row / column definitions
/pages/_meta/cycles-status-m5-current-matrix — M5 Current Matrix — the promoted candidate: M3 evolved with live work first, closed archive hidden by default, a decision queue and explicit row / column definitions open page →
c84 full
open page →
c84 full
open page →
c84 full
open page →
c84 full
open page →
c84 full
open page →
c84 full
open page →
c84 full
open page →
c84 full
open page →

Artifacts

Qpoint Brand Style Guide