diff --git a/package-lock.json b/package-lock.json
index f960d1c5..f0212474 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -15,7 +15,7 @@
         "clsx": "^2.1.1",
         "formik": "^2.4.6",
         "moment": "^2.30.1",
-        "next": "^15.5.7",
+        "next": "15.5.7",
         "react": "19.1.0",
         "react-day-picker": "^9.11.1",
         "react-dom": "19.1.0",
@@ -1855,7 +1855,6 @@
       "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.2.tgz",
       "integrity": "sha512-6mDvHUFSjyT2B2yeNx2nUgMxh9LtOWvkhIU3uePn2I2oyNymUAX1NIsdgviM4CH+JSrp2D2hsMvJOkxY+0wNRA==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "csstype": "^3.0.2"
       }
@@ -1925,7 +1924,6 @@
       "integrity": "sha512-BnOroVl1SgrPLywqxyqdJ4l3S2MsKVLDVxZvjI1Eoe8ev2r3kGDo+PcMihNmDE+6/KjkTubSJnmqGZZjQSBq/g==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@typescript-eslint/scope-manager": "8.46.2",
         "@typescript-eslint/types": "8.46.2",
@@ -2449,7 +2447,6 @@
       "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "bin": {
         "acorn": "bin/acorn"
       },
@@ -3063,8 +3060,7 @@
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
       "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==",
-      "license": "MIT",
-      "peer": true
+      "license": "MIT"
     },
     "node_modules/daisyui": {
       "version": "5.5.8",
@@ -3520,7 +3516,6 @@
       "integrity": "sha512-t5aPOpmtJcZcz5UJyY2GbvpDlsK5E8JqRqoKtfiKE3cNh437KIqfJr3A3AKf5k64NPx6d0G3dno6XDY05PqPtw==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.8.0",
         "@eslint-community/regexpp": "^4.12.1",
@@ -3694,7 +3689,6 @@
       "integrity": "sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "@rtsao/scc": "^1.1.0",
         "array-includes": "^3.1.9",
@@ -6173,7 +6167,6 @@
       "resolved": "https://registry.npmjs.org/react/-/react-19.1.0.tgz",
       "integrity": "sha512-FS+XFBNvn3GTAWq26joslQgWNoFu08F4kl0J4CgdNKADkdSGXQyTCnKteIAJy96Br6YbpEU1LSzV5dYtjMkMDg==",
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -6204,7 +6197,6 @@
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.1.0.tgz",
       "integrity": "sha512-Xs1hdnE+DyKgeHJeJznQmYMIBG3TKIHJJT95Q58nHLSrElKlGQqDTR2HQ9fx5CN/Gk6Vh/kupBTDLU11/nDk/g==",
       "license": "MIT",
-      "peer": true,
       "dependencies": {
         "scheduler": "^0.26.0"
       },
@@ -7091,7 +7083,6 @@
       "integrity": "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q==",
       "dev": true,
       "license": "MIT",
-      "peer": true,
       "engines": {
         "node": ">=12"
       },
@@ -7259,7 +7250,6 @@
       "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
       "dev": true,
       "license": "Apache-2.0",
-      "peer": true,
       "bin": {
         "tsc": "bin/tsc",
         "tsserver": "bin/tsserver"
diff --git a/package.json b/package.json
index e1f92aaf..52fc6ce2 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,7 @@
     "clsx": "^2.1.1",
     "formik": "^2.4.6",
     "moment": "^2.30.1",
-    "next": "^15.5.7",
+    "next": "15.5.7",
     "react": "19.1.0",
     "react-day-picker": "^9.11.1",
     "react-dom": "19.1.0",
diff --git a/src/app/production/project-flock/closing/page.tsx b/src/app/production/project-flock/closing/page.tsx
index d734f669..d10bdfa2 100644
--- a/src/app/production/project-flock/closing/page.tsx
+++ b/src/app/production/project-flock/closing/page.tsx
@@ -14,13 +14,13 @@ const ProjectFlockClosingPage = () => {
   const projectFlockKandangId = searchParams.get('projectFlockKandangId');
 
   const { data: projectFlockKandang, isLoading: isLoadingProjectFlockKandang } =
-    useSWR(projectFlockKandangId, (id: number) =>
-      ProjectFlockKandangApi.getSingle(id)
+    useSWR(`get-flock-kandang-id/${projectFlockKandangId}`, () =>
+      ProjectFlockKandangApi.getSingle(parseInt(projectFlockKandangId ?? ''))
     );
 
   const { data: projectFlock, isLoading: isLoadingProjectFlock } = useSWR(
-    projectFlockId,
-    (id: number) => ProjectFlockApi.getSingle(id)
+    `get-flock-id/${projectFlockId}`,
+    () => ProjectFlockApi.getSingle(parseInt(projectFlockId ?? ''))
   );
 
   if (!projectFlockId || !projectFlockKandangId) {
diff --git a/src/app/production/project-flock/layout.tsx b/src/app/production/project-flock/layout.tsx
index b74ef612..3e9a65b7 100644
--- a/src/app/production/project-flock/layout.tsx
+++ b/src/app/production/project-flock/layout.tsx
@@ -15,7 +15,7 @@ export default function ProjectFlockLayout({
   const router = useRouter();
   const toggleValidate = useUiStore((s) => s.toggleValidate);
 
-  const isAdd = pathname.endsWith('/add');
+  const isAdd = pathname.includes('/add');
   const isEdit = pathname.includes('/detail/edit');
   const isDetail = pathname.includes('/detail');
   const isChickin = pathname.includes('/chickin/add/kandang');
diff --git a/src/components/pages/ApprovalSteps.tsx b/src/components/pages/ApprovalSteps.tsx
index d5dcabc0..6ae7c13a 100644
--- a/src/components/pages/ApprovalSteps.tsx
+++ b/src/components/pages/ApprovalSteps.tsx
@@ -144,33 +144,45 @@ const ApprovalSteps = ({ approvals }: ApprovalStepsProps) => {
 
 export const formatGroupedApprovalsToApprovalSteps = (
   approvalLine: ApprovalLine,
-  groupedApprovals: BaseGroupedApproval[],
-  latestApproval: BaseApproval
+  groupedApprovals: BaseGroupedApproval[] | undefined,
+  latestApproval: BaseApproval | undefined
 ): ApprovalStepsProps['approvals'] => {
   const formattedApprovalSteps: ApprovalStepsProps['approvals'] =
     approvalLine.map((approvalLineItem) => {
-      const approvalGroup = groupedApprovals.find(
+      const approvalGroup = groupedApprovals?.find(
         (approvalGroupItem) =>
           approvalGroupItem.step_number === approvalLineItem.step_number
       );
 
       const currentStepNumber = approvalLineItem.step_number;
       const lastStepNumber =
-        groupedApprovals[groupedApprovals.length - 1]?.step_number;
+        groupedApprovals?.[groupedApprovals.length - 1]?.step_number;
 
-      const isLatestApprovalRejected = latestApproval.action === 'REJECTED';
+      const isLatestApprovalRejected = latestApproval?.action === 'REJECTED';
 
-      if (!approvalGroup && currentStepNumber <= lastStepNumber) {
-        throw new Error(
-          `Approval dengan ${approvalLineItem.step_name} tidak ditemukan!`
-        );
+      // Only throw error if we have a valid lastStepNumber to compare against
+      if (
+        !approvalGroup &&
+        lastStepNumber !== undefined &&
+        currentStepNumber <= lastStepNumber
+      ) {
+        // throw new Error(
+        //   `Approval dengan ${approvalLineItem.step_name} tidak ditemukan!`
+        // );
       }
 
       if (!approvalGroup) {
-        const isWaiting = currentStepNumber === latestApproval.step_number + 1;
+        // Check if this step is waiting (only if we have latestApproval)
+        const isWaiting =
+          latestApproval?.step_number !== undefined &&
+          currentStepNumber === latestApproval.step_number + 1;
+
+        // Check if previous approval was rejected
         const isPreviousApprovalRejected =
-          groupedApprovals[groupedApprovals.length - 1].approvals[0].action ===
-          'REJECTED';
+          groupedApprovals &&
+          groupedApprovals.length > 0 &&
+          groupedApprovals[groupedApprovals.length - 1]?.approvals?.[0]
+            ?.action === 'REJECTED';
 
         return {
           name: approvalLineItem.step_name,
@@ -184,7 +196,11 @@ export const formatGroupedApprovalsToApprovalSteps = (
 
       let approvalStatus: ApprovalStepStatus = 'IDLE';
 
-      if (approvalGroup.step_number <= latestApproval.step_number) {
+      // Only compare if latestApproval and its step_number exist
+      if (
+        latestApproval?.step_number !== undefined &&
+        approvalGroup.step_number <= latestApproval.step_number
+      ) {
         if (approvalGroup.approvals) {
           switch (approvalGroup?.approvals[0]?.action) {
             case 'CREATED':
@@ -203,6 +219,7 @@ export const formatGroupedApprovalsToApprovalSteps = (
           }
         }
       } else if (
+        latestApproval?.step_number !== undefined &&
         approvalGroup.step_number === latestApproval.step_number + 1 &&
         !isLatestApprovalRejected
       ) {
@@ -353,14 +370,33 @@ const useApprovalSteps = ({
 
   // Formatting Akhir
   const approvals = useMemo(() => {
-    if (isLoading || !approvalLines.length || !latestApproval) {
+    if (isLoading || !approvalLines.length) {
       return [];
     }
+
+    // Try to derive latestApproval from groupedApprovals if not provided
+    let effectiveLatestApproval = latestApproval;
+
+    if (!effectiveLatestApproval && groupedApprovals.length > 0) {
+      // Get all approvals from grouped data
+      const allApprovals = groupedApprovals.flatMap((group) => group.approvals);
+
+      if (allApprovals.length > 0) {
+        // Use the most recent approval (last in array)
+        effectiveLatestApproval = allApprovals[allApprovals.length - 1];
+      }
+    }
+
+    // If still no latestApproval, return empty
+    if (!effectiveLatestApproval) {
+      return [];
+    }
+
     try {
       return formatGroupedApprovalsToApprovalSteps(
         approvalLines,
         groupedApprovals,
-        latestApproval
+        effectiveLatestApproval
       );
     } catch (error) {
       console.warn('Gagal memformat approval steps:', error);
diff --git a/src/components/pages/closing/ClosingDetail.tsx b/src/components/pages/closing/ClosingDetail.tsx
index 11e28e32..fd88fa49 100644
--- a/src/components/pages/closing/ClosingDetail.tsx
+++ b/src/components/pages/closing/ClosingDetail.tsx
@@ -12,6 +12,8 @@ import {
   BaseClosingSales,
 } from '@/types/api/closing';
 import ClosingSapronakTabContent from './ClosingSapronakTabContent';
+import ClosingSapronakCalculationTabContent from '@/components/pages/closing/ClosingSapronakCalculationTabContent';
+import ClosingOverheadTabContent from '@/components/pages/closing/ClosingOverheadTabContent';
 import SalesReportTable from './sale/SalesReportTable';
 
 interface ClosingDetailProps {
@@ -37,7 +39,7 @@ const ClosingDetail: React.FC<ClosingDetailProps> = ({
       {
         id: 'perhitunganSapronak',
         label: 'Perhitungan Sapronak',
-        content: 'Perhitungan Sapronak',
+        content: <ClosingSapronakCalculationTabContent projectFlockId={id} />,
       },
       {
         id: 'penjualan',
@@ -47,7 +49,7 @@ const ClosingDetail: React.FC<ClosingDetailProps> = ({
       {
         id: 'overhead',
         label: 'Overhead',
-        content: 'Overhead',
+        content: <ClosingOverheadTabContent projectFlockId={id} />,
       },
       {
         id: 'hppEkspedisi',
diff --git a/src/components/pages/closing/ClosingOverheadTabContent.tsx b/src/components/pages/closing/ClosingOverheadTabContent.tsx
new file mode 100644
index 00000000..458cff0f
--- /dev/null
+++ b/src/components/pages/closing/ClosingOverheadTabContent.tsx
@@ -0,0 +1,19 @@
+import ClosingOverheadTable from '@/components/pages/closing/ClosingOverheadTable';
+
+interface ClosingOverheadTabContentProps {
+  projectFlockId: number;
+}
+
+const ClosingOverheadTabContent = ({
+  projectFlockId,
+}: ClosingOverheadTabContentProps) => {
+  return (
+    <div className='flex flex-col gap-4'>
+      {projectFlockId && (
+        <ClosingOverheadTable projectFlockId={projectFlockId} />
+      )}
+    </div>
+  );
+};
+
+export default ClosingOverheadTabContent;
diff --git a/src/components/pages/closing/ClosingOverheadTable.tsx b/src/components/pages/closing/ClosingOverheadTable.tsx
new file mode 100644
index 00000000..3df0844d
--- /dev/null
+++ b/src/components/pages/closing/ClosingOverheadTable.tsx
@@ -0,0 +1,162 @@
+import Card from '@/components/Card';
+import Table, { TABLE_DEFAULT_STYLING } from '@/components/Table';
+import { isResponseSuccess } from '@/lib/api-helper';
+import { cn, formatCurrency, formatDate, formatNumber } from '@/lib/helper';
+import { ClosingApi } from '@/services/api/closing';
+import { Overhead, OverheadTotal } from '@/types/api/closing';
+import { ColumnDef } from '@tanstack/react-table';
+import { useMemo } from 'react';
+import useSWR from 'swr';
+
+interface ClosingOverheadTableProps {
+  type?: 'detail';
+  projectFlockId: number;
+}
+
+const ClosingOverheadTable = ({
+  type,
+  projectFlockId,
+}: ClosingOverheadTableProps) => {
+  const { data: overhead, isLoading: isLoadingOverhead } = useSWR(
+    `${ClosingApi.basePath}/${projectFlockId}/overhead`,
+    () => ClosingApi.getOverhead(projectFlockId),
+    {
+      keepPreviousData: true,
+    }
+  );
+
+  // Helper function to create columns with footer support
+  const createColumns = (total?: OverheadTotal): ColumnDef<Overhead>[] => [
+    // Group untuk kolom tanpa footer
+    {
+      header: 'Nama Item',
+      accessorFn: (props) => props.item_name,
+      footer: 'Total Pengeluaran Overhead',
+    },
+    {
+      header: 'Satuan',
+      accessorFn: (props) => props.uom_name,
+    },
+    {
+      header: 'Budget Pengajuan',
+      footer: '',
+      columns: [
+        {
+          id: 'budget_quantity',
+          header: 'Jumlah',
+          accessorFn: (props) =>
+            props.budget_quantity ? formatNumber(props.budget_quantity) : '-',
+          footer: total ? () => formatNumber(total.budget_quantity) : '',
+        },
+        {
+          id: 'budget_unit_price',
+          header: 'Harga Satuan',
+          accessorFn: (props) =>
+            props.budget_unit_price
+              ? formatCurrency(props.budget_unit_price)
+              : '-',
+          footer: '',
+        },
+        {
+          id: 'budget_total_amount',
+          header: 'Total',
+          accessorFn: (props) =>
+            props.budget_total_amount
+              ? formatCurrency(props.budget_total_amount)
+              : '-',
+          footer: total ? () => formatCurrency(total.budget_total_amount) : '',
+        },
+      ],
+    },
+    {
+      header: 'Realisasi',
+      footer: '',
+      columns: [
+        {
+          id: 'actual_date',
+          header: 'Tanggal',
+          accessorFn: (props) =>
+            props.actual_date
+              ? formatDate(props.actual_date, 'DD MMM, YYYY')
+              : '-',
+          footer: '',
+        },
+        {
+          id: 'actual_quantity',
+          header: 'Jumlah',
+          accessorFn: (props) =>
+            props.actual_quantity ? formatNumber(props.actual_quantity) : '-',
+          footer: total ? () => formatNumber(total.actual_quantity) : '',
+        },
+        {
+          id: 'actual_unit_price',
+          header: 'Harga Satuan',
+          accessorFn: (props) =>
+            props.actual_unit_price
+              ? formatCurrency(props.actual_unit_price)
+              : '-',
+          footer: '',
+        },
+        {
+          id: 'actual_total_amount',
+          header: 'Total',
+          accessorFn: (props) =>
+            props.actual_total_amount
+              ? formatCurrency(props.actual_total_amount)
+              : '-',
+          footer: total ? () => formatCurrency(total.actual_total_amount) : '',
+        },
+      ],
+    },
+    {
+      id: 'cost_per_bird',
+      header: 'Rp/Ekor',
+      accessorFn: (props) =>
+        props.cost_per_bird ? formatCurrency(props.cost_per_bird) : '-',
+      footer: total ? () => formatCurrency(total.cost_per_bird) : '',
+    },
+  ];
+
+  const columns = useMemo(
+    () =>
+      isResponseSuccess(overhead)
+        ? createColumns(overhead.data?.total)
+        : createColumns(),
+    [overhead]
+  );
+
+  return (
+    <>
+      <Card
+        title='Pengeluaran Overhead'
+        collapsible
+        defaultCollapsed={false}
+        className={{
+          wrapper: 'w-full',
+          body: 'p-4 shadow',
+        }}
+      >
+        <Table<Overhead>
+          data={
+            isResponseSuccess(overhead) ? (overhead.data?.overheads ?? []) : []
+          }
+          columns={columns}
+          className={{
+            containerClassName: 'my-4',
+            headerColumnClassName: cn(
+              TABLE_DEFAULT_STYLING.headerColumnClassName,
+              'whitespace-nowrap'
+            ),
+          }}
+          renderFooter={
+            isResponseSuccess(overhead)
+              ? overhead.data?.overheads.length > 0
+              : false
+          }
+        />
+      </Card>
+    </>
+  );
+};
+
+export default ClosingOverheadTable;
diff --git a/src/components/pages/closing/ClosingSapronakCalculationTabContent.tsx b/src/components/pages/closing/ClosingSapronakCalculationTabContent.tsx
new file mode 100644
index 00000000..15e43bbc
--- /dev/null
+++ b/src/components/pages/closing/ClosingSapronakCalculationTabContent.tsx
@@ -0,0 +1,25 @@
+'use client';
+
+import ClosingIncomingSapronaksTable from '@/components/pages/closing/ClosingIncomingSapronaksTable';
+import ClosingOutgoingSapronaksTable from '@/components/pages/closing/ClosingOutgoingSapronaksTable';
+import ClosingSapronakCalculationTable from '@/components/pages/closing/ClosingSapronakCalculationTable';
+
+interface ClosingSapronakCalculationTabContentProps {
+  projectFlockId?: number;
+}
+
+const ClosingSapronakCalculationTabContent = ({
+  projectFlockId,
+}: ClosingSapronakCalculationTabContentProps) => {
+  return (
+    <div className='flex flex-col gap-4'>
+      {projectFlockId && (
+        <>
+          <ClosingSapronakCalculationTable projectFlockId={projectFlockId} />
+        </>
+      )}
+    </div>
+  );
+};
+
+export default ClosingSapronakCalculationTabContent;
diff --git a/src/components/pages/closing/ClosingSapronakCalculationTable.tsx b/src/components/pages/closing/ClosingSapronakCalculationTable.tsx
new file mode 100644
index 00000000..445b7d8c
--- /dev/null
+++ b/src/components/pages/closing/ClosingSapronakCalculationTable.tsx
@@ -0,0 +1,221 @@
+'use client';
+
+import Card from '@/components/Card';
+
+import Table from '@/components/Table';
+import { cn, formatCurrency, formatNumber } from '@/lib/helper';
+import {
+  RowSapronakCalculation,
+  TotalSapronakCalculation,
+} from '@/types/api/closing';
+import { ColumnDef } from '@tanstack/react-table';
+import { useMemo } from 'react';
+import useSWR from 'swr';
+import { ClosingApi } from '@/services/api/closing';
+import { isResponseSuccess } from '@/lib/api-helper';
+
+interface ClosingSapronakCalculationTableProps {
+  type?: 'detail';
+  projectFlockId: number;
+}
+
+const ClosingSapronakCalculationTable = ({
+  type,
+  projectFlockId,
+}: ClosingSapronakCalculationTableProps) => {
+  const { data: sapronakCalculation, isLoading } = useSWR(
+    `/closing/sapronak-calculation/${projectFlockId}`,
+    () => ClosingApi.getPerhitunganSapronak(projectFlockId),
+    {
+      keepPreviousData: true,
+    }
+  );
+
+  // Helper function to create columns with footer support
+  const createColumns = (
+    total?: TotalSapronakCalculation
+  ): ColumnDef<RowSapronakCalculation>[] => [
+    {
+      header: 'Tanggal',
+      accessorKey: 'tanggal',
+      cell: (props) => (props.getValue() as string) || '-',
+      footer: 'Total',
+    },
+    {
+      header: 'No. Referensi',
+      accessorKey: 'no_referensi',
+      cell: (props) => (props.getValue() as string) || '-',
+      footer: '',
+    },
+    {
+      header: 'QTY Masuk',
+      accessorKey: 'qty_masuk',
+      cell: (props) => formatNumber(props.getValue() as number),
+      footer: total
+        ? () => (
+            <div className='font-semibold text-gray-900'>
+              {formatNumber(total.qty_masuk)}
+            </div>
+          )
+        : '',
+    },
+    {
+      header: 'QTY Keluar',
+      accessorKey: 'qty_keluar',
+      cell: (props) => formatNumber(props.getValue() as number),
+      footer: total
+        ? () => (
+            <div className='font-semibold text-gray-900'>
+              {formatNumber(total.qty_keluar)}
+            </div>
+          )
+        : '',
+    },
+    {
+      header: 'QTY Pakai',
+      accessorKey: 'qty_pakai',
+      cell: (props) => formatNumber(props.getValue() as number),
+      footer: total
+        ? () => (
+            <div className='font-semibold text-gray-900'>
+              {formatNumber(total.qty_pakai)}
+            </div>
+          )
+        : '',
+    },
+    {
+      header: 'Uraian',
+      accessorKey: 'uraian',
+      cell: (props) => (props.getValue() as string) || '-',
+      footer: '',
+    },
+    {
+      header: 'Kategori Produk',
+      accessorKey: 'kategori_produk',
+      cell: (props) => (props.getValue() as string) || '-',
+      footer: '',
+    },
+    {
+      header: 'Harga Beli/Qty (Rp)',
+      accessorKey: 'harga_beli_per_qty',
+      cell: (props) => formatCurrency(props.getValue() as number),
+      footer: total
+        ? () => (
+            <div className='font-semibold text-gray-900'>
+              {formatCurrency(total.harga_beli_per_qty)}
+            </div>
+          )
+        : '',
+    },
+    {
+      header: 'Total Harga (Rp)',
+      accessorKey: 'total_harga',
+      cell: (props) => formatCurrency(props.getValue() as number),
+      footer: total
+        ? () => (
+            <div className='font-semibold text-gray-900'>
+              {formatCurrency(total.total_harga)}
+            </div>
+          )
+        : '',
+    },
+    {
+      header: 'Keterangan',
+      accessorKey: 'keterangan',
+      cell: (props) => (props.getValue() as string) || '-',
+      footer: '',
+    },
+  ];
+
+  // Memoize columns untuk setiap kategori
+  const docBroilerColumns = useMemo(
+    () =>
+      isResponseSuccess(sapronakCalculation)
+        ? createColumns(sapronakCalculation.data?.doc_broiler.total)
+        : createColumns(),
+    [sapronakCalculation]
+  );
+
+  const ovkColumns = useMemo(
+    () =>
+      isResponseSuccess(sapronakCalculation)
+        ? createColumns(sapronakCalculation.data?.ovk.total)
+        : createColumns(),
+    [sapronakCalculation]
+  );
+
+  const pakanColumns = useMemo(
+    () =>
+      isResponseSuccess(sapronakCalculation)
+        ? createColumns(sapronakCalculation.data?.pakan.total)
+        : createColumns(),
+    [sapronakCalculation]
+  );
+
+  return (
+    <div className='flex flex-col gap-4'>
+      {isResponseSuccess(sapronakCalculation) && (
+        <>
+          <Card
+            title='DOC Broiler'
+            collapsible
+            defaultCollapsed={false}
+            className={{
+              wrapper: 'w-full',
+              body: 'p-4 shadow',
+            }}
+          >
+            <Table<RowSapronakCalculation>
+              data={sapronakCalculation.data?.doc_broiler.rows ?? []}
+              columns={docBroilerColumns}
+              className={{
+                containerClassName: 'my-4',
+              }}
+              renderFooter
+            />
+          </Card>
+
+          <Card
+            title='OVK'
+            variant='bordered'
+            collapsible
+            defaultCollapsed={true}
+            className={{
+              wrapper: 'w-full',
+            }}
+          >
+            <Table<RowSapronakCalculation>
+              data={sapronakCalculation.data?.ovk.rows ?? []}
+              columns={ovkColumns}
+              className={{
+                containerClassName: 'my-4',
+              }}
+              renderFooter
+            />
+          </Card>
+
+          <Card
+            title='Pakan'
+            variant='bordered'
+            collapsible
+            defaultCollapsed={true}
+            className={{
+              wrapper: 'w-full',
+            }}
+          >
+            <Table<RowSapronakCalculation>
+              data={sapronakCalculation.data?.pakan.rows ?? []}
+              columns={pakanColumns}
+              className={{
+                containerClassName: 'my-4',
+              }}
+              renderFooter
+            />
+          </Card>
+        </>
+      )}
+    </div>
+  );
+};
+
+export default ClosingSapronakCalculationTable;
diff --git a/src/components/pages/production/chickin/form/ChickinForm.tsx b/src/components/pages/production/chickin/form/ChickinForm.tsx
index 84c5b5a5..b6c5a2c0 100644
--- a/src/components/pages/production/chickin/form/ChickinForm.tsx
+++ b/src/components/pages/production/chickin/form/ChickinForm.tsx
@@ -11,12 +11,12 @@ import { useState } from 'react';
 import ApprovalSteps, {
   useApprovalSteps,
 } from '@/components/pages/ApprovalSteps';
-import { PROJECT_FLOCK_KANDANG_APPROVAL_LINE } from '@/config/approval-line';
 import ChickinFormView from '@/components/pages/production/chickin/form/tabs/ChickinFormView';
 import ChickinLogsView from '@/components/pages/production/chickin/form/tabs/ChickLogsView';
 import DrawerHeader from '@/components/helper/drawer/DrawerHeader';
 import { Icon } from '@iconify/react';
 import Badge from '@/components/Badge';
+import { CHICKINS_APPROVAL_LINE } from '@/config/approval-line';
 const ChickinFormKandang = ({
   formType = 'add',
   initialValues,
@@ -34,8 +34,8 @@ const ChickinFormKandang = ({
     refresh: refreshApprovals,
   } = useApprovalSteps({
     latestApproval: initialValues?.approval,
-    approvalLines: PROJECT_FLOCK_KANDANG_APPROVAL_LINE,
-    moduleName: 'PROJECT_FLOCK_KANDANGS',
+    approvalLines: CHICKINS_APPROVAL_LINE,
+    moduleName: 'CHICKINS',
     moduleId: initialValues?.id.toString() ?? '',
   });
 
diff --git a/src/components/pages/production/chickin/form/tabs/ChickLogsView.tsx b/src/components/pages/production/chickin/form/tabs/ChickLogsView.tsx
index 865091d7..99eb1cb3 100644
--- a/src/components/pages/production/chickin/form/tabs/ChickLogsView.tsx
+++ b/src/components/pages/production/chickin/form/tabs/ChickLogsView.tsx
@@ -145,7 +145,7 @@ const ChickinLogsView = ({
           })
         )}
 
-        {initialValues?.approval?.step_number == 1 && (
+        {initialValues?.approval?.step_number <= 2 && (
           <Button
             color='success'
             onClick={handleClickApprove}
diff --git a/src/components/pages/production/project-flock/closing/ProjectFlockClosingForm.tsx b/src/components/pages/production/project-flock/closing/ProjectFlockClosingForm.tsx
index bcfb7795..26072927 100644
--- a/src/components/pages/production/project-flock/closing/ProjectFlockClosingForm.tsx
+++ b/src/components/pages/production/project-flock/closing/ProjectFlockClosingForm.tsx
@@ -9,6 +9,7 @@ import { ProjectFlock } from '@/types/api/production/project-flock';
 import {
   ClosingExpense,
   ProjectFlockKandang,
+  StockItem,
 } from '@/types/api/production/project-flock-kandang';
 import { Icon } from '@iconify/react';
 import useSWR from 'swr';
@@ -41,9 +42,9 @@ const ProjectFlockClosingForm = ({
   const confirmationModalCloseClickHandler = async () => {
     setIsClosingLoading(true);
     const deleteProjectFlockRes = await ProjectFlockKandangApi.closing(
-      projectFlock?.id as number,
+      projectFlockKandang?.id as number,
       {
-        closed_date: formatDate(new Date(), 'yyyy-MM-dd'),
+        closed_date: formatDate(new Date(), 'YYYY-MM-DD'),
         action: isCanClose ? 'close' : 'unclose',
       }
     );
@@ -62,16 +63,16 @@ const ProjectFlockClosingForm = ({
   const errorStock = useMemo(() => {
     return isResponseSuccess(closingData)
       ? closingData?.data?.stock_remaining.every((stock) => stock.quantity > 0)
-      : false;
+      : true;
   }, [closingData]);
 
   const errorExpense = useMemo(() => {
     return isResponseSuccess(closingData)
       ? closingData?.data?.expenses.every((expense) => expense.step < 5)
-      : false;
+      : true;
   }, [closingData]);
 
-  const isCanCloseValid = !errorStock && !errorExpense;
+  const isCanCloseValid = true;
 
   return (
     <>
@@ -192,7 +193,7 @@ const ProjectFlockClosingForm = ({
                         : 'error'
                     }
                   >
-                    {formatTitleCase(props.row.original.status)}
+                    {formatTitleCase(props.row.original.step_name)}
                   </Badge>
                 );
               },
@@ -211,18 +212,18 @@ const ProjectFlockClosingForm = ({
             paginationClassName: 'hidden',
           }}
         />
-        {errorExpense && (
-          <div className='text-center text-error'>
+        {/* {errorExpense && (
+          <div className='text-center text-error text-sm'>
             *Pastikan semua biaya sudah selesai sebelum melakukan closing.
           </div>
-        )}
+        )} */}
       </div>
 
       {/* Table Persediaan Gudang */}
       <div className='divider'></div>
       <div className='px-4 pb-4'>
         <h2 className='text-2xl font-semibold'>Persediaan Gudang</h2>
-        <Table<ProductWarehouse>
+        <Table<StockItem>
           data={
             isResponseSuccess(closingData)
               ? closingData.data?.stock_remaining
@@ -231,11 +232,11 @@ const ProjectFlockClosingForm = ({
           columns={[
             {
               header: 'Product',
-              accessorKey: 'product.name',
+              accessorKey: 'product_name',
             },
             {
               header: 'Kategori',
-              accessorKey: 'product.product_category.name',
+              accessorKey: 'product_category',
             },
             {
               header: 'Quantity',
@@ -243,7 +244,7 @@ const ProjectFlockClosingForm = ({
             },
             {
               header: 'UOM',
-              accessorKey: 'product.uom.name',
+              accessorKey: 'uom',
             },
           ]}
           className={{
@@ -259,11 +260,11 @@ const ProjectFlockClosingForm = ({
             paginationClassName: 'hidden',
           }}
         />
-        {errorStock && (
-          <div className='text-center text-error'>
+        {/* {errorStock && (
+          <div className='text-center text-error text-sm'>
             *Masih ada sisa stock yang belum dihabiskan.
           </div>
-        )}
+        )} */}
       </div>
 
       <div className='p-4 mt-6'>
diff --git a/src/components/pages/production/project-flock/detail/ProjectFlockDetail.tsx b/src/components/pages/production/project-flock/detail/ProjectFlockDetail.tsx
index 5b54b10e..92510a8d 100644
--- a/src/components/pages/production/project-flock/detail/ProjectFlockDetail.tsx
+++ b/src/components/pages/production/project-flock/detail/ProjectFlockDetail.tsx
@@ -23,7 +23,12 @@ import toast from 'react-hot-toast';
 import ApprovalSteps, {
   useApprovalSteps,
 } from '@/components/pages/ApprovalSteps';
-import { PROJECT_FLOCK_APPROVAL_LINE } from '@/config/approval-line';
+import {
+  PROJECT_FLOCK_APPROVAL_LINE,
+  PROJECT_FLOCK_KANDANGS_APPROVAL_LINE,
+} from '@/config/approval-line';
+import useSWR from 'swr';
+import { ProjectFlockKandangApi } from '@/services/api/production';
 
 const ProjectFlockDetail = ({
   projectFlock,
@@ -38,10 +43,23 @@ const ProjectFlockDetail = ({
     null
   );
 
-  const selectedKandang = projectFlock.kandangs.find(
+  const selectedKandang = projectFlock.kandangs?.find(
     (kandang) => kandang.id === Number(selectedKandangId)
   );
 
+  const { data: projectFlockKandang, isLoading: projectFlockKandangLoading } =
+    useSWR(
+      selectedKandangId
+        ? `${ProjectFlockKandangApi.basePath}/get-detail/${selectedKandangId}`
+        : null,
+      selectedKandangId
+        ? () =>
+            ProjectFlockKandangApi.getSingle(
+              Number(selectedKandang?.project_flock_kandang_id)
+            )
+        : null
+    );
+
   const {
     approvals,
     isLoading: approvalsLoading,
@@ -53,6 +71,20 @@ const ProjectFlockDetail = ({
     moduleId: projectFlock?.id.toString() ?? '',
   });
 
+  const { approvals: kandangApprovals, isLoading: kandangApprovalsLoading } =
+    useApprovalSteps({
+      latestApproval:
+        selectedKandangId && isResponseSuccess(projectFlockKandang)
+          ? projectFlockKandang?.data?.approval
+          : undefined,
+      approvalLines: PROJECT_FLOCK_KANDANGS_APPROVAL_LINE,
+      moduleName: 'PROJECT_FLOCK_KANDANGS',
+      moduleId:
+        selectedKandangId && isResponseSuccess(projectFlockKandang)
+          ? projectFlockKandang?.data?.id?.toString()
+          : '',
+    });
+
   const confirmationModalDeleteClickHandler = async () => {
     setIsDeleteLoading(true);
     const deleteProjectFlockRes = await ProjectFlockApi.delete(
@@ -151,7 +183,7 @@ const ProjectFlockDetail = ({
                 className={{ badge: 'rounded-lg px-2' }}
               >
                 <Icon icon='mdi:bookmark' width={12} height={12} />
-                {` ${formatTitleCase(projectFlock.category)}`}
+                {` ${formatTitleCase(projectFlock.category ?? '')}`}
               </Badge>
             </div>
             {/* Information Grid */}
@@ -168,7 +200,7 @@ const ProjectFlockDetail = ({
                   }}
                 >
                   <Icon icon='mdi:account-circle' width={14} height={14} />{' '}
-                  {projectFlock.created_user.name}
+                  {projectFlock.created_user?.name}
                 </Badge>
               </div>
 
@@ -194,7 +226,7 @@ const ProjectFlockDetail = ({
               >
                 <Icon width={14} height={14} icon='mdi:circle-slice-8' /> Area
               </div>
-              <div className='col-span-2'>{projectFlock.area.name}</div>
+              <div className='col-span-2'>{projectFlock?.area?.name}</div>
 
               {/* BARIS 2 */}
               <div
@@ -204,7 +236,7 @@ const ProjectFlockDetail = ({
               >
                 <Icon width={14} height={14} icon='mdi:circle-slice-8' /> Lokasi
               </div>
-              <div className='col-span-2'>{projectFlock.location.name}</div>
+              <div className='col-span-2'>{projectFlock?.location?.name}</div>
 
               <div
                 className='col-span-1 flex flex-row items-center text-gray-400 font-semibold gap-2 
@@ -213,7 +245,7 @@ const ProjectFlockDetail = ({
               >
                 <Icon width={14} height={14} icon='mdi:circle-slice-8' /> FCR
               </div>
-              <div className='col-span-2'>{projectFlock.fcr.name}</div>
+              <div className='col-span-2'>{projectFlock?.fcr?.name}</div>
 
               {/* BARIS 3 (Terakhir - TIDAK PERLU garis di bawahnya) */}
               <div className='col-span-1 flex flex-row items-center text-gray-400 font-semibold gap-2'>
@@ -221,7 +253,7 @@ const ProjectFlockDetail = ({
                 Kategori
               </div>
               <div className='col-span-2'>
-                {formatTitleCase(projectFlock.category)}
+                {formatTitleCase(projectFlock.category ?? '')}
               </div>
             </div>
           </div>
@@ -231,6 +263,9 @@ const ProjectFlockDetail = ({
         <div className='border-t-1 border-gray-300'>
           <div className='p-4 flex flex-col gap-4'>
             <h2 className='text-2xl font-semibold'>Kandang Aktif</h2>
+            {kandangApprovals && !kandangApprovalsLoading && (
+              <ApprovalSteps approvals={kandangApprovals} />
+            )}
             {/* Badge Row  */}
             <div className='flex flex-row gap-2'>
               <Badge
@@ -246,7 +281,7 @@ const ProjectFlockDetail = ({
                   height={12}
                   color={'success'}
                 />{' '}
-                Kandang Aktif ({projectFlock.kandangs.length})
+                Kandang Aktif ({projectFlock.kandangs?.length})
               </Badge>
               <div className='divider divider-horizontal p-0 m-0'></div>
               <Badge
@@ -289,7 +324,7 @@ const ProjectFlockDetail = ({
                         <span>Jenis Produk</span>
                       </div>
                       <div className='text-end text-gray-500'>
-                        {budget.nonstock?.name}
+                        {budget?.nonstock?.name}
                       </div>
                     </div>
                     <div className='flex flex-row justify-between items-center'>
@@ -298,7 +333,7 @@ const ProjectFlockDetail = ({
                         <span>Nama Satuan</span>
                       </div>
                       <div className='text-end text-gray-500'>
-                        {budget.nonstock?.uom.name}
+                        {budget?.nonstock?.uom?.name}
                       </div>
                     </div>
                     <div className='flex flex-row justify-between items-center'>
@@ -353,21 +388,21 @@ const ProjectFlockDetail = ({
                 value={selectedKandangId?.toString()}
                 size='md'
                 color='neutral'
-                disabled={projectFlock.approval.step_number == 1}
+                disabled={projectFlock?.approval?.step_number == 1}
               >
-                {projectFlock.kandangs.map((kandang) => (
+                {projectFlock.kandangs?.map((kandang) => (
                   <div
                     key={kandang.id}
                     className={`grid grid-cols-2 gap-6 cursor-pointer hover:text-gray-800`}
                     onClick={() =>
-                      projectFlock.approval.step_number > 1 &&
-                      setSelectedKamdangId(kandang.id.toString())
+                      projectFlock?.approval?.step_number > 1 &&
+                      setSelectedKamdangId(kandang?.id?.toString())
                     }
                   >
                     <RadioGroupItem
-                      value={kandang.id.toString()}
-                      label={kandang.name}
-                      disabled={projectFlock.approval.step_number == 1}
+                      value={kandang?.id?.toString()}
+                      label={kandang?.name}
+                      disabled={projectFlock?.approval?.step_number == 1}
                     />
                     <div className='text-end'>
                       <Badge
@@ -375,7 +410,7 @@ const ProjectFlockDetail = ({
                           badge: 'rounded-lg',
                         }}
                       >
-                        Kapasitas {kandang.capacity} Ekor
+                        Kapasitas {kandang?.capacity} Ekor
                       </Badge>
                     </div>
                   </div>
@@ -392,14 +427,15 @@ const ProjectFlockDetail = ({
                   variant='outline'
                   color='success'
                   disabled={
-                    !selectedKandangId || projectFlock.approval.step_number == 1
+                    !selectedKandangId ||
+                    projectFlock?.approval?.step_number == 1
                   }
                 >
                   Chickin <Icon icon='mdi:checkbox-marked-outline' />
                 </Button>
               </Link>
               <Link
-                href={`/production/project-flock/closing?projectFlockId=${projectFlock.id}&projectFlockKandangId=${selectedKandangId}`}
+                href={`/production/project-flock/closing?projectFlockId=${projectFlock.id}&projectFlockKandangId=${selectedKandang?.project_flock_kandang_id}`}
                 className='m-0 p-0'
               >
                 <Button
@@ -407,7 +443,8 @@ const ProjectFlockDetail = ({
                   variant='outline'
                   color='error'
                   disabled={
-                    !selectedKandangId || projectFlock.approval.step_number == 1
+                    !selectedKandangId ||
+                    projectFlock?.approval?.step_number == 1
                   }
                 >
                   Close <Icon icon='mdi:checkbox-marked-circle-outline' />
diff --git a/src/components/pages/production/recording/RecordingTable.tsx b/src/components/pages/production/recording/RecordingTable.tsx
index 27b2d5c6..3052916c 100644
--- a/src/components/pages/production/recording/RecordingTable.tsx
+++ b/src/components/pages/production/recording/RecordingTable.tsx
@@ -510,7 +510,7 @@ const RecordingTable = () => {
         <div className='w-full flex flex-col xl:flex-row justify-between items-end xl:items-center gap-2'>
           <div className='w-full sm:w-fit flex flex-col sm:flex-row self-start gap-2'>
             <Button
-              href='recording/add'
+              href='/production/recording/add'
               variant='outline'
               color='primary'
               className='w-full sm:w-fit'
diff --git a/src/components/pages/production/transfer-to-laying/form/TransferToLayingForm.schema.ts b/src/components/pages/production/transfer-to-laying/form/TransferToLayingForm.schema.ts
index 2e26a36d..42387992 100644
--- a/src/components/pages/production/transfer-to-laying/form/TransferToLayingForm.schema.ts
+++ b/src/components/pages/production/transfer-to-laying/form/TransferToLayingForm.schema.ts
@@ -226,9 +226,7 @@ export const getFilledTransferToLayingFormInitialValues = async (
           //   targetKandang.target_project_flock_kandang.kandang.capacity,
 
           // TODO: integrate this to real API kandang capacity
-          maxQuantity:
-            targetKandang.target_project_flock_kandang.kandang.capacity ??
-            Infinity,
+          maxQuantity: Infinity,
         }))
       : [],
 
diff --git a/src/config/approval-line.ts b/src/config/approval-line.ts
index 48b1268b..5333c016 100644
--- a/src/config/approval-line.ts
+++ b/src/config/approval-line.ts
@@ -9,9 +9,28 @@ export const PROJECT_FLOCK_APPROVAL_LINE: ApprovalLine = [
     step_number: 2,
     step_name: 'Aktif',
   },
+  {
+    step_number: 3,
+    step_name: 'Selesai',
+  },
 ] as const;
 
-export const PROJECT_FLOCK_KANDANG_APPROVAL_LINE: ApprovalLine = [
+export const PROJECT_FLOCK_KANDANGS_APPROVAL_LINE: ApprovalLine = [
+  {
+    step_number: 1,
+    step_name: 'Pengajuan',
+  },
+  {
+    step_number: 2,
+    step_name: 'Disetujui',
+  },
+  {
+    step_number: 3,
+    step_name: 'Selesai',
+  },
+] as const;
+
+export const CHICKINS_APPROVAL_LINE: ApprovalLine = [
   {
     step_number: 1,
     step_name: 'Pengajuan',
diff --git a/src/dummy/closing.dummy.ts b/src/dummy/closing.dummy.ts
new file mode 100644
index 00000000..3a20cdaf
--- /dev/null
+++ b/src/dummy/closing.dummy.ts
@@ -0,0 +1,1136 @@
+/**
+ * Dummy Data untuk Closing API
+ *
+ * File ini berisi dummy data untuk testing API Closing sebelum backend siap.
+ *
+ * Struktur data mengikuti tipe yang didefinisikan di @/types/api/closing.d.ts
+ *
+ * @example
+ * // 1. Menggunakan getAllFetcher dengan SWR:
+ * import useSWR from 'swr';
+ * import { ClosingApi } from '@/services/api/closing';
+ *
+ * const { data, error, isLoading } = useSWR(
+ *   '/closings',
+ *   ClosingApi.getAllFetcher.bind(ClosingApi)
+ * );
+ *
+ * if (data?.status === 'success') {
+ *   console.log(data.data); // Array of Closing objects
+ * }
+ *
+ * @example
+ * // 2. Menggunakan getSingle:
+ * import { ClosingApi } from '@/services/api/closing';
+ *
+ * const response = await ClosingApi.getSingle(1);
+ * if (response?.status === 'success') {
+ *   console.log(response.data); // Single Closing object
+ * } else if (response?.status === 'error') {
+ *   console.error(response.message); // Error message
+ * }
+ *
+ * @example
+ * // 3. Menggunakan getGeneralInfo dengan SWR:
+ * import useSWR from 'swr';
+ * import { ClosingApi } from '@/services/api/closing';
+ *
+ * const closingId = 1;
+ * const { data, error, isLoading } = useSWR(
+ *   closingId,
+ *   (id: number) => ClosingApi.getGeneralInfo(id)
+ * );
+ *
+ * if (data?.status === 'success') {
+ *   console.log(data.data); // ClosingGeneralInformation object
+ * }
+ *
+ * @example
+ * // 4. Menggunakan getAllIncomingSapronakFetcher dengan SWR:
+ * import useSWR from 'swr';
+ * import { ClosingApi } from '@/services/api/closing';
+ *
+ * const { data, error, isLoading } = useSWR(
+ *   `${ClosingApi.basePath}/1/sapronak/incoming`,
+ *   ClosingApi.getAllIncomingSapronakFetcher.bind(ClosingApi)
+ * );
+ *
+ * if (data?.status === 'success') {
+ *   console.log(data.data); // Array of ClosingIncomingSapronak
+ * }
+ *
+ * @example
+ * // 5. Menggunakan getAllOutgoingSapronakFetcher dengan SWR:
+ * import useSWR from 'swr';
+ * import { ClosingApi } from '@/services/api/closing';
+ *
+ * const { data, error, isLoading } = useSWR(
+ *   `${ClosingApi.basePath}/1/sapronak/outgoing`,
+ *   ClosingApi.getAllOutgoingSapronakFetcher.bind(ClosingApi)
+ * );
+ *
+ * if (data?.status === 'success') {
+ *   console.log(data.data); // Array of ClosingOutgoingSapronak
+ * }
+ *
+ * @see {@link /home/sweetpotet/Documents/projects/lti-web-client/src/types/api/closing.d.ts}
+ */
+
+import { format } from 'date-fns';
+import {
+  Closing,
+  ClosingGeneralInformation,
+  ClosingIncomingSapronak,
+  ClosingOutgoingSapronak,
+  ClosingOverhead,
+  ClosingSapronakCalculation,
+} from '@/types/api/closing';
+import { CreatedUser, BaseApiResponse } from '@/types/api/api-general';
+
+// Waktu saat ini untuk created_at/updated_at
+const now = format(new Date(), 'yyyy-MM-dd HH:mm:ss');
+const today = format(new Date(), 'yyyy-MM-dd');
+const yesterday = format(
+  new Date().setDate(new Date().getDate() - 1),
+  'yyyy-MM-dd'
+);
+const lastWeek = format(
+  new Date().setDate(new Date().getDate() - 7),
+  'yyyy-MM-dd'
+);
+const lastMonth = format(
+  new Date().setMonth(new Date().getMonth() - 1),
+  'yyyy-MM-dd'
+);
+
+// ======================
+// 👤 Created User
+// ======================
+export const createdUser: CreatedUser = {
+  id: 1,
+  id_user: 1,
+  email: 'admin@example.com',
+  name: 'Admin Utama',
+};
+
+// ======================
+// 📊 Closing Dummy Data
+// ======================
+export const dummyClosings: Closing[] = [
+  // 1. Closing dengan status Pengajuan - GROWING
+  {
+    id: 1,
+    location_id: 1,
+    location_name: 'Farm Sukajadi',
+    project_category: 'GROWING',
+    period: 1,
+    closing_date: today,
+    shed_label: 'Kandang A1, A2, A3',
+    shed_count: 3,
+    sales_paid_amount: 150000000,
+    sales_remaining_amount: 50000000,
+    sales_payment_status: 'Sebagian Lunas',
+    project_status: 'Pengajuan',
+    created_user: createdUser,
+    created_at: now,
+    updated_at: now,
+  },
+
+  // 2. Closing dengan status Aktif - LAYING
+  {
+    id: 2,
+    location_id: 2,
+    location_name: 'Farm Cihampelas',
+    project_category: 'LAYING',
+    period: 2,
+    closing_date: yesterday,
+    shed_label: 'Kandang B1, B2',
+    shed_count: 2,
+    sales_paid_amount: 200000000,
+    sales_remaining_amount: 0,
+    sales_payment_status: 'Lunas',
+    project_status: 'Aktif',
+    created_user: createdUser,
+    created_at: lastWeek,
+    updated_at: yesterday,
+  },
+
+  // 3. Closing dengan status Selesai - GROWING
+  {
+    id: 3,
+    location_id: 3,
+    location_name: 'Farm Pasteur',
+    project_category: 'GROWING',
+    period: 3,
+    closing_date: lastWeek,
+    shed_label: 'Kandang C1, C2, C3, C4',
+    shed_count: 4,
+    sales_paid_amount: 300000000,
+    sales_remaining_amount: 25000000,
+    sales_payment_status: 'Sebagian Lunas',
+    project_status: 'Selesai',
+    created_user: createdUser,
+    created_at: lastMonth,
+    updated_at: lastWeek,
+  },
+
+  // 4. Closing dengan status Aktif - LAYING
+  {
+    id: 4,
+    location_id: 4,
+    location_name: 'Farm Setiabudi',
+    project_category: 'LAYING',
+    period: 1,
+    closing_date: today,
+    shed_label: 'Kandang D1',
+    shed_count: 1,
+    sales_paid_amount: 75000000,
+    sales_remaining_amount: 75000000,
+    sales_payment_status: 'Belum Lunas',
+    project_status: 'Aktif',
+    created_user: createdUser,
+    created_at: yesterday,
+    updated_at: now,
+  },
+
+  // 5. Closing dengan status Selesai - GROWING
+  {
+    id: 5,
+    location_id: 5,
+    location_name: 'Farm Dago',
+    project_category: 'GROWING',
+    period: 4,
+    closing_date: lastMonth,
+    shed_label: 'Kandang E1, E2, E3, E4, E5',
+    shed_count: 5,
+    sales_paid_amount: 500000000,
+    sales_remaining_amount: 0,
+    sales_payment_status: 'Lunas',
+    project_status: 'Selesai',
+    created_user: createdUser,
+    created_at: lastMonth,
+    updated_at: lastMonth,
+  },
+
+  // 6. Closing dengan status Pengajuan - LAYING
+  {
+    id: 6,
+    location_id: 6,
+    location_name: 'Farm Lembang',
+    project_category: 'LAYING',
+    period: 2,
+    closing_date: undefined, // Belum ada tanggal closing
+    shed_label: 'Kandang F1, F2',
+    shed_count: 2,
+    sales_paid_amount: 0,
+    sales_remaining_amount: 180000000,
+    sales_payment_status: 'Belum Lunas',
+    project_status: 'Pengajuan',
+    created_user: createdUser,
+    created_at: now,
+    updated_at: now,
+  },
+
+  // 7. Closing dengan status Aktif - GROWING
+  {
+    id: 7,
+    location_id: 7,
+    location_name: 'Farm Ciwidey',
+    project_category: 'GROWING',
+    period: 1,
+    closing_date: yesterday,
+    shed_label: 'Kandang G1, G2, G3',
+    shed_count: 3,
+    sales_paid_amount: 120000000,
+    sales_remaining_amount: 30000000,
+    sales_payment_status: 'Sebagian Lunas',
+    project_status: 'Aktif',
+    created_user: createdUser,
+    created_at: lastWeek,
+    updated_at: yesterday,
+  },
+
+  // 8. Closing dengan status Selesai - LAYING
+  {
+    id: 8,
+    location_id: 8,
+    location_name: 'Farm Bandung Timur',
+    project_category: 'LAYING',
+    period: 3,
+    closing_date: lastMonth,
+    shed_label: 'Kandang H1, H2, H3, H4, H5, H6',
+    shed_count: 6,
+    sales_paid_amount: 600000000,
+    sales_remaining_amount: 0,
+    sales_payment_status: 'Lunas',
+    project_status: 'Selesai',
+    created_user: createdUser,
+    created_at: lastMonth,
+    updated_at: lastMonth,
+  },
+];
+
+// ======================
+// 📊 Closing General Information Dummy Data
+// ======================
+export const dummyClosingGeneralInformations: ClosingGeneralInformation[] = [
+  // 1. General Info - GROWING - Pengajuan
+  {
+    id: 1,
+    location_id: 1,
+    location_name: 'Farm Sukajadi',
+    project_category: 'GROWING',
+    period: 1,
+    closing_date: today,
+    shed_label: 'Kandang A1, A2, A3',
+    shed_count: 3,
+    sales_paid_amount: 150000000,
+    sales_remaining_amount: 50000000,
+    sales_payment_status: 'Sebagian Lunas',
+    project_status: 'Pengajuan',
+    flock_id: 101,
+    project_type: 'GROWING',
+    population: 15000,
+    active_house_count: 3,
+    closing_status: 'Draft',
+    created_user: createdUser,
+    created_at: now,
+    updated_at: now,
+  },
+
+  // 2. General Info - LAYING - Aktif
+  {
+    id: 2,
+    location_id: 2,
+    location_name: 'Farm Cihampelas',
+    project_category: 'LAYING',
+    period: 2,
+    closing_date: yesterday,
+    shed_label: 'Kandang B1, B2',
+    shed_count: 2,
+    sales_paid_amount: 200000000,
+    sales_remaining_amount: 0,
+    sales_payment_status: 'Lunas',
+    project_status: 'Aktif',
+    flock_id: 102,
+    project_type: 'LAYING',
+    population: 10000,
+    active_house_count: 2,
+    closing_status: 'In Progress',
+    created_user: createdUser,
+    created_at: lastWeek,
+    updated_at: yesterday,
+  },
+
+  // 3. General Info - GROWING - Selesai
+  {
+    id: 3,
+    location_id: 3,
+    location_name: 'Farm Pasteur',
+    project_category: 'GROWING',
+    period: 3,
+    closing_date: lastWeek,
+    shed_label: 'Kandang C1, C2, C3, C4',
+    shed_count: 4,
+    sales_paid_amount: 300000000,
+    sales_remaining_amount: 25000000,
+    sales_payment_status: 'Sebagian Lunas',
+    project_status: 'Selesai',
+    flock_id: 103,
+    project_type: 'GROWING',
+    population: 20000,
+    active_house_count: 4,
+    closing_status: 'Completed',
+    created_user: createdUser,
+    created_at: lastMonth,
+    updated_at: lastWeek,
+  },
+
+  // 4. General Info - LAYING - Aktif
+  {
+    id: 4,
+    location_id: 4,
+    location_name: 'Farm Setiabudi',
+    project_category: 'LAYING',
+    period: 1,
+    closing_date: today,
+    shed_label: 'Kandang D1',
+    shed_count: 1,
+    sales_paid_amount: 75000000,
+    sales_remaining_amount: 75000000,
+    sales_payment_status: 'Belum Lunas',
+    project_status: 'Aktif',
+    flock_id: 104,
+    project_type: 'LAYING',
+    population: 5000,
+    active_house_count: 1,
+    closing_status: 'In Progress',
+    created_user: createdUser,
+    created_at: yesterday,
+    updated_at: now,
+  },
+
+  // 5. General Info - GROWING - Selesai
+  {
+    id: 5,
+    location_id: 5,
+    location_name: 'Farm Dago',
+    project_category: 'GROWING',
+    period: 4,
+    closing_date: lastMonth,
+    shed_label: 'Kandang E1, E2, E3, E4, E5',
+    shed_count: 5,
+    sales_paid_amount: 500000000,
+    sales_remaining_amount: 0,
+    sales_payment_status: 'Lunas',
+    project_status: 'Selesai',
+    flock_id: 105,
+    project_type: 'GROWING',
+    population: 25000,
+    active_house_count: 5,
+    closing_status: 'Completed',
+    created_user: createdUser,
+    created_at: lastMonth,
+    updated_at: lastMonth,
+  },
+
+  // 6. General Info - LAYING - Pengajuan
+  {
+    id: 6,
+    location_id: 6,
+    location_name: 'Farm Lembang',
+    project_category: 'LAYING',
+    period: 2,
+    closing_date: undefined,
+    shed_label: 'Kandang F1, F2',
+    shed_count: 2,
+    sales_paid_amount: 0,
+    sales_remaining_amount: 180000000,
+    sales_payment_status: 'Belum Lunas',
+    project_status: 'Pengajuan',
+    flock_id: 106,
+    project_type: 'LAYING',
+    population: 12000,
+    active_house_count: 2,
+    closing_status: 'Draft',
+    created_user: createdUser,
+    created_at: now,
+    updated_at: now,
+  },
+
+  // 7. General Info - GROWING - Aktif
+  {
+    id: 7,
+    location_id: 7,
+    location_name: 'Farm Ciwidey',
+    project_category: 'GROWING',
+    period: 1,
+    closing_date: yesterday,
+    shed_label: 'Kandang G1, G2, G3',
+    shed_count: 3,
+    sales_paid_amount: 120000000,
+    sales_remaining_amount: 30000000,
+    sales_payment_status: 'Sebagian Lunas',
+    project_status: 'Aktif',
+    flock_id: 107,
+    project_type: 'GROWING',
+    population: 18000,
+    active_house_count: 3,
+    closing_status: 'In Progress',
+    created_user: createdUser,
+    created_at: lastWeek,
+    updated_at: yesterday,
+  },
+
+  // 8. General Info - LAYING - Selesai
+  {
+    id: 8,
+    location_id: 8,
+    location_name: 'Farm Bandung Timur',
+    project_category: 'LAYING',
+    period: 3,
+    closing_date: lastMonth,
+    shed_label: 'Kandang H1, H2, H3, H4, H5, H6',
+    shed_count: 6,
+    sales_paid_amount: 600000000,
+    sales_remaining_amount: 0,
+    sales_payment_status: 'Lunas',
+    project_status: 'Selesai',
+    flock_id: 108,
+    project_type: 'LAYING',
+    population: 30000,
+    active_house_count: 6,
+    closing_status: 'Completed',
+    created_user: createdUser,
+    created_at: lastMonth,
+    updated_at: lastMonth,
+  },
+];
+
+// ======================
+// 📦 Incoming Sapronak Dummy Data
+// ======================
+export const dummyIncomingSapronaks: ClosingIncomingSapronak[] = [
+  {
+    id: 1,
+    date: today,
+    reference_number: 'IN-2025-001',
+    transaction_type: 'Pembelian',
+    product_name: 'DOC Broiler Cobb 500',
+    product_category: 'DOC',
+    product_sub_category: 'DOC Broiler',
+    source_warehouse: 'Gudang Pusat',
+    destination_warehouse: 'Kandang A1',
+    quantity: 5000,
+    unit: 'Ekor',
+    formatted_quantity: '5,000 Ekor',
+    notes: 'DOC berkualitas tinggi dari supplier terpercaya',
+  },
+  {
+    id: 2,
+    date: yesterday,
+    reference_number: 'IN-2025-002',
+    transaction_type: 'Transfer Masuk',
+    product_name: 'Pakan Starter BR-1',
+    product_category: 'Pakan',
+    product_sub_category: 'Starter',
+    source_warehouse: 'Gudang Area Bandung',
+    destination_warehouse: 'Kandang B1',
+    quantity: 100,
+    unit: 'Sak',
+    formatted_quantity: '100 Sak (5,000 Kg)',
+    notes: 'Pakan starter untuk periode awal',
+  },
+  {
+    id: 3,
+    date: lastWeek,
+    reference_number: 'IN-2025-003',
+    transaction_type: 'Pembelian',
+    product_name: 'Vitamin B Complex',
+    product_category: 'OVK',
+    product_sub_category: 'Vitamin',
+    source_warehouse: 'Supplier Medion',
+    destination_warehouse: 'Gudang Farmasi',
+    quantity: 50,
+    unit: 'Botol',
+    formatted_quantity: '50 Botol',
+    notes: 'Vitamin untuk meningkatkan daya tahan tubuh',
+  },
+  {
+    id: 4,
+    date: today,
+    reference_number: 'IN-2025-004',
+    transaction_type: 'Pembelian',
+    product_name: 'Pakan Finisher BR-2',
+    product_category: 'Pakan',
+    product_sub_category: 'Finisher',
+    source_warehouse: 'Gudang Pusat',
+    destination_warehouse: 'Kandang C1',
+    quantity: 200,
+    unit: 'Sak',
+    formatted_quantity: '200 Sak (10,000 Kg)',
+    notes: 'Pakan finisher untuk periode akhir',
+  },
+  {
+    id: 5,
+    date: yesterday,
+    reference_number: 'IN-2025-005',
+    transaction_type: 'Transfer Masuk',
+    product_name: 'Antibiotik Enrofloxacin',
+    product_category: 'OVK',
+    product_sub_category: 'Obat',
+    source_warehouse: 'Gudang Area Jakarta',
+    destination_warehouse: 'Gudang Farmasi',
+    quantity: 30,
+    unit: 'Box',
+    formatted_quantity: '30 Box',
+    notes: 'Antibiotik untuk pencegahan penyakit',
+  },
+];
+
+// ======================
+// 📤 Outgoing Sapronak Dummy Data
+// ======================
+export const dummyOutgoingSapronaks: ClosingOutgoingSapronak[] = [
+  {
+    id: 1,
+    date: today,
+    reference_number: 'OUT-2025-001',
+    transaction_type: 'Pemakaian',
+    product_name: 'Pakan Starter BR-1',
+    product_category: 'Pakan',
+    product_sub_category: 'Starter',
+    source_warehouse: 'Kandang A1',
+    destination_warehouse: 'Konsumsi Kandang A1',
+    quantity: 50,
+    unit: 'Sak',
+    formatted_quantity: '50 Sak (2,500 Kg)',
+    notes: 'Pemakaian pakan harian periode starter',
+  },
+  {
+    id: 2,
+    date: yesterday,
+    reference_number: 'OUT-2025-002',
+    transaction_type: 'Transfer Keluar',
+    product_name: 'DOC Broiler Cobb 500',
+    product_category: 'DOC',
+    product_sub_category: 'DOC Broiler',
+    source_warehouse: 'Kandang B1',
+    destination_warehouse: 'Kandang B2',
+    quantity: 1000,
+    unit: 'Ekor',
+    formatted_quantity: '1,000 Ekor',
+    notes: 'Transfer DOC ke kandang baru',
+  },
+  {
+    id: 3,
+    date: lastWeek,
+    reference_number: 'OUT-2025-003',
+    transaction_type: 'Pemakaian',
+    product_name: 'Vitamin B Complex',
+    product_category: 'OVK',
+    product_sub_category: 'Vitamin',
+    source_warehouse: 'Gudang Farmasi',
+    destination_warehouse: 'Konsumsi Kandang C1',
+    quantity: 10,
+    unit: 'Botol',
+    formatted_quantity: '10 Botol',
+    notes: 'Pemberian vitamin untuk meningkatkan kesehatan',
+  },
+  {
+    id: 4,
+    date: today,
+    reference_number: 'OUT-2025-004',
+    transaction_type: 'Pemakaian',
+    product_name: 'Pakan Finisher BR-2',
+    product_category: 'Pakan',
+    product_sub_category: 'Finisher',
+    source_warehouse: 'Kandang C1',
+    destination_warehouse: 'Konsumsi Kandang C1',
+    quantity: 80,
+    unit: 'Sak',
+    formatted_quantity: '80 Sak (4,000 Kg)',
+    notes: 'Pemakaian pakan harian periode finisher',
+  },
+  {
+    id: 5,
+    date: yesterday,
+    reference_number: 'OUT-2025-005',
+    transaction_type: 'Pemakaian',
+    product_name: 'Antibiotik Enrofloxacin',
+    product_category: 'OVK',
+    product_sub_category: 'Obat',
+    source_warehouse: 'Gudang Farmasi',
+    destination_warehouse: 'Konsumsi Kandang D1',
+    quantity: 5,
+    unit: 'Box',
+    formatted_quantity: '5 Box',
+    notes: 'Pengobatan untuk ayam yang sakit',
+  },
+  {
+    id: 6,
+    date: lastWeek,
+    reference_number: 'OUT-2025-006',
+    transaction_type: 'Transfer Keluar',
+    product_name: 'Pakan Starter BR-1',
+    product_category: 'Pakan',
+    product_sub_category: 'Starter',
+    source_warehouse: 'Kandang E1',
+    destination_warehouse: 'Kandang E2',
+    quantity: 30,
+    unit: 'Sak',
+    formatted_quantity: '30 Sak (1,500 Kg)',
+    notes: 'Transfer pakan antar kandang',
+  },
+];
+
+// ======================
+// 📊 Perhitungan Sapronak Dummy Data
+// ======================
+export const dummySapronakCalculation: ClosingSapronakCalculation = {
+  // DOC Broiler Calculation
+  doc_broiler: {
+    rows: [
+      {
+        id: 1,
+        tanggal: today,
+        no_referensi: 'IN-2025-001',
+        qty_masuk: 5000,
+        qty_keluar: 0,
+        qty_pakai: 0,
+        uraian: 'DOC Broiler Cobb 500',
+        kategori_produk: 'DOC Broiler',
+        harga_beli_per_qty: 8000,
+        total_harga: 40000000,
+        keterangan: 'Pembelian DOC dari supplier',
+      },
+      {
+        id: 2,
+        tanggal: yesterday,
+        no_referensi: 'OUT-2025-002',
+        qty_masuk: 0,
+        qty_keluar: 1000,
+        qty_pakai: 0,
+        uraian: 'DOC Broiler Cobb 500',
+        kategori_produk: 'DOC Broiler',
+        harga_beli_per_qty: 8000,
+        total_harga: 8000000,
+        keterangan: 'Transfer DOC ke kandang lain',
+      },
+      {
+        id: 3,
+        tanggal: lastWeek,
+        no_referensi: 'USE-2025-001',
+        qty_masuk: 0,
+        qty_keluar: 0,
+        qty_pakai: 50,
+        uraian: 'DOC Broiler Cobb 500',
+        kategori_produk: 'DOC Broiler',
+        harga_beli_per_qty: 8000,
+        total_harga: 400000,
+        keterangan: 'Mortalitas DOC',
+      },
+    ],
+    total: {
+      label: 'Total DOC Broiler',
+      qty_masuk: 5000,
+      qty_keluar: 1000,
+      qty_pakai: 50,
+      harga_beli_per_qty: 8000,
+      total_harga: 48400000,
+    },
+  },
+
+  // OVK Calculation
+  ovk: {
+    rows: [
+      {
+        id: 1,
+        tanggal: today,
+        no_referensi: 'IN-2025-003',
+        qty_masuk: 50,
+        qty_keluar: 0,
+        qty_pakai: 0,
+        uraian: 'Vitamin B Complex',
+        kategori_produk: 'Vitamin',
+        harga_beli_per_qty: 150000,
+        total_harga: 7500000,
+        keterangan: 'Pembelian vitamin',
+      },
+      {
+        id: 2,
+        tanggal: yesterday,
+        no_referensi: 'IN-2025-005',
+        qty_masuk: 30,
+        qty_keluar: 0,
+        qty_pakai: 0,
+        uraian: 'Antibiotik Enrofloxacin',
+        kategori_produk: 'Obat',
+        harga_beli_per_qty: 250000,
+        total_harga: 7500000,
+        keterangan: 'Pembelian antibiotik',
+      },
+      {
+        id: 3,
+        tanggal: lastWeek,
+        no_referensi: 'OUT-2025-003',
+        qty_masuk: 0,
+        qty_keluar: 0,
+        qty_pakai: 10,
+        uraian: 'Vitamin B Complex',
+        kategori_produk: 'Vitamin',
+        harga_beli_per_qty: 150000,
+        total_harga: 1500000,
+        keterangan: 'Pemakaian vitamin',
+      },
+      {
+        id: 4,
+        tanggal: yesterday,
+        no_referensi: 'OUT-2025-005',
+        qty_masuk: 0,
+        qty_keluar: 0,
+        qty_pakai: 5,
+        uraian: 'Antibiotik Enrofloxacin',
+        kategori_produk: 'Obat',
+        harga_beli_per_qty: 250000,
+        total_harga: 1250000,
+        keterangan: 'Pemakaian antibiotik',
+      },
+    ],
+    total: {
+      label: 'Total OVK',
+      qty_masuk: 80,
+      qty_keluar: 0,
+      qty_pakai: 15,
+      harga_beli_per_qty: 200000,
+      total_harga: 17750000,
+    },
+  },
+
+  // Pakan Calculation
+  pakan: {
+    rows: [
+      {
+        id: 1,
+        tanggal: yesterday,
+        no_referensi: 'IN-2025-002',
+        qty_masuk: 100,
+        qty_keluar: 0,
+        qty_pakai: 0,
+        uraian: 'Pakan Starter BR-1',
+        kategori_produk: 'Starter',
+        harga_beli_per_qty: 450000,
+        total_harga: 45000000,
+        keterangan: 'Pembelian pakan starter',
+      },
+      {
+        id: 2,
+        tanggal: today,
+        no_referensi: 'IN-2025-004',
+        qty_masuk: 200,
+        qty_keluar: 0,
+        qty_pakai: 0,
+        uraian: 'Pakan Finisher BR-2',
+        kategori_produk: 'Finisher',
+        harga_beli_per_qty: 480000,
+        total_harga: 96000000,
+        keterangan: 'Pembelian pakan finisher',
+      },
+      {
+        id: 3,
+        tanggal: today,
+        no_referensi: 'OUT-2025-001',
+        qty_masuk: 0,
+        qty_keluar: 0,
+        qty_pakai: 50,
+        uraian: 'Pakan Starter BR-1',
+        kategori_produk: 'Starter',
+        harga_beli_per_qty: 450000,
+        total_harga: 22500000,
+        keterangan: 'Pemakaian pakan starter',
+      },
+      {
+        id: 4,
+        tanggal: today,
+        no_referensi: 'OUT-2025-004',
+        qty_masuk: 0,
+        qty_keluar: 0,
+        qty_pakai: 80,
+        uraian: 'Pakan Finisher BR-2',
+        kategori_produk: 'Finisher',
+        harga_beli_per_qty: 480000,
+        total_harga: 38400000,
+        keterangan: 'Pemakaian pakan finisher',
+      },
+      {
+        id: 5,
+        tanggal: lastWeek,
+        no_referensi: 'OUT-2025-006',
+        qty_masuk: 0,
+        qty_keluar: 30,
+        qty_pakai: 0,
+        uraian: 'Pakan Starter BR-1',
+        kategori_produk: 'Starter',
+        harga_beli_per_qty: 450000,
+        total_harga: 13500000,
+        keterangan: 'Transfer pakan ke kandang lain',
+      },
+    ],
+    total: {
+      label: 'Total Pakan',
+      qty_masuk: 300,
+      qty_keluar: 30,
+      qty_pakai: 130,
+      harga_beli_per_qty: 465000,
+      total_harga: 215400000,
+    },
+  },
+};
+
+// ======================
+// 💰 Overhead Dummy Data
+// ======================
+export const dummyOverhead: ClosingOverhead = {
+  overheads: [
+    {
+      item_name: 'Expedisi DOC',
+      uom_name: 'Ekor',
+      budget_quantity: 500,
+      budget_unit_price: 8000,
+      budget_total_amount: 4000000,
+      actual_date: '',
+      actual_quantity: 0,
+      actual_unit_price: 0,
+      actual_total_amount: 0,
+      cost_per_bird: 0,
+    },
+    {
+      item_name: 'Solar',
+      uom_name: 'Liter',
+      budget_quantity: 0,
+      budget_unit_price: 0,
+      budget_total_amount: 0,
+      actual_date: today,
+      actual_quantity: 20,
+      actual_unit_price: 10000,
+      actual_total_amount: 200000,
+      cost_per_bird: 200,
+    },
+    {
+      item_name: 'Gaji Karyawan Kandang',
+      uom_name: 'Orang',
+      budget_quantity: 3,
+      budget_unit_price: 3000000,
+      budget_total_amount: 9000000,
+      actual_date: today,
+      actual_quantity: 3,
+      actual_unit_price: 3200000,
+      actual_total_amount: 9600000,
+      cost_per_bird: 640,
+    },
+    {
+      item_name: 'Listrik Kandang',
+      uom_name: 'Bulan',
+      budget_quantity: 1,
+      budget_unit_price: 2500000,
+      budget_total_amount: 2500000,
+      actual_date: today,
+      actual_quantity: 1,
+      actual_unit_price: 2800000,
+      actual_total_amount: 2800000,
+      cost_per_bird: 187,
+    },
+    {
+      item_name: 'Air Bersih',
+      uom_name: 'Bulan',
+      budget_quantity: 1,
+      budget_unit_price: 500000,
+      budget_total_amount: 500000,
+      actual_date: today,
+      actual_quantity: 1,
+      actual_unit_price: 450000,
+      actual_total_amount: 450000,
+      cost_per_bird: 30,
+    },
+    {
+      item_name: 'Perbaikan Kandang',
+      uom_name: 'Paket',
+      budget_quantity: 1,
+      budget_unit_price: 3000000,
+      budget_total_amount: 3000000,
+      actual_date: yesterday,
+      actual_quantity: 1,
+      actual_unit_price: 3500000,
+      actual_total_amount: 3500000,
+      cost_per_bird: 233,
+    },
+    {
+      item_name: 'Service Peralatan',
+      uom_name: 'Kali',
+      budget_quantity: 2,
+      budget_unit_price: 500000,
+      budget_total_amount: 1000000,
+      actual_date: lastWeek,
+      actual_quantity: 2,
+      actual_unit_price: 550000,
+      actual_total_amount: 1100000,
+      cost_per_bird: 73,
+    },
+    {
+      item_name: 'ATK & Supplies',
+      uom_name: 'Paket',
+      budget_quantity: 1,
+      budget_unit_price: 500000,
+      budget_total_amount: 500000,
+      actual_date: today,
+      actual_quantity: 1,
+      actual_unit_price: 450000,
+      actual_total_amount: 450000,
+      cost_per_bird: 30,
+    },
+    {
+      item_name: 'Biaya Komunikasi',
+      uom_name: 'Bulan',
+      budget_quantity: 1,
+      budget_unit_price: 300000,
+      budget_total_amount: 300000,
+      actual_date: today,
+      actual_quantity: 1,
+      actual_unit_price: 320000,
+      actual_total_amount: 320000,
+      cost_per_bird: 21,
+    },
+    {
+      item_name: 'BBM Kendaraan Operasional',
+      uom_name: 'Liter',
+      budget_quantity: 200,
+      budget_unit_price: 10000,
+      budget_total_amount: 2000000,
+      actual_date: today,
+      actual_quantity: 220,
+      actual_unit_price: 10500,
+      actual_total_amount: 2310000,
+      cost_per_bird: 154,
+    },
+  ],
+  total: {
+    budget_quantity: 710,
+    budget_total_amount: 23300000,
+    actual_quantity: 250,
+    actual_total_amount: 24530000,
+    cost_per_bird: 1568,
+  },
+};
+
+// ======================
+// 🔧 Dummy API Response Functions
+// ======================
+
+/**
+ * Dummy implementation for getAllFetcher
+ * Returns all closing records
+ */
+export const dummyGetAllFetcher = async (): Promise<{
+  code: number;
+  status: 'success';
+  message: string;
+  data: Closing[];
+}> => {
+  await new Promise((resolve) => setTimeout(resolve, 500));
+  return {
+    code: 200,
+    status: 'success',
+    message: 'Data closing berhasil diambil',
+    data: dummyClosings,
+  };
+};
+
+/**
+ * Dummy implementation for getSingle
+ * Returns a single closing by ID
+ */
+export const dummyGetSingle = async (
+  id: number
+): Promise<BaseApiResponse<Closing> | undefined> => {
+  await new Promise((resolve) => setTimeout(resolve, 300));
+  const closing = dummyClosings.find((c) => c.id === id);
+
+  if (!closing) {
+    return {
+      code: 404,
+      status: 'error',
+      message: `Closing dengan ID ${id} tidak ditemukan`,
+    };
+  }
+
+  return {
+    code: 200,
+    status: 'success',
+    message: 'Data closing berhasil diambil',
+    data: closing,
+  };
+};
+
+/**
+ * Dummy implementation for getAllIncomingSapronakFetcher
+ * Returns all incoming sapronak records
+ */
+export const dummyGetAllIncomingSapronakFetcher = async (): Promise<{
+  code: number;
+  status: 'success';
+  message: string;
+  data: ClosingIncomingSapronak[];
+}> => {
+  await new Promise((resolve) => setTimeout(resolve, 400));
+  return {
+    code: 200,
+    status: 'success',
+    message: 'Data sapronak masuk berhasil diambil',
+    data: dummyIncomingSapronaks,
+  };
+};
+
+/**
+ * Dummy implementation for getAllOutgoingSapronakFetcher
+ * Returns all outgoing sapronak records
+ */
+export const dummyGetAllOutgoingSapronakFetcher = async (): Promise<{
+  code: number;
+  status: 'success';
+  message: string;
+  data: ClosingOutgoingSapronak[];
+}> => {
+  await new Promise((resolve) => setTimeout(resolve, 400));
+  return {
+    code: 200,
+    status: 'success',
+    message: 'Data sapronak keluar berhasil diambil',
+    data: dummyOutgoingSapronaks,
+  };
+};
+
+/**
+ * Dummy implementation for getGeneralInfo
+ * Returns closing general information by ID
+ */
+export const dummyGetGeneralInfo = async (
+  id: number
+): Promise<BaseApiResponse<ClosingGeneralInformation> | undefined> => {
+  await new Promise((resolve) => setTimeout(resolve, 300));
+  const closingInfo = dummyClosingGeneralInformations.find((c) => c.id == id);
+
+  if (!closingInfo) {
+    return {
+      code: 404,
+      status: 'error',
+      message: `Closing general information dengan ID ${id} tidak ditemukan`,
+    };
+  }
+
+  return {
+    code: 200,
+    status: 'success',
+    message: 'Data closing general information berhasil diambil',
+    data: closingInfo,
+  };
+};
+
+/**
+ * Dummy implementation for getPerhitunganSapronak
+ * Returns sapronak calculation data
+ */
+export const dummyGetPerhitunganSapronak = async (
+  id: number
+): Promise<
+  | {
+      code: number;
+      status: 'success';
+      message: string;
+      data: ClosingSapronakCalculation;
+    }
+  | undefined
+> => {
+  await new Promise((resolve) => setTimeout(resolve, 400));
+  return {
+    code: 200,
+    status: 'success',
+    message: 'Data perhitungan sapronak berhasil diambil',
+    data: dummySapronakCalculation,
+  };
+};
+
+/**
+ * Dummy implementation for getOverhead
+ * Returns overhead data
+ */
+export const dummyGetOverhead = async (
+  id: number
+): Promise<BaseApiResponse<ClosingOverhead> | undefined> => {
+  await new Promise((resolve) => setTimeout(resolve, 400));
+  return {
+    code: 200,
+    status: 'success',
+    message: 'Data overhead berhasil diambil',
+    data: dummyOverhead,
+  };
+};
diff --git a/src/services/api/closing.ts b/src/services/api/closing.ts
index 6ce32995..cc2ad4e1 100644
--- a/src/services/api/closing.ts
+++ b/src/services/api/closing.ts
@@ -6,9 +6,20 @@ import {
   ClosingGeneralInformation,
   ClosingIncomingSapronak,
   ClosingOutgoingSapronak,
+  ClosingOverhead,
+  ClosingSapronakCalculation,
 } from '@/types/api/closing';
-import { httpClient, httpClientFetcher } from '@/services/http/client';
 import { BaseApiResponse } from '@/types/api/api-general';
+import {
+  dummyGetAllFetcher,
+  dummyGetSingle,
+  dummyGetAllIncomingSapronakFetcher,
+  dummyGetAllOutgoingSapronakFetcher,
+  dummyGetGeneralInfo,
+  dummyGetPerhitunganSapronak,
+  dummyGetOverhead,
+} from '@/dummy/closing.dummy';
+import { httpClient, httpClientFetcher } from '@/services/http/client';
 import { ClosingSales } from '@/types/api/closing';
 
 export class ClosingApiService extends BaseApiService<Closing, null, null> {
@@ -16,6 +27,38 @@ export class ClosingApiService extends BaseApiService<Closing, null, null> {
     super(basePath);
   }
 
+  async getAllFetcher(endpoint: string): Promise<BaseApiResponse<Closing[]>> {
+    // TODO: Remove this block when backend is ready
+    // return await dummyGetAllFetcher();
+
+    // Uncomment this when backend is ready
+    return await httpClientFetcher<BaseApiResponse<Closing[]>>(endpoint);
+  }
+
+  async getSingle(id: number): Promise<BaseApiResponse<Closing> | undefined> {
+    // TODO: Remove this block when backend is ready
+    // try {
+    //   return await dummyGetSingle(id);
+    // } catch (error) {
+    //   if (axios.isAxiosError<BaseApiResponse<Closing>>(error)) {
+    //     return error.response?.data;
+    //   }
+    //   return undefined;
+    // }
+
+    // Uncomment this when backend is ready
+    try {
+      const getSinglePath = `${this.basePath}/${id}`;
+      const getSingleRes =
+        await httpClient<BaseApiResponse<Closing>>(getSinglePath);
+      return getSingleRes;
+    } catch (error) {
+      if (axios.isAxiosError<BaseApiResponse<Closing>>(error)) {
+      }
+      return undefined;
+    }
+  }
+
   async getPenjualan(
     id: number
   ): Promise<BaseApiResponse<ClosingSales> | undefined> {
@@ -36,6 +79,10 @@ export class ClosingApiService extends BaseApiService<Closing, null, null> {
   async getAllIncomingSapronakFetcher(
     endpoint: string
   ): Promise<BaseApiResponse<ClosingIncomingSapronak[]>> {
+    // TODO: Remove this block when backend is ready
+    // return await dummyGetAllIncomingSapronakFetcher();
+
+    // Uncomment this when backend is ready
     return await httpClientFetcher<BaseApiResponse<ClosingIncomingSapronak[]>>(
       endpoint
     );
@@ -44,19 +91,37 @@ export class ClosingApiService extends BaseApiService<Closing, null, null> {
   async getAllOutgoingSapronakFetcher(
     endpoint: string
   ): Promise<BaseApiResponse<ClosingOutgoingSapronak[]>> {
-    return await httpClientFetcher<BaseApiResponse<ClosingOutgoingSapronak[]>>(
-      endpoint
-    );
+    // TODO: Remove this block when backend is ready
+    return await dummyGetAllOutgoingSapronakFetcher();
+
+    // Uncomment this when backend is ready
+    // return await httpClientFetcher<BaseApiResponse<ClosingOutgoingSapronak[]>>(
+    //   endpoint
+    // );
   }
 
-  async getGeneralInfo(id: number) {
+  async getGeneralInfo(
+    id: number
+  ): Promise<BaseApiResponse<ClosingGeneralInformation> | undefined> {
+    // TODO: Remove this block when backend is ready
+    // try {
+    //   return await dummyGetGeneralInfo(id);
+    // } catch (error) {
+    //   if (
+    //     axios.isAxiosError<BaseApiResponse<ClosingGeneralInformation>>(error)
+    //   ) {
+    //     return error.response?.data;
+    //   }
+    //   return undefined;
+    // }
+
+    // Uncomment this when backend is ready
     try {
       const getGeneralInfoPath = `${this.basePath}/${id}`;
       const getGeneralInfoRes =
         await httpClient<BaseApiResponse<ClosingGeneralInformation>>(
           getGeneralInfoPath
         );
-
       return getGeneralInfoRes;
     } catch (error) {
       if (
@@ -67,6 +132,67 @@ export class ClosingApiService extends BaseApiService<Closing, null, null> {
       return undefined;
     }
   }
+
+  async getPerhitunganSapronak(
+    id: number
+  ): Promise<BaseApiResponse<ClosingSapronakCalculation> | undefined> {
+    // TODO: Remove this block when backend is ready
+    // try {
+    //   return await dummyGetPerhitunganSapronak(id);
+    // } catch (error) {
+    //   if (
+    //     axios.isAxiosError<BaseApiResponse<ClosingSapronakCalculation>>(error)
+    //   ) {
+    //     return error.response?.data;
+    //   }
+    //   return undefined;
+    // }
+
+    // Uncomment this when backend is ready
+    try {
+      const path = `${this.basePath}/${id}/perhitungan_sapronak`;
+      return await httpClient<BaseApiResponse<ClosingSapronakCalculation>>(
+        path,
+        {
+          method: 'GET',
+        }
+      );
+    } catch (error) {
+      if (
+        axios.isAxiosError<BaseApiResponse<ClosingSapronakCalculation>>(error)
+      ) {
+        return error.response?.data;
+      }
+      return undefined;
+    }
+  }
+
+  async getOverhead(
+    id: number
+  ): Promise<BaseApiResponse<ClosingOverhead> | undefined> {
+    // TODO: Remove this block when backend is ready
+    // try {
+    //   return await dummyGetOverhead(id);
+    // } catch (error) {
+    //   if (axios.isAxiosError<BaseApiResponse<ClosingOverhead>>(error)) {
+    //     return error.response?.data;
+    //   }
+    //   return undefined;
+    // }
+
+    // Uncomment this when backend is ready
+    try {
+      const path = `${this.basePath}/${id}/overhead`;
+      return await httpClient<BaseApiResponse<ClosingOverhead>>(path, {
+        method: 'GET',
+      });
+    } catch (error) {
+      if (axios.isAxiosError<BaseApiResponse<ClosingOverhead>>(error)) {
+        return error.response?.data;
+      }
+      return undefined;
+    }
+  }
 }
 
 export const ClosingApi = new ClosingApiService('/closings');
diff --git a/src/services/api/production/project-flock-kandang.ts b/src/services/api/production/project-flock-kandang.ts
index 47c9568e..f4887e68 100644
--- a/src/services/api/production/project-flock-kandang.ts
+++ b/src/services/api/production/project-flock-kandang.ts
@@ -54,120 +54,119 @@ export class ProjectFlockKandangService extends BaseApiService<
     id: number
   ): Promise<BaseApiResponse<CheckClosingResponse> | undefined> {
     // Dummy data - replace with actual API call when backend is ready
-    return new Promise((resolve) => {
-      setTimeout(() => {
-        resolve({
-          code: 200,
-          status: 'success',
-          message: 'Cek persyaratan closing kandang',
-          data: {
-            unfinished_expenses: 2,
-            stock_remaining: [
-              {
-                id: 1,
-                product_id: 1,
-                warehouse_id: 1,
-                quantity: 0,
-                product: {
-                  id: 1,
-                  name: 'Pakan Starter',
-                  brand: 'Brand A',
-                  sku: 'PKN-STR-001',
-                  product_price: 15000,
-                  selling_price: 17000,
-                  tax: 0,
-                  expiry_period: 365,
-                  flags: ['active'],
-                  uom: {
-                    id: 1,
-                    name: 'Kg',
-                    created_user: {
-                      id: 1,
-                      id_user: 1,
-                      email: 'admin@example.com',
-                      name: 'Admin User',
-                    },
-                    created_at: '2024-01-01',
-                    updated_at: '2024-01-01',
-                  },
-                  product_category: {
-                    id: 1,
-                    name: 'Pakan',
-                    code: 'PKN',
-                    created_user: {
-                      id: 1,
-                      id_user: 1,
-                      email: 'admin@example.com',
-                      name: 'Admin User',
-                    },
-                    created_at: '2024-01-01',
-                    updated_at: '2024-01-01',
-                  },
-                  suppliers: [],
-                  created_user: {
-                    id: 1,
-                    id_user: 1,
-                    email: 'admin@example.com',
-                    name: 'Admin User',
-                  },
-                  created_at: '2024-01-01',
-                  updated_at: '2024-01-01',
-                },
-                warehouse: {
-                  id: 1,
-                  name: 'Gudang Utama',
-                  type: 'AREA',
-                  area: {
-                    id: 1,
-                    name: 'Area 1',
-                  },
-                  created_user: {
-                    id: 1,
-                    id_user: 1,
-                    email: 'admin@example.com',
-                    name: 'Admin User',
-                  },
-                  created_at: '2024-01-01',
-                  updated_at: '2024-01-01',
-                },
-                created_user: {
-                  id: 1,
-                  id_user: 1,
-                  email: 'admin@example.com',
-                  name: 'Admin User',
-                },
-                created_at: '2025-01-01',
-                updated_at: '2025-01-01',
-              },
-            ],
-            expenses: [
-              {
-                id: 1,
-                po_number: 'PO-BOP-LTI-00001',
-                category: 'NON-BOP',
-                total: 110000,
-                status: 'SELESAI',
-                step_name: 'Approval Finance',
-                step: 5,
-                reference_number: 'BOP-LTI-00001',
-              },
-              {
-                id: 3,
-                po_number: 'PO-BOP-LTI-00003',
-                category: 'BOP',
-                total: 110000,
-                status: 'SELESAI',
-                step_name: 'Approval Finance',
-                step: 5,
-                reference_number: 'BOP-LTI-00003',
-              },
-            ],
-          },
-        });
-      }, 500); // Simulate network delay
-    });
+    // return new Promise((resolve) => {
+    //   setTimeout(() => {
+    //     resolve({
+    //       code: 200,
+    //       status: 'success',
+    //       message: 'Cek persyaratan closing kandang',
+    //       data: {
+    //         unfinished_expenses: id % 2 === 1 ? 2 : 0,
+    //         stock_remaining: [
+    //           {
+    //             id: 1,
+    //             product_id: 1,
+    //             warehouse_id: 1,
+    //             quantity: id % 2 === 1 ? 100 : 0,
+    //             product: {
+    //               id: 1,
+    //               name: 'Pakan Starter',
+    //               brand: 'Brand A',
+    //               sku: 'PKN-STR-001',
+    //               product_price: 15000,
+    //               selling_price: 17000,
+    //               tax: 0,
+    //               expiry_period: 365,
+    //               flags: ['active'],
+    //               uom: {
+    //                 id: 1,
+    //                 name: 'Kg',
+    //                 created_user: {
+    //                   id: 1,
+    //                   id_user: 1,
+    //                   email: 'admin@example.com',
+    //                   name: 'Admin User',
+    //                 },
+    //                 created_at: '2024-01-01',
+    //                 updated_at: '2024-01-01',
+    //               },
+    //               product_category: {
+    //                 id: 1,
+    //                 name: 'Pakan',
+    //                 code: 'PKN',
+    //                 created_user: {
+    //                   id: 1,
+    //                   id_user: 1,
+    //                   email: 'admin@example.com',
+    //                   name: 'Admin User',
+    //                 },
+    //                 created_at: '2024-01-01',
+    //                 updated_at: '2024-01-01',
+    //               },
+    //               suppliers: [],
+    //               created_user: {
+    //                 id: 1,
+    //                 id_user: 1,
+    //                 email: 'admin@example.com',
+    //                 name: 'Admin User',
+    //               },
+    //               created_at: '2024-01-01',
+    //               updated_at: '2024-01-01',
+    //             },
+    //             warehouse: {
+    //               id: 1,
+    //               name: 'Gudang Utama',
+    //               type: 'AREA',
+    //               area: {
+    //                 id: 1,
+    //                 name: 'Area 1',
+    //               },
+    //               created_user: {
+    //                 id: 1,
+    //                 id_user: 1,
+    //                 email: 'admin@example.com',
+    //                 name: 'Admin User',
+    //               },
+    //               created_at: '2024-01-01',
+    //               updated_at: '2024-01-01',
+    //             },
+    //             created_user: {
+    //               id: 1,
+    //               id_user: 1,
+    //               email: 'admin@example.com',
+    //               name: 'Admin User',
+    //             },
+    //             created_at: '2025-01-01',
+    //             updated_at: '2025-01-01',
+    //           },
+    //         ],
+    //         expenses: [
+    //           {
+    //             id: 1,
+    //             po_number: 'PO-BOP-LTI-00001',
+    //             category: 'NON-BOP',
+    //             total: 110000,
+    //             status: id % 2 === 1 ? 'PENGAJUAN' : 'SELESAI',
+    //             step_name: id % 2 === 1 ? 'Approval Finance' : 'Selesai',
+    //             step: id % 2 === 1 ? 1 : 5,
+    //             reference_number: 'BOP-LTI-00001',
+    //           },
+    //           {
+    //             id: 3,
+    //             po_number: 'PO-BOP-LTI-00003',
+    //             category: 'BOP',
+    //             total: 110000,
+    //             status: id % 2 === 1 ? 'PENGAJUAN' : 'SELESAI',
+    //             step_name: id % 2 === 1 ? 'Approval Finance' : 'Selesai',
+    //             step: id % 2 === 1 ? 1 : 5,
+    //             reference_number: 'BOP-LTI-00003',
+    //           },
+    //         ],
+    //       },
+    //     });
+    //   }, 500); // Simulate network delay
+    // });
 
-    /* 
     // Original API call - uncomment when backend is ready
     try {
       const path = `${this.basePath}/${id}/closing/check`;
@@ -181,7 +180,6 @@ export class ProjectFlockKandangService extends BaseApiService<
       }
       return undefined;
     }
-    */
   }
 }
 
diff --git a/src/types/api/closing.d.ts b/src/types/api/closing.d.ts
index 95b2f57f..baf4c7aa 100644
--- a/src/types/api/closing.d.ts
+++ b/src/types/api/closing.d.ts
@@ -78,4 +78,67 @@ export type ClosingIncomingSapronak = {
 };
 
 export type ClosingOutgoingSapronak = ClosingIncomingSapronak;
+
+// ====== PERHITUNGAN SAPRONAK ======
+
+export type RowSapronakCalculation = {
+  id: number;
+  tanggal: string;
+  no_referensi: string;
+  qty_masuk: number;
+  qty_keluar: number;
+  qty_pakai: number;
+  uraian: string;
+  kategori_produk: string;
+  harga_beli_per_qty: number;
+  total_harga: number;
+  keterangan: string;
+};
+
+export type TotalSapronakCalculation = {
+  label: string;
+  qty_masuk: number;
+  qty_keluar: number;
+  qty_pakai: number;
+  harga_beli_per_qty: number;
+  total_harga: number;
+};
+
+export type ClosingSapronakCalculationItem = {
+  rows: RowSapronakCalculation[];
+  total: TotalSapronakCalculation;
+};
+
+export type ClosingSapronakCalculation = {
+  doc_broiler: ClosingSapronakCalculationItem;
+  ovk: ClosingSapronakCalculationItem;
+  pakan: ClosingSapronakCalculationItem;
+};
+
+// ====== OVERHEAD ======
+export type ClosingOverhead = {
+  overheads: Overhead[];
+  total: OverheadTotal;
+};
+
+export type Overhead = {
+  item_name: string;
+  uom_name: string;
+  budget_quantity: number;
+  budget_unit_price: number;
+  budget_total_amount: number;
+  actual_date: string;
+  actual_quantity: number;
+  actual_unit_price: number;
+  actual_total_amount: number;
+  cost_per_bird: number;
+};
+
+export type OverheadTotal = {
+  budget_quantity: number;
+  budget_total_amount: number;
+  actual_quantity: number;
+  actual_total_amount: number;
+  cost_per_bird: number;
+};
 export type ClosingSales = BaseMetadata & BaseClosingSales;
diff --git a/src/types/api/production/project-flock-kandang.d.ts b/src/types/api/production/project-flock-kandang.d.ts
index 388eed32..3a98a6e8 100644
--- a/src/types/api/production/project-flock-kandang.d.ts
+++ b/src/types/api/production/project-flock-kandang.d.ts
@@ -56,8 +56,26 @@ export type ClosingExpense = {
   reference_number: string;
 };
 
+// "flag_name": "PAKAN",
+//                 "product_warehouse_id": 14,
+//                 "product_id": 8,
+//                 "product_name": "281 SPECIAL STARTER",
+//                 "product_category": "Bahan Baku",
+//                 "uom": "Kilogram",
+//                 "quantity": 1100
+
+export type StockItem = {
+  flag_name: string;
+  product_warehouse_id: number;
+  product_id: number;
+  product_name: string;
+  product_category: string;
+  uom: string;
+  quantity: number;
+};
+
 export type CheckClosingResponse = {
   unfinished_expenses: number;
-  stock_remaining: ProductWarehouse[];
+  stock_remaining: StockItem[];
   expenses: ClosingExpense[];
 };