npm - @burdenoff/microfe-timecampus - Versions diffs - 2026.703.3 → 2026.703.5 - Mend

@burdenoff/microfe-timecampus 2026.703.3 → 2026.703.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (954) hide show

package/dist/timecampus/pages/dashboard/AnalyticsPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AnalyticsPage.js","names":[],"sources":["../../../../src/timecampus/pages/dashboard/AnalyticsPage.tsx"],"sourcesContent":["import { BarChart3 } from \"lucide-react\";\nimport { GlassCard, NextSteps } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport {\n useTimeCampus,\n useTimeCampusNavigate,\n} from \"../../providers/TimeCampusProvider\";\nimport {\n useGetTimeEntryStatsQuery,\n useGetFocusScoreSummaryQuery,\n useGetWorkPatternSummaryQuery,\n} from \"@/generated/wspace-operations\";\n\nexport function AnalyticsPage() {\n const { workspaceId = \"\" } = useTimeCampus();\n const navigate = useTimeCampusNavigate();\n\n const {\n data: statsData,\n loading: statsLoading,\n error: statsError,\n } = useGetTimeEntryStatsQuery({\n skip: !workspaceId,\n });\n\n const { data: focusData, loading: focusLoading } =\n useGetFocusScoreSummaryQuery({\n skip: !workspaceId,\n });\n\n const { data: patternData, loading: patternLoading } =\n useGetWorkPatternSummaryQuery({\n skip: !workspaceId,\n });\n\n const stats = statsData?.timeEntryStats;\n const focus = focusData?.focusScoreSummary;\n const pattern = patternData?.workPatternSummary;\n\n if (statsLoading \|\| focusLoading \|\| patternLoading) {\n return (\n <PageLayout\n title=\"Analytics\"\n description=\"Insights into your time tracking and productivity\"\n >\n <LoadingSkeleton variant=\"card\" count={4} />\n </PageLayout>\n );\n }\n\n if (statsError) {\n return (\n <PageLayout\n title=\"Analytics\"\n description=\"Insights into your time tracking and productivity\"\n >\n <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n Failed to load analytics. Please try again later.\n </div>\n </PageLayout>\n );\n }\n\n return (\n <PageLayout\n title=\"Analytics\"\n description=\"Insights into your time tracking and productivity\"\n purpose=\"Turn the raw hours you track into answers — spot whether your focus is improving, where billable time is going, and which habits to change to get more done with less burnout.\"\n >\n <NextSteps\n storageKey=\"timecampus-analytics\"\n className=\"mb-6\"\n steps={[\n {\n id: \"reports\",\n label: \"Build a detailed report\",\n description: \"Slice time by project, client or person.\",\n onClick: () => navigate(\"/reports\"),\n },\n {\n id: \"focus\",\n label: \"Dig into your focus score\",\n description: \"Understand what's helping or hurting deep work.\",\n onClick: () => navigate(\"/focus-score\"),\n },\n {\n id: \"patterns\",\n label: \"Review your work patterns\",\n description: \"See how your week actually breaks down.\",\n onClick: () => navigate(\"/work-patterns\"),\n },\n ]}\n />\n <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n <GlassCard treatment=\"glass\" glow className=\"p-6\">\n <div className=\"mb-4 flex items-center gap-2\">\n <BarChart3 className=\"h-5 w-5 text-primary\" />\n <h3 className=\"text-sm font-semibold text-text-primary\">\n Productivity Trends\n </h3>\n </div>\n <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle\">\n <div className=\"text-center\">\n <p className=\"text-sm text-text-secondary\">\n {focus\n ? `Focus Score: ${Math.round(focus.averageScore)}/100 (${focus.trend ?? \"stable\"})`\n : \"No focus score data\"}\n </p>\n {pattern && (\n <p className=\"mt-1 text-xs text-text-secondary\">\n {pattern.averageFocusHours.toFixed(1)}h avg focus ·{\" \"}\n {pattern.averageMeetingHours.toFixed(1)}h avg meetings\n </p>\n )}\n {focus?.improvementArea && (\n <p className=\"mt-1 text-xs text-text-secondary\">\n Improve: {focus.improvementArea}\n </p>\n )}\n </div>\n </div>\n </GlassCard>\n <div className=\"rounded-xl border border-border-seam bg-bg-surface shadow-elevation-1 p-6\">\n <div className=\"mb-4 flex items-center gap-2\">\n <BarChart3 className=\"h-5 w-5 text-primary\" />\n <h3 className=\"text-sm font-semibold text-text-primary\">\n Time Distribution\n </h3>\n </div>\n <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle\">\n <div className=\"text-center\">\n <p className=\"text-sm text-text-secondary\">\n {stats\n ? `${Math.round(stats.totalHours)}h total · ${Math.round(stats.billableHours)}h billable · ${stats.totalEntries} entries`\n : \"No time entry data\"}\n </p>\n {stats && stats.activeTimers > 0 && (\n <p className=\"mt-1 text-xs text-text-secondary\">\n {stats.activeTimers} timer(s) running\n </p>\n )}\n </div>\n </div>\n </div>\n </div>\n </PageLayout>\n );\n}\n"],"mappings":";;;;;;;;AAcA,SAAgB,IAAgB;CAC9B,IAAM,EAAE,iBAAc,OAAO,GAAe,EACtC,IAAW,GAAuB,EAElC,EACJ,MAAM,GACN,SAAS,GACT,OAAO,MACL,EAA0B,EAC5B,MAAM,CAAC,GACR,CAAC,EAEI,EAAE,MAAM,GAAW,SAAS,MAChC,EAA6B,EAC3B,MAAM,CAAC,GACR,CAAC,EAEE,EAAE,MAAM,GAAa,SAAS,MAClC,EAA8B,EAC5B,MAAM,CAAC,GACR,CAAC,EAEE,IAAQ,GAAW,gBACnB,IAAQ,GAAW,mBACnB,IAAU,GAAa;AA0B7B,QAxBI,KAAgB,KAAgB,IAEhC,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA,GAIb,IAEA,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAoG;GAE7G,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;YAHV,CAKE,kBAAC,GAAD;GACE,YAAW;GACX,WAAU;GACV,OAAO;IACL;KACE,IAAI;KACJ,OAAO;KACP,aAAa;KACb,eAAe,EAAS,WAAW;KACpC;IACD;KACE,IAAI;KACJ,OAAO;KACP,aAAa;KACb,eAAe,EAAS,eAAe;KACxC;IACD;KACE,IAAI;KACJ,OAAO;KACP,aAAa;KACb,eAAe,EAAS,iBAAiB;KAC1C;IACF;GACD,CAAA,EACF,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IAAW,WAAU;IAAQ,MAAA;IAAK,WAAU;cAA5C,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAW,WAAU,wBAAyB,CAAA,EAC9C,kBAAC,MAAD;MAAI,WAAU;gBAA0C;MAEnD,CAAA,CACD;QACN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,KAAD;QAAG,WAAU;kBACV,IACG,gBAAgB,KAAK,MAAM,EAAM,aAAa,CAAC,QAAQ,EAAM,SAAS,SAAS,KAC/E;QACF,CAAA;OACH,KACC,kBAAC,KAAD;QAAG,WAAU;kBAAb;SACG,EAAQ,kBAAkB,QAAQ,EAAE;SAAC;SAAc;SACnD,EAAQ,oBAAoB,QAAQ,EAAE;SAAC;SACtC;;OAEL,GAAO,mBACN,kBAAC,KAAD;QAAG,WAAU;kBAAb,CAAgD,aACpC,EAAM,gBACd;;OAEF;;KACF,CAAA,CACI;OACZ,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAW,WAAU,wBAAyB,CAAA,EAC9C,kBAAC,MAAD;MAAI,WAAU;gBAA0C;MAEnD,CAAA,CACD;QACN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,IACG,GAAG,KAAK,MAAM,EAAM,WAAW,CAAC,YAAY,KAAK,MAAM,EAAM,cAAc,CAAC,eAAe,EAAM,aAAa,YAC9G;OACF,CAAA,EACH,KAAS,EAAM,eAAe,KAC7B,kBAAC,KAAD;OAAG,WAAU;iBAAb,CACG,EAAM,cAAa,oBAClB;SAEF;;KACF,CAAA,CACF;MACF;KACK"}
1	+ {"version":3,"file":"AnalyticsPage.js","names":[],"sources":["../../../../src/timecampus/pages/dashboard/AnalyticsPage.tsx"],"sourcesContent":["import {\n Clock,\n DollarSign,\n Brain,\n TrendingUp,\n Gauge,\n PieChart as PieIcon,\n CalendarRange,\n Lightbulb,\n} from \"lucide-react\";\nimport { NextSteps } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport {\n StatCard,\n StatusBadge,\n ChartCard,\n RadialGauge,\n DonutChart,\n BarsChart,\n type DonutSlice,\n} from \"../../components\";\nimport { formatHours } from \"../../utils/helpers\";\nimport {\n useTimeCampus,\n useTimeCampusNavigate,\n} from \"../../providers/TimeCampusProvider\";\nimport {\n WorkPatternInsightType,\n type WorkPatternInsight,\n} from \"@/generated/wspace-types\";\nimport {\n useGetTimeEntryStatsQuery,\n useGetFocusScoreSummaryQuery,\n useGetWorkPatternSummaryQuery,\n} from \"@/generated/wspace-operations\";\n\ntype BadgeVariant = \"success\" \| \"warning\" \| \"error\" \| \"info\" \| \"muted\";\n\nconst INSIGHT_META: Record<\n WorkPatternInsightType,\n { variant: BadgeVariant; label: string }\n> = {\n [WorkPatternInsightType.Positive]: { variant: \"success\", label: \"Positive\" },\n [WorkPatternInsightType.Negative]: { variant: \"error\", label: \"Needs work\" },\n [WorkPatternInsightType.Warning]: { variant: \"warning\", label: \"Warning\" },\n [WorkPatternInsightType.Recommendation]: { variant: \"info\", label: \"Tip\" },\n [WorkPatternInsightType.Neutral]: { variant: \"muted\", label: \"Insight\" },\n};\n\nexport function AnalyticsPage() {\n const { workspaceId = \"\" } = useTimeCampus();\n const navigate = useTimeCampusNavigate();\n\n const {\n data: statsData,\n loading: statsLoading,\n error: statsError,\n } = useGetTimeEntryStatsQuery({\n skip: !workspaceId,\n });\n\n const { data: focusData, loading: focusLoading } =\n useGetFocusScoreSummaryQuery({\n skip: !workspaceId,\n });\n\n const { data: patternData, loading: patternLoading } =\n useGetWorkPatternSummaryQuery({\n skip: !workspaceId,\n });\n\n const stats = statsData?.timeEntryStats;\n const focus = focusData?.focusScoreSummary;\n const pattern = patternData?.workPatternSummary;\n\n if (statsLoading \|\| focusLoading \|\| patternLoading) {\n return (\n <PageLayout\n title=\"Analytics\"\n description=\"Insights into your time tracking and productivity\"\n >\n <LoadingSkeleton variant=\"card\" count={4} />\n </PageLayout>\n );\n }\n\n if (statsError) {\n return (\n <PageLayout\n title=\"Analytics\"\n description=\"Insights into your time tracking and productivity\"\n >\n <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n Failed to load analytics. Please try again later.\n </div>\n </PageLayout>\n );\n }\n\n // Billable vs non-billable split from the real time-entry aggregate.\n const billableHours = stats\n ? Math.max(0, Math.round(stats.billableHours))\n : 0;\n const nonBillableHours = stats\n ? Math.max(0, Math.round(stats.totalHours - stats.billableHours))\n : 0;\n const billablePct =\n stats && stats.totalHours > 0\n ? Math.round((stats.billableHours / stats.totalHours) * 100)\n : 0;\n const distributionSlices: DonutSlice[] = [\n { name: \"Billable\", value: billableHours },\n { name: \"Non-billable\", value: nonBillableHours },\n ];\n\n // Average-day split from the real work-pattern aggregate.\n const dayBreakdown = pattern\n ? [\n { label: \"Focus\", hours: Math.max(0, pattern.averageFocusHours) },\n { label: \"Meetings\", hours: Math.max(0, pattern.averageMeetingHours) },\n ]\n : [];\n\n const trendText = focus?.trend\n ? focus.trend.charAt(0).toUpperCase() + focus.trend.slice(1)\n : undefined;\n\n return (\n <PageLayout\n title=\"Analytics\"\n description=\"Insights into your time tracking and productivity\"\n purpose=\"Turn the raw hours you track into answers — spot whether your focus is improving, where billable time is going, and which habits to change to get more done with less burnout.\"\n >\n <NextSteps\n storageKey=\"timecampus-analytics\"\n className=\"mb-6\"\n steps={[\n {\n id: \"reports\",\n label: \"Build a detailed report\",\n description: \"Slice time by project, client or person.\",\n onClick: () => navigate(\"/reports\"),\n },\n {\n id: \"focus\",\n label: \"Dig into your focus score\",\n description: \"Understand what's helping or hurting deep work.\",\n onClick: () => navigate(\"/focus-score\"),\n },\n {\n id: \"patterns\",\n label: \"Review your work patterns\",\n description: \"See how your week actually breaks down.\",\n onClick: () => navigate(\"/work-patterns\"),\n },\n ]}\n />\n\n {/* KPI row /}\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n <StatCard\n title=\"Total Hours\"\n value={stats ? formatHours(stats.totalHours) : \"--\"}\n icon={<Clock className=\"h-5 w-5\" />}\n description={stats ? `${stats.totalEntries} entries` : undefined}\n />\n <StatCard\n title=\"Billable Hours\"\n value={stats ? formatHours(stats.billableHours) : \"--\"}\n icon={<DollarSign className=\"h-5 w-5\" />}\n description={stats ? `${billablePct}% of tracked time` : undefined}\n iconBgColor=\"bg-status-success-bg text-status-success-text\"\n />\n <StatCard\n featured\n title=\"Avg Focus Score\"\n value={focus ? `${Math.round(focus.averageScore)}` : \"--\"}\n icon={<Brain className=\"h-5 w-5\" />}\n description={trendText ? `${trendText} trend` : undefined}\n iconBgColor=\"bg-status-info-bg text-status-info-text\"\n />\n <StatCard\n title=\"Avg Productivity\"\n value={pattern ? `${Math.round(pattern.averageProductivity)}%` : \"--\"}\n icon={<TrendingUp className=\"h-5 w-5\" />}\n description={\n stats && stats.activeTimers > 0\n ? `${stats.activeTimers} timer(s) running`\n : undefined\n }\n />\n </div>\n\n {/ Focus gauge + time distribution /}\n <div className=\"mt-6 grid grid-cols-1 gap-6 lg:grid-cols-2\">\n <ChartCard\n title=\"Focus Score\"\n description=\"Your average deep-work score across the tracked window\"\n actions={<Gauge className=\"h-4 w-4 text-text-secondary\" />}\n >\n {focus ? (\n <div className=\"space-y-4\">\n <RadialGauge\n value={focus.averageScore}\n min={0}\n max={100}\n label=\"Avg score\"\n sublabel={trendText ? `${trendText} trend` : undefined}\n thresholds={{ warning: 75, danger: 50 }}\n height={196}\n />\n <div className=\"grid grid-cols-2 gap-3\">\n <div className=\"rounded-lg border border-border-seam bg-bg-sunken/40 p-3\">\n <p className=\"text-xs text-text-secondary\">Lowest</p>\n <p className=\"mt-0.5 text-lg font-semibold tabular-nums text-text-primary\">\n {Math.round(focus.lowestScore)}\n </p>\n </div>\n <div className=\"rounded-lg border border-border-seam bg-bg-sunken/40 p-3\">\n <p className=\"text-xs text-text-secondary\">Highest</p>\n <p className=\"mt-0.5 text-lg font-semibold tabular-nums text-text-primary\">\n {Math.round(focus.highestScore)}\n </p>\n </div>\n </div>\n {(focus.topFactor \|\| focus.improvementArea) && (\n <div className=\"flex flex-wrap items-center gap-2\">\n {focus.topFactor && (\n <StatusBadge\n variant=\"success\"\n label={`Strength: ${focus.topFactor}`}\n />\n )}\n {focus.improvementArea && (\n <StatusBadge\n variant=\"warning\"\n label={`Improve: ${focus.improvementArea}`}\n />\n )}\n </div>\n )}\n </div>\n ) : (\n <p className=\"py-8 text-center text-sm text-text-secondary\">\n No focus score data yet.\n </p>\n )}\n </ChartCard>\n\n <ChartCard\n title=\"Time Distribution\"\n description=\"Billable vs non-billable across everything you tracked\"\n actions={<PieIcon className=\"h-4 w-4 text-text-secondary\" />}\n >\n {stats && stats.totalHours > 0 ? (\n <DonutChart\n data={distributionSlices}\n centerLabel=\"Tracked\"\n centerValue={`${Math.round(stats.totalHours)}h`}\n valueFormat={formatHours}\n height={240}\n ariaLabel=\"Billable versus non-billable hours\"\n />\n ) : (\n <p className=\"py-8 text-center text-sm text-text-secondary\">\n No time entries tracked yet.\n </p>\n )}\n </ChartCard>\n </div>\n\n {/ Work pattern insights */}\n {pattern && (\n <ChartCard\n title=\"Work Patterns\"\n description=\"How your average day splits and what to change\"\n actions={<CalendarRange className=\"h-4 w-4 text-text-secondary\" />}\n className=\"mt-6\"\n >\n <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n <div className=\"space-y-4\">\n <div className=\"flex flex-wrap gap-2\">\n {pattern.mostProductiveDay && (\n <StatusBadge\n variant=\"success\"\n label={`Peak: ${pattern.mostProductiveDay}`}\n />\n )}\n {pattern.leastProductiveDay && (\n <StatusBadge\n variant=\"muted\"\n label={`Quietest: ${pattern.leastProductiveDay}`}\n />\n )}\n </div>\n {dayBreakdown.some((d) => d.hours > 0) ? (\n <BarsChart\n data={dayBreakdown}\n xKey=\"label\"\n series={[{ key: \"hours\", label: \"Avg hours / day\" }]}\n orientation=\"horizontal\"\n valueFormat={formatHours}\n categoryWidth={80}\n height={140}\n ariaLabel=\"Average focus versus meeting hours per day\"\n />\n ) : (\n <p className=\"text-sm text-text-secondary\">\n Not enough tracked days to break down your average day yet.\n </p>\n )}\n </div>\n\n <div className=\"space-y-3\">\n {pattern.insights.length === 0 ? (\n <p className=\"text-sm text-text-secondary\">\n No pattern insights surfaced yet — keep tracking and they'll\n appear here.\n </p>\n ) : (\n pattern.insights.map((insight: WorkPatternInsight, index: number) => {\n const meta = INSIGHT_META[insight.type];\n return (\n <div\n key={`${insight.title}-${index}`}\n className=\"rounded-lg border border-border-subtle bg-bg-sunken/40 p-3\"\n >\n <div className=\"flex items-start justify-between gap-3\">\n <p className=\"text-sm font-medium text-text-primary\">\n {insight.title}\n </p>\n <StatusBadge\n variant={meta.variant}\n label={meta.label}\n />\n </div>\n <p className=\"mt-1 text-xs text-text-secondary\">\n {insight.description}\n </p>\n {insight.recommendation && (\n <p className=\"mt-1.5 flex items-start gap-1.5 text-xs text-text-secondary\">\n <Lightbulb className=\"mt-0.5 h-3.5 w-3.5 shrink-0 text-status-info-text\" />\n <span>{insight.recommendation}</span>\n </p>\n )}\n </div>\n );\n })\n )}\n </div>\n </div>\n </ChartCard>\n )}\n </PageLayout>\n );\n}\n"],"mappings":"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"}

package/dist/timecampus/pages/dashboard/ReportsPage.js CHANGED Viewed

@@ -1,141 +1,276 @@
 import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
-import { LoadingSkeleton as t } from "../../components/LoadingSkeleton.js";
-import { useGetFocusScoreSummaryQuery as n, useGetTimeEntryStatsQuery as r, useGetWorkPatternSummaryQuery as i } from "../../../generated/wspace-operations.js";
-import { PageLayout as a } from "../../components/PageLayout.js";
-import { EmptyState as o } from "../../components/EmptyState.js";
-import { useState as s } from "react";
-import { Download as c, FileText as l, RefreshCw as u } from "lucide-react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { GlassCard as p } from "@burdenoff/fe-libs/ui";
+import { cn as t, formatHours as n } from "../../utils/helpers.js";
+import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
+import { useGetFocusScoreSummaryQuery as i, useGetTimeEntryStatsQuery as a, useGetWorkPatternSummaryQuery as o } from "../../../generated/wspace-operations.js";
+import { PageLayout as s } from "../../components/PageLayout.js";
+import { StatusBadge as c } from "../../components/StatusBadge.js";
+import { EmptyState as l } from "../../components/EmptyState.js";
+import { BarsChart as u } from "../../components/charts/BarsChart.js";
+import { RadialGauge as d } from "../../components/charts/RadialGauge.js";
+import { ProgressMeter as f } from "../../components/charts/ProgressMeter.js";
+import "../../components/index.js";
+import { useState as p } from "react";
+import { Brain as m, CalendarRange as h, Clock as g, DollarSign as _, Download as v, RefreshCw as y } from "lucide-react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { GlassCard as S } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/dashboard/ReportsPage.tsx
-function m(e, t) {
+function C(e, t) {
 	let n = (e) => `"${String(e).replace(/"/g, "\"\"")}"`, r = ["Metric,Value", ...t.map(([e, t]) => `${n(e)},${n(t)}`)].join("\n"), i = new Blob([r], { type: "text/csv;charset=utf-8;" }), a = URL.createObjectURL(i), o = document.createElement("a");
 	o.href = a, o.download = e, document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(a);
 }
-function h() {
-	let { workspaceId: h = "" } = e(), [g, _] = s(!1), { data: v, loading: y, error: b, refetch: x } = r({ skip: !h }), { data: S, loading: C, refetch: w } = i({ skip: !h }), { data: T, loading: E, refetch: D } = n({ skip: !h }), O = v?.timeEntryStats, k = S?.workPatternSummary, A = T?.focusScoreSummary, j = async () => {
-		_(!0);
+function w() {
+	let { workspaceId: w = "" } = e(), [T, E] = p(!1), { data: D, loading: O, error: k, refetch: A } = a({ skip: !w }), { data: j, loading: M, refetch: N } = o({ skip: !w }), { data: P, loading: F, refetch: I } = i({ skip: !w }), L = D?.timeEntryStats, R = j?.workPatternSummary, z = P?.focusScoreSummary, B = async () => {
+		E(!0);
 		try {
 			await Promise.all([
-				x(),
-				w(),
-				D()
+				A(),
+				N(),
+				I()
 			]);
 		} finally {
-			_(!1);
+			E(!1);
 		}
-	}, M = (e) => {
-		(e === "time-summary" || e === "billable-summary") && O ? m(`${e}.csv`, [
-			["Total hours", Math.round(O.totalHours)],
-			["Billable hours", Math.round(O.billableHours)],
-			["Total entries", O.totalEntries],
-			["Active timers", O.activeTimers]
-		]) : e === "work-pattern" && k ? m("work-pattern-analysis.csv", [["Average focus hours", k.averageFocusHours.toFixed(1)], ["Average productivity %", Math.round(k.averageProductivity)]]) : e === "focus-score" && A && m("focus-score-report.csv", [
-			["Average score", Math.round(A.averageScore)],
-			["Highest score", Math.round(A.highestScore)],
-			["Lowest score", Math.round(A.lowestScore)]
+	}, V = (e) => {
+		(e === "time-summary" || e === "billable-summary") && L ? C(`${e}.csv`, [
+			["Total hours", Math.round(L.totalHours)],
+			["Billable hours", Math.round(L.billableHours)],
+			["Total entries", L.totalEntries],
+			["Active timers", L.activeTimers]
+		]) : e === "work-pattern" && R ? C("work-pattern-analysis.csv", [["Average focus hours", R.averageFocusHours.toFixed(1)], ["Average productivity %", Math.round(R.averageProductivity)]]) : e === "focus-score" && z && C("focus-score-report.csv", [
+			["Average score", Math.round(z.averageScore)],
+			["Highest score", Math.round(z.highestScore)],
+			["Lowest score", Math.round(z.lowestScore)]
 		]);
 	};
-	if (y || C || E) return /* @__PURE__ */ d(a, {
+	if (O || M || F) return /* @__PURE__ */ b(s, {
 		title: "Reports",
 		description: "Generate and view time tracking reports",
-		actions: /* @__PURE__ */ f("button", {
+		actions: /* @__PURE__ */ x("button", {
 			disabled: !0,
 			className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text opacity-70",
-			children: [/* @__PURE__ */ d(u, { className: "h-4 w-4" }), "Refresh"]
+			children: [/* @__PURE__ */ b(y, { className: "h-4 w-4" }), "Refresh"]
 		}),
-		children: /* @__PURE__ */ d(t, {
+		children: /* @__PURE__ */ b(r, {
 			variant: "list",
 			count: 4
 		})
 	});
-	if (b) return /* @__PURE__ */ d(a, {
+	if (k) return /* @__PURE__ */ b(s, {
 		title: "Reports",
 		description: "Generate and view time tracking reports",
-		children: /* @__PURE__ */ d("div", {
+		children: /* @__PURE__ */ b("div", {
 			className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
 			children: "Failed to load reports data. Please try again later."
 		})
 	});
-	let N = [
-		...O ? [{
+	let H = L ? Math.max(0, L.totalHours - L.billableHours) : 0, U = L && L.totalHours > 0 ? Math.round(L.billableHours / L.totalHours * 100) : 0, W = [
+		...L ? [{
 			id: "time-summary",
 			name: "Time Tracking Summary",
-			type: "time",
-			period: `${Math.round(O.totalHours)}h total · ${O.totalEntries} entries`,
-			status: "ready"
+			typeLabel: "Time",
+			typeVariant: "info",
+			period: `${n(L.totalHours)} total · ${L.totalEntries} entries`,
+			icon: /* @__PURE__ */ b(g, { className: "h-5 w-5" }),
+			accent: "bg-status-info-bg text-status-info-text",
+			visual: /* @__PURE__ */ x("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ b(f, {
+					value: L.billableHours,
+					max: L.totalHours > 0 ? L.totalHours : 1,
+					higherIsWorse: !1,
+					label: "Billable share",
+					format: n,
+					size: "md"
+				}), /* @__PURE__ */ x("div", {
+					className: "flex items-center justify-between text-xs text-text-secondary",
+					children: [/* @__PURE__ */ x("span", { children: [L.totalEntries, " entries logged"] }), /* @__PURE__ */ b("span", { children: L.activeTimers > 0 ? `${L.activeTimers} timer(s) running` : "No active timers" })]
+				})]
+			})
 		}, {
 			id: "billable-summary",
 			name: "Billable Hours Report",
-			type: "billing",
-			period: `${Math.round(O.billableHours)}h billable · ${O.activeTimers} active`,
-			status: "ready"
+			typeLabel: "Billing",
+			typeVariant: "success",
+			period: `${n(L.billableHours)} billable · ${U}% of tracked`,
+			icon: /* @__PURE__ */ b(_, { className: "h-5 w-5" }),
+			accent: "bg-status-success-bg text-status-success-text",
+			visual: /* @__PURE__ */ b(u, {
+				data: [{
+					label: "Billable",
+					hours: L.billableHours
+				}, {
+					label: "Non-billable",
+					hours: H
+				}],
+				xKey: "label",
+				series: [{
+					key: "hours",
+					label: "Hours"
+				}],
+				orientation: "horizontal",
+				valueFormat: n,
+				categoryWidth: 92,
+				height: 120,
+				showGrid: !1,
+				ariaLabel: "Billable versus non-billable hours"
+			})
 		}] : [],
-		...k ? [{
+		...R ? [{
 			id: "work-pattern",
 			name: "Work Pattern Analysis",
-			type: "team",
-			period: `${k.averageFocusHours.toFixed(1)}h avg focus · ${Math.round(k.averageProductivity)}% productivity`,
-			status: "ready"
+			typeLabel: "Patterns",
+			typeVariant: "default",
+			period: `${n(R.averageFocusHours)} avg focus · ${Math.round(R.averageProductivity)}% productivity`,
+			icon: /* @__PURE__ */ b(h, { className: "h-5 w-5" }),
+			accent: "bg-action-primary-bg/10 text-primary",
+			visual: /* @__PURE__ */ x("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ b(f, {
+					value: R.averageProductivity,
+					max: 100,
+					higherIsWorse: !1,
+					label: "Productivity",
+					format: (e) => `${Math.round(e)}%`,
+					size: "md"
+				}), (R.mostProductiveDay || R.leastProductiveDay) && /* @__PURE__ */ x("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [R.mostProductiveDay && /* @__PURE__ */ b(c, {
+						variant: "success",
+						label: `Peak: ${R.mostProductiveDay}`
+					}), R.leastProductiveDay && /* @__PURE__ */ b(c, {
+						variant: "muted",
+						label: `Quietest: ${R.leastProductiveDay}`
+					})]
+				})]
+			})
 		}] : [],
-		...A ? [{
+		...z ? [{
 			id: "focus-score",
 			name: "Focus Score Report",
-			type: "productivity",
-			period: `Avg: ${Math.round(A.averageScore)} · High: ${Math.round(A.highestScore)} · Low: ${Math.round(A.lowestScore)}`,
-			status: "ready"
+			typeLabel: "Productivity",
+			typeVariant: "warning",
+			period: `Avg ${Math.round(z.averageScore)} · High ${Math.round(z.highestScore)} · Low ${Math.round(z.lowestScore)}`,
+			icon: /* @__PURE__ */ b(m, { className: "h-5 w-5" }),
+			accent: "bg-status-warning-bg text-status-warning-text",
+			visual: /* @__PURE__ */ x("div", {
+				className: "flex items-center gap-4",
+				children: [/* @__PURE__ */ b("div", {
+					className: "shrink-0",
+					children: /* @__PURE__ */ b(d, {
+						value: z.averageScore,
+						min: 0,
+						max: 100,
+						label: "Avg",
+						thresholds: {
+							warning: 75,
+							danger: 50
+						},
+						height: 128,
+						className: "w-32"
+					})
+				}), /* @__PURE__ */ x("div", {
+					className: "min-w-0 flex-1 space-y-1.5 text-xs",
+					children: [
+						/* @__PURE__ */ x("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ b("span", {
+								className: "text-text-secondary",
+								children: "Highest"
+							}), /* @__PURE__ */ b("span", {
+								className: "font-semibold tabular-nums text-text-primary",
+								children: Math.round(z.highestScore)
+							})]
+						}),
+						/* @__PURE__ */ x("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ b("span", {
+								className: "text-text-secondary",
+								children: "Lowest"
+							}), /* @__PURE__ */ b("span", {
+								className: "font-semibold tabular-nums text-text-primary",
+								children: Math.round(z.lowestScore)
+							})]
+						}),
+						z.trend && /* @__PURE__ */ x("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ b("span", {
+								className: "text-text-secondary",
+								children: "Trend"
+							}), /* @__PURE__ */ b("span", {
+								className: "font-medium capitalize text-text-primary",
+								children: z.trend
+							})]
+						})
+					]
+				})]
+			})
 		}] : []
 	];
-	return /* @__PURE__ */ d(a, {
+	return /* @__PURE__ */ b(s, {
 		title: "Reports",
 		description: "Generate and view time tracking reports",
 		purpose: "Package your tracked time into shareable, exportable reports — the deliverables you hand to clients for billing or to leadership for capacity and utilisation decisions. Reports build automatically from your data; refresh to pull the latest, and download any report as CSV.",
-		actions: /* @__PURE__ */ f("button", {
-			onClick: j,
-			disabled: g,
+		actions: /* @__PURE__ */ x("button", {
+			onClick: B,
+			disabled: T,
 			className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-70",
-			children: [/* @__PURE__ */ d(u, { className: `h-4 w-4 ${g ? "motion-safe:animate-spin" : ""}` }), g ? "Refreshing..." : "Refresh"]
+			children: [/* @__PURE__ */ b(y, { className: `h-4 w-4 ${T ? "motion-safe:animate-spin" : ""}` }), T ? "Refreshing..." : "Refresh"]
 		}),
-		children: N.length === 0 ? /* @__PURE__ */ d(o, {
+		children: W.length === 0 ? /* @__PURE__ */ b(l, {
 			illustration: "empty-data",
 			title: "No report data available yet",
 			description: "Track some time first — once you have entries, focus scores or work patterns, ready-to-export reports appear here."
-		}) : /* @__PURE__ */ d(p, {
-			treatment: "glass",
-			glow: !0,
-			className: "overflow-hidden",
-			children: /* @__PURE__ */ d("div", {
-				className: "divide-y divide-border",
-				children: N.map((e) => /* @__PURE__ */ f("div", {
-					className: "flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors",
-					children: [/* @__PURE__ */ f("div", {
-						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ d(l, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("p", {
-							className: "text-sm font-medium text-text-primary",
-							children: e.name
-						}), /* @__PURE__ */ d("p", {
-							className: "text-xs text-text-secondary",
-							children: e.period
-						})] })]
-					}), /* @__PURE__ */ f("div", {
-						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ d("span", {
-							className: "inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium bg-status-success-bg text-status-success-text",
-							children: e.status
-						}), /* @__PURE__ */ d("button", {
-							onClick: () => M(e.id),
+		}) : /* @__PURE__ */ b("div", {
+			className: "grid grid-cols-1 gap-4 xl:grid-cols-2",
+			children: W.map((e) => /* @__PURE__ */ x(S, {
+				treatment: "glass",
+				className: "flex flex-col p-4 sm:p-5",
+				children: [/* @__PURE__ */ x("div", {
+					className: "flex items-start justify-between gap-3",
+					children: [/* @__PURE__ */ x("div", {
+						className: "flex min-w-0 items-start gap-3",
+						children: [/* @__PURE__ */ b("div", {
+							className: t("flex h-10 w-10 shrink-0 items-center justify-center rounded-lg", e.accent),
+							children: e.icon
+						}), /* @__PURE__ */ x("div", {
+							className: "min-w-0",
+							children: [/* @__PURE__ */ x("div", {
+								className: "flex flex-wrap items-center gap-2",
+								children: [/* @__PURE__ */ b("p", {
+									className: "text-sm font-semibold text-text-primary",
+									children: e.name
+								}), /* @__PURE__ */ b(c, {
+									variant: e.typeVariant,
+									label: e.typeLabel
+								})]
+							}), /* @__PURE__ */ b("p", {
+								className: "mt-1 text-xs text-text-secondary",
+								children: e.period
+							})]
+						})]
+					}), /* @__PURE__ */ x("div", {
+						className: "flex shrink-0 items-center gap-2",
+						children: [/* @__PURE__ */ b(c, {
+							variant: "success",
+							label: "Ready",
+							dot: !0
+						}), /* @__PURE__ */ x("button", {
+							onClick: () => V(e.id),
 							title: "Download as CSV",
 							"aria-label": `Download ${e.name} as CSV`,
-							className: "rounded-md p-1.5 hover:bg-bg-sunken",
-							children: /* @__PURE__ */ d(c, { className: "h-4 w-4 text-text-secondary" })
+							className: "inline-flex items-center gap-1 rounded-md border border-border-seam bg-bg-surface px-2 py-1.5 text-xs font-medium text-text-secondary hover:bg-bg-sunken",
+							children: [/* @__PURE__ */ b(v, { className: "h-4 w-4" }), "CSV"]
 						})]
 					})]
-				}, e.id))
-			})
+				}), /* @__PURE__ */ b("div", {
+					className: "mt-4 border-t border-border-subtle pt-4",
+					children: e.visual
+				})]
+			}, e.id))
 		})
 	});
 }
 //#endregion
-export { h as ReportsPage };
+export { w as ReportsPage };
 //# sourceMappingURL=ReportsPage.js.map

package/dist/timecampus/pages/dashboard/ReportsPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ReportsPage.js","names":[],"sources":["../../../../src/timecampus/pages/dashboard/ReportsPage.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport { FileText, RefreshCw, Download } from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\n\n/** Trigger a client-side CSV download from an array of [key, value] rows. */\nfunction downloadCsv(filename: string, rows: Array<[string, string \| number]>) {\n const escape = (v: string \| number) => `\"${String(v).replace(/\"/g, '\"\"')}\"`;\n const csv = [\"Metric,Value\", ...rows.map(([k, v]) => `${escape(k)},${escape(v)}`)].join(\n \"\\n\",\n );\n const blob = new Blob([csv], { type: \"text/csv;charset=utf-8;\" });\n const url = URL.createObjectURL(blob);\n const link = document.createElement(\"a\");\n link.href = url;\n link.download = filename;\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n URL.revokeObjectURL(url);\n}\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n useGetTimeEntryStatsQuery,\n useGetWorkPatternSummaryQuery,\n useGetFocusScoreSummaryQuery,\n} from \"@/generated/wspace-operations\";\n\nexport function ReportsPage() {\n const { workspaceId = \"\" } = useTimeCampus();\n const [refreshing, setRefreshing] = useState(false);\n\n const {\n data: statsData,\n loading: statsLoading,\n error: statsError,\n refetch: refetchStats,\n } = useGetTimeEntryStatsQuery({\n skip: !workspaceId,\n });\n\n const {\n data: patternData,\n loading: patternLoading,\n refetch: refetchPattern,\n } = useGetWorkPatternSummaryQuery({\n skip: !workspaceId,\n });\n\n const { data: focusData, loading: focusLoading, refetch: refetchFocus } =\n useGetFocusScoreSummaryQuery({\n skip: !workspaceId,\n });\n\n const stats = statsData?.timeEntryStats;\n const pattern = patternData?.workPatternSummary;\n const focus = focusData?.focusScoreSummary;\n\n const handleRefresh = async () => {\n setRefreshing(true);\n try {\n await Promise.all([refetchStats(), refetchPattern(), refetchFocus()]);\n } finally {\n setRefreshing(false);\n }\n };\n\n const handleDownload = (reportId: string) => {\n if ((reportId === \"time-summary\" \|\| reportId === \"billable-summary\") && stats) {\n downloadCsv(`${reportId}.csv`, [\n [\"Total hours\", Math.round(stats.totalHours)],\n [\"Billable hours\", Math.round(stats.billableHours)],\n [\"Total entries\", stats.totalEntries],\n [\"Active timers\", stats.activeTimers],\n ]);\n } else if (reportId === \"work-pattern\" && pattern) {\n downloadCsv(\"work-pattern-analysis.csv\", [\n [\"Average focus hours\", pattern.averageFocusHours.toFixed(1)],\n [\"Average productivity %\", Math.round(pattern.averageProductivity)],\n ]);\n } else if (reportId === \"focus-score\" && focus) {\n downloadCsv(\"focus-score-report.csv\", [\n [\"Average score\", Math.round(focus.averageScore)],\n [\"Highest score\", Math.round(focus.highestScore)],\n [\"Lowest score\", Math.round(focus.lowestScore)],\n ]);\n }\n };\n\n const isLoading = statsLoading \|\| patternLoading \|\| focusLoading;\n\n if (isLoading) {\n return (\n <PageLayout\n title=\"Reports\"\n description=\"Generate and view time tracking reports\"\n actions={\n <button\n disabled\n className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text opacity-70\"\n >\n <RefreshCw className=\"h-4 w-4\" />\n Refresh\n </button>\n }\n >\n <LoadingSkeleton variant=\"list\" count={4} />\n </PageLayout>\n );\n }\n\n if (statsError) {\n return (\n <PageLayout\n title=\"Reports\"\n description=\"Generate and view time tracking reports\"\n >\n <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n Failed to load reports data. Please try again later.\n </div>\n </PageLayout>\n );\n }\n\n // Build dynamic reports from available analytics data\n const reports = [\n ...(stats\n ? [\n {\n id: \"time-summary\",\n name: \"Time Tracking Summary\",\n type: \"time\",\n period: `${Math.round(stats.totalHours)}h total · ${stats.totalEntries} entries`,\n status: \"ready\" as const,\n },\n {\n id: \"billable-summary\",\n name: \"Billable Hours Report\",\n type: \"billing\",\n period: `${Math.round(stats.billableHours)}h billable · ${stats.activeTimers} active`,\n status: \"ready\" as const,\n },\n ]\n : []),\n ...(pattern\n ? [\n {\n id: \"work-pattern\",\n name: \"Work Pattern Analysis\",\n type: \"team\",\n period: `${pattern.averageFocusHours.toFixed(1)}h avg focus · ${Math.round(pattern.averageProductivity)}% productivity`,\n status: \"ready\" as const,\n },\n ]\n : []),\n ...(focus\n ? [\n {\n id: \"focus-score\",\n name: \"Focus Score Report\",\n type: \"productivity\",\n period: `Avg: ${Math.round(focus.averageScore)} · High: ${Math.round(focus.highestScore)} · Low: ${Math.round(focus.lowestScore)}`,\n status: \"ready\" as const,\n },\n ]\n : []),\n ];\n\n return (\n <PageLayout\n title=\"Reports\"\n description=\"Generate and view time tracking reports\"\n purpose=\"Package your tracked time into shareable, exportable reports — the deliverables you hand to clients for billing or to leadership for capacity and utilisation decisions. Reports build automatically from your data; refresh to pull the latest, and download any report as CSV.\"\n actions={\n <button\n onClick={handleRefresh}\n disabled={refreshing}\n className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-70\"\n >\n <RefreshCw\n className={`h-4 w-4 ${refreshing ? \"motion-safe:animate-spin\" : \"\"}`}\n />\n {refreshing ? \"Refreshing...\" : \"Refresh\"}\n </button>\n }\n >\n {reports.length === 0 ? (\n <EmptyState\n illustration=\"empty-data\"\n title=\"No report data available yet\"\n description=\"Track some time first — once you have entries, focus scores or work patterns, ready-to-export reports appear here.\"\n />\n ) : (\n <GlassCard treatment=\"glass\" glow className=\"overflow-hidden\">\n <div className=\"divide-y divide-border\">\n {reports.map((report) => (\n <div\n key={report.id}\n className=\"flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors\"\n >\n <div className=\"flex items-center gap-3\">\n <FileText className=\"h-5 w-5 text-text-secondary\" />\n <div>\n <p className=\"text-sm font-medium text-text-primary\">\n {report.name}\n </p>\n <p className=\"text-xs text-text-secondary\">\n {report.period}\n </p>\n </div>\n </div>\n <div className=\"flex items-center gap-3\">\n <span className=\"inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium bg-status-success-bg text-status-success-text\">\n {report.status}\n </span>\n <button\n onClick={() => handleDownload(report.id)}\n title=\"Download as CSV\"\n aria-label={`Download ${report.name} as CSV`}\n className=\"rounded-md p-1.5 hover:bg-bg-sunken\"\n >\n <Download className=\"h-4 w-4 text-text-secondary\" />\n </button>\n </div>\n </div>\n ))}\n </div>\n </GlassCard>\n )}\n </PageLayout>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"ReportsPage.js","names":[],"sources":["../../../../src/timecampus/pages/dashboard/ReportsPage.tsx"],"sourcesContent":["import { useState, type ReactNode } from \"react\";\nimport {\n RefreshCw,\n Download,\n Clock,\n DollarSign,\n CalendarRange,\n Brain,\n} from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport {\n StatusBadge,\n ProgressMeter,\n RadialGauge,\n BarsChart,\n} from \"../../components\";\nimport { cn, formatHours } from \"../../utils/helpers\";\n\n/** Trigger a client-side CSV download from an array of [key, value] rows. /\nfunction downloadCsv(filename: string, rows: Array<[string, string \| number]>) {\n const escape = (v: string \| number) => `\"${String(v).replace(/\"/g, '\"\"')}\"`;\n const csv = [\n \"Metric,Value\",\n ...rows.map(([k, v]) => `${escape(k)},${escape(v)}`),\n ].join(\"\\n\");\n const blob = new Blob([csv], { type: \"text/csv;charset=utf-8;\" });\n const url = URL.createObjectURL(blob);\n const link = document.createElement(\"a\");\n link.href = url;\n link.download = filename;\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n URL.revokeObjectURL(url);\n}\nimport { useTimeCampus } from \"../../providers/TimeCampusProvider\";\nimport {\n useGetTimeEntryStatsQuery,\n useGetWorkPatternSummaryQuery,\n useGetFocusScoreSummaryQuery,\n} from \"@/generated/wspace-operations\";\n\ntype ReportTypeVariant = \"info\" \| \"success\" \| \"warning\" \| \"default\";\n\ninterface ReportCard {\n id: string;\n name: string;\n typeLabel: string;\n typeVariant: ReportTypeVariant;\n period: string;\n icon: ReactNode;\n accent: string;\n visual: ReactNode;\n}\n\nexport function ReportsPage() {\n const { workspaceId = \"\" } = useTimeCampus();\n const [refreshing, setRefreshing] = useState(false);\n\n const {\n data: statsData,\n loading: statsLoading,\n error: statsError,\n refetch: refetchStats,\n } = useGetTimeEntryStatsQuery({\n skip: !workspaceId,\n });\n\n const {\n data: patternData,\n loading: patternLoading,\n refetch: refetchPattern,\n } = useGetWorkPatternSummaryQuery({\n skip: !workspaceId,\n });\n\n const {\n data: focusData,\n loading: focusLoading,\n refetch: refetchFocus,\n } = useGetFocusScoreSummaryQuery({\n skip: !workspaceId,\n });\n\n const stats = statsData?.timeEntryStats;\n const pattern = patternData?.workPatternSummary;\n const focus = focusData?.focusScoreSummary;\n\n const handleRefresh = async () => {\n setRefreshing(true);\n try {\n await Promise.all([refetchStats(), refetchPattern(), refetchFocus()]);\n } finally {\n setRefreshing(false);\n }\n };\n\n const handleDownload = (reportId: string) => {\n if (\n (reportId === \"time-summary\" \|\| reportId === \"billable-summary\") &&\n stats\n ) {\n downloadCsv(`${reportId}.csv`, [\n [\"Total hours\", Math.round(stats.totalHours)],\n [\"Billable hours\", Math.round(stats.billableHours)],\n [\"Total entries\", stats.totalEntries],\n [\"Active timers\", stats.activeTimers],\n ]);\n } else if (reportId === \"work-pattern\" && pattern) {\n downloadCsv(\"work-pattern-analysis.csv\", [\n [\"Average focus hours\", pattern.averageFocusHours.toFixed(1)],\n [\"Average productivity %\", Math.round(pattern.averageProductivity)],\n ]);\n } else if (reportId === \"focus-score\" && focus) {\n downloadCsv(\"focus-score-report.csv\", [\n [\"Average score\", Math.round(focus.averageScore)],\n [\"Highest score\", Math.round(focus.highestScore)],\n [\"Lowest score\", Math.round(focus.lowestScore)],\n ]);\n }\n };\n\n const isLoading = statsLoading \|\| patternLoading \|\| focusLoading;\n\n if (isLoading) {\n return (\n <PageLayout\n title=\"Reports\"\n description=\"Generate and view time tracking reports\"\n actions={\n <button\n disabled\n className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text opacity-70\"\n >\n <RefreshCw className=\"h-4 w-4\" />\n Refresh\n </button>\n }\n >\n <LoadingSkeleton variant=\"list\" count={4} />\n </PageLayout>\n );\n }\n\n if (statsError) {\n return (\n <PageLayout\n title=\"Reports\"\n description=\"Generate and view time tracking reports\"\n >\n <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n Failed to load reports data. Please try again later.\n </div>\n </PageLayout>\n );\n }\n\n // Derived, real figures shared by the report visuals.\n const nonBillableHours = stats\n ? Math.max(0, stats.totalHours - stats.billableHours)\n : 0;\n const billablePct =\n stats && stats.totalHours > 0\n ? Math.round((stats.billableHours / stats.totalHours) 100)\n : 0;\n\n // Build dynamic report cards from available analytics data. Each carries a\n // small, real visual fed only by the aggregate the page already fetched.\n const reports: ReportCard[] = [\n ...(stats\n ? [\n {\n id: \"time-summary\",\n name: \"Time Tracking Summary\",\n typeLabel: \"Time\",\n typeVariant: \"info\" as const,\n period: `${formatHours(stats.totalHours)} total · ${stats.totalEntries} entries`,\n icon: <Clock className=\"h-5 w-5\" />,\n accent: \"bg-status-info-bg text-status-info-text\",\n visual: (\n <div className=\"space-y-2\">\n <ProgressMeter\n value={stats.billableHours}\n max={stats.totalHours > 0 ? stats.totalHours : 1}\n higherIsWorse={false}\n label=\"Billable share\"\n format={formatHours}\n size=\"md\"\n />\n <div className=\"flex items-center justify-between text-xs text-text-secondary\">\n <span>{stats.totalEntries} entries logged</span>\n <span>\n {stats.activeTimers > 0\n ? `${stats.activeTimers} timer(s) running`\n : \"No active timers\"}\n </span>\n </div>\n </div>\n ),\n },\n {\n id: \"billable-summary\",\n name: \"Billable Hours Report\",\n typeLabel: \"Billing\",\n typeVariant: \"success\" as const,\n period: `${formatHours(stats.billableHours)} billable · ${billablePct}% of tracked`,\n icon: <DollarSign className=\"h-5 w-5\" />,\n accent: \"bg-status-success-bg text-status-success-text\",\n visual: (\n <BarsChart\n data={[\n { label: \"Billable\", hours: stats.billableHours },\n { label: \"Non-billable\", hours: nonBillableHours },\n ]}\n xKey=\"label\"\n series={[{ key: \"hours\", label: \"Hours\" }]}\n orientation=\"horizontal\"\n valueFormat={formatHours}\n categoryWidth={92}\n height={120}\n showGrid={false}\n ariaLabel=\"Billable versus non-billable hours\"\n />\n ),\n },\n ]\n : []),\n ...(pattern\n ? [\n {\n id: \"work-pattern\",\n name: \"Work Pattern Analysis\",\n typeLabel: \"Patterns\",\n typeVariant: \"default\" as const,\n period: `${formatHours(pattern.averageFocusHours)} avg focus · ${Math.round(pattern.averageProductivity)}% productivity`,\n icon: <CalendarRange className=\"h-5 w-5\" />,\n accent: \"bg-action-primary-bg/10 text-primary\",\n visual: (\n <div className=\"space-y-2\">\n <ProgressMeter\n value={pattern.averageProductivity}\n max={100}\n higherIsWorse={false}\n label=\"Productivity\"\n format={(v) => `${Math.round(v)}%`}\n size=\"md\"\n />\n {(pattern.mostProductiveDay \|\| pattern.leastProductiveDay) && (\n <div className=\"flex flex-wrap items-center gap-2\">\n {pattern.mostProductiveDay && (\n <StatusBadge\n variant=\"success\"\n label={`Peak: ${pattern.mostProductiveDay}`}\n />\n )}\n {pattern.leastProductiveDay && (\n <StatusBadge\n variant=\"muted\"\n label={`Quietest: ${pattern.leastProductiveDay}`}\n />\n )}\n </div>\n )}\n </div>\n ),\n },\n ]\n : []),\n ...(focus\n ? [\n {\n id: \"focus-score\",\n name: \"Focus Score Report\",\n typeLabel: \"Productivity\",\n typeVariant: \"warning\" as const,\n period: `Avg ${Math.round(focus.averageScore)} · High ${Math.round(focus.highestScore)} · Low ${Math.round(focus.lowestScore)}`,\n icon: <Brain className=\"h-5 w-5\" />,\n accent: \"bg-status-warning-bg text-status-warning-text\",\n visual: (\n <div className=\"flex items-center gap-4\">\n <div className=\"shrink-0\">\n <RadialGauge\n value={focus.averageScore}\n min={0}\n max={100}\n label=\"Avg\"\n thresholds={{ warning: 75, danger: 50 }}\n height={128}\n className=\"w-32\"\n />\n </div>\n <div className=\"min-w-0 flex-1 space-y-1.5 text-xs\">\n <div className=\"flex items-center justify-between\">\n <span className=\"text-text-secondary\">Highest</span>\n <span className=\"font-semibold tabular-nums text-text-primary\">\n {Math.round(focus.highestScore)}\n </span>\n </div>\n <div className=\"flex items-center justify-between\">\n <span className=\"text-text-secondary\">Lowest</span>\n <span className=\"font-semibold tabular-nums text-text-primary\">\n {Math.round(focus.lowestScore)}\n </span>\n </div>\n {focus.trend && (\n <div className=\"flex items-center justify-between\">\n <span className=\"text-text-secondary\">Trend</span>\n <span className=\"font-medium capitalize text-text-primary\">\n {focus.trend}\n </span>\n </div>\n )}\n </div>\n </div>\n ),\n },\n ]\n : []),\n ];\n\n return (\n <PageLayout\n title=\"Reports\"\n description=\"Generate and view time tracking reports\"\n purpose=\"Package your tracked time into shareable, exportable reports — the deliverables you hand to clients for billing or to leadership for capacity and utilisation decisions. Reports build automatically from your data; refresh to pull the latest, and download any report as CSV.\"\n actions={\n <button\n onClick={handleRefresh}\n disabled={refreshing}\n className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-70\"\n >\n <RefreshCw\n className={`h-4 w-4 ${refreshing ? \"motion-safe:animate-spin\" : \"\"}`}\n />\n {refreshing ? \"Refreshing...\" : \"Refresh\"}\n </button>\n }\n >\n {reports.length === 0 ? (\n <EmptyState\n illustration=\"empty-data\"\n title=\"No report data available yet\"\n description=\"Track some time first — once you have entries, focus scores or work patterns, ready-to-export reports appear here.\"\n />\n ) : (\n <div className=\"grid grid-cols-1 gap-4 xl:grid-cols-2\">\n {reports.map((report) => (\n <GlassCard\n key={report.id}\n treatment=\"glass\"\n className=\"flex flex-col p-4 sm:p-5\"\n >\n <div className=\"flex items-start justify-between gap-3\">\n <div className=\"flex min-w-0 items-start gap-3\">\n <div\n className={cn(\n \"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg\",\n report.accent,\n )}\n >\n {report.icon}\n </div>\n <div className=\"min-w-0\">\n <div className=\"flex flex-wrap items-center gap-2\">\n <p className=\"text-sm font-semibold text-text-primary\">\n {report.name}\n </p>\n <StatusBadge\n variant={report.typeVariant}\n label={report.typeLabel}\n />\n </div>\n <p className=\"mt-1 text-xs text-text-secondary\">\n {report.period}\n </p>\n </div>\n </div>\n <div className=\"flex shrink-0 items-center gap-2\">\n <StatusBadge variant=\"success\" label=\"Ready\" dot />\n <button\n onClick={() => handleDownload(report.id)}\n title=\"Download as CSV\"\n aria-label={`Download ${report.name} as CSV`}\n className=\"inline-flex items-center gap-1 rounded-md border border-border-seam bg-bg-surface px-2 py-1.5 text-xs font-medium text-text-secondary hover:bg-bg-sunken\"\n >\n <Download className=\"h-4 w-4\" />\n CSV\n </button>\n </div>\n </div>\n <div className=\"mt-4 border-t border-border-subtle pt-4\">\n {report.visual}\n </div>\n </GlassCard>\n ))}\n </div>\n )}\n </PageLayout>\n );\n}\n"],"mappings":"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"}