From 3aee307e0dae604196a164c8b55f362eae59d61c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9s=20Gonz=C3=A1lez=20Mu=C3=B1oz?=
 <andres.gonzalez@vizzuality.com>
Date: Thu, 14 Nov 2024 19:36:42 +0100
Subject: [PATCH] create project form - WIP

---
 client/package.json                           |   5 +-
 .../src/app/auth/api/[...nextauth]/config.ts  |   1 +
 client/src/app/layout.tsx                     |   4 +-
 client/src/app/projects/new/page.tsx          |  41 ++
 client/src/app/providers.tsx                  |   2 +-
 client/src/components/ui/accordion.tsx        |  58 +++
 client/src/components/ui/form.tsx             |  24 +-
 client/src/components/ui/input.tsx            |   4 +-
 client/src/components/ui/radio-group.tsx      | 100 +++++
 client/src/containers/overview/index.tsx      |   2 +-
 .../projects/form/assumptions/columns.tsx     |  61 +++
 .../projects/form/assumptions/index.tsx       | 148 +++++++
 .../containers/projects/form/cell-value.tsx   |  45 ++
 .../cost-inputs-overrides/capex/columns.tsx   |  67 +++
 .../cost-inputs-overrides/capex/index.tsx     | 141 +++++++
 .../form/cost-inputs-overrides/constants.ts   |  59 +++
 .../form/cost-inputs-overrides/index.tsx      |  40 ++
 .../cost-inputs-overrides/opex/columns.tsx    |  67 +++
 .../form/cost-inputs-overrides/opex/index.tsx | 138 ++++++
 .../cost-inputs-overrides/other/columns.tsx   |  67 +++
 .../cost-inputs-overrides/other/index.tsx     | 138 ++++++
 client/src/containers/projects/form/index.tsx |  34 ++
 .../conservation-project-details/index.tsx    | 323 ++++++++++++++
 .../loss-rate.tsx                             | 107 +++++
 .../t1-global-emission-factor.tsx             |  64 +++
 .../t2-national-emission-factors.tsx          |  77 ++++
 .../projects/form/setup/constants.ts          |  13 +
 .../containers/projects/form/setup/index.tsx  | 396 ++++++++++++++++++
 .../restoration-project-detail/index.tsx      | 125 ++++++
 client/src/containers/projects/new/header.tsx |  32 ++
 client/src/containers/projects/new/index.tsx  | 171 ++++++++
 .../src/containers/projects/new/sidebar.tsx   |  74 ++++
 client/src/lib/format.tsx                     |   2 +
 client/src/lib/query-keys.ts                  |  35 ++
 pnpm-lock.yaml                                | 362 +++++++---------
 shared/contracts/custom-projects.contract.ts  |  25 +-
 shared/contracts/index.ts                     |   2 +
 .../carbon-inputs/emission-factors.entity.ts  |   3 +-
 .../sequestration-rate.entity.ts              |   2 +-
 shared/entities/custom-project.entity.ts      |  10 +
 .../schemas/assumptions/assumptions.enums.ts  |  19 +
 .../create-custom-project.schema.ts           | 124 ++++--
 42 files changed, 2955 insertions(+), 257 deletions(-)
 create mode 100644 client/src/app/projects/new/page.tsx
 create mode 100644 client/src/components/ui/accordion.tsx
 create mode 100644 client/src/components/ui/radio-group.tsx
 create mode 100644 client/src/containers/projects/form/assumptions/columns.tsx
 create mode 100644 client/src/containers/projects/form/assumptions/index.tsx
 create mode 100644 client/src/containers/projects/form/cell-value.tsx
 create mode 100644 client/src/containers/projects/form/cost-inputs-overrides/capex/columns.tsx
 create mode 100644 client/src/containers/projects/form/cost-inputs-overrides/capex/index.tsx
 create mode 100644 client/src/containers/projects/form/cost-inputs-overrides/constants.ts
 create mode 100644 client/src/containers/projects/form/cost-inputs-overrides/index.tsx
 create mode 100644 client/src/containers/projects/form/cost-inputs-overrides/opex/columns.tsx
 create mode 100644 client/src/containers/projects/form/cost-inputs-overrides/opex/index.tsx
 create mode 100644 client/src/containers/projects/form/cost-inputs-overrides/other/columns.tsx
 create mode 100644 client/src/containers/projects/form/cost-inputs-overrides/other/index.tsx
 create mode 100644 client/src/containers/projects/form/index.tsx
 create mode 100644 client/src/containers/projects/form/setup/conservation-project-details/index.tsx
 create mode 100644 client/src/containers/projects/form/setup/conservation-project-details/loss-rate.tsx
 create mode 100644 client/src/containers/projects/form/setup/conservation-project-details/t1-global-emission-factor.tsx
 create mode 100644 client/src/containers/projects/form/setup/conservation-project-details/t2-national-emission-factors.tsx
 create mode 100644 client/src/containers/projects/form/setup/constants.ts
 create mode 100644 client/src/containers/projects/form/setup/index.tsx
 create mode 100644 client/src/containers/projects/form/setup/restoration-project-detail/index.tsx
 create mode 100644 client/src/containers/projects/new/header.tsx
 create mode 100644 client/src/containers/projects/new/index.tsx
 create mode 100644 client/src/containers/projects/new/sidebar.tsx

diff --git a/client/package.json b/client/package.json
index af4d39cf..b2e4fbdf 100644
--- a/client/package.json
+++ b/client/package.json
@@ -7,11 +7,13 @@
     "build": "next build",
     "start": "next start",
     "lint": "next lint",
-    "lint:fix": "next lint --fix"
+    "lint:fix": "next lint --fix",
+    "check-types": "tsc"
   },
   "dependencies": {
     "@hookform/resolvers": "3.9.0",
     "@lukemorales/query-key-factory": "1.3.4",
+    "@radix-ui/react-accordion": "1.2.1",
     "@radix-ui/react-alert-dialog": "1.1.2",
     "@radix-ui/react-avatar": "^1.1.1",
     "@radix-ui/react-checkbox": "1.1.2",
@@ -20,6 +22,7 @@
     "@radix-ui/react-icons": "1.3.0",
     "@radix-ui/react-label": "2.1.0",
     "@radix-ui/react-popover": "1.1.2",
+    "@radix-ui/react-radio-group": "1.2.1",
     "@radix-ui/react-scroll-area": "1.2.0",
     "@radix-ui/react-select": "2.1.2",
     "@radix-ui/react-separator": "1.1.0",
diff --git a/client/src/app/auth/api/[...nextauth]/config.ts b/client/src/app/auth/api/[...nextauth]/config.ts
index f68bbb0e..e28316ce 100644
--- a/client/src/app/auth/api/[...nextauth]/config.ts
+++ b/client/src/app/auth/api/[...nextauth]/config.ts
@@ -1,4 +1,5 @@
 import { cookies } from "next/headers";
+
 import { UserWithAccessToken } from "@shared/dtos/users/user.dto";
 import { LogInSchema } from "@shared/schemas/auth/login.schema";
 import type {
diff --git a/client/src/app/layout.tsx b/client/src/app/layout.tsx
index 737ab4fd..664f8596 100644
--- a/client/src/app/layout.tsx
+++ b/client/src/app/layout.tsx
@@ -39,9 +39,7 @@ export default async function RootLayout({
           <body className={inter.className}>
             <SidebarProvider>
               <MainNav />
-              <main className="flex h-dvh flex-1 overflow-hidden">
-                {children}
-              </main>
+              <main className="mx-3 flex h-dvh flex-1">{children}</main>
             </SidebarProvider>
             <Toaster />
           </body>
diff --git a/client/src/app/projects/new/page.tsx b/client/src/app/projects/new/page.tsx
new file mode 100644
index 00000000..db5a03cf
--- /dev/null
+++ b/client/src/app/projects/new/page.tsx
@@ -0,0 +1,41 @@
+import { ACTIVITY } from "@shared/entities/activity.enum";
+import { ECOSYSTEM } from "@shared/entities/ecosystem.enum";
+import {
+  dehydrate,
+  HydrationBoundary,
+  QueryClient,
+} from "@tanstack/react-query";
+
+import { client } from "@/lib/query-client";
+import { queryKeys } from "@/lib/query-keys";
+
+import CreateCustomProject from "@/containers/projects/new";
+
+export default async function CreateCustomProjectPage() {
+  const queryClient = new QueryClient();
+
+  await queryClient.prefetchQuery({
+    queryKey: queryKeys.customProjects.countries.queryKey,
+    queryFn: () => client.customProjects.getAvailableCountries.query(),
+  });
+
+  const defaultActivity = ACTIVITY.CONSERVATION;
+  const defaultEcosystem = ECOSYSTEM.SEAGRASS;
+
+  await queryClient.prefetchQuery({
+    queryKey: queryKeys.customProjects.assumptions({
+      ecosystem: defaultEcosystem,
+      activity: defaultActivity,
+    }).queryKey,
+    queryFn: () =>
+      client.customProjects.getDefaultAssumptions.query({
+        query: { ecosystem: defaultEcosystem, activity: defaultActivity },
+      }),
+  });
+
+  return (
+    <HydrationBoundary state={dehydrate(queryClient)}>
+      <CreateCustomProject />
+    </HydrationBoundary>
+  );
+}
diff --git a/client/src/app/providers.tsx b/client/src/app/providers.tsx
index 26b8b313..c7616ed2 100644
--- a/client/src/app/providers.tsx
+++ b/client/src/app/providers.tsx
@@ -17,7 +17,7 @@ import { TooltipProvider } from "@/components/ui/tooltip";
 
 let browserQueryClient: QueryClient | undefined = undefined;
 
-function getQueryClient() {
+export function getQueryClient() {
   if (isServer) {
     // Server: always make a new query client
     return makeQueryClient();
diff --git a/client/src/components/ui/accordion.tsx b/client/src/components/ui/accordion.tsx
new file mode 100644
index 00000000..6e61c328
--- /dev/null
+++ b/client/src/components/ui/accordion.tsx
@@ -0,0 +1,58 @@
+"use client";
+
+import * as React from "react";
+
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { ChevronsDownIcon } from "lucide-react";
+
+import { cn } from "@/lib/utils";
+
+const Accordion = AccordionPrimitive.Root;
+
+const AccordionItem = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>
+>(({ className, ...props }, ref) => (
+  <AccordionPrimitive.Item
+    ref={ref}
+    className={cn("border-b", className)}
+    {...props}
+  />
+));
+AccordionItem.displayName = "AccordionItem";
+
+const AccordionTrigger = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Trigger>,
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>
+>(({ className, children, ...props }, ref) => (
+  <AccordionPrimitive.Header className="flex">
+    <AccordionPrimitive.Trigger
+      ref={ref}
+      className={cn(
+        "flex flex-1 items-start justify-between py-4 text-left text-sm font-medium transition-all [&[data-state=open]>svg]:rotate-180",
+        className,
+      )}
+      {...props}
+    >
+      {children}
+      <ChevronsDownIcon className="[&[data-state=open]:hidden h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" />
+    </AccordionPrimitive.Trigger>
+  </AccordionPrimitive.Header>
+));
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+
+const AccordionContent = React.forwardRef<
+  React.ElementRef<typeof AccordionPrimitive.Content>,
+  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>
+>(({ className, children, ...props }, ref) => (
+  <AccordionPrimitive.Content
+    ref={ref}
+    className="data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm"
+    {...props}
+  >
+    <div className={cn("pb-4 pt-0", className)}>{children}</div>
+  </AccordionPrimitive.Content>
+));
+AccordionContent.displayName = AccordionPrimitive.Content.displayName;
+
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
diff --git a/client/src/components/ui/form.tsx b/client/src/components/ui/form.tsx
index d5fcbe2e..20125513 100644
--- a/client/src/components/ui/form.tsx
+++ b/client/src/components/ui/form.tsx
@@ -16,6 +16,7 @@ import { Slot } from "@radix-ui/react-slot";
 
 import { cn } from "@/lib/utils";
 
+import InfoButton from "@/components/ui/info-button";
 import { Label } from "@/components/ui/label";
 
 const Form = FormProvider;
@@ -91,10 +92,29 @@ FormItem.displayName = "FormItem";
 
 const FormLabel = React.forwardRef<
   React.ElementRef<typeof LabelPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>
->(({ className, ...props }, ref) => {
+  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & {
+    tooltip?: {
+      title: string;
+      content: React.ReactNode;
+    };
+  }
+>(({ className, tooltip, ...props }, ref) => {
   const { error, formItemId } = useFormField();
 
+  if (tooltip) {
+    return (
+      <div className="flex items-center gap-2">
+        <Label
+          ref={ref}
+          className={cn(error && "text-destructive", className)}
+          htmlFor={formItemId}
+          {...props}
+        />
+        <InfoButton title={tooltip.title}>{tooltip.content}</InfoButton>
+      </div>
+    );
+  }
+
   return (
     <Label
       ref={ref}
diff --git a/client/src/components/ui/input.tsx b/client/src/components/ui/input.tsx
index ab2e2a8f..ee8e7bae 100644
--- a/client/src/components/ui/input.tsx
+++ b/client/src/components/ui/input.tsx
@@ -5,12 +5,12 @@ import { cva, type VariantProps } from "class-variance-authority";
 import { cn } from "@/lib/utils";
 
 const inputVariants = cva(
-  "flex h-9 w-full rounded-full border border-input bg-transparent px-3 py-2 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+  "flex h-9 w-full rounded-full border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
   {
     variants: {
       variant: {
         default:
-          "bg-big-stone-950 text-foreground shadow border-border focus-visible:border-primary focus-visible:ring-sky-blue-300/40",
+          "bg-big-stone-950 text-big-stone-50 shadow border-border focus-visible:border-primary focus-visible:ring-sky-blue-300/40",
         ghost: "text-foreground border-0 focus-visible:ring-sky-blue-300/40",
       },
     },
diff --git a/client/src/components/ui/radio-group.tsx b/client/src/components/ui/radio-group.tsx
new file mode 100644
index 00000000..bfb06ed6
--- /dev/null
+++ b/client/src/components/ui/radio-group.tsx
@@ -0,0 +1,100 @@
+"use client";
+
+import * as React from "react";
+
+import { DotFilledIcon } from "@radix-ui/react-icons";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+
+import { cn } from "@/lib/utils";
+
+const RadioGroup = React.forwardRef<
+  React.ElementRef<typeof RadioGroupPrimitive.Root>,
+  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root>
+>(({ className, ...props }, ref) => {
+  return (
+    <RadioGroupPrimitive.Root
+      className={cn("grid gap-2", className)}
+      {...props}
+      ref={ref}
+    />
+  );
+});
+RadioGroup.displayName = RadioGroupPrimitive.Root.displayName;
+
+const RadioGroupItem = React.forwardRef<
+  React.ElementRef<typeof RadioGroupPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>
+>(({ className, ...props }, ref) => {
+  return (
+    <RadioGroupPrimitive.Item
+      ref={ref}
+      className={cn(
+        "aspect-square h-4 w-4 rounded-full border border-primary text-primary shadow focus:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+        className,
+      )}
+      {...props}
+    >
+      <RadioGroupPrimitive.Indicator className="flex items-center justify-center">
+        <DotFilledIcon className="h-3.5 w-3.5 fill-primary" />
+      </RadioGroupPrimitive.Indicator>
+    </RadioGroupPrimitive.Item>
+  );
+});
+RadioGroupItem.displayName = RadioGroupPrimitive.Item.displayName;
+
+export interface RadioGroupItemBoxProps
+  extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> {
+  label: string;
+  description?: string;
+}
+
+const RadioGroupItemBox = React.forwardRef<
+  React.ElementRef<typeof RadioGroupPrimitive.Item>,
+  RadioGroupItemBoxProps
+>(
+  (
+    {
+      className,
+      disabled = false,
+      checked,
+      label,
+      description,
+      value,
+      ...radioProps
+    },
+    ref,
+  ) => {
+    return (
+      <label
+        className={cn(
+          "cursor-pointer rounded-xl border border-border p-4",
+          className,
+          {
+            "border-primary": checked,
+            "cursor-not-allowed": disabled,
+          },
+        )}
+        htmlFor={value}
+      >
+        <div className="flex items-center gap-2">
+          <RadioGroupItem
+            ref={ref}
+            value={value}
+            id={value}
+            checked={checked}
+            {...radioProps}
+            disabled={disabled}
+          />
+          <span>{label}</span>
+        </div>
+        {description && (
+          <p className="pl-6 text-sm text-muted-foreground">{description}</p>
+        )}
+      </label>
+    );
+  },
+);
+
+RadioGroupItemBox.displayName = "RadioGroupItemBox";
+
+export { RadioGroup, RadioGroupItem, RadioGroupItemBox };
diff --git a/client/src/containers/overview/index.tsx b/client/src/containers/overview/index.tsx
index ac5f44f1..6a1fe5d1 100644
--- a/client/src/containers/overview/index.tsx
+++ b/client/src/containers/overview/index.tsx
@@ -60,7 +60,7 @@ export default function Overview() {
       >
         <ProjectsFilters />
       </motion.aside>
-      <div className="mx-3 flex flex-1 flex-col">
+      <div className="flex flex-1 flex-col">
         <ProjectsHeader />
         <ResizablePanelGroup
           direction="vertical"
diff --git a/client/src/containers/projects/form/assumptions/columns.tsx b/client/src/containers/projects/form/assumptions/columns.tsx
new file mode 100644
index 00000000..5b3778b6
--- /dev/null
+++ b/client/src/containers/projects/form/assumptions/columns.tsx
@@ -0,0 +1,61 @@
+import { createColumnHelper } from "@tanstack/react-table";
+
+import { formatNumber } from "@/lib/format";
+
+import CellValue from "@/containers/projects/form/cell-value";
+import { DataColumnDef } from "@/containers/projects/form/cost-inputs-overrides/constants";
+import { CreateCustomProjectForm } from "@/containers/projects/form/setup";
+
+import { Label } from "@/components/ui/label";
+
+export type AssumptionsFormProperty =
+  `assumption.${keyof NonNullable<CreateCustomProjectForm["assumptions"]>}`;
+
+const columnHelper =
+  createColumnHelper<DataColumnDef<AssumptionsFormProperty>>();
+
+export const COLUMNS = [
+  columnHelper.accessor("label", {
+    header: () => <span>Cost</span>,
+    cell: (props) => {
+      return (
+        <Label
+          tooltip={{
+            title: props.getValue(),
+            // todo: update with descriptions
+            content: props.getValue(),
+          }}
+        >
+          {props.getValue()}
+        </Label>
+      );
+    },
+  }),
+  columnHelper.accessor("defaultValue", {
+    header: () => <span>Base value</span>,
+    cell: (props) => {
+      const value = props.getValue();
+      if (value === null || value === undefined) {
+        return "-";
+      }
+
+      if (!Number(value)) return value;
+
+      return formatNumber(Number(value));
+    },
+  }),
+  columnHelper.accessor("unit", {
+    header: () => <span>Unit</span>,
+  }),
+  columnHelper.accessor("value", {
+    header: () => <span>Override value</span>,
+    cell: (props) => (
+      <CellValue
+        name={
+          props.row.original
+            .property as keyof CreateCustomProjectForm["assumptions"]
+        }
+      />
+    ),
+  }),
+];
diff --git a/client/src/containers/projects/form/assumptions/index.tsx b/client/src/containers/projects/form/assumptions/index.tsx
new file mode 100644
index 00000000..2805ff19
--- /dev/null
+++ b/client/src/containers/projects/form/assumptions/index.tsx
@@ -0,0 +1,148 @@
+import { useFormContext } from "react-hook-form";
+
+import { ASSUMPTIONS_NAME_TO_DTO_MAP } from "@shared/schemas/assumptions/assumptions.enums";
+import {
+  flexRender,
+  getCoreRowModel,
+  useReactTable,
+} from "@tanstack/react-table";
+
+import { client } from "@/lib/query-client";
+import { queryKeys } from "@/lib/query-keys";
+
+import {
+  AssumptionsFormProperty,
+  COLUMNS,
+} from "@/containers/projects/form/assumptions/columns";
+import { DataColumnDef } from "@/containers/projects/form/cost-inputs-overrides/constants";
+import { CreateCustomProjectForm } from "@/containers/projects/form/setup";
+
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "@/components/ui/accordion";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+
+export const NO_DATA: DataColumnDef<AssumptionsFormProperty>[] = [];
+
+export default function AssumptionsProjectForm() {
+  const form = useFormContext<CreateCustomProjectForm>();
+
+  const { ecosystem, activity } = form.getValues();
+
+  const { queryKey } = queryKeys.customProjects.assumptions({
+    ecosystem,
+    activity,
+  });
+  const { data, isSuccess } =
+    client.customProjects.getDefaultAssumptions.useQuery(
+      queryKey,
+      {
+        query: { ecosystem, activity },
+      },
+      {
+        queryKey,
+        select: (data) =>
+          data.body.data.map(({ name, unit, value }) => ({
+            label: name,
+            unit,
+            property:
+              `assumptions.${ASSUMPTIONS_NAME_TO_DTO_MAP[name as keyof typeof ASSUMPTIONS_NAME_TO_DTO_MAP]}` as AssumptionsFormProperty,
+            defaultValue: value,
+            value: Number(value),
+          })),
+      },
+    );
+
+  // const c = useMemo(() => COLUMNS(), []);
+
+  const table = useReactTable({
+    // @ts-expect-error fix later
+    data: isSuccess ? data : NO_DATA,
+    columns: COLUMNS,
+    getCoreRowModel: getCoreRowModel(),
+  });
+
+  return (
+    <Accordion type="single" collapsible defaultValue="assumptions">
+      <AccordionItem value="assumptions" className="border-b-0">
+        <AccordionTrigger className="pt-0">
+          <div className="flex flex-col gap-3">
+            <div className="flex items-baseline gap-2">
+              <h2 className="text-2xl font-medium">Assumptions</h2>
+              <span className="font-normal text-muted-foreground">
+                optional
+              </span>
+            </div>
+            <p className="font-normal text-muted-foreground">
+              Assumptions are applied across all projects, these can be left at
+              default settings or can be specified to particular values.
+            </p>
+          </div>
+        </AccordionTrigger>
+        <AccordionContent className="pb-0">
+          <Table>
+            <TableHeader>
+              {table.getHeaderGroups().map((headerGroup) => (
+                <TableRow key={headerGroup.id} className="divide-x-0">
+                  {headerGroup.headers.map((header) => {
+                    return (
+                      <TableHead
+                        key={header.id}
+                        className="bg-transparent font-normal"
+                      >
+                        {header.isPlaceholder
+                          ? null
+                          : flexRender(
+                              header.column.columnDef.header,
+                              header.getContext(),
+                            )}
+                      </TableHead>
+                    );
+                  })}
+                </TableRow>
+              ))}
+            </TableHeader>
+            <TableBody>
+              {table.getRowModel().rows?.length ? (
+                table.getRowModel().rows.map((row) => (
+                  <TableRow
+                    key={row.id}
+                    className="divide-x-0 divide-y-0 border-b-0"
+                  >
+                    {row.getVisibleCells().map((cell) => (
+                      <TableCell key={cell.id} className="py-3">
+                        {flexRender(
+                          cell.column.columnDef.cell,
+                          cell.getContext(),
+                        )}
+                      </TableCell>
+                    ))}
+                  </TableRow>
+                ))
+              ) : (
+                <TableRow>
+                  <TableCell
+                    colSpan={COLUMNS.length}
+                    className="h-24 text-center"
+                  >
+                    No results.
+                  </TableCell>
+                </TableRow>
+              )}
+            </TableBody>
+          </Table>
+        </AccordionContent>
+      </AccordionItem>
+    </Accordion>
+  );
+}
diff --git a/client/src/containers/projects/form/cell-value.tsx b/client/src/containers/projects/form/cell-value.tsx
new file mode 100644
index 00000000..c4f35194
--- /dev/null
+++ b/client/src/containers/projects/form/cell-value.tsx
@@ -0,0 +1,45 @@
+import { useFormContext } from "react-hook-form";
+
+import { CreateCustomProjectForm } from "@/containers/projects/form/setup";
+
+import {
+  FormControl,
+  FormField,
+  FormItem,
+  FormMessage,
+} from "@/components/ui/form";
+import { Input } from "@/components/ui/input";
+
+export default function CellValue({
+  name,
+}: {
+  name: keyof CreateCustomProjectForm;
+}) {
+  const form = useFormContext<CreateCustomProjectForm>();
+
+  return (
+    <FormField
+      control={form.control}
+      name={name}
+      render={({ field }) => {
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const { value, ...restField } = field;
+
+        return (
+          <FormItem>
+            <FormControl>
+              <Input
+                {...restField}
+                type="number"
+                placeholder="Insert value"
+                min={0}
+                defaultValue={field.value as number}
+              />
+            </FormControl>
+            <FormMessage />
+          </FormItem>
+        );
+      }}
+    />
+  );
+}
diff --git a/client/src/containers/projects/form/cost-inputs-overrides/capex/columns.tsx b/client/src/containers/projects/form/cost-inputs-overrides/capex/columns.tsx
new file mode 100644
index 00000000..090c8cbc
--- /dev/null
+++ b/client/src/containers/projects/form/cost-inputs-overrides/capex/columns.tsx
@@ -0,0 +1,67 @@
+import React from "react";
+
+import { createColumnHelper } from "@tanstack/react-table";
+
+import { formatNumber } from "@/lib/format";
+
+import CellValue from "@/containers/projects/form/cell-value";
+import {
+  COST_INPUTS_KEYS,
+  DataColumnDef,
+} from "@/containers/projects/form/cost-inputs-overrides/constants";
+import { CreateCustomProjectForm } from "@/containers/projects/form/setup";
+
+import { Label } from "@/components/ui/label";
+
+export type CapexFormProperty =
+  `costInputs.${(typeof COST_INPUTS_KEYS)["capex"][number]}`;
+
+const columnHelper = createColumnHelper<DataColumnDef<CapexFormProperty>>();
+
+export const COLUMNS = [
+  columnHelper.accessor("label", {
+    header: () => <span>Capex</span>,
+    cell: (props) => {
+      return (
+        <Label
+          tooltip={{
+            title: props.getValue(),
+            // todo: update with descriptions
+            content: props.getValue(),
+          }}
+        >
+          {props.getValue()}
+        </Label>
+      );
+    },
+  }),
+  columnHelper.accessor("defaultValue", {
+    header: () => <span>Base value</span>,
+    cell: (props) => {
+      const value = props.getValue();
+      if (value === null || value === undefined) {
+        return "-";
+      }
+
+      if (!Number(value)) return value;
+
+      return formatNumber(Number(value));
+    },
+  }),
+  columnHelper.accessor("unit", {
+    header: () => <span>Unit</span>,
+  }),
+  columnHelper.accessor("value", {
+    header: () => <span>Override value</span>,
+    cell: (props) => {
+      return (
+        <CellValue
+          name={
+            props.row.original
+              .property as keyof CreateCustomProjectForm["costInputs"]
+          }
+        />
+      );
+    },
+  }),
+];
diff --git a/client/src/containers/projects/form/cost-inputs-overrides/capex/index.tsx b/client/src/containers/projects/form/cost-inputs-overrides/capex/index.tsx
new file mode 100644
index 00000000..14eccebb
--- /dev/null
+++ b/client/src/containers/projects/form/cost-inputs-overrides/capex/index.tsx
@@ -0,0 +1,141 @@
+import { useFormContext } from "react-hook-form";
+
+import { ACTIVITY } from "@shared/entities/activity.enum";
+import { COSTS_DTO_TO_NAME_MAP } from "@shared/schemas/assumptions/assumptions.enums";
+import {
+  flexRender,
+  getCoreRowModel,
+  useReactTable,
+} from "@tanstack/react-table";
+
+import { client } from "@/lib/query-client";
+import { queryKeys } from "@/lib/query-keys";
+
+import {
+  CapexFormProperty,
+  COLUMNS,
+} from "@/containers/projects/form/cost-inputs-overrides/capex/columns";
+import {
+  COST_INPUTS_KEYS,
+  DataColumnDef,
+} from "@/containers/projects/form/cost-inputs-overrides/constants";
+import { CreateCustomProjectForm } from "@/containers/projects/form/setup";
+
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+
+const NO_DATA: DataColumnDef<CapexFormProperty>[] = [];
+
+export default function CapexCostInputsTable() {
+  const form = useFormContext<CreateCustomProjectForm>();
+
+  const {
+    ecosystem,
+    countryCode,
+    activity,
+    parameters: { restorationActivity },
+  } = form.getValues();
+
+  const { queryKey } = queryKeys.customProjects.defaultCosts({
+    ecosystem,
+    countryCode,
+    activity,
+    restorationActivity,
+  });
+
+  const { data, isSuccess } =
+    client.customProjects.getDefaultCostInputs.useQuery(
+      queryKey,
+      {
+        query: {
+          ecosystem,
+          countryCode,
+          activity,
+          ...(activity === ACTIVITY.RESTORATION && { restorationActivity }),
+        },
+      },
+      {
+        queryKey,
+        select: (data) =>
+          Object.keys(data.body.data)
+            .filter((key) =>
+              COST_INPUTS_KEYS.capex.includes(
+                key as (typeof COST_INPUTS_KEYS)["capex"][number],
+              ),
+            )
+            .map((key) => ({
+              label:
+                COSTS_DTO_TO_NAME_MAP[
+                  key as keyof typeof COSTS_DTO_TO_NAME_MAP
+                ],
+              unit: "N/A",
+              property: `costInputs.${key}` as CapexFormProperty,
+              defaultValue: data.body.data[key as keyof typeof data.body.data],
+              value: "",
+            })),
+        enabled:
+          !!ecosystem &&
+          !!countryCode &&
+          ((!!activity && activity === ACTIVITY.CONSERVATION) ||
+            (activity === ACTIVITY.RESTORATION && !!restorationActivity)),
+      },
+    );
+
+  const table = useReactTable({
+    // @ts-expect-error fix later
+    data: isSuccess ? data : NO_DATA,
+    columns: COLUMNS,
+    getCoreRowModel: getCoreRowModel(),
+  });
+
+  return (
+    <Table>
+      <TableHeader>
+        {table.getHeaderGroups().map((headerGroup) => (
+          <TableRow key={headerGroup.id} className="divide-x-0">
+            {headerGroup.headers.map((header) => {
+              return (
+                <TableHead
+                  key={header.id}
+                  className="bg-transparent font-normal"
+                >
+                  {header.isPlaceholder
+                    ? null
+                    : flexRender(
+                        header.column.columnDef.header,
+                        header.getContext(),
+                      )}
+                </TableHead>
+              );
+            })}
+          </TableRow>
+        ))}
+      </TableHeader>
+      <TableBody>
+        {table.getRowModel().rows?.length ? (
+          table.getRowModel().rows.map((row) => (
+            <TableRow key={row.id} className="divide-x-0 divide-y-0 border-b-0">
+              {row.getVisibleCells().map((cell) => (
+                <TableCell key={cell.id} className="py-3">
+                  {flexRender(cell.column.columnDef.cell, cell.getContext())}
+                </TableCell>
+              ))}
+            </TableRow>
+          ))
+        ) : (
+          <TableRow>
+            <TableCell colSpan={COLUMNS.length} className="h-24 text-center">
+              No results.
+            </TableCell>
+          </TableRow>
+        )}
+      </TableBody>
+    </Table>
+  );
+}
diff --git a/client/src/containers/projects/form/cost-inputs-overrides/constants.ts b/client/src/containers/projects/form/cost-inputs-overrides/constants.ts
new file mode 100644
index 00000000..4464a2bb
--- /dev/null
+++ b/client/src/containers/projects/form/cost-inputs-overrides/constants.ts
@@ -0,0 +1,59 @@
+import { CreateCustomProjectForm } from "@/containers/projects/form/setup";
+
+type CostInputsKeys = NonNullable<CreateCustomProjectForm["costInputs"]>;
+
+// todo: label dictionary
+
+export const COST_INPUTS_KEYS: {
+  capex: (keyof Pick<
+    CostInputsKeys,
+    | "feasibilityAnalysis"
+    | "conservationPlanningAndAdmin"
+    | "dataCollectionAndFieldCost"
+    | "communityRepresentation"
+    | "blueCarbonProjectPlanning"
+    | "establishingCarbonRights"
+    | "validation"
+    | "implementationLabor"
+  >)[];
+  opex: (keyof Pick<
+    CostInputsKeys,
+    | "monitoring"
+    | "maintenance"
+    | "communityBenefitSharingFund"
+    | "carbonStandardFees"
+    | "baselineReassessment"
+    | "mrv"
+    | "longTermProjectOperatingCost"
+  >)[];
+  other: (keyof Pick<CostInputsKeys, "financingCost">)[];
+} = {
+  capex: [
+    "feasibilityAnalysis",
+    "conservationPlanningAndAdmin",
+    "dataCollectionAndFieldCost",
+    "communityRepresentation",
+    "blueCarbonProjectPlanning",
+    "establishingCarbonRights",
+    "validation",
+    "implementationLabor",
+  ],
+  opex: [
+    "monitoring",
+    "maintenance",
+    "communityBenefitSharingFund",
+    "carbonStandardFees",
+    "baselineReassessment",
+    "mrv",
+    "longTermProjectOperatingCost",
+  ],
+  other: ["financingCost"],
+};
+
+export type DataColumnDef<T = unknown> = {
+  label: string;
+  property: T;
+  defaultValue: string;
+  unit: string;
+  value: string;
+};
diff --git a/client/src/containers/projects/form/cost-inputs-overrides/index.tsx b/client/src/containers/projects/form/cost-inputs-overrides/index.tsx
new file mode 100644
index 00000000..a7eb2f6a
--- /dev/null
+++ b/client/src/containers/projects/form/cost-inputs-overrides/index.tsx
@@ -0,0 +1,40 @@
+import CapexCostInputsTable from "@/containers/projects/form/cost-inputs-overrides/capex";
+import OpexCostInputsTable from "@/containers/projects/form/cost-inputs-overrides/opex";
+import OtherCostInputsTable from "@/containers/projects/form/cost-inputs-overrides/other";
+
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "@/components/ui/accordion";
+
+export default function CostInputsOverridesProjectForm() {
+  return (
+    <Accordion type="single" collapsible defaultValue="cost-inputs-overrides">
+      <AccordionItem value="cost-inputs-overrides" className="border-b-0">
+        <AccordionTrigger className="pt-0">
+          <div className="flex flex-col gap-3">
+            <div className="flex items-baseline gap-2">
+              <h2 className="text-2xl font-medium">Cost inputs overrides</h2>
+              <span className="font-normal text-muted-foreground">
+                optional
+              </span>
+            </div>
+            <p className="font-normal text-muted-foreground">
+              Override specific cost inputs in this field. Otherwise, country
+              specific assumptions will be considered.
+            </p>
+          </div>
+        </AccordionTrigger>
+        <AccordionContent className="pb-0">
+          <div className="flex flex-col gap-8">
+            <CapexCostInputsTable />
+            <OpexCostInputsTable />
+            <OtherCostInputsTable />
+          </div>
+        </AccordionContent>
+      </AccordionItem>
+    </Accordion>
+  );
+}
diff --git a/client/src/containers/projects/form/cost-inputs-overrides/opex/columns.tsx b/client/src/containers/projects/form/cost-inputs-overrides/opex/columns.tsx
new file mode 100644
index 00000000..1058a54d
--- /dev/null
+++ b/client/src/containers/projects/form/cost-inputs-overrides/opex/columns.tsx
@@ -0,0 +1,67 @@
+import React from "react";
+
+import { createColumnHelper } from "@tanstack/react-table";
+
+import { formatNumber } from "@/lib/format";
+
+import CellValue from "@/containers/projects/form/cell-value";
+import {
+  COST_INPUTS_KEYS,
+  DataColumnDef,
+} from "@/containers/projects/form/cost-inputs-overrides/constants";
+import { CreateCustomProjectForm } from "@/containers/projects/form/setup";
+
+import { Label } from "@/components/ui/label";
+
+export type OpexFormProperty =
+  `costInputs.${(typeof COST_INPUTS_KEYS)["opex"][number]}`;
+
+const columnHelper = createColumnHelper<DataColumnDef<OpexFormProperty>>();
+
+export const COLUMNS = [
+  columnHelper.accessor("label", {
+    header: () => <span>Opex</span>,
+    cell: (props) => {
+      return (
+        <Label
+          tooltip={{
+            title: props.getValue(),
+            // todo: update with descriptions
+            content: props.getValue(),
+          }}
+        >
+          {props.getValue()}
+        </Label>
+      );
+    },
+  }),
+  columnHelper.accessor("defaultValue", {
+    header: () => null,
+    cell: (props) => {
+      const value = props.getValue();
+      if (value === null || value === undefined) {
+        return "-";
+      }
+
+      if (!Number(value)) return value;
+
+      return formatNumber(Number(value));
+    },
+  }),
+  columnHelper.accessor("unit", {
+    header: () => null,
+  }),
+  columnHelper.accessor("value", {
+    header: () => null,
+    cell: (props) => {
+      return (
+        <CellValue
+          name={
+            props.row.original
+              .property as keyof CreateCustomProjectForm["costInputs"]
+          }
+        />
+      );
+    },
+  }),
+];
diff --git a/client/src/containers/projects/form/cost-inputs-overrides/opex/index.tsx b/client/src/containers/projects/form/cost-inputs-overrides/opex/index.tsx
new file mode 100644
index 00000000..dc246275
--- /dev/null
+++ b/client/src/containers/projects/form/cost-inputs-overrides/opex/index.tsx
@@ -0,0 +1,138 @@
+import { useFormContext } from "react-hook-form";
+
+import { ACTIVITY } from "@shared/entities/activity.enum";
+import { COSTS_DTO_TO_NAME_MAP } from "@shared/schemas/assumptions/assumptions.enums";
+import {
+  flexRender,
+  getCoreRowModel,
+  useReactTable,
+} from "@tanstack/react-table";
+
+import { client } from "@/lib/query-client";
+import { queryKeys } from "@/lib/query-keys";
+
+import {
+  COST_INPUTS_KEYS,
+  DataColumnDef,
+} from "@/containers/projects/form/cost-inputs-overrides/constants";
+import {
+  COLUMNS,
+  OpexFormProperty,
+} from "@/containers/projects/form/cost-inputs-overrides/opex/columns";
+import { CreateCustomProjectForm } from "@/containers/projects/form/setup";
+
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+
+const NO_DATA: DataColumnDef<OpexFormProperty>[] = [];
+
+export default function OpexCostInputsTable() {
+  const form = useFormContext<CreateCustomProjectForm>();
+
+  const {
+    ecosystem,
+    countryCode,
+    activity,
+    parameters: { restorationActivity },
+  } = form.getValues();
+
+  const { queryKey } = queryKeys.customProjects.defaultCosts({
+    ecosystem,
+    countryCode,
+    activity,
+    restorationActivity,
+  });
+  const { data, isSuccess } =
+    client.customProjects.getDefaultCostInputs.useQuery(
+      queryKey,
+      {
+        query: {
+          ecosystem,
+          countryCode,
+          activity,
+          ...(activity === ACTIVITY.RESTORATION && { restorationActivity }),
+        },
+      },
+      {
+        queryKey,
+        select: (data) =>
+          Object.keys(data.body.data)
+            .filter((key) =>
+              COST_INPUTS_KEYS.opex.includes(
+                key as (typeof COST_INPUTS_KEYS)["opex"][number],
+              ),
+            )
+            .map((key) => ({
+              label:
+                COSTS_DTO_TO_NAME_MAP[
+                  key as keyof typeof COSTS_DTO_TO_NAME_MAP
+                ],
+              unit: "N/A",
+              property: `costInputs.${key}` as OpexFormProperty,
+              defaultValue: data.body.data[key as keyof typeof data.body.data],
+              value: "",
+            })),
+        enabled:
+          (!!activity && activity === ACTIVITY.CONSERVATION) ||
+          (activity === ACTIVITY.RESTORATION && !!restorationActivity),
+      },
+    );
+
+  const table = useReactTable({
+    // @ts-expect-error fix later
+    data: isSuccess ? data : NO_DATA,
+    columns: COLUMNS,
+    getCoreRowModel: getCoreRowModel(),
+  });
+
+  return (
+    <Table>
+      <TableHeader>
+        {table.getHeaderGroups().map((headerGroup) => (
+          <TableRow key={headerGroup.id} className="divide-x-0">
+            {headerGroup.headers.map((header) => {
+              return (
+                <TableHead
+                  key={header.id}
+                  className="bg-transparent font-normal"
+                >
+                  {header.isPlaceholder
+                    ? null
+                    : flexRender(
+                        header.column.columnDef.header,
+                        header.getContext(),
+                      )}
+                </TableHead>
+              );
+            })}
+          </TableRow>
+        ))}
+      </TableHeader>
+      <TableBody>
+        {table.getRowModel().rows?.length ? (
+          table.getRowModel().rows.map((row) => (
+            <TableRow key={row.id} className="divide-x-0 divide-y-0 border-b-0">
+              {row.getVisibleCells().map((cell) => (
+                <TableCell key={cell.id} className="py-3">
+                  {flexRender(cell.column.columnDef.cell, cell.getContext())}
+                </TableCell>
+              ))}
+            </TableRow>
+          ))
+        ) : (
+          <TableRow>
+            <TableCell colSpan={COLUMNS.length} className="h-24 text-center">
+              No results.
+            </TableCell>
+          </TableRow>
+        )}
+      </TableBody>
+    </Table>
+  );
+}
diff --git a/client/src/containers/projects/form/cost-inputs-overrides/other/columns.tsx b/client/src/containers/projects/form/cost-inputs-overrides/other/columns.tsx
new file mode 100644
index 00000000..a8d3221a
--- /dev/null
+++ b/client/src/containers/projects/form/cost-inputs-overrides/other/columns.tsx
@@ -0,0 +1,67 @@
+import React from "react";
+
+import { createColumnHelper } from "@tanstack/react-table";
+
+import { formatNumber } from "@/lib/format";
+
+import CellValue from "@/containers/projects/form/cell-value";
+import {
+  COST_INPUTS_KEYS,
+  DataColumnDef,
+} from "@/containers/projects/form/cost-inputs-overrides/constants";
+import { CreateCustomProjectForm } from "@/containers/projects/form/setup";
+
+import { Label } from "@/components/ui/label";
+
+export type OtherFormProperty =
+  `costInputs.${(typeof COST_INPUTS_KEYS)["other"][number]}`;
+
+const columnHelper = createColumnHelper<DataColumnDef<OtherFormProperty>>();
+
+export const COLUMNS = [
+  columnHelper.accessor("label", {
+    header: () => <span>Other</span>,
+    cell: (props) => {
+      return (
+        <Label
+          tooltip={{
+            title: props.getValue(),
+            // todo: update with descriptions
+            content: props.getValue(),
+          }}
+        >
+          {props.getValue()}
+        </Label>
+      );
+    },
+  }),
+  columnHelper.accessor("defaultValue", {
+    header: () => null,
+    cell: (props) => {
+      const value = props.getValue();
+      if (value === null || value === undefined) {
+        return "-";
+      }
+
+      if (!Number(value)) return value;
+
+      return formatNumber(Number(value));
+    },
+  }),
+  columnHelper.accessor("unit", {
+    header: () => null,
+  }),
+  columnHelper.accessor("value", {
+    header: () => null,
+    cell: (props) => {
+      return (
+        <CellValue
+          name={
+            props.row.original
+              .property as keyof CreateCustomProjectForm["costInputs"]
+          }
+        />
+      );
+    },
+  }),
+];
diff --git a/client/src/containers/projects/form/cost-inputs-overrides/other/index.tsx b/client/src/containers/projects/form/cost-inputs-overrides/other/index.tsx
new file mode 100644
index 00000000..c3b2f7f3
--- /dev/null
+++ b/client/src/containers/projects/form/cost-inputs-overrides/other/index.tsx
@@ -0,0 +1,138 @@
+import { useFormContext } from "react-hook-form";
+
+import { ACTIVITY } from "@shared/entities/activity.enum";
+import { COSTS_DTO_TO_NAME_MAP } from "@shared/schemas/assumptions/assumptions.enums";
+import {
+  flexRender,
+  getCoreRowModel,
+  useReactTable,
+} from "@tanstack/react-table";
+
+import { client } from "@/lib/query-client";
+import { queryKeys } from "@/lib/query-keys";
+
+import {
+  COST_INPUTS_KEYS,
+  DataColumnDef,
+} from "@/containers/projects/form/cost-inputs-overrides/constants";
+import {
+  COLUMNS,
+  OtherFormProperty,
+} from "@/containers/projects/form/cost-inputs-overrides/other/columns";
+import { CreateCustomProjectForm } from "@/containers/projects/form/setup";
+
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow,
+} from "@/components/ui/table";
+
+const NO_DATA: DataColumnDef<OtherFormProperty>[] = [];
+
+export default function OtherCostInputsTable() {
+  const form = useFormContext<CreateCustomProjectForm>();
+
+  const {
+    ecosystem,
+    countryCode,
+    activity,
+    parameters: { restorationActivity },
+  } = form.getValues();
+
+  const { queryKey } = queryKeys.customProjects.defaultCosts({
+    ecosystem,
+    countryCode,
+    activity,
+    restorationActivity,
+  });
+  const { data, isSuccess } =
+    client.customProjects.getDefaultCostInputs.useQuery(
+      queryKey,
+      {
+        query: {
+          ecosystem,
+          countryCode,
+          activity,
+          ...(activity === ACTIVITY.RESTORATION && { restorationActivity }),
+        },
+      },
+      {
+        queryKey,
+        select: (data) =>
+          Object.keys(data.body.data)
+            .filter((key) =>
+              COST_INPUTS_KEYS.other.includes(
+                key as (typeof COST_INPUTS_KEYS)["other"][number],
+              ),
+            )
+            .map((key) => ({
+              label:
+                COSTS_DTO_TO_NAME_MAP[
+                  key as keyof typeof COSTS_DTO_TO_NAME_MAP
+                ],
+              unit: "N/A",
+              property: `costInputs.${key}` as OtherFormProperty,
+              defaultValue: data.body.data[key as keyof typeof data.body.data],
+              value: "",
+            })),
+        enabled:
+          (!!activity && activity === ACTIVITY.CONSERVATION) ||
+          (activity === ACTIVITY.RESTORATION && !!restorationActivity),
+      },
+    );
+
+  const table = useReactTable({
+    // @ts-expect-error fix later
+    data: isSuccess ? data : NO_DATA,
+    columns: COLUMNS,
+    getCoreRowModel: getCoreRowModel(),
+  });
+
+  return (
+    <Table>
+      <TableHeader>
+        {table.getHeaderGroups().map((headerGroup) => (
+          <TableRow key={headerGroup.id} className="divide-x-0">
+            {headerGroup.headers.map((header) => {
+              return (
+                <TableHead
+                  key={header.id}
+                  className="bg-transparent font-normal"
+                >
+                  {header.isPlaceholder
+                    ? null
+                    : flexRender(
+                        header.column.columnDef.header,
+                        header.getContext(),
+                      )}
+                </TableHead>
+              );
+            })}
+          </TableRow>
+        ))}
+      </TableHeader>
+      <TableBody>
+        {table.getRowModel().rows?.length ? (
+          table.getRowModel().rows.map((row) => (
+            <TableRow key={row.id} className="divide-x-0 divide-y-0 border-b-0">
+              {row.getVisibleCells().map((cell) => (
+                <TableCell key={cell.id} className="py-3">
+                  {flexRender(cell.column.columnDef.cell, cell.getContext())}
+                </TableCell>
+              ))}
+            </TableRow>
+          ))
+        ) : (
+          <TableRow>
+            <TableCell colSpan={COLUMNS.length} className="h-24 text-center">
+              No results.
+            </TableCell>
+          </TableRow>
+        )}
+      </TableBody>
+    </Table>
+  );
+}
diff --git a/client/src/containers/projects/form/index.tsx b/client/src/containers/projects/form/index.tsx
new file mode 100644
index 00000000..3b3a638a
--- /dev/null
+++ b/client/src/containers/projects/form/index.tsx
@@ -0,0 +1,34 @@
+import { useFormContext } from "react-hook-form";
+
+import AssumptionsProjectForm from "@/containers/projects/form/assumptions";
+import CostInputsOverridesProjectForm from "@/containers/projects/form/cost-inputs-overrides";
+import SetupProjectForm, {
+  CreateCustomProjectForm,
+} from "@/containers/projects/form/setup";
+
+import { Card } from "@/components/ui/card";
+
+export default function ProjectForm({ onSubmit }: { onSubmit: () => void }) {
+  const form = useFormContext<CreateCustomProjectForm>();
+
+  console.log({
+    values: form.getValues(),
+    errors: form.formState.errors,
+  });
+
+  return (
+    <form className="w-full space-y-8" onSubmit={onSubmit}>
+      <div className="flex flex-col gap-3">
+        <Card className="flex flex-1 flex-col" variant="secondary">
+          <SetupProjectForm />
+        </Card>
+        <Card className="flex flex-1 flex-col" variant="secondary">
+          <AssumptionsProjectForm />
+        </Card>
+        <Card className="flex flex-1 flex-col" variant="secondary">
+          <CostInputsOverridesProjectForm />
+        </Card>
+      </div>
+    </form>
+  );
+}
diff --git a/client/src/containers/projects/form/setup/conservation-project-details/index.tsx b/client/src/containers/projects/form/setup/conservation-project-details/index.tsx
new file mode 100644
index 00000000..0ff8c81d
--- /dev/null
+++ b/client/src/containers/projects/form/setup/conservation-project-details/index.tsx
@@ -0,0 +1,323 @@
+import * as React from "react";
+
+import { useFormContext } from "react-hook-form";
+
+import { EMISSION_FACTORS_TIER_TYPES } from "@shared/entities/carbon-inputs/emission-factors.entity";
+import {
+  PROJECT_EMISSION_FACTORS,
+  PROJECT_SPECIFIC_EMISSION,
+} from "@shared/entities/custom-project.entity";
+import { ECOSYSTEM } from "@shared/entities/ecosystem.enum";
+import { LOSS_RATE_USED } from "@shared/schemas/custom-projects/create-custom-project.schema";
+
+import { CreateCustomProjectForm } from "@/containers/projects/form/setup";
+import LossRate from "@/containers/projects/form/setup/conservation-project-details/loss-rate";
+import T1GlobalEmissionFactor from "@/containers/projects/form/setup/conservation-project-details/t1-global-emission-factor";
+import T2NationalEmissionFactors from "@/containers/projects/form/setup/conservation-project-details/t2-national-emission-factors";
+
+import { Card } from "@/components/ui/card";
+import {
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/ui/form";
+import { Input } from "@/components/ui/input";
+import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+
+export default function ConservationProjectDetails() {
+  const form = useFormContext<CreateCustomProjectForm>();
+
+  return (
+    <Card variant="secondary" className="flex flex-col gap-4">
+      <h2 className="font-semibold">Conservation project details</h2>
+      <p className="text-sm text-muted-foreground">
+        This information only applies for conservation projects
+      </p>
+
+      {/* lossRateUsed */}
+      <FormField
+        control={form?.control}
+        name="parameters.lossRateUsed"
+        render={() => (
+          <FormItem className="flex items-center justify-between gap-4 space-y-0">
+            <FormLabel
+              tooltip={{
+                title: "Loss rate used",
+                content: "TBD",
+              }}
+            >
+              Loss rate used
+            </FormLabel>
+            <FormControl>
+              <div className="relative flex items-center">
+                <RadioGroup
+                  className="flex gap-4"
+                  defaultValue={
+                    form.getValues("parameters.lossRateUsed") as LOSS_RATE_USED
+                  }
+                  onValueChange={async (v) => {
+                    form.setValue(
+                      "parameters.lossRateUsed",
+                      v as LOSS_RATE_USED,
+                    );
+                    await form.trigger("parameters.lossRateUsed");
+                  }}
+                >
+                  {Object.values(LOSS_RATE_USED).map((rate) => (
+                    <div className="flex items-center gap-2" key={rate}>
+                      <RadioGroupItem className="flex-1" value={rate} />
+                      <FormLabel>{rate}</FormLabel>
+                    </div>
+                  ))}
+                </RadioGroup>
+              </div>
+            </FormControl>
+            <FormMessage />
+          </FormItem>
+        )}
+      />
+
+      <LossRate />
+
+      {/* emission factor used */}
+      <div className="flex">
+        <FormField
+          control={form.control}
+          name="parameters.emissionFactorUsed"
+          render={() => (
+            <FormItem className="basis-1/2">
+              <FormLabel
+                tooltip={{
+                  title: "Emission factors",
+                  content: "TBD",
+                }}
+              >
+                Emission factor used (as committed emissions)
+              </FormLabel>
+              <FormControl>
+                <Select
+                  name="parameters.emissionFactorUsed"
+                  value={form.getValues("parameters.emissionFactorUsed")}
+                  onValueChange={async (v) => {
+                    form.setValue(
+                      "parameters.emissionFactorUsed",
+                      v as EMISSION_FACTORS_TIER_TYPES,
+                    );
+                    await form.trigger("parameters.emissionFactorUsed");
+
+                    // ? selecting T2, the ecosystem must be set to mangrove
+                    if (v === EMISSION_FACTORS_TIER_TYPES.TIER_2) {
+                      form.setValue("ecosystem", ECOSYSTEM.MANGROVE);
+                      await form.trigger("ecosystem");
+                    }
+                  }}
+                >
+                  <SelectTrigger>
+                    <SelectValue />
+                  </SelectTrigger>
+                  <SelectContent>
+                    {Object.values(PROJECT_EMISSION_FACTORS).map((option) => (
+                      <SelectItem key={option} value={option}>
+                        {option}
+                      </SelectItem>
+                    ))}
+                  </SelectContent>
+                </Select>
+              </FormControl>
+              <FormMessage />
+            </FormItem>
+          )}
+        />
+      </div>
+
+      {form.getValues("parameters.emissionFactorUsed") ===
+        EMISSION_FACTORS_TIER_TYPES.TIER_1 && <T1GlobalEmissionFactor />}
+
+      {form.getValues("parameters.emissionFactorUsed") ===
+        EMISSION_FACTORS_TIER_TYPES.TIER_2 && <T2NationalEmissionFactors />}
+
+      {form.getValues("parameters.emissionFactorUsed") ===
+        EMISSION_FACTORS_TIER_TYPES.TIER_3 && (
+        <>
+          <div className="flex">
+            {/* T3-exclusive emission factors */}
+            <FormField
+              control={form.control}
+              name="parameters.projectSpecificEmission"
+              render={() => (
+                <FormItem className="basis-1/2">
+                  <FormLabel
+                    tooltip={{
+                      title: "Project-specific emissions type",
+                      content: "TBD",
+                    }}
+                  >
+                    Project-specific emissions type
+                  </FormLabel>
+                  <FormControl>
+                    <Select
+                      name="parameters.projectSpecificEmission"
+                      value={form.getValues(
+                        "parameters.projectSpecificEmission",
+                      )}
+                      onValueChange={async (v) => {
+                        form.setValue(
+                          "parameters.projectSpecificEmission",
+                          v as PROJECT_SPECIFIC_EMISSION,
+                        );
+                        await form.trigger(
+                          "parameters.projectSpecificEmission",
+                        );
+                      }}
+                    >
+                      <SelectTrigger>
+                        <SelectValue />
+                      </SelectTrigger>
+                      <SelectContent>
+                        {Object.values(PROJECT_SPECIFIC_EMISSION)?.map(
+                          (option) => (
+                            <SelectItem key={option} value={option}>
+                              {option}
+                            </SelectItem>
+                          ),
+                        )}
+                      </SelectContent>
+                    </Select>
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </div>
+
+          {/* T3 and One Emission Factor */}
+          {form.getValues("parameters.projectSpecificEmission") ===
+            PROJECT_SPECIFIC_EMISSION.ONE_EMISSION_FACTOR && (
+            <div className="flex">
+              <FormField
+                control={form?.control}
+                name="parameters.projectSpecificEmissionFactor"
+                render={({ field }) => (
+                  <FormItem className="basis-1/2">
+                    <FormLabel
+                      tooltip={{
+                        title: "Project Specific Emission Factor",
+                        content: "TBD",
+                      }}
+                    >
+                      Project Specific Emission Factor
+                    </FormLabel>
+                    <FormControl className="relative after:absolute after:right-6 after:inline-block after:text-sm after:text-muted-foreground after:content-['tCO2e/ha/year']">
+                      <div className="relative flex flex-1 items-center">
+                        <Input
+                          {...field}
+                          className="w-full pr-32"
+                          type="number"
+                          min={0}
+                          onChange={async (v) => {
+                            form.setValue(
+                              "parameters.projectSpecificEmissionFactor",
+                              Number(v.target.value),
+                            );
+                            await form.trigger(
+                              "parameters.projectSpecificEmissionFactor",
+                            );
+                          }}
+                        />
+                      </div>
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            </div>
+          )}
+
+          {/* T3 and Two Emission Factors */}
+          {form.getValues("parameters.projectSpecificEmission") ===
+            PROJECT_SPECIFIC_EMISSION.TWO_EMISSION_FACTORS && (
+            <div className="flex gap-3">
+              <FormField
+                control={form?.control}
+                name="parameters.emissionFactorAGB"
+                render={({ field }) => (
+                  <FormItem className="basis-1/2">
+                    <FormLabel
+                      tooltip={{
+                        title: "AGB Emission Factor",
+                        content: "TBD",
+                      }}
+                    >
+                      AGB Emission Factor
+                    </FormLabel>
+                    <FormControl className="relative after:absolute after:right-6 after:inline-block after:text-sm after:text-muted-foreground after:content-['tCO2e/ha/year']">
+                      <div className="relative flex flex-1 items-center">
+                        <Input
+                          {...field}
+                          className="w-full pr-32"
+                          type="number"
+                          min={0}
+                          onChange={async (v) => {
+                            form.setValue(
+                              "parameters.emissionFactorAGB",
+                              Number(v.target.value),
+                            );
+                            await form.trigger("parameters.emissionFactorAGB");
+                          }}
+                        />
+                      </div>
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <FormField
+                control={form?.control}
+                name="parameters.emissionFactorSOC"
+                render={({ field }) => (
+                  <FormItem className="basis-1/2">
+                    <FormLabel
+                      tooltip={{
+                        title: "SOC Emission Factor",
+                        content: "TBD",
+                      }}
+                    >
+                      SOC Emission Factor
+                    </FormLabel>
+                    <FormControl className="relative after:absolute after:right-6 after:inline-block after:text-sm after:text-muted-foreground after:content-['tCO2e/ha/year']">
+                      <div className="relative flex flex-1 items-center">
+                        <Input
+                          {...field}
+                          className="w-full pr-32"
+                          type="number"
+                          min={0}
+                          onChange={async (v) => {
+                            form.setValue(
+                              "parameters.emissionFactorSOC",
+                              Number(v.target.value),
+                            );
+                            await form.trigger("parameters.emissionFactorSOC");
+                          }}
+                        />
+                      </div>
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            </div>
+          )}
+        </>
+      )}
+    </Card>
+  );
+}
diff --git a/client/src/containers/projects/form/setup/conservation-project-details/loss-rate.tsx b/client/src/containers/projects/form/setup/conservation-project-details/loss-rate.tsx
new file mode 100644
index 00000000..3a3887ea
--- /dev/null
+++ b/client/src/containers/projects/form/setup/conservation-project-details/loss-rate.tsx
@@ -0,0 +1,107 @@
+import * as React from "react";
+
+import { useFormContext } from "react-hook-form";
+
+import { ACTIVITY } from "@shared/entities/activity.enum";
+import { LOSS_RATE_USED } from "@shared/schemas/custom-projects/create-custom-project.schema";
+
+import { client } from "@/lib/query-client";
+import { queryKeys } from "@/lib/query-keys";
+
+import { CreateCustomProjectForm } from "@/containers/projects/form/setup";
+
+import {
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/ui/form";
+import { Input } from "@/components/ui/input";
+
+export default function LossRate() {
+  const form = useFormContext<CreateCustomProjectForm>();
+
+  const {
+    ecosystem,
+    countryCode,
+    activity,
+    parameters: { lossRateUsed },
+  } = form.getValues();
+
+  const queryKey = queryKeys.customProjects.defaultActivityTypes({
+    ecosystem,
+    countryCode,
+  }).queryKey;
+
+  const { data } = client.customProjects.getActivityTypesDefaults.useQuery(
+    queryKey,
+    { query: { ecosystem, countryCode } },
+    {
+      queryKey,
+      enabled:
+        !!ecosystem &&
+        !!countryCode &&
+        lossRateUsed === LOSS_RATE_USED.NATIONAL_AVERAGE,
+      select: (response) => {
+        const { data } = response.body;
+        return data[activity as ACTIVITY.CONSERVATION].ecosystemLossRate;
+      },
+    },
+  );
+
+  if (lossRateUsed === LOSS_RATE_USED.NATIONAL_AVERAGE) {
+    return (
+      <div className="flex justify-between gap-3">
+        <FormLabel
+          className="grow basis-1/2 flex-nowrap"
+          tooltip={{
+            title: "National loss rate",
+            content: "TBD",
+          }}
+        >
+          National loss rate
+        </FormLabel>
+        <div className="relative flex basis-1/2 items-center after:absolute after:right-6 after:inline-block after:text-sm after:text-muted-foreground after:content-['%']">
+          <Input
+            className="w-full pr-32 text-muted-foreground"
+            disabled
+            defaultValue={data}
+          />
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <FormField
+      control={form?.control}
+      name="parameters.projectSpecificLossRate"
+      render={() => (
+        <FormItem className="flex items-center justify-between gap-4 space-y-0">
+          <div className="flex-1">
+            <FormLabel
+              tooltip={{
+                title: "Project-specific loss rate",
+                content: "TBD",
+              }}
+            >
+              Project-specific loss rate
+            </FormLabel>
+          </div>
+          <FormControl className="relative after:absolute after:right-6 after:inline-block after:text-sm after:text-muted-foreground after:content-['%']">
+            <div className="relative flex flex-1 items-center">
+              <Input
+                {...form.register("parameters.projectSpecificLossRate")}
+                className="w-full pr-12"
+                type="number"
+                max={0}
+              />
+            </div>
+          </FormControl>
+          <FormMessage />
+        </FormItem>
+      )}
+    />
+  );
+}
diff --git a/client/src/containers/projects/form/setup/conservation-project-details/t1-global-emission-factor.tsx b/client/src/containers/projects/form/setup/conservation-project-details/t1-global-emission-factor.tsx
new file mode 100644
index 00000000..f656b822
--- /dev/null
+++ b/client/src/containers/projects/form/setup/conservation-project-details/t1-global-emission-factor.tsx
@@ -0,0 +1,64 @@
+import * as React from "react";
+
+import { useFormContext } from "react-hook-form";
+
+import { ACTIVITY } from "@shared/entities/activity.enum";
+import { COSTS_DTO_TO_NAME_MAP } from "@shared/schemas/assumptions/assumptions.enums";
+import { LOSS_RATE_USED } from "@shared/schemas/custom-projects/create-custom-project.schema";
+
+import { client } from "@/lib/query-client";
+import { queryKeys } from "@/lib/query-keys";
+
+import { COST_INPUTS_KEYS } from "@/containers/projects/form/cost-inputs-overrides/constants";
+import { OtherFormProperty } from "@/containers/projects/form/cost-inputs-overrides/other/columns";
+import { CreateCustomProjectForm } from "@/containers/projects/form/setup";
+
+import { FormLabel } from "@/components/ui/form";
+import { Input } from "@/components/ui/input";
+
+// ? this input is read-only as it is informative to the user. It is not meant to be sent to the API.
+export default function T1GlobalEmissionFactor() {
+  const form = useFormContext<CreateCustomProjectForm>();
+
+  const { ecosystem, countryCode, activity } = form.getValues();
+
+  const queryKey = queryKeys.customProjects.defaultActivityTypes({
+    ecosystem,
+    countryCode,
+  }).queryKey;
+
+  const { data } = client.customProjects.getActivityTypesDefaults.useQuery(
+    queryKey,
+    { query: { ecosystem, countryCode } },
+    {
+      queryKey,
+      enabled: !!ecosystem && !!countryCode,
+      select: (response) => {
+        const { data } = response.body;
+        return data[activity as ACTIVITY.CONSERVATION].emissionFactor.tier1;
+      },
+    },
+  );
+
+  return (
+    <div className="flex">
+      <div className="basis-1/2 space-y-2">
+        <FormLabel
+          tooltip={{
+            title: "T1 Global Emission Factor",
+            content: "TBD",
+          }}
+        >
+          T1 Global Emission Factor
+        </FormLabel>
+        <div className="relative flex flex-1 items-center after:absolute after:right-6 after:inline-block after:text-sm after:text-muted-foreground after:content-['tCO2e/ha/year']">
+          <Input
+            className="w-full pr-32 text-muted-foreground"
+            disabled
+            defaultValue={data}
+          />
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/client/src/containers/projects/form/setup/conservation-project-details/t2-national-emission-factors.tsx b/client/src/containers/projects/form/setup/conservation-project-details/t2-national-emission-factors.tsx
new file mode 100644
index 00000000..77f8c717
--- /dev/null
+++ b/client/src/containers/projects/form/setup/conservation-project-details/t2-national-emission-factors.tsx
@@ -0,0 +1,77 @@
+import * as React from "react";
+
+import { useFormContext } from "react-hook-form";
+
+import { ACTIVITY } from "@shared/entities/activity.enum";
+
+import { client } from "@/lib/query-client";
+import { queryKeys } from "@/lib/query-keys";
+
+import { CreateCustomProjectForm } from "@/containers/projects/form/setup";
+
+import { FormLabel } from "@/components/ui/form";
+import { Input } from "@/components/ui/input";
+
+// ? these inputs are read-only as it is informative to the user. They are not meant to be sent to the API.
+export default function T2NationalEmissionFactors() {
+  const form = useFormContext<CreateCustomProjectForm>();
+
+  const { ecosystem, countryCode, activity } = form.getValues();
+
+  const queryKey = queryKeys.customProjects.defaultActivityTypes({
+    ecosystem,
+    countryCode,
+  }).queryKey;
+
+  const { data } = client.customProjects.getActivityTypesDefaults.useQuery(
+    queryKey,
+    { query: { ecosystem, countryCode } },
+    {
+      queryKey,
+      enabled: !!ecosystem && !!countryCode,
+      select: (response) => {
+        const { data } = response.body;
+        return data[activity as ACTIVITY.CONSERVATION].emissionFactor.tier2;
+      },
+    },
+  );
+
+  return (
+    <div className="flex gap-3">
+      <div className="basis-1/2 space-y-2">
+        <FormLabel
+          tooltip={{
+            title: "National AGB Emission Factor",
+            content: "TBD",
+          }}
+        >
+          National AGB Emission Factor
+        </FormLabel>
+        <div className="relative flex flex-1 items-center after:absolute after:right-6 after:inline-block after:text-sm after:text-muted-foreground after:content-['tCO2e/ha/year']">
+          <Input
+            className="w-full pr-32 text-muted-foreground"
+            disabled
+            defaultValue={data?.emissionFactorAgb}
+          />
+        </div>
+      </div>
+      <div className="basis-1/2 space-y-2">
+        <FormLabel
+          tooltip={{
+            title: "National SOC Emission Factor",
+            content: "TBD",
+          }}
+        >
+          National SOC Emission Factor
+        </FormLabel>
+        <div className="relative flex flex-1 items-center after:absolute after:right-6 after:inline-block after:text-sm after:text-muted-foreground after:content-['tCO2e/ha/year']">
+          <Input
+            className="w-full pr-32 text-muted-foreground"
+            disabled
+            defaultValue={data?.emissionFactorSoc}
+          />
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/client/src/containers/projects/form/setup/constants.ts b/client/src/containers/projects/form/setup/constants.ts
new file mode 100644
index 00000000..597b6b11
--- /dev/null
+++ b/client/src/containers/projects/form/setup/constants.ts
@@ -0,0 +1,13 @@
+import { ACTIVITY } from "@shared/entities/activity.enum";
+import { CARBON_REVENUES_TO_COVER } from "@shared/entities/custom-project.entity";
+
+export const ACTIVITIES_DESCRIPTIONS = {
+  [ACTIVITY.RESTORATION]: "TBD",
+  [ACTIVITY.CONSERVATION]: "TBD",
+};
+
+export const CARBON_REVENUES_TO_COVER_DESCRIPTIONS = {
+  [CARBON_REVENUES_TO_COVER.OPEX]: "Includes operating costs only",
+  [CARBON_REVENUES_TO_COVER.CAPEX_AND_OPEX]:
+    "Includes capital and operation costs",
+};
diff --git a/client/src/containers/projects/form/setup/index.tsx b/client/src/containers/projects/form/setup/index.tsx
new file mode 100644
index 00000000..121368f9
--- /dev/null
+++ b/client/src/containers/projects/form/setup/index.tsx
@@ -0,0 +1,396 @@
+"use client";
+
+import * as React from "react";
+
+import { useFormContext } from "react-hook-form";
+
+import { ACTIVITY } from "@shared/entities/activity.enum";
+import { EMISSION_FACTORS_TIER_TYPES } from "@shared/entities/carbon-inputs/emission-factors.entity";
+import { CARBON_REVENUES_TO_COVER } from "@shared/entities/custom-project.entity";
+import { ECOSYSTEM } from "@shared/entities/ecosystem.enum";
+import { CreateCustomProjectSchema } from "@shared/schemas/custom-projects/create-custom-project.schema";
+import { z } from "zod";
+
+import { client } from "@/lib/query-client";
+import { queryKeys } from "@/lib/query-keys";
+
+import { ACTIVITIES } from "@/containers/overview/filters/constants";
+import ConservationProjectDetails from "@/containers/projects/form/setup/conservation-project-details";
+import {
+  ACTIVITIES_DESCRIPTIONS,
+  CARBON_REVENUES_TO_COVER_DESCRIPTIONS,
+} from "@/containers/projects/form/setup/constants";
+import RestorationProjectDetails from "@/containers/projects/form/setup/restoration-project-detail";
+
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from "@/components/ui/accordion";
+import {
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/ui/form";
+import { Input } from "@/components/ui/input";
+import { RadioGroup, RadioGroupItemBox } from "@/components/ui/radio-group";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+
+export type CreateCustomProjectForm = z.infer<typeof CreateCustomProjectSchema>;
+
+export default function SetupProjectForm() {
+  const { queryKey } = queryKeys.projects.countries;
+  const { data: countryOptions } = client.projects.getProjectCountries.useQuery(
+    queryKey,
+    {},
+    {
+      queryKey,
+      select: (data) =>
+        data.body.data.map(({ name, code }) => ({ label: name, value: code })),
+    },
+  );
+
+  const form = useFormContext<CreateCustomProjectForm>();
+
+  const {
+    parameters: { emissionFactorUsed },
+  } = form.getValues();
+
+  const ECOSYSTEM_OPTIONS = Object.values(ECOSYSTEM).map((ecosystem) => ({
+    label: ecosystem,
+    value: ecosystem,
+    disabled:
+      emissionFactorUsed === EMISSION_FACTORS_TIER_TYPES.TIER_2 &&
+      ecosystem !== ECOSYSTEM.MANGROVE,
+  }));
+
+  return (
+    <Accordion type="single" collapsible defaultValue="assumptions">
+      <AccordionItem value="assumptions" className="border-b-0">
+        <AccordionTrigger className="pt-0">
+          <div className="flex flex-col gap-3">
+            <div className="flex items-baseline gap-2">
+              <h2 className="text-2xl font-medium">Project setup</h2>
+            </div>
+            <p className="font-normal text-muted-foreground">
+              General setup of the project
+            </p>
+          </div>
+        </AccordionTrigger>
+        <AccordionContent className="pb-0">
+          <div className="flex flex-col gap-4">
+            <FormField
+              control={form.control}
+              name="projectName"
+              render={({ field, fieldState }) => (
+                <FormItem>
+                  <FormLabel>Name</FormLabel>
+                  <FormControl>
+                    <div className="relative flex items-center">
+                      <Input
+                        placeholder="Insert project name"
+                        type="text"
+                        {...field}
+                        onChange={async (v) => {
+                          form.setValue("projectName", v.target.value);
+                          await form.trigger("projectName");
+                        }}
+                      />
+                    </div>
+                  </FormControl>
+                  {fieldState.invalid && (
+                    <FormDescription>
+                      Name must contain at least 3 characters.
+                    </FormDescription>
+                  )}
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+            <div className="flex items-start gap-3">
+              <FormField
+                control={form.control}
+                name="countryCode"
+                render={() => (
+                  <FormItem className="flex-1">
+                    <FormLabel
+                      tooltip={{
+                        title: "Country",
+                        content: "Select a country",
+                      }}
+                    >
+                      Country
+                    </FormLabel>
+                    <FormControl>
+                      <Select
+                        name="countryCode"
+                        value={form.getValues("countryCode")}
+                        onValueChange={async (v) => {
+                          form.setValue("countryCode", v);
+                          await form.trigger("countryCode");
+                        }}
+                      >
+                        <SelectTrigger>
+                          <SelectValue />
+                        </SelectTrigger>
+                        <SelectContent>
+                          {countryOptions?.map((option) => (
+                            <SelectItem key={option.value} value={option.value}>
+                              {option.label}
+                            </SelectItem>
+                          ))}
+                        </SelectContent>
+                      </Select>
+                    </FormControl>
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+              <FormField
+                control={form.control}
+                name="projectSizeHa"
+                render={({ field, fieldState }) => (
+                  <FormItem className="flex-1">
+                    <FormLabel
+                      tooltip={{
+                        title: "Project Size",
+                        content: "Insert number of hectares",
+                      }}
+                    >
+                      Project Size
+                    </FormLabel>
+                    <FormControl className="relative after:absolute after:right-6 after:inline-block after:text-sm after:text-muted-foreground after:content-['ha']">
+                      <div className="relative flex items-center">
+                        <Input
+                          placeholder="Insert number of hectares"
+                          className="pr-12"
+                          type="number"
+                          min={0}
+                          {...field}
+                          onChange={async (e) => {
+                            form.setValue(
+                              "projectSizeHa",
+                              Number(e.target.value),
+                            );
+                            await form.trigger("projectSizeHa");
+                          }}
+                        />
+                      </div>
+                    </FormControl>
+                    {fieldState.invalid && (
+                      <FormDescription>
+                        Size must be a positive number.
+                      </FormDescription>
+                    )}
+                    <FormMessage />
+                  </FormItem>
+                )}
+              />
+            </div>
+            <FormField
+              control={form.control}
+              name="ecosystem"
+              render={() => (
+                <FormItem className="flex-1">
+                  <FormLabel
+                    tooltip={{
+                      title: "Ecosystem",
+                      content: "Select the ecosystem",
+                    }}
+                  >
+                    Ecosystem
+                  </FormLabel>
+                  <FormControl>
+                    <RadioGroup
+                      className="flex gap-4"
+                      defaultValue={form.getValues("ecosystem") as ECOSYSTEM}
+                      onValueChange={async (v) => {
+                        form.setValue("ecosystem", v as ECOSYSTEM);
+                        await form.trigger("ecosystem");
+
+                        form.resetField("parameters.emissionFactorUsed");
+                      }}
+                    >
+                      {ECOSYSTEM_OPTIONS.map((ecosystem) => (
+                        <RadioGroupItemBox
+                          key={ecosystem.value}
+                          className="flex-1"
+                          label={ecosystem.label}
+                          value={ecosystem.value}
+                          checked={
+                            form.getValues("ecosystem") === ecosystem.value
+                          }
+                          disabled={ecosystem.disabled}
+                        />
+                      ))}
+                    </RadioGroup>
+                  </FormControl>
+                  {emissionFactorUsed ===
+                    EMISSION_FACTORS_TIER_TYPES.TIER_2 && (
+                    <p className="text-sm text-muted-foreground">
+                      Only Mangrove ecosystem can be used with Tier 2.
+                    </p>
+                  )}
+                </FormItem>
+              )}
+            />
+            <FormField
+              control={form.control}
+              name="activity"
+              render={() => (
+                <FormItem className="flex-1">
+                  <FormLabel
+                    tooltip={{
+                      title: "Activity",
+                      content: "Select an activity",
+                    }}
+                  >
+                    Activity type
+                  </FormLabel>
+                  <FormControl>
+                    <RadioGroup
+                      className="flex gap-4"
+                      onValueChange={async (v) => {
+                        form.setValue("activity", v as ACTIVITY);
+                        await form.trigger("activity");
+
+                        // form.setValue(
+                        //   "parameters.restorationActivity",
+                        //   RESTORATION_ACTIVITY_SUBTYPE.HYBRID,
+                        // );
+                      }}
+                    >
+                      {ACTIVITIES.map((activity) => (
+                        <RadioGroupItemBox
+                          key={activity.value}
+                          className="flex-1"
+                          label={activity.label}
+                          value={activity.value}
+                          description={ACTIVITIES_DESCRIPTIONS[activity.value]}
+                          defaultChecked={
+                            form.formState.defaultValues?.activity ===
+                            activity.value
+                          }
+                          checked={
+                            form.getValues("activity") === activity.value
+                          }
+                        />
+                      ))}
+                    </RadioGroup>
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            {form.getValues("activity") === ACTIVITY.CONSERVATION && (
+              <ConservationProjectDetails />
+            )}
+
+            {form.getValues("activity") === ACTIVITY.RESTORATION && (
+              <RestorationProjectDetails />
+            )}
+
+            <FormField
+              control={form.control}
+              name="carbonRevenuesToCover"
+              render={() => (
+                <FormItem className="flex-1">
+                  <FormLabel
+                    tooltip={{
+                      title: "Carbon Revenues to cover",
+                      content: "[TBD]",
+                    }}
+                  >
+                    Carbon Revenues to cover
+                  </FormLabel>
+                  <FormControl>
+                    <RadioGroup
+                      className="flex gap-4"
+                      onValueChange={async (v) => {
+                        form.setValue(
+                          "carbonRevenuesToCover",
+                          v as CARBON_REVENUES_TO_COVER,
+                        );
+                        await form.trigger("carbonRevenuesToCover");
+                      }}
+                    >
+                      {Object.values(CARBON_REVENUES_TO_COVER).map(
+                        (revenue) => (
+                          <RadioGroupItemBox
+                            key={revenue}
+                            className="flex-1"
+                            label={revenue}
+                            value={revenue}
+                            description={
+                              CARBON_REVENUES_TO_COVER_DESCRIPTIONS[revenue]
+                            }
+                            checked={
+                              form.getValues("carbonRevenuesToCover") ===
+                              revenue
+                            }
+                            defaultChecked={
+                              form.formState.defaultValues
+                                ?.carbonRevenuesToCover === revenue
+                            }
+                          />
+                        ),
+                      )}
+                    </RadioGroup>
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+
+            <FormField
+              control={form.control}
+              name="initialCarbonPriceAssumption"
+              render={({ field }) => (
+                <FormItem className="flex justify-between gap-4">
+                  <FormLabel
+                    tooltip={{
+                      title: "Initial carbon price assumption",
+                      content: "TBD",
+                    }}
+                  >
+                    Initial carbon price assumption in $
+                  </FormLabel>
+                  <FormControl className="relative after:absolute after:right-9 after:inline-block after:text-sm after:text-muted-foreground after:content-['$']">
+                    <div className="relative flex items-center">
+                      <Input
+                        type="number"
+                        placeholder="Insert project name"
+                        className="min-w-[225px]"
+                        min={0}
+                        {...field}
+                        onChange={async (v) => {
+                          form.setValue(
+                            "initialCarbonPriceAssumption",
+                            Number(v.target.value),
+                          );
+                          await form.trigger("initialCarbonPriceAssumption");
+                        }}
+                      />
+                    </div>
+                  </FormControl>
+                  <FormMessage />
+                </FormItem>
+              )}
+            />
+          </div>
+        </AccordionContent>
+      </AccordionItem>
+    </Accordion>
+  );
+}
diff --git a/client/src/containers/projects/form/setup/restoration-project-detail/index.tsx b/client/src/containers/projects/form/setup/restoration-project-detail/index.tsx
new file mode 100644
index 00000000..a23cc891
--- /dev/null
+++ b/client/src/containers/projects/form/setup/restoration-project-detail/index.tsx
@@ -0,0 +1,125 @@
+import * as React from "react";
+
+import { useFormContext } from "react-hook-form";
+
+import { RESTORATION_ACTIVITY_SUBTYPE } from "@shared/entities/activity.enum";
+import { SEQUESTRATION_RATE_TIER_TYPES } from "@shared/entities/carbon-inputs/sequestration-rate.entity";
+
+import { CreateCustomProjectForm } from "@/containers/projects/form/setup";
+
+import { Card } from "@/components/ui/card";
+import {
+  FormControl,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+} from "@/components/ui/form";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+
+export default function RestorationProjectDetails() {
+  const form = useFormContext<CreateCustomProjectForm>();
+
+  return (
+    <Card variant="secondary">
+      <div className="flex gap-3">
+        <div className="basis-1/2 space-y-2">
+          <FormField
+            control={form.control}
+            name="parameters.restorationActivity"
+            render={() => (
+              <FormItem className="basis-1/2">
+                <FormLabel
+                  tooltip={{
+                    title: "Project-specific emissions type",
+                    content: "TBD",
+                  }}
+                >
+                  Restoration Activity type
+                </FormLabel>
+                <FormControl>
+                  <Select
+                    name="parameters.restorationActivity"
+                    value={form.getValues("parameters.restorationActivity")}
+                    onValueChange={async (v) => {
+                      form.setValue(
+                        "parameters.restorationActivity",
+                        v as RESTORATION_ACTIVITY_SUBTYPE,
+                      );
+                      await form.trigger("parameters.restorationActivity");
+                    }}
+                  >
+                    <SelectTrigger>
+                      <SelectValue placeholder="Select restoration activity type" />
+                    </SelectTrigger>
+                    <SelectContent>
+                      {Object.values(RESTORATION_ACTIVITY_SUBTYPE)?.map(
+                        (option) => (
+                          <SelectItem key={option} value={option}>
+                            {option}
+                          </SelectItem>
+                        ),
+                      )}
+                    </SelectContent>
+                  </Select>
+                </FormControl>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+        </div>
+        <div className="basis-1/2 space-y-2">
+          <FormField
+            control={form.control}
+            name="parameters.restorationActivity"
+            render={() => (
+              <FormItem className="basis-1/2">
+                <FormLabel
+                  tooltip={{
+                    title: "Project-specific emissions type",
+                    content: "TBD",
+                  }}
+                >
+                  Sequestration Factor Used
+                </FormLabel>
+                <FormControl>
+                  <Select
+                    name="parameters.tierSelector"
+                    value={form.getValues("parameters.tierSelector")}
+                    onValueChange={async (v) => {
+                      form.setValue(
+                        "parameters.tierSelector",
+                        v as SEQUESTRATION_RATE_TIER_TYPES,
+                      );
+                      await form.trigger("parameters.tierSelector");
+                    }}
+                  >
+                    <SelectTrigger>
+                      <SelectValue placeholder="Select sequestration tier" />
+                    </SelectTrigger>
+                    <SelectContent>
+                      {Object.values(SEQUESTRATION_RATE_TIER_TYPES)?.map(
+                        (option) => (
+                          <SelectItem key={option} value={option}>
+                            {option}
+                          </SelectItem>
+                        ),
+                      )}
+                    </SelectContent>
+                  </Select>
+                </FormControl>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+        </div>
+      </div>
+    </Card>
+  );
+}
diff --git a/client/src/containers/projects/new/header.tsx b/client/src/containers/projects/new/header.tsx
new file mode 100644
index 00000000..4ee2e6d3
--- /dev/null
+++ b/client/src/containers/projects/new/header.tsx
@@ -0,0 +1,32 @@
+"use client";
+
+import { useFormContext } from "react-hook-form";
+
+import { CreateCustomProjectForm } from "@/containers/projects/form/setup";
+
+import { Button } from "@/components/ui/button";
+import { SidebarTrigger } from "@/components/ui/sidebar";
+
+import { onSubmit } from "./index";
+
+export default function Header() {
+  const methods = useFormContext<CreateCustomProjectForm>();
+
+  return (
+    <div className="flex items-center justify-between py-3 pr-6">
+      <div className="flex items-center space-x-2">
+        <SidebarTrigger />
+        <h2 className="text-2xl font-medium">Custom project</h2>
+      </div>
+      <div className="flex items-center gap-2">
+        <Button variant="secondary">Cancel</Button>
+        <Button
+          // disabled={!methods.formState.isValid}
+          onClick={methods.handleSubmit(onSubmit)}
+        >
+          Continue
+        </Button>
+      </div>
+    </div>
+  );
+}
diff --git a/client/src/containers/projects/new/index.tsx b/client/src/containers/projects/new/index.tsx
new file mode 100644
index 00000000..34af2d28
--- /dev/null
+++ b/client/src/containers/projects/new/index.tsx
@@ -0,0 +1,171 @@
+"use client";
+
+import { FormProvider, useForm } from "react-hook-form";
+
+import { zodResolver } from "@hookform/resolvers/zod";
+import {
+  ACTIVITY,
+  RESTORATION_ACTIVITY_SUBTYPE,
+} from "@shared/entities/activity.enum";
+import { EMISSION_FACTORS_TIER_TYPES } from "@shared/entities/carbon-inputs/emission-factors.entity";
+import {
+  CARBON_REVENUES_TO_COVER,
+  PROJECT_SPECIFIC_EMISSION,
+} from "@shared/entities/custom-project.entity";
+import { ECOSYSTEM } from "@shared/entities/ecosystem.enum";
+import { ASSUMPTIONS_NAME_TO_DTO_MAP } from "@shared/schemas/assumptions/assumptions.enums";
+import {
+  CreateCustomProjectSchema,
+  LOSS_RATE_USED,
+} from "@shared/schemas/custom-projects/create-custom-project.schema";
+
+import { client } from "@/lib/query-client";
+import { queryKeys } from "@/lib/query-keys";
+
+import { getQueryClient } from "@/app/providers";
+
+import ProjectForm from "@/containers/projects/form";
+import { CreateCustomProjectForm } from "@/containers/projects/form/setup";
+import Header from "@/containers/projects/new/header";
+import ProjectSidebar from "@/containers/projects/new/sidebar";
+
+import { ScrollArea } from "@/components/ui/scroll-area";
+
+export const onSubmit = (data: CreateCustomProjectForm) => {
+  const queryClient = getQueryClient();
+
+  const originalValues = { ...data };
+
+  const assumptionsResponse =
+    client.customProjects.getDefaultAssumptions.getQueryData(
+      queryClient,
+      queryKeys.customProjects.assumptions({
+        ecosystem: data.ecosystem,
+        activity: data.activity,
+      }).queryKey,
+    );
+
+  const costsResponse = client.customProjects.getDefaultCostInputs.getQueryData(
+    queryClient,
+    queryKeys.customProjects.defaultCosts({
+      ecosystem: data.ecosystem,
+      activity: data.activity,
+      countryCode: data.countryCode,
+      restorationActivity: data.parameters?.restorationActivity,
+    }).queryKey,
+  );
+
+  const costs = costsResponse?.body.data;
+
+  const defaultAssumptionsToObject = assumptionsResponse?.body.data.reduce(
+    (acc, { name, value }) => {
+      return {
+        ...acc,
+        [ASSUMPTIONS_NAME_TO_DTO_MAP[
+          name as keyof typeof ASSUMPTIONS_NAME_TO_DTO_MAP
+        ]]: Number(value as NonNullable<typeof value>),
+      };
+    },
+    {},
+  );
+
+  data = {
+    ...originalValues,
+    assumptions: {
+      ...Object.keys(originalValues.assumptions ?? {}).reduce(
+        (acc, assumptionKey) => {
+          return {
+            ...acc,
+            [assumptionKey]:
+              originalValues.assumptions?.[
+                assumptionKey as keyof typeof originalValues.assumptions
+              ] ??
+              defaultAssumptionsToObject?.[
+                assumptionKey as keyof typeof defaultAssumptionsToObject
+              ],
+          };
+        },
+        {},
+      ),
+    },
+    costInputs: {
+      ...Object.keys(originalValues.costInputs ?? {}).reduce((acc, costKey) => {
+        return {
+          ...acc,
+          [costKey]:
+            originalValues.costInputs?.[
+              costKey as keyof typeof originalValues.costInputs
+            ] ?? costs?.[costKey as keyof typeof costs],
+        };
+      }, {}),
+    },
+  };
+
+  client.customProjects.createCustomProject.mutation({ body: data });
+};
+
+export default function CreateCustomProject() {
+  const { queryKey } = queryKeys.customProjects.countries;
+  const { data: countryOptions } =
+    client.customProjects.getAvailableCountries.useQuery(
+      queryKey,
+      {},
+      {
+        queryKey,
+        select: (data) =>
+          data.body.data.map(({ name, code }) => ({
+            label: name,
+            value: code,
+          })),
+      },
+    );
+
+  const methods = useForm<CreateCustomProjectForm>({
+    resolver: zodResolver(CreateCustomProjectSchema),
+    defaultValues: {
+      projectName: "test",
+      activity: ACTIVITY.CONSERVATION,
+      ecosystem: ECOSYSTEM.SEAGRASS,
+      countryCode: countryOptions?.[0]?.value,
+      projectSizeHa: 20,
+      carbonRevenuesToCover: CARBON_REVENUES_TO_COVER.OPEX,
+      initialCarbonPriceAssumption: 1000,
+      parameters: {
+        emissionFactorUsed: EMISSION_FACTORS_TIER_TYPES.TIER_1,
+        lossRateUsed: LOSS_RATE_USED.PROJECT_SPECIFIC,
+        projectSpecificLossRate: -35,
+        projectSpecificEmission: PROJECT_SPECIFIC_EMISSION.ONE_EMISSION_FACTOR,
+        projectSpecificEmissionFactor: 0,
+        emissionFactorSOC: 0,
+        emissionFactorAGB: 0,
+        // restorationActivity: RESTORATION_ACTIVITY_SUBTYPE.HYBRID,
+      },
+      assumptions: {
+        baselineReassessmentFrequency: undefined,
+        buffer: undefined,
+        carbonPriceIncrease: undefined,
+        discountRate: undefined,
+        projectLength: undefined,
+        restorationRate: undefined,
+        verificationFrequency: undefined,
+      },
+    },
+    mode: "all",
+  });
+
+  return (
+    <FormProvider {...methods}>
+      <div className="flex flex-1 flex-col">
+        <Header />
+        <div className="flex flex-1 gap-3 overflow-hidden">
+          <ProjectSidebar />
+          <div className="mb-4 flex-1">
+            <ScrollArea className="flex h-full gap-3 pr-6">
+              <ProjectForm onSubmit={methods.handleSubmit(onSubmit)} />
+            </ScrollArea>
+          </div>
+        </div>
+      </div>
+    </FormProvider>
+  );
+}
diff --git a/client/src/containers/projects/new/sidebar.tsx b/client/src/containers/projects/new/sidebar.tsx
new file mode 100644
index 00000000..5ba87cb6
--- /dev/null
+++ b/client/src/containers/projects/new/sidebar.tsx
@@ -0,0 +1,74 @@
+"use client";
+
+import Link from "next/link";
+import { useSearchParams } from "next/navigation";
+
+import { InfoIcon } from "lucide-react";
+
+import { Button } from "@/components/ui/button";
+import { Card } from "@/components/ui/card";
+
+const PROJECT_SETUP_STEPS = [
+  {
+    name: "Project setup",
+    link: "/projects/new?step=setup",
+    optional: false,
+  },
+  {
+    name: "Assumptions",
+    link: "/projects/new?step=assumptions",
+    optional: true,
+  },
+  {
+    name: "Cost inputs overrides",
+    link: "/projects/new?step=cost-inputs-overrides",
+    optional: true,
+  },
+];
+
+export default function ProjectSidebar() {
+  const searchParams = useSearchParams();
+  const currentStep = searchParams.get("step");
+
+  return (
+    <aside className="flex h-full max-w-[320px] flex-col justify-between pb-6">
+      <ul className="flex flex-col gap-2">
+        {PROJECT_SETUP_STEPS.map((step) => (
+          <li key={step.name}>
+            <Button
+              variant={
+                step.link?.includes(
+                  currentStep as NonNullable<typeof currentStep>,
+                ) ||
+                (!currentStep && step.name === "Project setup")
+                  ? "default"
+                  : "ghost"
+              }
+              asChild
+            >
+              <Link href={step.link}>
+                {step.name} {step.optional && <span>(optional)</span>}
+              </Link>
+            </Button>
+          </li>
+        ))}
+      </ul>
+      <Card className="flex flex-col gap-6 bg-transparent">
+        <InfoIcon className="h-5 w-5 text-primary" />
+        <p>
+          Creating a new project gives you access to a comprehensive analysis
+          tailored to your data. The more information you provide, the more
+          precise and insightful the analysis will be.
+        </p>
+        <p>
+          All data you enter is{" "}
+          <span className="font-semibold">
+            private and accessible only to you
+          </span>
+          . For more details on our commitment to data privacy, please review
+          our privacy policy.
+        </p>
+      </Card>
+    </aside>
+  );
+}
diff --git a/client/src/lib/format.tsx b/client/src/lib/format.tsx
index ed7046eb..4b5c7437 100644
--- a/client/src/lib/format.tsx
+++ b/client/src/lib/format.tsx
@@ -7,6 +7,7 @@ export const formatCurrency = (
   return Intl.NumberFormat("en-US", {
     style: "currency",
     currency: "USD",
+    maximumFractionDigits: 2,
     ...options,
   }).format(value);
 };
@@ -17,6 +18,7 @@ export const formatNumber = (
 ) => {
   return Intl.NumberFormat("en-US", {
     style: "decimal",
+    maximumFractionDigits: 2,
     ...options,
   }).format(value);
 };
diff --git a/client/src/lib/query-keys.ts b/client/src/lib/query-keys.ts
index dad8e4cc..e6f01a76 100644
--- a/client/src/lib/query-keys.ts
+++ b/client/src/lib/query-keys.ts
@@ -2,6 +2,11 @@ import {
   createQueryKeys,
   mergeQueryKeys,
 } from "@lukemorales/query-key-factory";
+import {
+  ACTIVITY,
+  RESTORATION_ACTIVITY_SUBTYPE,
+} from "@shared/entities/activity.enum";
+import { ECOSYSTEM } from "@shared/entities/ecosystem.enum";
 import { PaginationState, SortingState } from "@tanstack/react-table";
 import { z } from "zod";
 
@@ -34,9 +39,39 @@ export const projectKeys = createQueryKeys("projects", {
   countries: null,
 });
 
+export const customProjectKeys = createQueryKeys("customProjects", {
+  countries: null,
+  assumptions: ({
+    ecosystem,
+    activity,
+  }: {
+    ecosystem: ECOSYSTEM;
+    activity: ACTIVITY;
+  }) => [ecosystem, activity],
+  defaultCosts: ({
+    ecosystem,
+    countryCode,
+    activity,
+    restorationActivity,
+  }: {
+    ecosystem: ECOSYSTEM;
+    countryCode: string;
+    activity: ACTIVITY;
+    restorationActivity?: RESTORATION_ACTIVITY_SUBTYPE;
+  }) => ["defaultCosts", ecosystem, countryCode, activity, restorationActivity],
+  defaultActivityTypes: ({
+    ecosystem,
+    countryCode,
+  }: {
+    ecosystem: ECOSYSTEM;
+    countryCode: string;
+  }) => ["defaultActivityTypes", ecosystem, countryCode],
+});
+
 export const queryKeys = mergeQueryKeys(
   authKeys,
   userKeys,
   geometriesKeys,
   projectKeys,
+  customProjectKeys,
 );
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ef1aed40..9b1a78f7 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -60,7 +60,7 @@ importers:
         version: 10.4.1(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/platform-express@10.4.1)(reflect-metadata@0.2.2)(rxjs@7.8.1)
       '@nestjs/cqrs':
         specifier: ^10.2.7
-        version: 10.2.7(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/core@10.4.1(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/platform-express@10.4.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(reflect-metadata@0.2.2)(rxjs@7.8.1)
+        version: 10.2.7(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/core@10.4.1)(reflect-metadata@0.2.2)(rxjs@7.8.1)
       '@nestjs/jwt':
         specifier: ^10.2.0
         version: 10.2.0(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))
@@ -72,10 +72,10 @@ importers:
         version: 10.4.1(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/core@10.4.1)
       '@nestjs/typeorm':
         specifier: ^10.0.2
-        version: 10.0.2(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/core@10.4.1(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/platform-express@10.4.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(reflect-metadata@0.2.2)(rxjs@7.8.1)(typeorm@0.3.20(pg@8.12.0)(ts-node@10.9.2(@types/node@20.14.2)(typescript@5.4.5)))
+        version: 10.0.2(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/core@10.4.1)(reflect-metadata@0.2.2)(rxjs@7.8.1)(typeorm@0.3.20(pg@8.12.0)(ts-node@10.9.2(@types/node@20.14.2)(typescript@5.4.5)))
       '@ts-rest/nest':
         specifier: ^3.51.0
-        version: 3.51.0(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/core@10.4.1(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/platform-express@10.4.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@ts-rest/core@3.51.0(@types/node@20.14.2)(zod@3.23.8))(rxjs@7.8.1)(zod@3.23.8)
+        version: 3.51.0(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/core@10.4.1)(@ts-rest/core@3.51.0(@types/node@20.14.2)(zod@3.23.8))(rxjs@7.8.1)(zod@3.23.8)
       '@types/multer':
         specifier: 1.4.12
         version: 1.4.12
@@ -145,7 +145,7 @@ importers:
         version: 10.1.4(chokidar@3.6.0)(typescript@5.4.5)
       '@nestjs/testing':
         specifier: ^10.0.0
-        version: 10.4.1(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/core@10.4.1(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/platform-express@10.4.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/platform-express@10.4.1(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/core@10.4.1))
+        version: 10.4.1(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/core@10.4.1)(@nestjs/platform-express@10.4.1)
       '@types/bcrypt':
         specifier: ^5.0.2
         version: 5.0.2
@@ -315,6 +315,9 @@ importers:
       '@lukemorales/query-key-factory':
         specifier: 1.3.4
         version: 1.3.4(@tanstack/query-core@5.59.0)(@tanstack/react-query@5.59.0(react@18.3.1))
+      '@radix-ui/react-accordion':
+        specifier: 1.2.1
+        version: 1.2.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-alert-dialog':
         specifier: 1.1.2
         version: 1.1.2(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -339,6 +342,9 @@ importers:
       '@radix-ui/react-popover':
         specifier: 1.1.2
         version: 1.1.2(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-radio-group':
+        specifier: 1.2.1
+        version: 1.2.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@radix-ui/react-scroll-area':
         specifier: 1.2.0
         version: 1.2.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -742,14 +748,6 @@ packages:
     resolution: {integrity: sha512-0xZJFNE5XMpENsgfHYTw8FbX4kv53mFLn2i3XPoq69LyhYSCBJtitaHx9QnsVTrsogI4Z3+HtEfZ2/GFPOtf5g==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/code-frame@7.26.2':
-    resolution: {integrity: sha512-RJlIHRueQgwWitWgF8OdFYGZX328Ax5BCemNGlqHfplnRT9ESi8JkFlvaVYbS+UubVY6dpv87Fs2u5M29iNFVQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/compat-data@7.25.4':
-    resolution: {integrity: sha512-+LGRog6RAsCJrrrg/IO6LGmpphNe5DiK30dGjCoxxeGv49B10/3XYGxPsAwrDlMFcFEvdAUavDT8r9k/hSyQqQ==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/compat-data@7.25.7':
     resolution: {integrity: sha512-9ickoLz+hcXCeh7jrcin+/SLWm+GkxE2kTvoYyp38p4WkdFXfQJxDFGWp/YHjiKLPx06z2A7W8XKuqbReXDzsw==}
     engines: {node: '>=6.9.0'}
@@ -766,10 +764,6 @@ packages:
     resolution: {integrity: sha512-5Dqpl5fyV9pIAD62yK9P7fcA768uVPUyrQmqpqstHWgMma4feF1x/oFysBCVZLY5wJ2GkMUCdsNDnGZrPoR6rA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/generator@7.26.2':
-    resolution: {integrity: sha512-zevQbhbau95nkoxSq3f/DC/SC+EEOUZd3DYqfSkMhY2/wfSeaHV1Ew4vk8e+x8lja31IbyuUa2uQ3JONqKbysw==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/helper-annotate-as-pure@7.25.7':
     resolution: {integrity: sha512-4xwU8StnqnlIhhioZf1tqnVWeQ9pvH/ujS8hRfw/WOza+/a+1qv69BWNy+oY231maTCWgKWhfBU7kDpsds6zAA==}
     engines: {node: '>=6.9.0'}
@@ -778,10 +772,6 @@ packages:
     resolution: {integrity: sha512-12xfNeKNH7jubQNm7PAkzlLwEmCs1tfuX3UjIw6vP6QXi+leKh6+LyC/+Ed4EIQermwd58wsyh070yjDHFlNGg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-compilation-targets@7.25.2':
-    resolution: {integrity: sha512-U2U5LsSaZ7TAt3cfaymQ8WHh0pxvdHoEk6HVpaexxixjyEquMh0L0YNJNM6CTGKMXV1iksi0iZkGw4AcFkPaaw==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/helper-compilation-targets@7.25.7':
     resolution: {integrity: sha512-DniTEax0sv6isaw6qSQSfV4gVRNtw2rte8HHM45t9ZR0xILaufBRNkpMifCRiAPyvL4ACD6v0gfCwCmtOQaV4A==}
     engines: {node: '>=6.9.0'}
@@ -807,12 +797,8 @@ packages:
     resolution: {integrity: sha512-O31Ssjd5K6lPbTX9AAYpSKrZmLeagt9uwschJd+Ixo6QiRyfpvgtVQp8qrDR9UNFjZ8+DO34ZkdrN+BnPXemeA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-module-imports@7.24.7':
-    resolution: {integrity: sha512-8AyH3C+74cgCVVXow/myrynrAGv+nTVg5vKu2nZph9x7RcRwzmh0VFallJuFTZ9mx6u4eSdXZfcOzSqTUm0HCA==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-module-imports@7.25.9':
-    resolution: {integrity: sha512-tnUA4RsrmflIM6W6RFTLFSXITtl0wKjgpnLgXyowocVPrbYrLUXSBXDgTs8BlbmIzIdlBySRQjINYs2BAkiLtw==}
+  '@babel/helper-module-imports@7.25.7':
+    resolution: {integrity: sha512-o0xCgpNmRohmnoWKQ0Ij8IdddjyBFE4T2kagL/x6M3+4zUgc+4qTOUBoNe4XxDskt1HPKO007ZPiMgLDq2s7Kw==}
     engines: {node: '>=6.9.0'}
 
   '@babel/helper-module-transforms@7.25.7':
@@ -861,10 +847,6 @@ packages:
     resolution: {integrity: sha512-CbkjYdsJNHFk8uqpEkpCvRs3YRp9tY6FmFY7wLMSYuGYkrdUi7r2lc4/wqsvlHoMznX3WJ9IP8giGPq68T/Y6g==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-string-parser@7.25.9':
-    resolution: {integrity: sha512-4A/SCr/2KLd5jrtOMFzaKjVtAei3+2r/NChoBNoZ3EyP/+GlhoaEGoWOZUmFmoITP7zOJyHIMm+DYRd8o3PvHA==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/helper-validator-identifier@7.24.7':
     resolution: {integrity: sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==}
     engines: {node: '>=6.9.0'}
@@ -873,14 +855,6 @@ packages:
     resolution: {integrity: sha512-AM6TzwYqGChO45oiuPqwL2t20/HdMC1rTPAesnBCgPCSF1x3oN9MVUwQV2iyz4xqWrctwK5RNC8LV22kaQCNYg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-validator-identifier@7.25.9':
-    resolution: {integrity: sha512-Ed61U6XJc3CVRfkERJWDz4dJwKe7iLmmJsbOGu9wSloNSFttHV0I8g6UAgb7qnK5ly5bGLPd4oXZlxCdANBOWQ==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-validator-option@7.24.8':
-    resolution: {integrity: sha512-xb8t9tD1MHLungh/AIoWYN+gVHaB9kwlu8gffXGSt3FFEIT7RjS+xWbc2vUD1UTZdIpKj/ab3rdqJ7ufngyi2Q==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/helper-validator-option@7.25.7':
     resolution: {integrity: sha512-ytbPLsm+GjArDYXJ8Ydr1c/KJuutjF2besPNbIZnZ6MKUxi/uTA22t2ymmA4WFjZFpjiAMO0xuuJPqK2nvDVfQ==}
     engines: {node: '>=6.9.0'}
@@ -911,11 +885,6 @@ packages:
     engines: {node: '>=6.0.0'}
     hasBin: true
 
-  '@babel/parser@7.26.2':
-    resolution: {integrity: sha512-DWMCZH9WA4Maitz2q21SRKHo9QXZxkDsbNZoVD62gusNtNBBqDg9i7uOhASfTfIGNzW+O+r7+jAlM8dwphcJKQ==}
-    engines: {node: '>=6.0.0'}
-    hasBin: true
-
   '@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.25.7':
     resolution: {integrity: sha512-UV9Lg53zyebzD1DwQoT9mzkEKa922LNUp5YkTJ6Uta0RbyXaQNUgcvSt7qIu1PpPzVb6rd10OVNTzkyBGeVmxQ==}
     engines: {node: '>=6.9.0'}
@@ -989,12 +958,6 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-syntax-import-attributes@7.25.6':
-    resolution: {integrity: sha512-sXaDXaJN9SNLymBdlWFA+bjzBhFD617ZaFiY13dGt7TVslVvVgA6fkZOP7Ki3IGElC45lwHdOTrCtKZGVAWeLQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
   '@babel/plugin-syntax-import-attributes@7.25.7':
     resolution: {integrity: sha512-AqVo+dguCgmpi/3mYBdu9lkngOBlQ2w2vnNpa6gfiCxQZLzV4ZbhsXitJ2Yblkoe1VQwtHSaNmIaGll/26YWRw==}
     engines: {node: '>=6.9.0'}
@@ -1454,22 +1417,10 @@ packages:
     resolution: {integrity: sha512-wRwtAgI3bAS+JGU2upWNL9lSlDcRCqD05BZ1n3X2ONLH1WilFP6O1otQjeMK/1g0pvYcXC7b/qVUB1keofjtZA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/template@7.25.9':
-    resolution: {integrity: sha512-9DGttpmPvIxBb/2uwpVo3dqJ+O6RooAFOS+lB+xDqoE2PVCE8nfoHMdZLpfCQRLwvohzXISPZcgxt80xLfsuwg==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/traverse@7.25.6':
-    resolution: {integrity: sha512-9Vrcx5ZW6UwK5tvqsj0nGpp/XzqthkT0dqIc9g1AdtygFToNtTF67XzYS//dm+SAK9cp3B9R4ZO/46p63SCjlQ==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/traverse@7.25.7':
     resolution: {integrity: sha512-jatJPT1Zjqvh/1FyJs6qAHL+Dzb7sTb+xr7Q+gM1b+1oBsMsQQ4FkVKb6dFlJvLlVssqkRzV05Jzervt9yhnzg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/traverse@7.25.9':
-    resolution: {integrity: sha512-ZCuvfwOwlz/bawvAuvcj8rrithP2/N55Tzz342AkTvq4qaWbGfmCk/tKhNaV2cthijKrPAA8SRJV5WWe7IBMJw==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/types@7.25.6':
     resolution: {integrity: sha512-/l42B1qxpG6RdfYf343Uw1vmDjeNhneUXtzhojE7pDgfpEypmRhI6j1kr17XCVv4Cgl9HdAiQY2x0GwKm7rWCw==}
     engines: {node: '>=6.9.0'}
@@ -1478,10 +1429,6 @@ packages:
     resolution: {integrity: sha512-vwIVdXG+j+FOpkwqHRcBgHLYNL7XMkufrlaFvL9o6Ai9sJn9+PdyIL5qa0XzTZw084c+u9LOls53eoZWP/W5WQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/types@7.26.0':
-    resolution: {integrity: sha512-Z/yiTPj+lDVnF7lWeKCIJzaIkI0vYO87dMpZ4bg4TDrFe4XXLFWL1TbXU27gBP3QccxV9mZICCrnjnYlJjXHOA==}
-    engines: {node: '>=6.9.0'}
-
   '@bcoe/v8-coverage@0.2.3':
     resolution: {integrity: sha512-0hYQ8SB4Db5zvZB4axdMHGwEaQjkZzFjQiN9LVYvIFB2nSUHW9tYpxWriPrWDASIxiaXax83REcLxuSdnGPZtw==}
 
@@ -2124,6 +2071,19 @@ packages:
   '@radix-ui/primitive@1.1.0':
     resolution: {integrity: sha512-4Z8dn6Upk0qk4P74xBhZ6Hd/w0mPEzOOLxy4xiPXOXqjF7jZS0VAKk7/x/H6FyY2zCkYJqePf1G5KmkmNJ4RBA==}
 
+  '@radix-ui/react-accordion@1.2.1':
+    resolution: {integrity: sha512-bg/l7l5QzUjgsh8kjwDFommzAshnUsuVMV5NM56QVCm+7ZckYdd9P/ExR8xG/Oup0OajVxNLaHJ1tb8mXk+nzQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   '@radix-ui/react-alert-dialog@1.1.2':
     resolution: {integrity: sha512-eGSlLzPhKO+TErxkiGcCZGuvbVMnLA1MTnyBksGOeGRGkxHiiJUujsjmNTdWTm4iHVSRaUao9/4Ur671auMghQ==}
     peerDependencies:
@@ -2176,6 +2136,19 @@ packages:
       '@types/react-dom':
         optional: true
 
+  '@radix-ui/react-collapsible@1.1.1':
+    resolution: {integrity: sha512-1///SnrfQHJEofLokyczERxQbWfCGQlQ2XsCZMucVs6it+lq9iw4vXy+uDn1edlb58cOZOWSldnfPAYcT4O/Yg==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   '@radix-ui/react-collection@1.1.0':
     resolution: {integrity: sha512-GZsZslMJEyo1VKm5L1ZJY8tGDxZNPAoUeQUIbKeJfoi7Q4kmig5AsgLMYYuyYbfjd8fBmFORAIwYAkXMnXZgZw==}
     peerDependencies:
@@ -2391,6 +2364,19 @@ packages:
       '@types/react-dom':
         optional: true
 
+  '@radix-ui/react-radio-group@1.2.1':
+    resolution: {integrity: sha512-kdbv54g4vfRjja9DNWPMxKvXblzqbpEC8kspEkZ6dVP7kQksGCn+iZHkcCz2nb00+lPdRvxrqy4WrvvV1cNqrQ==}
+    peerDependencies:
+      '@types/react': '*'
+      '@types/react-dom': '*'
+      react: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+      react-dom: ^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
   '@radix-ui/react-roving-focus@1.1.0':
     resolution: {integrity: sha512-EA6AMGeq9AEeQDeSH0aZgG198qkfHSbvWTf1HvoDmOB5bBG/qTxjYMWUKMnYiV6J/iP/J8MEFSuB2zRU2n7ODA==}
     peerDependencies:
@@ -8605,14 +8591,6 @@ snapshots:
       '@babel/highlight': 7.25.7
       picocolors: 1.1.0
 
-  '@babel/code-frame@7.26.2':
-    dependencies:
-      '@babel/helper-validator-identifier': 7.25.9
-      js-tokens: 4.0.0
-      picocolors: 1.1.0
-
-  '@babel/compat-data@7.25.4': {}
-
   '@babel/compat-data@7.25.7': {}
 
   '@babel/core@7.25.2':
@@ -8623,10 +8601,10 @@ snapshots:
       '@babel/helper-compilation-targets': 7.25.7
       '@babel/helper-module-transforms': 7.25.7(@babel/core@7.25.2)
       '@babel/helpers': 7.25.6
-      '@babel/parser': 7.25.6
-      '@babel/template': 7.25.0
-      '@babel/traverse': 7.25.6
-      '@babel/types': 7.25.6
+      '@babel/parser': 7.25.7
+      '@babel/template': 7.25.7
+      '@babel/traverse': 7.25.7(supports-color@5.5.0)
+      '@babel/types': 7.25.7
       convert-source-map: 2.0.0
       debug: 4.3.6(supports-color@5.5.0)
       gensync: 1.0.0-beta.2
@@ -8649,14 +8627,6 @@ snapshots:
       '@jridgewell/trace-mapping': 0.3.25
       jsesc: 3.0.2
 
-  '@babel/generator@7.26.2':
-    dependencies:
-      '@babel/parser': 7.26.2
-      '@babel/types': 7.26.0
-      '@jridgewell/gen-mapping': 0.3.5
-      '@jridgewell/trace-mapping': 0.3.25
-      jsesc: 3.0.2
-
   '@babel/helper-annotate-as-pure@7.25.7':
     dependencies:
       '@babel/types': 7.25.7
@@ -8668,14 +8638,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-compilation-targets@7.25.2':
-    dependencies:
-      '@babel/compat-data': 7.25.4
-      '@babel/helper-validator-option': 7.24.8
-      browserslist: 4.23.3
-      lru-cache: 5.1.1
-      semver: 6.3.1
-
   '@babel/helper-compilation-targets@7.25.7':
     dependencies:
       '@babel/compat-data': 7.25.7
@@ -8707,7 +8669,7 @@ snapshots:
   '@babel/helper-define-polyfill-provider@0.6.2(@babel/core@7.25.2)':
     dependencies:
       '@babel/core': 7.25.2
-      '@babel/helper-compilation-targets': 7.25.2
+      '@babel/helper-compilation-targets': 7.25.7
       '@babel/helper-plugin-utils': 7.25.7
       debug: 4.3.6(supports-color@5.5.0)
       lodash.debounce: 4.0.8
@@ -8722,24 +8684,17 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-module-imports@7.24.7(supports-color@5.5.0)':
+  '@babel/helper-module-imports@7.25.7(supports-color@5.5.0)':
     dependencies:
       '@babel/traverse': 7.25.7(supports-color@5.5.0)
       '@babel/types': 7.25.7
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-module-imports@7.25.9':
-    dependencies:
-      '@babel/traverse': 7.25.9
-      '@babel/types': 7.26.0
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/helper-module-transforms@7.25.7(@babel/core@7.25.2)':
     dependencies:
       '@babel/core': 7.25.2
-      '@babel/helper-module-imports': 7.25.9
+      '@babel/helper-module-imports': 7.25.7(supports-color@5.5.0)
       '@babel/helper-simple-access': 7.25.7
       '@babel/helper-validator-identifier': 7.25.7
       '@babel/traverse': 7.25.7(supports-color@5.5.0)
@@ -8790,16 +8745,10 @@ snapshots:
 
   '@babel/helper-string-parser@7.25.7': {}
 
-  '@babel/helper-string-parser@7.25.9': {}
-
   '@babel/helper-validator-identifier@7.24.7': {}
 
   '@babel/helper-validator-identifier@7.25.7': {}
 
-  '@babel/helper-validator-identifier@7.25.9': {}
-
-  '@babel/helper-validator-option@7.24.8': {}
-
   '@babel/helper-validator-option@7.25.7': {}
 
   '@babel/helper-wrap-function@7.25.7':
@@ -8837,10 +8786,6 @@ snapshots:
     dependencies:
       '@babel/types': 7.25.7
 
-  '@babel/parser@7.26.2':
-    dependencies:
-      '@babel/types': 7.26.0
-
   '@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.25.7(@babel/core@7.25.2)':
     dependencies:
       '@babel/core': 7.25.2
@@ -8883,22 +8828,22 @@ snapshots:
   '@babel/plugin-syntax-async-generators@7.8.4(@babel/core@7.25.2)':
     dependencies:
       '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/helper-plugin-utils': 7.25.7
 
   '@babel/plugin-syntax-bigint@7.8.3(@babel/core@7.25.2)':
     dependencies:
       '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/helper-plugin-utils': 7.25.7
 
   '@babel/plugin-syntax-class-properties@7.12.13(@babel/core@7.25.2)':
     dependencies:
       '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/helper-plugin-utils': 7.25.7
 
   '@babel/plugin-syntax-class-static-block@7.14.5(@babel/core@7.25.2)':
     dependencies:
       '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/helper-plugin-utils': 7.25.7
 
   '@babel/plugin-syntax-dynamic-import@7.8.3(@babel/core@7.25.2)':
     dependencies:
@@ -8915,11 +8860,6 @@ snapshots:
       '@babel/core': 7.25.2
       '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-syntax-import-attributes@7.25.6(@babel/core@7.25.2)':
-    dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-
   '@babel/plugin-syntax-import-attributes@7.25.7(@babel/core@7.25.2)':
     dependencies:
       '@babel/core': 7.25.2
@@ -8928,17 +8868,17 @@ snapshots:
   '@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.25.2)':
     dependencies:
       '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/helper-plugin-utils': 7.25.7
 
   '@babel/plugin-syntax-json-strings@7.8.3(@babel/core@7.25.2)':
     dependencies:
       '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/helper-plugin-utils': 7.25.7
 
   '@babel/plugin-syntax-jsx@7.24.7(@babel/core@7.25.2)':
     dependencies:
       '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/helper-plugin-utils': 7.25.7
 
   '@babel/plugin-syntax-jsx@7.25.7(@babel/core@7.25.2)':
     dependencies:
@@ -8948,47 +8888,47 @@ snapshots:
   '@babel/plugin-syntax-logical-assignment-operators@7.10.4(@babel/core@7.25.2)':
     dependencies:
       '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/helper-plugin-utils': 7.25.7
 
   '@babel/plugin-syntax-nullish-coalescing-operator@7.8.3(@babel/core@7.25.2)':
     dependencies:
       '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/helper-plugin-utils': 7.25.7
 
   '@babel/plugin-syntax-numeric-separator@7.10.4(@babel/core@7.25.2)':
     dependencies:
       '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/helper-plugin-utils': 7.25.7
 
   '@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.25.2)':
     dependencies:
       '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/helper-plugin-utils': 7.25.7
 
   '@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.25.2)':
     dependencies:
       '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/helper-plugin-utils': 7.25.7
 
   '@babel/plugin-syntax-optional-chaining@7.8.3(@babel/core@7.25.2)':
     dependencies:
       '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/helper-plugin-utils': 7.25.7
 
   '@babel/plugin-syntax-private-property-in-object@7.14.5(@babel/core@7.25.2)':
     dependencies:
       '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/helper-plugin-utils': 7.25.7
 
   '@babel/plugin-syntax-top-level-await@7.14.5(@babel/core@7.25.2)':
     dependencies:
       '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/helper-plugin-utils': 7.25.7
 
   '@babel/plugin-syntax-typescript@7.25.4(@babel/core@7.25.2)':
     dependencies:
       '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/helper-plugin-utils': 7.25.7
 
   '@babel/plugin-syntax-typescript@7.25.7(@babel/core@7.25.2)':
     dependencies:
@@ -9019,7 +8959,7 @@ snapshots:
   '@babel/plugin-transform-async-to-generator@7.25.7(@babel/core@7.25.2)':
     dependencies:
       '@babel/core': 7.25.2
-      '@babel/helper-module-imports': 7.25.9
+      '@babel/helper-module-imports': 7.25.7(supports-color@5.5.0)
       '@babel/helper-plugin-utils': 7.25.7
       '@babel/helper-remap-async-to-generator': 7.25.7(@babel/core@7.25.2)
     transitivePeerDependencies:
@@ -9284,7 +9224,7 @@ snapshots:
     dependencies:
       '@babel/core': 7.25.2
       '@babel/helper-annotate-as-pure': 7.25.7
-      '@babel/helper-module-imports': 7.25.9
+      '@babel/helper-module-imports': 7.25.7(supports-color@5.5.0)
       '@babel/helper-plugin-utils': 7.25.7
       '@babel/plugin-syntax-jsx': 7.25.7(@babel/core@7.25.2)
       '@babel/types': 7.25.7
@@ -9311,7 +9251,7 @@ snapshots:
   '@babel/plugin-transform-runtime@7.25.7(@babel/core@7.25.2)':
     dependencies:
       '@babel/core': 7.25.2
-      '@babel/helper-module-imports': 7.25.9
+      '@babel/helper-module-imports': 7.25.7(supports-color@5.5.0)
       '@babel/helper-plugin-utils': 7.25.7
       babel-plugin-polyfill-corejs2: 0.4.11(@babel/core@7.25.2)
       babel-plugin-polyfill-corejs3: 0.10.6(@babel/core@7.25.2)
@@ -9475,7 +9415,7 @@ snapshots:
     dependencies:
       '@babel/core': 7.25.2
       '@babel/helper-plugin-utils': 7.25.7
-      '@babel/types': 7.25.6
+      '@babel/types': 7.25.7
       esutils: 2.0.3
 
   '@babel/preset-react@7.25.7(@babel/core@7.25.2)':
@@ -9516,9 +9456,9 @@ snapshots:
 
   '@babel/template@7.25.0':
     dependencies:
-      '@babel/code-frame': 7.25.7
-      '@babel/parser': 7.25.7
-      '@babel/types': 7.25.7
+      '@babel/code-frame': 7.24.7
+      '@babel/parser': 7.25.6
+      '@babel/types': 7.25.6
 
   '@babel/template@7.25.7':
     dependencies:
@@ -9526,24 +9466,6 @@ snapshots:
       '@babel/parser': 7.25.7
       '@babel/types': 7.25.7
 
-  '@babel/template@7.25.9':
-    dependencies:
-      '@babel/code-frame': 7.26.2
-      '@babel/parser': 7.26.2
-      '@babel/types': 7.26.0
-
-  '@babel/traverse@7.25.6':
-    dependencies:
-      '@babel/code-frame': 7.24.7
-      '@babel/generator': 7.25.6
-      '@babel/parser': 7.25.6
-      '@babel/template': 7.25.0
-      '@babel/types': 7.25.6
-      debug: 4.3.6(supports-color@5.5.0)
-      globals: 11.12.0
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/traverse@7.25.7(supports-color@5.5.0)':
     dependencies:
       '@babel/code-frame': 7.25.7
@@ -9556,18 +9478,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/traverse@7.25.9':
-    dependencies:
-      '@babel/code-frame': 7.26.2
-      '@babel/generator': 7.26.2
-      '@babel/parser': 7.26.2
-      '@babel/template': 7.25.9
-      '@babel/types': 7.26.0
-      debug: 4.3.6(supports-color@5.5.0)
-      globals: 11.12.0
-    transitivePeerDependencies:
-      - supports-color
-
   '@babel/types@7.25.6':
     dependencies:
       '@babel/helper-string-parser': 7.24.8
@@ -9580,11 +9490,6 @@ snapshots:
       '@babel/helper-validator-identifier': 7.25.7
       to-fast-properties: 2.0.0
 
-  '@babel/types@7.26.0':
-    dependencies:
-      '@babel/helper-string-parser': 7.25.9
-      '@babel/helper-validator-identifier': 7.25.9
-
   '@bcoe/v8-coverage@0.2.3': {}
 
   '@colors/colors@1.5.0':
@@ -9607,7 +9512,7 @@ snapshots:
 
   '@emotion/babel-plugin@11.12.0':
     dependencies:
-      '@babel/helper-module-imports': 7.24.7(supports-color@5.5.0)
+      '@babel/helper-module-imports': 7.25.7(supports-color@5.5.0)
       '@babel/runtime': 7.25.7
       '@emotion/hash': 0.9.2
       '@emotion/memoize': 0.9.0
@@ -10148,7 +10053,7 @@ snapshots:
     transitivePeerDependencies:
       - encoding
 
-  '@nestjs/cqrs@10.2.7(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/core@10.4.1(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/platform-express@10.4.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(reflect-metadata@0.2.2)(rxjs@7.8.1)':
+  '@nestjs/cqrs@10.2.7(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/core@10.4.1)(reflect-metadata@0.2.2)(rxjs@7.8.1)':
     dependencies:
       '@nestjs/common': 10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1)
       '@nestjs/core': 10.4.1(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/platform-express@10.4.1)(reflect-metadata@0.2.2)(rxjs@7.8.1)
@@ -10209,7 +10114,7 @@ snapshots:
     transitivePeerDependencies:
       - chokidar
 
-  '@nestjs/testing@10.4.1(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/core@10.4.1(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/platform-express@10.4.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/platform-express@10.4.1(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/core@10.4.1))':
+  '@nestjs/testing@10.4.1(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/core@10.4.1)(@nestjs/platform-express@10.4.1)':
     dependencies:
       '@nestjs/common': 10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1)
       '@nestjs/core': 10.4.1(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/platform-express@10.4.1)(reflect-metadata@0.2.2)(rxjs@7.8.1)
@@ -10217,7 +10122,7 @@ snapshots:
     optionalDependencies:
       '@nestjs/platform-express': 10.4.1(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/core@10.4.1)
 
-  '@nestjs/typeorm@10.0.2(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/core@10.4.1(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/platform-express@10.4.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(reflect-metadata@0.2.2)(rxjs@7.8.1)(typeorm@0.3.20(pg@8.12.0)(ts-node@10.9.2(@types/node@20.14.2)(typescript@5.4.5)))':
+  '@nestjs/typeorm@10.0.2(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/core@10.4.1)(reflect-metadata@0.2.2)(rxjs@7.8.1)(typeorm@0.3.20(pg@8.12.0)(ts-node@10.9.2(@types/node@20.14.2)(typescript@5.4.5)))':
     dependencies:
       '@nestjs/common': 10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1)
       '@nestjs/core': 10.4.1(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/platform-express@10.4.1)(reflect-metadata@0.2.2)(rxjs@7.8.1)
@@ -10298,6 +10203,23 @@ snapshots:
 
   '@radix-ui/primitive@1.1.0': {}
 
+  '@radix-ui/react-accordion@1.2.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.0
+      '@radix-ui/react-collapsible': 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-collection': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.1(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-id': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.5
+      '@types/react-dom': 18.3.0
+
   '@radix-ui/react-alert-dialog@1.1.2(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
@@ -10349,6 +10271,22 @@ snapshots:
       '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
+  '@radix-ui/react-collapsible@1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.0
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.1(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-id': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-layout-effect': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.5
+      '@types/react-dom': 18.3.0
+
   '@radix-ui/react-collection@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.5)(react@18.3.1)
@@ -10568,6 +10506,24 @@ snapshots:
       '@types/react': 18.3.5
       '@types/react-dom': 18.3.0
 
+  '@radix-ui/react-radio-group@1.2.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+    dependencies:
+      '@radix-ui/primitive': 1.1.0
+      '@radix-ui/react-compose-refs': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-context': 1.1.1(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-direction': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-presence': 1.1.1(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-primitive': 2.0.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-roving-focus': 1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@radix-ui/react-use-controllable-state': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-previous': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      '@radix-ui/react-use-size': 1.1.0(@types/react@18.3.5)(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+    optionalDependencies:
+      '@types/react': 18.3.5
+      '@types/react-dom': 18.3.0
+
   '@radix-ui/react-roving-focus@1.1.0(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@radix-ui/primitive': 1.1.0
@@ -10806,7 +10762,7 @@ snapshots:
   '@rollup/plugin-babel@6.0.4(@babel/core@7.25.2)(@types/babel__core@7.20.5)(rollup@4.24.0)':
     dependencies:
       '@babel/core': 7.25.2
-      '@babel/helper-module-imports': 7.24.7(supports-color@5.5.0)
+      '@babel/helper-module-imports': 7.25.7(supports-color@5.5.0)
       '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
     optionalDependencies:
       '@types/babel__core': 7.20.5
@@ -10858,7 +10814,7 @@ snapshots:
 
   '@rollup/pluginutils@5.1.2(rollup@4.24.0)':
     dependencies:
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
       estree-walker: 2.0.2
       picomatch: 2.3.1
     optionalDependencies:
@@ -11482,7 +11438,7 @@ snapshots:
       '@types/node': 20.14.2
       zod: 3.23.8
 
-  '@ts-rest/nest@3.51.0(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/core@10.4.1(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/platform-express@10.4.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@ts-rest/core@3.51.0(@types/node@20.14.2)(zod@3.23.8))(rxjs@7.8.1)(zod@3.23.8)':
+  '@ts-rest/nest@3.51.0(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/core@10.4.1)(@ts-rest/core@3.51.0(@types/node@20.14.2)(zod@3.23.8))(rxjs@7.8.1)(zod@3.23.8)':
     dependencies:
       '@nestjs/common': 10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1)
       '@nestjs/core': 10.4.1(@nestjs/common@10.4.1(class-transformer@0.5.1)(class-validator@0.14.1)(reflect-metadata@0.2.2)(rxjs@7.8.1))(@nestjs/platform-express@10.4.1)(reflect-metadata@0.2.2)(rxjs@7.8.1)
@@ -11509,24 +11465,24 @@ snapshots:
 
   '@types/babel__core@7.20.5':
     dependencies:
-      '@babel/parser': 7.25.7
-      '@babel/types': 7.25.7
+      '@babel/parser': 7.25.6
+      '@babel/types': 7.25.6
       '@types/babel__generator': 7.6.8
       '@types/babel__template': 7.4.4
       '@types/babel__traverse': 7.20.6
 
   '@types/babel__generator@7.6.8':
     dependencies:
-      '@babel/types': 7.25.7
+      '@babel/types': 7.25.6
 
   '@types/babel__template@7.4.4':
     dependencies:
-      '@babel/parser': 7.25.7
-      '@babel/types': 7.25.7
+      '@babel/parser': 7.25.6
+      '@babel/types': 7.25.6
 
   '@types/babel__traverse@7.20.6':
     dependencies:
-      '@babel/types': 7.25.7
+      '@babel/types': 7.25.6
 
   '@types/bcrypt@5.0.2':
     dependencies:
@@ -12073,7 +12029,7 @@ snapshots:
     dependencies:
       '@adminjs/design-system': 4.1.1(@babel/core@7.25.2)(@tiptap/extension-text-style@2.8.0(@tiptap/core@2.1.13(@tiptap/pm@2.1.13)))(@types/react@18.3.5)(prop-types@15.8.1)(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)
       '@babel/core': 7.25.2
-      '@babel/parser': 7.25.6
+      '@babel/parser': 7.25.7
       '@babel/plugin-syntax-import-assertions': 7.25.7(@babel/core@7.25.2)
       '@babel/plugin-transform-runtime': 7.25.7(@babel/core@7.25.2)
       '@babel/preset-env': 7.25.7(@babel/core@7.25.2)
@@ -12336,8 +12292,8 @@ snapshots:
 
   babel-plugin-jest-hoist@29.6.3:
     dependencies:
-      '@babel/template': 7.25.7
-      '@babel/types': 7.25.7
+      '@babel/template': 7.25.0
+      '@babel/types': 7.25.6
       '@types/babel__core': 7.20.5
       '@types/babel__traverse': 7.20.6
 
@@ -12349,7 +12305,7 @@ snapshots:
 
   babel-plugin-polyfill-corejs2@0.4.11(@babel/core@7.25.2):
     dependencies:
-      '@babel/compat-data': 7.25.4
+      '@babel/compat-data': 7.25.7
       '@babel/core': 7.25.2
       '@babel/helper-define-polyfill-provider': 0.6.2(@babel/core@7.25.2)
       semver: 6.3.1
@@ -12374,7 +12330,7 @@ snapshots:
   babel-plugin-styled-components@2.1.4(@babel/core@7.25.2)(styled-components@5.3.9(@babel/core@7.25.2)(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1))(supports-color@5.5.0):
     dependencies:
       '@babel/helper-annotate-as-pure': 7.25.7
-      '@babel/helper-module-imports': 7.24.7(supports-color@5.5.0)
+      '@babel/helper-module-imports': 7.25.7(supports-color@5.5.0)
       '@babel/plugin-syntax-jsx': 7.25.7(@babel/core@7.25.2)
       lodash: 4.17.21
       picomatch: 2.3.1
@@ -12390,7 +12346,7 @@ snapshots:
       '@babel/plugin-syntax-bigint': 7.8.3(@babel/core@7.25.2)
       '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.25.2)
       '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.25.2)
-      '@babel/plugin-syntax-import-attributes': 7.25.6(@babel/core@7.25.2)
+      '@babel/plugin-syntax-import-attributes': 7.25.7(@babel/core@7.25.2)
       '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.25.2)
       '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.25.2)
       '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.25.2)
@@ -12788,7 +12744,7 @@ snapshots:
 
   core-js-compat@3.38.1:
     dependencies:
-      browserslist: 4.23.3
+      browserslist: 4.24.0
 
   core-util-is@1.0.3: {}
 
@@ -13347,7 +13303,7 @@ snapshots:
       eslint: 8.57.0
       eslint-import-resolver-node: 0.3.9
       eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.4.5))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.30.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.4.5))(eslint@8.57.0))(eslint@8.57.0)
-      eslint-plugin-import: 2.30.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.4.5))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.0)
+      eslint-plugin-import: 2.30.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.4.5))(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.4.5))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.30.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.4.5))(eslint@8.57.0))(eslint@8.57.0))(eslint@8.57.0)
       eslint-plugin-jsx-a11y: 6.10.0(eslint@8.57.0)
       eslint-plugin-react: 7.35.2(eslint@8.57.0)
       eslint-plugin-react-hooks: 4.6.2(eslint@8.57.0)
@@ -13382,7 +13338,7 @@ snapshots:
       is-bun-module: 1.1.0
       is-glob: 4.0.3
     optionalDependencies:
-      eslint-plugin-import: 2.30.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.4.5))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.0)
+      eslint-plugin-import: 2.30.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.4.5))(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.4.5))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.30.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.4.5))(eslint@8.57.0))(eslint@8.57.0))(eslint@8.57.0)
     transitivePeerDependencies:
       - '@typescript-eslint/parser'
       - eslint-import-resolver-node
@@ -13400,7 +13356,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-import@2.30.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.4.5))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.0):
+  eslint-plugin-import@2.30.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.4.5))(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.4.5))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.30.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.4.5))(eslint@8.57.0))(eslint@8.57.0))(eslint@8.57.0):
     dependencies:
       '@rtsao/scc': 1.1.0
       array-includes: 3.1.8
@@ -14307,7 +14263,7 @@ snapshots:
 
   is-reference@1.2.1:
     dependencies:
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
 
   is-regex@1.1.4:
     dependencies:
@@ -14362,7 +14318,7 @@ snapshots:
   istanbul-lib-instrument@5.2.1:
     dependencies:
       '@babel/core': 7.25.2
-      '@babel/parser': 7.25.7
+      '@babel/parser': 7.25.6
       '@istanbuljs/schema': 0.1.3
       istanbul-lib-coverage: 3.2.2
       semver: 6.3.1
@@ -15413,7 +15369,7 @@ snapshots:
 
   parse-json@5.2.0:
     dependencies:
-      '@babel/code-frame': 7.25.7
+      '@babel/code-frame': 7.24.7
       error-ex: 1.3.2
       json-parse-even-better-errors: 2.3.1
       lines-and-columns: 1.2.4
@@ -16511,7 +16467,7 @@ snapshots:
 
   styled-components@5.3.9(@babel/core@7.25.2)(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1):
     dependencies:
-      '@babel/helper-module-imports': 7.24.7(supports-color@5.5.0)
+      '@babel/helper-module-imports': 7.25.7(supports-color@5.5.0)
       '@babel/traverse': 7.25.7(supports-color@5.5.0)
       '@emotion/is-prop-valid': 1.3.1
       '@emotion/stylis': 0.8.5
diff --git a/shared/contracts/custom-projects.contract.ts b/shared/contracts/custom-projects.contract.ts
index af3bc1f9..5183e33d 100644
--- a/shared/contracts/custom-projects.contract.ts
+++ b/shared/contracts/custom-projects.contract.ts
@@ -1,19 +1,16 @@
 import { initContract } from "@ts-rest/core";
-import {
-  ApiPaginationResponse,
-  ApiResponse,
-  ErrorResponse,
-} from "@shared/dtos/global/api-response.dto";
+import { ApiPaginationResponse, ApiResponse } from "@shared/dtos/global/api-response.dto";
 import { Country } from "@shared/entities/country.entity";
+import { ModelAssumptions } from "@shared/entities/model-assumptions.entity";
 import { CustomProject } from "@shared/entities/custom-project.entity";
-import { CreateCustomProjectDto } from "@api/modules/custom-projects/dto/create-custom-project-dto";
 import { GetDefaultCostInputsSchema } from "@shared/schemas/custom-projects/get-cost-inputs.schema";
-import { OverridableCostInputs } from "@api/modules/custom-projects/dto/project-cost-inputs.dto";
 import { GetAssumptionsSchema } from "@shared/schemas/assumptions/get-assumptions.schema";
-import { ModelAssumptions } from "@shared/entities/model-assumptions.entity";
+
+import { CreateCustomProjectSchema, InputCostsSchema } from "@shared/schemas/custom-projects/create-custom-project.schema";
+import { z } from "zod";
 import { generateEntityQuerySchema } from "@shared/schemas/query-param.schema";
-import { GetActivityTypesDefaultsSchema } from "@shared/schemas/custom-projects/activity-types-defaults.schema";
 import { ActivityTypesDefaults } from "@shared/dtos/custom-projects/activity-types-defaults";
+import { GetActivityTypesDefaultsSchema } from "@shared/schemas/custom-projects/activity-types-defaults.schema";
 
 export const customProjecsQuerySchema =
   generateEntityQuerySchema(CustomProject);
@@ -34,7 +31,7 @@ export const customProjectContract = contract.router({
     method: "GET",
     path: "/custom-projects/available-countries",
     responses: {
-      201: contract.type<ApiResponse<Pick<Country, "name" | "code">>>(),
+      201: contract.type<ApiResponse<Pick<Country, "name" | "code">[]>>(),
     },
     summary: "Get available countries to create a custom project",
   },
@@ -43,7 +40,7 @@ export const customProjectContract = contract.router({
     method: "GET",
     path: "/custom-projects/assumptions",
     responses: {
-      200: contract.type<ApiResponse<Partial<ModelAssumptions>>>(),
+      200: contract.type<ApiResponse<Partial<ModelAssumptions>[]>>(),
     },
     query: GetAssumptionsSchema,
     summary: "Get default model assumptions",
@@ -52,7 +49,7 @@ export const customProjectContract = contract.router({
     method: "GET",
     path: "/custom-projects/cost-inputs",
     responses: {
-      200: contract.type<ApiResponse<OverridableCostInputs>>(),
+      200: contract.type<ApiResponse<z.infer<typeof InputCostsSchema>>>(),
     },
     query: GetDefaultCostInputsSchema,
   },
@@ -62,7 +59,7 @@ export const customProjectContract = contract.router({
     responses: {
       201: contract.type<ApiResponse<CustomProject>>(),
     },
-    body: contract.type<CreateCustomProjectDto>(),
+    body: CreateCustomProjectSchema,
   },
   getCustomProjects: {
     method: "GET",
@@ -90,4 +87,4 @@ export const customProjectContract = contract.router({
   },
 });
 
-// TODO: Due to dificulties crafting a deeply nested conditional schema, I will go forward with nestjs custom validation pipe for now
+// TODO: Due to dificulties crafting a deeply nested conditional schema, I will go forward with nestjs custom validation pipe for now
\ No newline at end of file
diff --git a/shared/contracts/index.ts b/shared/contracts/index.ts
index 35aad384..9300d6be 100644
--- a/shared/contracts/index.ts
+++ b/shared/contracts/index.ts
@@ -5,6 +5,7 @@ import { usersContract } from "@shared/contracts/users.contract";
 import { JSONAPIError } from "@shared/dtos/json-api.error";
 import { mapContract } from "@shared/contracts/map.contract";
 import { projectsContract } from "@shared/contracts/projects.contract";
+import { customProjectContract } from "@shared/contracts/custom-projects.contract";
 
 const contract = initContract();
 
@@ -15,6 +16,7 @@ export const router = contract.router(
     user: usersContract,
     map: mapContract,
     projects: projectsContract,
+    customProjects: customProjectContract,
   },
   {
     commonResponses: {
diff --git a/shared/entities/carbon-inputs/emission-factors.entity.ts b/shared/entities/carbon-inputs/emission-factors.entity.ts
index 99f9459c..240f535e 100644
--- a/shared/entities/carbon-inputs/emission-factors.entity.ts
+++ b/shared/entities/carbon-inputs/emission-factors.entity.ts
@@ -15,8 +15,9 @@ import { ECOSYSTEM } from "@shared/entities/ecosystem.enum";
 // TODO: The calculations provide a third option Tier 3 which is provided by the user. Do we need to support this in the DB for this entity,
 //       or would be enough to save the user provided value as metadata for the custom project
 export enum EMISSION_FACTORS_TIER_TYPES {
-  TIER_2 = "Tier 2 - Country-specific emission factor",
   TIER_1 = "Tier 1 - Global emission factor",
+  TIER_2 = "Tier 2 - Country-specific emission factor",
+  TIER_3 = 'Tier 3 - Project specific emission factor',
 }
 
 @Entity("emission_factors")
diff --git a/shared/entities/carbon-inputs/sequestration-rate.entity.ts b/shared/entities/carbon-inputs/sequestration-rate.entity.ts
index c2617cf2..4dd5ee9c 100644
--- a/shared/entities/carbon-inputs/sequestration-rate.entity.ts
+++ b/shared/entities/carbon-inputs/sequestration-rate.entity.ts
@@ -13,8 +13,8 @@ import { Country } from "@shared/entities/country.entity";
 import { ECOSYSTEM } from "@shared/entities/ecosystem.enum";
 
 export enum SEQUESTRATION_RATE_TIER_TYPES {
-  TIER_2 = "Tier 2 - Country-specific rate",
   TIER_1 = "Tier 1 - IPCC default value",
+  TIER_2 = "Tier 2 - Country-specific rate",
 }
 
 // TODO: According to the calculation notebooks, we might be missing a Tier 3, which is a user-defined value, not sure if this should be stored as default or
diff --git a/shared/entities/custom-project.entity.ts b/shared/entities/custom-project.entity.ts
index a4886b49..97d68510 100644
--- a/shared/entities/custom-project.entity.ts
+++ b/shared/entities/custom-project.entity.ts
@@ -21,6 +21,16 @@ export enum CARBON_REVENUES_TO_COVER {
   CAPEX_AND_OPEX = "Capex and Opex",
 }
 
+export enum PROJECT_SPECIFIC_EMISSION {
+  ONE_EMISSION_FACTOR = 'One emission factor',
+  TWO_EMISSION_FACTORS = 'Two emission factors',
+}
+export enum PROJECT_EMISSION_FACTORS {
+  TIER_1 = 'Tier 1 - Global emission factor',
+  TIER_2 = 'Tier 2 - Country-specific emission factor',
+  TIER_3 = 'Tier 3 - Project specific emission factor',
+}
+
 @Entity({ name: "custom_projects" })
 export class CustomProject {
   @PrimaryGeneratedColumn("uuid")
diff --git a/shared/schemas/assumptions/assumptions.enums.ts b/shared/schemas/assumptions/assumptions.enums.ts
index 1f7909bf..7c3f721e 100644
--- a/shared/schemas/assumptions/assumptions.enums.ts
+++ b/shared/schemas/assumptions/assumptions.enums.ts
@@ -29,3 +29,22 @@ export const ASSUMPTIONS_NAME_TO_DTO_MAP = {
   "Conservation project length": "projectLength",
   "Restoration project length": "projectLength",
 } as const;
+
+export const COSTS_DTO_TO_NAME_MAP = {
+  feasibilityAnalysis: "Feasibility analysis",
+  conservationPlanningAndAdmin: "Conservation planning and admin",
+  dataCollectionAndFieldCost: "Data collection and field cost",
+  communityRepresentation: "Community representation",
+  blueCarbonProjectPlanning: "Blue carbon project planning",
+  establishingCarbonRights: "Establishing carbon rights",
+  validation: "Validation",
+  implementationLabor: "Implementation labor",
+  monitoring: "Monitoring",
+  maintenance: "Maintenance",
+  communityBenefitSharingFund: "Community benefit sharing fund",
+  carbonStandardFees: "Carbon standard fees",
+  baselineReassessment: "Baseline reassessment",
+  mrv: "MRV",
+  longTermProjectOperatingCost: "Long term project operating cost",
+  financingCost: "Financing cost",
+}
diff --git a/shared/schemas/custom-projects/create-custom-project.schema.ts b/shared/schemas/custom-projects/create-custom-project.schema.ts
index 9785bcb3..d25ff7f2 100644
--- a/shared/schemas/custom-projects/create-custom-project.schema.ts
+++ b/shared/schemas/custom-projects/create-custom-project.schema.ts
@@ -1,37 +1,67 @@
 import { z } from "zod";
 import { ECOSYSTEM } from "@shared/entities/ecosystem.enum";
-import { ACTIVITY } from "@shared/entities/activity.enum";
-
-/**
- * @description: WIP: Prototype for creating a custom project. This should include optional overrides for default assumptions, cost inputs etc
- */
-
-export const CreateCustomProjectSchema = z.object({
-  countryCode: z.string().min(3).max(3),
-  name: z.string().min(3).max(255),
-  ecosystem: z.nativeEnum(ECOSYSTEM),
-  activity: z.nativeEnum(ACTIVITY),
-  // We need to include activity subtype here
-});
+import { ACTIVITY, RESTORATION_ACTIVITY_SUBTYPE } from "@shared/entities/activity.enum";
+import { EMISSION_FACTORS_TIER_TYPES } from "@shared/entities/carbon-inputs/emission-factors.entity";
+import { PROJECT_SPECIFIC_EMISSION, CARBON_REVENUES_TO_COVER } from "@shared/entities/custom-project.entity";
+import { SEQUESTRATION_RATE_TIER_TYPES } from "@shared/entities/carbon-inputs/sequestration-rate.entity";
 
 export enum LOSS_RATE_USED {
   NATIONAL_AVERAGE = "National average",
   PROJECT_SPECIFIC = "Project specific",
 }
 
+const parseNumber = (v: unknown) => Number(v);
+
 export const ConservationCustomProjectSchema = z
   .object({
-    activity: z.literal(ACTIVITY.CONSERVATION),
-    countryCode: z.string().min(3).max(3),
-    ecosystem: z.nativeEnum(ECOSYSTEM),
     lossRateUsed: z.nativeEnum(LOSS_RATE_USED),
+    emissionFactorUsed: z.nativeEnum(EMISSION_FACTORS_TIER_TYPES),
+    projectSpecificEmission: z.nativeEnum(PROJECT_SPECIFIC_EMISSION),
+    projectSpecificLossRate: z.preprocess(parseNumber, z.number().negative()),
+    projectSpecificEmissionFactor: z.number().nonnegative(),
+    emissionFactorAGB: z.number().nonnegative(),
+    emissionFactorSOC: z.number().nonnegative(),
+  })
+  .superRefine((data, ctx) => {
+    if (data.emissionFactorUsed === EMISSION_FACTORS_TIER_TYPES.TIER_3) {
+      if (data.projectSpecificEmission === PROJECT_SPECIFIC_EMISSION.ONE_EMISSION_FACTOR && !data.projectSpecificEmissionFactor) {
+        ctx.addIssue({
+          code: z.ZodIssueCode.custom,
+          message: 'Project Specific Emission Factor is required when the emission factor used is Tier 3.',
+          path: ["projectSpecificEmissionFactor"],
+        });
+      }
+
+      if (data.projectSpecificEmission === PROJECT_SPECIFIC_EMISSION.TWO_EMISSION_FACTORS) {
+        if (!data.emissionFactorAGB) {
+          ctx.addIssue({
+            code: z.ZodIssueCode.custom,
+            message: 'AGB Emission Factor is required.',
+            path: ["emissionFactorAGB"],
+          });
+        }
+
+        if (!data.emissionFactorSOC) {
+          ctx.addIssue({
+            code: z.ZodIssueCode.custom,
+            message: 'SOC Emission Factor is required.',
+            path: ["emissionFactorSOC"],
+          });
+        }
+      }
+    }
+  });
+
+export const RestorationCustomProjectSchema = z
+  .object({
+    restorationActivity: z.nativeEnum(RESTORATION_ACTIVITY_SUBTYPE),
     projectSpecificLossRate: z
       .number({ message: "Project Specific Loss Rate should be a message" })
-      .negative({ message: "Project Specific Loss Rate should be negative" })
-      .optional(),
+      .negative({ message: "Project Specific Loss Rate should be negative" }),
+    lossRateUsed: z.nativeEnum(LOSS_RATE_USED),
+    tierSelector: z.nativeEnum(SEQUESTRATION_RATE_TIER_TYPES),
   })
   .superRefine((data, ctx) => {
-    console.log("DATA", data);
     if (
       data.lossRateUsed === LOSS_RATE_USED.PROJECT_SPECIFIC &&
       !data.projectSpecificLossRate
@@ -52,13 +82,51 @@ export const ConservationCustomProjectSchema = z
     }
   });
 
-// TODO: Work on having a conditionally validated schema based on multiple conditions
+export const AssumptionsSchema = z.object({
+  verificationFrequency: z.preprocess(parseNumber, z.number().positive()).optional(),
+  baselineReassessmentFrequency: z.preprocess(parseNumber, z.number().positive()).optional(),
+  discountRate: z.preprocess(parseNumber, z.number().positive()).optional(),
+  restorationRate: z.preprocess(parseNumber, z.number().positive()).optional(),
+  carbonPriceIncrease: z.preprocess(parseNumber, z.number().positive()).optional(),
+  buffer: z.preprocess(parseNumber, z.number().positive()).optional(),
+  projectLength: z.preprocess(parseNumber, z.number().positive()).optional(),
+});
+
+export const InputCostsSchema = z.object({
+  // capex
+  feasibilityAnalysis: z.preprocess(parseNumber, z.number().nonnegative()).optional(),
+  conservationPlanningAndAdmin: z.preprocess(parseNumber, z.number().nonnegative()).optional(),
+  dataCollectionAndFieldCost: z.preprocess(parseNumber, z.number().nonnegative()).optional(),
+  communityRepresentation: z.preprocess(parseNumber, z.number().nonnegative()).optional(),
+  blueCarbonProjectPlanning: z.preprocess(parseNumber, z.number().nonnegative()).optional(),
+  establishingCarbonRights: z.preprocess(parseNumber, z.number().nonnegative()).optional(),
+  validation: z.preprocess(parseNumber, z.number().nonnegative()).optional(),
+  implementationLabor: z.preprocess(parseNumber, z.number().nonnegative()).optional(),
+  // opex
+  monitoring: z.preprocess(parseNumber, z.number().nonnegative()).optional(),
+  maintenance: z.preprocess(parseNumber, z.number().nonnegative()).optional(),
+  communityBenefitSharingFund: z.preprocess(parseNumber, z.number().nonnegative()).optional(),
+  carbonStandardFees: z.preprocess(parseNumber, z.number().nonnegative()).optional(),
+  baselineReassessment: z.preprocess(parseNumber, z.number().nonnegative()).optional(),
+  mrv: z.preprocess(parseNumber, z.number().nonnegative()).optional(),
+  longTermProjectOperatingCost: z.preprocess(parseNumber, z.number().nonnegative()).optional(),
+  // other
+  financingCost: z.preprocess(parseNumber, z.number().nonnegative()).optional(),
+})
+
+export const CreateCustomProjectBaseSchema = z.object({
+  countryCode: z.string().min(3).max(3),
+  projectName: z.string().min(3).max(255),
+  ecosystem: z.nativeEnum(ECOSYSTEM),
+  activity: z.nativeEnum(ACTIVITY),
+  projectSizeHa: z.number().nonnegative(),
+  carbonRevenuesToCover: z.nativeEnum(CARBON_REVENUES_TO_COVER),
+  initialCarbonPriceAssumption: z.number().nonnegative(),
+  assumptions: AssumptionsSchema.optional(),
+  costInputs: InputCostsSchema.optional(),
+});
 
-export const CombinedCustomProjectSchema = z.union([
-  CreateCustomProjectSchema.extend({
-    activity: z.literal(ACTIVITY.CONSERVATION),
-  }).and(ConservationCustomProjectSchema),
-  CreateCustomProjectSchema.extend({
-    activity: z.literal(ACTIVITY.RESTORATION),
-  }),
-]);
+export const CreateCustomProjectSchema = z.discriminatedUnion("activity", [
+  z.object({ ...CreateCustomProjectBaseSchema.shape, activity: z.literal(ACTIVITY.CONSERVATION), parameters: ConservationCustomProjectSchema }),
+  z.object({ ...CreateCustomProjectBaseSchema.shape, activity: z.literal(ACTIVITY.RESTORATION), parameters: RestorationCustomProjectSchema }),
+]);
\ No newline at end of file