@burdenoff/microfe-ecoimpacthub 2026.704.1 → 2026.704.3

package/dist/ecoimpacthub/pages/reports/ReportDetailPage.js

@@ -8,151 +8,173 @@ import "../../context/index.js";
 import { useEcoAddReportLineItem as u, useEcoPublishReport as d, useEcoReport as f } from "../../hooks/useEcoImpactHubApi.js";
 import "../../hooks/index.js";
 import { DataTable as p } from "../../components/DataTable.js";
-import { useMemo as m, useState as h } from "react";
-import { ArrowLeft as g, ListPlus as _, Plus as v, Send as y } from "lucide-react";
-import { useParams as b } from "react-router-dom";
-import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
-import { Button as w, GlassCard as T, Input as E, Label as D, ResponsiveDialog as O, ResponsiveDialogContent as k, ResponsiveDialogDescription as A, ResponsiveDialogFooter as j, ResponsiveDialogHeader as M, ResponsiveDialogTitle as N } from "@burdenoff/fe-libs/ui";
+import { EvidenceUpload as m } from "../../components/EvidenceUpload.js";
+import { FileLink as h } from "../../components/FileLink.js";
+import { EcoDiscussion as g } from "../../components/EcoDiscussion.js";
+import { useMemo as _, useState as v } from "react";
+import { ArrowLeft as y, ListPlus as b, Plus as x, Send as S } from "lucide-react";
+import { useParams as C } from "react-router-dom";
+import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
+import { Button as D, GlassCard as O, Input as k, Label as A, ResponsiveDialog as j, ResponsiveDialogContent as M, ResponsiveDialogDescription as N, ResponsiveDialogFooter as P, ResponsiveDialogHeader as F, ResponsiveDialogTitle as I } from "@burdenoff/fe-libs/ui";
 //#region src/ecoimpacthub/pages/reports/ReportDetailPage.tsx
-function P() {
-	let { id: P } = b(), { navigateTo: F } = e(), { data: I, isLoading: L, isError: R, refetch: z } = f(P), B = u(), V = d(), [H, U] = h(!1), [W, G] = h({
+function L() {
+	let { id: L } = C(), { navigateTo: R } = e(), { data: z, isLoading: B, isError: V, refetch: H } = f(L), U = u(), W = d(), [G, K] = v(!1), [q, J] = v({
 		label: "",
 		value: "",
 		unit: "",
 		category: "",
 		carbonEntryId: ""
-	}), [K, q] = h(null), J = m(() => I?.lineItems ?? [], [I]), Y = m(() => J.reduce((e, t) => e + t.value, 0), [J]);
-	return L ? /* @__PURE__ */ S(t, {
+	}), [Y, X] = v(null), [Z, Q] = v(null), $ = _(() => z?.lineItems ?? [], [z]), ee = _(() => $.reduce((e, t) => e + t.value, 0), [$]);
+	return B ? /* @__PURE__ */ T(t, {
 		title: "Report",
-		children: /* @__PURE__ */ S(s, {})
-	}) : R || !I ? /* @__PURE__ */ S(t, {
+		children: /* @__PURE__ */ T(s, {})
+	}) : V || !z ? /* @__PURE__ */ T(t, {
 		title: "Report",
-		children: /* @__PURE__ */ S(o, {
+		children: /* @__PURE__ */ T(o, {
 			message: "This report could not be loaded.",
-			onRetry: () => z()
+			onRetry: () => H()
 		})
-	}) : /* @__PURE__ */ C(t, {
-		title: I.title,
-		description: [r(I.framework), r(I.status)].filter(Boolean).join(" · "),
-		actions: /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ S(a, { status: I.status }), /* @__PURE__ */ C(w, {
+	}) : /* @__PURE__ */ E(t, {
+		title: z.title,
+		description: [r(z.framework), r(z.status)].filter(Boolean).join(" · "),
+		actions: /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(a, { status: z.status }), /* @__PURE__ */ E(D, {
 			variant: "ghost",
-			onClick: () => F("reports"),
-			children: [/* @__PURE__ */ S(g, { className: "mr-1.5 h-4 w-4" }), " Back"]
+			onClick: () => R("reports"),
+			children: [/* @__PURE__ */ T(y, { className: "mr-1.5 h-4 w-4" }), " Back"]
 		})] }),
 		children: [
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ E("div", {
 				className: "grid grid-cols-1 gap-4 lg:grid-cols-3",
-				children: [/* @__PURE__ */ C(T, {
+				children: [/* @__PURE__ */ E(O, {
 					treatment: "glass",
 					className: "p-6 lg:col-span-2",
-					children: [/* @__PURE__ */ C("dl", {
+					children: [/* @__PURE__ */ E("dl", {
 						className: "grid grid-cols-2 gap-x-6 gap-y-4 sm:grid-cols-3",
 						children: [
-							/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("dt", {
+							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
 								className: "text-xs text-text-tertiary",
 								children: "Framework"
-							}), /* @__PURE__ */ S("dd", {
+							}), /* @__PURE__ */ T("dd", {
 								className: "mt-0.5",
-								children: /* @__PURE__ */ S(a, { status: I.framework })
+								children: /* @__PURE__ */ T(a, { status: z.framework })
 							})] }),
-							/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("dt", {
+							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
 								className: "text-xs text-text-tertiary",
 								children: "Status"
-							}), /* @__PURE__ */ S("dd", {
+							}), /* @__PURE__ */ T("dd", {
 								className: "mt-0.5",
-								children: /* @__PURE__ */ S(a, { status: I.status })
+								children: /* @__PURE__ */ T(a, { status: z.status })
 							})] }),
-							/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("dt", {
+							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
 								className: "text-xs text-text-tertiary",
 								children: "Period"
-							}), /* @__PURE__ */ C("dd", {
+							}), /* @__PURE__ */ E("dd", {
 								className: "mt-0.5 text-sm text-text-primary tabular-nums",
 								children: [
-									n(I.periodStart),
+									n(z.periodStart),
 									" – ",
-									n(I.periodEnd)
+									n(z.periodEnd)
 								]
 							})] }),
-							/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("dt", {
+							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
 								className: "text-xs text-text-tertiary",
 								children: "Published"
-							}), /* @__PURE__ */ S("dd", {
+							}), /* @__PURE__ */ T("dd", {
 								className: "mt-0.5 text-sm text-text-primary",
-								children: n(I.publishedAt)
+								children: n(z.publishedAt)
 							})] }),
-							/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("dt", {
+							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
 								className: "text-xs text-text-tertiary",
 								children: "Line items"
-							}), /* @__PURE__ */ S("dd", {
+							}), /* @__PURE__ */ T("dd", {
 								className: "mt-0.5 text-sm text-text-primary tabular-nums",
-								children: J.length
+								children: $.length
+							})] }),
+							/* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("dt", {
+								className: "text-xs text-text-tertiary",
+								children: "Attachment"
+							}), /* @__PURE__ */ T("dd", {
+								className: "mt-0.5 text-sm",
+								children: z.file?.id ? /* @__PURE__ */ T(h, { fileId: z.file.id }) : /* @__PURE__ */ T("span", {
+									className: "text-text-tertiary",
+									children: "—"
+								})
 							})] })
 						]
-					}), I.summary && /* @__PURE__ */ S("p", {
+					}), z.summary && /* @__PURE__ */ T("p", {
 						className: "mt-5 rounded-lg bg-bg-sunken/60 p-3 text-sm text-text-secondary",
-						children: I.summary
+						children: z.summary
 					})]
-				}), /* @__PURE__ */ C(T, {
+				}), /* @__PURE__ */ E(O, {
 					treatment: "glass",
 					className: "flex flex-col gap-3 p-6",
 					children: [
-						/* @__PURE__ */ S("p", {
+						/* @__PURE__ */ T("p", {
 							className: "text-xs text-text-tertiary",
 							children: "Quick actions"
 						}),
-						/* @__PURE__ */ C(w, {
-							onClick: () => U(!0),
-							children: [/* @__PURE__ */ S(_, { className: "mr-1.5 h-4 w-4" }), " Add line item"]
+						/* @__PURE__ */ E(D, {
+							onClick: () => K(!0),
+							children: [/* @__PURE__ */ T(b, { className: "mr-1.5 h-4 w-4" }), " Add line item"]
 						}),
-						I.status !== "PUBLISHED" && /* @__PURE__ */ C(w, {
+						z.status !== "PUBLISHED" && /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T(m, {
+							id: "reportAttachment",
+							label: "Attach file (optional)",
+							value: Z,
+							onChange: Q,
+							hint: "Attach the signed report PDF or supporting document, then publish."
+						}), /* @__PURE__ */ E(D, {
 							variant: "outline",
 							onClick: async () => {
-								if (P) {
-									q(null);
+								if (L) {
+									X(null);
 									try {
-										await V.mutateAsync({ id: P });
+										await W.mutateAsync({
+											id: L,
+											fileId: Z?.fileId ?? null
+										}), Q(null);
 									} catch (e) {
-										q(e instanceof Error ? e.message : "Failed to publish report.");
+										X(e instanceof Error ? e.message : "Failed to publish report.");
 									}
 								}
 							},
-							disabled: V.isPending,
-							children: [/* @__PURE__ */ S(y, { className: "mr-1.5 h-4 w-4" }), V.isPending ? "Publishing…" : "Publish report"]
-						})
+							disabled: W.isPending,
+							children: [/* @__PURE__ */ T(S, { className: "mr-1.5 h-4 w-4" }), W.isPending ? "Publishing…" : "Publish report"]
+						})] })
 					]
 				})]
 			}),
-			K && /* @__PURE__ */ S("p", {
+			Y && /* @__PURE__ */ T("p", {
 				className: "mt-4 text-sm text-status-error-text",
-				children: K
+				children: Y
 			}),
-			/* @__PURE__ */ S(c, {
+			/* @__PURE__ */ T(c, {
 				title: "Line items",
 				description: "Quantified disclosures that make up this report.",
-				action: /* @__PURE__ */ C(w, {
+				action: /* @__PURE__ */ E(D, {
 					size: "sm",
-					onClick: () => U(!0),
-					children: [/* @__PURE__ */ S(v, { className: "mr-1.5 h-4 w-4" }), " Add line item"]
+					onClick: () => K(!0),
+					children: [/* @__PURE__ */ T(x, { className: "mr-1.5 h-4 w-4" }), " Add line item"]
 				}),
-				children: J.length === 0 ? /* @__PURE__ */ S(l, {
+				children: $.length === 0 ? /* @__PURE__ */ T(l, {
 					illustration: "empty-data",
 					title: "No line items",
 					description: "Add a line item to record a quantified disclosure for this report."
-				}) : /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ C("div", {
+				}) : /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ E("div", {
 					className: "mb-3 flex items-center justify-end gap-2 text-sm",
-					children: [/* @__PURE__ */ S("span", {
+					children: [/* @__PURE__ */ T("span", {
 						className: "text-text-tertiary",
 						children: "Total value"
-					}), /* @__PURE__ */ S("span", {
+					}), /* @__PURE__ */ T("span", {
 						className: "font-semibold text-text-primary tabular-nums",
-						children: i(Y)
+						children: i(ee)
 					})]
-				}), /* @__PURE__ */ S(p, {
+				}), /* @__PURE__ */ T(p, {
 					columns: [
 						{
 							key: "label",
 							header: "Line item",
-							render: (e) => /* @__PURE__ */ S("span", {
+							render: (e) => /* @__PURE__ */ T("span", {
 								className: "font-semibold text-text-primary",
 								children: e.label
 							})
@@ -161,7 +183,7 @@ function P() {
 							key: "category",
 							header: "Category",
 							hideOnMobile: !0,
-							render: (e) => /* @__PURE__ */ S("span", {
+							render: (e) => /* @__PURE__ */ T("span", {
 								className: "text-text-secondary",
 								children: e.category ?? "—"
 							})
@@ -171,7 +193,7 @@ function P() {
 							header: "Value",
 							align: "right",
 							sortValue: (e) => e.value,
-							render: (e) => /* @__PURE__ */ C("span", {
+							render: (e) => /* @__PURE__ */ E("span", {
 								className: "tabular-nums text-text-primary",
 								children: [
 									i(e.value),
@@ -181,96 +203,101 @@ function P() {
 							})
 						}
 					],
-					rows: J,
+					rows: $,
 					rowKey: (e) => e.id
 				})] })
 			}),
-			/* @__PURE__ */ S(O, {
-				open: H,
-				onOpenChange: U,
-				children: /* @__PURE__ */ C(k, { children: [
-					/* @__PURE__ */ C(M, { children: [/* @__PURE__ */ S(N, { children: "Add line item" }), /* @__PURE__ */ C(A, { children: [
+			/* @__PURE__ */ T(g, {
+				entityType: "ecoimpacthub-report",
+				entityId: z.id,
+				description: "Coordinate review and sign-off on this disclosure with your team."
+			}),
+			/* @__PURE__ */ T(j, {
+				open: G,
+				onOpenChange: K,
+				children: /* @__PURE__ */ E(M, { children: [
+					/* @__PURE__ */ E(F, { children: [/* @__PURE__ */ T(I, { children: "Add line item" }), /* @__PURE__ */ E(N, { children: [
 						"Record a quantified disclosure for ",
-						I.title,
+						z.title,
 						"."
 					] })] }),
-					/* @__PURE__ */ C("div", {
+					/* @__PURE__ */ E("div", {
 						className: "grid gap-4 py-2",
 						children: [
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ E("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ S(D, {
+								children: [/* @__PURE__ */ T(A, {
 									htmlFor: "liLabel",
 									children: "Label *"
-								}), /* @__PURE__ */ S(E, {
+								}), /* @__PURE__ */ T(k, {
 									id: "liLabel",
-									value: W.label,
-									onChange: (e) => G({
-										...W,
+									value: q.label,
+									onChange: (e) => J({
+										...q,
 										label: e.target.value
 									}),
 									placeholder: "Scope 1 emissions"
 								})]
 							}),
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ E("div", {
 								className: "grid gap-2 sm:grid-cols-2",
-								children: [/* @__PURE__ */ C("div", {
+								children: [/* @__PURE__ */ E("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ S(D, {
+									children: [/* @__PURE__ */ T(A, {
 										htmlFor: "liValue",
 										children: "Value *"
-									}), /* @__PURE__ */ S(E, {
+									}), /* @__PURE__ */ T(k, {
 										id: "liValue",
 										type: "number",
 										step: "any",
-										value: W.value,
-										onChange: (e) => G({
-											...W,
+										value: q.value,
+										onChange: (e) => J({
+											...q,
 											value: e.target.value
 										}),
 										placeholder: "1250"
 									})]
-								}), /* @__PURE__ */ C("div", {
+								}), /* @__PURE__ */ E("div", {
 									className: "grid gap-1.5",
-									children: [/* @__PURE__ */ S(D, {
+									children: [/* @__PURE__ */ T(A, {
 										htmlFor: "liUnit",
 										children: "Unit *"
-									}), /* @__PURE__ */ S(E, {
+									}), /* @__PURE__ */ T(k, {
 										id: "liUnit",
-										value: W.unit,
-										onChange: (e) => G({
-											...W,
+										value: q.unit,
+										onChange: (e) => J({
+											...q,
 											unit: e.target.value
 										}),
 										placeholder: "t CO₂e"
 									})]
 								})]
 							}),
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ E("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ S(D, {
+								children: [/* @__PURE__ */ T(A, {
 									htmlFor: "liCategory",
 									children: "Category"
-								}), /* @__PURE__ */ S(E, {
+								}), /* @__PURE__ */ T(k, {
 									id: "liCategory",
-									value: W.category,
-									onChange: (e) => G({
-										...W,
+									value: q.category,
+									onChange: (e) => J({
+										...q,
 										category: e.target.value
 									}),
 									placeholder: "Optional grouping, e.g. Energy"
 								})]
 							}),
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ E("div", {
 								className: "grid gap-1.5",
-								children: [/* @__PURE__ */ S(D, {
+								children: [/* @__PURE__ */ T(A, {
 									htmlFor: "liCarbonEntry",
 									children: "Carbon entry ID"
-								}), /* @__PURE__ */ S(E, {
+								}), /* @__PURE__ */ T(k, {
 									id: "liCarbonEntry",
-									value: W.carbonEntryId,
-									onChange: (e) => G({
-										...W,
+									value: q.carbonEntryId,
+									onChange: (e) => J({
+										...q,
 										carbonEntryId: e.target.value
 									}),
 									placeholder: "Optional linked carbon-ledger entry"
@@ -278,27 +305,27 @@ function P() {
 							})
 						]
 					}),
-					/* @__PURE__ */ C(j, { children: [/* @__PURE__ */ S(w, {
+					/* @__PURE__ */ E(P, { children: [/* @__PURE__ */ T(D, {
 						variant: "outline",
-						onClick: () => U(!1),
+						onClick: () => K(!1),
 						children: "Cancel"
-					}), /* @__PURE__ */ S(w, {
+					}), /* @__PURE__ */ T(D, {
 						onClick: async () => {
-							if (P) {
-								if (!W.label.trim() || !W.value || !W.unit.trim()) {
-									q("Label, value and unit are required.");
+							if (L) {
+								if (!q.label.trim() || !q.value || !q.unit.trim()) {
+									X("Label, value and unit are required.");
 									return;
 								}
-								q(null);
+								X(null);
 								try {
-									await B.mutateAsync({
-										reportId: P,
-										label: W.label.trim(),
-										value: Number(W.value),
-										unit: W.unit.trim(),
-										category: W.category.trim() || null,
-										carbonEntryId: W.carbonEntryId.trim() || null
-									}), U(!1), G({
+									await U.mutateAsync({
+										reportId: L,
+										label: q.label.trim(),
+										value: Number(q.value),
+										unit: q.unit.trim(),
+										category: q.category.trim() || null,
+										carbonEntryId: q.carbonEntryId.trim() || null
+									}), K(!1), J({
 										label: "",
 										value: "",
 										unit: "",
@@ -306,12 +333,12 @@ function P() {
 										carbonEntryId: ""
 									});
 								} catch (e) {
-									q(e instanceof Error ? e.message : "Failed to add line item.");
+									X(e instanceof Error ? e.message : "Failed to add line item.");
 								}
 							}
 						},
-						disabled: B.isPending,
-						children: B.isPending ? "Adding…" : "Add line item"
+						disabled: U.isPending,
+						children: U.isPending ? "Adding…" : "Add line item"
 					})] })
 				] })
 			})
@@ -319,6 +346,6 @@ function P() {
 	});
 }
 //#endregion
-export { P as ReportDetailPage };
+export { L as ReportDetailPage };
 
 //# sourceMappingURL=ReportDetailPage.js.map

package/dist/ecoimpacthub/pages/reports/ReportDetailPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReportDetailPage.js","names":[],"sources":["../../../../src/ecoimpacthub/pages/reports/ReportDetailPage.tsx"],"sourcesContent":["/**\n * Report detail — overview, line items & disclosure actions.\n * @module ecoimpacthub/pages/reports\n *\n * Reads `ecoReport` (+ nested lineItems); writes `ecoAddReportLineItem`,\n * `ecoPublishReport`.\n */\n\nimport { useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { ArrowLeft, Plus, ListPlus, Send } from 'lucide-react';\nimport {\n  Button,\n  Input,\n  Label,\n  GlassCard,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { DataTable, type Column } from '../../components/DataTable';\nimport { LoadingView, ErrorView, Section } from '../../components/StateViews';\nimport { EmptyState } from '../../components/EmptyState';\nimport { useEcoImpactHub } from '../../context';\nimport { useEcoReport, useEcoAddReportLineItem, useEcoPublishReport } from '../../hooks';\nimport { formatDate, formatEnumLabel, formatNumber } from '../../utils/formatters';\nimport type { EcoReportLineItem } from '../../types';\n\nexport function ReportDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { navigateTo } = useEcoImpactHub();\n  const { data: report, isLoading, isError, refetch } = useEcoReport(id);\n\n  const addLineItem = useEcoAddReportLineItem();\n  const publishReport = useEcoPublishReport();\n\n  const [lineItemOpen, setLineItemOpen] = useState(false);\n  const [lineItemForm, setLineItemForm] = useState({\n    label: '',\n    value: '',\n    unit: '',\n    category: '',\n    carbonEntryId: '',\n  });\n  const [error, setError] = useState<string | null>(null);\n\n  const lineItems = useMemo(() => report?.lineItems ?? [], [report]);\n  const total = useMemo(() => lineItems.reduce((sum, li) => sum + li.value, 0), [lineItems]);\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Report\">\n        <LoadingView />\n      </PageLayout>\n    );\n  }\n  if (isError || !report) {\n    return (\n      <PageLayout title=\"Report\">\n        <ErrorView message=\"This report could not be loaded.\" onRetry={() => refetch()} />\n      </PageLayout>\n    );\n  }\n\n  const handleAddLineItem = async () => {\n    if (!id) return;\n    if (!lineItemForm.label.trim() || !lineItemForm.value || !lineItemForm.unit.trim()) {\n      setError('Label, value and unit are required.');\n      return;\n    }\n    setError(null);\n    try {\n      await addLineItem.mutateAsync({\n        reportId: id,\n        label: lineItemForm.label.trim(),\n        value: Number(lineItemForm.value),\n        unit: lineItemForm.unit.trim(),\n        category: lineItemForm.category.trim() || null,\n        carbonEntryId: lineItemForm.carbonEntryId.trim() || null,\n      });\n      setLineItemOpen(false);\n      setLineItemForm({ label: '', value: '', unit: '', category: '', carbonEntryId: '' });\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to add line item.');\n    }\n  };\n\n  const handlePublish = async () => {\n    if (!id) return;\n    setError(null);\n    try {\n      await publishReport.mutateAsync({ id });\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to publish report.');\n    }\n  };\n\n  const lineItemColumns: Column<EcoReportLineItem>[] = [\n    {\n      key: 'label',\n      header: 'Line item',\n      render: (li) => <span className=\"font-semibold text-text-primary\">{li.label}</span>,\n    },\n    {\n      key: 'category',\n      header: 'Category',\n      hideOnMobile: true,\n      render: (li) => <span className=\"text-text-secondary\">{li.category ?? '—'}</span>,\n    },\n    {\n      key: 'value',\n      header: 'Value',\n      align: 'right',\n      sortValue: (li) => li.value,\n      render: (li) => (\n        <span className=\"tabular-nums text-text-primary\">\n          {formatNumber(li.value)} {li.unit}\n        </span>\n      ),\n    },\n  ];\n\n  return (\n    <PageLayout\n      title={report.title}\n      description={[formatEnumLabel(report.framework), formatEnumLabel(report.status)]\n        .filter(Boolean)\n        .join(' · ')}\n      actions={\n        <>\n          <StatusBadge status={report.status} />\n          <Button variant=\"ghost\" onClick={() => navigateTo('reports')}>\n            <ArrowLeft className=\"mr-1.5 h-4 w-4\" /> Back\n          </Button>\n        </>\n      }\n    >\n      {/* Overview */}\n      <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-3\">\n        <GlassCard treatment=\"glass\" className=\"p-6 lg:col-span-2\">\n          <dl className=\"grid grid-cols-2 gap-x-6 gap-y-4 sm:grid-cols-3\">\n            <div>\n              <dt className=\"text-xs text-text-tertiary\">Framework</dt>\n              <dd className=\"mt-0.5\">\n                <StatusBadge status={report.framework} />\n              </dd>\n            </div>\n            <div>\n              <dt className=\"text-xs text-text-tertiary\">Status</dt>\n              <dd className=\"mt-0.5\">\n                <StatusBadge status={report.status} />\n              </dd>\n            </div>\n            <div>\n              <dt className=\"text-xs text-text-tertiary\">Period</dt>\n              <dd className=\"mt-0.5 text-sm text-text-primary tabular-nums\">\n                {formatDate(report.periodStart)} – {formatDate(report.periodEnd)}\n              </dd>\n            </div>\n            <div>\n              <dt className=\"text-xs text-text-tertiary\">Published</dt>\n              <dd className=\"mt-0.5 text-sm text-text-primary\">{formatDate(report.publishedAt)}</dd>\n            </div>\n            <div>\n              <dt className=\"text-xs text-text-tertiary\">Line items</dt>\n              <dd className=\"mt-0.5 text-sm text-text-primary tabular-nums\">{lineItems.length}</dd>\n            </div>\n          </dl>\n          {report.summary && (\n            <p className=\"mt-5 rounded-lg bg-bg-sunken/60 p-3 text-sm text-text-secondary\">\n              {report.summary}\n            </p>\n          )}\n        </GlassCard>\n\n        <GlassCard treatment=\"glass\" className=\"flex flex-col gap-3 p-6\">\n          <p className=\"text-xs text-text-tertiary\">Quick actions</p>\n          <Button onClick={() => setLineItemOpen(true)}>\n            <ListPlus className=\"mr-1.5 h-4 w-4\" /> Add line item\n          </Button>\n          {report.status !== 'PUBLISHED' && (\n            <Button variant=\"outline\" onClick={handlePublish} disabled={publishReport.isPending}>\n              <Send className=\"mr-1.5 h-4 w-4\" />\n              {publishReport.isPending ? 'Publishing…' : 'Publish report'}\n            </Button>\n          )}\n        </GlassCard>\n      </div>\n\n      {error && <p className=\"mt-4 text-sm text-status-error-text\">{error}</p>}\n\n      {/* Line items */}\n      <Section\n        title=\"Line items\"\n        description=\"Quantified disclosures that make up this report.\"\n        action={\n          <Button size=\"sm\" onClick={() => setLineItemOpen(true)}>\n            <Plus className=\"mr-1.5 h-4 w-4\" /> Add line item\n          </Button>\n        }\n      >\n        {lineItems.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            title=\"No line items\"\n            description=\"Add a line item to record a quantified disclosure for this report.\"\n          />\n        ) : (\n          <>\n            <div className=\"mb-3 flex items-center justify-end gap-2 text-sm\">\n              <span className=\"text-text-tertiary\">Total value</span>\n              <span className=\"font-semibold text-text-primary tabular-nums\">\n                {formatNumber(total)}\n              </span>\n            </div>\n            <DataTable columns={lineItemColumns} rows={lineItems} rowKey={(li) => li.id} />\n          </>\n        )}\n      </Section>\n\n      {/* Add line item dialog */}\n      <ResponsiveDialog open={lineItemOpen} onOpenChange={setLineItemOpen}>\n        <ResponsiveDialogContent>\n          <ResponsiveDialogHeader>\n            <ResponsiveDialogTitle>Add line item</ResponsiveDialogTitle>\n            <ResponsiveDialogDescription>\n              Record a quantified disclosure for {report.title}.\n            </ResponsiveDialogDescription>\n          </ResponsiveDialogHeader>\n          <div className=\"grid gap-4 py-2\">\n            <div className=\"grid gap-1.5\">\n              <Label htmlFor=\"liLabel\">Label *</Label>\n              <Input\n                id=\"liLabel\"\n                value={lineItemForm.label}\n                onChange={(e) => setLineItemForm({ ...lineItemForm, label: e.target.value })}\n                placeholder=\"Scope 1 emissions\"\n              />\n            </div>\n            <div className=\"grid gap-2 sm:grid-cols-2\">\n              <div className=\"grid gap-1.5\">\n                <Label htmlFor=\"liValue\">Value *</Label>\n                <Input\n                  id=\"liValue\"\n                  type=\"number\"\n                  step=\"any\"\n                  value={lineItemForm.value}\n                  onChange={(e) => setLineItemForm({ ...lineItemForm, value: e.target.value })}\n                  placeholder=\"1250\"\n                />\n              </div>\n              <div className=\"grid gap-1.5\">\n                <Label htmlFor=\"liUnit\">Unit *</Label>\n                <Input\n                  id=\"liUnit\"\n                  value={lineItemForm.unit}\n                  onChange={(e) => setLineItemForm({ ...lineItemForm, unit: e.target.value })}\n                  placeholder=\"t CO₂e\"\n                />\n              </div>\n            </div>\n            <div className=\"grid gap-1.5\">\n              <Label htmlFor=\"liCategory\">Category</Label>\n              <Input\n                id=\"liCategory\"\n                value={lineItemForm.category}\n                onChange={(e) => setLineItemForm({ ...lineItemForm, category: e.target.value })}\n                placeholder=\"Optional grouping, e.g. Energy\"\n              />\n            </div>\n            <div className=\"grid gap-1.5\">\n              <Label htmlFor=\"liCarbonEntry\">Carbon entry ID</Label>\n              <Input\n                id=\"liCarbonEntry\"\n                value={lineItemForm.carbonEntryId}\n                onChange={(e) =>\n                  setLineItemForm({ ...lineItemForm, carbonEntryId: e.target.value })\n                }\n                placeholder=\"Optional linked carbon-ledger entry\"\n              />\n            </div>\n          </div>\n          <ResponsiveDialogFooter>\n            <Button variant=\"outline\" onClick={() => setLineItemOpen(false)}>\n              Cancel\n            </Button>\n            <Button onClick={handleAddLineItem} disabled={addLineItem.isPending}>\n              {addLineItem.isPending ? 'Adding…' : 'Add line item'}\n            </Button>\n          </ResponsiveDialogFooter>\n        </ResponsiveDialogContent>\n      </ResponsiveDialog>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ReportDetailPage.js","names":[],"sources":["../../../../src/ecoimpacthub/pages/reports/ReportDetailPage.tsx"],"sourcesContent":["/**\n * Report detail — overview, line items & disclosure actions.\n * @module ecoimpacthub/pages/reports\n *\n * Reads `ecoReport` (+ nested lineItems); writes `ecoAddReportLineItem`,\n * `ecoPublishReport`.\n */\n\nimport { useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport { ArrowLeft, Plus, ListPlus, Send } from 'lucide-react';\nimport {\n  Button,\n  Input,\n  Label,\n  GlassCard,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n} from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { DataTable, type Column } from '../../components/DataTable';\nimport { LoadingView, ErrorView, Section } from '../../components/StateViews';\nimport { EmptyState } from '../../components/EmptyState';\nimport { EvidenceUpload } from '../../components/EvidenceUpload';\nimport { FileLink } from '../../components/FileLink';\nimport { EcoDiscussion } from '../../components/EcoDiscussion';\nimport { useEcoImpactHub } from '../../context';\nimport {\n  useEcoReport,\n  useEcoAddReportLineItem,\n  useEcoPublishReport,\n  type UploadedEcoFile,\n} from '../../hooks';\nimport { formatDate, formatEnumLabel, formatNumber } from '../../utils/formatters';\nimport type { EcoReportLineItem } from '../../types';\n\nexport function ReportDetailPage() {\n  const { id } = useParams<{ id: string }>();\n  const { navigateTo } = useEcoImpactHub();\n  const { data: report, isLoading, isError, refetch } = useEcoReport(id);\n\n  const addLineItem = useEcoAddReportLineItem();\n  const publishReport = useEcoPublishReport();\n\n  const [lineItemOpen, setLineItemOpen] = useState(false);\n  const [lineItemForm, setLineItemForm] = useState({\n    label: '',\n    value: '',\n    unit: '',\n    category: '',\n    carbonEntryId: '',\n  });\n  const [error, setError] = useState<string | null>(null);\n  const [attachment, setAttachment] = useState<UploadedEcoFile | null>(null);\n\n  const lineItems = useMemo(() => report?.lineItems ?? [], [report]);\n  const total = useMemo(() => lineItems.reduce((sum, li) => sum + li.value, 0), [lineItems]);\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Report\">\n        <LoadingView />\n      </PageLayout>\n    );\n  }\n  if (isError || !report) {\n    return (\n      <PageLayout title=\"Report\">\n        <ErrorView message=\"This report could not be loaded.\" onRetry={() => refetch()} />\n      </PageLayout>\n    );\n  }\n\n  const handleAddLineItem = async () => {\n    if (!id) return;\n    if (!lineItemForm.label.trim() || !lineItemForm.value || !lineItemForm.unit.trim()) {\n      setError('Label, value and unit are required.');\n      return;\n    }\n    setError(null);\n    try {\n      await addLineItem.mutateAsync({\n        reportId: id,\n        label: lineItemForm.label.trim(),\n        value: Number(lineItemForm.value),\n        unit: lineItemForm.unit.trim(),\n        category: lineItemForm.category.trim() || null,\n        carbonEntryId: lineItemForm.carbonEntryId.trim() || null,\n      });\n      setLineItemOpen(false);\n      setLineItemForm({ label: '', value: '', unit: '', category: '', carbonEntryId: '' });\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to add line item.');\n    }\n  };\n\n  const handlePublish = async () => {\n    if (!id) return;\n    setError(null);\n    try {\n      await publishReport.mutateAsync({ id, fileId: attachment?.fileId ?? null });\n      setAttachment(null);\n    } catch (err) {\n      setError(err instanceof Error ? err.message : 'Failed to publish report.');\n    }\n  };\n\n  const lineItemColumns: Column<EcoReportLineItem>[] = [\n    {\n      key: 'label',\n      header: 'Line item',\n      render: (li) => <span className=\"font-semibold text-text-primary\">{li.label}</span>,\n    },\n    {\n      key: 'category',\n      header: 'Category',\n      hideOnMobile: true,\n      render: (li) => <span className=\"text-text-secondary\">{li.category ?? '—'}</span>,\n    },\n    {\n      key: 'value',\n      header: 'Value',\n      align: 'right',\n      sortValue: (li) => li.value,\n      render: (li) => (\n        <span className=\"tabular-nums text-text-primary\">\n          {formatNumber(li.value)} {li.unit}\n        </span>\n      ),\n    },\n  ];\n\n  return (\n    <PageLayout\n      title={report.title}\n      description={[formatEnumLabel(report.framework), formatEnumLabel(report.status)]\n        .filter(Boolean)\n        .join(' · ')}\n      actions={\n        <>\n          <StatusBadge status={report.status} />\n          <Button variant=\"ghost\" onClick={() => navigateTo('reports')}>\n            <ArrowLeft className=\"mr-1.5 h-4 w-4\" /> Back\n          </Button>\n        </>\n      }\n    >\n      {/* Overview */}\n      <div className=\"grid grid-cols-1 gap-4 lg:grid-cols-3\">\n        <GlassCard treatment=\"glass\" className=\"p-6 lg:col-span-2\">\n          <dl className=\"grid grid-cols-2 gap-x-6 gap-y-4 sm:grid-cols-3\">\n            <div>\n              <dt className=\"text-xs text-text-tertiary\">Framework</dt>\n              <dd className=\"mt-0.5\">\n                <StatusBadge status={report.framework} />\n              </dd>\n            </div>\n            <div>\n              <dt className=\"text-xs text-text-tertiary\">Status</dt>\n              <dd className=\"mt-0.5\">\n                <StatusBadge status={report.status} />\n              </dd>\n            </div>\n            <div>\n              <dt className=\"text-xs text-text-tertiary\">Period</dt>\n              <dd className=\"mt-0.5 text-sm text-text-primary tabular-nums\">\n                {formatDate(report.periodStart)} – {formatDate(report.periodEnd)}\n              </dd>\n            </div>\n            <div>\n              <dt className=\"text-xs text-text-tertiary\">Published</dt>\n              <dd className=\"mt-0.5 text-sm text-text-primary\">{formatDate(report.publishedAt)}</dd>\n            </div>\n            <div>\n              <dt className=\"text-xs text-text-tertiary\">Line items</dt>\n              <dd className=\"mt-0.5 text-sm text-text-primary tabular-nums\">{lineItems.length}</dd>\n            </div>\n            <div>\n              <dt className=\"text-xs text-text-tertiary\">Attachment</dt>\n              <dd className=\"mt-0.5 text-sm\">\n                {report.file?.id ? (\n                  <FileLink fileId={report.file.id} />\n                ) : (\n                  <span className=\"text-text-tertiary\">—</span>\n                )}\n              </dd>\n            </div>\n          </dl>\n          {report.summary && (\n            <p className=\"mt-5 rounded-lg bg-bg-sunken/60 p-3 text-sm text-text-secondary\">\n              {report.summary}\n            </p>\n          )}\n        </GlassCard>\n\n        <GlassCard treatment=\"glass\" className=\"flex flex-col gap-3 p-6\">\n          <p className=\"text-xs text-text-tertiary\">Quick actions</p>\n          <Button onClick={() => setLineItemOpen(true)}>\n            <ListPlus className=\"mr-1.5 h-4 w-4\" /> Add line item\n          </Button>\n          {report.status !== 'PUBLISHED' && (\n            <>\n              <EvidenceUpload\n                id=\"reportAttachment\"\n                label=\"Attach file (optional)\"\n                value={attachment}\n                onChange={setAttachment}\n                hint=\"Attach the signed report PDF or supporting document, then publish.\"\n              />\n              <Button variant=\"outline\" onClick={handlePublish} disabled={publishReport.isPending}>\n                <Send className=\"mr-1.5 h-4 w-4\" />\n                {publishReport.isPending ? 'Publishing…' : 'Publish report'}\n              </Button>\n            </>\n          )}\n        </GlassCard>\n      </div>\n\n      {error && <p className=\"mt-4 text-sm text-status-error-text\">{error}</p>}\n\n      {/* Line items */}\n      <Section\n        title=\"Line items\"\n        description=\"Quantified disclosures that make up this report.\"\n        action={\n          <Button size=\"sm\" onClick={() => setLineItemOpen(true)}>\n            <Plus className=\"mr-1.5 h-4 w-4\" /> Add line item\n          </Button>\n        }\n      >\n        {lineItems.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-data\"\n            title=\"No line items\"\n            description=\"Add a line item to record a quantified disclosure for this report.\"\n          />\n        ) : (\n          <>\n            <div className=\"mb-3 flex items-center justify-end gap-2 text-sm\">\n              <span className=\"text-text-tertiary\">Total value</span>\n              <span className=\"font-semibold text-text-primary tabular-nums\">\n                {formatNumber(total)}\n              </span>\n            </div>\n            <DataTable columns={lineItemColumns} rows={lineItems} rowKey={(li) => li.id} />\n          </>\n        )}\n      </Section>\n\n      {/* Discussion — reuses the platform EntityComment API (no eco-svc change) */}\n      <EcoDiscussion\n        entityType=\"ecoimpacthub-report\"\n        entityId={report.id}\n        description=\"Coordinate review and sign-off on this disclosure with your team.\"\n      />\n\n      {/* Add line item dialog */}\n      <ResponsiveDialog open={lineItemOpen} onOpenChange={setLineItemOpen}>\n        <ResponsiveDialogContent>\n          <ResponsiveDialogHeader>\n            <ResponsiveDialogTitle>Add line item</ResponsiveDialogTitle>\n            <ResponsiveDialogDescription>\n              Record a quantified disclosure for {report.title}.\n            </ResponsiveDialogDescription>\n          </ResponsiveDialogHeader>\n          <div className=\"grid gap-4 py-2\">\n            <div className=\"grid gap-1.5\">\n              <Label htmlFor=\"liLabel\">Label *</Label>\n              <Input\n                id=\"liLabel\"\n                value={lineItemForm.label}\n                onChange={(e) => setLineItemForm({ ...lineItemForm, label: e.target.value })}\n                placeholder=\"Scope 1 emissions\"\n              />\n            </div>\n            <div className=\"grid gap-2 sm:grid-cols-2\">\n              <div className=\"grid gap-1.5\">\n                <Label htmlFor=\"liValue\">Value *</Label>\n                <Input\n                  id=\"liValue\"\n                  type=\"number\"\n                  step=\"any\"\n                  value={lineItemForm.value}\n                  onChange={(e) => setLineItemForm({ ...lineItemForm, value: e.target.value })}\n                  placeholder=\"1250\"\n                />\n              </div>\n              <div className=\"grid gap-1.5\">\n                <Label htmlFor=\"liUnit\">Unit *</Label>\n                <Input\n                  id=\"liUnit\"\n                  value={lineItemForm.unit}\n                  onChange={(e) => setLineItemForm({ ...lineItemForm, unit: e.target.value })}\n                  placeholder=\"t CO₂e\"\n                />\n              </div>\n            </div>\n            <div className=\"grid gap-1.5\">\n              <Label htmlFor=\"liCategory\">Category</Label>\n              <Input\n                id=\"liCategory\"\n                value={lineItemForm.category}\n                onChange={(e) => setLineItemForm({ ...lineItemForm, category: e.target.value })}\n                placeholder=\"Optional grouping, e.g. Energy\"\n              />\n            </div>\n            <div className=\"grid gap-1.5\">\n              <Label htmlFor=\"liCarbonEntry\">Carbon entry ID</Label>\n              <Input\n                id=\"liCarbonEntry\"\n                value={lineItemForm.carbonEntryId}\n                onChange={(e) =>\n                  setLineItemForm({ ...lineItemForm, carbonEntryId: e.target.value })\n                }\n                placeholder=\"Optional linked carbon-ledger entry\"\n              />\n            </div>\n          </div>\n          <ResponsiveDialogFooter>\n            <Button variant=\"outline\" onClick={() => setLineItemOpen(false)}>\n              Cancel\n            </Button>\n            <Button onClick={handleAddLineItem} disabled={addLineItem.isPending}>\n              {addLineItem.isPending ? 'Adding…' : 'Add line item'}\n            </Button>\n          </ResponsiveDialogFooter>\n        </ResponsiveDialogContent>\n      </ResponsiveDialog>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}