TemplatesU21 · Timeline
U21 · order 11 of 24 · host fable

Timeline page

one per project + one global · 10 projects + Agent Zero; axis = commits, seats born/closed, decisions, docs, source captures, writebacks

builtorder 11host fableprojectsissue #53
00

The page, rendered

this template composed from real data, inside the CRM shell

Open it full size: /t/U21/example/ · data: example.json · schema.json

01

Why this template exists

his words · the reading · the ceilings
  1. His words 1

    verbatim, from 00_AGENT_ZERO/source/ — never paraphrased

    the timeline what docs have we made over those timelinesShaan · 6 Sep 18:19
  2. Reading authored by the seat

    His 18:19: 'the timeline what docs have we made over those timelines'. Time is the one axis every record shares; without it 'what happened in 48 h' is a hand-written page (the Checkpoint) every time.

    Readers. Human: what happened when. Agent: the ordered events to reconstruct state at a date.

    1. What happened on day X?
    2. When was this doc/commit/decision made and by which seat?
    3. How dense was the work?
  3. What this page may claim

    Claim ceilingOnly dated records; auto-backup commits marked as such.
    Data it rendersgit log, OWNERS.md, decisions.json, source/, docs mtimes.
    PrivacyPublic; private repos contribute counts, not messages.
    Empty state
    Agent entrybin/az-timeline (to write)
02

Content contract

his twelve, 18:19; '—' means this family carries nothing there
1 · title

timeline

2 · subtitle

project · range

3 · paragraph

4 · mind map

5 · repos

commit lanes

6 · research

7 · docs

doc lane

8 · progress

density

9 · agents

seat lane

10 · timeline

the page

11 · docs over_time

the doc lane

12 · own nav

lanes · days

03

Sections, in order · where it lives

  1. 1
    one axis, day ticks
  2. 2
    lanes: commits · seats · decisions · docs · his words
  3. 3
    filters by lane
  4. 4
    hover = the record
Lives at
/timeline/ on the Agent Zero page and a 'timeline' section on every U4
Instances
one per project + one global
Count
10 projects + Agent Zero; axis = commits, seats born/closed, decisions, docs, source captures, writebacks
Renders
git log per repo (date, hash, author human/auto), OWNERS.md, decisions.json, ls source/, ls docs by mtime, owners.log
Theme
lane colours = the six accents
Rail
U0
Needs
Links out
U17 U16 U18 U4
Links in
U4 U9 U1
04

What to rob

presentation only; licences kept

From the Action Model sites (built from real data)

industry page 'states flow' (received → normalized → …) as the lane legend

Components, exact locations (Luna inventory)

ComponentWhereRendersHowQuality
Actionist grouped registry railsystem-map/nav.js:74-123,125-174; system-map/nav.css:27-177page-registry.json sections/pages, status, descriptions and route IDsCopy nav.js/nav.css and feed a registry JSON with sections and pages.good — complete persistent grouped navigation and active-route state
Flow / process stepssystem-map/index.html:93-104; blueprint/index.html:57-60,487-492; live block-runtime SVG/sectionsOrdered stages from discovery through composition, runtime, and learningCopy flow-step styling and feed ordered stage objects with labels and descriptions.good — communicates sequence without requiring a chart library
Phase tracktask-graph/index.html line 1 generated markup; part-page.css:77-93; blueprint/index.html:475-479Ordered program phases with owner/mode, description, and current phase markerCopy phase card/grid CSS and feed ordered phase records plus current marker.good — supports roadmap and execution state at a glance

From the 21st.dev bank (his picks, his notes)

timeline
timeline of text, it's clean. I wouldn't say amazingShaan · ui-bank note

Rob this timeline composition for timeline page (commits, docs, seats, decisions on one axis).

great-ui-revision-timeline
great-ui revision timeline looks cool, the only comp I'm going to give you from themShaan · ui-bank note

Rob this great-ui-revision-timeline composition for timeline page (commits, docs, seats, decisions on one axis).

estimated-arrival
estimated time arrival, really interesting, don't know where we'd use it, love to have it. Progress bar could be useful in the operator app somewhereShaan · ui-bank note

Rob this estimated-arrival composition for timeline page (commits, docs, seats, decisions on one axis).

with-slash
these breadcrumbs, the way they do them is just really niceShaan · ui-bank note

Rob this with-slash composition for timeline page (commits, docs, seats, decisions on one axis).

Bank gaps: cross-source normalization and one-axis ordering need bespoke data

05

Done when

facts have a receipt; the rest is proposal
fact · has a receiptproposal · not yet
Template templates/U21/template.html composes parts; example.json is real data.https://github.com/sisodias/siso-shell/tree/main/templates/U21
Done when: Open /timeline/?project=halo and see 37 commits, HALO-ZERO born 5 Sep 12:01 and closed, its writebacks, and the docs it produced, on one axis/t/U21/example/
State on 6 Sep 18:36 (plan): nothing renders time; the closest is the Overnight page's ten linesplan/templates.json status field
Limits
  • Counts on this page come from plan/templates.json (6 Sep 18:36), not from a live registry query.
  • 'Built' means the template folder exists and renders; the done-when line is the acceptance.