// VELOUR dashboard — Efficiency pillar = Terracotta. The synthesis pillar.
// Ties the other three together: spending clarity, time ROI, and tools to live with
// less noise — plus a cross-pillar "what's compounding" summary. Calm, not hustle.
const { Card, Badge } = window.VelourDesignSystem_380ed4;
const FRESH = !!window.VELOUR_FRESH;
function EfficiencyOnboard() {
return (
Efficiency
A clearer, quieter life.
Efficiency is the calm dividend of everything else. It builds as your other pillars do — nothing to set up here.
Your efficiency picture is forming.
Hold a few rituals, track a piece or two, set a budget — and the money kept, time returned, and quieter decisions begin to show here, woven from every pillar.
);
}
function EffInsight({ data }) {
const money = data.habitMoneyWeek;
const mins = data.habitTimeWeek;
return (
0 && mins > 0 && data.subsUnusedCount > 0 ? "subscriptions-forgotten" : "food-away-from-home"}
headline={money > 0
? `${effMoney(money)} kept this week, from rituals you held without thinking about it.`
: "Hold one money ritual — home coffee, a packed lunch — and the return starts counting."}
support={money > 0 && mins > 0
? `Plus ${mins} minutes handed back — less deciding, less prepping.${data.subsUnusedCount > 0 ? ` And ${data.subsUnusedCount} subscription${data.subsUnusedCount === 1 ? " looks" : "s look"} untouched — ${effMoney(data.subsUnusedYearly)} a year if you let ${data.subsUnusedCount === 1 ? "it" : "them"} go.` : ""}`
: money > 0
? "Nothing dramatic — the same mornings, quietly costing less."
: "The estimates stay modest on purpose: a few dollars a day, counted honestly."} />
);
}
function EffSmartSpend({ data }) {
return (
{data.idleValue > 0
? `${effMoney(data.idleValue)} is tied up in pieces going unworn — the capsule already holds more than it is being asked for.`
: data.best ? `Your hardest-working piece costs just ${effCpw(data.best) != null ? window.velourMoney(effCpw(data.best)) : "—"} per wear.` : "Track a few pieces and your capsule's value shows here."}
This week, in plain terms
{[
{ i: "cooking-pot", t: data.habitMoneyWeek > 0 ? `${effMoney(data.habitMoneyWeek)} saved by rituals you held` : "Hold a money ritual to start saving" },
{ i: "timer", t: data.habitTimeWeek > 0 ? `${data.habitTimeWeek} minutes handed back to you` : "Add a prep ritual to win time back" },
{ i: "repeat", t: data.subsMonthly > 0 ? `${effMoney(data.subsMonthly)}/mo in subscriptions tracked` : "Add subscriptions below to see the drain" },
].map((r) => (
{effMoney(unusedYr)}/year in subscriptions you marked unused. Cancelling reclaims it — quietly, with nothing lost.
)}
);
}
function EfficiencyLive() {
const [subs, setSubs] = React.useState(() => effLoad(EFF_K.subs, FRESH ? [] : DEMO_SUBS));
const [tick, setTick] = React.useState(0);
const [ritualLimited, setRitualLimited] = React.useState(false);
// Persist on CHANGE, never on mount. `subs` was just read from this key, so the
// mount write changed nothing locally — but the sync layer notices keys, not
// intent, so it read as an edit and fired a PUT. On a device that had not
// reconciled yet that PUT carried an empty list, and a sync write is a whole
// delete-then-insert: it could tell the account there were no tracked expenses
// before the pull that would have filled them in had even finished.
const persisted = React.useRef(false);
React.useEffect(() => {
if (!persisted.current) { persisted.current = true; return; }
try { localStorage.setItem(EFF_K.subs, JSON.stringify(subs)); } catch (e) {}
}, [subs]);
React.useEffect(() => { const r = () => setTick((t) => t + 1); window.addEventListener("focus", r); return () => window.removeEventListener("focus", r); }, []);
// Every pillar, not just this one: the numbers on this screen are computed from
// rituals, wellness and the wardrobe as well, so any of them landing changes
// what belongs here. `tick` is already the recompute signal — reuse it.
if (window.useVelourSynced) window.useVelourSynced(null, () => {
setSubs(effLoad(EFF_K.subs, FRESH ? [] : DEMO_SUBS));
setTick((t) => t + 1);
});
const data = React.useMemo(() => computeEfficiency(subs), [subs, tick]);
const addHabit = (vh) => {
// Same cap, same check as the dashboard's "Add to my rituals". These chips
// wrote rituals straight past the free-plan limit.
if (window.velourRitualsAtLimit && window.velourRitualsAtLimit()) { setRitualLimited(true); return; }
let arr = effLoad(EFF_K.ritSeq, null);
if (!arr || !arr.length) arr = [{ id: "morning", name: "Morning ritual", time: "7:00 AM", icon: "sun", habits: [] }, { id: "evening", name: "Evening wind-down", time: "9:30 PM", icon: "moon-stars", habits: [] }];
const target = arr.find((s) => s.id === vh.ritual) || arr[0];
if (!target) return;
target.habits = [...(target.habits || []), { id: "h-" + Math.random().toString(36).slice(2, 8), libId: vh.key, label: vh.label, icon: vh.icon || "circle", streak: 0, trackType: null, track: null, isNew: true }];
try { localStorage.setItem(EFF_K.ritSeq, JSON.stringify(arr)); } catch (e) {}
setTick((t) => t + 1);
};
if (!data.anyData && subs.length === 0) return ;
return (
Efficiency
A clearer, quieter life.
Efficiency isn't about doing more — it's the calm dividend of everything else. Your rituals, wellness, and wardrobe quietly compound into money kept, time returned, and decisions you no longer have to make.