diff --git a/src/components/reports/builders/dashboard-report-builder.tsx b/src/components/reports/builders/dashboard-report-builder.tsx index f22ad3fc..10708809 100644 --- a/src/components/reports/builders/dashboard-report-builder.tsx +++ b/src/components/reports/builders/dashboard-report-builder.tsx @@ -58,6 +58,7 @@ export function DashboardReportBuilder({ portSlug, initialFrom, initialTo }: Pro last30.setDate(last30.getDate() - 30); const [dateFrom, setDateFrom] = useState(initialFrom ?? toIsoLocal(last30)); const [dateTo, setDateTo] = useState(initialTo ?? toIsoLocal(today)); + const [outputFormat, setOutputFormat] = useState<'pdf' | 'csv'>('pdf'); const [loading, setLoading] = useState(false); const [enqueuing, setEnqueuing] = useState(false); const [previewOpen, setPreviewOpen] = useState(false); @@ -144,7 +145,7 @@ export function DashboardReportBuilder({ portSlug, initialFrom, initialTo }: Pro ...(dateFrom ? { dateFrom } : {}), ...(dateTo ? { dateTo } : {}), }, - outputFormat: 'pdf', + outputFormat, }), }); if (!res.ok) { @@ -248,6 +249,26 @@ export function DashboardReportBuilder({ portSlug, initialFrom, initialTo }: Pro Sections marked “needs date range” only render when both dates are set.

+
+ +
+ {(['pdf', 'csv'] as const).map((f) => ( + + ))} +
+

+ PDF carries the brand kit + section layout; CSV emits a flat metric-per-row dump + suitable for spreadsheet analysis. CSV applies to the queued-run path only. +

+
diff --git a/src/components/reports/builders/simple-report-builder.tsx b/src/components/reports/builders/simple-report-builder.tsx index 7dac7df3..474cfc04 100644 --- a/src/components/reports/builders/simple-report-builder.tsx +++ b/src/components/reports/builders/simple-report-builder.tsx @@ -55,6 +55,7 @@ export function SimpleReportBuilder({ portSlug, kind }: Props) { last30.setDate(last30.getDate() - 30); const [dateFrom, setDateFrom] = useState(toIsoLocal(last30)); const [dateTo, setDateTo] = useState(toIsoLocal(today)); + const [outputFormat, setOutputFormat] = useState<'pdf' | 'csv'>('pdf'); const [enqueuing, setEnqueuing] = useState(false); async function handleEnqueue() { @@ -65,7 +66,7 @@ export function SimpleReportBuilder({ portSlug, kind }: Props) { body: { kind, config: { kind, dateFrom, dateTo }, - outputFormat: 'pdf', + outputFormat, }, }); toast.success('Report queued — track progress in Runs.'); @@ -106,6 +107,25 @@ export function SimpleReportBuilder({ portSlug, kind }: Props) { /> +
+ +
+ {(['pdf', 'csv'] as const).map((f) => ( + + ))} +
+

+ PDF for printable / branded reports; CSV for spreadsheet analysis. +

+