⏱ TIME MACHINE¶

UCCA / UCCO Build Session Handover¶

19 March 2026 — Session 24¶

"Honest instrument. No theatre for its own sake. The show is the machine working."

1. Session 24 Summary¶

Three streams: Trust surface completed, qual page redesign fully specced with live interactive mockup built, and Chrome browser access established (plugin now connected — Claude can browse live sites directly).

Stream A — Trust Surface (COMPLETE)

All five trust docs written and downloaded to Tim's Downloads folder. TRUST SURFACE RULE satisfied.

Files: - cookie-policy.md — already live, replace if different - privacy-policy.md — already live, replace if different - accessibility.md — already live, replace if different - copyright-disclaimer.md — already live, replace if different - ai-transparency.md — NEW, deploy at /ai-transparency/

Entity used throughout: United Central Colleges of Australia Pty Ltd (ABN 59 168 872 535) · 149 Wickham Tce, Spring Hill QLD 4000 · admin@rtopacks.com.au

The copyright doc already links to /ai-transparency/ — that link resolves the moment Alex deploys the fifth doc.

The AI Transparency Statement incorporates the full JSA statutory disclaimer verbatim, explains perturbation and rounding, covers both VNDA and NCVER/VOCSTATS data sources, and includes the "We searched. This is what exists." positioning.

Alex instruction: Drop all five into trust.rtopacks.com.au MkDocs source. Nav: Data & Privacy section. Add ai-transparency.md as new entry. Confirm all five live.

Stream B — Qual Page Redesign (FULLY SPECCED + MOCKUP BUILT)

This is B-DETAIL-02. The live interactive mockup was built in Session 24 and is the design reference for Alex. Full concept locked — see Section 3 below.

Stream C — Chrome Access (NEW CAPABILITY)

Chrome browser plugin connected this session. Claude can now browse live sites directly. Used to read all four existing trust docs on trust.rtopacks.com.au and inspect rtopacks.com.au qual detail page (PSP50922 Diploma of Interpreting) and JSA VNDA dashboard.

2. Trust Surface — Final State¶

All five docs confirmed against live site. Entity, address, contact all consistent. Copyright doc references AI Transparency at /ai-transparency/ — was written in anticipation, now fulfilled.

TRUST SURFACE RULE: ✅ Five of five documents written. Pending Alex deployment of ai-transparency.md.

3. B-DETAIL-02 — Qual Page Redesign Brief¶

What it is¶

Complete redesign of rtopacks.com.au/qual/[code]/ — the qualification detail page. Replaces current narrow centred layout with full-width two-zone architecture.

Design reference¶

The interactive mockup built in Session 24 is the reference. Tim approved it with "OMG BRILLIANT." Do not deviate from the mockup without checking with Tim.

Architecture¶

Zone 1 — Identity (top, full width) Two columns, desktop. Left column: qual code badge (monospace, dark forest on black), title, AQF badge, status dot, training package · status meta, stat chips (Core / Elective / RTOs). Right column: units accordion — Core units expanded by default, Elective units collapsed. Unit items show code (monospace teal) + title.

Mobile stack order: badges → title → meta → stat chips → units accordion (collapsed by default on mobile to avoid burying Recon Panel).

Zone 2 — Recon Panel (bottom, full width) Five-tab switcher between zones. Tab bar on dark secondary background. Tabs: Overview · Employment · Income · Income support · Further study.

Each dimension has its own colour identity — locked: - Employment → teal (#0f9e82) - Income → amber (#c47a0f) - Income support → blue (#1a6fbf) - Further study → purple (#6b3fbf) - Overview → all four together

Active tab underline matches dimension colour.

Right side of tab bar: "Recon · VNDA 2020–21" label in tertiary text.

Overview panel: Four gauge cards in a grid (2×2 on mobile, 4×1 on desktop). Each card: - Semicircular arc gauge in dimension colour - Monospace number value - Short label - Delta badge (coloured pill, up/down) - Benchmark strip: this qual vs field avg vs AQF level (two thin bars, second at 35% opacity)

Below gauge grid: Opinionator (see below).

Employment / Income detail panels: Large semicircular gauge left, stat rows right. Same shuttle/lock animation on tab entry.

Income support / Further study panels (no qual-level data for most quals): Honest empty state — NOT a blank page. Shows: - "No qual-level data available" heading - National and AQF level benchmarks (we always have these) - "We searched. This is what exists." in tertiary text with link to /ai-transparency/

The Animation System — CRITICAL¶

This is the centrepiece. Must be implemented exactly as specced. Do not substitute CSS transitions.

Shuttle → Jog → Lock sequence (per gauge, independently clocked):

SHUTTLE — gauge sweeps fast, overshoots target by ~18 percentage points. Number ticks upward in monospace past the real value.
JOG — elastic ease-out rocks back toward target, narrowing oscillations.
LOCK — snaps to final value. Number settles. Delta badge fades in. Shimmer sweep across card. Benchmark bars extend.

Each gauge has its own delay (staggered ~150–500ms apart). They do NOT animate in sequence — they start roughly together but finish independently.

Random recalibration wobble (the rabbit/pigeon): - ~35% probability per gauge, determined at page load - Fires 1.2–2.0 seconds AFTER lock (random within that range) - Gauge nudges ±4–12 points in either direction, number flickers, then re-locks to correct value - Completely random which gauges wobble. Could be none. Could be three. Never predictable. - This is not decoration — it's the machine checking itself. Do not make it feel choreographed.

prefers-reduced-motion REQUIRED: - All animations collapse to instant fill - Recalibration wobble disabled - This is in the accessibility statement — non-negotiable

Big gauge animation (Employment / Income detail tabs): - Same shuttle/lock system, larger arc (298 dasharray vs 120) - Fires on tab entry, not page load

The Opinionator¶

Sits below the four gauge cards in the Overview panel.

Component: - Title: "Recon signal" (uppercase, small, spaced) - Three mode buttons: Graduate outcomes / Market size / Profitability - Gradient bar: left=weak (#e24b4a) → centre (#EF9F27) → right (#1D9E75) - Animated marker: circle that transitions to weighted position on the bar - Signal label: fades in after marker settles ("Weak signal" / "Below average" / "Moderate signal" / "Above average" / "Strong signal") - Disclaimer: "Signal based on observed VNDA graduate outcomes data. Weighting reflects your selected mode. Not a guarantee — apply your own judgement."

Weighting logic per mode:

Graduate outcomes: emp×0.4, inc×0.3, sup×0.2, stu×0.1
Market size:       emp×0.5, inc×0.1, sup×0.1, stu×0.3
Profitability:     emp×0.2, inc×0.5, sup×0.2, stu×0.1

Score = weighted sum of normalised dimension values (0–100). Marker position = score%.

Marker animation: cubic-bezier(.34,1.56,.64,1) — slight overshoot on settle. 1.2s duration.

V1 note: Unit count efficiency for Profitability mode proxied by raw unit count for now. Flag in UI if needed: "Unit complexity score based on core unit count."

Future (not V1): Opinionator settings persist per logged-in user account.

Bottom Bar¶

Left to right: 1. House icon in circle (32px, border, home navigation) 2. Search input (flex:1, rounded pill, placeholder: "Search within this qualification — or try /views") 3. GO button (rounded pill, dark forest green bg, teal text, monospace) 4. Three-dot journey indicator: - Dot 1: filled dark (active — exploring) - Arrow › - Dot 2: pulsing ring animation (more available) - Arrow › - Dot 3: empty (sign up) - "Sign up" label in small tertiary text

No "Search another" anywhere. No "Sign up — it's free" clearance sticker anywhere.

Typography¶

Monospace (var(--font-mono)) on ALL numbers in the Recon Panel — gauge values, delta badges, benchmark values, stat rows. This is non-negotiable. Numbers need to be fixed-width so the shuttle animation doesn't jitter horizontally.

Qual title: explore humanist serif if available. If not, current sans acceptable for V1 — flag for Tim.

Data attribution (REQUIRED on every panel)¶

Every Recon panel must show at bottom: "Source: VNDA FY2020–21 · Jobs and Skills Australia · Figures are perturbated statistical estimates. Percentages rounded to nearest integer, dollars to nearest $100. Data notes ↗"

Signal strength indicator (V1 scope TBD)¶

For quals with partial VNDA data (e.g. employment but not income), Opinionator should show confidence dots — how many of four dimensions have data. Three dots, filled = data present. Discuss with Tim before implementing.

4. What We Observed on the Live Site¶

Browsed rtopacks.com.au/qual/PSP50922 directly this session. Current state: - Narrow centred column, ~600px of a 1389px canvas - Three "Coming soon" cards in Market Intelligence section (Enrolment Trend / Completer Outcomes / Labour Market Demand) - "Completer Outcomes" card incorrectly labels source as "NCVER VET Student Outcomes 2025" — this is actually VNDA (JSA). Fix the label. - "Search another" button — remove, replace with home icon + journey dots - "Sign up — it's free" button — remove, replace with subtle journey indicator - Background video works, changes per qual — keep this - Footer attribution correct: training.gov.au · CC BY 4.0

Also browsed JSA VNDA dashboard (jobsandskills.gov.au). Confirmed five tab structure: Overview · Employment · Income · Income Support · Further Study. Their visualisation: purple/teal bar charts. Government-grade. Our assessment: "beige in purple clothing." RTOpacks is the instrument panel version of the same data.

5. Build Sequence — Current State¶

B-DETAIL-01            ✅ deployed
Bar colour #1a3a2a     ✅ deployed
Ghost text fix         ✅ deployed
B-RECON-01             ✅ Alex confirmed (494/63/7 rows, R2 dump)
Trust surface          ✅ written — pending Alex deploy of ai-transparency.md
B-DETAIL-02            📋 NEXT BRIEF — mockup built, spec above
VOCSTATS               ⏳ Wednesday
DDR-04                 📋 queued (needs trust surface fully live first)
B-RECON-01 ops stubs   📋 queued (three VNDA tables need ops stubs)
L3 workspace           📋 queued

6. Pending Decisions / Tim Queue¶

Domain renewals — ucca.com.au and ucca.asia expire 24 March 2026. URGENT — 4 days.
VOCSTATS data — arriving Wednesday, enrolment counts
B-DETAIL-02 brief — write for Alex next session (mockup is the reference)
B-RECON-01 ops stubs — write after B-DETAIL-02 or combine
Search Console — submit sitemap.xml (30 sec manual step, still pending)
Video production — 10 AI video loops, one per theme (Sora/Runway)
cp.rtopacks.com.au — reserve subdomain, stub page, CF Access
Raw VNDA dump — 523 unaccounted records in vnda_raw_all.json beyond the 494 quals
Apple Developer — Distribution cert dead entity name (low priority)
GitHub org "ucca-inc" — reserve before public repos go live
Opinionator signal strength / confidence dots — confirm V1 scope with Tim

7. Standing Rules — All Unchanged¶

Plus rules confirmed/added Session 24:

TRUST SURFACE RULE: trust.rtopacks.com.au must have all five docs live before DDR-04 goes live. Four live, one pending Alex deploy.

HONEST INSTRUMENT RULE (new): No theatre for its own sake on the Recon Panel. Empty states show what we know (benchmarks), not fake data. The animation shows the machine working, not a show. "We searched. This is what exists."

RECAL RANDOMNESS RULE (new): The recalibration wobble on gauge animation must be genuinely random — probability at page load, not scripted sequence. Never make it feel choreographed.

PREFERS-REDUCED-MOTION RULE (new): All Recon Panel animations must respect prefers-reduced-motion. Instant fill if set. Non-negotiable per accessibility statement.

VNDA ATTRIBUTION RULE (new): Every Recon Panel view must show VNDA source attribution with link to /ai-transparency/. No exceptions.

VNDA RULE: VNDA is primary outcomes source. ATO-linked, qual-code keyed. Annual cadence. Bandito script needs fresh cookies per run.

CC BY-ND RULE: TGA content verbatim, no derivatives.

BRIEF DRIP RULE: One brief to Alex at a time. Confirm deployed before next drops.

8. Key Identifiers¶

rtopacks-db D1: 334ac8fb-9850-48c0-9da0-b56c55640e98
UCCA CF account: e5a9830215a8d88961dc6c80a8c7442a
R2 raw dump: ucca-terraform-state bucket / vnda/vnda_raw_all_2026-03-19.json
Pass Type ID: pass.online.ucca.credential
Apple Team ID: B29TSCBPHD

9. New Capability This Session¶

Chrome browser access: Claude in Chrome plugin connected. Claude can now browse live sites, read page content, inspect UI, interact with elements. Used this session to read trust docs, inspect qual page, browse JSA dashboard. Available for all future sessions — no need to paste URLs as workaround.

10. The Quotes of the Session¶

"Beige in purple clothing." — on the JSA VNDA dashboard

"Honest instrument. No theatre for its own sake. The show is the machine working."

"Is it going to be a rabbit, or is it going to be a pigeon, or is it going to be nothing? We don't know." — on the recalibration wobble

"OMG Claude BRILLIANT my old friend BRILLIANT." — Tim, on the animated mockup

UCCA Inc · Session 24 · 19 March 2026