\n Metrics & Analytics\n

\n \n \n

\n\n

\n {loading ?

: (\n <>\n {/* Today's stats */}\n

\n Today — {acc ? `@${acc.username}` : \"Select account\"}\n

\n {METRIC_FIELDS.slice(0, 8).map(f => (\n

\n {(todaySummary[f.key] || 0).toLocaleString()}\n

{f.label}

\n ))}\n

\n\n {/* Chart */}\n

30-Day History

\n \n

\n {history.length === 0 ? (\n

\n No historical data yet. Record daily metrics to see trends.\n

\n ) : (\n \n \n \n \n \n \n f.key === chartField)?.color || \"#6366f1\"}\n strokeWidth={2} dot={false} activeDot={{ r: 4 }}\n />\n \n \n )}\n

\n\n {/* All-time table */}\n

All Metrics Log

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n {metrics.slice(0, 50).map(m => {\n const a = accounts.find(a => a.id === m.account_id);\n return (\n \n \n \n \n \n \n \n \n \n \n \n );\n })}\n \n

Date	Account	Posts	Likes	Comments	Friends	Followers	Reach	FR Sent
{m.date}	\n {a && (\n {platformIcon(a.platform)} @{a.username}\n )}\n	{m.new_posts}	{m.new_likes}	{m.new_comments}	{m.new_friends}	{m.new_followers}	{m.reach}	{m.friend_requests_sent}

\n \n )}\n

\n\n {showModal && (\n setShowModal(false)}\n width={580}\n footer={\n <>\n \n \n \n }\n >\n

\n Account *\n \n

\n Date *\n setForm(f => ({ ...f, date: e.target.value }))} />\n

\n Engagement (received)\n

\n {METRIC_FIELDS.slice(0, 8).map(f => (\n

\n {f.label}\n setForm(fp => ({ ...fp, [f.key]: parseInt(e.target.value) || 0 }))}\n />\n

\n ))}\n

\n Activity (done by you)\n

\n {METRIC_FIELDS.slice(8).map(f => (\n

\n {f.label}\n setForm(fp => ({ ...fp, [f.key]: parseInt(e.target.value) || 0 }))}\n />\n

\n ))}\n

\n Notes\n setForm(f => ({ ...f, notes: e.target.value }))} placeholder=\"Optional notes for this day\" />\n

\n \n )}\n

\n );\n}\n","deleted","label",[177,178,160],"src","pages","permalink","https://www.val.town/x/v7er/mmo/code/src/pages/Metrics.tsx","extension","tsx","actionData","errors"]