Helm · Design System · Week-2 preview

Composite components — sketch.

Speculative sketches for the four composites named in the recharter, drafted from the v1 substrate spec + Louie's verdict before the spec is sealed. Shape will firm up after Louie sign-off.

Component shapes now in ../composites.css. This page renders against the real CSS (extracted 2026-05-28 once Otto locked the case-file-v1 layout). Visual shapes are stable; the DATA BINDING — which event-payload field maps to which slot — lands when TA's case_state projection ships (week 2). If the substrate moves on payload schemas, the binding changes, not these classes.
Composite · 01

Case-file event card.

Generic discriminated shape that works for all six event families. Vertically stacked into a chronology. Each event row carries the essential reading triad: when, what kind, who recorded, body. Type discrimination is by uppercase label, not by background-color stripe.

2026-04-01 09:14 UTC tx.classified tool:teller_sync

Daily ACH debit from FundCo Capital, LLC, classified as MCA payment under the FundCo Aug-17 advance. −$418.52. Running balance after this debit: $81,272.40.

2026-04-03 11:42 UTC funder.behavior_observed user:matt

Forward Financing redirected our reconciliation request email from recon@forwardfinancing.com to support@ff-portal.com. New address does not appear in the contract or any prior funder correspondence. Forward Financing · email redirect 3 of 5

Three of five customers with Forward Financing deals have observed this redirect in the last 30 days; pattern about to be confirmed.

2026-04-05 14:30 UTC letter.drafted agent:sonnet-4-7

Drafted a monthly reconciliation request letter to FundCo Capital, citing Article 4.2(b) and the $3,308.16 surplus observed over the March cycle. Open draft → awaiting human approval

2026-04-12 00:01 UTC deadline.opened tool:deadline_sweep

FundCo monthly reconciliation submission window opens. Closes 2026-05-12 per Article 4.2(b). After cutoff the surplus is forfeited until next cycle.

2026-04-15 16:08 UTC contract.clause_extracted agent:sonnet-4-7

Extracted clause from the original FundCo agreement:

Merchant shall be entitled to a reconciliation of the actual receipts against the daily payments and shall be refunded the difference upon request, in accordance with the terms hereof. FundCo MCA Agreement, § 4.2(b)
Composite · 02

Deadline card.

Time-sensitive surface for deadline.* events. The "X days until" number is the load-bearing element — mono, large, tabular. Date + title + consequence + cite stack below. Urgent variant (≤7 days) flips the band to dark-red.

23 days until
2026-05-12

FundCo monthly reconciliation cutoff.

Surplus refund must be requested before this date or it forfeits to next cycle. Letter is drafted but unsent.

Article 4.2(b)
4 days until
2026-04-23

Forward Financing reconciliation cycle closes.

After this date Forward Financing reverts the holdback to default rate per their observed 14-day cycle policy.

Funder pattern · Forward Financing · policy_observed
Composite · 03

Confidence-band display.

The cardinal rule made visible: no single dollar number ever. Always low / mid / high with applied clauses and ambiguities below. This is the only shape compute_* tool output ever takes in the UI.

Surplus overpayment — FundCo, March cycle.

compute_delta@v1 · 2026-04-05
Low $2,840
Mid $3,308
High $3,776
  • § 4.2(b) — Monthly reconciliation right
  • § 3.1(a) — Daily debit calculation method
  • § 6.4 — Holdback rate determination
  • March 14 debit of $612.40 appears twice in Teller. Treated as one debit; if it was actually two, the surplus drops by $612.
  • Contract specifies "actual receipts" but doesn't define whether ACH chargebacks count. Assumed net; if gross, mid value rises by ~$468.
Composite · 04

Funder behavior badge.

Per Louie's funder.* family addition. Surfaces aggregated cross-customer funder patterns inline — "Forward Financing has done this thing N out of M times across our roster" — as a small typographic chip, not a card.

Forward Financing · email redirect 3 of 5 Forward Financing · daily-debit rounding 12 of 14 FundCo · rep churn 4 of 6 Forward Financing · ID-verification deflection 2 of 5

Inline within case-file event bodies (see Composite 01). Also stack-able into a funder-detail view ("everything we've seen Forward Financing do") for cross-customer pattern viewing.

Composite · 05

Debit ledger.

The evidence table — renders compute_letter_evidence_pack@v1.debits[]. One row per observed debit. Rows classified above_reconciled_rate are the leverage ("the teeth"): warning left-rule + warning classification + warning delta cell. Every row cites its source event so each line traces back to the log.

Cardinal-rule note. The per-row delta_vs_reconciled_cents values come straight from the tool — safe to display. The aggregate overcharge is not summed here in the view; it renders as a band through .delta (Composite 03) from overcharge_to_date_band. The ledger footer carries a count, not a dollar total. FF fixture below (Hondo, 2026-05-22 cycle lapse): reconciled $468.00/day, reverted to default $580.00/day, $112.00/day premium.

Date Debit Classification Δ vs reconciled Source
2026-05-19 $468.00 At reconciled rate 14
2026-05-20 $468.00 At reconciled rate 16
2026-05-23 $580.00 Above reconciled rate +$112.00 21
2026-05-24 $580.00 Above reconciled rate +$112.00 23
2026-05-25 $580.00 Above reconciled rate +$112.00 25
2026-05-26 $580.00 Above reconciled rate +$112.00 27
4 of 6 debits above reconciled rate since 2026-05-22 lapse band → .delta

The "Δ vs reconciled" footer cell deliberately does not show a summed dollar — it points at the .delta band (overcharge_to_date_band, $448.00 here with low==high). When the band collapses to a point the component still renders it as a band, so the "never a single number" rule stays visible.

Notes

Open shape questions for TA + Louie.

  1. Causation rendering — events carry causation_id. The sketch above doesn't surface the causation chain visually. Worth a tree-style indent for derived events? Or just an inline "caused by →" link? Defer until first real usage.
  2. Schema-versioned payload rendering — events carry schema_version. The card needs to know which version it's rendering. Plan: per-kind partial templates keyed on (kind, schema_version) with graceful "older schema, viewer needs update" fallback.
  3. Compute-tool re-runs — if compute_delta@v1 was run twice with different inputs, the case file should show both. Sketch shows one; need an "Earlier runs (2)" disclosure.
  4. Mobile — the deadline card grid collapses to single column at --md breakpoint. Confidence-band rows stay 3-column even on mobile (small but legible at 13px mono); revisit if real users squint.
  5. Print — every sketch above already prints clean as legal-exhibit content. The timeline left-rule + dots survive Paged.js → PDF. Will verify with a smoke render once TA's sidecar exists.