npm - @burdenoff/microfe-ecoimpacthub - Versions diffs - 2026.819.4 → 2026.830.1 - Mend

@burdenoff/microfe-ecoimpacthub 2026.819.4 → 2026.830.1

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 (51) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ReportDetailPage.js","names":[],"sources":["../../../../src/ecoimpacthub/pages/reports/ReportDetailPage.tsx"],"sourcesContent":["/*\n Report detail — overview, line items (with total) & disclosure actions.\n * @module ecoimpacthub/pages/reports\n \n Reads `ecoReport` (+ nested lineItems); writes `ecoAddReportLineItem`,\n * `ecoPublishReport`. The hero pairs a fact-rich overview with an actions card;\n * line items render as a crisp table whose footer carries the running TOTAL, and\n * a discussion thread (platform EntityComment API) sits below.\n /\n\nimport { useMemo, useState, type ReactNode } from 'react';\nimport { useParams } from 'react-router';\nimport { ArrowLeft, 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 { 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, formatNumber } from '../../utils/formatters';\nimport { FrameworkBadge } from '../badges';\n\n/* A labelled key/value cell for the overview grid. /\nfunction Fact({ label, children }: { label: string; children: ReactNode }) {\n return (\n <div>\n <dt className=\"text-xs text-text-tertiary\">{label}</dt>\n <dd className=\"mt-1 text-sm text-text-primary\">{children}</dd>\n </div>\n );\n}\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 const totalUnit = useMemo(() => {\n const units = new Set(lineItems.map((li) => li.unit));\n return units.size === 1 ? [...units][0] : null;\n }, [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 isPublished = report.status === 'PUBLISHED';\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 return (\n <PageLayout\n title={\n <span className=\"flex flex-wrap items-center gap-x-3 gap-y-2\">\n <span className=\"text-text-primary\">{report.title}</span>\n <FrameworkBadge framework={report.framework} />\n </span>\n }\n description={`Reporting period ${formatDate(report.periodStart)} – ${formatDate(report.periodEnd)}`}\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 + actions /}\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 <Fact label=\"Framework\">\n <FrameworkBadge framework={report.framework} />\n </Fact>\n <Fact label=\"Status\">\n <StatusBadge status={report.status} />\n </Fact>\n <Fact label=\"Period\">\n <span className=\"tabular-nums\">\n {formatDate(report.periodStart)} – {formatDate(report.periodEnd)}\n </span>\n </Fact>\n <Fact label=\"Published\">{formatDate(report.publishedAt)}</Fact>\n <Fact label=\"Line items\">\n <span className=\"tabular-nums\">{lineItems.length}</span>\n </Fact>\n <Fact label=\"Attachment\">\n {report.file?.id ? (\n <FileLink fileId={report.file.id} />\n ) : (\n <span className=\"text-text-tertiary\">—</span>\n )}\n </Fact>\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 font-medium uppercase tracking-wide text-text-tertiary\">Actions</p>\n <Button onClick={() => setLineItemOpen(true)}>\n <ListPlus className=\"mr-1.5 h-4 w-4\" /> Add line item\n </Button>\n {isPublished ? (\n <p className=\"mt-1 text-sm text-text-secondary\">\n Published {formatDate(report.publishedAt)}. This disclosure is finalised.\n </p>\n ) : (\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 <ListPlus 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 action={\n <Button size=\"sm\" onClick={() => setLineItemOpen(true)}>\n <ListPlus className=\"mr-1.5 h-4 w-4\" /> Add line item\n </Button>\n }\n />\n ) : (\n <GlassCard treatment=\"plain\" className=\"overflow-hidden\">\n <div className=\"overflow-x-auto\">\n <table className=\"w-full border-collapse text-sm\">\n <thead>\n <tr className=\"border-b border-border-seam text-left\">\n <th className=\"px-4 py-3 font-medium text-text-secondary\">Line item</th>\n <th className=\"hidden px-4 py-3 font-medium text-text-secondary md:table-cell\">\n Category\n </th>\n <th className=\"px-4 py-3 text-right font-medium text-text-secondary\">Value</th>\n </tr>\n </thead>\n <tbody>\n {lineItems.map((li) => (\n <tr key={li.id} className=\"border-b border-border-seam/60\">\n <td className=\"px-4 py-3 font-medium text-text-primary\">{li.label}</td>\n <td className=\"hidden px-4 py-3 text-text-secondary md:table-cell\">\n {li.category ?? '—'}\n </td>\n <td className=\"px-4 py-3 text-right text-text-primary tabular-nums\">\n {formatNumber(li.value)} {li.unit}\n </td>\n </tr>\n ))}\n </tbody>\n <tfoot>\n <tr className=\"border-t-2 border-border-seam bg-bg-sunken/40\">\n <td className=\"px-4 py-3 text-sm font-semibold text-text-primary\" colSpan={2}>\n Total\n </td>\n <td className=\"px-4 py-3 text-right text-base font-bold text-text-primary tabular-nums\">\n {formatNumber(total)}\n {totalUnit ? ` ${totalUnit}` : ''}\n </td>\n </tr>\n </tfoot>\n </table>\n </div>\n </GlassCard>\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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"}
1	+ {"version":3,"file":"ReportDetailPage.js","names":[],"sources":["../../../../src/ecoimpacthub/pages/reports/ReportDetailPage.tsx"],"sourcesContent":["/*\n Report detail — overview, line items (with total) & disclosure actions.\n * @module ecoimpacthub/pages/reports\n \n Reads `ecoReport` (+ nested lineItems); writes `ecoAddReportLineItem`,\n * `ecoPublishReport`. The hero pairs a fact-rich overview with an actions card;\n * line items render as a crisp table whose footer carries the running TOTAL, and\n * a discussion thread (platform EntityComment API) sits below.\n /\n\nimport { useMemo, useState, type ReactNode } from 'react';\nimport { useParams } from 'react-router';\nimport { ArrowLeft, 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 { 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 useActiveEcoEntity,\n type UploadedEcoFile,\n} from '../../hooks';\nimport { formatDate, formatNumber } from '../../utils/formatters';\nimport { FrameworkBadge } from '../badges';\n\n/* A labelled key/value cell for the overview grid. /\nfunction Fact({ label, children }: { label: string; children: ReactNode }) {\n return (\n <div>\n <dt className=\"text-xs text-text-tertiary\">{label}</dt>\n <dd className=\"mt-1 text-sm text-text-primary\">{children}</dd>\n </div>\n );\n}\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 // Let the assistant refer to this record by name (see utils/activeEntity).\n useActiveEcoEntity(report?.id, report?.title);\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 const totalUnit = useMemo(() => {\n const units = new Set(lineItems.map((li) => li.unit));\n return units.size === 1 ? [...units][0] : null;\n }, [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 isPublished = report.status === 'PUBLISHED';\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 return (\n <PageLayout\n title={\n <span className=\"flex flex-wrap items-center gap-x-3 gap-y-2\">\n <span className=\"text-text-primary\">{report.title}</span>\n <FrameworkBadge framework={report.framework} />\n </span>\n }\n description={`Reporting period ${formatDate(report.periodStart)} – ${formatDate(report.periodEnd)}`}\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 + actions /}\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 <Fact label=\"Framework\">\n <FrameworkBadge framework={report.framework} />\n </Fact>\n <Fact label=\"Status\">\n <StatusBadge status={report.status} />\n </Fact>\n <Fact label=\"Period\">\n <span className=\"tabular-nums\">\n {formatDate(report.periodStart)} – {formatDate(report.periodEnd)}\n </span>\n </Fact>\n <Fact label=\"Published\">{formatDate(report.publishedAt)}</Fact>\n <Fact label=\"Line items\">\n <span className=\"tabular-nums\">{lineItems.length}</span>\n </Fact>\n <Fact label=\"Attachment\">\n {report.file?.id ? (\n <FileLink fileId={report.file.id} />\n ) : (\n <span className=\"text-text-tertiary\">—</span>\n )}\n </Fact>\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 font-medium uppercase tracking-wide text-text-tertiary\">Actions</p>\n <Button onClick={() => setLineItemOpen(true)}>\n <ListPlus className=\"mr-1.5 h-4 w-4\" /> Add line item\n </Button>\n {isPublished ? (\n <p className=\"mt-1 text-sm text-text-secondary\">\n Published {formatDate(report.publishedAt)}. This disclosure is finalised.\n </p>\n ) : (\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 <ListPlus 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 action={\n <Button size=\"sm\" onClick={() => setLineItemOpen(true)}>\n <ListPlus className=\"mr-1.5 h-4 w-4\" /> Add line item\n </Button>\n }\n />\n ) : (\n <GlassCard treatment=\"plain\" className=\"overflow-hidden\">\n <div className=\"overflow-x-auto\">\n <table className=\"w-full border-collapse text-sm\">\n <thead>\n <tr className=\"border-b border-border-seam text-left\">\n <th className=\"px-4 py-3 font-medium text-text-secondary\">Line item</th>\n <th className=\"hidden px-4 py-3 font-medium text-text-secondary md:table-cell\">\n Category\n </th>\n <th className=\"px-4 py-3 text-right font-medium text-text-secondary\">Value</th>\n </tr>\n </thead>\n <tbody>\n {lineItems.map((li) => (\n <tr key={li.id} className=\"border-b border-border-seam/60\">\n <td className=\"px-4 py-3 font-medium text-text-primary\">{li.label}</td>\n <td className=\"hidden px-4 py-3 text-text-secondary md:table-cell\">\n {li.category ?? '—'}\n </td>\n <td className=\"px-4 py-3 text-right text-text-primary tabular-nums\">\n {formatNumber(li.value)} {li.unit}\n </td>\n </tr>\n ))}\n </tbody>\n <tfoot>\n <tr className=\"border-t-2 border-border-seam bg-bg-sunken/40\">\n <td className=\"px-4 py-3 text-sm font-semibold text-text-primary\" colSpan={2}>\n Total\n </td>\n <td className=\"px-4 py-3 text-right text-base font-bold text-text-primary tabular-nums\">\n {formatNumber(total)}\n {totalUnit ? ` ${totalUnit}` : ''}\n </td>\n </tr>\n </tfoot>\n </table>\n </div>\n </GlassCard>\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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"}

package/dist/ecoimpacthub/pages/sites/SiteDetailPage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SiteDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/ecoimpacthub/pages/sites/SiteDetailPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;~~AA+EH~~,wBAAgB,cAAc,~~4CA0vB7B~~"}
1	+ {"version":3,"file":"SiteDetailPage.d.ts","sourceRoot":"","sources":["../../../../src/ecoimpacthub/pages/sites/SiteDetailPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAgFH,wBAAgB,cAAc,4CA6vB7B"}

package/dist/ecoimpacthub/pages/sites/SiteDetailPage.js CHANGED Viewed

@@ -7,17 +7,18 @@ import { ErrorView as ie, LoadingView as ae, Section as a } from "../../componen
 import { EmptyState as o } from "../../components/EmptyState.js";
 import "../../context/index.js";
 import { useEcoArchiveSite as oe, useEcoCreateSensor as se, useEcoCreateThreshold as ce, useEcoMeasurements as s, useEcoRecordMeasurement as le, useEcoSetSensorStatus as ue, useEcoSetThresholdActive as de, useEcoSite as fe } from "../../hooks/useEcoImpactHubApi.js";
+import { useActiveEcoEntity as pe } from "../../hooks/useActiveEcoEntity.js";
 import "../../hooks/index.js";
 import { DataTable as c } from "../../components/DataTable.js";
-import { EcoTags as pe } from "../../components/EcoTags.js";
-import { SiteTypeBadge as me } from "./siteTypeVisuals.js";
+import { EcoTags as me } from "../../components/EcoTags.js";
+import { SiteTypeBadge as he } from "./siteTypeVisuals.js";
 import { useState as l } from "react";
-import { Activity as he, Archive as ge, ArrowLeft as _e, Gauge as ve, Plus as u, Radio as d, ShieldCheck as ye, Zap as be } from "lucide-react";
-import { useParams as xe } from "react-router";
-import { Fragment as Se, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Activity as ge, Archive as _e, ArrowLeft as ve, Gauge as ye, Plus as u, Radio as d, ShieldCheck as be, Zap as xe } from "lucide-react";
+import { useParams as Se } from "react-router";
+import { Fragment as Ce, jsx as f, jsxs as p } from "react/jsx-runtime";
 import { Button as m, GlassCard as h, Input as g, Label as _, ResponsiveDialog as v, ResponsiveDialogContent as y, ResponsiveDialogDescription as b, ResponsiveDialogFooter as x, ResponsiveDialogHeader as S, ResponsiveDialogTitle as C, Select as w, SelectContent as T, SelectItem as E, SelectTrigger as D, SelectValue as O } from "@burdenoff/fe-libs/ui";
 //#region src/ecoimpacthub/pages/sites/SiteDetailPage.tsx
-var Ce = [
+var we = [
 	"AIR_QUALITY",
 	"WATER_QUALITY",
 	"WEATHER",
@@ -27,41 +28,43 @@ var Ce = [
 	"ACOUSTIC",
 	"CAMERA_TRAP",
 	"MANUAL"
-], we = [
+], Te = [
 	"ONLINE",
 	"OFFLINE",
 	"DEGRADED",
 	"MAINTENANCE",
 	"RETIRED"
-], Te = [
+], Ee = [
 	"ABOVE",
 	"BELOW",
 	"OUTSIDE_RANGE"
-], Ee = [
+], De = [
 	"INFO",
 	"WARNING",
 	"CRITICAL"
 ];
 function k() {
-	let { id: k } = xe(), { navigateTo: A } = e(), { data: j, isLoading: De, isError: Oe, refetch: ke } = fe(k), M = s({
+	let { id: k } = Se(), { navigateTo: A } = e(), { data: j, isLoading: Oe, isError: ke, refetch: Ae } = fe(k);
+	pe(j?.id, j?.name);
+	let M = s({
 		siteId: k,
 		pagination: {
 			limit: 10,
 			offset: 0
 		}
-	}), Ae = s({
+	}), je = s({
 		siteId: k,
 		breachesOnly: !0,
 		pagination: {
 			limit: 1,
 			offset: 0
 		}
-	}), N = se(), je = ue(), P = ce(), Me = de(), F = le(), I = oe(), [Ne, L] = l(!1), [R, z] = l({
+	}), N = se(), Me = ue(), P = ce(), Ne = de(), F = le(), I = oe(), [Pe, L] = l(!1), [R, z] = l({
 		name: "",
 		kind: "AIR_QUALITY",
 		unit: "",
 		hardwareId: ""
-	}), [Pe, B] = l(!1), [V, H] = l({
+	}), [Fe, B] = l(!1), [V, H] = l({
 		parameter: "",
 		unit: "",
 		direction: "ABOVE",
@@ -69,35 +72,35 @@ function k() {
 		limitValue: "",
 		minValue: "",
 		maxValue: ""
-	}), [Fe, U] = l(!1), [W, G] = l({
+	}), [Ie, U] = l(!1), [W, G] = l({
 		parameter: "",
 		value: "",
 		unit: "",
 		sensorId: ""
 	}), [K, q] = l(null);
-	if (De) return /* @__PURE__ */ f(t, {
+	if (Oe) return /* @__PURE__ */ f(t, {
 		title: "Site",
 		children: /* @__PURE__ */ f(ae, {})
 	});
-	if (Oe || !j) return /* @__PURE__ */ f(t, {
+	if (ke || !j) return /* @__PURE__ */ f(t, {
 		title: "Site",
 		children: /* @__PURE__ */ f(ie, {
 			message: "This site could not be loaded.",
-			onRetry: () => ke()
+			onRetry: () => Ae()
 		})
 	});
 	let J = j.sensors ?? [], Y = j.thresholds ?? [], X = M.data?.items ?? [], Z = J.filter((e) => e.status === "ONLINE").length, Q = J.filter((e) => [
 		"OFFLINE",
 		"DEGRADED",
 		"MAINTENANCE"
-	].includes(e.status)).length, Ie = Y.filter((e) => e.isActive).length, $ = Ae.data?.items?.[0] ?? null;
+	].includes(e.status)).length, Le = Y.filter((e) => e.isActive).length, $ = je.data?.items?.[0] ?? null;
 	return /* @__PURE__ */ p(t, {
 		title: j.name,
 		description: [j.code, n(j.type)].filter(Boolean).join(" · "),
-		actions: /* @__PURE__ */ p(Se, { children: [/* @__PURE__ */ f(i, { status: j.status }), /* @__PURE__ */ p(m, {
+		actions: /* @__PURE__ */ p(Ce, { children: [/* @__PURE__ */ f(i, { status: j.status }), /* @__PURE__ */ p(m, {
 			variant: "ghost",
 			onClick: () => A("sites"),
-			children: [/* @__PURE__ */ f(_e, { className: "mr-1.5 h-4 w-4" }), " Back"]
+			children: [/* @__PURE__ */ f(ve, { className: "mr-1.5 h-4 w-4" }), " Back"]
 		})] }),
 		children: [
 			/* @__PURE__ */ p("div", {
@@ -114,7 +117,7 @@ function k() {
 									children: "Type"
 								}), /* @__PURE__ */ f("dd", {
 									className: "mt-1",
-									children: /* @__PURE__ */ f(me, { type: j.type })
+									children: /* @__PURE__ */ f(he, { type: j.type })
 								})] }),
 								/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("dt", {
 									className: "text-xs text-text-tertiary",
@@ -159,7 +162,7 @@ function k() {
 						}),
 						/* @__PURE__ */ f("div", {
 							className: "mt-5 border-t border-border-seam pt-4",
-							children: /* @__PURE__ */ f(pe, {
+							children: /* @__PURE__ */ f(me, {
 								entityType: "ecoimpacthub-site",
 								entityId: j.id
 							})
@@ -172,7 +175,7 @@ function k() {
 						className: "p-6",
 						children: [/* @__PURE__ */ p("div", {
 							className: "mb-3 flex items-center gap-2",
-							children: [/* @__PURE__ */ f(be, { className: "h-4 w-4 text-accent" }), /* @__PURE__ */ f("h2", {
+							children: [/* @__PURE__ */ f(xe, { className: "h-4 w-4 text-accent" }), /* @__PURE__ */ f("h2", {
 								className: "text-base font-semibold text-text-primary",
 								children: "Quick actions"
 							})]
@@ -181,7 +184,7 @@ function k() {
 							children: [
 								/* @__PURE__ */ p(m, {
 									onClick: () => U(!0),
-									children: [/* @__PURE__ */ f(he, { className: "mr-1.5 h-4 w-4" }), " Record measurement"]
+									children: [/* @__PURE__ */ f(ge, { className: "mr-1.5 h-4 w-4" }), " Record measurement"]
 								}),
 								/* @__PURE__ */ p(m, {
 									variant: "outline",
@@ -191,7 +194,7 @@ function k() {
 								/* @__PURE__ */ p(m, {
 									variant: "outline",
 									onClick: () => B(!0),
-									children: [/* @__PURE__ */ f(ve, { className: "mr-1.5 h-4 w-4" }), " Add threshold"]
+									children: [/* @__PURE__ */ f(ye, { className: "mr-1.5 h-4 w-4" }), " Add threshold"]
 								}),
 								j.status !== "ARCHIVED" && /* @__PURE__ */ p(m, {
 									variant: "ghost",
@@ -207,7 +210,7 @@ function k() {
 									},
 									disabled: I.isPending,
 									className: "text-status-error-text hover:text-status-error-text",
-									children: [/* @__PURE__ */ f(ge, { className: "mr-1.5 h-4 w-4" }), " Archive site"]
+									children: [/* @__PURE__ */ f(_e, { className: "mr-1.5 h-4 w-4" }), " Archive site"]
 								})
 							]
 						})]
@@ -249,7 +252,7 @@ function k() {
 									children: [
 										/* @__PURE__ */ p("p", {
 											className: "text-2xl font-semibold text-text-primary tabular-nums",
-											children: [Ie, /* @__PURE__ */ p("span", {
+											children: [Le, /* @__PURE__ */ p("span", {
 												className: "text-base text-text-tertiary",
 												children: ["/", Y.length]
 											})]
@@ -294,7 +297,7 @@ function k() {
 									})]
 								}) : /* @__PURE__ */ p("div", {
 									className: "flex items-center gap-2 text-sm text-text-secondary",
-									children: [/* @__PURE__ */ f(ye, { className: "h-4 w-4 shrink-0 text-status-success-text" }), "No breaches recorded"]
+									children: [/* @__PURE__ */ f(be, { className: "h-4 w-4 shrink-0 text-status-success-text" }), "No breaches recorded"]
 								})]
 							})
 						]
@@ -350,14 +353,14 @@ function k() {
 							align: "right",
 							render: (e) => /* @__PURE__ */ p(w, {
 								value: e.status,
-								onValueChange: (t) => je.mutate({
+								onValueChange: (t) => Me.mutate({
 									id: e.id,
 									status: t
 								}),
 								children: [/* @__PURE__ */ f(D, {
 									className: "h-8 w-36",
 									children: /* @__PURE__ */ f(O, {})
-								}), /* @__PURE__ */ f(T, { children: we.map((e) => /* @__PURE__ */ f(E, {
+								}), /* @__PURE__ */ f(T, { children: Te.map((e) => /* @__PURE__ */ f(E, {
 									value: e,
 									children: n(e)
 								}, e)) })]
@@ -410,7 +413,7 @@ function k() {
 							render: (e) => /* @__PURE__ */ f(m, {
 								size: "sm",
 								variant: e.isActive ? "outline" : "ghost",
-								onClick: () => Me.mutate({
+								onClick: () => Ne.mutate({
 									id: e.id,
 									isActive: !e.isActive
 								}),
@@ -488,7 +491,7 @@ function k() {
 				})
 			}),
 			/* @__PURE__ */ f(v, {
-				open: Ne,
+				open: Pe,
 				onOpenChange: L,
 				children: /* @__PURE__ */ p(y, { children: [
 					/* @__PURE__ */ p(S, { children: [/* @__PURE__ */ f(C, { children: "Add sensor" }), /* @__PURE__ */ p(b, { children: [
@@ -530,7 +533,7 @@ function k() {
 										children: [/* @__PURE__ */ f(D, {
 											id: "sensorKind",
 											children: /* @__PURE__ */ f(O, {})
-										}), /* @__PURE__ */ f(T, { children: Ce.map((e) => /* @__PURE__ */ f(E, {
+										}), /* @__PURE__ */ f(T, { children: we.map((e) => /* @__PURE__ */ f(E, {
 											value: e,
 											children: n(e)
 										}, e)) })]
@@ -602,7 +605,7 @@ function k() {
 				] })
 			}),
 			/* @__PURE__ */ f(v, {
-				open: Pe,
+				open: Fe,
 				onOpenChange: B,
 				children: /* @__PURE__ */ p(y, { children: [
 					/* @__PURE__ */ p(S, { children: [/* @__PURE__ */ f(C, { children: "Add alert threshold" }), /* @__PURE__ */ f(b, { children: "Flag readings that drift out of an acceptable range." })] }),
@@ -657,7 +660,7 @@ function k() {
 										children: [/* @__PURE__ */ f(D, {
 											id: "thDir",
 											children: /* @__PURE__ */ f(O, {})
-										}), /* @__PURE__ */ f(T, { children: Te.map((e) => /* @__PURE__ */ f(E, {
+										}), /* @__PURE__ */ f(T, { children: Ee.map((e) => /* @__PURE__ */ f(E, {
 											value: e,
 											children: n(e)
 										}, e)) })]
@@ -676,7 +679,7 @@ function k() {
 										children: [/* @__PURE__ */ f(D, {
 											id: "thSev",
 											children: /* @__PURE__ */ f(O, {})
-										}), /* @__PURE__ */ f(T, { children: Ee.map((e) => /* @__PURE__ */ f(E, {
+										}), /* @__PURE__ */ f(T, { children: De.map((e) => /* @__PURE__ */ f(E, {
 											value: e,
 											children: n(e)
 										}, e)) })]
@@ -775,7 +778,7 @@ function k() {
 				] })
 			}),
 			/* @__PURE__ */ f(v, {
-				open: Fe,
+				open: Ie,
 				onOpenChange: U,
 				children: /* @__PURE__ */ p(y, { children: [
 					/* @__PURE__ */ p(S, { children: [/* @__PURE__ */ f(C, { children: "Record measurement" }), /* @__PURE__ */ f(b, { children: "Log a reading. It is checked against active thresholds and flagged if it breaches." })] }),