Skip to content
V5EvolutionPhase 7 · complete

Evolution.The system remembers itself.

This is the engineering memory layer for the portfolio ecosystem. Not the changelog (that lives at /changelog and reads the raw commit firehose). Not the project archive (those live at /architecture). This is the editorial registry of architectural moments the system chooses to remember — versioned, typed, append-only.

01 · The registry

17 architectural events recorded across 2026-05-142026-05-19. 16 currently active; the rest carry the superseded flag and remain in the archive for the audit trail.

Architecture
1
Infrastructure
3
AI system
7
Topology
2
Release
2
Milestone
2
Evolution
0

02 · Filter by category

Seven categories index the registry. Each one is an architectural axis — not a content type. Pick one to narrow the archive, or stay on the unfiltered view to read the full memory.

SystemNarrowed to cloud-waste-hunter. Remove filter

03 · Scrub the timeline

The slider below is the cursor over the engineering memory. Drag the thumb, click a tick, step with the arrow keys, or press play to let the cursor advance from the present back to genesis. The track is a single WAI-ARIA slider — keyboard, mouse, and touch all work; reduced-motion preserves the slider but removes the easing.

cursorV5 Phase 6 closes — Sensory Awakening complete

2026-05-14
2026-05-19

04 · The memory

  1. TopologyV3 Phase 4· cloud-waste-hunter

    CWH topology engine transplanted onto the homepage

    The Three.js + @xyflow/react topology that originally lived on /architecture/cloud-waste-hunter was migrated onto the homepage as the hero constellation. The same scene, with the project-side camera philosophy adapted to a spatial-freedom variant that reacts to scroll. Identical chunk reused across both surfaces — the global bundle didn't grow.

    The CWH topology was the strongest single visual artifact the portfolio had. Moving it to the homepage made the engineering case the FIRST thing a visitor sees, ahead of any biographical / case-study prose. The decision required the topology to support two camera modes (constrained scroll-through on /architecture, free spatial on the home hero) which the same engine had to negotiate.

  2. ReleaseV3 Phase 3· cloud-waste-hunter

    Cloud Waste Hunter Pro — pricing + live metrics shipped

    Cloud Waste Hunter moved from project case study to monetized SaaS surface: a pricing page, a Lemon Squeezy checkout flow, a live-metrics endpoint that surfaces real production numbers, and the embedded CWH Pro CTA that appears on both /projects/aws-waste-hunter and /architecture/cloud-waste-hunter. The portfolio became its own conversion funnel.

    Demonstrating that a single-engineer SaaS can run a production billing flow inside the portfolio itself — instead of linking out to a separate marketing site — is the V3 signal that V4's OSS launch + V5's adaptive recruiter intelligence would each build on. The portfolio became a conversion surface in its own right.

  3. TopologyV3 Phase 2· cloud-waste-hunter

    3D AWS topology — Cloud Waste Hunter explorer

    A WebGL scene representing the Cloud Waste Hunter architecture as a 12-node 3D constellation. Three.js with @react-three/fiber + @react-three/drei; mobile falls back to a 2D hierarchical view. Renders only on the project sub-page (route-isolated chunk) so the global bundle stays cinematic-fast.

    V3's signal experiment: a project case study where the topology is the protagonist, not a static SVG. The route quarantine kept the WebGL cost out of the global bundle; the same pattern is the foundation for Phase 8's cinematic topology (one route, one spectacle).

05 · Live adoption

The temporal layer records three kinds of adoption event: the page rendered, a category filter was applied, an event deep-link was followed. All three are aggregate-only — counters by event kind, no per-visitor identifier, no session-id field. The numbers below are cumulative since the layer was first enabled.

view

category_view

event_view

Playback verbsCounters for the five primitive operations the slider exposes — seek (click or keyboard jump), scrub (drag), play (auto-advance), pause, step (single frame). Every counter increments fire-and-forget; the slider never blocks on the network.

seek

scrub

play

pause

step

Timeline engagementThe slider's lifecycle hash. Each visitor session increments mounted at most once when the slider renders, and engaged at most once on the first scrub, seek, step, or play interaction. The rate captures awareness vs use.

mounted

engaged

engagement_rate

06 · Source files

Every entry in the registry is grounded in code. Click any row to read the file on GitHub.

V5 · Phase 7 · Temporal Architecture·Append-only registry·Versioned + typed + provenanced

Phase 7 closes here. Four sub-PRs landed the temporal architecture: 7.1 the schema + registry + archive surface, 7.2 the deterministic playback primitive, 7.3 the WAI-ARIA slider above, and 7.4 the per- project mount on /architecture pages (hidden below 768px viewport, opt-in by registry coverage). The observation window now opens before Phase 8 (cinematic topology); no further temporal surface ships during that window.