Add balances to Organization

.changeset/breezy-spies-smoke.md

@@ -0,0 +1,5 @@
+---
+"@nmi-agro/fdm-core": minor
+---
+
+Added `getEnabledCultivationCataloguesForFarms` and `getEnabledFertilizerCataloguesForFarms` to retrieve the enabled catalogues for multiple farms in one query. Added `getCultivationsFromCatalogues` and `getFertilizersFromCatalogues` to fetch catalogue items for a given list of catalogue source IDs. These composable building blocks replace the removed `getCultivationsFromCatalogueForFarms` and `getFertilizersFromCatalogueForFarms` functions.

.changeset/green-pumas-flash.md

@@ -0,0 +1,5 @@
+---
+"@nmi-agro/fdm-app": minor
+---
+
+Added organization-level nitrogen and organic matter balance plots with option to exclude certain farms from the calculation.

.changeset/thin-steaks-sneeze.md

@@ -0,0 +1,5 @@
+---
+"@nmi-agro/fdm-calculator": minor
+---
+
+Added `collectInputForNitrogenBalanceForFarms` and `collectInputForOrganicMatterBalanceForFarms` to collect balance inputs for multiple farms, reducing database lookups by deduplicating catalogue queries across farms. The functions use a composable pattern: first fetch enabled catalogues for all farms in one query, then fetch catalogue items once per unique catalogue, then process each farm individually.

fdm-app/app/components/blocks/balance/farm-select-dialog.tsx

@@ -0,0 +1,136 @@
+import { useRef } from "react"
+import { useSearchParams } from "react-router"
+import { Button } from "~/components/ui/button"
+import { Checkbox } from "~/components/ui/checkbox"
+import {
+    Dialog,
+    DialogClose,
+    DialogContent,
+    DialogDescription,
+    DialogFooter,
+    DialogHeader,
+    DialogTitle,
+    DialogTrigger,
+} from "~/components/ui/dialog"
+
+/**
+ * Renders a button which, when clicked, shows a dialog where the user can change selection of farms included in balance calculation.
+ *
+ * - `farms` should be the complete list of farms that the user can select or ignore.
+ * - `defaultSelectedFarmIds` should be coming from the loader data after validation, and is used to set the initial state of the checkboxes.
+ *
+ * The dialog will set the `farmIds` search param directly when the selection changes.
+ *
+ * @param param0 component props
+ * @returns a React node
+ */
+export function FarmSelectDialog({
+    farms,
+    defaultSelectedFarmIds,
+}: {
+    farms: {
+        b_id_farm: string
+        b_name_farm: string | null
+        b_area_farm: number
+    }[]
+    defaultSelectedFarmIds: string[]
+}) {
+    const formRef = useRef<HTMLFormElement | null>(null)
+    const [, setSearchParams] = useSearchParams()
+
+    return (
+        <Dialog>
+            <DialogTrigger asChild>
+                <Button variant="outline">Wijzig selectie</Button>
+            </DialogTrigger>
+            <DialogContent>
+                <DialogHeader>
+                    <DialogTitle>Wijzig selectie van bedrijven</DialogTitle>
+                    <DialogDescription>
+                        De geselecteerde bedrijven zijn uitgesloten in de
+                        berekening.
+                    </DialogDescription>
+                </DialogHeader>
+                <form
+                    ref={formRef}
+                    className="space-y-4 max-h-50 overflow-y-scroll"
+                >
+                    {farms.flatMap((farm) => {
+                        const b_id_farm = farm.b_id_farm
+                        const currentValue = defaultSelectedFarmIds.includes(
+                            farm.b_id_farm,
+                        )
+                        return (
+                            <div
+                                key={farm.b_id_farm}
+                                className="flex flex-row items-center gap-4"
+                            >
+                                <Checkbox
+                                    name={b_id_farm}
+                                    defaultChecked={!!currentValue}
+                                />
+                                <div className="grow">
+                                    {farm.b_name_farm ?? "Onbekend"}
+                                </div>
+                                <div className="text-muted-foreground">
+                                    {Math.round(farm.b_area_farm * 10) / 10} ha
+                                </div>
+                            </div>
+                        )
+                    })}
+                </form>
+                <DialogFooter>
+                    <DialogClose
+                        asChild
+                        onClick={() => {
+                            const form = formRef.current
+
+                            const newlySelectedFarmIds: string[] = []
+                            if (form) {
+                                const formData = new FormData(form)
+                                for (const [
+                                    b_id_farm,
+                                    selected,
+                                ] of formData.entries()) {
+                                    if (selected) {
+                                        newlySelectedFarmIds.push(b_id_farm)
+                                    }
+                                }
+                            }
+                            const sortedDefaultSelectedFarmIds = [
+                                ...defaultSelectedFarmIds,
+                            ].sort()
+                            newlySelectedFarmIds.sort()
+                            if (
+                                sortedDefaultSelectedFarmIds.length !==
+                                    newlySelectedFarmIds.length ||
+                                newlySelectedFarmIds.some(
+                                    (selected_id, index) =>
+                                        selected_id !==
+                                        sortedDefaultSelectedFarmIds[index],
+                                )
+                            ) {
+                                setSearchParams((searchParams) => {
+                                    const newSearchParams = new URLSearchParams(
+                                        searchParams,
+                                    )
+                                    if (newlySelectedFarmIds.length > 0) {
+                                        newSearchParams.set(
+                                            "farmIds",
+                                            newlySelectedFarmIds.join(","),
+                                        )
+                                    } else {
+                                        newSearchParams.delete("farmIds")
+                                    }
+                                    return newSearchParams
+                                })
+                            }
+                        }}
+                    >
+                        <Button variant="outline">Opslaan</Button>
+                    </DialogClose>
+                </DialogFooter>
+            </DialogContent>
+        </Dialog>
+    )
+}

fdm-app/app/components/blocks/balance/nitrogen-chart.tsx

@@ -424,7 +424,7 @@ function buildChartDataAndLegend({
 }
 
 export function NitrogenBalanceChart(
-    props: { balanceData: { balance: number; removal: number } } & (
+    props: (
         | { type: "farm"; balanceData: FarmBalanceData; fieldInput: unknown }
         | {
               type: "field"

fdm-app/app/components/blocks/header/organization.tsx

@@ -1,5 +1,5 @@
 import { ChevronDown } from "lucide-react"
-import { NavLink, useLocation, useMatches } from "react-router"
+import { NavLink, useLocation, useMatches, useParams } from "react-router"
 import {
     BreadcrumbItem,
     BreadcrumbLink,
@@ -20,9 +20,10 @@ export function HeaderOrganization({
     organizationOptions: HeaderOrganizationOption[]
 }) {
     const location = useLocation()
+    const params = useParams()
+    const matches = useMatches()
     const currentPath = String(location.pathname)
 
-    const matches = useMatches()
     const isSettingsRoute = !!matches.find(
         (match) => match.id === "routes/organization.$slug.settings",
     )
@@ -40,6 +41,14 @@ export function HeaderOrganization({
     const isNewOrganizationRoute = !!matches.find(
         (match) => match.id === "routes/organization.new",
     )
+    const typesOfBalanceRoutes = ["nitrogen", "organic-matter"] as const
+    const farmBalanceRouteType = typesOfBalanceRoutes.find((type) =>
+        matches.find(
+            (match) =>
+                match.id ===
+                `routes/organization.$slug.$calendar.balance.${type}._index`,
+        ),
+    )
 
     return (
         <>
@@ -123,6 +132,58 @@ export function HeaderOrganization({
                             <BreadcrumbSeparator />
                             <BreadcrumbItem>Leden</BreadcrumbItem>
                         </>
+                    ) : farmBalanceRouteType ? (
+                        <>
+                            <BreadcrumbSeparator className="hidden xl:block" />
+                            <BreadcrumbItem className="hidden xl:block">
+                                <BreadcrumbLink
+                                    href={`/organization/${selectedOrganizationSlug}/${params.calendar}/balance/nitrogen`}
+                                >
+                                    Balans
+                                </BreadcrumbLink>
+                            </BreadcrumbItem>
+                            <BreadcrumbSeparator />
+                            <BreadcrumbItem>
+                                <DropdownMenu>
+                                    <DropdownMenuTrigger className="flex items-center gap-1 max-w-[120px] sm:max-w-[200px] md:max-w-none outline-none">
+                                        <span className="truncate">
+                                            {farmBalanceRouteType === "nitrogen"
+                                                ? "Stikstof"
+                                                : "Organische stof"}
+                                        </span>
+                                        <ChevronDown className="text-muted-foreground h-4 w-4 shrink-0" />
+                                    </DropdownMenuTrigger>
+                                    <DropdownMenuContent align="start">
+                                        <DropdownMenuCheckboxItem
+                                            checked={
+                                                farmBalanceRouteType ===
+                                                "nitrogen"
+                                            }
+                                            key={"nitrogen"}
+                                        >
+                                            <NavLink
+                                                to={`/organization/${selectedOrganizationSlug}/${params.calendar}/balance/nitrogen${location.search}`}
+                                            >
+                                                Stikstof
+                                            </NavLink>
+                                        </DropdownMenuCheckboxItem>
+                                        <DropdownMenuCheckboxItem
+                                            checked={
+                                                farmBalanceRouteType ===
+                                                "organic-matter"
+                                            }
+                                            key={"organic-matter"}
+                                        >
+                                            <NavLink
+                                                to={`/organization/${selectedOrganizationSlug}/${params.calendar}/balance/organic-matter${location.search}`}
+                                            >
+                                                Organische stof
+                                            </NavLink>
+                                        </DropdownMenuCheckboxItem>
+                                    </DropdownMenuContent>
+                                </DropdownMenu>
+                            </BreadcrumbItem>
+                        </>
                     ) : isFarmsRoute ? (
                         <>
                             <BreadcrumbSeparator />

fdm-app/app/components/blocks/organization/no-farms-message.tsx

@@ -0,0 +1,36 @@
+import { NavLink } from "react-router"
+import { Button } from "~/components/ui/button"
+import {
+    Empty,
+    EmptyContent,
+    EmptyDescription,
+    EmptyHeader,
+    EmptyTitle,
+} from "~/components/ui/empty"
+
+export function NoFarmsMessage({
+    action,
+}: {
+    action?: { label: string; to: string }
+}) {
+    return (
+        <Empty className="border-none">
+            <EmptyHeader>
+                <EmptyTitle>
+                    Het lijkt erop dat je organisatie geen toegang heeft tot
+                    bedrijven. :(
+                </EmptyTitle>
+                <EmptyDescription>
+                    Neem contact op met bedrijven om toegang tot hen te krijgen.
+                </EmptyDescription>
+            </EmptyHeader>
+            {action && (
+                <EmptyContent>
+                    <Button asChild>
+                        <NavLink to={action.to}>{action.label}</NavLink>
+                    </Button>
+                </EmptyContent>
+            )}
+        </Empty>
+    )
+}