// Activity screen + dashboard-in-context wrappers (design reference).
// The Activity screen is a PUSHED stack screen at (app)/activity — reached from the
// dashboard "Recent Activity → All" and the record tiles. It is NOT a new tab.
// Stack-style header (back chevron + title), distinct from the tab TopNav.
function StackHeader({ title }) {
return (
);
}
// Phone wrapper for a pushed screen: StatusBar + StackHeader + scroll + TabBar (Capsuleer
// stays active — the stack sits above the tabs).
function ActivityPhone({ title = "Activity", children }) {
return (
);
}
// The Activity screen body. `state`: 'loaded' | 'skeleton' | 'empty'.
// Search + source filter both run client-side over the merged feed (no refetch).
// Order: search narrows first → chip narrows → day-group. Chip counts always reflect
// the *searched* set so the chips stay honest while typing.
function ActivityScreen({ filter = "all", missing = [], state = "loaded", query = "" }) {
const all = buildFeed({ missing });
const searched = matchActivity(all, query);
const items = filter === "all" ? searched : searched.filter((it) => it.source === filter);
const counts = { all: searched.length };
FILTERS.forEach(([k]) => { if (k !== "all") counts[k] = searched.filter((it) => it.source === k).length; });
return (
{}} resultCount={searched.length} />
{}} counts={counts} />
{state === "skeleton" ?
: state === "empty" ?
: items.length === 0 && query ?
: }
);
}
// ---- Dashboard, lower portion: record tiles (entry points) + Recent Activity card. ----
function RecordTile({ glyph, label, value, sub, color }) {
return (
);
}
function DashboardActivityContext() {
const preview = buildFeed({ limit: 5 });
return (
);
}
// Tab-style phone (Overview header + tab bar) for the dashboard context shot.
function ActivityPhoneAsTab({ children }) {
return (
);
}
Object.assign(window, { StackHeader, ActivityPhone, ActivityScreen, DashboardActivityContext, RecordTile });