// menove-patterns-airy2.jsx, Patterns, second density pass (P01-B).
// The principle hardens: one viz, one register, everything else is typography.
// Depends on menove-patterns.jsx + menove-patterns-airy.jsx + menove-final.jsx.
/* the report, a line of text, nothing more */
function PTBReportLine({ onOpen }) {
return (
4 stones to your report· 26 set
);
}
/* the culmination, her patterns, risen as a cairn. The page opens on it the way
the home opens on the daily stone. Forming floats faint at the top; testing in
iris; confirmed carries the base. The side labels are the filter. */
function PTBCairnMoment({ active, onSelect, compact, caption = true }) {
const sc = compact ? .78 : 1;
const shapes = [
'50% 50% 50% 50% / 56% 56% 44% 44%',
'54% 46% 52% 48% / 58% 56% 44% 42%',
'62% 38% 50% 50% / 60% 68% 32% 40%',
'58% 42% 56% 44% / 70% 66% 34% 30%',
];
const bands = [
{ k: 'forming', n: 2, stones: [[42, 15], [56, 18]] },
{ k: 'testing', n: 2, stones: [[70, 21], [84, 24]] },
{ k: 'confirmed', n: 3, stones: [[98, 27], [114, 30], [130, 34]] },
];
const stoneStyle = (k, [w, h], i) => {
const base = { width: Math.round(w * sc), height: Math.round(h * sc), borderRadius: shapes[i % 4], transform: `rotate(${i % 2 ? -3 : 2.5}deg)`, position: 'relative', overflow: 'hidden' };
if (k === 'forming') return { ...base, boxShadow: `inset 0 0 0 1.4px ${fbTint(FB.ink, .28)}` };
return { ...base, background: k === 'testing' ? FB.iris : FB.aub };
};
const sheen = (k) => k === 'forming' ? null : (
);
let si = 0;
const bandOpacity = (k) => active ? (active === k ? 1 : .5) : 1;
return (
{b.k} · {b.n}{onSelect && active !== b.k ? : null}
))}
{caption ? (
Seven patterns, risen from twenty-six days.
) : null}
);
}
/* the surfaced count, every pattern is a stone; the groups are the filter */
function PTBSurfaced({ active = 'confirmed' }) {
const groups = [
{ k: 'confirmed', n: 3 },
{ k: 'testing', n: 2 },
{ k: 'forming', n: 2 },
];
const stone = (k, i) => {
const w = 15 + (i * 5) % 7, h = 10 + (i * 3) % 4;
const base = { width: w, height: h, flex: 'none', borderRadius: TK_SHAPES[i % 4], transform: `rotate(${i % 2 ? -7 : 6}deg)` };
if (k === 'confirmed') return { ...base, background: FB.aub };
if (k === 'testing') return { ...base, background: fbTint(FB.iris, .85) };
return { ...base, background: 'transparent', boxShadow: `inset 0 0 0 1.4px ${fbTint(FB.ink, .32)}` };
};
return (
Seven patterns have surfaced from your 26 days.
{groups.map((g) => (
{Array.from({ length: g.n }).map((_, i) => )}
{g.k} · {g.n}
))}
);
}
/* the lifecycle, words, not pills; the active one underlined in aubergine */
function PTBFilter({ active = 'confirmed' }) {
const counts = { confirmed: 3, testing: 2, forming: 2 };
return (
);
}
/* secondary patterns, pure type; the evidence is already bold in the claim */
function PTBRow({ claim }) {
return (
{claim}
);
}
/* trying, a row, with the only other viz on the page (the 10-day strip) */
function PTBTryRow() {
return (
Magnesium, after dinnerDay 6 of 10
Testing against your 3am waking, your days will tell us.
);
}
function PTBVerdictLine() {
return (
New verdict, less fog reported on 3 of 4 walking test days.
);
}
/* ---------- the primary page, the culmination, plus the two living shelves ---------- */
function PatternsHomeFinal({ label = 'P01 · Patterns, home', onOpen, onReport }) {
return (
What you're tryingVerdicts
What Mona is watchingWine evenings and night sweats: 4 paired days so far. About 6 more make it speak.} />
Breakfast timing and your morning energy, blocked for now.} unlock="2 minutes with Mona" />
);
}
/* ---------- the lifecycle pages, where the details live now ---------- */
function PatternsList({ filter = 'confirmed', label, onBack, onSelect, onChallenge }) {
const cards = PT_PATTERNS[filter];
const subs = {
confirmed: 'Standing evidence, in your reported days.',
testing: 'Holding their shape, so far.',
forming: 'Early threads, a few more days make them speak.',
};
return (
9:415G · 76
Patterns
{filter} · {cards.length}
{subs[filter]}
{cards.slice(1).map((c, i) => )}
);
}
/* the room, home ⇄ lifecycle pages ⇄ sheets, in place */
function PatternsRoom({ label = 'P01 · Patterns, home' }) {
const [view, setView] = React.useState(null);
if (view === 'report') return