\n setTab(\"summary\")}>\n Summary\n \n setTab(\"by-intent\")}>\n By Intent\n \n

\n {loading ? (\n

\n ) : tab === \"summary\" ? (\n \n ) : (\n \n )}\n \n );\n}\n\nfunction TabButton({ active, onClick, children }: {\n active: boolean;\n onClick: () => void;\n children: React.ReactNode;\n}) {\n return (\n \n {children}\n \n );\n}\n\nfunction SummaryTab({ daily, weekly }: { daily: PeriodSummary[]; weekly: PeriodSummary[] }) {\n if (daily.length === 0 && weekly.length === 0) {\n return

No history yet. Complete a session to start tracking.

;\n }\n\n return (\n

\n {daily.length > 0 && (\n

Daily

\n {daily.map((d) => (\n \n ))}\n

\n )}\n {weekly.length > 0 && (\n

Weekly

\n {weekly.map((w) => (\n \n ))}\n

\n )}\n

\n );\n}\n\nfunction PeriodRow({ summary }: { summary: PeriodSummary }) {\n const totalTime = summary.totalWorkTime + summary.totalBreakTime;\n const efficiency = totalTime > 0 ? Math.round((summary.totalWorkTime / totalTime) * 100) : 0;\n\n return (\n

\n {summary.period}\n \n {formatMinutes(summary.totalWorkTime)} work · {summary.sessionCount} session{summary.sessionCount !== 1 ? \"s\" : \"\"} · {efficiency}% eff\n \n

\n );\n}\n\nfunction IntentTab({ intents }: { intents: IntentSummary[] }) {\n if (intents.length === 0) {\n return

No history yet. Complete a session to start tracking.

;\n }\n\n return (\n

\n {intents.map((item) => (\n

\n {item.intent}\n \n {\" \"}— {item.sessionCount} session{item.sessionCount !== 1 ? \"s\" : \"\"} over {item.daysWorked} day{item.daysWorked !== 1 ? \"s\" : \"\"}\n \n

\n Total: {formatMinutes(item.totalWorkTime)} · Avg session: {formatMinutes(item.avgSessionLength)} · Last worked: {relativeDate(item.lastWorked)}\n

\n ))}\n

\n );\n}\n","deleted","label",[183,184,185,165],"src","frontend","components","permalink","https://www.val.town/x/ozanatgreenpt/thirdTimer/code/src/frontend/components/HistoryView.tsx","extension","actionData","errors"]